/*@media only screen and (max-width:2560px) and (max-height:1600px) and (orientation:landscape){
	.svggroup .circle {top: 32%; right: 22%; }
}*/
@media (min-width: 2200px) {
	.hmbanner-second-slide h2, .panel h2, #home-auto h2, #led-lights h2 {font-size: 140px; padding-bottom: 50px;}
}
@media (min-width: 2000px) {
	#switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2, #home-auto h2, #led-lights h2{font-size: 50px;     padding-bottom: 50px;}
	.hmaboutwrap h2{font-size: 80px; padding: 70px 0 30px;}
	.hmbanner-second-slide h2 {padding-bottom: 0;}
	.sec-intro-block .borderbtn, .fans-panel .borderbtn, .wires-panel .borderbtn, .pipedes .borderbtn, .mcb-panel .borderbtn, .hmaboutwrap .borderbtn {font-size: 24px; font-weight: 300; padding: 20px 35px; border-radius: 60px;}
	.appear-border{width: 1000px; margin-right: -500px; padding: 80px 70px;}
	.horzline {width: calc(100% - 500px);}
	/*span.slide-circle {width: 40px; height: 40px; bottom: 15%;}*/
	.hmaboutwrap {max-width: 800px;}
	.hmaboutwrap p {font-size: 30px; padding: 0px 0 40px;}
	.trendslider h4{font-size: 110px; bottom: -14%;}
	.trendslider-caption h3{font-size: 90px}
	.trendslider-caption p{font-size: 30px;}
	.storebtn a{padding: 20px 45px; font-size: 24px; line-height: 1.3; margin-right: 20px;}
	.storebtn a span {width: 40px; margin-right: 20px;}
	.storebtn a b{font-size: 26px;}
	.hmappimg {right: 6%; width: 55%;}
	.storebtn a span .lab {font-size: 38px;}
	.wirehome {width: 49%; right: 8%; bottom: 12%;}
	.wireimg{width: 30%;}
	
	.home-auto-sofa {width: 48%;}
	.home-auto-redseclight {width: 11%; bottom: 39%;}
	.home-auto-connectbox {right: 18%; width: 13%;}
	.home-auto-mobile {width: 28%;}
	.home-autoline svg{right: 22%; height: 170%;}
	.home-auto-bklight {left: 17%; width: 60%;}
}

@media (min-width: 1441px) and (max-width: 1999px) {	
	/*span.slide-circle{width: 26px; height: 26px;}*/
	.trendslider h4{bottom: -13%;}
	.hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2 { font-size: 50px;}
	.wirehome {width: 43%; right: 9%; bottom: 19%;}
	.wireimg{width: 29%;}
	.fansimg{width: 25%;}
	.shield{    width: 31vw;}
	.mcbsimg{    width: 32vw;}
}
@media (min-width: 1441px) {
	.home-auto-sofa {width: 48%;}
	.home-auto-redseclight {width: 9%; bottom: 39%;}
	.home-auto-connectbox {right: 18%; width: 11%;}
	.home-auto-mobile {width: 26%;}
	.home-autoline svg{right: 21%; height: 170%;}
	.home-auto-bklight {left: 17%; width: 60%;}
	.hmbanner-second-slide .horzline svg path{stroke-width: 3px;}
	.client .page-des h1{font-size: 56px;}
	.client .page-des h5{font-size: 25px;}
}
@media (min-width: 1921px) {
	.container {max-width: 80%;}
	.clientcol {height: 300px;}
}

