/* ----------------------------------------------------------------
	Responsive AVer CSS - Bus Landing
-----------------------------------------------------------------*/
@media (min-width: 2000px) {
body#siu.landing .banner {width:100%;height:1048px;background:url(../images-aver/SIU/banner-2022-xl.jpg) #2354dd no-repeat center;background-size:cover;top:0;margin-bottom:0;padding-bottom:0;padding-top:450px}
body#siu.landing #wrapper .banner .connect-better {font-size:96px !important}
body#siu.landing #wrapper .banner h3 {font-size:22px !important}
}

@media (min-width: 1200px) and (max-width: 1840px) {
body#siu.landing .banner {height:580px;padding-top:250px}
body#siu.landing #wrapper .banner .connect-better {font-size:60px}
body#siu.landing #wrapper .banner h3 {font-size:17px}

}

@media (max-width: 1199px) {
body#siu.landing #wrapper .banner .connect-better {font-size:60px}	
  
}

@media (min-width: 992px) and (max-width: 1199px) {
body#siu.landing .banner {height:500px;padding-top:190px}
body#siu.landing #wrapper .banner .connect-better {font-size:60px}
body#siu.landing #wrapper .banner br {display:none}
}

@media (max-width: 991px) {
body#siu.landing .banner {height:500px;padding-top:190px}
body#siu.landing #wrapper .banner .connect-better {font-size:60px}
body#siu.landing #wrapper .banner h3 {font-size:18px}
body#siu.landing #wrapper .banner br {display:none}
    
/*What's new slider banner*/
body#siu.landing #whats-new-slider {position:relative;top:-60px}
body#siu.landing #whats-new-slider.swiper_wrapper {height:600px}
body#siu.landing #whats-new-slider .swiper-wrapper {height:600px}
body#siu.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#siu.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body#siu.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: 991px) {
/*Customer review*/
body#siu.landing #customer-review.topmargin.parallax {background-image:url(../images-aver/SIU/review-bg-3.jpg) !important}	
body#siu.landing #content #choose-size .feature-box.fbox-center {border:2px solid #fff;border-radius:50%;width:165px;height:165px}   
}

@media (max-width: 767px) {
.catsLink ul li:nth-child(odd) {background:none;}
.catsLink ul li:nth-child(3n+1) {background:#f7f5f5;}
body#siu.landing #wrapper .banner .connect-better {font-size:38px}
body#siu.landing #wrapper .banner h3 {font-size:16px}
body#siu.landing #wrapper .banner br {display:none}
    
/*Choose size*/
.toppadding {padding-top:30px}
.room-size-short {font-size:42px}
body#siu.landing #content #choose-size {padding-bottom:80px}
body#siu.landing #content #choose-size h4 {font-size:26px}
body#siu.landing #content h5 {font-size:28px;padding-top:5px}
body#siu.landing #content h5 span.participants {font-size:18px;padding-bottom:50px}
    
/*What's new slider banner*/
body#siu.landing #whats-new-slider {position:relative;top:-60px}
body#siu.landing #whats-new-slider.swiper_wrapper {height:600px}
body#siu.landing #whats-new-slider .swiper-wrapper {height:600px}
body#siu.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#siu.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body#siu.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name {font-size:36px;font-weight:900;line-height:30px}
    
/*Customer review*/
body#siu.landing #customer-review {padding-top:180px;background:url("../images-aver/SIU/siu-happy-customers-sm.jpg") no-repeat center top}
    
/*Video slider*/
body#siu.landing #siu-video-slider.siu-slider-parallax .slider-parallax-inner {width:100%}
body#siu.landing #siu-video-slider.swiper_wrapper .slider-caption .video-title {font-size:20px;line-height:22px}
body#siu.landing #siu-video-slider.swiper_wrapper .slider-caption .video-title-small {font-size:18px;padding-bottom:6px}
	
/*Microsoft Teams*/
body#siu.landing #ms-teams {height:580px;padding-top:50px}
body#siu.landing .ms-logo {background:#fff;border-radius:50%;width:140px;height:140px;padding-top:25px}
body#siu.landing .ms-logo img {width:90px;height:90px}
body#siu.landing .ms-texts {text-align:center;padding-right:0}
}

@media (min-width: 576px) and (max-width: 767px) {
body#siu.landing #wrapper .banner .connect-better {font-size:38px}
body#siu.landing #wrapper .banner h3 {font-size:16px}	
.floating-box {width:auto;margin:11px;padding:20px;bottom:20px}
.floating-box {right:auto}	
}

@media (max-width: 575px) {
body#siu.landing .banner {height:560px; background:url(../images-aver/SIU/banner-2022-xs.jpg) #2354dd no-repeat center;background-size:cover;padding-top:85px}
body#siu.landing #wrapper .banner .connect-better {font-size:38px}
body#siu.landing #wrapper .banner h3 {font-size:16px}

body#siu.landing #proav-video-slider.swiper_wrapper .slider-caption { top:20% !important;}	
}

/* ----------------------------------------------------------------
	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) {
	
}

