/* ----------------------------------------------------------------
	Responsive AVer CSS - OEM/ODM Landing
-----------------------------------------------------------------*/
@media (min-width: 2500px) {
body#oem.landing .halfColorFeature .cont{min-height: 650px;}
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont, .halfColorFeature.rgtLft [class*="col-"]:first-child .cont{ width:860px;}
}
	
@media (min-width: 2000px) {
body#oem.landing .banner .bannerTitle {font-size:96px !important}
body#oem.landing .banner h3 {font-size:26px !important}
}

@media (min-width: 1200px) and (max-width: 1840px) {
body#oem.landing .banner {height:700px !important}
body#oem.landing .banner .bannerTitle {font-size:80px;  padding-top:40%;}
body#oem.landing .banner h3 {font-size:18px}
}

@media (max-width: 1199.98px) {
body#oem.landing .banner .bannerTitle {font-size:70px;}	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	
body#oem.landing .banner {height:500px !important}
body#oem.landing .banner .bannerTitle {font-size:70px;  padding-top:35%;}
body#oem.landing .banner br {display:none}
}


@media (max-width: 991.98px) {
body#oem.landing .banner .bannerTitle {font-size:60px;}
body#oem.landing .banner h3 {font-size:18px}
body#oem.landing .banner br {display:none}
    
/*What's new slider banner*/
body#oem.landing #whats-new-slider {position:relative;top:-60px}
body#oem.landing #whats-new-slider.swiper_wrapper {height:600px}
body#oem.landing #whats-new-slider .swiper-wrapper {height:600px}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide {position:relative;margin:0;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name {font-size:36px;font-weight:900;line-height:30px}
}


@media (min-width: 768px) and (max-width: 991.98px) {
/*Customer review*/
body#oem.landing #customer-review.topmargin.parallax {background-image:url(../images-aver/SIU/review-bg-3.jpg) !important}	
body#oem.landing #content #choose-size .feature-box.fbox-center {border:2px solid #fff;border-radius:50%;width:165px;height:165px}
    
}


@media (max-width: 767.98px) {
body#oem.landing .banner .bannerTitle {font-size:38px;}
body#oem.landing .banner h3 {font-size:16px;margin-top:0}
body#oem.landing .banner br {display:none}

    
/*What's new slider banner*/
body#oem.landing #whats-new-slider {position:relative;top:-60px}
body#oem.landing #whats-new-slider.swiper_wrapper {height:600px}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide {position:relative;margin:0;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body#oem.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name {font-size:36px;font-weight:900;line-height:30px}
    
/*Customer review*/
body#oem.landing #customer-review {padding-top:180px;background:url("../images-aver/SIU/siu-happy-customers-sm.jpg") no-repeat center top}
    
/*Video slider*/
body#oem.landing #oem-video-slider.siu-slider-parallax .slider-parallax-inner {width:100%}
body#oem.landing #oem-video-slider.swiper_wrapper .slider-caption .video-title {font-size:20px;line-height:22px}
body#oem.landing #oem-video-slider.swiper_wrapper .slider-caption .video-title-small {font-size:18px;padding-bottom:6px}

}

@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
body#oem.landing .banner{ background-size:auto 100% !important; background-position: center center !important;}
body#oem.landing .banner .titleWrap{padding-left: 0 !important; padding-right: 0 !important;}
body#oem.landing .banner .bannerTitle {font-size:38px; padding-top:45%;}
body#oem.landing .banner h3 {font-size:16px}
body#oem.landing .halfColorFeature .cont{min-height: auto;}
	
}

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {	

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	
}