/*--------------------------------------------------------------
    FrontEnd Developer add responsive css for Portal UI
--------------------------------------------------------------*/
@media all and (max-width:1366px) {
    .subscription_switch.form-switch {
        width: 300px !important;
    }
}


    @media (min-width: 992px) and (max-width: 1266px) {
        .subscription_switch.form-switch {
            width: 425px !important;
        }

        a.btn.btn-blue.mt-4.btn-height.f-24.f-500.px-5 {
            position: relative;
            right: 0;
            bottom: 0;
        }

        .btn-pln-btm {
            position: relative;
            right: 0;
            bottom: 0;
        }

        .dropdown__menu .pl-120 {
            padding-left: 109px;
        }

        li.nav-item.nav-pad.border-active-none.mt-10 {
            margin-top: 9px;
        }
    }
@media all and (max-width:991px) {
    li.nav-item.nav-pad.border-active-none.mt-10 {
        margin-top: 10px;
    }
}
@media all and (max-width:860px) {
    .mobile-menu li a {
        font-size: 12px;
    }
}

        @media (min-width: 768px) and (max-width: 1024px) {
            .sc-logo-hide img {
                left: auto;
            }
            .timeline .events li:last-child {
                position: relative;
                left: 91px;
            }
            .country-li {
                width:100%;
            }
            .titlemiddle-heading {
                position: relative;
                top: 0%;
                left: 0%;
                transform: translate(-0%, -0%);
                width: 100%;
            }

            li.nav-item.dropdown.nav-pad.active a {
                color: var(--blacksecondary);
                border-bottom: 0px solid var(--blacksecondary);
            }

            .navbar_top .dropdown__menu.navbar-light .navbar-nav .nav-link {
                padding-left: 0;
            }

            .dropdown__menu .pl-120 {
                padding-left: 0;
            }

            .dropdown__menu .pl-56 {
                padding-left: 0px;
            }
        }

        @media all and (max-width:768px) {
            .timeline .events li:last-child {
                position: relative;
                left: 144px;
            }
            .timeline .events ul li {
               
                width:100% !important;
            }
            .timeline .events li:nth-child(5) {
                position: relative;
                left: 63px;
            }
            .timeline .events li:nth-child(4) {
                position: relative;
                left: 58px;
            }
            li.Portfolio-and-Links {
                width: 22% !important;
                position: relative;
                left: 34px;
            }
            .subscription_switch.form-switch {
                width: 255px !important;
            }

            a.btn.btn-blue.mt-4.btn-height.f-24.f-500.px-5 {
                position: relative;
                right: 0;
                bottom: 0;
            }

            .menuheight {
                height: auto;
            }
            .border__right:before {
                position: relative;
                content: "";
                height: 15px;
                border-right: 2px solid #C0C0C0;
                left: 60px;
            }
        }
