@media only screen and (min-width:1801px) and (max-width:1920px){

	body{ font-size: 16px; }

	body .container{ max-width: 1570px !important;}

	
}



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

	body{ font-size: 16px; }

	body .container{ max-width: 1470px !important; }

	
}



@media only screen and (min-width:1601px) and (max-width:1700px){

	body{ font-size: 15px; }

	body .container{ max-width: 1370px !important; }
	body #content .timeline-sec .timeline-step .circle img{width:88%;}
}



@media only screen and (min-width:1501px) and (max-width:1600px){

	body{ font-size: 15px; }
	body .container{ max-width: 1370px !important; }
	body #content .timeline-sec .timeline-step .circle img{width:92%;}
	
}



@media only screen and (min-width:1401px) and (max-width:1500px){

	body{ font-size: 15px; }

	body .container{ max-width: 1270px !important; }

	
}



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

	body{ font-size: 14px; }

	body .container{ max-width: 1120px !important; }
	body #content .timeline-sec .timeline-step .content h3{font-size:1.7em;}
	
	
}



@media only screen and (min-width:1201px) and (max-width:1300px){

	body{ font-size: 14px; }

	body .container{ max-width: 1070px !important; }
	body #content .timeline-sec .timeline-step .content h3{font-size:1.5em;}
	
	
}



@media only screen and (min-width: 1101px) and (max-width: 1200px){

	body{ font-size: 13px; }

	body .container{ max-width: 1020px !important; }
	body #content .timeline-sec .timeline-step .content h3{font-size:1.6em;}
	
	
}



@media only screen and (min-width: 1001px) and (max-width: 1100px){

	body{ font-size: 12px; }

	body .container{ max-width: 970px !important; }
	
}

@media only screen and (min-width: 768px) and (max-width: 1000px){

	body{ font-size: 12px; }

	body .container{ max-width: initial !important; width: 100%; box-sizing: border-box;}

	
	
}



@media (max-width: 767px){

	body{ font-size: 12px; }

	body .container{ max-width: initial !important; width: 100%; box-sizing: border-box;}

	body .flex-row{ flex-direction: column; display: block !important;}
	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 #content .txt{margin-bottom: 1em;}
	body .wpb_single_image{margin-bottom: 1em;}
	body .main-menu{display: none;}
	
	body.home header#masthead .flex-row .mob-flex .menu-link b{background: #fff;}
	body.home header#masthead:hover .flex-row .mob-flex .menu-link b{background: #2C2C2C;}
	body header#masthead .top-bar .flex-row{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1em; padding: 0.5em 0;}
	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;}
	body header#masthead .flex-row .mob-flex .logo{width: 65%; flex: 0 0 65%;}
	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: #2C2C2C ; width: 40px; height: 3px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}
	
	body #content .main-head{font-size: 2.55em;}
	
	body #content .solar-sol-sec .ss-slider button.slick-arrow{top: -62px;}
	body #content .solar-sol-sec .ss-slider button.slick-arrow.slick-next{right: 20px;}
	body #content .solar-sol-sec .ss-row .main-head{max-width: 70%;}
	body #content .grid-sec .flex-row .col{margin-bottom: 1em;}
	body #content .building-sec .counter-flex{gap: 1em; grid-template-columns: 100%;}
	body #content .building-sec .btn-arrow{margin: 0 auto 2em;}
	body #content .talk-about-sec::before{width: 100%;}
	body #content .talk-about-sec .talk-about-row .form{width: 80%;}
	body #content .timeline-sec.desk{display: none;}
	body #content .timeline-sec-mob{display: block;}

	body footer#colophon .footer-top .contact-details ul li{font-size: 1em; gap: 0.2em;}
	body footer#colophon .footer-top .contact-details ul li svg{padding: 0.6em;}
	body footer#colophon .footer-top .socials ul{justify-content: center; margin-top: 1em;}
	body footer#colophon .footer-main .flex-row > section{padding: 2em 0; border-bottom: 1px solid #2C2C2C;}
	body footer#colophon .footer-main .flex-row > section:first-child{padding-top: 0;}
	body footer#colophon .footer-main .flex-row > section:last-child{padding-bottom: 0; border-bottom: none;}
	body #content .contact-info-sec .contact-info-row .grid-box{margin: 1em 0;}
	body #content .contact-form-sec .contact-form-row .form-div{padding: 2em;}
	body #content .contact-form-sec .contact-form-row .map-div{margin:1em 0;}
	body #content .contact-form-sec .contact-form-row .map-div p{height:400px;}
	body #content .solar-sol-sec .ss-slider .solutions-grid .solution-box .solution-upper{flex-direction:column-reverse;}
	body #content .grid .product{display:block;}
	body #content .grid{display:block;}
	body #content .grid .product .side-bar-heading .btn-2{width: 83%; padding: 0.7em 1.8em;}
	body #content .grid .product .side-bar-heading{padding:1em;}
	body #content .grid .product .side-bar-heading h2{font-size:1.5em;}
	body #content .products .heading ul{padding:0 1em;}
	body #content header.entry-header.alignwide .page-head h4{font-size: 3em; width: 92%;}
	body #content .products .header-image img{width: 100%; border-radius: 10%; height:100%;}
	body #content .product-section .main-grid{display:block;}
	body #content .download-pdf{margin:1.2em 0;}
	body.home header#masthead .header-main{position:relative;}
	body #content .hero-sec .hero-main::before{background:none;}
	body .cursor-example{display:none;}
	body footer#colophon .footer-top .contact-details ul{justify-content:center;}
	body header#masthead .header-main .logo img{filter:brightness(0) !important;}
	body header#masthead .flex-row .mob-flex .mobile-menu-link{filter:brightness(0)}
}