@media (max-width: 1680px) {
	.fansimg{width: 22%; right: 16%;}
	.searchform form input{width: 267px;}
}
@media (max-width: 1440px) {
	.hmappimg {right: 6%;}
	.light-string{height: 90%;}
	.home-autoline svg{height: 170%;}
	.filmslider .abtvideo .leftLine, .filmslider .abtvideo .rightLine{height: 55px;}
	.wirehome {width: 45%; right: 9%; bottom: 19%;}
	.wireimg{width: 30%;}
	.fansimg{width: 26%;}
}
@media (max-width: 1366px) {
	.searchform form input {width: auto;}
	.navcontact h4 span, .navcontact h4 { font-size: 1em;}
	.locator-form {max-width: 100%;}
	.hmappimg {width: 48%;}
	.fansimg { right: 18%; width: 21%;}
	.hmappwrap .patterndiv, .wireswrap .patterndiv {width: 40%;}
	.mcbsimg { bottom: 75px; right: 13%; width: 29vw;}
	.shield {width: 29vw; right: 21%; bottom: 10%;}
	.mcbwrap .patterndiv { width: 36%;}
	.hmaboutwrap p {font-size: 16px;}
	.hmaboutwrap h2 {font-size: 40px;}
	.hmaboutwrap { max-width: 590px;}
	.ledimg{width: 28vw;}
	.ledimg .flash {top: 18.5vw; right: 16.5vw; width: 70vw;}
	.trendslider h4 {font-size: 50px;}
	.wireimg {bottom: 80px; width: 25%;}
	.wirehome {width: 37%; bottom: 22%;}
	/*.svggroup .circle { top: 13%; right: 13%;}*/
	.home-auto-sofa {width: 36%;}
	#home-auto h2, #led-lights h2 { font-size: 60px;}
}
@media (max-width: 1299px) {
	.secpanel {padding: 70px 0 50px;}
	.careersleft {width: 34%;}
	.panel h2, #home-auto h2, #led-lights h2, #home-protect h2  {font-size: 62px;}
	.hmbanner-first-slide h2, .hmbanner-second-slide h2{font-size: 68px;}
	.hmaboutwrap h2 {font-size: 40px;}
	#switches h2{font-size: 68px;}
	.fansimg {right: 11%; width: 35%;}
	.wirehome {width: 42%; bottom: 16%;}
	.hmappimg {width: 60%; right: 2%;}
	.trendslider h4{font-size: 52px;}
	.connectline {height: 80px;}
	.connectline-btm {height: 80px;}
	.hmaboutbox {width: 480px; text-align: center; margin: 80px auto 0;}
	.page-des h1 br { display: none;}
	.teamwrap {max-width: 88%;}
	.leader-des {padding: 60px 50px;}
	.leader-des p {font-size: 16px;}
}
@media only screen and (max-width:1280px) and (max-height:768px) and (orientation:landscape){
	.fansimg {right: 14%; width: 28%;}
}
@media only screen and (max-width:1280px) and (max-height:640px) and (orientation:landscape){
	.fansimg {right: 17%; width: 23%;}
	.hmappimg {width: 55%;}
	.wireimg { width: 28%;}
	.wirehome {width: 39%; bottom: 22%;}
}
@media only screen and (max-width:1280px) and (max-height:609px) and (orientation:landscape){
	.home-auto-sofa {width: 35%;}
	.panel h2, #home-auto h2, #led-lights h2 {font-size: 55px;}
	.sec-intro-block .borderbtn {font-size: 16px;}
	/*.svggroup .circle { top: 8%; right: 14%;}*/
	.wireimg {width: 25%;}
	.wirehome {width: 38%; bottom: 22%;}
}
@media (max-width: 1399.98px) {
	/*.page-banner{min-height: 532px;}*/
	.background-banner.ledlights .productimg img {
	max-height: 407px;
}
.background-banner.switches .productimg img {
	max-height: 407px;
}
.background-banner.fans .productimg img {
	max-height: 407px;
}
.background-banner.homeauto .productimg img {
	max-height: 407px;
}
.background-banner.wires .productimg img {
	max-height: 407px;
}
.background-banner.pipesfit .productimg img {
	max-height: 407px;
}
.page-banner
{
	min-height:432px;
}
@media (max-width: 1199.98px) {
	.intro-block {max-width: 90%;}
	.partners-block { width: 100%;}
	.page-des {width: 50%;}
	.logo {  width: 100px; margin: 0 20px 20px 0;}
	/*.main-wrapper {margin-top: 90px;}*/
	.home-auto-sofa {width: 35%;}
	.home-auto-mobile {width: 26%;}
	/*span.slide-circle{bottom: 15.5%;}*/
	.home-auto-connectbox {right: 20%; width: 9%;}
	.home-autoline svg{right: 22%;}
	.home-auto-redseclight {width: 10%;}
	#home-auto h2, #led-lights h2, #home-protect h2, .panel h2 {font-size: 50px;}
	#switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2 {font-size: 68px;}
	.appear-border{padding: 60px 50px; width: 460px; margin-right: -230px;}
	.horzline {width: calc(100% - 230px);}
	.lightsline svg path{stroke-width: 7px;}
	.trendslider h4{font-size: 50px;}	
	.abtvideo-block {max-width: 600px;}
	.abtvideo { height: 350px;}
	.abtvideo-des { width: 100%;}
	.owl-carousel .owl-item img { height: 100%; width: 100%;}
	/*.svggroup .circle {top: 10%;right: 10%;}*/
	.wireimg {width: 25%;}
	.highlight-slider .owl-carousel .owl-item img{width: 100%;height: auto;}
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}
@media (max-width: 1199.98px) {
	.navbar-expand-lg .navbar-collapse { display: none !important;}
	.searchform form input { width: 100%;}
	.searchform { width: 75%;}
	.navcontact {padding-left: 0; position: absolute; bottom: 18px; left: 22px;}
	.mobnavigation{
		display: flex;
		margin-left:auto;
	}
	.cartIconWrap{
		padding-right: 0.5rem;
	}
	.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: -9px 0px 4px rgb(0 0 0 / 15%);
		padding: 22px;
	}
	.navlist {
		padding: 22px 0;
		margin: 0;
	}
	.navlist li {
		padding: 9px 0;
		list-style-type: none;
		border-bottom: 1px solid #B4B4B4;
		margin-bottom: 0;
		display: block;
	}
	.navlist li a {
		font-family: 'Lato', sans-serif;
		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;
	}
	.navlist li a:hover {
		color: #ed1b2d;
	}
	.navlist li a.dropdown-toggle::after{
		position: absolute;top: 15px;right: 5px;
	}
	.navlist li .mobdropdown {
		padding: 10px 15px;
		margin: 10px 0 0;
	}
	
	.mobdropdown {
		display: none;
		background: #F2F2F2;
		border-radius: 0px 11px 11px 11px;
		position: relative;
	}
	.mobdropdown:before {
		content: "";
		position: absolute;
		top: 0;
		border-top: 3px solid var(--primary);
		left: 0;
		width: 85px;
		height: 3px;
	}
	.mobdropdown ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mobdropdown li a{
		display: block;
		font-size: 13px;
		text-align: center;
	}
	.mobdropdown li a img {
		width: 26px;
		height: 26px;
    	margin: 0 auto 10px;
		display: block;
	}
	.navlist li:last-child {
		border-bottom: 0;
	}
	.mobdropdown li {
		border-bottom: 0;
		display: inline-block;
		padding: 8px 0;
		width: 33%;
	}
	#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;
		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;
		z-index: 1201;
	}
	.menu-icon {
		display: block;
		width: 100%;
		height: 100%;
	}
	.icon-toggle {
		position: relative;
		display: block;
		-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;
		width: 100%;
		height: 100%;
	}
	.lines {
		background-color: #636363;
		display: block;
		height: 2px;
		position: absolute;
		width: 30px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.lines:before,
	.lines:after {
		background-color: #636363;
		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;
	}
	.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);
	}
	.nav-panel {float: right; overflow-y: hidden;}
	.page-banner{min-height: 400px;}
}