@media all and (max-width:767px) {
    .border__right:before {
        border-right: 0px solid #C0C0C0;
    }

    .mobile-menu li a {
        font-size: 16px;
    }
}
        /*Small devices (landscape phones, 576px and up)*/
        @media (min-width: 320px) and (max-width: 767.98px) {
            .f-38 {
                font-size: 1.563rem !important;
            }
            div#u_0_0_PL {
                width: 100%;
            }
            div#createJobAlert {
                width: 100% !important;
                height:auto;
            }
            ul.listitems.float-lg-end.ps-0.ps-lg-3.mt-2.mt-lg-0.flex-wrap {
                height: auto;
            }
            .eight-col {
                width: 50%;
            }
            li.nav-item.dropdown.nav-pad.active a {
                color: var(--blacksecondary);
                border-bottom: 0px solid var(--blacksecondary);
            }

            #navbar_top .dropdown__menu.navbar-light .navbar-nav .nav-link {
                padding-left: 0;
                padding-bottom:5px;
                font-size:14px;
            }

            .menuheight {
                height: auto;
            }

            .col-nine {
                width: auto;
                padding: 4px;
                cursor: pointer;
            }

            .select2-container {
                width: 100% !important;
            }

            a.btn.btn-blue.mt-4.btn-height.f-24.f-500.px-5 {
                position: relative;
                right: 0;
                bottom: 0;
            }

            .btn-pln-btm {
                position: relative;
                right: 0;
                bottom: 0;
            }

            .subscription_switch.form-switch {
                width: 250px !important;
            }

            .navbar-brand {
                margin-right: 0px;
            }

            .bannerleftHeading {
                font-size: 1.7rem;
                line-height: 30px;
            }

            .score_title {
                line-height: 30px;
            }

            .heading-second, .why_source_heading {
                font-size: 1.4rem;
            }

            .mt-5 {
                margin-top: 1rem !important;
            }

            .why-source-content .px-5 {
                padding-right: 0.625rem !important;
                padding-left: 0.625rem !important;
            }

            .why-source-content .col-md-4 {
                margin-bottom: 1rem !important;
            }

            .video-play-button {
                top: -94px;
            }

            .contact__form label {
                margin-top: 10px;
            }

            .circle-wrap {
                margin: 0 auto;
            }

            .m-text-center {
                text-align: center;
            }

            #surveysectionfixed {
                position: relative !important;
                top: unset !important;
                width: auto !important;
                max-width: 100%;
            }

            .checkbox-list {
                display: grid;
                grid-template-columns: 2fr 2fr;
            }

            .green-checkbox {
                width: 25px;
                height: 25px;
            }

            .f-24 {
                font-size: 1.25rem !important;
            }

            .fontbg {
                margin-bottom: 10px;
            }

            .nav-bar-bg {
                box-shadow: 0 .5rem 1rem rgba(0,0,0, 0.15) !important;
            }

            .navbar-collapse.collapse.show {
                overflow-y: scroll;
                height: 250px;
            }

            .sectionTBPadding {
                padding: 1rem 0;
            }

            .mt-240 {
                margin-top: auto !important;
            }

            div#TwoStepMsg span {
                overflow: hidden;
                display: flex;
            }

            div#TwoStepMsg img {
                overflow: hidden;
                float: left;
                margin-right: 10px;
            }

            .employee-form {
                margin-top: 00px;
            }
            .h-28px {
                height: auto;
            }

            .col-xl-7.col-lg-8.mt-2.mt-lg-0.h-28px .justify-content-end {
                justify-content: normal !important;
            }
            .btn-linkedin {
           
                width: 100%;
            }
            .employee-form .f-40 {
                font-size: 1.55rem !important;
            }
                .employee-form h1 {
                    margin-bottom: 1rem !important;
                }
            .lbl-error-img {
                position: absolute;
                margin-left: -21px;
                margin-top: 20px;
            }

            span.lbl-error-img.img-mqus.img-73 {
                margin-top: 0;
            }

            iframe {
                border: 0;
                width: 100% !important;
            }
            .fb-login-button.fb_iframe_widget.fb_iframe_widget_fluid span {
                width: 100% !important;
            }
            .indicator-title h1 {
                font-size: 24px;
            }
        }

        @media (min-width: 320px) and (max-width: 529.98px) {
            .form-switch {
                width: 400px !important;
            }

                .form-switch label {
                    width: calc(100% - 130px) !important;
                }
           .jobopp-text {
                margin-left: 13px;
            }
        }
        /*Large devices (desktops, 992px and up)*/
        @media (min-width: 768px) and (max-width: 991.98px) {
            iframe {
                border: 0;
                width: 100%;
            }

            .why-source-content .px-5 {
                padding-right: 0.625rem !important;
                padding-left: 0.625rem !important;
            }

            .survey-section .mx-width {
                max-width: 100%;
            }

            .mt-240 {
                margin-top: 50px !important;
            }

            #surveysectionfixed {
                /* position: relative !important;
        top: unset !important;*/
                width: auto !important;
            }

            .mt-120 {
                margin-top: 20px !important;
            }

            .lbl-error-img {
                position: absolute;
                margin-left: -43px;
                margin-top: 20px;
            }

            span.lbl-error-img.img-mqus.img-73 {
                margin-top: 0;
            }
        }
        /*X-Large devices (large desktops, 1200px and up)*/
        @media (min-width: 992px) and (max-width: 1199.98px) {
        }

        @media all and (min-width:320px) and (max-width:767.9px) {
            .viewall-card.tooltip .tooltiptext {
                width: auto;
            }
            .row.align-items-end .col {
                padding: 0;
                margin-bottom: 10px;
            }
            .container.mt-3.pt-3 {
                padding-top: 0 !important;
                margin-top: 0 !important;
            }
            .fb_iframe_widget iframe ._5h0c._5h0d {
                border-radius: 4px;
                max-width: max-content !important;
                min-width: 240px;
            }
            ._5h0c._5h0d {
                border-radius: 4px;
                max-width: max-content !important;
                min-width: 240px;
            }
            div#u_0_0_PL {
                width: 100%;
            }
            
            .pluginLoginButton.pluginLoginButtonlarge {
                width: 100% !important;
            }
            ._5h0c._5h0d {
                border-radius: 4px;
                max-width: 100%;
                min-width: 100%;
            }
            div#u_0_0_YT {
                width: 100% !important;
            }
            .two-Links .btn-linkedin {
                width: 100% !important;
            }
            .pe-150 {
                padding-right: 0;
            }
            .modeltooltip + .modeltooltiptext {
      
                width: auto;
                
            }
            .dropdown__menu-container {
                display: flex !important;
            }
            .jobalert-section .seven-cols {
                width: 100%;
                float: left;
            }
            .sclogo-icon {
                display: block;
                text-align: center;
            }
            .container.dropdown__menu-container .row {
                width: 100%;
                margin-top: 3px;
            }
            #contactform, #homesection {
                padding-top: 17px;
            }
                .container.dropdown__menu-container .row .col-xl-2.col-md-2 {
                    padding-right: 0;
                    position: relative;
                    left: 5px;
                    padding-left: 4px;
                }
                .existing-page-title.myjobstittle {
                    margin-top: 20px;
                }
            .navbar-collapse.collapse.show {
                overflow-y: scroll;
                height: 213px;
            }
            .navbar-collapse.jobSeekerMenu.show {
                overflow-y: visible;
                height: auto;
            }
            .profile-edit.w-164 {
                width: 135px;
                height: 135px;
            }

            .profle-edit-icon {
                position: absolute;
                margin-left: 85px;
                top: 34px;
                width: 60px;
            }
            .banner-content h2.f-40.f-600.lh-base {
                font-size: 1.55rem !important;
            }
            .chat-list h3 {
                line-height: 19px;
               
            }
            .p-3.community-title {
                font-size: 11px;
                position: relative;
                left: -10px;
            }
            .p-3.community-title {
                font-size: 12px;
                position: relative;
                left: -9px;
            }
            .col-33 {
                width: 100%;
                float: none;
                padding-right: 19px;
            }
            .existing-page-title {
                margin-top: 0rem;
            }
            .container.d-flex.flex-column.min-vh-100 {
                padding-bottom: 50px;
                margin-top:56px;
            }
            .search.w-164 input {
                width: 100%;
            }
            .search input {
                width: 100%;
            }
                .eight-col {
                width: 100%;
            }
            iframe.img-thumbnail.mb-2 {
                margin-bottom: 20px !important;
            }
            .timeline .events ul li a {
               background: white;
            }
            .mobie-searchbar-menu {
                flex-direction: inherit;
                margin-top: 3px;
            }
            .country-li {
                width: 100%;
            }
            .titlemiddle-heading {
                position: relative;
                top: 0%;
                left: 0%;
                transform: translate(-0%, -0%);
                width: 100%;
            }

            .nsm7Bb-HzV7m-LgbsSe.hJDwNd-SxQuSe.i5vt6e-Ia7Qfc.uaxL4e-RbRzK {
                width: 100% !important;
                max-width: 100% !important;
                min-width: min-content;
            }

            iframe#gsi_660378_826069 {
                width: 100% !important;
            }

            .dropdown__menu .pl-56 {
                padding-left: 0;
                flex-direction: inherit;
            }

            .dropdown__menu .pl-120 {
                padding-left: 0;
                flex-direction: inherit;
            }

            .dropdown__menu .pl-56 .dropdown-menu {
                position: absolute;
            }

            .dropdown__menu .navbar-collapse {
                box-shadow: none;
            }

            .dropdown__menu .nav-link {
                padding-left: 11px;
            }

            .navbar-nav .dropdown-menu {
                margin-bottom: 3px;
            }

            #main_nav li.nav-item.dropdown.mx-lg-3.nav-pad a {
                text-align: left;
            }

            span.lbl-error-img.img-mqus.img-73 {
                margin-top: 0;
            }

            .mt-120 {
                margin-top: 20px !important;
            }

            .circle {
                margin: 0 auto;
            }

            .ul.list-inline.low_list-items li p {
                font-size: 12px !important;
            }

            .removeheaderfooter {
                padding: 30px 13px;
                height: 100vh;
            }

            .removeheaderfooter-height {
                height: auto !important;
            }

            .pwd-rules-list.reset_pwd-list {
                margin-top: 0px;
            }

            .checkbox-list li {
                width: auto;
                text-align: center;
            }

            .loginform {
                min-width: auto;
            }

            .page-content-middle {
                display: inherit;
                margin: 30px auto;
                min-height: 100vh;
                height: auto;
            }

            .mt-240 {
                margin-top: auto !important;
            }

            div#TwoStepMsg img {
                float: left;
                margin-right: 10px;
            }

            .scoreRightSubTitle {
                margin-top: 0;
            }

            a.dropdown-item.separator-line-two:after {
                left: 0;
                top: -5px;
                position: relative;
                display: inherit;
                width: auto;
            }

            a.dropdown-item.separator-line:after {
                left: 0;
                top: -11px;
                position: relative;
                width: 100%;
                display: inherit;
            }

            .employee-form.emp_form h1 {
                font-size: 30px !important;
            }

            .employee-form h1 {
                font-size: 30px !important;
            }

            div#TwoStepMsg span {
                overflow: hidden;
                display: flex;
            }

            .mt-30 {
                margin-top: 1rem !important;
            }

            .lbl-error-img {
                position: absolute;
                margin-left: -21px;
                margin-top: 20px;
            }

            .error-msg-icon {
                width: 16px;
            }

            .form-group.mb-4 {
                margin-bottom: 0.55rem !important;
            }
        }
