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

@media (max-width: 1799px) {

}

@media (max-width: 1699px) {

}

@media (max-width: 1599px) {
	:root{ --global-font-size: 17px; }
    body .container{ max-width: 1400px; }
}

@media (max-width: 1499px) {
	:root{ --global-font-size: 16px; }
	body .container{ max-width: 1300px; }
}

@media (max-width: 1399px) {
	body .container{ max-width: 1200px; }
}

@media (max-width: 1299px) {
	body .container{ max-width: 1100px; }
}

@media (max-width: 1199px) {
	body .container{ max-width: 1000px; }
}

@media (max-width: 1099px) {
	body .container{ max-width: 950px; }
}

@media (max-width: 1024px) {
	body .container{ max-width: initial; }
	body #content .main-head{font-size: 3rem;}
}

@media (max-width: 768px) {
	:root{ --global-font-size: 16px; }
	#masthead-fixed{display:none;}
	body header#masthead{position:static;}
	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%; }
.content h1 {
    font-size: 2.2rem;
    margin-bottom: 10px;
}
	body .desk-hidden{display: block !important;}
	body .mob-hidden{display: none;}
	body header#masthead .flex-row>div{display: none;}
	body header#masthead .flex-row>div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; }
	body header#masthead .flex-row .mob-flex .logo{width: 65%; flex: 0 0 65%;}
	body header#masthead .flex-row .mob-flex .logo img{width: 100%; height: auto;}
	body header#masthead .flex-row .mob-flex .mobile-menu-link{width: 35%; flex: 0 0 35%;}
	body header#masthead .flex-row .mob-flex .menu-link{display: flex; justify-content: end; align-items: center;}
	body header#masthead .flex-row .mob-flex .menu-link b{display: block; background: #000 ; width: 40px; height: 3px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}
	body header#masthead .header-main .head-btns{display: none;}

	body #content .main-head{font-size: 2rem;}
	body #content .sub-head{font-size: 1.5rem;}
	body #content .txt p{font-size: 1rem;}
	body #content .txt ul{padding-left: 1.5rem;}
	body #content .txt ul li{font-size: 1rem;}

	body #content .hero-sec .hero-row{flex-direction: column; gap: 2rem;}
	body #content .hero-sec .hero-row .btn{margin-bottom: 0.5rem;}

	body #content .home-about-sec .about-num-row{padding: 1rem !important;}

	body #content .page-header{margin-top: 0;}
	body footer#colophon .copyright .flex-row p{text-align: center;}
	body #content .zclass-bottom{margin-bottom:20px !important}
	.content {
		bottom: 40%;}
	
	body #content .areas-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
	.enq-sec-row .contact-row{
		display:block;
	}
	.d-hidden{display:block;}
}