@media (min-width: 1400px)
{
    .single-call-to-action
    {
        padding-left: 10%;
    }
    .home-one .open-hours .content-box
    {
        width: 48%;
    }

    .nav1
    {
        display: block;
    }

    .footer-bottom
    {
        background: #262F36;
        border-top: 1px solid #2D373F;
        padding: 22px 0;
        /*margin-bottom: 166px;*/
    }

    #back-to-top
    {
        position: fixed;
        bottom: 175px;
        right: 24px;
        z-index: 999999;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 7px;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        text-decoration: none;
        transition: opacity 0.2s ease-out; /*opacity: 0;*/
    }
}

@media (min-width: 1200px)
{
    .container
    {
        padding: 0;
        width: 1180px;
    }

    .inner-header4
    {
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg4.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .nav1
    {
        display: block;
    }

    


    .footer-widget.latest-post
    {
        margin-top: 6px;
            margin-left: 63px;
    }

    .footer-bottom
    {
        background: #262F36;
        border-top: 1px solid #2D373F;
        padding: 22px 0; /*margin-bottom: 166px;*/
    }

}

@media (max-width:1200px){
    .inner-header16 {
        margin-top: -5px !important;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg16.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
}
@media (max-width: 1024px)
{
    .logo
    {
        float: none !important;
        text-align: center;
        padding-bottom: 30px;
    }
    .header-right-info
    {
        float: none !important;
    }
    .navigation .nav-header > ul > li > a
    {
        padding: 23px 12px;
    }
    .single-call-to-action .content-box h3
    {
        font-size: 20px;
    }
    .single-call-to-action .content-box p br
    {
        display: none;
    }
    .single-specialize
    {
        padding: 0 34px;
    }
    .single-specialize br
    {
        display: none;
    }
    .hidden-md img
    {
        max-width: 100%;
    }
    .blog-home .single-blog-post .img-box img
    {
        max-width: 100%;
    }
    .full-sec .full-sec-content
    {
        padding-bottom: 70px;
    }
    .home-appointment-form .form-grp .single-form input
    {
        margin-bottom: 20px;
    }
    .testimonaials-carousel.owl-theme .owl-nav
    {
        margin-top: 50px;
    }
    .full-sec .full-sec-content
    {
        padding-left: 0;
    }
    .pricing-style2 .pricing-btn a
    {
        padding: 17px 39px;
    }
    .pricing-style2 .pricing-btn span
    {
        padding: 6px 58px;
    }
    .faq-home .accrodion
    {
        padding-right: 0;
    }
    .faq-home .accrodion .accrodion-title h4 span.text
    {
        display: inline-block;
        width: 94%;
    }
    .pull-right .side-bar-widget
    {
        margin-left: 0;
    }
    .company .nav li a
    {
        padding: 30px;
    }
    .single-specialize
    {
        padding: 0 0px;
        float: left;
    }
    .quick-links ul li
    {
        margin-bottom: 1px;
    }
    .doctor-profile img
    {
        min-width: 0;
    }
    .itm-mgn-top-50
    {
        margin-top: 50px;
        float: left;
    }
    .itm-mgn-top-30
    {
        margin-top: 30px;
    }
    .pdd-left
    {
        padding-left: 0 !important;
    }
    .pdd-right
    {
        padding-right: 0 !important;
    }
    .header .logo img
    {
        min-width: 0;
    }
    .footer-widget.about-widget img
    {
        min-width: 0;
    }

    .thm-btn
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold; /*padding: 12px 35px;*/
        border: 7px solid transparent;
        transition: all .3s ease;
    }
    .thm-btn1
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 12px 17px;
        border: 2px solid transparent;
        transition: all .3s ease;
        top: 70px;
    }
    .col-md-3
    {
        width: 100%;
        margin-top: 18px;
    }
    .footer-left
    {
        width: 100%;
        float: left;
    }
    .footer-right
    {
        width: 100%;
        float: right;
    }
    .inner-header
    {
        position: relative;
        width: 100%; /* float: left; */
    }
    .sec-pdd-90
    {
        padding: 37px 0;
    }
    .col-md-5
    {
        width: 100%;
        margin-top: 18px;
    }
    .sec-title h2
    {
        color: #202a30;
        font-size: 21px;
        font-weight: bold;
        margin: 0 0 20px;
        text-transform: capitalize;
        line-height: .75;
    }
    .surgical-cases li
    {
        width: 96%;
        margin: 1%;
        float: left;
        padding: 0; /* background-image: url(../img/resources/service.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 313px;
        list-style: none;
    }
    .face.back p
    {
        font-size: 17px;
        width: 100%;
        float: left;
        display: block;
        line-height: 21px;
        position: relative;
        color: #fff;
        top: 50px;
    }

    .gift-p
    {
        color: #fff;
        line-height: 35.5px;
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: 400;
    }

    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }

    .footer-bottom
    {
        background: #262F36;
        border-top: 1px solid #2D373F;
        padding: 22px 0;
        /*margin-bottom: 166px;*/
    }
    #back-to-top
    {
        position: fixed;
        bottom: 175px;
        right: 24px;
        z-index: 999999;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 7px;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        text-decoration: none;
        transition: opacity 0.2s ease-out; /*opacity: 0;*/
    }

    /*Service page*/
    .row-service {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        margin: 30px 0;
    }
}