@media only screen and (max-width:1024px) and (orientation:portrait){
	.home-auto-sofa {width: 100%; left: -54%;}
	.home-auto-redseclight {width: 17%; left: 24%; bottom: 46%;}
	.home-auto-mobile {width: 62%; right: 7%;}
	.home-auto-connectbox {right: 32%; width: 18%; top: 41%;}
	.home-autoline {height: 53%; top: 22%; right: -10%;}
	.home-autoline svg {right: 5%; transform: rotate(90deg); height: 100%;}
	/*span.slide-circle {width: 30px; height: 30px;}*/
	.home-auto-bklight {bottom: 16%; left: -15%; width: 100%;}
	.ledimg {width: 48vw; right: -6%; top: 10%;}
	.ledimg .flash {top: 34.5vw; right: 29.5vw; width: 98vw;}
	.sec-intro-block.bottom {bottom: 24%; left: 100px;}
	.lightsline{top: 10%; left: 0; width: 70vw;}
	.sec-intro-block{left: 100px;}
	.lightsline svg path {stroke-width: 5px;}
	.fansimg {right: 0; width: 51%; left: 0; margin: 0 auto;}
	/*.svggroup {right: 0; top: 2%; width: 100%;}*/
	.fansdes {bottom: auto; left: 0; top: 10%; right: 0; margin: 0 auto; width: 80%; text-align: center;}
	.fanswrap .horizonline {bottom: 10%; width: 50%;}
	.horizonline svg path {stroke-width: 7px;}
	.wirehome {bottom: 16%; width: 72%; right: 19%;}
	.wireimg {width: 53%; bottom: 8%;}
	.wireswrap .patterndiv {width: 52%; left: 100px; bottom: 22%;}
	.wireswrap .patterndiv {bottom: 10%;}
	.wiresdes {left: 100px; top: 10%;}
	.mcbsimg {width: 55%; bottom: 150px; right: 16%;}
	.shield {width: 55%; right: 32%; top: auto; bottom: 12%;}
	.mcbwrap .patterndiv {width: 70%; right: 13%; bottom: 10%;}
	.mcbsline {bottom: 22%; right: -32vw; width: 56vw;}
	.mcbsline svg path {stroke-width: 6px;}
	.mcbdes, .hmappdes, .sec-intro-block {top: 10%;}
	.hmappimg {width: 90%; top: 55%; transform: translateY(-50%)!important; bottom: auto;}
	.hmappline {bottom: 35%; width: 45%;}
	.storebtn {width: 50%;}
	.hmappwrap .patterndiv {width: 70%; left: 100px; bottom: 22%;}
	.appbtn-wrap {bottom: 12%; left: 0; justify-content: space-between; right: 0; width: 60%; margin: 0 auto;}
	.hmappline svg path {stroke-width: 7px;}
	.panel h2 {font-size: 60px;}
	.trendslider h4{bottom: -7%;}
	#switches .video-background{padding-right: 0%; padding-top: 20%; justify-content: center;}
	#switches .sec-intro-block{text-align: center; left: 0; right: 0; margin: auto;}
	.hamob-landscape-img {display: none;}
	.hamob-portrait-img {display: block; margin-bottom: -30%;}
	.slide-circle-wrap{bottom: 37.5%; height: 4%;}
	span.slide-circle{height: 159.42%;}
}

