@media (max-width: 1899px) {  

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

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

}

@media (max-width: 1599px) {
	:root{ --global-font-size-html: 17px; }
    body .container{ max-width: 1400px; }
}
@media (max-width: 1499px) {
	:root{ --global-font-size-html: 16px; }
	body .container{ max-width: 1300px; }
}
@media (max-width: 1399px) {
	:root{ --global-font-size-html: 15px; }
	body .container{ max-width: 1200px; }
}
@media (max-width: 1299px) {
	:root{ --global-font-size-html: 14px; }
	body .container{ max-width: 1100px; }
}
@media (max-width: 1199px) {
	:root{ --global-font-size-html: 13px; }
	body .container{ max-width: 1000px; }
}
@media (max-width: 1099px) {
	:root{ --global-font-size-html: 12px; }
	body .container{ max-width: 950px; }
}
@media (max-width: 1024px) {
	:root{ --global-font-size-html: 11px; }
	body .container{ max-width: initial; }
}
@media (max-width: 768px) {
	:root{ --global-font-size-html: 14px; }
	body .flex-row{ flex-direction: column;}
	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; }
	body .desk-hidden{display: block !important;}
	body .mob-hidden{display: none;}
	body #content .sub-head{margin: 1.111rem 0;}
	body header#masthead .header-bottom{display: none;}
	body header#masthead .header-main .header-top{padding: 1rem 0;}
	body header#masthead div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; }
	body header#masthead .mob-flex .logo{width: 65%; flex: 0 0 65%;}
	body header#masthead .mob-flex .logo img{width: 100%; height: auto;}
	body header#masthead .mob-flex .mobile-menu-link{width: 35%; flex: 0 0 35%;}
	body header#masthead .mob-flex .menu-link{display: flex; justify-content: end; align-items: center;}
	body header#masthead .mob-flex .menu-link b{display: block; background: #0A6D91 ; width: 30px; height: 2px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}
	body header#masthead .mob-flex .menu-link b:first-child{margin-top: 0;}
	body #content .hero-sec .hero-row .full-img img{height: 300px;}
	body #content .hero-sec .hero-row .hero-txt .main-head{font-size: 2rem;}
	body #content .table-txt .wpb_wrapper{overflow-x: scroll;}
	body #content .mohalla-tabs .mohalla-offices>.wpb_column>.vc_column-inner>.wpb_wrapper{display: block;}
	body #content .mohalla-tabs .mohalla-tabs-list .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a{font-family: var(--global-font-family); font-size: 1em; font-weight: 400; color: #000; display: block; padding: 0.7rem; background: #fff; transition: 0.5s; cursor: pointer; border-radius: 0.8rem; border: 1px solid #0A6D91; margin: 0.5rem 0.5rem 0;}
	body #content .mohalla-tabs .mohalla-tabs-list .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a{color: #FFF; background: #075571; border: none;}
	body footer#colophon .footer-main .copyrights{text-align: center; margin-bottom: 1rem;}
	body footer#colophon .footer-main .footer-menu ul.menu{flex-wrap: wrap; justify-content: center; gap: 0.5rem;}
	body #content .table-txt > .wpb_wrapper{  width: 100%; overflow-x: scroll;}
}