/*-----------------------------------
  sidebar small only desktop
-----------------------------------*/

@media (min-width: 1200px) {
    /*-- small sidebar --*/
    #sidebar.active {
        min-width: 90px;
        max-width: 90px;
        text-align: center;
    }
    #sidebar.active .sidebar-header h3,
    #sidebar.active .CTAs {
        display: none;
    }
    #sidebar.active .sidebar-header strong {
        display: block;
    }
    #sidebar.active ul li a {
        padding: 10px 0;
        float: left;
        width: 100%;
        text-align: center;
    }
    #sidebar.active ul li a i {
        width: 100%;
        text-align: center;
        margin: 0 0 5px 0;
        font-size: 24px;
    }
    #sidebar.active ul ul a {
        padding: 10px !important;
    }
    #sidebar.active .dropdown-toggle::after {
        display: none;
    }
    nav#sidebar.active .logo_big {
        text-align: center;
        padding: 8px 0 7px;
    }
    #sidebar.active .logo_big img {
        height: 45px;
    }
    #sidebar.active .logo_section {
        padding: 0;
        margin-bottom: 10px;
        background: #fff;
        width: 100%;
    }
    #sidebar.active ul.components {
        padding: 0;
    }
    #sidebar.active .logo_big {
        display: none;
    }
    .logo_icon {
        display: none;
    }
    #sidebar.active .logo_icon {
        display: block;
    }
    #sidebar.active .logo_big img {
        height: 45px;
    }
    #sidebar.active h4 {
        display: none;
    }
    #sidebar.active .sidebar_user_info {
        display: none;
    }
    #sidebar.active ul li a span {
        font-size: 13px;
    }
    #sidebar ul li a i {}
}


/*-----------------------------------
  end sidebar small only desktop
-----------------------------------*/

@media (min-width: 1200px) and (max-width: 1600px) {
    .counter_section {
        display: block;
    }
    .couter_icon {
        display: block;
        width: 100%;
    }
    .couter_icon>div {
        padding-right: 0;
    }
    .counter_no p.total_no {
        text-align: center;
    }
    .counter_no .head_couter {
        text-align: center;
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .counter_section {
        display: block;
    }
    .couter_icon {
        display: block;
        width: 100%;
    }
    .couter_icon>div {
        padding-right: 0;
    }
    .counter_no p.total_no {
        text-align: center;
    }
    .counter_no .head_couter {
        text-align: center;
        font-size: 16px;
    }
    .dashboard_2 .social_cont ul li {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .info_people .user_info_cont {
        width: 60%;
        padding-left: 30px;
        padding-top: 0;
    }
    .fw_icon {
        width: 33.33%;
    }
}

@media (max-width: 575px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .padding_infor_info {
        padding: 20px 20px;
    }
    .payment_option li {
        margin-bottom: 10px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 575px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 1199px) {
    * {
        box-sizing: border-box;
    }

    .main-menu .navigation > li > a {

        font-size: 13px;
        padding: 26px 0rem;
    }

    .main-menu .navigation > li {
            margin: 0px 8px;
        }

        .main-menu .navigation > li.dropdown > a:before {

            top: 1.7rem;
        }

        .navigation li a i {
            margin-right: 0px;
            display: none;
        }

            figure.logo img {
            width: 280px;
        }

            .header-top .info li a {
                font-size: 0.79rem;
            }

        .left-column ul li img {
            width: 17px;
            margin-right: 4px !important;
        }

            .sticky-header .main-menu .navigation > li > a {
                padding: 1rem 0rem;
            }

        .searchBox > .searchInput {

            width: 19rem;
        }


        .sticky-header .logo-box {
    padding: 0.6rem 0rem;
}


    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }
    #sidebar .sidebar-header strong {
        display: block;
    }
    /*-- responsive --*/
    #sidebar.active+#content .topbar {
        transition: ease all 0.3s;
    }
    .topbar {
        padding-left: 0;
        min-width: 320px;
    }
    #sidebar.active+#content .topbar {
        padding-left: 0;
        min-width: 320px;
        left: 250px;
    }
    #content {
        padding: 60px 15px 25px 15px;
    }
    #sidebar.active {
        min-width: 250px;
        max-width: 250px;
        text-align: left;
    }
    #sidebar.active+#content {
        padding-left: 0;
        left: 250px;
        position: relative;
        min-width: 320px;
        height: auto;
        transition: ease all 0.3s;
    }
    .right_topbar .icon_info ul.user_profile_dd {
        display: none;
    }
    .right_topbar {
        float: right;
        padding: 0;
        margin: 5px 15px 5px 0;
    }
    .sidebar_toggle {
        padding: 14px 22px 13px;
    }
    .logo_section img {
        height: 38px;
        padding: 0;
        margin: 12px 0 0 15px;
    }
    .icon_info ul li {
        width: 30px;
    }
    .icon_info ul li a {
        font-size: 16px;
    }
    .logo_section img.logo_icon {
        display: none;
    }
}

