﻿.mobLogo {
    margin-top: -20px;
    margin: auto;
    margin-left: 30px;
    display: block;
}

#ctl00_ctl00_HeadLoginView_loginLink, #ctl00_ctl00_HeadLoginView_registerLink {
    color: rgb(68, 68, 68);
    font-size: 13px;
    padding: 2px;
    text-decoration: none;
}

.navbar-right-mob {
    display : flex; 
    list-style : none;
    margin-left : -40px;
}

.main-menu-mob {
    width: 100%;
    margin-left: 1px!important;
}


@media (max-width: 1174px) {
    #main-content {
        margin-bottom: 20px;
    }

    #nfs_wrapper > * {
        max-width: 100% !important;
        margin: 0 auto !important;
        width: auto !important;
        text-align: inherit;
        display: table;
    }

    .entry-div img {
        margin-right: 0;
    }

    object {
        display: none;
    }

    #nfs_wrapper > img {
        display: none;
    }

    #nfs_wrapper table > tbody > tr > td:last-child:empty {
        display: none;
    }

    #nfs_wrapper table {
        width: 100%;
    }

    #ctl00_ctl00_rootPlaceHolder_mainPlaceHolder_ContainerTable > tbody > tr {
        display: block;
    }

    #ctl00_ctl00_rootPlaceHolder_mainPlaceHolder_ContainerTable > tbody > tr > td {
        margin-bottom: 40px;
        display: block;
    }

    #productslist {
        width: 400px;
    }

    .title {
        height: 60px !important;
    }
}

@media (min-width: 1043px) {
    #main-content {
        padding-left: 78px;
    }
}

@media (min-width: 768px) {
    #text {
        width: 70% !important;
    }
    #eotForm {
        width: 70% !important;
    }


    #header .navbar-right {
        margin: 0 !important;
        position: relative;
        display: flex;
        left: -15px;
    }

    #header .navbar-nav li a {
        color: rgb(68, 68, 68);
        font-size: 13px;
        padding: 2px;
    }

    #header .navbar-nav li.col::before {
        position: relative;
        content: "|";
        top: 5px;
    }

    #header .navbar-nav li.with-hover:hover {
        background-color: white;
        color: black;
    }

    #header .navbar-nav li.clear {
        display: table;
        margin: auto;
    }

    #header .navbar-nav li.right-clear {
        width: calc(100% - 900px);
    }

    #layerNavVertical, #subNavSearch {
        min-width: 170px;
    }

}

@media (max-width: 767px) {

    /*pchalaris*/
    #main-content {
        max-width: 100%!important;
    }


    #contractinfo > div > table > tbody > tr th {
        padding: 0px;
    }


    #navbar li > a {
        line-height: 0px;
    }


    .numberCircle {
        position: relative;
        display: block;
        margin: auto;
        left: 40%;
        margin-bottom: 10px;
    }


    #contractinfo > div {
        margin-left: 0px!important;
        width: 100%!important;
    }


   #eotForm .form-group > label {
        display: inline-table;
        height: 27px; 
        width: 150px; 
        float: left;
    }

    /*#calculator {
        margin-left: 20px !important;
    }*/


    #ctl00_ctl00_rootPlaceHolder_contentVideoDiv {
        display: none;
    }

    #topusername {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        top: 8px;
    }

    #contactInfo {
        width: auto !important;
    }



    #editinfo {
        width: 100%!important;
        margin-bottom: 200px!important;
    }

    #productslist {
        width: 120%!important;
        margin-top: 100px!important;
    }


    #ctl00_ctl00_rootPlaceHolder_lightPlaceHolder_userName_I {
        width: 200px;
    }

    #ctl00_ctl00_rootPlaceHolder_lightPlaceHolder_password_I {
        width: 200px;
    }

    
    /*//*/
    #text {
        padding: 15px;
        width: 330px !important;
        margin-left: 0px !important
    }

    .stdTxtContent {
        width: 100%!important
    }

    #header .navbar.navbar-default {
        padding: 4px 2px;
    }

    .navbar-brand {
        padding: 5px;
    }

    span.welcome {
        font-size: 26px !important;
    }

    #main-menu, #main-content {
        padding: 0;
    }

    #nfs_wrapper > * {
        padding: 0px 12px;
    }

    .float-right-big p {
        padding-bottom: 20px;
        text-align: justify;
        display: table;
        margin: 0 auto;
    }

    .float-right-big {
        float: none;
    }

    .float-right-big > div {
        padding-left: 0px !important;
        padding-right: 20px;
    }

    #generalinfomain {
        margin-left: 0px!important
    }
    #mycontract {
        margin-left: 0px!important
    }
}



/*Mobile*/


@media (min-width: 320px) and (max-width: 480px) {
    #contractinfo .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 1px;
    }

    #eotbtns button {
        display: block
    }
    #generalinfomain {
        margin-left: 0px!important
    }

    #mycontract {
        margin-left: 0px!important
    }

    #progress > svg  {
        width: 90% !important;
    }


    .numberCircle {
        display: inline-block;
        margin: auto;
        position: static;
        margin-bottom: 100px;
        left: 33% !important
    }

    #contacttable {
        margin-left: 0px!important;
        /* width: 80%; */
        padding: 25px;
        display: inline-block;
    }

    .fitContent {
        width: 100%;
    }

    #text {
        width:100% !important
    }

    #contractinfo > div {
        width: 100% !important;
    }

    #productsTitle {
        margin-top: 40px!important;
    }

    /*#ctl00_ctl00_rootPlaceHolder_mainContentDiv > div {
        margin: 0!important;
    }*/

    /*div.container-fluid > .row {
        min-height: 90vh;
    }*/

    /*#content1_0, #content2_0 {
        margin-bottom: 10px!important;
    }*/
}


@media (min-width: 641px) {

    #changepass {
        width: 2% !important;
    }

    div.navbar-brand {
        display: none;
    }

    #text {
        width: 70% !important;
    }

    #eotForm {
        width: 70% !important;
    }
}

@media (max-width: 640px) {
    div#changepass {
        left: 0px !important;
    }

    .def-custom-form {
        margin-right: 20px;
    }

    .def-custom-form > * {
        margin: 0 auto;
        display: block;
        /*width: 250px;*/
    }

    .def-custom-form > div {
        max-width: 250px;
        margin: 0 auto;
    }

    .def-custom-form > div:first-child {
        padding-left: 0px;
    }

    .def-custom-form > div > .dxeBase {
        margin-left: 0px;
    }

    div[align="left"] > table {
        margin-left: 190px;
    }

    .form-group > label {
        display: flex;
        float: none;
    }

    .form-group > label + div {
        display: flex;
        float: none;
    }

    /*.register .form-group > label {
        display: flex;
        float: none;
    }

    .register .form-group > label + div {
        display: flex;
        float: none;
    }

    .register.def-custom-form > div {
        max-width: 250px;
        margin: 0 auto;
    }

    .register.def-custom-form > * {
        margin: 0 auto;
    }

    .register.def-custom-form .float-start {
        width: 250px !important;
        padding-right: 100px;
        margin: 0 auto;
    }*/

    #generalinfomain {
        margin-left: 0px!important
    }
    #mycontract , #eotForm {
        margin-left: 0px!important
    }

    #ctl00_ctl00_rootPlaceHolder_mainPlaceHolder_contract_no_CC {
        min-width: 150px !important;
    }


    .eotbnt {
        margin-bottom: 15px !important;
        width: 80%!important;
    }
}

@keyframes dropDown {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}


