@media (max-width: 1920px) { 

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

}
@media (min-width: 1441px) { 
/*.custom-container { max-width: 1440px;}*/
/*.width-container { max-width: 1082px;}*/	
}

@media (max-width: 1440px) { 
	.product-block h4 {font-size: 16px;}
}

@media (max-width: 1366px) { 	
	.contact-left ul li a, .contactcol ul li a, .addcol ul li a, .addcol ul li {font-size: 14px;}
	.frontdes h4 {font-size: 20px;}
	.innerpage-banner {height: 50vh;}
	.innerpage-banner h1 {font-size: 4rem;}
	.secheadh3 {font-size: 26px;}
	.quoteleft { padding: 65px 30px 50px 0;}
}
@media (max-width: 1280px) { 
	.techdtl-wrap .row {--bs-gutter-x: 1.5rem;}
	.pro-title {font-size: 40px;}
	.logos-wrap .secheadh3 {width: 28%;}
	.logos-wrap .logos-slider {width: 70%;}
	.categories-sidebar.open {width: 45%;}
	.categories-btn.open {right: 44.9%;}
	.width-container {max-width: 88%;}
	.content-block .width-container {max-width: 95%;}
	.video-block .play-ico {width: 80px;}
	.vmbg:before { width: 96%;}
	.quote-block:before { width: 90%;}
	.about-intro-block:before { height: 40rem;}
	.intro-block .secheadh2 {font-size: 36px;}
	.since-box h2 {font-weight: 300; font-size: 60px;}
	.since-box {width: 200px; height: 200px;}
	.hm-services-panel .secheadh2 {max-width: 100%;}
	.secheadh2 {font-size: 40px;}
	.productimg { width: 65% !important; right: 0;}
	.sl_title {top: 55%; max-width: 440px;}
	.product-title h3 {font-size: 25vh;}
}
@media (max-width: 1200px) {
	.headtitle, .prodtlhead { flex-wrap: wrap;}
	.prodtlhead .defaultbtn { margin-top: 30px;}
	.addblock p, .addbtm p a { font-size: 14px;}
	.ftrlinks ul li a { font-size: 14px;}
	.secheadh3 br { display: none;}
}
@media (max-width: 991px) { 
	.hm-intro-panel {flex-wrap: wrap;}
	.intro-block {padding: 3rem 3rem; width: 100%;}
	.hm-intro-image {width: 80%; margin: 0 0 0 auto;}
	.hm-services-panel {padding: 5rem 0 9rem;}
	.countercol h3 {font-size: 55px;}
	.countercol p {font-size: 18px; line-height: 1.4;}
	.Marquee-tag h2 {font-size: 75px;}
	.custom-container {  max-width: 100%; width: calc(100% - 60px);}
	.about-intro-block:before {height: 36rem;}
	.vmcol { padding-right: 70px; padding-bottom: 50px;}
	.quote-block:before { height: 100%;top: 0;}
	.vm-block.secpadding {padding: 60px 0 0px;}
	.quoteleft {padding: 65px 120px 50px 0;}
	.contactcol {width: 44%; margin-bottom: 40px;}
	.contactftr {flex-wrap: wrap;}
	.contactcol.border-right { border-right: 0;}
	.contactaddcol:nth-child(even) { border-right: 0; }
	.contactaddcol:nth-child(odd) { border-right: 1px solid #bfbfbf; }
	.contactaddcol:last-child { border-right: 0; }
	.clientcol {  width: 33%;}	
	.clientcol {
    border-right: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;}
	.clientcol:nth-child(3n+0) {border-right: 0 !important;}
	.clientcol:last-child {border-bottom: 0 !important;}
	.product-block {width: calc(50% - 20px);}
	.product-block.two-col {width: calc(100% - 20px);}
	
	.mob-nav {
		position: fixed;
		display: block;
		top: 0;
		right: -330px;
		height: 100%;
		-webkit-transition: right 0.5s ease 0s;
		-moz-transition: right 0.5s ease 0s;
		-o-transition: right 0.5s ease 0s;
		-ms-transition: right 0.5s ease 0s;
		transition: right 0.5s ease 0s;
		z-index: 1200;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-o-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
	.mob-nav.open {right: 0; position: fixed; height: 100%;	}
	.nav-panel {
		background-color: #fff;
		height: 100%;
		width: 320px;
		position: relative;
		box-shadow: -8px 0px 19px -3px rgb(0 0 0 / 8%);
		padding: 22px;
		/*float: right;*/
		overflow-y: hidden;
	}
	.mobnav-list {padding: 22px 0; margin: 35px 0 0;}
	.mobnav-list li {padding: 12px 0;
		list-style-type: none;
		border-bottom: 1px solid #e6e6e6;
		margin-bottom: 0;
		display: block;
		text-align: left;
	}
	.mobnav-list li a {		
		font-size: 16px;
		line-height: 1.1;
		color: #000;
		font-weight: 400;
		padding: 0;
		text-decoration: none;
		display: block;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.mobnav-list li a:hover {color: var(--primary);}	
	.mobnav-list li:last-child {border-bottom: 0;}
	
	#navigation-toggle, #navigation-toggle.open-menu {box-shadow: none; position: absolute; right: 0px; top: 0;}
	#navigation-toggle.open-menu {
		background-color: #fff;
		-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
		-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
		-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
		-ms-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
	}
	#navigation-toggle {
		background: transparent;
		/*float: left;*/
		height: 40px;
		-webkit-transition: all 500ms ease-in 0s;
		-moz-transition: all 500ms ease-in 0s;
		-o-transition: all 500ms ease-in 0s;
		-ms-transition: all 500ms ease-in 0s;
		transition: all 500ms ease-in 0s;
		width: 50px;
		position: fixed;
		z-index: 9999;
		top: 42px !important;
		right: 20px;
	}
	#our-machines #navigation-toggle {right: 38px;}
	.menu-icon {background-image: none; display: inline-block; vertical-align: top;}
	.icon-toggle {
		position: absolute;
		padding: 8px 11px;
		line-height: 15px;
		left: 0;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		display: flex;
    	align-items: center;
    	height: 40px;
	}
	.lines {background-color: #fff; display: inline-block; height: 2px; position: relative; width: 30px;}
	.lines:before, .lines:after {
		background-color: #fff;
		content: "";
		display: inline-block;
		height: 2px;
		left: 0;
		position: absolute;
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform-origin: 50% 50% 0;
		-o-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
		width: 30px;
	}
	.lines:before {top: 6px;}
	.lines:after {top: -6px;}
	.icon-toggle .lines {
		-webkit-transition: background 0.3s ease 0.6s;
		-moz-transition: background 0.3s ease 0.6s;
		-o-transition: background 0.3s ease 0.6s;
		-ms-transition: background 0.3s ease 0.6s;
		transition: background 0.3s ease 0.6s;
	}
	.icon-toggle .lines:before, .icon-toggle .lines:after {
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform-origin: 50% 50% 0;
		-o-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
		-webkit-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
		-moz-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
		-o-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
		-ms-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
		transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
	}
	.menu-toggle.active .icon-toggle .lines {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		-webkit-transition: background 0.3s ease 0s;
		-moz-transition: background 0.3s ease 0s;
		-o-transition: background 0.3s ease 0s;
		-ms-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
	}
	.menu-toggle.active .icon-toggle .lines:before, .menu-toggle.active .icon-toggle .lines:after {
		top: 0;
		-webkit-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
		-moz-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
		-o-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
		-ms-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
		transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
		width: 30px;
		background: #484848;
	}
	.menu-toggle.active .icon-toggle .lines:before {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-moz-transform: rotate3d(0, 0, 1, 45deg);
		-o-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
	}
	.menu-toggle.active .icon-toggle .lines:after {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-moz-transform: rotate3d(0, 0, 1, -45deg);
		-o-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
	}
	.menu-toggle.active .menu-icon {left: 14px;}
	body.open-menu {overflow: hidden;}
	.mob-nav .sm-icons {text-align: left;}
	.mob-nav .sm-icons li {display: inline-block;}
	.navbar-nav .sm-icons .lab, .mob-nav .sm-icons .lab {color: #000;}
	.deskftrbtm {display: none;}
	.mobftrbtn {display: block; margin-top: 40px;}
	.logos-wrap .secheadh3 {width: 100%; margin-bottom: 14px;}
	.logos-wrap .logos-slider {width: 100%;}
	.innerpage-banner {height: 45vh;}
	.testicol {width: 48%;}
	.categories-sidebar.open {width: 80%;}
	.categories-btn.open {right: 79.9%;}
	.categories-list li a { font-size: 14px;padding: 8px 0;}
	.projectcol h4 {transform: translateX(0%);}
	.secheadh2 {font-size: 40px;}
	.slider-des h2 {font-size: 34px;}
	.techdtl-wrap .col-lg-4, .techdtl-wrap .col-lg-8 {width: 100%;}
	.pro-title {font-size: 42px; margin-bottom: 45px;}
	.video-popup .modal-dialog { max-width: 90%;}
	.video-popup .modal-body {padding: 45px 20px 20px;}
	.content-left {padding-right: 80px; margin-bottom: 50px;}
	.fact-content-block .content-left { margin-top: 50px;padding-right: 25px;}
	.servicecol {margin-bottom: 50px; }
	.mapleft p br { display:none;}
	.servicewrap {margin: 35px 0 40px;}
	.tech-table th {display: none;}
	.tech-table td {display: grid; grid-template-columns: calc(30% - 5px) calc(70% - 5px); grid-gap: 0 10px;}
	.tech-table td:before {content: attr(data-th); font-weight: bold; display: inline-block;}
	.tech-table table td br { display: none;}
	.headtitle { width: 100%; justify-content: space-between;}
	.hm-why-us-panel {margin-bottom: 0;	margin-top: 5rem;}
	.hm-why-us-panel img{margin-bottom: 50px;}
	.headtitle a {margin: 10px 20px 0 10px;}
	ul.categories-list {padding-bottom: 40px;}
}
@media (max-width: 1080px) and (orientation: portrait) { 
	.red-bg:before, .blue-bg:before{
		background: url(../images/slider-machin-overlay-mob.png) 50% 50% no-repeat;
    	background-size: cover;
	}
	.slide-img-bg{
		background: url(../images/hero-banner-bg-1-mob.jpg) 50% 100% no-repeat !important;
    	background-size: cover !important;
	}
	.slider-des {
		position: absolute;
		top: 10%;
		transform: translateY(0%);
		width: 65%;
		max-width: 680px;
		padding: 40px 0;
		margin: auto;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 3;
	}
	.slider-des h2 {font-size: 4.8vw;}
	.slider-des h2 span{display: block;}
	.sl_sub_title{justify-content: center;}
	.productimg{width: 100% !important; left: 0; right: 0; margin: 0 auto; top: 65%;}
	.slider-holder .defaultbtn {font-size: 20px;}
}
@media (max-width: 991px) and (orientation: portrait) {
	.slider-des h2 {font-size: 5vw;}
	.slider-holder .defaultbtn {font-size: 16px;}
}
@media (max-width: 890px){ 
	.slider-des {position: absolute; top: 18%; transform: translateY(0%); max-width: 65%; padding: 40px 0; z-index: 3;}
	.mainslider.owl-theme .owl-nav {bottom: 10px; left: 0; position: relative; right: 0;}
	.slider-des h2 {font-size: 3.8vw;}
	.product-title { display: none;}
	/* .slider-item { background: none;} */
	.productimg {width: 55% !important; left: 0; right: 0; margin: 0 auto; top: 74%;}	
	.slider-nav { position: absolute; bottom: 30px;}
	.slider-nav-btn { width: 34px;  height: 34px; font-size: 18px;}
	.whatsapp-ico {bottom: 30px; right: 30px; width: 38px; height: 38px; font-size: 22px;}
	
}
@media (max-width: 890px) and (orientation: portrait) { 
	.slider-des {top: 10%; width: 65%; max-width: 680px; margin: auto; left: 0; right: 0; text-align: center;}
	.slider-des h2 {font-size: 5vw;}
	.productimg{width: 100% !important; left: 0; right: 0; margin: 0 auto; top: 65%;}
}
@media (max-width: 767px) { 
	.secheadh3 {font-size: 28px;}
	.innerpage-banner h1 {font-size: 3.5rem;}
	footer .row {--bs-gutter-x: 2.5rem;}
	.ftrbtm {font-size: 14px; text-align: center;}
	.ftrlogo { margin-bottom: 40px;}
	.contactcol {width: 100%; margin-bottom: 40px; margin-right: 0; padding: 0 0 3% 0;}
	.contactcol.border-right {border-bottom: 1px solid #bfbfbf;}
	.logos-strip {padding: 25px 35px;}
	.navbar {padding: 0 2rem;}
	#navigation-toggle{ right: 25px;}
	.video-wrap { grid-template-columns: 100% 100%;}
	.prodtlhead .secheadh2 { width: 86%;}
	.quoteleft {padding: 65px 50px 50px 0;}
	.video-block .play-ico {width: 60px;}
	.map-block {flex-wrap: wrap;}
	.mapleft {width: 100%;}
	.mapright {width: 100%;top: 0; border-radius: 0;}
	.counter-block { display: flex;}
	.countercol {padding: 0px 20px; border-right: 1px solid var(--white); border-bottom: 0;}
	.countercol:last-child {border-right: 0;}
	.Marquee { margin-top: 4rem;}
	.hero-des {right: 2.5rem; bottom: 1rem;}
	.pro-title {font-size: 32px;}
	.product-block {width: calc(100% - 20px);}
	.secheadh2 {font-size: 32px;}
	.intro-block .secheadh2 {font-size: 32px;}
	.customer-install-img-wrap {gap: 10px; margin-top: 40px;}
	.custom-install {width: calc(40.5% - 5px); }
	.custom-install:nth-child(2) {width: calc(23.12% - 5px);}
	#our-machines .hero-des {right: 4rem;}
	#our-machines .width-container {max-width: 88%; width: calc(100% - 30px); padding-right: 30px;}
	.highlight-close {top: -36px; right: 0px;}
	.portrait-hl-block {height: calc(100vh - 60px); margin-top: 15px;}
}
@media all and (max-width:768px) and (orientation:portrait) {	
	.portrait-hl-block {height: auto; width: 75%;}
	.highlight-block img {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 600px) {
	.frmrow {flex-wrap: wrap;}
	.frmrow .form-group {width: 100%;}
	.innerpage-banner {height: 35vh;}
	.innerpage-banner h1 {font-size: 2.5rem;}
	.testicol {width: 100%; margin: 2% auto;}
	.clientcol {width: 50%;}
	.clientcol {border-right: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;}
	.clientcol:nth-child(3n+0) {border-right: 1px solid #E5E5E5 !important;}
	.clientcol:nth-child(2n+0) {border-right: 0 !important;}
	.clientcol:last-child, .clientcol:nth-last-child(2) {border-bottom: 0 !important;}
	.vmbg:before {width: 100%;}
	.profileimg img {width: 97.5%;}
	.quote-block:before {width: 92%;}
	.counter-block {display: block;}
	.countercol {padding: 40px 0px; border-right: 0; border-bottom: 1px solid var(--white);}
	.countercol:last-child {border-right: 0; border-bottom: 0;}
	.since-box { width: 146px; height: 146px; border-radius: 0; bottom: 50px; left: -3.5rem;}
	.hm-intro-image img { border-radius: 0px;}
	.hm-intro-image:before { left: -1rem; border-radius: 0px 0; top: 1rem;}
	.since-box h2 { font-size: 40px;}
	.hm-services-panel {padding: 3rem 0 4rem;}
	.prodtlhead .secheadh2 {width: 80%; font-size: 26px;}
	.logo {width: 100px;}
	#navigation-toggle{ top: 30px !important;}
	.video-popup iframe {height: 40vh;}
	.secpadding {padding: 60px 0 50px;}
	.productimg {left: 0; right: 0; margin: 0 auto;}
	.slider-des {max-width: 90%;}
	.slider-des .defaultbtn {font-size: 14px; padding: 8px 20px;}
	.productimg {width: 100% !important;}
	.productimg img {width: 120%; margin-left: -10%;}
}
@media (max-width: 575px) {	
	footer .custom-container { width: calc(100% - 40px);}
	.secheadh3 {font-size: 22px;}	
	.tech-table td:before {grid-template-columns: calc(50% - 5px) calc(50% - 5px);}
	.custom-install {width: 100% !important;}
	.customer-install-img-wrap {flex-direction: column;}
	.slider-des h2 {margin-bottom: 20px;}
	.highlight-close {padding: 4px 10px; }
}
@media (max-width: 480px) {	
	.ftrlinks ul li a:hover { padding-left: 0;}
	.addbtm {margin-top: 45px;}
	.headtitle {flex-direction: column; align-items: flex-start;}
	.headtitle a{align-self: flex-start;}
	.product-block h4 {font-size: 13px; top: 20px; padding: 8px 12px;}
	.product-block.two-col img{height: 70vw;}
	.portrait-hl-block {width: 84%;}
}
@media (max-width: 375px) { 
	.ftrlinks { margin-bottom: 40px;}
	/*footer .col-5, footer .col-7 { width: 100%;}*/
	/*.addbtm { margin-top: 20px;}*/
}
@media (max-width: 480px) and (min-height: 750px) and (orientation: portrait) {
	.slider-des{top: 15%;}
	.productimg img {width: 130%; margin-left: -15%;}
 }


@media all and (min-height:980px) and (orientation:landscape) {	 
	.highlight-block {height: 896px;}
}
@media all and (min-height:980px) and (min-width:1200px) and (orientation:portrait) {	 
	.highlight-block {height: 95vw;}
}
@media all and (min-height:1025px) and (orientation:portrait) {	 
	.highlight-block {height: 896px;}
}