/* ----------------------------------------------------------------
	Responsive AVer CSS
-----------------------------------------------------------------*/
@media (min-width: 2000px) {
	.mainBanner, .fullBanner {min-height: 1100px;}
	
}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1839.98px) {
.floating-box { width:25%;}
    #header.transparent-header.floating-header .container {
		}
	
	
}

@media (min-width: 1200px) and (max-width: 1550.98px)  { 
	#header.transparent-header.floating-header .container, #header.transparent-header.floating-header.sticky-header .container, #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { max-width: calc(100% - 30px); }
	
	
}

@media (min-width: 1200px)  { 
	.container{  max-width: var(--primary-container-width);}
	.landingCats .cats { max-width: calc(100% - 30px); }
	
	.portfolio-2 .portfolio-item {}
	
}


@media (max-width: 1199.98px) {
	
.floating-box { width:30%;}	

#primary-menu ul li > a {
	padding-left:11px; padding-right: 11px;}
	
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	
.floating-box { width:40%;}	
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont, .halfColorFeature.rgtLft [class*="col-"]:first-child .cont{ float:none !important; width:auto;}
	
}


@media (max-width: 991.98px) {
	.floating-box { width:40%;}	
	#header.transparent-header, #header.semi-transparent{ z-index: 8;}
	#header.transparent-header.floating-header {padding-top:0;}
	#header.transparent-header.floating-header .container{box-shadow: none; display: block;}
	#primary-menu{flex:none;}
	#logo {width:100%; height: 80px;}
	#logo img{ height:78px;}
	#primary-menu-trigger{top:15px;}
	#top-search a, #top-cart, #side-panel-trigger, #top-account {margin:30px 0;}
	#top-search form {height: 80px !important;}
	
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	
	
	

}


