@media only screen and (max-width: 820px) {
    header .social {
        margin-top: 10px;
    }
    h2,
    .banner-bg h4,
    .contact-info h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 748px) {
    .hide-box {
        background: rgba(2, 83, 78, 1) none repeat scroll 0 0;
    }
    .plus-icon i:after {
        border-color: transparent transparent rgba(2, 83, 78, 1);
    }
}

@media only screen and (max-width: 40em) {
    body.sticky{
        margin-top: 0 !important;
    }
    body.sticky > header{
        position: static;
        box-shadow: none;
    }
    header .social {
        margin-top: 0;
    }
    header .btn-chat{
        display: none;
    }
    header .logo img{
        width: 80%;
    }
    .gform_wrapper .top_label .gfield_error {
        width: 100%!important;
    }
    .address {
        left: 0;
        margin-left: 0;
        bottom: 4px;
    }
    .one-info-about {
        height: auto!important;
        margin-bottom: 20px;
    }
    .info-about {
        padding-bottom: 20px;
    }
    .doctor img {
        margin-bottom: 20px;
    }
    .half-field {
        width: 100%!important;
        float: none;
    }
    .half-field:first-child .ginput_container {
        width: 100% !important;
    }
    .gform_wrapper form {
        max-width: 320px;
    }
    .check-list {
        width: 100%!important;
    }
    .check-right {
        float: left !important;
    }
    .description-box, .gform_footer {
        float: none;
        width: 100%;
    }
    .gfield.select-box {
        width: 100% !important;
    }
    .right-field {
        float: none !important;
        width: 100%!important;
    }
    /* TOP BAR Mobile STYLING */
    .top-bar { background: #038F86;}
    .top-bar.expanded .title-area {
        background: #f5e8df;
        color: #fff;
    }
    .top-bar-section ul li > a{
        color: white; 
        font-size: 15px;
        background: #333333;
        font-family: 'Open Sans', sans-serif;
    }
    .top-bar.expanded .toggle-topbar a {
        color:#02534E;
    }
    .top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    }
    .top-bar.expanded .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #02534E, 0 7px 0 1px #02534E, 0 14px 0 1px #02534E;
    }
    .top-bar-section ul li:hover > a { background: #111 !important;}
    .contact-logo img {
        width: 100%;
    }
    .procedures-section {
        background: none!important;
    }

    .contact-logo {
        position: relative;
        left: 0;
        margin-left: 0;
    }
    .contact-info {
        padding-top: 60px;
        height: auto;
    }
    .banner-bg {
        position: relative;
        padding-bottom: 0;
    }
    .banner-bg:before {
        content: " ";
        position: absolute;
        left:0;
        top: 0;
        background: rgba(255,255,255,0.6);
        width: 100%;
        height: 100%;
    }
    .top-bar {
        clear: both;
        margin-top: 20px;
    }
    .one-half {
        width: 100%;
        margin: 0;
    }
    .credentials img {
        margin-bottom: 20px;
    }
    header {
        padding-bottom: 0;
    }
    header .social {
        float: none;
        vertical-align: top;
        display: inline-block;
    }
    .logo {
        display: block;
        margin: 0 auto 20px;
    }
    .btn-call i {
        border: 2px solid #fccea3;
        border-radius: 26px;
        box-sizing: border-box;
        color: #fccea3;
        font-size: 18px;
        height: 26px;
        padding: 3px;
        width: 26px;
    }
    .banner-top-text h2 {
        font-size: 90px;
    }
    .banner-top-text h3 {
        font-size: 45px;
        padding-left: 20px;
    }
    .btn-list {
        margin: 0 30px;
        position: relative;
    }
    .btn-list .btn {
        display: inline-block;
        margin: 5px 0;
    }
    .banner-top-text {
        padding: 50px 0;
        margin-bottom: 0;
    }
    .doctors-slider img {
        float: left;
    }
    #home-slider {
        max-width: 460px;
        margin: 0 auto;
    }
    .doctors-slider {
        padding-bottom: 20px;
    }
    .doctors-slider h2 {
        line-height: 26px;
        padding-bottom: 20px;
    }
    h2,
    .banner-bg h4,
    .contact-info h2 {
        font-size: 32px;
    }
    .banner-top {
        background-position: 60% top!important;
    }
    h5 {
        font-size: 18px;
    }
    .content-special p {
        font-size: 16px;
        line-height: 26px;
    }
    #home-slider {
        margin: 0 auto 20px;
    }

    .title-top h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .title-top .item {
        height: auto!important;
    }

    .breadcrumbs ,.breadcrumbs-all {
        -o-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        top: 0;
        left: 0;
    }
    .testimonials-section {
        background: transparent!important;
        margin-top: 0;
        height: 100%;
        margin-bottom: 20px;
    }
    .one-testimonials-section {
        position: relative;
    }
    .testimonials-section .more-link {
        margin-bottom: 20px;
        display: inline-block;
    }
    .one-procedures {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .more-link, .one-info-about a, .list-box-one a {
        font-size: 13px;
    }
    .one-procedures .more-link {
        margin-bottom: 20px;
        display: inline-block;
    }
    .one-procedures h5 {
        font-size: 18px;
    }
    .one-procedures::before {
        border-bottom: 0;
    }
    .hide-box ul {
        text-align: left;
    }
    .hide-box li {
        padding: 0 20px;
        display: block;
    }
    .hide-box li:first-child {
        padding-left: 20px;
    }
    .contact-info .btn-call {
        display: table;
        margin: 0 auto 20px;
    }
    .one-effect-text, .content-text {
        -o-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        top: 0;
        left: 0;
    }
    .one-effect-text {
        margin-top: 15px;
    }
    .procedures-moms-section {
        padding-bottom: 0;
    }
    .effect-section h2, .procedures-moms-section h2 {
        padding-bottom: 0;
    }
} /* max-width 640px and lower. Use this for mobiles only */

