@media only screen and (min-width: 1400px){

}
@media only screen and (min-width: 1800px){

}


@media only screen and (min-width: 2501px){

}


@media (min-width: 768px){
.header .mobile-buttons{ display:none;}
.mobile-contact-box{ display:none;}

.row.mobile-top{ display:none;}


}

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


}
@media only screen and (max-width: 1399px){
.header-menu .navbar ul.navbar-nav li {padding: 0 10px;}
.banner .item .banner-content .main-heading{    font-size: 62px;}
.general-services .procedures .service-box-caption{ width:50%;}
.quick-contact .right-box a.btn-default, .quick-contact .right-box a.btn-default .fa {font-size: 20px;}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (min-width: 989px) and (max-width: 1100px){
.btn-default{padding: 15px 20px;}	
.header-menu .navbar ul.navbar-nav li {padding: 0 10px;}
.header-menu .navbar ul.navbar-nav li a {font-size: 14px;}
.banner .item .banner-content .main-heading{    font-size: 52px;}
.general-services .procedures .service-box-caption{ width:50%;}
.quick-contact .right-box a.btn-default, .quick-contact .right-box a.btn-default .fa {font-size: 20px;}
.general-services .procedures .img-box img{    height: 300px; object-fit: cover;}

.general-services .service-box h3.service-box-title{font-size: 22px;}	
.general-services .service-box img { width: 30px;}
.patient-information .right-content-box {padding: 0 50px 0 20px;}
.patient-information .left-img img {width: 100%; height: 550px; object-fit: cover;}

}

@media (max-width: 990px){
.mid-header .heder-logo {display: block; width: 50%;}
.mid-header .heder-logo img {width: 100px;}
.mid-header .header-menu {width: 50%;}


.header-menu button.navbar-toggler {display: inline-block; float:right; padding: 0; position: relative; box-shadow: none;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before, .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {content: ""; width: 25px; height: 2px; background: #fccd43; position: absolute; left: 5px; top: 7px; transform: rotate(0deg);}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after{ top: 22px;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {width: 35px; height: 2px; background: #fccd43; display: inline-block; position: absolute; top: 15px; right: 0;}

.header-menu button.navbar-toggler span.navbar-toggler-icon::before, .header-menu button.navbar-toggler span.navbar-toggler-icon::after {content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 7px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon::after{ top: 14px; transform: rotate(-45deg);}
.header-menu button.navbar-toggler span.navbar-toggler-icon::before{transform: rotate(45deg); top: 14px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon span { display:none;}

.menu {position: absolute; left: 0; top: 0; height: 100vh;}
.header-menu .navbar .navbar-collapse {position: fixed; left: 0; width: 40%; height: 100vh; background: #fff; z-index: 999; display: block; transform: translate(-800px, 0px); transition: all 0.5s ease; background: #fff;  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; padding: 15px;}
.header-menu nav.navbar{ display:block;}
.header-menu .navbar .navbar-collapse .menu-logo {border-bottom: 1px solid #515050; padding: 0 0 10px 0; display: block; margin-bottom: 10px;}
.header-menu .navbar .navbar-collapse .menu-logo img {width: 150px;}
.header-menu .navbar .navbar-collapse.show {transform: translate(0px, 0px); transition: all 0.5s ease; background: #434343; top:0;}
.header-menu .navbar .navbar-collapse ul.navbar-nav {margin: 0 !important; padding: 0;}
.header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {border-bottom: 1px solid #515050;  margin: 0; padding:0;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {border: none; padding: 0; font-size: 16px; font-weight: 600; padding: 15px 10px;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active, .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover{ color: #fff; background: #fccd43;     padding: 15px 10px;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {position: absolute; right: 0; top: 15px; width: 25px; height: 25px; margin: 0; content: "\f107"; font-family: 'FontAwesome'; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 0; left: auto; color: #fff; background: #dd2b7f;}
.header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after {content: "\f106";}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {width: 100%; left: 0; margin: 0px 0 0 0; border: none; padding: 10px; box-shadow: none; position: static; border-radius: 0; background: transparent;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li{ width:100%; margin:0; padding: 0; border-color: #ebebeb;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item{ padding: 5px 0 5px 0;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child{ border:none;}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu h6.title{    margin: 10px 0px 0;}.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {margin-bottom: 5px;}






}
@media (max-width: 800px){

}

@media (max-width: 767px){
body{ font-size:14px;}

.header-navbar .header-btn {display: none;}
.header-top{display: none;}
.header-top .row {display: none;}
.header-top .row.mobile-top{display: flex; align-items: center;}
.row.mobile-top .top-right-content h6 a {color: #fff; font-size: 16px;}
.row.mobile-top .top-right-content .fa {color: #fff; font-size: 16px; position: relative; top: 3px; margin: 0 5px 0 0;}

.mid-header .top-right-content{ display:none;}
.home-banner .banner-content .align{margin:0; text-align: center;}	
	
	
.mobile-contact-box {width: 100%; position: fixed; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: space-between; opacity:1;}
.mobile-contact-box a.item {display: flex; align-items: center; width: 100%; justify-content: center; padding: 10px; color: #fff; font-size: 16px;}
.mobile-contact-box a.item.whatsapp {background: #0c992a;}
.mobile-contact-box a.item.call {background: #12bfa6;}
.mobile-contact-box a.item.location {background: #ebb211;}	
	
.scrollup, .whatsapp-icon{ display:  none !important;}	
.copy-right {width: 100%; margin: 0px 0 35px 0;}	
}



@media (max-width: 639px){
.row{ margin:0;}
p, .inner-bnr-content ul li{ font-size:14px;}
.sec-title {font-size: 28px;}
section {padding: 40px 0 !important;}
section.header, section.banner.home-banner, section.map{ padding:0 !important;}

.header-top .top-right {display: block;}
.header-top .row.mobile-top .col-md-6 {width: 50%;}
.sticky-header .mid-header{padding: 0px 0 0;}


.heder-logo a img {width: 30px;}
section.header.sticky-header{ padding: 0 !important;}
section.header{ border:none;}
section.header.sticky-header .heder-logo a img {width: 100px;}
.header-menu .navbar .navbar-collapse{ width:80%;}

.home-banner .banner-content {padding: 0;}
.home-banner .owl-carousel .item {height: 300px;}
.home-banner .owl-carousel .item img{ height:100%;}
.home-banner .owl-nav button{width: 50px; height: 50px;}
.banner .item .banner-content button{ margin: 0 auto;}
.home-banner .owl-dots{    bottom: 10px; display:none;}
.banner-content{justify-content: center;}

.what-we-do .wpb_column{margin: 20px 0;}
.how-we-work .work-details{ height: auto; margin: 0 0 15px 0;}	
.our-team .team {margin: 0 0 20px 0;}
.client-logo .logo-box {display: block;}
.client-logo .logo-box .client-logo-img {width: 50%; float: left;  padding: 10px;  border: 1px solid #eee;}

#sector-scroll .owl-nav button	{width: 50px; height: 50px;}
	
	


section.footer{ padding:30px 0 0 0px !important;}
.footer-content {padding: 0 0 15px 0;}
.footer .footer-content.ftr-log-box { padding: 0 0px 0 0;}	
section.footer .col-sm-3, .footer .col-sm-3.links, .footer .col-sm-3.service{ width:100%;}
.footer-content a.ftr-logo img{ width: 100%; margin: 0 10px 20px 0;}
section.footer ul li {padding: 5px 0 5px 0;}
section.footer h5.ftr-title {margin: 0;}	
section.footer .col-sm-3 .footer-content p{ font-size:16px;}
.footer-content ul.socail-link {margin: 40px 0 0px 0;}
.btm-ftr{ margin:0; padding: 10px 0 50px;}
.btm-ftr p.copyright{ text-align:center;}
section.footer .btm-ftr ul {text-align: center; margin:0 0 10px 0;}
section.footer .col-sm-3.ratings .footer-content {border: none;}
.btm-ftr .btm-ftr-content {display: block;}

.footer .row.btm-row{margin: 0px 0 0;}
.footer .left-logo img{max-width: 100px;}	
.footer .row.btm-row ul.ftr-links{justify-content: space-between;}
.footer .row.btm-row ul.ftr-links li{    padding: 0;}
.footer .row.btm-row p.copyright{width: 100%; justify-content: center; margin: 10px 0 0 0;}
.row.mid-ftr{ margin: 0;}
.ftr-subscribe {margin: 20px 0 0 0;}
.copy-right p{ text-align: center; display: block;} 
section.footer .copy-right ul {float: none; text-align: center;}
	.footer .copy-right .ftr-social{    justify-content: center; margin: 10px 0 0 0;}	
	


.inner-banner {height: 200px; padding: 0px 0 0 !important;}
.inner-bnr-content h1{font-size: 28px; margin: 0;}
.inner-banner .banner-overlay{padding: 100px 0 0 0;}

	section.design-strategy .img-box img, section.our-mission .img-box img{width: 100%; margin-left: 0;}
	section.our-mission .box-content, .design-strategy .box-content{padding: 20px; width: 100%; margin: 0;}
	.our-mission .content-box ul li{padding: 20px;}

.filters {display: inline-block; justify-content: center; text-align: center;}
.filter-btn{padding: 15px 15px;     margin: 0 0 2px 0;}	
	.contact-information .info-details{margin: 0 0 10px 0; height: auto;}	
	.contant-form{    padding: 25px;}

}

@media (max-width: 479px){

}




@media (max-width: 375px){


}
@media (max-width: 320px){

}


@media (max-width: 767px) {
  .fixed-banner-btn {
    top: 60%;
  }

  .fixed-banner-btn button {
    padding: 12px 22px;
    font-size: 14px;
  }
}