@media screen and (min-width: 1366px) {
    .container {
        max-width: 1250px;
    }
    ul.dropdown-menu.userdropdown.show {
        margin: -24px -138px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .contactUs, .contactUs.portnerActive {
        background-size: 550px 100%;
    }
    .searchBx input {
        padding: 14px 20px;
        min-width: 100%;
        background: #FFFFFF;
        padding-left: 16px;
        border: 1px solid #C2C2C2;
        border-radius: 7px;
        color: #C7C7C7;
        font-weight: 400;
        position: absolute;
    }
    .dropdown-menu.show {
        display: block;
        margin: 12px 0px;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password {
        transform: translate(58px, 50px);
        position: absolute;
        font-size: 19px;
        color: #7cc8fc;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password2 {
        transform: translate(62px, 50px);
        position: absolute;
        font-size: 19px;
        color: #7cc8fc;
    }
    span.fa.fa-fw.field_icon.toggle-password.fa-eye-slash::before {
        transform: translate(99px, 29px);
        position: absolute;
        /* margin: 30px 9em; */
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password.login-password {
/*        transform: translate(11em, 48px);*/
        color: #7cc8fc;
        font-size: 19px;
        position: absolute;
    }
    span.fa.fa-fw.field_icon.toggle-password.fa-eye-slash.login-password::before {
        /* transform: translate(110em, 48px); */
        position: absolute;
/*        transform: translate(197px, 33px);*/
        font-size: 19px;
        color: #333;
        margin: 0;
    }
    .languageRow {
        width: 100%;
        margin: 4px -7px;
        text-align: end;
    }
    span.fa.fa-fw.field_icon.toggle-password2.fa-eye-slash::before {
        transform: translate(121px, 29px);
        position: absolute;
        font-size: 19px;
    }
    nav#mainNav {
        background: #ffff !important;
        padding: 12px 0;
    }
    .upload_media .upload_file {
        width: 100%;
        height: 250px;
        padding: 90px 12px;
/*        border: 3px dashed #63ade0;*/
/*        background: rgba(124, 200, 252, 0.1);*/
        transition: background 0.3s ease-in-out;
        display: grid;
        grid-gap: 10px;
        border-radius: 20px;
        justify-content: center;
        text-align: center;
        margin: 22px 0px;
    }
    .upload_media .upload_file p {
        /* font-family: 'Inter'; */
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2;
        color: #63ade0;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password , span.fa.fa-fw.fa-eye.field_icon.toggle-password2, span.fa.fa-fw.fa-eye.field_icon.toggle-password3{
/*        transform: translate(34px, 48px);*/
        position: absolute;
        font-size: 19px;
        color: #7cc8fc;
    }
    span.fa.fa-fw.field_icon.toggle-password.fa-eye-slash::before,span.fa.fa-fw.field_icon.toggle-password2.fa-eye-slash::before {
        transform: translate(47px, 31px);
        position: absolute;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password3 {
       transform: translate(12px, 51px)!important;
    }
    span.fa.fa-fw.field_icon.toggle-password3.fa-eye-slash::before {
         transform: translate(0px, 31px);
         position: absolute;
         /* margin: 30px 15em; */
    }
    .nav-item-col{
        width: 11rem;
    }
    .dropdown-menu.show {
        display: block;
        margin: 12px -13px;
    }
}
@media only screen and (max-width: 991px) {
    body {
/*        padding-top: 75px;*/
        overflow: visible;
    }
    .mobile {
        display: flow-root !important;
    }
    .desktop{
        display: none !important;
    }
    .navbar-brand img {
        height: 60px;
    }
    nav#mainNav .nav-item>a {
        padding: 14px 0;
        border-bottom: solid 1px #064663;
        color: #9b969f;
        display: flex;
        justify-content: start;
    }
    nav#mainNav li.mobile {
        text-align: center;
    }
    nav#mainNav .nav-item {
        padding: 0;
    }
    nav#mainNav {
        padding: 7px 15px;
    }
    .languageRow {
        width: 100%;
        margin: 4px -7px;
        text-align: end;
    }
    .navbar-light .navbar-toggler {
        border: none;
        padding: 0;
        outline: none;
    }
    div#navbarSupportedContent {
        position: fixed;
        top: 0;
        width: 345px;
        left: -41px;
        background: #fff;
        height: 100vh;
        padding: 20px;
        z-index: 9;
        display: block;
        transform: translateX(-320px);
        transition: all 400ms ease;
        padding-top: 50px;
    }
    .cross-toggler {
        background: #7cc8fc;
        border: none;
        color: #8888;
        padding: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-bottom: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 9999;
    }
    ul.navbar-nav.ml-auto {
        height: calc(100vh - 60px);
        overflow: auto;
    }
    div#navbarSupportedContent.active {
        left: 305px;
        transition: all 400ms ease;
    }
    .overLay {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgb(0 0 0 / 51%);
        top: 0;
        left: 0;
        display: none;
    }
    .mNav.active img, .mNav:hover img {
        filter: grayscale(0) !important;
    }
    .mNav.active span, .mNav:hover span {
        color: #FFB52E;
    }
    .overLay.active {
/*        display: block;*/
    }
    .navFooter {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 20px;
    }
    .formBxContent img {
        min-height: 1px;
        height: 300px;
    }
    .formBxContent {
        order: 1;
        flex: 0 0 100%;
    }
    .formBxForm {
        order: 2;
        flex: 0 0 100%;
        padding: 30px;
    }
    .formInr {
        flex-wrap: wrap;
    }
    .formBxFormTwo {
        flex: 0 0 45%;
        padding: 40px;
        color: #7CC8FC;
        background: #fff;
        /* box-shadow: -11.4635px 14.1089px 26.4541px rgb(45 49 51 / 80%), inset 0px 3.52722px 18.5179px rgb(47 48 49 / 80%); */
        backdrop-filter: blur(28.2177px);
        border-radius: 8.81804px;
        width: 100%;
    }
    .formInrTwo {
        border-radius: 0;
        overflow: hidden;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
        justify-content: center;
        padding: 35px 10px;
    }
    .banner {
        min-height: 100vh;
        align-items: center;
        background-image: url('../images/Login.png');
        background-color: rgba(124, 200, 252, 0.25);
        background-size: cover;
        display: flex;
    }
    .forgetpasswordPage{
            padding: 55px 10px;
    }
    .homepageBtn {
        padding: 21px 70px;
        font-size: 14px;
        border: none;
        outline: none;
        text-decoration: none;
        background: #63ade0;
        border-radius: 5px;
        cursor: pointer;
        width: 100%;
        color: #fff;
    }
    .homepageBtn:hover {
        padding: 21px 70px;
        font-size: 14px;
        border: none;
        outline: none;
        text-decoration: none;
        background: #63ade0;
        border-radius: 5px;
        cursor: pointer;
        width: 100%;
        color: #fff;
    }
    .overlayContent {
        margin-bottom: 30px;
    }

    .dropdown-menu.show {
        display: block;
        /* margin: 16px -86px; */
        margin: 8px -86px;
    }
    ul.dropdown-menu.userdropdown.show {
        margin: -17px -164px;
    }
    .customBtn {
        display: inline-flex;
        padding: 18px 30px;
        background: #7CC8FC;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        border: none;
        cursor: pointer;
        justify-content: center;
    }
    .customBtn:hover {
        display: inline-flex;
        padding: 18px 30px;
        background: #7CC8FC;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        border: none;
        cursor: pointer;
        justify-content: center;
    }
    .searchBtn {
/*        display: inline-flex;*/
/*        padding: 17px 30px;*/
/*        background: #7CC8FC;*/
/*        border-radius: 10px;*/
        color: #fff;
/*        font-size: 14px;*/
        border: none;
        cursor: pointer;
        justify-content: center;
/*        height: 55px;*/
/*        width: 50%;*/
        margin-top: 0;
        position: initial;
    }
    .searchBtn:hover {
/*        display: inline-flex;*/
/*        padding: 17px 30px;*/
/*        background: #7CC8FC;*/
/*        border-radius: 10px;*/
        color: #fff;
/*        font-size: 14px;*/
        border: none;
        cursor: pointer;
        justify-content: center;
/*        height: 55px;*/
/*        width: 50%;*/
        margin-top: 0;
        position: initial;
    }
    .successMsg {
        font-size: 18px;
        line-height: 33px;
        color: #22162B;
    }
}
@media only screen and (max-width: 767px) {
    .overflow-x-auto{
        overflow-x: auto;
    }
    .other_modal{
        width: 100%;
    }
    .desktop{
        display: none !important;
    }
    .customTable.table td, .table th {

        padding: 19px 12px;
        vertical-align: top;
        border-top: none;
        font-size: 12px;
    }
    .settingForm input {
        width: 100%;
        height: 50px;
        border: 1px solid rgba(72, 149, 229, 0.25);
        font-weight: 400;
        font-size: 14px;
        color: #3A3A3A;
        padding: 12px;
    }
    .pdf_file {
        width: 100%;
        height: 70px;
        background: rgba(124, 200, 252, 0.1);
        border: 2px solid #63ade0;
        border-radius: 10px;
        padding: 10px 17px;
    }
    .pdf_file p, i {
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        color: #63ade0;
        line-height: 1.2;
    }
    .customFormGrpdate i {
        position: absolute;
        right: 20px;
        top: 39px;
        font-size: 25px;
    }
    a.backbtn span {
        color: #63ade0;
        font-weight: 600;
        font-size: 19px;
        line-height: 33px;
    }
    a.backbtn i {
        font-size: 15px;
        color: #63ade0;
        font-weight: 600;
    }
    .searchBx input {
        padding: 14px 20px;
        min-width: 100%;
        background: #FFFFFF;
        padding-left: 45px;
        border: 1px solid #C2C2C2;
        border-radius: 7px;
        color: #C7C7C7;
        font-weight: 400;
        position: relative;
    }
    .paginationSec {
        width: 100%;
        border-top: 1px solid rgba(72, 149, 229, 0.25);
        padding: 10px 0px;
        text-align: end;
    }
    ul.dropdown-menu.userdropdown.show {
        margin: -17px -39px;
    }
    /*.main-content {
        padding: 1.5rem!important;
    }*/
    .main-content {
        padding: 42px 14px;
    }
    .lineBtn {
        background: #FFFFFF;
        border: 0.5px solid #63ade0;
        /* border-radius: 5px; */
        color: #63ade0;
        padding: 7px 5px;
        font-size: 10px;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
        width: 100%;
        height: 40px;
        margin: 6px 0px;
    }
    .addBtn {
        padding: 7px 20px;
        color: #000;
        font-size: 14px;
        border: none;
        outline: none;
        text-decoration: none;
        background: #63ade0;
        border-radius: 5px;
        cursor: pointer;
        width: auto;
        color: #fff;
    }
    .upload_media .upload_file p {
        /* font-family: 'Inter'; */
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.2;
        color: #63ade0;
    }
    .upload_media .upload_file {
        width: 100%;
        height: 150px;
        padding: 48px 30px;
/*        border: 3px dashed #63ade0;*/
/*        background: rgba(124, 200, 252, 0.1);*/
        transition: background 0.3s ease-in-out;
        display: grid;
        grid-gap: 10px;
        border-radius: 20px;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .upload_media label {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 51px;
        letter-spacing: 0.005em;
        color: #63ade0;
    }
    ul.dropdown-menu.userdropdown.show {
        margin: -17px -164px;
    }
    .upload_media {
        padding: 11px 0px;
    }
    .labelHeading {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 51px;
        letter-spacing: 0.005em;
        color: #63ade0;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password , span.fa.fa-fw.fa-eye.field_icon.toggle-password2, span.fa.fa-fw.fa-eye.field_icon.toggle-password3{
        transform: translate(105px, 50px);
        position: absolute;
        font-size: 19px;
        color: #7cc8fc;
    }
    span.fa.fa-fw.field_icon.toggle-password.fa-eye-slash::before,span.fa.fa-fw.field_icon.toggle-password2.fa-eye-slash::before {
        transform: translate(94px, 31px);
        position: absolute;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password3 {
       transform: translate(60px, 48px)!important;
    }
    span.fa.fa-fw.field_icon.toggle-password3.fa-eye-slash::before {
         transform: translate(44px, 31px);
         position: absolute;
    }
    span.fa.fa-fw.fa-eye.field_icon.toggle-password.login-password {
        transform: translate(7em, 48px);
        color: #7cc8fc;
        font-size: 19px;
        position: absolute;
    }
    span.fa.fa-fw.field_icon.toggle-password.fa-eye-slash.login-password::before {
        /* transform: translate(110em, 48px); */
        position: absolute;
        transform: translate(120px, 32px);
        font-size: 19px;
        color: #333;
        margin: 0;
    }
    .navbar_padding{
        padding: 0;
    }
}