@media (max-width: 991.98px) {
	.ftrcol {margin-bottom: 40px;}
	.partners-block { flex-wrap: wrap; justify-content: end;}
	.partnerscol { width: 33%; margin-bottom: 30px;}
	.copyright-block {margin-bottom: 0;}
	.page-banner {background-attachment: scroll;}
	h2 {font-size: 35px;}
	h3 {font-size: 26px;}
	.page-banner {min-height: 70vh;}
	.career-form-container p { margin-bottom: 10px;}
	.partnerscol {width: 48%;}
	.contact-panel { max-width: 85%;}
	.addcol h4 {font-size: 20px;}
	.careersleft, .careersright {width: 100%;margin-right: 0;}
	.ftrcolwrap ul:first-child { padding-right: 30px;}
	.introhead p { max-width: 100%;}
	.career-form-container { margin-top: 70px;}
	.explorelist ul li a {font-size: 32px;}
	.page-banner:before { left: 50px; right: 50px; width: 70%; height: 50%;}
	.page-des p {font-size: var(--font16);}
	.page-des h1 br { display: none;}
	.page-banner .container { width: 92%;}
	.productimg {width: 38%;}
	.page-banner .productimg ~ .page-des {width: 60%;}
	header {padding: 20px 20px 0px;}
	.navbar { padding: 0;}
	.page-des a { padding: 10px 20px; font-size: 13px;}
	.page-des { width: 100%;}
	#subSubCategories .productHolder {margin-right: 0px;}
	.postcol {width: 49%; margin-bottom: 40px;}
	.storeform {padding: 20px 0 30px 0px;}
	.centerform select { width: 90%;}	
	#home-auto .sec-intro-block {width: 60%;}
	#home-auto .sec-intro-block h2 br{display: none;}
	.hmbanner-second-slide .horzline svg path{stroke-width: 8px;}
	.light-progress-bar {right: 25px;}
	.storeform .solidbtn {width: 26%;}
	.storeform .frmgroup input {width: 71%;}	
	.page-banner{min-height: 200px;}
	.filmslider .abtvideo .leftLine, .filmslider .abtvideo .rightLine{background-position: 20% 50%;}
	.brandname h2 {font-size: 50px;}
	#other_Cat .otherCatHolder { padding-bottom: 0;}
	#mainProduct { min-height: auto; margin-bottom: 30px;}
	#displayProduct h5{font-size: 30px;padding-bottom: 15px;}
	.prdetls { margin-top: 8rem !important;}
	#switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2 {font-size: 42px;}
	#switches .switchvdobg {width: 54vh; height: 49vh;}
	#home-auto h2, #led-lights h2, #home-protect h2, .panel h2 {font-size: 38px;}
	.hmaboutwrap{height: auto;}
	.background-banner.fans .paligntop {top: 0; left: 0; height: 100%; margin-bottom: 30px;}
	.leader-img {width: 50%;}
	.teamrow:nth-child(2) {flex-direction: column-reverse;}
	.desright {text-align: left!important;}
	.desright:before {left: 0; transform: rotate(0deg);}
	.team-panel { padding: 0 15px;}

	.trendingwrap {padding-top: 40px;padding-bottom:60px;}
	.trendingwrap h2{padding-bottom: 20px;}
	.trending-slider svg{width: 40px;}

	.scrolldwn img{width:24px;}
	.secpanel {padding: 50px 0 35px;}
	.contact-panel {padding: 70px 0 0;}
	.introhead {padding-bottom: 50px;}
	.page-banner .page-des{width: 100%;}
	
}
@media only screen and (max-width:991px) and (orientation:portrait){
	.hmappimg {width: 82%; top: 55%;}
	#home-auto h2, #led-lights h2, #home-protect h2, .panel h2 {font-size: 50px;}
	#switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2 {font-size: 52px;}
}

