/* ----------------------------------------------------------------
	Responsive AVer CSS - Landing PTZ
-----------------------------------------------------------------*/
@media (min-width: 2000px) {
body.landing .banner .stream-better {font-size:96px !important}
body.landing .banner h3 {font-size:26px !important}
	
	body.landing .banner h1{  font-size:80px;  padding:60px 20px 10px 20px; }
	body.landing .banner h4{ font-size:30px;padding:0px 20px 25px 20px; }
	
	
	 .clientWrap.container{ }
	
}

@media (min-width: 1200px) and (max-width: 1840px) {
	.banner {height:700px !important}
body.landing .banner .stream-better {font-size:80px;padding-top:90px !important}
body.landing .banner h3 {font-size:18px}
	
.roundBox.feature-prod1 img, .roundBox.feature-prod2 img, .roundBox.feature-prod3 img {height:500px;}
.roundBox.feature-clients img{}

}


@media (max-width: 1199.98px) {
	body.landing .banner .stream-better {font-size:70px;padding-top:70px !important}	
	body.landing .banner .overSub .prod{ width: 65%;}
	body.landing .banner .overSub .overCont{}
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {

body.landing .banner h1 {font-size:70px;padding-top:70px}
body.landing .banner br {display:none}
	
	
	
}


@media (max-width: 991.98px) {
body.landing .banner .connect-better {font-size:60px;padding-top:60px}
body.landing .banner h3 {font-size:18px}
body.landing .banner br {display:none}
	
}


@media (min-width: 768px) and (max-width: 991.98px) {
	body.landing .banner .stream-better{  font-size:45px;  padding: 40px 0 15px 0; }
body.landing .banner h1 strong{ }
	body.landing .banner h4{ font-size:20px;}
	
}


@media (max-width: 767.98px) {
body.landing .banner .stream-better {font-size:38px;padding-top:60px}
body.landing .banner h3 {font-size:16px;margin-top:0}
body.landing .banner br {display:none}
/*What's new slider banner*/
body.landing #whats-new-slider {bottom:-30px}
body.landing #whats-new-slider.swiper_wrapper {height:900px}
body.landing #whats-new-slider .swiper-wrapper {height:900px}
body.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.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name {font-size:26px;font-weight:900}

.roundBox.feature-general.v2, .roundBox.feature-general.v2 img{min-height:inherit; height:auto;}

	
/*Video slider*/

body.landing #video-slider.swiper_wrapper .slider-caption .video-title {font-size:27px;line-height:1.1;}
body.landing #video-slider.swiper_wrapper .slider-caption .video-title-small {font-size:1rem; font-weight: normal; padding-bottom:6px}
	
}


@media (min-width: 576px) and (max-width: 767.98px)  {
	body.landing .banner .stream-better {font-size:38px}
body.landing .banner h3 {font-size:16px}


}

@media (max-width: 575.98px) {
.breadcrumb{ display:none;}
.bannerSub .container{padding:25px 0px; }
body.landing .banner .stream-better {font-size:38px}
body.landing .banner h3 {font-size:16px}
	
.roundBox.feature-prod1 img, .roundBox.feature-prod2 img, .roundBox.feature-prod3 img {height:300px;}
.roundBox.feature-clients {min-height: 170px; height:170px; padding-bottom: 40px;}
.roundBox.feature-general img{height:200px;}


.promotion li:nth-last-child(2){}

.roundBox .title{ padding-top:40px; padding-left:30px;}
.roundBox .title h2{font-size: 35px;}
.roundBox .title h4{font-size: 14px; width:90%;}
	.roundBox .title h2 .label {top: 3px;
    right: -35px;
    background-size: 30px auto;
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;}

	
	body.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption{ top:10% !important; margin-top:0px !important;}
	body.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name{ font-size:26px; line-height: 1em !important;}
	body.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name span{display:block;}
	
	.clients-grid li, .testimonials-grid li{ padding:0;}
	

body.landing .banner .overSub{  font-size:20px;   z-index:5; }
body.landing .banner .overSub .overCont{ }

body.landing .banner .overSub .prod img{ width: 75%;   }
.desc{padding:45px 0 0 0;}
	
body.landing #slider.swiper_wrapper .slider-caption .video-title, body.landing #slider.swiper_wrapper .slider-caption h2 {font-size:33px; line-height: 33px;}

	
body.landing .softwares{  }
body.landing .softwares h4{  margin-top: 8px;  font-size:0.7em;}
body#Pro-AV .softwares.clients-grid li{ margin-bottom: 5px;}	
body#Pro-AV .softwares.clients-grid li small{ font-size:65%;}	
	
body.landing #wrapper{ background-size: 100%; background-position:center top -160px;}
	
body.landing .supports{  background-size:cover;}

/*Video slider*/

body.landing #video-slider.swiper_wrapper .slider-caption .video-title-small {padding:0 50px 20px 50px;}	

#all-products .portfolio-item { min-height:auto; padding-bottom: 15px;}

}

/* ----------------------------------------------------------------
	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) {

	
}