@media only screen and (min-width:1601px) and (max-width:1920px){
    #banner .banner-text{padding-bottom: 75px;}
}

@media only screen and (min-width:1441px) and (max-width:1600px){
    #banner .banner-text{padding-bottom: 75px;}
    #banner .banner-text .sub-title{font-size:3.5875rem;}
}

@media only screen and (min-width:1366px) and (max-width:1440px){
    #banner .banner-text{padding-bottom: 90px;}
    #banner .banner-text .sub-title{font-size:3rem;margin-bottom: 15px;}
    #banner .owl-carousel .owl-dots{bottom:30px;}
    #banner .btn-custom{margin-top: 15px;}

}

@media only screen and (min-width:1003px) and (max-width:1024px){
    .padding{padding:75px 0;}
    #main-menu li a.nav-link {padding: 30px 7px;}
    #main-menu .btn-custom {padding: 15px 30px 15px 50px;margin-top: 15px;}
    #main-menu li:last-child {margin-left: 10px;}

    #treatment .services-slider a.item .img-wrapper {height:191px;}
    #treatment .services-slider a.item .detail-info {height: calc(100% - 191px);}

    #book-an-appointment .call-now{margin-left: 0px;}

    #banner .banner-text {max-width: 88%;padding-bottom: 90px;}
    #banner .banner-text .sub-title {font-size: 3.8rem;line-height: 115%;margin-bottom: 20px;}
    #banner .btn-custom{margin-top: 20px;}
    #treatment .services-slider a.item .detail-info h3 {font-size: 1rem}
    h2.title span {font-size: 2rem;}
    .container{max-width:960px;}

    .treatment-content a.item .img-wrapper{height:184px;}
    .treatment-content a.item .detail-info{height:calc(100% - 184px);padding: 30px 25px 45px;}

    .treatment-detail #sidebar{width: auto;margin: 65px 0 0 30px;}
    #inner-slider {height: 357px;}
    #main-menu li a.nav-link{font-size: 0.90rem;}
    
    #about-clinic .about-pic .tour-wrapper {left: -75px;}
    #about-clinic .item .img-content {margin-left: 10px;}

    
    #main-menu .btn-custom i{left:25px;}
    
    .explore-area{padding-bottom:70px;}
}
@media only screen and (min-width:768px) and (max-width:1003px){

    #main-menu .navbar-nav li ul.dropdown-menu{width: auto; padding: 0;}
    #main-menu li .dropdown-menu{box-shadow: none;}

    .container-fluid{margin:0 30px;}

    .top-menu{position: relative;}
    .top-menu .social-connect{position: absolute;z-index: 999;bottom: -65px;right: 30px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block; top: 33px;right:25px;}
    .top-menu .call-action{margin-left: 0px;}

    .navbar,.navbar.fixed{padding:20px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:80px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;}

    .padding{padding:50px 0;} 
    h3{margin: 0 0 30px;}
    .container {max-width: 720px;}


    #banner{padding:0; height:520px; margin:0;}
    #banner .item{height:520px;background-size: 175%;background-position: right top;}
    #banner .owl-nav{display: none;}

    #banner .btn-custom{margin-top: 20px;}
    #banner .banner-text .sub-title{font-size:3.2rem;margin-bottom: 20px;}
    #banner .banner-text{max-width:95%;padding-bottom: 90px;}
    #banner .owl-carousel .owl-dots {bottom: 40px;}

    #mobile-menu ul li:last-child{text-align: center;}
    #mobile-menu ul li:last-child a.btn-custom{min-width:200px;display: inline-block;margin:10px auto;text-align: center;}


    #about-clinic .item .img-content {margin-left: -50px;}
    #about-clinic .about-pic{float: none;margin:30px 0;}
    #about .about-pic img{max-width: 150%; right: -50px;}
    #about-clinic .about-pic .tour-wrapper{left:270px;}

    #book-an-appointment .call-now{margin:0px;}
    #book-an-appointment .call-now .location{margin-top:30px;}
    #book-an-appointment .call-now .numbers a {font-size: 2rem;}
    #book-an-appointment form {margin: 30px 0 60px 15px;}


    #treatment .services-slider {padding: 50px 50px 80px;}
    #treatment .services-slider a.item .img-wrapper{height:192px;}
    #treatment .services-slider a.item .detail-info{height:calc(100% - 192px);padding: 30px 25px 55px;}
    #treatment .services-slider a.item .detail-info h3 {font-size: 1.1rem;}

    #testimonials{padding:250px 0 100px;}
    #testimonials h2.title{margin: 0 0 30px;}

    #statistics{padding:50px 0;min-height: auto;}
    #statistics .text span {font-size: 2.3375rem;}
    #statistics .text {line-height: 160%;margin-bottom: 20px;}


    .about-sharma .about-pic{float: none;margin:30px 0;}
    .about-sharma .about-pic img{right: -50px;}
    .about-sharma .about-pic .tour-wrapper{left:270px;}

    .treatment-content a.item {margin-bottom: 30px;}
    .treatment-content a.item .img-wrapper{height: 210px;}
    .treatment-content a.item .detail-info{height: calc(100% - 210px);}

    .testimonial-content .testimonial-des .item {padding: 35px 50px;}
    
    .treatment-detail h3{font-size: 1.77rem;}
    .treatment-detail #sidebar{margin: 65px 0 0 0;width:100%;padding:15px;}
    .treatment-detail #sidebar ul{padding:0 0 0 20px;}
    .treatment-detail #sidebar hr {margin: 15px -15px;}
    
    #inner-slider{height:265px;}

    .contact-area form{margin-top: 50px;}
    .contact-area .map-area{padding-top: 60px;}
    .contact-area .map-area iframe{height:500px;}
    
    h1{font-size:2.50rem;}
    #inner-banner{height:210px;}
    #inner-banner .row {height:210px;}
    #accordion .card-header {padding: 20px 0;}
    
    .clinic .modal.show .modal-dialog{top: 20%;transform:translateY(-20%);}
    
    .explore-area{padding-bottom:50px;}
}