@media (max-width: 768px)
{
    .header-right-info
    {
        padding: 0;
    }
    .single-header-info .icon-box .inner-box
    {
        margin-left: auto;
        margin-right: auto;
    }
    .single-header-info .content
    {
        text-align: center;
        margin-top: 15px;
    }
    .single-call-to-action
    {
        height: 200px;
    }
    .single-call-to-action .icon-box i.flaticon-coins, .single-call-to-action .icon-box i.flaticon-medical, .single-call-to-action .icon-box i.flaticon-clock
    {
        position: static;
    }
    .offer-wrapper:after, .offer-wrapper:before, .offer-wrapper .has-overlay:before, .offer-wrapper .has-overlay:after
    {
        width: 100%;
        height: 50%;
    }
    .offer-wrapper:before, .offer-wrapper .has-overlay:before
    {
        top: auto;
        bottom: 0;
    }
    .img-masonary
    {
        margin-top: 80px;
    }
    .fact-counter-wrapper
    {
        text-align: center;
    }
    .single-fact
    {
        margin-top: 30px;
    }
    .single-team-member .img-box
    {
        display: block;
    }
    .footer-call-to-action
    {
        text-align: center;
    }
    .footer-call-to-action a.thm-btn
    {
        float: none !important;
    }
    .footer-widget
    {
        margin-bottom: 0px;
    }
    .footer
    {
        padding-bottom: 60px;
    }
    .blog-home
    {
        padding-bottom: 40px;
    }

    .single-header-info .thm-btn {
    margin: 0px 0px;
    font-size: 16px;
}
    .thm-btn
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 20px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold; /*padding: 12px 35px;*/
        border: 7px solid transparent;
        transition: all .3s ease;
    }
    .thm-btn1
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 12px 17px;
        border: 2px solid transparent;
        transition: all .3s ease;
        top: 70px;
    }

    .col-md-3
    {
        width: 100%;
        margin-top: 18px;
    }
    .footer-left
    {
        width: 100%;
        float: left;
    }
    .footer-right
    {
        width: 100%;
        float: right;
    }
    .inner-header
    {
        position: relative;
        width: 100%; /* float: left; */
    }
    .sec-pdd-90
    {
        padding: 37px 0;
    }
    .col-md-5
    {
        width: 100%;
        margin-top: 18px;
    }
    .sec-title h2
    {
        color: #202a30;
        font-size: 21px;
        font-weight: bold;
        margin: 0 0 20px;
        text-transform: capitalize;
        line-height: .75;
    }
    .surgical-cases li
    {
        width: 96%;
        margin: 1%;
        float: left;
        padding: 0; /* background-image: url(../img/resources/service.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 313px;
        list-style: none;
    }
    .face.back p
    {
        font-size: 17px;
        width: 100%;
        float: left;
        display: block;
        line-height: 21px;
        position: relative;
        color: #fff;
        top: 50px;
    }
    .gift-p
    {
        color: #fff;
        line-height: 35.5px;
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: 400;
    }
    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }

    .footer-widget.latest-post ul
    {
        margin-top: 0px;
    }

    .enquiry
    {
        background: #333;
        position: fixed;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 100;
        bottom: 0;
    }
    .enquiry
    {
        display: block;
    }

    /*.btn {
        border: 2px solid black;
        background-color: white;
        color: black;
        padding: 3px 16px;
        font-size: 16px;
        cursor: pointer;
    }*/

    /* Blue */
    .info-bg
    {
        margin: 0 auto;
        width: 100%;
    }

    .info
    {
        border-color: #2196F3; /*color: dodgerblue;*/
        border-radius: 0;
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none; /* background: #fff; */
        color: #fff;
        padding: 5px 0;
        font-size: 13px;
    }
    .info:hover
    {
        background: #2196F3;
        color: white;
    }

    .footer-bottom
    {
        background: #262F36;
        border-top: 1px solid #2D373F;
        padding: 22px 0;
        /*margin-bottom: 28px;*/
    }

    body
    {
        overflow-x: hidden;
    }
    .galleryGrid {
    border: 0 none;
    display: table;
    margin: 21px auto 0;
    width: 281px;
}
    
    .gallerylist li {
    border: 2px solid #4ab7f6;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}



}

@media (max-width:700px){
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    /*service page*/
    .row-service {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        margin: 30px 0;
    }
}
@media (max-width: 600px)
{
    .home-appointment-form
    {
        margin: 0;
    }

    .nav1
    {
        display: block;
    }
    .footer-widget.latest-post ul
    {
        margin-top: 0px;
    }

    .enquiry
    {
        background: #333;
        position: fixed;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 100;
        bottom: 0;
    }
    .enquiry
    {
        display: block;
    }

    .new-email {
        width: 100%;
        float: left;
        margin: 10px 0;
        text-align: center;
    }

    .new-call {
        width: 100%;
        float: left;
        margin: 10px 0;
        text-align: center;
    }

    .single-header-info {
        margin: auto;
        display: block;
        width: 100%;
    }

    /*.btn {
        border: 2px solid black;
        background-color: white;
        color: black;
        padding: 3px 16px;
        font-size: 16px;
        cursor: pointer;
    }*/

    /* Blue */
    .info-bg
    {
        margin: 0 auto;
        width: 100%;
    }

    .info
    {
        border-color: #2196F3; /*color: dodgerblue;*/
        border-radius: 0;
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none; /* background:#fff; */
        color: #fff;
        padding: 5px 0;
        font-size: 13px;
    }
    .info:hover
    {
        background: #2196F3;
        color: white;
    }
    #back-to-top
    {
        position: fixed;
        bottom: 175px;
        right: 24px;
        z-index: 999999;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 7px;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        text-decoration: none;
        transition: opacity 0.2s ease-out; /*opacity: 0;*/
    }

    body
    {
        overflow-x: hidden;
    }
    
    .galleryGrid {
    border: 0 none;
    display: table;
    margin: 21px auto 0;
    width: 281px;
}
    .gallerylist li {
    border: 2px solid #4ab7f6;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

    

}
@media (max-width: 480px)

{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .top-bar .left-text
    {
        float: none !important;
        text-align: center;
    }
    .social-icons
    {
        float: none !important;
        text-align: center;
    }
    .social-icons ul li a
    {
        border-top: 1px solid #EAEAEA;
        margin-left: -4px;
    }
    .single-header-info:last-child
    {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .full-sec .full-sec-content
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .full-sec h3
    {
        font-size: 18px;
    }
    .full-sec h3 br
    {
        display: none;
    }
    .single-offer.right
    {
        padding-left: 0;
    }
    .faq-home .accrodion .accrodion-title h4
    {
        font-size: 15px;
    }
    .faq-home .img-masonary .img-w1
    {
        width: 100%;
    }
    .faq-home .img-masonary .img-w1 img
    {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .fact-counter-wrapper h2 br
    {
        display: none;
    }
    .team-carousel .owl-controls
    {
        top: -70px;
    }
    .single-blog-post
    {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-widget
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .doctor-profile img
    {
        max-width: 100%;
    }
    .home-appointment-form .form-grp .select-input + .ui-selectmenu-button
    {
        width: 121% !important;
    }
    .single-offer.left
    {
        padding-right: 0;
    }
    .page-navigation li a, .page-navigation li span
    {
        margin: 0;
        padding: 3px 10px;
    }
    .home-appointment-form .form-grp .single-form
    {
        width: 100%;
    }
    .home-appointment-form .form-grp .single-form input
    {
        width: 100%;
    }
    .col-4 .single-specialize
    {
        padding-right: 0;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .meet-doctors.team-page .single-team-member
    {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .single-team-member .img-box img
    {
        width: 100%;
    }
    .single-award
    {
        width: 50%;
        margin-bottom: 20px;
    }
    .about_box img
    {
        max-width: 100%;
    }
    .single-sidebar-widget
    {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .call-to-action.boxed .single-call-to-action .content-box
    {
        width: 100%;
        padding: 0;
    }
    .faq-home .accrodion .accrodion-title h4 span.text
    {
        display: inline-block;
        width: 86%;
        font-size: 18px;
        line-height: 25px;
        text-align: left;
    }

    .pricing-style2 .pricing-btn a
    {
        padding: 17px 35px;
    }
    .pricing-style2 .pricing-btn span
    {
        padding: 6px 53px;
    }
    .error-section .image h1
    {
        font-size: 188px;
        margin-top: 35px;
    }
    .search-website .form-group input[type="text"], .search-website .form-group input[type="search"], .search-website .form-group textarea
    {
        font-size: 12px;
        padding: 10px 15px;
        width: 229px;
    }
    .search-website .form-group button
    {
        padding: 11px 20px;
        width: 103px;
    }
    .faq-home .accrodion .accrodion-title h4 span.decor
    {
        vertical-align: top;
        margin-top: 15px;
    }
    .itm-mgn-sm-top-50
    {
        margin-top: 50px;
    }
    .itm-mgn-sm-top-30
    {
        margin-top: 30px;
    }
    .single-header-info
    {
        margin-left: 1px !important;
        width: 100%;
    }
    .single-header-info
    {
        padding: 0;
        text-align: left !important;
        margin-bottom: 12px;
    }
    .single-header-info .thm-btn
    {
        margin: 1px auto;
        display: block;
        width: 170px;
        text-align: center;
    }
    .col-md-3
    {
        width: 100%;
        margin-top: 8px;
    }
    .footer-left
    {
        width: 100%;
        float: left;
    }
    .footer-right
    {
        width: 100%;
        float: right;
    }
    .inner-header
    {
        position: relative;
        width: 100%; /* float: left; */
    }
    .sec-pdd-90
    {
        padding: 37px 0;
    }
    .col-md-5
    {
        width: 100%;
        margin-top: 18px;
    }
    .sec-title h2
    {
        color: #202a30;
        font-size: 21px;
        font-weight: bold;
        margin: 0 0 20px;
        text-transform: capitalize;
        line-height: .75;
    }
    .surgical-cases li
    {
        width: 96%;
        margin: 1%;
        float: left;
        padding: 0; /* background-image: url(../img/resources/service.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 313px;
        list-style: none;
    }
    .face.back p
    {
        font-size: 17px;
        width: 100%;
        float: left;
        display: block;
        line-height: 21px;
        position: relative;
        color: #fff;
        top: 50px;
    }
    .thm-btn1
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 12px 17px;
        border: 2px solid transparent;
        transition: all .3s ease;
        top: 70px;
    }
    .gift-p
    {
        color: #fff;
        line-height: 35.5px;
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: 400;
    }
    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }

    .enquiry
    {
        background: #333;
        position: fixed;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 100;
        bottom: 0;
    }
    .enquiry
    {
        display: block;
    }

    /*.btn {
        border: 2px solid black;
        background-color: white;
        color: black;
        padding: 3px 16px;
        font-size: 16px;
        cursor: pointer;
    }*/

    /* Blue */
    .info-bg
    {
        margin: 0 auto;
        width: 100%;
    }

    .info
    {
        border-color: #2196F3; /*color: dodgerblue;*/
        border-radius: 0;
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none; /* background: #fff; */
        color: #fff;
        padding: 5px 0;
        font-size: 13px;
    }
    .info:hover
    {
        background: #2196F3;
        color: white;
    }

    #back-to-top
    {
        position: fixed;
        bottom: 32px;
        right: 13px;
        z-index: 999999;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 7px;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        text-decoration: none;
        transition: opacity 0.2s ease-out; /*opacity: 0;*/
    }

    body
    {
        overflow-x: hidden;
    }
    
    .galleryGrid {
    border: 0 none;
    display: table;
    margin: 21px auto 0;
    width: 281px;
}

    .gallerylist li {
    border: 2px solid #4ab7f6;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

}

@media (max-width: 375px)
{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .single-header-info
    {
        float: none;
        text-align: center;
        padding: 0;
    }
    .top-bar .left-text p
    {
        line-height: 20px;
        padding: 14px 0;
    }
    .mainmenu-area .search-box
    {
        width: 230px;
    }
    .single-call-to-action
    {
        display: block;
        height: auto;
        padding: 50px 0;
    }
    .single-call-to-action .icon-box, .single-call-to-action .content-box
    {
        display: block;
        text-align: center;
    }
    .single-call-to-action .icon-box
    {
        margin-left: auto;
        margin-right: auto;
    }
    .single-call-to-action .content-box
    {
        width: 100%;
    }
    .single-call-to-action .content-box ul li
    {
        width: 77%;
    }
    .footer-widget
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .col-md-5
    {
        width: 100%;
        margin-top: 18px;
    }
    .surgical-cases li
    {
        width: 96%;
        margin: 1%;
        float: left;
        padding: 0; /* background-image: url(../img/resources/service.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 313px;
        list-style: none;
    }
    .face.back p
    {
        font-size: 17px;
        width: 100%;
        float: left;
        display: block;
        line-height: 21px;
        position: relative;
        color: #fff;
        top: 50px;
    }
    .thm-btn1
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 12px 17px;
        border: 2px solid transparent;
        transition: all .3s ease;
        top: 70px;
    }
    .gift-p
    {
        color: #fff;
        line-height: 35.5px;
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: 400;
    }

    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }
    
    .galleryGrid {
    border: 0 none;
    display: table;
    margin: 21px auto 0;
    width: 281px;
}
    .gallerylist li {
    border: 2px solid #4ab7f6;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}
}


/* revolution slider fix styles */

@media (max-width: 650px)
{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .tp-caption
    {
        display: none !important;
    }

    .nav1
    {
        display: block;
    }
    
    .galleryGrid {
    border: 0 none;
    display: table;
    margin: 21px auto 0;
    width: 281px;
}
    
    .gallerylist li {
    border: 2px solid #4ab7f6;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}
}

/* menu responsive styles */

@media (max-width: 1024px)
{

    .navigation
    {
        position: relative;
    }
    .navigation .nav-header
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 400px;
        background: #262F36;
        z-index: 9999;
        max-height: 70vh;
        overflow: hidden;
        overflow-y: auto;
    }
    .navigation .nav-footer
    {
        display: block;
    }
    .navigation .nav-footer button
    {
        width: 40px;
        height: 40px;
        background: #186AAB;
        color: #fff;
        border: none;
        outline: none;
        font-size: 18px;
        margin: 15px 0;
    }
    .navigation .nav-header > ul > li
    {
        display: block;
        width: 100%;
    }
    .navigation .nav-header > ul > li > a, .navigation .nav-header > ul > li:first-child > a
    {
        padding: 14px 19px;
        background: #186AAB;
        border-bottom: 1px solid #fff;
    }
    .navigation .nav-header .dropdown a
    {
        position: relative;
    }
    .navigation .nav-header .dropdown a button
    {
        width: 30px;
        height: 30px;
        background: #fff;
        color: #186AAB;
        border: none;
        outline: none;
        font-size: 15px;
        border-radius: 5px;
        position: absolute;
        right: 15px;
        top: 8px;
    }
    .navigation .nav-header > ul > li:hover > a
    {
        color: #fff;
    }
    .navigation .nav-header > ul > li > ul
    {
        position: relative;
        display: none;
        opacity: 1;
        visibility: visible;
        width: 100%;
        transition: none;
    }
    .sec-title h2
    {
        color: #202a30;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 20px;
        text-transform: capitalize;
        line-height: 1.5;
    }

    .surgical-cases li
    {
        width: 46%;
        margin: 2%;
        float: left;
        padding: 0; 
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 301px;
        list-style: none;
    }
    .face.back p
    {
        font-size: 15px;
        width: 100%;
        float: left;
        display: block;
        line-height: 21px;
        position: relative;
        color: #fff;
        top: -10px;
    }
    .thm-btn1
    {
        background: #0e6aad;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-family: 'Raleway' , sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 12px 17px;
        border: 2px solid transparent;
        transition: all .3s ease;
        top: 0px;
    }
    .gift-p
    {
        color: #fff;
        line-height: 35.5px;
        margin: 0 0 15px;
        font-size: 17px;
        font-weight: 400;
    }

    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }
}

@media (max-width: 375px)
{
    .navigation .nav-header
    {
        width: 295px;
    }

    .nav1
    {
        display: block;
    }
}


/*update 4 9 16*/

@media (max-width: 1024px)

{
    .blogg-container {
        max-width: 750px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .single-header-info
    {
        display: inline-block;
        float: none;
        padding-left: 0;
        text-align: center;
        vertical-align: middle;
        margin-right: 6px;
        margin-left: 15px;
    }
    .single-header-info .icon-box, .single-header-info .content
    {
        text-align: left;
    }
    .single-header-info + .single-header-info
    {
        margin-left: 30px;
    }
    .mainmenu-area .container
    {
        position: relative;
        display: none;
    }
    .mainmenu-area
    {
        background: #0e6aad;
        border-bottom: 4px solid #2AAFAE;
        display: none;
    }
    .navigation
    {
        width: 100%;
    }
    .navigation .nav-header
    {
        width: 100%;
    }
    .mainmenu-area .search-box
    {
        position: absolute;
        top: 0;
        right: 0;
    }
    .single-header-info
    {
        padding-left: 0 !important;
    }

    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }

    .nav1
    {
        display: block;
    }
}
@media (max-width: 768px)
{
    .blogg-container {
        max-width: 680px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .single-header-info .content
    {
        padding-left: 6px;
    }
    .full-sec .full-sec-content, .single-offer.right
    {
        padding-left: 0;
    }
    .col-4 .single-specialize
    {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .blog-home .pull-left, .blog-home .pull-right
    {
        width: 100%;
    }
    .pull-right .side-bar-widget
    {
        margin-left: 0;
        margin-top: 50px;
    }
    #single_Service .col-md-9, #single_Service .col-md-3
    {
        width: 100%;
    }
    .single-service-home .icon-box, .single-service-home .content
    {
        display: block;
    }
    .single-service-home .inner-box
    {
        margin-left: auto;
        margin-right: auto;
    }
    .single-service-home .content
    {
        text-align: center;
        position: relative;
        z-index: 4;
        padding-top: 25px;
    }

    .nav1
    {
        display: block;
    }

    .single-call-to-action .icon-box
    {
        width: 50px;
        position: relative;
    }
    .footer-widget.latest-post ul
    {
        margin-top: 0px;
    }
}
@media (max-width: 767px)
{
    .blogg-container {
        max-width: 700px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
}

@media (max-width: 600px)
{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .surgical-cases li
    {
        width: 60%;
        margin: 1% 20%;
        float: left;
        padding: 0; /* background-image: url(../img/resources/service.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 313px;
        list-style: none;
    }
}

@media (max-width: 500px) 
{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .surgical-cases li
    {
            width: 68%;
    margin: 1% 16%;
    float: left;
    padding: 0;
    /* background-image: url(../img/resources/service.jpg); */
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 313px;
    list-style: none;
    }
    }


@media (max-width: 400px) 
{
    .inner-header13 {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 11px;
        position: relative;
        background: url(../img/resources/inner-header-bg13.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .surgical-cases li
    {
            width: 80%;
    margin: 1% 10%;
    float: left;
    padding: 0;
    /* background-image: url(../img/resources/service.jpg); */
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 313px;
    list-style: none;
    }
    }

@media (max-width: 430px) {
    .blogg-image img {
        width: 100%;
        height: 192px;
        object-fit: cover;
    }
    .blogg-container {
        max-width: 400px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .ban-hero-section {
        padding: 0px 0 0 0;
    }
    .ban-hero-container {
        padding: 0px 20px 10px;
    }
    .ban-hero-text h1 {
        font-size: 20px;
    }
    .extra-hero-container h2 {
        font-size: 27px;
    }
    .extra-hero-container h3 {
        font-size: 24px;
        margin-top: 20px;
    }
}

@media (max-width: 390px) {
    .blogg-image img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .blogg-container {
        max-width: 350px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .extra-hero-container h2 {
        font-size: 25px;
    }
    .extra-hero-container h3 {
        font-size: 22px;
        margin-top: 20px;
    }
}
@media (max-width: 360px) {
    .blogg-image img {
        width: 100%;
        height: 170px;
        object-fit: cover;
    }

    .blogg-container {
        max-width: 320px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .ban-hero-text h1 {
        font-size: 19px;
    }
    .extra-hero-container h2 {
        font-size: 21px;
    }
    .extra-hero-container h3 {
        font-size: 20px;
        margin-top: 20px;
    }
}