@media (max-width: 1070px) and (min-width: 993px) {


    figure.logo img {
    width: 220px;
}


}

@media (max-width: 992px) {

    .header-top {

        display: none;
    }
    .btn-mob-cart {
        position: relative;
        background-color: #4f67d2;
        padding: 10px 0px;
        text-align: center;
        width: 100%;
        display: block;
        color: #fff;
        float: left;
    }

    .relationship-radio label {
        margin-left: 0rem;
    }
    .member-adress .relationship-component {
        margin-left: 0rem;
    }

    #useCurrentLocation {
        padding: 0.5rem 0.1rem;
    }

    .main-reusable {
    font-size: 20px;
    text-align: center;
    margin-bottom: 11px;
}

    .select-menu .select-btn {
    transform: translateX(-46px);
    /* justify-content: flex-start; */
}

    .service-block-one {
    padding: 0px 12px;
}

     .prescriptionMainer .upload-files-container {

        width: 100%;
     }

     .prescriptionMainer .drag-file-area {

        width: 100%;
     }
     .prescriptionMainer .form-container {
        background: inherit;
        padding: 0px !important;
    }
    .sec-title-two.whychooseus-heading {
    margin-bottom: 0px;
}

    .prescriptionMainer .form-container {

        background: inherit;
    }
    .prescription-container {

        padding: 0px !important;
    }


    .prescriptionMainer .drag-file-area label {
    font-size: 1.1875rem;
    text-align: center;
    width: 100%;
}

    .news-section {

        padding-bottom: 0px;
    }

    .contact-style-two {

        margin-top: 40px;
        margin-bottom: 0px !important;
    }

    .contact-info-section {

        padding-bottom: 0px;
    }
    .news-block-one .inner-box {

            margin-bottom: 40px;
    }
    .service-block-one .inner-box {

        padding: 10px;
    }
    .select-menu {

        text-align: center;
    }

    .page-title {
    
    padding: 0px 20px;
}

    .main-menu {

        display: none;
    }

    .banner-carousel .content-box {

        padding: 20px 0px !important;
    }

    .banner-carousel .content-box {

        font-size: 13px !important;
        line-height: 10px;
    }

        .fixwhcall {
        position: fixed;
        bottom: 0;
        display: flex !important;
        width: 100%;
        z-index: 9999;
    }
        .btn-mob-whtsapp {
        background-color: #ff0000;
        padding: 10px 0px;
        text-align: center;
        width: 100%;
        display: block;
        color: #fff;
        float: left;
    }

        .footer-bottom {
    padding: 20px 22px 61px;
   
}

    .percentage {

        font-size: 40px;
        margin-bottom: 0px !important;
    }


    .banner-carousel .content-box .icon-list li i {

        margin-right: 0px;
    }


    .banner-section {
    height: 365px !important;
}

    .sec-title-two h2 {

        font-size: 28px !important
    }

    .cta-section .content-box {

        padding: 40px 20px;
        margin-left: 0px !important;
    }

    .chatbox {
    position: fixed;
         right: 12px;
    z-index: 1000;
}

    .process-block-one .inner-box .image-box {

        margin-bottom: 0px;
        margin-top: 40px;
    }

    .main-footer .widget-section {

        padding: 40px 0px;
    }


    .app-imgcontainer {

        height: inherit;
        margin-bottom: 30px;
    }
    .process-block-one .inner-box h3 {

        line-height: inherit;

    }
     .sec-title h2 {

        font-size: 30px !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
     }
    .fiterimg {
        width: 20.5rem !important;
        height: 20.5rem !important;
        /*width: 100%;
        height: 290px;*/
        object-fit: cover;
    }

    .image_block_one .image-box .text {

        width: 205px;
    }

    .content_block_one {
    padding-top: 48px;
}

    .content_block_one .content-box {

        margin-left: 0px;
    }

    .single-item {
    margin-bottom: 20px;
}

    .banner-carousel .active .content-box h2 {

        margin-bottom: 5px;
        font-size: 25px !important;
    }
    .banner-carousel .image-box .image {

        display: none;
    }

    .banner-carousel .content-box .icon-list li {

        margin-right: 13px;
    width: 65px;
    height: 65px;
    line-height: 3;
    font-size: 22px;
    background: #fff;
    }

     .sidebar {

        display: none;
     }
    figure.logo img {
    width: 243px;
    padding: 7px 0px;
}

    .menu-area .mobile-nav-toggler {

        display: block;
        font-size: 25px;
    }

    .relevance-container .sign-in-container {

        width: 100%;
        top: 0px;
    }

    .relevance-container .overlay-container {

        width: 100%;
        left: 100%;
        display: none;
    }

    .relevance-container .sign-up-container {
        width: 100%;
        left: -100% !important;
        top: 0%;
    }

    .moving-bike {
    
    transform: translateX(46%);
}

}

