@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; }

	body #content .areas-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

}







@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 header#masthead .top-bar ul{flex-direction: column;}

	body header#masthead .flex-row .main-menu{display: none;}



	body header#masthead .flex-row>div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; gap: 0.75rem; }



	body header#masthead .flex-row .mob-flex .brand-lockup{ flex: 1 1 auto; min-width: 0; align-items: center; }



	body header#masthead .flex-row .mob-flex .logo{ width: auto; flex: 0 0 auto; }



	body header#masthead .flex-row .mob-flex .logo img{ width: 40px; max-width: 40px !important; max-height: 40px; height: auto; }



	body header#masthead .flex-row .mob-flex .brand-text .brand-title{ font-size: 0.95rem; white-space: normal; }



	body header#masthead .flex-row .mob-flex .brand-tagline{ font-size: 0.6rem; }



	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: #999999 ; width: 40px; height: 3px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}

	body header#masthead .header-main .flex-row > .head-btns{display: none;}



	body #content .hero-sec .hero-row .hero-txt h1{font-size: 2.578rem;}

	body #content .btn-flex{flex-direction: column; gap: 1rem; align-items: self-start;}

	body #content .hero-sec .hero-txt .btn-flex{ flex-direction: column; align-items: stretch; }

	body #content .hero-sec .hero-txt .btn-arrow a{ max-width: none; }

	body #content .btn-flex.justify-center{align-items: center;}

	body #content .main-head{font-size: 2.5rem;}



	body #content .hero-sec{ width: 100%; max-width: 100%; height: auto; margin-left: 0; margin-right: 0; min-height: 0; padding-top: 0; padding-bottom: 0; }

	body #content .hero-sec .hero-row{ flex-direction: column; flex-wrap: wrap; min-height: 0 !important; }

	body #content .hero-sec .hero-row > .wpb_column{ flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; }

	body #content .hero-sec .hero-row > .wpb_column > .vc_column-inner{ padding-left: 0 !important; padding-right: 0 !important; }

	body #content .hero-sec .hero-row > .wpb_column:first-child > .vc_column-inner{ padding: 2rem 1rem 2.25rem !important; }

	body #content .hero-sec .hero-row > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper:has(.hero-img){ min-height: initial; }

	body #content .hero-sec .hero-img { display:none !important; }

	body #content .home-about-sec .home-about-row.vc_row,
	body #content .home-about-sec .vc_row.home-about-row{ flex-direction: column; align-items: stretch; }

	body #content .home-about-sec .home-about-row > .wpb_column{ flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; }

	body #content .home-about-sec h2.main-head,
	body #content .home-about-sec .vc_custom_heading.main-head{ font-size: 2rem !important; }

	body #content .home-about-sec .home-about-rating{ margin: -3.5rem 1rem 1.25rem 1rem; max-width: calc(100% - 2rem); }

	body #content .btw-sec .btn-flex{ flex-direction: column; gap: 1rem; }
	body #content .btw-sec h2.main-head{ font-size: 2.5rem; }

	body #content .areas-list{grid-template-columns: repeat(2, 1fr); gap: 1rem;}

	body #content .areas-grid{ grid-template-columns: 1fr; gap: 1rem; }

	body footer#colophon .footer-main .flex-row{grid-template-columns: 1fr; gap: 2rem;}

	body footer#colophon .copyright .copyright-inner{ flex-direction: column; align-items: flex-start; text-align: left; }

	body footer#colophon .copyright .copyright-right{ margin-left: 0; text-align: left; }

	body .book-modal{ padding: 0.75rem; }

	body .book-modal__dialog{ padding: 1.5rem 1.15rem 1.35rem; max-height: 92vh; scrollbar-width: none; -ms-overflow-style: none; }
	body .book-modal__dialog::-webkit-scrollbar{ width: 0; height: 0; }

	body .book-modal__title{ margin-right: 2.25rem; }

}