@media only screen and (max-width:850px) and (orientation:portrait) {
	.pipedes h2 br{display: none;}
	.pipedes {bottom: 40%; right: 9%;}
	.fansimg {width: 54%;}
	.trendslider h4 {bottom: -8%;}
}
@media (max-width: 800px) {
	.pipedes {width: 45%;}	
}
@media only screen and (max-width:800px) and (max-height:1166px) and (orientation:portrait){
	/*.svggroup .circle {top: 38%;right: 26%;}*/
	.wireimg { width: 50%;}
	.mcbdes, .hmappdes, .sec-intro-block, .fansdes, .wiresdes  {top: 12%;}
	.copyright-block .row {display: block;}
	.col-md-4.copy-rght { max-width: 100%; margin-top: 10px;}
	#switches .switchvdobg {width: 44vh; height: 40vh;}
} 
@media (max-width: 767.98px) {
	.abtvideo-block {max-width: 60%;}
	.abtvideo-des {width: 100%;}
	.abt-video-panel {padding: 70px 0 50px;}
	.abtvideo { height: 40vh;}
	.page-des {width: 90%;}
	.moretxt { padding-top: 50px;}
	footer {padding: 60px 0;}
	.intro-block p, .abtvideo-des p, .partnersright p { font-size: var(--font16);}
	.newsletter-block {padding: 90px 0;}
	.copyright-block, .moretxt { text-align: center;}
	.copy-rght a { justify-content: center;  margin-top: 20px;}
	.container {max-width: 95%;}
	.page-des h1 {font-size: 36px;}
	.certifi-wrap img { width: 100%;}
	.add-block, .inputrow { flex-wrap: wrap;}
	.addcol { width: 100%; text-align: center; margin-bottom: 25px;}
	.inputrow .form-group { width: 100%;}
	.newsletter-block form { padding: 15px 30px;}
	.background-banner { height: auto;}
	.productimg { width: 80%;margin: 0 auto;}
	.productimg img {max-width: 100%;height: 100%;object-fit: contain;display: block;max-height: 360px;margin: 0 auto;}
	.page-banner .productimg ~ .page-des {margin: 0 auto;width: 100%;}
	.background-banner .page-des { width: 100%;}
	.ftrcolwrap ul:first-child { padding-right: 30px;}
	.ftrcol ul li a {font-size: var(--font16);}
	.explorelist ul li a.active {font-size: 60px;}
	.awardcol { flex-wrap: wrap;}
	.awardcol-img, .awardcol-text { width: 100%;}
	.awardcol-text { padding: 35px;}
	.awardflex { flex-direction: column-reverse;}
	.filterwrap .d-flex.flex-wrap { justify-content: center;}
	#subSubCategories .productHolder {margin: 0px 0px 0px !important;}
	.page-banner:before {left: 0;}
	#navigation-toggle { top: 18px !important;}
	.clientslider { padding: 0 0px 80px;}
	.clientcol img { width: 85% !important;}
	.borderright { border-right: 0;}
	.storeform { width: 60%; margin: 0 auto;}
	.centerform select { width: 50%;}
	.storeform .solidbtn {width: auto;}
	.hmabout-img {width: 90%;}
	.hmaboutwrap {max-width: 90%;}
	.sec-intro-block, .wiresdes, .mcbdes, .hmappdes {top: 10%; left: 8%;}
	.home-auto-sofa {width: 100%; left: -54%;}
	.home-auto-redseclight {width: 17%; left: 24%; bottom: 46%;}
	.home-auto-mobile {width: 62%; right: 7%;}
	.home-auto-connectbox {right: 32%; width: 18%; top: 41%;}
	.home-autoline {height: 53%; top: 22%; right: -15%;}
	.home-autoline svg {right: 5%; transform: rotate(90deg); height: 100%;}
	/*span.slide-circle {width: 23px; height: 23px;}*/
	.home-auto-bklight {bottom: 16%; left: -15%; width: 100%;}
	.led-mob{display: block}
	.led-desktop{display: none}
	.ledimg {width: 48vw; right: -6%; top: 0%;}
	.ledimg .flash {top: 26.5vw; right: 20.5vw; width: 194vw;}
	.sec-intro-block.bottom {bottom: 50%; left: 7%;}
	.lightsline{top: 0%; left: 0; width: 70vw;}
	.ledlightswrap {height: 80vh;}
	.hmbanner-first-slide h2 {max-width: 350px; margin: auto;}
	.hmbanner-second-slide .horzline svg {width: 171%; margin-left: -71%;}
	.pipedes {width: 45%;}
	.trendslider h4 {bottom: -11%;}
	.appbtn-wrap {width: 73%;}
	.appbtn-wrap .storebtn:last-child a{margin-right: 0;}
	.abtvideo-block {max-width: 60%;}
	.abtvideo { height: auto;}
	.playico { width: 40px; height: 40px;}
	#displayProduct .owl-theme .owl-dots { display: block;}
	.make-me-sticky { position: relative; top: auto; margin-top: 0px;}
	#featuredImg img { margin-top: 0;}
	.make-sticky { position: relative; top: auto;}
	.career-filterleft { padding-left: 10px;}
	.careers-col {margin-bottom: 15px;padding: 16px;}
	.logo { margin: 0 20px 10px 0;}
	header { padding: 12px 20px 0px;}
	.main-wrapper {margin-top: 72px;}
	#switches .switchvdobg { width: 57vh; height: 46vh;}
	.hmaboutwrap{height: auto;margin: 20px 20px;}
	.bannerwrap {display: block;padding-bottom: 50px;}
	.media-alignment{padding-left: 1rem!important; padding-right: 1rem!important;}
	.filters-content {padding-top: 20px;}
	.background-banner.page-banner {padding-top: 1em;}
	.background-banner.page-banner a.borderbtn {margin: 0 auto;display: table;text-align: center;}
	.explore-fans-panel {padding: 100px 0 100px;}
	.filter-form-check select {width: 100%;padding: 0 15px;height: 40px;}
	.sticky-left {padding-bottom: 1px;}
	.catalogues {background-position: left center!important;}
	.highlightslider.owl-carousel .owl-nav, .highlightslider.owl-carousel .owl-nav.disabled {top: -62px;width: 100%;}
	/*T css*/
	.prdetls {margin-top: 6rem !important;}
	.breadcrumb-block {margin-bottom: 20px;}
	.breadcrumb-block, .breadcrumb-block a{font-size: 14px;}
	.featureslider{margin-bottom: 20px;}
	.product-feature-slider .owl-item .product-item {height: auto;position: relative;}
	.product-feature-slider .owl-item .product-item::before {display: block;padding-top:100%;padding-top:clamp(320px, 100%, 450px);content: "";}
	.product-feature-slider .owl-item .product-item>* {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.product-feature-slider {padding-bottom: 30px;}

	.page-banner .container {max-width: 100%; }
	.page-banner .page-des {text-align: center;position: absolute;bottom: 40px;width: 100%;left: 0;right: 0;padding: 0 30px;}
	.page-banner .productimg ~ .page-des{position: static;}
	/*.aboutus {background : url(../images/page-banners/about-banner-mob.jpg); background-position: center!important;}*/
	/*.media {background : url(../images/page-banners/media-banner-mob.jpg); background-position: center!important;}*/
	/*.contact {background : url(../images/page-banners/contact-banner-mob.jpg); background-position: 50% 100% !important;}*/
	/*.locator {background : url(../images/page-banners/store-locator-banner-mob.jpg); background-position: center!important;}*/
	/*.client {background : url(../images/page-banners/clientele-banner-mob.jpg); background-position: center!important;}*/
	/*.career {background : url(../images/page-banners/career-banner-mob.jpg); background-position: center!important;}*/
	/*.innovation {background : url(../images/page-banners/innovation-banner-mob.jpg); background-position: center!important;}*/
	/*.aurteam {background : url(../images/page-banners/team-banner-mob.jpg); background-position: center!important;}*/
	.page-banner.contact .page-des {bottom: auto;top: 40px;}
	.page-banner{height: 200px;position: relative;}
	.page-banner::after {display: block;padding-top: clamp(360px, 120%, 600px);content: "";}
	.page-banner.proBanner{min-height: 60vh;height: auto;}
}
@media (max-width: 640px) {	
	#home-auto .sec-intro-block {width: 60%;}
	#home-auto h2, #led-lights h2, .panel h2 {font-size: 52px;}
	#switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2{font-size: 60px;}
	.sec-intro-block .borderbtn {font-size: 14px;}
	.home-autoline {top: 28%;}
	.home-auto-redseclight {width: 19%; left: 22%; bottom: 40%;}
	.home-auto-connectbox {right: 32%; width: 18%; top: 48%;}
	.hmbanner-first-slide h2 {max-width: 300px; margin: auto;}
	.light-progress-bar{right: 15px;}
	.appear-border{padding: 50px 45px; width: 300px; margin-right: -150px;}
	.horzline {width: calc(100% - 150px);}
	.newsletter-block form h2{font-size: 30px;}
	section.hm-about-panel {padding: 0px;}
	.hmabout-wrap2, .hmabout-wrap3 {margin-top: 0px;}
	.hmabout-wrap3 .hmaboutbox {padding-bottom: 0px;}
	.connectline-btm{top: -50px;}
	#tableView .row { padding-bottom: 6px;}
}
@media (max-width: 600px) {
	.page-banner .locomo-bottom-display.scrolldwn {height: 100px;}
	.certifi-wrap {max-width: 90%;}
	.partners-block { justify-content: center;}
	.partnerscol { width: 50%; margin: 0 auto 30px; text-align: center;}
	h2 {font-size: 26px;}
	h2 br {display: none;}
	h4 {font-size: 20px;}
	.form-container .solidbtn {width: 100%;}
	.filebtn { position: relative; margin: 20px auto 0; display: block; width: auto;}
	.career-form-container .solidbtn {width: 100%;}
	.postcol {width: 100%;}
	.highlightslider.owl-carousel .owl-nav.disabled {  top: -34%;left: 34%;}
	.partnerscol img {width: 120px;}
	.page-banner:before {left: 30px; right: 50px; width: 85%; height: 75%;}
	.storeform { width: 100%; margin: 0 auto;}
	.centerform select { width: 100%;}
	.storeform .frmgroup input {width: 100%;}
	.storeform .solidbtn { margin: 10px auto;}
	.appbtn-wrap { width: 90%;}
	.hmappwrap .patterndiv, .wireswrap .patterndiv { width: 85%;}
	
	.trendslider-caption h3 {font-size: 22px;}
	.trendslider h4 {font-size: 36px;}
	.panel h2 {padding-bottom: 30px;}
	.hmaboutbox h2 {padding-bottom: 20px;}
	.hmbanner-first-slide h2, .hmbanner-second-slide h2 {font-size: 55px; padding-bottom: 0;}
	.hmappdes {width: 75%;}
	.hmappimg {width: 100%; top: 55%; transform: translateY(-50%); bottom: auto;}
	.hmappline {bottom: 35%;width: 45%;}
	.hmappwrap .patterndiv, .wireswrap .patterndiv { width: 52%; left: 25px; bottom: 22%;}
	.appbtn-wrap {bottom: 12%;left: 0; justify-content: space-between; right: 0;  width: 90%;margin: 0 auto;}
	.storebtn {width: 50%;}
	.storebtn a {padding: 12px 10px; font-size: 11px;}
	.storebtn a b {font-size: 12px;}
	.storebtn a span {width: 25px; display: flex; margin-right: 5px;}
	.storebtn a span .lab {font-size: 20px;}
	.trendslider h4 { font-size: 45px;}
	.window {right: 26%; width: 35px;}
	.trendslider-caption p {width: 100%; font-size: var(--font16);}
	.pipedes {width: auto; top: auto; right: 8%; left: auto; margin: 0 auto; bottom: 6%;}
	.mcbsimg {width: 60%; bottom: 75px; right: 14%;}
	.shield {width: 58%; right: 31%; top: auto; bottom: 9%;}
	.shield img { width: 100%;}
	.wirehome {bottom: 18%; width: 73%; right: 20%;}
	.wireimg { width: 54%; bottom: 12%;}
	.wireswrap .patterndiv {bottom: 10%;}
	.mcbsline {right: -35vw; bottom: 18%;}
	.fansdes {bottom: auto; left: 0; top: 15%; right: 0; margin: 0 auto; width: 80%; text-align: center;}
	.fansimg {right: 0; width: 58%; left: 0; margin: 0 auto;}
	.fanswrap .horizonline { bottom: 10%; width: 50%;}
	/*.svggroup {right: 0; top: 2%; width: 100%;}*/
	.slide2 {display: none;}
	.slide4 {left: 0; width: 255vw;}
	.borderbtn {font-size: 13px;}
	.pipedes h2 br, #switches h2 br, .wiresdes h2 br, .mcbdes h2 br { display: block;}
	.abtvideo-des h2 {font-size: 32px;}
	.productDisplay .productHolder {margin-right:0;}
	#other_Cat .d-flex .Cat_container {
    margin-right: 0; min-width: 100%; height: auto;}
	#other_Cat .d-flex .Cat_container h6 {bottom: 25px; left: 25px; width: 60%;}
	#other_Cat .d-flex .Cat_container img {width: 100%;}
	#other_Cat h5 {font-size: 32px;}
	#mainProduct .productDescription .highlight_para {width: 100%;}
	.form-check-input {margin: 0;}
	.form-check {padding: 5px 0;}
	/*.filterleft {padding-left: 10px;}*/
	#subSubCategories label, .form-check-label {padding-left: 25px;}
	.svggroup .circle {width: calc(20px + 82%); height: calc(20px + 45.876%); transform: translate(-50%,7%);}
	.scrolldown{bottom: 70px;}

	.trendingwrap {padding-bottom:40px;}
	.scrolldwn img{width:18px;}
	.secpanel {padding: 40px 0 25px;}
}
@media (max-width: 480px) {
	.abtvideo-block { max-width: 75%;}
	.page-des { width: 95%;}
	.page-banner .container { width: 100%;}
	.owl-item:before, .owl-item:after{ display: none;}
	.values-panel {padding: 80px 0;}
	.intro-block {max-width: 85%;}
	.valuescol { display: block; padding: 20px 0;}
	.trendslider.owl-carousel .owl-item:before {content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0;
    width: 100%; height: 60%; background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 6 10 / 69%) 43%);}
	.slide4 {left: 0; width: 260vw;}
	.pipedes { width: auto;bottom: 10%;}
	.trendslider-caption { padding: 0 25px 25px;}
	/*span.slide-circle {width: 16px; height: 16px;}*/
	#home-auto h2, #led-lights h2, #switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2, #home-protect h2 {font-size: 40px;}
	.sec-intro-block, .wiresdes, .mcbdes, .hmappdes {top: 15%;}
	#home-auto .sec-intro-block {width: 65%;}
	.hmbanner-first-slide h2 {max-width: 196px;}
	.light-progress-bar {right: 0px;}
	.appear-border{padding: 40px 25px; width: 220px; margin-right: -110px;}
	.horzline {width: calc(100% - 110px);}
	.wirehome {width: 76%; bottom: 19%;}
	.wireimg { width: 55%; bottom: 14%;}
	.trendslider h4 {bottom: -14%;}
	.home-autoline svg {right: 2%;}
	#home-auto h2, #led-lights h2, #switches h2, .panel h2, #home-protect h2 {padding-bottom: 20px;}
	.mobdropdown ul li a br { display: none;}
	.mobdropdown li a img { margin: 0 8px 0 0; width: 22px; height: 22px;}
	.mobdropdown li { padding: 6px 0;}
	#subSubCategories .breadcrumb-block { margin-bottom: 30px;} 
	.topheader { display: block;}
	#subSubCategories .productHolder { min-width: 100%;}
	.latestcol .mediades {padding-bottom: 20px;}
    .mobdropdown ul{flex-direction: column;}
    .mobdropdown ul li{width: 100%;}
    .mobdropdown ul li a{text-align:left;}
	.mobdropdown ul li a img{display: inline-block;}
	/*.svggroup .circle { width: 300px; height: 300px; top: 32%; right: 18%;}*/
	.fansimg {width: 48%;}
	.hmaboutbox {width: 90%; margin: 0 auto;}
	.hmbanner-second-slide h2 {font-size: 35px; padding-bottom: 0;}
	#switches .switchvdobg { width: 52vh; height: 42vh;}
	#switches .video-background {padding-top: 35%;}
	.leader-img {width: 100%;}
	.leader-des {padding: 60px 10px;}
}
@media (max-width: 414px) {
	#switches .switchvdobg {width: 40vh;height: 34vh;}
	/*#switches .switchvdobg {width: 45vh; height: 41vh;}*/
}
@media (max-width: 400px){
	.home-auto-connectbox {right: 24%; width: 24%; top: 49%;}
	.home-auto-redseclight {width: 24%; left: 20%; bottom: 37%;}
	/*span.slide-circle {width: 14px; height: 14px; bottom: 15%;}*/
	.home-autoline {top: 32%; height: 47%; right: -21%;}
	.home-autoline svg {right: 5%;}
	#home-auto h2, #led-lights h2, #switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2, #home-protect h2 {font-size: 36px;}
	.borderbtn{padding: 7px 17px;}
	.sec-intro-block .borderbtn{padding: 6px 17px;}
	#home-auto .sec-intro-block {width: 82%;}
	.appear-border{padding: 40px 30px; width: 200px; margin-right: -100px;}
	.horzline {width: calc(100% - 100px);}
	.hmbanner-second-slide .horzline svg {width: 278%; margin-left: -174%;}
	.shield{bottom: 13%;}
	.mcbsimg{bottom: 90px;}
	.mcbsline{bottom: 22%;}
	.trendslider h4 {font-size: 36px;}	
}
@media (max-width: 375px) and (min-height: 640px){
	#switches .switchvdobg {width: 37vh; height: 32vh;}
	#switches .video-background {padding-top: 52%;}
}
@media (max-width: 360px) {
	.pipedes {width: 65%;}
	.slide1 {left: -35%; width: 136vw;}
	.window {right: 25%;}
	.fansimg { width: 64%;}
	/*.svggroup .circle { right: 9%;}*/
	.sec-intro-block, .wiresdes, .mcbdes, .hmappdes {top: 15%;}
}
@media (max-width: 320px) {
	.hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2, #home-protect h2 {font-size: 32px;}
	.storebtn a {padding: 12px 8px; font-size: 10px; margin-right: 5px;}
	.storebtn a b {font-size: 10px;}
	.hmbanner-first-slide h2 {max-width: 174px;}
}
@media only screen and (min-height: 786px) and (max-width: 480px) and (orientation:portrait){
	.home-auto-connectbox {right: 28%; width: 23%; top: 50%;}
	.home-autoline {top: 29%;}
	.home-autoline svg {right: -10%;}
	.home-auto-redseclight {width: 21%; bottom: 37%;}
}
@media only screen and (max-height: 786px) and (orientation:landscape){
	.hmaboutbox{height: auto;}
}
@media only screen and (max-width : 375px) and (min-height : 767px) and (orientation : portrait) {
	.home-autoline {top: 32%;}
	.home-autoline svg {right: -3%;}
	.slide4 {left: 0; width: 302vw;}
	.appbtn-wrap {bottom: 12%;}
	.fansimg {width: 76%;}
	.fanswrap .horizonline{bottom: 13%;}
}
@media (max-height: 480px) {
	.home-autoline svg {right: 13%;}
	.home-auto-connectbox {width: 20%; top: 48%;}
	.home-auto-redseclight {width: 20%; left: 24%; bottom: 38%;}
	.fansimg {width: 46%;}
	.wirehome {bottom: 13%; width: 69%;}
	.wireimg {width: 48%; bottom: 7%;}
	.mcbsimg {bottom: 52px;}
	.trendslider h4 {bottom: -18%; font-size: 32px;}
	#home-auto h2, #led-lights h2, #switches h2, .hmbanner-first-slide h2, .hmbanner-second-slide h2, .panel h2, #home-protect h2 {font-size: 28px;}	
	.hmappimg {width: 84%;}
	.shield {width: 52%;}
	.sec-intro-block, .wiresdes, .mcbdes, .hmappdes {top: 18%;}
	.appbtn-wrap {bottom: 10%;}
	.fansdes{top:19%;}
	.slide4 {width: 211vw;}
	.pipedes {width: 72%;}
}