@media (max-width: 768px) {

    figure.logo img {
    width: 182px;
    padding: 10px 0px;
}
.wish-section img {

    display: none;
}
.custom-inner-card {

    margin-bottom: 20px;
}
    .menu-area .mobile-nav-toggler {

        display: block;
    }

    .fixedSidebar.fixedSidebarRight {

        top: 10%;
    }

    a.theme-btn.btn-one.elelogin {

        padding: 5px 10px;
        width: 41px;
        box-shadow: inherit;
        margin-top: -5px;
    }

}

@media (max-width: 350px) {
    .icon_info ul li {
        margin: 15px 0 0 0;
    }
}

@media (max-width: 767px) {
    .counter_section {
        padding: 30px 25px;
    }
    .cart-column .row .d-flex {
      justify-content: start;
    }
    .cart-section .cart-total .total-cart-box .theme-btn {
        margin-bottom: 30px;
    }
    .counter_no {
        padding: 0;
    }
    .counter_no .head_couter {
        font-size: 16px;
    }
    #testimonial_slider.carousel .carousel-control {
        top: -35px;
    }
    .content.testimonial {
        margin-top: 50px;
    }
    #testimonial_slider.carousel .testimonial {
        font-size: 13px;
        line-height: normal;
    }
    .progress_bar {
        padding: 15px 25px 50px 25px;
    }
    .dash_head {
        padding: 30px 30px 25px;
    }
    .task_list li {
        padding: 20px 30px;
    }
    .task_list li a {
        color: #99abb4;
        font-size: 15px;
        line-height: normal;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    .msg_list_main ul li {
        display: block;
    }
    .msg_list_main ul li>span:nth-child(1) {
        margin-right: 20px;
        margin-bottom: 10px;
    }
    /*----- widgets page css -----*/
    .info_people {
        padding: 25px;
        display: block;
    }
    .info_people .p_info_img {
        width: 100%;
        text-align: center;
    }
    .info_people .p_info_img img {
        width: 90px;
    }
    .info_people .user_info_cont {
        width: 100%;
        padding-left: 0;
        padding-top: 25px;
        text-align: center;
    }
    .calendar {
        overflow: auto;
    }
    /** accordian css **/
    .tab_style3 .tabbar {
        display: block;
    }
    .tab_style3 #v-pills-tabContent {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px;
    }
    .pagination.button_section {
        display: block;
    }
    .pagination.button_section .btn-group {
        margin: 5px 0 0;
    }
    .fw_icon {
        width: 50%;
    }
    /**-- email page --**/
    .mail-box {
        float: left;
        width: 100%;
    }
    .mail-box .sm-side {
        width: 100%;
        float: left;
    }
    .mail-box .lg-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0 4px 4px 0;
        width: 100%;
        float: left;
        overflow: auto;
    }
    aside.lg-side .inbox-body {
        min-width: 565px;
        padding-left: 0;
        padding-right: 0;
    }
    .table.table-striped.projects {
        min-width: 780px;
    }
    /** login page **/
    .full_height {
        height: auto;
    }
    .login_section {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .login_form form .field input {
        max-width: 395px;
        width: 100%;
    }
    .login_form form .field label.label_field {
        text-align: left;
    }
    .login_form form .field {
        display: block;
        margin: 0 0 20px;
        float: left;
        width: 100%;
    }
    .label_field.hidden {
        display: none;
    }
    .login_form form .field .form-check-label {
        float: left;
        width: 100%;
    }
    .forgot {
        float: left;
    }
    .error_page h3 {
        font-size: 36px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 576px) {
    .image_block_one .image-box .text h2 {
        display: block;
        font-size: 3.125rem;
        line-height: 2.125rem;
    }
    .service-section .auto-container {
        padding: 0rem 0.1375rem;
    }
    .service-details-content {
        position: relative;
        display: block;
        padding: 0.3rem;
    }
    .previous-checkip .mainfocustext {
        font-size: 11px;
        display: block;
        margin: 0px 4px;
    }
    .previous-checkip .lightfocustext {
        font-size: 11px;
        margin: 0px 4px;
    }
    .cart-section .cart-table {
        min-width: 31.125rem;
        width: 100%;
    }
    .mem-detailser label {
        display: block;
        padding-left: 1.3rem;
    }
    .page-title .content-box .bread-crumb li:last-child {
        width: 180px;
        text-align: left;
    }
    .service-details-content p {
        padding: 0.5rem;
        font-size: 14px;
    }
    .content-box .sec-title {
        height: 100px;
    }
    .testimonial-style-three .testimonial-content .inner-box {
        padding: 2rem 2.125rem 1.625rem 2.125rem;
    }
    .testimonial-style-three .testimonial-content .inner-box p {
        font-size: 16px;
    }
    .news-block-one .inner-box .lower-content .inner {
        position: relative;
        display: block;
        background: #fff;
        padding: 1.275rem 1.275rem 1.175rem 1.275rem;
    }

    .news-block-one .inner-box .lower-content p {
        line-height: 1.625rem;
        margin-bottom: 1rem;
        font-size: 14px;
    }
    .processing-block {
        margin-bottom: 30px;
    }
    .step-tab-items .step-item:not(:last-of-type)::before {
        width: 3.0625rem;
    }
    .step-tab-items .step-item:not(:last-child) {
        margin-right: 4.1875rem;
    }
}

@media only screen and (max-width: 480px) {
    .member-details .previous-checkip .table-outer {
        /*height: 11.375rem;    */
        height: auto;
        overflow-x: inherit;
    }
    #useCurrentLocation {
        font-size: 11px;
    }
    button.form-btn.proceedElement {
        padding: .3rem 0.8rem !important;
        width: 6rem;
    }
    a.form-btn.proceedElement {
        padding: .5rem 1rem !important;
        width: 8rem;
    }
    .member-details .previous-checkip .table-outer table {
        width: 100%;
        min-width: 18.125rem;
    }
    .memdetails-component .memberlist li {
        padding: 1rem 0.8rem;
    }
}