@media (max-width: 767.98px) {
.feaCont >h2{ font-size:24px;}
.portfolio-filter{padding:15px 0;  border-top: 1px solid #eee; width: 100%;}
.portfolio-filter li a { border-radius:50px !important;}
.content-wrap{padding:30px 0 20px 0;}
	
}


@media (min-width: 576px) and (max-width: 767.98px)  {
	
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {  height: 300px !important; }
	
	.resources ul li{border:none;}
	
	#footer .footer-widgets-wrap{display: -ms-block; display: -webkit-block; display: block;}
	.footer-widgets-wrap .fInfo{ flex:none; border-left:none; border-top:1px solid #eee;}
	#footer .footer-widgets-wrap .col_one_fourth.col_last{ margin-bottom:0 !important;}
	.footer-logo{ float:none; margin:0 0 10px 0;}
	.subscribe-widget{ width: 100%;}
	.footer-widgets-wrap .col_three_fourth.bg{ background-image:none; padding-right:0; width:100%;}
	
	
}

@media (max-width: 575.98px) {
	
	.mainBanner, .fullBanner {height: 500px;}
	
	.video-wrap {
  width: 100%;
  max-width: 800px; /* Optional constraint to prevent overstretching */
  margin: 0 auto;
}

.video-wrap video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Replaces older padding hacks to maintain proportions */
  object-fit: cover;    /* Crops and fills container seamlessly without distortion */
background-repeat: no-repeat;
  background-position: center;
  display: block;       /* Eliminates unwanted inline bottom spacing gaps */
}
	
	.landingCats:after, .prodCats:after{ display: block;}
	.prodCats .cats:before, .prodCats .cats:after{ display: none;}

	.container, #header.full-header .container, .container-fullwidth {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	

	.landingCats .cats { max-width: calc(100% - 30px); }
	.mouse-carousel-frame li.mouse-carousel-item { width: 50%;}
	.landingCats .cats{ top:-55px;}
	.catsLink .landingIcons li img{padding:0 5px 0 5px;}
	.catsLink .landingIcons h3{font-size:0.8rem;}
	
	ul.spaces {padding:25px 0 0 0;}
	ul.spaces li{ padding-bottom:25px;}
	
	/*Video slider*/
	/*
	.swiper_wrapper .slider-caption h2 { font-size: 2rem; }
	.swiper_wrapper .slider-caption p { font-size: 1rem; }*/
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {  height: 300px !important; }
	
	.mainBanner.swiper_wrapper:not(.force-full-screen), .mainBanner.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 490px !important;}	
	.mainBanner.swiper_wrapper .slider-caption h2 { font-size: 2.2rem; }
	.mainBanner.swiper_wrapper .slider-caption p { font-size: 1rem; }
	.mainBanner.swiper_wrapper .slider-caption h3{ font-size:1.5em;}
	
	
	
	 .breadcrumb{ display:none !important;}
	#primary-menu ul li.mega-menu.nav-Support .btnLiveChat >div{ height: 60px; width: 60px; font-size: 26px; padding-top: 5px;}
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat >div small{ font-size:12px; line-height: 18px; }
	
	#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column li img{ margin-top:15px; margin-left: 10px;}
	#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column > li section{margin-top:0; padding-top:0;}
	
	#primary-menu ul li.mega-menu.nav-Products ul.mega-menu-column.feature, #primary-menu ul li.mega-menu.nav-Support ul.mega-menu-column:first-child, #primary-menu ul li.mega-menu.nav-Company ul.mega-menu-column:first-child, #primary-menu ul li.mega-menu.nav-Company ul.mega-menu-column:last-child{ display:none !important;}
	#primary-menu >ul >li >ul.division{ width:auto;}
	
	#primary-menu ul li .mega-menu-content .menuWrap { border:0; box-shadow: none;}
	#primary-menu .row:has(ul.marketCat){margin-left:-30px;}
	#primary-menu ul.marketCat .overlay{ padding: 15px 13px;}
	
	.banner {top: 0px; margin-bottom: 0px;}
	#wrapper{overflow:hidden;}
	#header.sticky-header #top-quote-btn:before{ display: none;}
.pageVideo{ height:400px;}	
.pageVideo h2{ font-size:30px; }

.spec table.main th{ width:50%; padding: 20px 10px 30px 10px;  font-size:14px;}
.spec table.main th small{  padding: 15px 0 10px 0; font-size:18px;}
.spec table.main th big{font-size:28px;}
	
.spec table.specTable{ border:none; }
.spec table.specTable td, .spec table.specTable th{font-size: 0.55em}
	
	.portfolio-filter li { width: 33%;}
		

.fea h2, .fea.feaSmall h2{ font-size:1.8em; line-height: 1.1em; margin: 0; padding-bottom: 15px;}

	
.adv{ display:block;}
.adv .col-md-3:first-child{ flex:none;}
	
.resources ul li{border:none;}
	
.sectionLg{ padding:100px 0 100px 0;}
	
.halfColorFeature{  display: block;}
.halfColorFeature h2{ font-size:28px; }
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont, .halfColorFeature.rgtLft [class*="col-"]:first-child .cont{ padding:40px 40px; float:none; width:auto; text-align: center;}
.halfColorFeature.rgtLft [class*="col-"]:first-child .cont,  .halfColorFeature.lftRgt [class*="col-"].order-md-1 .cont{ float:none; }
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont,  .halfColorFeature.lftRgt [class*="col-"].order-md-2 .cont{ }

.halfColorFeature.lftRgt [class*="col-"]:first-child .feaImg, .halfColorFeature.rgtLft [class*="col-"]:last-child .feaImg, .halfColorFeature.rgtLft .col-md-6:first-child .feaImg,  .halfColorFeature.lftRgt [class*="col-"].order-md-2 .feaImg{float:none; width:auto; padding: 0 0 0 0; margin:0 45px 0 0; }
	
.feaCenterTxt{ width: auto; padding: 15px 15px 10px 15px;}
.feaCenterTxt >h2{ text-align:center; margin:30px 0 20px 0; font-size:30px; }

.feaTopBtmPad{ padding-top:60px; padding-bottom:40px;}	
.style2.feaTopBtmPad{padding-top:30px;}
	
#footer .footer-widgets-wrap{display: -ms-block; display: -webkit-block; display: block;}
	#footer .footer-widgets-wrap .col_one_fourth.col_last{ margin-bottom:0 !important;}
.footer-widgets-wrap .fInfo{ flex:none; border-left:none; border-top:1px solid var(--divider-color);}
.footer-logo{ float:none; margin:0 0 10px 0;}
#top-quote-btn{ float:none; margin:0 auto; text-align: center;}
.CTA { padding:30px 0; background-size:cover,cover;}
	
.subscribe-widget{ width: 100%;}
.footer-widgets-wrap .col_three_fourth.bg{ background-image:none; padding-right:0; width:100%;}
	
	
ul.logoHorizontal li { padding:2px 0; width:33.33%;}
ul.logoHorizontal li img{ padding: 0 5px;  }

	
	/******* responsive tabs ****/
	div.acctitle span{ height:80px; width:100%; display: block; }
	div.acctitle span img{position:relative;  bottom:-30%; height: 100px; left:60px;}
	
/**** for special message on top of landing banner *****/
	.bannerTopBar{ top:0px;}
	
	
	.floating-box { width:auto; margin:11px; padding:20px; bottom:20px; right: auto; opacity: 1; }

	.portfolio-selectionTool { margin-bottom: 15px; margin-left: 0;} 
	
	.landingCats .cats{top:-50px;}
	.mouse-carousel-frame {height: 200px;}
	.mouse-carousel-frame li.mouse-carousel-item { height: 100%;}
	.mouse-carousel-frame li.mouse-carousel-item img{width: 75%;  padding: 15px 15px 15px 15px;}
	.mouse-carousel-frame li.mouse-carousel-item h3{font-size:14px; }
	
	.roundBox{min-height: 150px;}
	
}

/* ----------------------------------------------------------------
	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) {
	
	blockquote.qStyle1{ background-image:url(../images-aver/bg-quote-start@2x.png);}
	body#DocCam blockquote.qStyle1, body#Pro-AV blockquote.qStyle1{ background-image:url(../images-aver/bg-quote-start2@2x.png);}	
	#footer {background-image: url(../images-aver/logo-e-l@2x.png);}
	  #footer > .container:before{ background-image:url(../images-aver/logo-e@2x.png);}

}

@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) {
	
}