@media only screen and (min-width:320px) and (max-width:767px){

    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}
    .navbar-brand{margin-left: 15px;}

    .mobile-view{position: absolute;right:70px;}
    .mobile-view a{margin:0 5px;}
    .mobile-view .call{background-position: -128px -9px;width: 25px;height: 25px;}
    .mobile-view .clock{background-position:-162px -13px;width: 20px;height: 20px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:60px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;}
    .navbar-brand img{width: 140px;}

    #mobile-menu ul li:last-child{text-align: center;}
    #mobile-menu ul li:last-child .btn-custom{display: inline-block;margin:10px auto;min-width:180px;}

    #banner{padding:0; height: calc(100vh - 60px); margin:0;}
    #banner .banner-text{text-align: left;max-width:88%;padding-bottom: 70px;z-index: 2;}
    #banner .banner-text .info{width: 100%;}
    #banner .banner-text .sub-title{font-size:2.2rem;margin-bottom: 10px;text-align: left;}
    #banner .banner-text p{line-height: normal;}
    #banner .btn-custom{margin-top: 20px;}
    #banner .owl-carousel .owl-dots{bottom:10px;}
    #banner .item{height: calc(100vh - 60px);position: relative;}
    #banner .item:before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color: rgba(0,0,0,0.50);z-index:1;}


    .padding{padding:30px 0;}

    .btn-cust{margin-top:20px;}
    h2.title{margin: 0 0 30px; font-size: 1.75rem}
    h2.title span{font-size: 1rem}

    .top-menu{display: none;}

    .top-menu p{line-height: normal;}

    h3{margin: 0 0 30px;font-size: 1.4rem;}

    #about-clinic .item img{margin: 0 auto;}
    #about-clinic .item .img-content{margin: 10px 0 0 0;text-align: center;}

    #about-clinic .about-pic{float: none;margin: 20px 0;}
    #about-clinic .about-pic .tour-wrapper{position: inherit;left:0;right:0;top:0px;}
    #about-clinic .about-pic .tour-wrapper .info{max-width:100%;margin: 30px auto;}

    #about-clinic .btn-wrap{text-align: center;}


    #statistics .text{line-height: normal;font-size:1rem;margin-bottom: 15px;}
    #statistics .text span {font-size: 2.20rem;}
    #statistics {background-size: 100%;background-image: none !important;background-color: #00a8b4;min-height: 250px;padding: 45px 0;}

    #treatment .services-slider{padding:20px 20px 50px;}
    #treatment .services-slider a.item .img-wrapper{height:170px;}
    #treatment .services-slider a.item .detail-info{height:calc(100% - 170px);padding:20px 20px 50px;}
    #treatment .services-slider a.item .detail-info h3 {font-size: 1rem;margin-bottom: 10px;}

    #testimonials {padding-top: 170px;}
    #testimonials h2.title{margin-bottom: 30px;}
    #testimonials .info-slider {padding-top: 70px;}
    #testimonials .info-slider .item .testi-text p {font-size: 1.2rem;}
    #testimonials .info-slider .item .testi-text .name-block {padding: 15px 0;}
    #testimonials .owl-carousel .owl-dots {bottom: -20px;}

    #book-an-appointment form{margin:20px 0 0 0;}

    #book-an-appointment .call-now {margin:30px 0 20px 0;}
    #book-an-appointment form .btn-custom{margin-top:30px;}
    #book-an-appointment .call-now .numbers a{font-size:1.7rem;}
    #book-an-appointment .call-now .location{margin:15px 0 auto;text-align: center;line-height: 40px;}
    #book-an-appointment .call-now .location .loc-icon{transform: scale(0.9);}
    #book-an-appointment .call-now .location .map-icon{display: block !important;margin: auto;}

    #inner-banner{height:110px;}
    #inner-banner .row{height:110px;}
    h1{font-size: 1.5rem;}
    .btn-custom{margin-top: 30px;}

    .about-des p{margin: 0 0 20px;}
    .about-sharma .doc-name {font-size: 1.55rem;}
    .about-sharma .about-pic{float: none;margin: 20px 0;}
    .about-sharma .about-pic .tour-wrapper{position: inherit;left:0;right:0;top:0px;}
    .about-sharma .about-pic .tour-wrapper .info{max-width:100%;margin: 30px auto;}

    .about-sharma .btn-wrap{text-align: center;}

    .treatment-detail #sidebar{margin: 0 0 20px;width:auto;padding: 15px;}
    .treatment-detail #sidebar ul{display: flex;white-space: nowrap;overflow: hidden;overflow-x: scroll;padding: 0px;}
    .treatment-detail #sidebar ul li{list-style: none;margin: 0 15px;}
    .treatment-detail #sidebar ul li:first-child{margin-left: 0px;}
    .treatment-detail #sidebar hr {margin: 15px -15px;}
   .sticky{position: inherit;}
   
   .treatment-detail h3{padding-left: 40px;}
   .treatment-detail h3:before{top: 5px;}
   
   #inner-slider{height: 205px;}
    
    .treatment-content a.item{margin-bottom: 30px;}
    .treatment-content a.item .img-wrapper{height: 185px;}
    .treatment-content a.item .detail-info{height: calc(100% - 185px);padding: 25px 25px 45px;}
    .treatment-content .row [class^="col-"] {margin: 15px 0 40px;}

    .testimonial-content .testimonial-des .item {padding: 30px 15px;}

    .contact-area form{margin-top: 30px;}
    .contact-area .map-area{padding-top: 50px;}
    .contact-area .map-area iframe{height:300px;}

    #footer #top .address{margin-bottom: 20px;}
    #footer #top .contact-info{margin-bottom: 25px;}

    #footer #top h3{margin: 15px  0;font-size: 1.4rem;}
    #footer #bottom{padding: 15px 0; font-size: 0.8125rem;}
    #footer #bottom .divider{display: none;}
    #footer #bottom .design-by{display: block; margin-top: 10px;}

    #footer #top ul{display: none;}
    #footer #top hr {margin: 15px 0;}
    .banner-slider .owl-carousel{display: none;}

    #totop{width:55px;height:55px;line-height: 55px;}
    #book-now-modal .modal-header{padding: 15px;}
    #book-now-modal .modal-header .close{right: 7px;top: 12px;}
    #book-now-modal .modal-body {padding: 15px;}
    
    #accordion {padding: 5px 15px;}
    #accordion .card-header {padding: 10px 15px 10px 0;}
    #accordion .card-header a:after{top:50%;transform: translateY(-50%);}
    #accordion .card-link{font-size:1.1rem;}
    .explore-area{padding-bottom: 30px;}

}

@media only screen and (min-width:320px) and (max-width:480px){
    #banner .banner-caption .sub-title{font-size: 0.85rem;}
    #banner .banner-caption .title{font-size: 1.8rem;}
}