@media only screen and (min-width: 40.0625em) {

    .hide-menu {
        display: none;
    }

    body {
        overflow-x: hidden;
    }
    /* TOP BAR STYLING */
    .top-bar { background: transparent; height: auto;}
    .top-bar .title-area{ display: none; }
    .top-bar-section ul { background: transparent; }
    .top-bar-section ul li {background: transparent;}
    .top-bar-section li:not(.has-form) a:not(.button) {
        color: #545454;
        text-transform: uppercase;
        background: transparent;
        font-size: 15px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    .top-bar .menu {
        margin-top: 25px;
        /*float: right;*/
        /*clear: both;*/
        /*padding-bottom: 10px;*/
        float: none !important;
        display: block;
        text-align: center !important;
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        /*line-height: normal;*/
        padding: 0 12px;
    }
    .top-bar-section li:not(.has-form):last-child a:not(.button){
        padding-right: 0;
    }
    .top-bar-section ul li {
        float: none;
        display: inline-block;
        vertical-align: bottom;
        text-align: left;
    }
    .top-bar .menu >  li:first-child > a {
        font-size: 0;
        background: url(../images/home-icon.png) no-repeat center;
        width: 21px;
        display: inline-block;
        vertical-align: text-top;
        /*height: 16px;*/
        font-size: 15px;
        text-indent: -9999px;
        padding-bottom: 0 !important;
    }

    .top-bar-section li:not(.has-form):first-child a:hover:not(.button) {
        background: url(../images/home-icon.png) no-repeat;
        background-color: transparent;
    }

    .top-bar-section > div > ul > li:not(:first-child) > a:not(.button){
        border-bottom: 3px solid transparent;
        line-height: 3em;
    }
    .top-bar-section > div > ul > li:not(:first-child):hover > a:not(.button){
        border-bottom: 3px solid #038F86;
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: #038f86;
        background: transparent;
    }
    .top-bar-section li.current-menu-item > a:not(.button) {
        color: #038f86;
    }
    .top-bar-section .has-dropdown > a { padding: 0 15px 0 15px !important; }

    .top-bar-section .has-dropdown > a:after { display: none; }

    /* Dropdown Styling*/
    .top-bar-section ul li:hover:not(.has-form) > a {
        background-color: transparent;
        color: #038f86;;
    }

    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        background-color: transparent;
        color: #545454;;
    }
    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        background-color: transparent;
        color: #545454;;
    }

    .top-bar-section li:not(.has-form):first-child:hover a:hover:not(.button),
    .top-bar-section ul li:first-child:hover:not(.has-form) > a,
    .top-bar-section .dropdown li:not(.has-form):first-child:hover > a:not(.button) {
        background: url(../images/home-icon.png) no-repeat center;
        background-color: transparent;
    }

    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a,    
    .top-bar-section .dropdown .dropdown .dropdown li:not(.has-form):not(.active) > a:not(.button):hover{
        color: white;
        text-decoration: underline;
        background: #f5e8df;
    }
     .top-bar-section .dropdrown_menu li:not(.has-form) a:not(.button){
         background: #f5e8df;
         color: #fff;
         padding: 10px 20px !important;
         line-height: 2em;
         /*text-transform: none;*/
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #f5e8df;
        color: #545454;
        padding: 0 20px;
        text-transform: uppercase;
        white-space: normal;
		line-height: normal;
    }
    .top-bar-section .dropdown .dropdown .dropdown li:not(.has-form):not(.active) > a:not(.button){
        background: #f5e8df;
        color: #545454;        
    }
    .top-bar-section .dropdown li:hover a {
        text-decoration: none!important;
    }
    .top-bar-section .dropdrown_menu  .has-dropdown > a { padding: 0 20px !important; }
    .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button),    
    .top-bar-section .dropdown .dropdown .dropdown li:not(.has-form):not(.active) > a:not(.button):hover{
        background: #7f6058;
    }
    .top-bar-section  .dropdrown_menu.dropdown .dropdrown_menu.dropdown  .dropdrown_menu.dropdown {
        position: relative!important;
        left: 0;
        width: 100%;
        height: 0 !important;
        -webkit-transition: .8s;
        -moz-transition: .8s;
        -ms-transition: .8s;
        -o-transition: .8s;
        transition: .8s;
        
    }
    .top-bar-section .menu > li:nth-child(n+4) > .dropdown > .has-dropdown > ul{
        left: auto !important;
        right: 100% !important;
    }

    /*
    .top-bar-section  .dropdrown_menu.dropdown .dropdrown_menu.dropdown {
        position: relative!important;
        left: 0;
        width: 100%;
        height: 0 !important;
        -webkit-transition: .8s;
        -moz-transition: .8s;
        -ms-transition: .8s;
        -o-transition: .8s;
        transition: .8s;
        
    }*/

    .top-bar-section .dropdrown_menu .has-dropdown .has-dropdown:hover .dropdrown_menu.dropdown {
        height: auto;
    }
    .top-bar-section .dropdrown_menu  .has-dropdown > a {
        position: relative;
    }
    .top-bar-section .dropdrown_menu  .has-dropdown > a:after {
        content: "\25B6 "!important;
        font-size: 14px;
        display: inline-block;
        color: #fe351b;
    }
    /*.top-bar-section  .dropdrown_menu.dropdown .dropdrown_menu.dropdown li a {
        padding-left: 30px;
    }*/
    .top-bar-section .menu > .menu-item > .dropdrown_menu.dropdown {
        /*left: -170px;
        right: 0;*/
        /*width: 360px;*/
        width: 300px;
        /*left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%); */       
    }
}  /* min-width 641px */

