@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.navigation .leftMenu, .navigation .leftMenu .custom, .navigation .leftMenu img{ height:100%;}
.productlistWrap .productBox .productInfo h3{ font-size:13px;}
.productlistWrap .productBox .productInfo { min-height: 100px;}
.navigation .rightMenu nav ul.topMenu li a { font-size: 22px;  line-height: 42px;}
}
 @media only screen and (max-width: 1200px) {
}
 @media only screen and (max-width: 1024px) {
.homeTab .homeTabinner,.contactWrap { width: 90%;}
.productlistWrap,.aboutWrap { width: auto;}
}
 @media only screen and (max-width: 959px) {
header.active .menuBtn.whiteMenu a{color: #383938; }
.banner { padding: 130px 0 30px 0;}
.banner ul { width: 92%;}     
.banner ul li .productImg { margin-right: 4%;}
.banner ul li .prducttag {     width: 34%;}
.downArrow { margin: 40px 0 0 0;}
.homeTab .homeTabinner, .contactWrap{ width: auto;}        
.navigation .leftMenu{ display:none;}     
.navigation .rightMenu nav { padding: 130px 0 0 30px;}     
.navigation .rightMenu {  width: 40%;right: -41%;} 
.productlistWrap .productBox .productInfo h3 {font-size: 13px; line-height: 16px; margin-bottom: 8px;}
.innerBanner h1.pageHeading img { width: 200px;}     
.innerBanner h1.pageHeading{ top:46%;}     
.bottomWrap .bottomRight .bottomLinks .quicklink { width: 32%;}     
.banner ul li .prducttag h2 { font-size: 34px; line-height: 36px; margin-bottom: 20px;}   

}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
 .productlistWrap .productBox .productInfo { min-height: 110px;}    
 .getintouchWrap .inputBox input,.getintouchWrap .inputBox textarea { width: 91%;}
.brandLogoWrap ul li { width: 30.8%;}     
}
 @media only screen and (max-width: 753px) {
 .homeTab .heroContent br{ display:none;}
}
 @media only screen and (max-width: 736px) {
.homeTab .heroContent { text-align: center; margin: 40px 0 20px 0;}     
.pagedata { margin: 40px 0;}     
.navigation .rightMenu nav { padding: 60px 0 0 10px;}     
}
 @media only screen and (max-width: 711px) {
.contactWrap .addWrap.firstWrap {  width: 48%;}
.contactWrap .addWrap p.add br{ display:none;}
.contactWrap .addWrap {width: 26%;}     
.getintouchWrap .inputBox input, .getintouchWrap .inputBox textarea { width: 89%;}     
.resp-tabs-container { margin-bottom: 40px;}
.aboutWrap h2{ margin-bottom: 20px; padding-bottom: 20px;}
.aboutWrap .aboutGallery {  margin: 20px 0 30px 0;}   
.innerBanner h1.pageHeading {font-size: 38px; line-height: 40px;}
.contactWrap .addWrap { font-size: 13px;}     
.bottomWrap { padding: 30px 0;}     
}
 @media only screen and (max-width: 640px) {
.banner ul li .productImg { margin-right: 0; width: auto; float: none;}     
.banner ul li .prducttag { width: auto; float: none; margin-top: 20px;}    
.resp-tabs-container .tabContent .tabRight { width: auto; float: none; text-align: left;}     
.resp-tabs-container .tabContent .tabLeft {width: auto; float: none; margin-top: 20px;}     
.viewMore { margin-top: 26px;}     
.productlistWrap .productBox { width: 48%;}     
.aboutWrap .aboutGallery ul li { width: 48%; margin: 0 1% 10px 1%;}  
.bottomWrap .bottomLeft { width: 27%;}
.bottomWrap .bottomRight { width: 73%;}     
.bottomWrap .bottomLeft { width: auto; float: none; text-align: center; margin-bottom: 20px;}     
.bottomWrap .bottomRight { width: auto; float: none; text-align: center;}     
.copyRight { width: auto; float: none; text-align: center;}    
.footerLink { width: auto; float: none; text-align: center; margin: 5px auto;} 
.designBy { width: auto; float: none;  text-align: center;}     
.navigation .rightMenu {width: 56%;  right: -57%;}
}
 @media only screen and (max-width: 600px) {
.innerBanner h1.pageHeading img { width: 140px;}     
.productlistWrap .productBox .productInfo .productDesc { line-height: 16px;}     
.contactWrap .addWrap, .contactWrap .addWrap.firstWrap { width: auto; float: none; margin-bottom: 20px;}     
.contactWrap h2 {padding-bottom: 0px; margin-bottom: 10px;}     
.getintouchWrap .inputBox {width: auto; float: none;}     
.getintouchWrap .inputBox input, .getintouchWrap .inputBox textarea { width: 94%;}     
.getintouchWrap h2{ margin-bottom:30px;}
}

 @media only screen and (max-width: 569px) {
     ul.resp-tabs-list li{    width: 49.5%;}     
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.navigation .rightMenu { width: 60%; right: -61%;}   
.brandLogoWrap ul li { width: 47.5%;}     
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
.productlistWrap .productBox { width: auto; float: none;}     
.productlistWrap .productBox .productInfo {  min-height: 10px; padding: 15px 10px;}     
.productlistWrap .productBox .productInfo h3 { font-size: 14px; line-height: 18px;}   
.innerBanner img.mobileBanner{ display:block}
.innerBanner img.desktopBanner{display:none}     
.getintouchWrap .inputBox input, .getintouchWrap .inputBox textarea { width: 91%;}     
.navigation .rightMenu nav ul.topMenu li a { font-size: 17px;  line-height: 28px;}     
.aboutWrap .aboutGallery ul li { width: auto; margin: 0 0 10px 0;}     
.aboutWrap h2 { margin-bottom: 10px; padding-bottom: 10px;}   
.getintouchWrap { margin: 30px 0 0 0;} 
.brandLogoWrap ul li { width: 47.4%;}     
}
 @media only screen and (max-width: 414px) {
}
 @media only screen and (max-width: 412px) {
.navigation .rightMenu nav ul.topMenu li a {font-size: 18px;line-height: 32px;}
.navigation .rightMenu nav {padding: 60px 0 0 10px;}
.navigation .rightMenu { width: 70%; right: -71%;}
}
 @media only screen and (max-width: 400px) {
     .brandLogoWrap ul li { width: 80%; float: none;      margin: 0 auto 20px auto;}
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
.getintouchWrap .inputBox input, .getintouchWrap .inputBox textarea { width: 88%;}     
     
}