@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) {
.banner h2 { font-size: 72px; line-height: 74px;}     
.banner:after {  width: 256px; height: 408px; right: 30px; background-size: 100%;}   
.stepsWrap ul li{ text-align:center;}
.stepsWrap ul li span.number{ float: none; margin-right: 0;}
.stepsWrap ul li span.info{ float:none;}     
.stepsWrap ul li span.info{ float:none;}     
.footerBox.footerContact ul li{ font-size:15px; }  
.heroWrap .heroText{width: 70%;}   
.galleryWrap{ width:92%; }
}
 @media only screen and (max-width: 1200px) {
.banner h2 { font-size: 62px; line-height: 64px;}     
}
 @media only screen and (max-width: 1024px) {
     .heroWrap .heroText{width: 90%;} 
}
 @media only screen and (max-width: 959px) {
.banner h2 {  font-size: 42px; line-height: 50px;}  
.banner:after { width: 186px;  height: 302px;}  
.logo img{ width:280px;}
.formWrap{-webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.2);}
.footerBox {  width: auto;  margin: 0;  float: none; text-align: center;}     
.footerBox.footerContact { text-align: center;}     
.footerBox.footerAdd{ margin:20px 0;}     
.copyRight{ text-align: center;} 
.heroWrap .heroText{width: auto;}      
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
.stepsWrap .stepsInner { padding: 50px 40px;}
.stepsWrap ul { width: auto; text-align: center;}     
.stepsWrap ul li{ width: auto; display: block;}    
.stepsWrap ul li{ margin-bottom:30px;}
.stepsWrap ul li:last-child{ margin-bottom:0;}
.stepsWrap ul li span.info{ margin-top:0}
.stepsWrap ul li span.info br{ display:none;}     
.stepsWrap ul li span.number { font-size: 58px; line-height: 55px;}  
.stepsWrap ul li span.number span.step { top: -24px;}     
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
}
 @media only screen and (max-width: 600px) {
.banner h2 { font-size: 32px; line-height: 40px;}     
.banner:after { width: 146px; height: 237px;} 
.logo img { width: 260px;}  
.banner h2 { font-size: 24px; line-height: 28px;} 
.banner img.desktopBanner{ display: none;}
.banner img.mobileBanner{ display: block;}   
     
.topbanner img.desktopBanner{ display: none;}
.topbanner img.mobileBanner{ display: block;}  
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.logo img { width: 240px;}
.banner h2 { font-size: 22px; line-height: 24px;bottom: 10px;}
.galleryWrap .slick-prev.slick-arrow{ left: -26px;}
.galleryWrap .slick-next.slick-arrow{ right: -26px;}     
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
.banner:after{ right:10px;}     
.copyRight { padding-top: 10px; margin-top: 10px;} 
.footerBox.footerContact ul li { font-size: 14px;}
.footerBox.footerAdd p br{ display:none;}  
.logo img { width: 185px;}       
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) { 
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
.banner h2 { font-size: 15px; line-height: 20px;}     
}
 @media only screen and (max-width: 320px) {
}