@media only screen and (max-width: 1200px) {
    .procedures-additional-section {
        background-size: 80%!important;
    }
    .footer {
        padding: 8px 0 35px;
    }
    footer .social {
        position: relative;
    }
    .main-menu .top-bar {
        display: none;
    }
    .hide-menu {
        display: block;
    }
    .hide-menu .top-bar .menu {
        float: left;

    }

    header .btn-chat {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .banner-bg {
        background-size: cover!important;
        position: relative;
    }
    .banner-bg:before {
        content: " ";
        position: absolute;
        left:0;
        top: 0;
        background: rgba(255,255,255,0.6);
        width: 100%;
        height: 100%;
    }
    .testimonials {
        padding-bottom: 10px;
    }
    /*.gfield.select-box {
        max-width: 240px;
    }*/
    #main-slider .slick-slide {
        height: 450px;
    }
    .testimonials{
        position: relative;
        margin-top: -1px;
        background: rgba(2, 72, 67, 1);
    }
    /*.top-bar-section .menu > .menu-item > .dropdrown_menu.dropdown {
        width: 260px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);        
    }*/
}

@media only screen and (max-width: 980px) {
    .banner-top-text {
        padding: 40px 0;
    }
    .slider {
        padding-top: 20px;
    }
    #main-slider .slick-slide {
        height: 100%;
    }

}
@media only screen and (max-width: 880px) {
    .contact-logo img {
        width: 100%;
    }
   .one-info-about p img {
        clear: both;
        float: none;
        margin: 0 auto 20px;
    }
    .one-testimonials-section  .more-link {
        display: block;
        clear: both;
    }
    .banner-top-text h2 {
        font-size: 50px;
        line-height: 50px;
        padding-bottom: 10px;
    }
    .banner-top-text {
        margin-bottom: 70px;
    }
    .btn-list .btn {
        margin-left: 20px;
        font-size: 16px;
        display: inline-table;
        padding: 5px 18px;
    }
    .banner-top-text h3 {
        font-size: 28px;
    }

}