@media (max-width: 420px) {
    .model_bt {
        padding: 11px 0 10px;
        width: 100%;
    }
    .fw_icon {
        width: 100%;
    }
    .prod-title h4 {
        font-size: 11px;
    }
    .previous-checkip .mainfocustext {
        font-size: 11px;
    }
    .previous-checkip .lightfocustext {
        font-size: 11px;
    }
    aside .inbox-head .position.search_inbox {
        display: none;
    }
    .step-tab-items .step-item:not(:last-child) {
        margin-right: 3.1875rem;
    }
    .step-tab-items .step-item:not(:last-of-type)::before {
        width: 2.0625rem;
    }
    .mem-detailser .memberlist a {
        font-size: 13px;
    }
    .contact_inner .left {
        width: 100%;
        float: left;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .contact_inner .right {
        width: 100%;
        float: left;
    }
    .bottom_list .right_button {
        float: right;
        display: flex;
    }
    .bottom_list .right_button button {
        margin: 0 0 0 5px;
    }
    .dis_flex {
        display: block;
        margin: 0;
    }
    .dis_flex .profile_img {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 380px) {
    .step-tab-items .step-item:not(:last-child) {
        margin-right: 2.3875rem;
    }
    .step-tab-items .step-item:not(:last-of-type)::before {
        width: 1.4625rem;
    }
    .geneder-mainer input[type="radio"] + label {
        font-size: 11px;
    }
    span.include-test {
        font-size: 10px;
    }
}

@media only screen and (max-width: 360px) {
    #useCurrentLocation {
        font-size: 10px;
    }
}