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



	html{ font-size: 18px; }

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



	body #content .hero-banner .hero-banner-txt-row .hero-banner-h2{  max-width: 67%;}

	

}







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



	html{ font-size: 18px; }

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

	footer .footer-main .footer-cont ul li{font-size:20px;}



	

	body #content .hero-banner .hero-banner-txt-row .hero-banner-h2{  max-width: 67%;}



}







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



	html{ font-size: 18px; }

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



}







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



	html{ font-size: 17px; }

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



}







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



	html{ font-size: 17px; }

/*	body .container{ max-width: 1300px !important; } */



}







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



	html{ font-size: 16px; }

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



}







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



	html{ font-size: 14px; }

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

}







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



	html{ font-size: 13px; }

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





}







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



	html{font-size: 12.5px;}

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



	body #content .home-banner-row .home-banner-img img{aspect-ratio: 16/12;}

	body #content .mufti-sec .mufti-row .mufti-txt-col>.vc_column-inner>.wpb_wrapper{padding-left: 60px;}

	body #content .mufti-sec .mufti-row .mufti-txt-col>.vc_column-inner>.wpb_wrapper h2{font-size: 2.925rem;}

	body #content .mufti-sec .mufti-row .mufti-txt-col>.vc_column-inner>.wpb_wrapper h3{font-size: 1.363rem;}





}







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



	html{ font-size: 12px; }



	body .container{ max-width: initial !important; width: auto; }



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



	body #content .home-banner-row .home-banner-img img{aspect-ratio: 16/16;}

	body #content .home-banner-row .wpb_column>.vc_column-inner>.wpb_wrapper .banner-row{padding-inline: 1rem;max-width: 100%;}

	body #content .who-we-sec .who-we-row .wpb_column{width: 100%;}

	body #content .innovation-sec .innovation-row h2{font-size: 2.525rem;}

	body #content .mufti-sec{padding-bottom: 2rem;}

	body #content .mufti-sec .mufti-row .mufti-image{display: none;}

	body #content .mufti-sec .mufti-row .mufti-txt-col{width: 100%;}

	body footer#colophon .footer-inner .footer-links {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 2rem 1rem;}







}







@media (max-width: 767px) {

	html{font-size: 12px; }



	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 #content .heading {font-size: 2rem;}

	

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

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

	body header#masthead .header-main .logo-head{display: flex;justify-content: space-between;align-items: center;}

	body header#masthead .header-main .logo-head .mobile-menu-link a span b{display: block; background: #000 ; width: 40px; height: 3px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}

	body header#masthead .header-main .logo{margin: 0;}

	/* herobanner */

	body #content .hero-banner .hero-banner-row .hero-banner-block>figure>.vc_single_image-wrapper img{height: 80vh;}

	body #content .hero-banner .hero-banner-txt-row .hero-banner-h2{ max-width: 100%;}

	body #content .hero-banner .hero-banner-txt-row .hero-inner-row > .wpb_column > .vc_column-inner {padding: 0;}

	body #content .hero-banner .hero-banner-txt-row .hero-inner-row {display: flex;gap: 1rem;flex-direction: column;}



	/* aboutus */

	body #content .about-sec .about-row .full-img{margin-bottom: 2rem;}

	body #content .about-sec-4 .about-row-4 .about-col-4{margin-top: 2rem;}

	body #content .projects-count-sec .projects-count-row .values-list{margin-bottom: 2rem;}

	body #content .projects-count-sec .features-row .features-container{ grid-template-columns: 1fr 1fr 1fr;row-gap: 2.2rem;display: grid;}

	body #content .services-sec .services-row>.wpb_column>.vc_column-inner>.wpb_wrapper{margin-bottom: 2rem;}

	body #content .services-sec .services-row>.wpb_column:last-child>.vc_column-inner>.wpb_wrapper{margin-bottom: 0;}

	body #content .contact-sec .contact-row .start-project{margin-bottom: 1rem;}

	/* wocommwerce */
	body .woocommerce-content .col-3 {border-right: none;}

	body footer#colophon .footer-inner .footer-links{flex-direction: column;gap: 0.5rem;}

	body footer#colophon .footer-inner .footer-links .footer-menu ul{flex-wrap: wrap;gap: 0.7rem;}

	body footer#colophon .copy-right{flex-direction: column; gap: .5rem;}



}

	

@media (max-width: 435px){

	

	

}