@media only screen and (min-width:2000px){}
@media only screen and (min-width:991px) and (max-width:1199px){}
@media only screen and (min-width:768px) and (max-width: 990px){}

@media only screen and (max-width:1024px){
.global-page {flex-direction: column-reverse;}
.global-page .media-content {max-width: 100%;padding: 0 15px;}
.global-page .sidebar .global-callout a {display: block;text-align: left;padding: 0 15px;}
.global-page .sidebar {max-width: 100%;}
.header-section .header-left {padding-left: 10px;}
.header-section .header-right {padding-right:10px;}
iframe {width: 100%;}
.stellarnav.mobile.active .close-menu.full, .stellarnav.mobile.active .close-menu.full .icon-close {color: #fff !important;}
.stellarnav.mobile.active .close-menu.full .icon-close:before, .stellarnav.mobile.active .close-menu.full .icon-close:after {border-color: #fff;}
	
	
	

}


@media only screen and (max-width:920px){
.stellarnav.mobile > ul > li > a  {padding: 15px !important; color: #fff; text-transform: capitalize;} 
.stellarnav.mobile .menu-toggle {color: #000 !important;}
.stellarnav .menu-toggle span.bars span {background: #000 !important;}
.stellarnav > ul > li:last-child ul {left: 0;}
#footer {background-image: none !important;}
#footer .brands {gap: 20px; padding: 40px 15px; position: static; flex-direction: column; text-align: center;}

}

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

#footer .footer-widget {display: flex;padding: 0 15px;width: 100%;flex-wrap: wrap;}
#footer .footer-widget .footer-location, #footer .footer-widget .site-info {flex: 100%;max-width: 100%;width: 100%;}
.header-section {background: #ffffff !important;}
.header-section .header-flex {height: auto;padding: 10px 15px;}
.header-section .phone-info a, .header-section .header-info a {color: #000 !important;}
.header-section .phone-info a {font-size: 14px !important;}
.header-login {display: none;}
.header-section .header-left {gap: 10px}
.header-section .header-left .phone-info, .header-section .header-left .header-info { flex: 1;}
.logo { padding: 15px;}
#jquery-braces-diagram {display: none;}
.mobile-view {display: block;}
.breadcumbs-section ul {max-width:100%;}
.refer-appt {max-width: 100%;}
.refer-appt input[type="email"]{max-width: 100%;}
.refer-appt .dflex {flex-direction: column;}
.refer-appt .dflex .field-group {width: 100%;}
.appt-info input[type="text"], .appt-info input[type="email"], .appt-info input[type="tel"], .appt-info textarea {width: 100%;max-width: 100%;}

}


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