@media (max-width: 1199.98px) {
	#subSubCategories .productDescription h3{font-size:1.125rem}
	.productlist-g{margin-top: -30px;margin-left: -15px;margin-right: -15px;}
	.productlist-g > div{margin-top: 30px;padding-left: 15px;padding-right: 15px;}
	.navbar .nav-item {padding: 0;margin: 0 13px;}
	.resp-vtabs .resp-tabs-list li, .resp-vtabs li.resp-tab-active{font-size:var(--h1);padding: 8px 8px 8px 0;line-height: 1;}
	.resp-vtabs li.resp-tab-active{padding: 12px 0 12px 8px!important;font-size:calc(var(--h1) + 5px) !important;}
	.prdetls {margin-top: 8rem !important;}
	.breadcrumb-block {margin-bottom: 30px;}
	.product-feature-slider .owl-item .product-item {height: 450px;}
	.hmaboutwrap{height: auto;}
}
@media (max-width: 991.98px) {
	#subSubCategories .productDescription h3{font-size:1rem}
	.mediacol {padding: 15px 5px;}
	.productlist-g{margin-top: -20px;margin-left: -10px;margin-right: -10px;}
	.productlist-g > div{margin-top: 20px;padding-left: 10px;padding-right: 10px;}
	.explore-fans-panel {padding: 100px 0;}
	.resp-vtabs .resp-tabs-container {min-height: 45vh;}
	.resp-vtabs .resp-tabs-list li, .resp-vtabs li.resp-tab-active{font-size:var(--h3);}
	.resp-vtabs li.resp-tab-active{font-size:calc(var(--h3) + 5px) !important;}
	.productwrap-left {margin: 10px 10px 0 0;}
	.productimg2 {margin: 10px 0;}
	.filterwrap .sticky-left{position: static !important;}

}
@media (max-width: 767.98px) {
	#subSubCategories .productDescription h3{font-size:0.875rem;}
	#subSubCategories .productDescription p{font-size:0.75rem}
	#subSubCategories .productDescription .seprator{margin-bottom:0.875rem;}
	#subSubCategories .productHolder{border-radius:10px;}
	.mediacol {padding: 0;}
	.gridrow .mediades {width: 100%;padding: 25px 0px;}
	.gridrow .mediacol h5 {width: 100%;margin-top: 20px;}
	.cart-panel .table-responsive .table{font-size: 0.875rem;}
	.cart-panel .table td, .cart-panel .table th {padding: 0.375rem;}
	.cart-panel .table td[data-th="Websiteitemcode"] h4{font-size: 1rem;}
	.cart-panel .table td[data-th="Product"] img{width: 80px;height: 80px;object-fit: contain;}
	.filter_height {max-height: 210px;}
	#subSubCategories h5{font-size: 1rem;}
	.filterleft .mb-5{margin-bottom: 1.75rem !important;}
	.resp-tab-content {padding: 10px 0px 30px 0px;}
	.tabcontent{padding:0;}
	.productwrap-left {margin: 8px 8px 0 0;}
	.productimg2 {margin: 8px 0;}
	.productcolumn a {margin-top: 10px;}
	.productlist-g{margin-top: -12px;margin-left: -6px;margin-right: -6px;}
	.productlist-g > div{margin-top: 12px;padding-left: 6px;padding-right: 6px;}
	.productDescription .customColor {padding: 5px 13px !important;font-size: 14px;}

	#displayProduct .productDescription h3{font-size: 1rem;}
	#displayProduct .productDescription .seprator{margin-bottom:10px !important;}
	#displayProduct .productDescription .text-content{padding: 0 !important;}
	#displayProduct .productDescription{padding-bottom: 10px !important;}
	#displayProduct .imgHolder{position: relative;}
	#displayProduct .imgHolder:after{display: block;padding-top: clamp(120px, 100%, 230px);content: "";}
	#displayProduct .imgHolder img{object-fit: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 100%;height: 100%;}
	.resp-vtabs .resp-tabs-container {min-height: 1px;}
	.resp-vtabs .resp-tabs-list li, .resp-vtabs li.resp-tab-active{font-size:var(--h3);padding: 5px 0!important;}
}
@media (max-width: 575.98px) {
	#subSubCategories .productDescription h3{font-size:0.75rem;height: 31px;-webkit-line-clamp: 2;}
	#subSubCategories .productDescription p{font-size:0.7rem}
	#subSubCategories .productDescription .seprator,
	#subSubCategories .productDescription .customColor{margin-bottom:0.75rem;}
	#subSubCategories .productHolder{border-radius:6px;}
	#subSubCategories .imgHolder:before {padding-top: clamp(120px, 100%, 230px);}
	.productlist-g{margin-top: -6px;margin-left: -20px;margin-right: -20px;}
	.productlist-g > div{margin-top: 6px;padding-left: 3px;padding-right: 3px;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.owl-carousel .owl-item .hashnavcol img {
    height: auto !important;
}
.productimg img {
	height: auto;
}
}
@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
   .owl-carousel .owl-item .hashnavcol img {
    height: auto !important;
}
.productimg img {
	height: auto;
}
}