/* ----------------------------------------------------------------
MD331UI CSS
-----------------------------------------------------------------*/

body#Pro-AV .banner h1, h2, h3, h4, h5{line-height: 1.25;margin: 0 0 25px 0;color:#272727; padding-bottom: 0px;}
body#Pro-AV .fea {
    margin-top: 80px;
	margin-bottom: 80px;
}

.specSec .tab-container {
    background: #e60012;
    padding: 60px 0 150px 0;
	color: #fff;}


body#Pro-AV.md331ui  .heroAni {animation:heroAni 1.5s ease-out 1}
body#Pro-AV.md331ui .banner.parallax {overflow: hidden !important; }


body#Pro-AV.md331ui .banner .container+.container {z-index:1;}
body#Pro-AV.md331ui  #hero-banner h1 {font-size:700%;font-weight:900;color:#000;margin-top:20%;}
body#Pro-AV.md331ui  #hero-banner h2 {font-size:150%;font-weight:600;color:#333;margin-top:-50px;line-height:1.5em;}





/* intro1 */
body#Pro-AV.md331ui  #hero-banner {background:url("../images-aver/products/md331ui/top-banner.jpg") no-repeat center top; background-size: cover; }
@keyframes heroAni {
    from {opacity:0;transform:translateY(100px)}
    to {opacity:1;transform:translateY(0)}
}

body#Pro-AV.md331ui #intro-section .intro-img {
    height: 500px;
    object-fit: cover;
    display: block; 
    width: 100%;
}

/* feature-1/4K Sensor PTZ Lens ******************************/
body#Pro-AV.md331ui #fea-4k-sensor{ position: relative;}
body#Pro-AV.md331ui #fea-4k-sensor .cont{position:absolute; left:15px; right:15px; top:0;}
body#Pro-AV.md331ui #fea-4k-sensor img{border-radius: 20px;}




/* feature-2/Flexible PTZ Control ******************************/


body#Pro-AV.md331ui .imgRound img {
    width: 100%; 
    height: auto; 
    object-fit: cover;
    border-radius: 20px; 
}


body#Pro-AV.md331ui #flexible-ptz h2 {
    margin-bottom: 20px;
    font-weight: 700;
}

body#Pro-AV.md331ui #flexible-ptz p {
    line-height: 1.6;
    color: #444;
}

/* feature-3/Dual Microphone System ******************************/


body#Pro-AV.md331ui .imgRound img {
    width: 100%; 
    height: auto; 
    object-fit: cover;
    border-radius: 20px; 
}


body#Pro-AV.md331ui #dual-microphone h2 {
    margin-bottom: 20px;
    font-weight: 700;
}

body#Pro-AV.md331ui #dual-microphone p {
    line-height: 1.6;
    color: #444;
}


/* feature-4/10W Integrated Speaker  ******************************/

body#Pro-AV.md331ui .integrated-speaker {
    background: #fff url("../images-aver/products/md331ui/fea-10w-integrated-speaker-bg.jpg") center top no-repeat; 
    background-size: cover; 
}

body#Pro-AV.md331ui .feaTxt { 
    width: 65%; 
    padding: 100px 40px 35px 40px; 
    text-align: center; 
    margin: 0 auto; 
}

body#Pro-AV.md331ui .feaTxt h2 { 
    margin-bottom: 17px; 
    line-height: 1.1; 
    margin-top: 0; 
}

body#Pro-AV.md331ui #integrated-speaker .feaTxt {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

body#Pro-AV.md331ui .external-mic-section {
    display: flex;
    position: relative;
    height: 800px; 
    margin-top: 2px;
    overflow: hidden;
    background-color: #000;
}

body#Pro-AV.md331ui .external-mic-section .fea-mic-1, 
body#Pro-AV.md331ui .external-mic-section .fea-mic-2, 
body#Pro-AV.md331ui .external-mic-section .fea-mic-3, 
body#Pro-AV.md331ui .external-mic-section .fea-mic-4 {
    width: 100%;
    position: absolute;
    height: 800px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

body#Pro-AV.md331ui .external-mic-section .fea-mic-1 {
    background-image: url("../../images-aver/products/md331ui/fea-10w-integrated-speaker-1.jpg");
    z-index: 1;
}

body#Pro-AV.md331ui .external-mic-section .fea-mic-2 {
    opacity: 0; 
    background-image: url("../../images-aver/products/md331ui/fea-10w-integrated-speaker-2.jpg");
    z-index: 2;
}

body#Pro-AV.md331ui .external-mic-section .fea-mic-3 {
    opacity: 0;
    background-image: url("../../images-aver/products/md331ui/fea-10w-integrated-speaker-3.jpg");
    z-index: 3;
}

body#Pro-AV.md331ui .external-mic-section .fea-mic-4 {
    opacity: 0;
    background-image: url("../../images-aver/products/md331ui/fea-10w-integrated-speaker-4.jpg");
    z-index: 4;
}

body#Pro-AV.md331ui .external-mic-section .fea-text {
    z-index: 10;
    position: absolute;
    top: 80px; 
    width: 80%;
    text-align: left;
	padding-top:80px;
}

body#Pro-AV.md331ui .external-mic-section .fea-text h2 {
    font-weight: 700;
}


/* feature-5/External Microphone Support   ******************************/
body#Pro-AV.md331ui #external-mic-support .text-center-wrapper {
    text-align: center;
}






/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 4001px) {

	
}
@media (min-width: 2001px) and (max-width: 4000px) {
	

	

    
}

@media (min-width: 2000px) {
	
	body#Pro-AV.md331ui #hero-banner { min-height:880px}


}

@media (min-width: 1200px) and (max-width: 1840px) {

	

	
}

@media (max-width:1680px) {
	
}

@media (max-width:1440px) {


    
}


@media (max-width: 1199px) {

	

}

@media (max-width:1024px) {

	
}


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

	
}


@media (max-width: 991px) {

    
}


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

    

	
}


@media (max-width: 767px) {

    


	
}


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



	

}

@media (max-width: 575px) {
	
body#Pro-AV.md331ui #hero-banner{ top: auto; margin-bottom: 0; height: 500px;}
body#Pro-AV.md331ui #hero-banner h1{ font-size: 400%; padding-bottom: 50px;}
body#Pro-AV.md331ui #hero-banner h2{font-size: 130%;}
body#Pro-AV.md331ui .feature {text-align:center}

	
body#Pro-AV .shortcuts .button-white {
        width: auto !important;
    
}	
	
.mobile-round-20 {border-radius: 20px; overflow: hidden; display: block;}
.mobile-round-20 img {display: block; width: 100%; height: auto;}
.mobile-container {padding-left: 40px; padding-right: 40px; margin-top: 50px;}

	



	
	
	
	
}