@media all and (max-width:568px) {
    .table-responsive.sa_datatable.tbl-communication {
        width: 438px;
    }
    #frmCommunicationPreferences .table-responsive.sa_datatable.tbl-communication {
        width: auto;
    }
    .container.d-flex.flex-column.min-vh-100{
        overflow:hidden;
    }
}
    @media all and (max-width:480px) {
        .col-xl-9.col-md-12.col-sm-12.col-12{
            overflow:hidden;
        }
        .row.justify-content-end.flex-wrap.h-28px {
            height: auto;
            justify-content: flex-start !important;
        }
        .checkbox-list li label {
            display: block;
            height: auto;
        }
        ul.dropdown-menu.dropdown-menu-end.min-w-330.job-seekerdrop-down.show {
            right: 0;
            left: -73px;
        }

        button.btn.bg-navyblue.text-white.rounded-pill.me-3.mb-1 {
            width: 100%;
        }

        ul.listitems.float-lg-end {
            padding: 0;
            margin-top: 6px;
        }

        .green-checkbox {
            margin-top: 30px;
        }
    }
@media all and (max-width:375px) {
    ul.list-inline.low_list-items li {
        width: 18%;
    }
}
    @media all and (max-width:361px) {
        .subscription_switch.form-switch {
            width: 277px !important;
        }
    }

    @media all and (max-width:360px) {
        ul.list-inline.low_list-items li p {
            font-size: 12px;
        }

        ul.list-inline.low_list-items li {
            display: inline-block;
            padding-right: 1px !important;
            width: 17%;
        }

        .subscription_switch.form-switch {
            width: 304px !important;
        }
    }

    @media all and (max-width:320px) {
        .subscription_switch.form-switch {
            width: 365px !important;
        }
    }