@media only screen and (max-width: 640px) {
    .banner-top-text {
        margin-bottom: 0;
    }
    .btn span {
        font-size: 11px;
    }
    .btn-list{
        margin: 0;
    }
    .title-top h2 span,
    h3 span, .btn span,
    .banner-bg span{
        font-size: 12px;
    }
    .banner-top-text h3 {
        font-size: 22px;
    }
    .btn-list .btn {
        margin-left: 0;
        font-size: 14px;
    }
}
@media only screen and (max-width: 580px) {
    .contact-info .btn-call {
        padding-left: 50px;
    }
    header .btn-call i {
        top: 6px;
    }
    .contact-info .btn-call i {
        top: 9px;
    }
    .btn-list .btn {
        font-size: 12px;
    }
    .banner-top-text h2 {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .banner-top-text {
        padding: 20px 0;
    }
    .banner-top-text h3 {
        font-size: 18px;
        padding-bottom: 0;
    }
}


@media only screen and (max-width: 480px) {

    .banner-bg {
        background-position: center top!important;
    }
    #main-slider {
        background-color: #000;
        padding-bottom: 30px;
    }
    .doctors-slider h2 {
        line-height: 28px;
        padding-bottom: 10px;
    }
    .title-top h2 span,
    h3 span, .btn span,
    .banner-bg span {
        font-size: 10px;
        vertical-align: text-top;
    }
    .btn-call {
        padding-left: 35px;
    }
    .btn-contact {
        display: none;
    }
    .btn-live-chat {
        display: none;
    }
    .logo {
        margin: 20px;
    }
    .plus-icon i:after {
        border-color: transparent transparent  rgba(2,83,78,1) transparent;
    }
    .hide-box {
        background: rgba(2,83,78,1);
    }
    /*header .btn-chat,*/
    header .btn-call {
        display: block;
        max-width: 220px;
        margin: 0 auto 20px;
    }    
    header .btn-chat{
        display: none;
    }
    .top-bar {
        margin-top: 10px;
    }


    .doctors-slider img {
        display: none;
    }
    .procedures-additional-section {
        background-size: contain!important;
        padding-bottom: 20px;
        min-height: 100%;
    }
    .one-info > ul > li {
        margin-right: 30px;
    }
    h2,
    .banner-bg h4,
    .contact-info h2{
        font-size: 26px;
        line-height: 28px;
    }
    .contact-info .btn-call {
        margin: 0 auto 20px;
    }

    .contact-info {
        padding-top: 40px;
    }
    .pre-footer-info {
        padding-bottom: 40px;
    }
    .address {
        display: none;
    }
    .slider h4 {
        font-size: 20px;
    }
    .logos-list img {
        margin: 6px;
    }

}
@media only screen and (max-width: 380px) {
    #main-slider {
        padding-bottom: 100px;
    }
    .btn span{
        font-size: 9px;
    }
}