/* ----------------------------------------------------------------
	Responsive AVer CSS - Edu Landing
-----------------------------------------------------------------*/
@media (min-width: 2000px)  {	
body#ppd.landing #wrapper .banner .connect-better {font-size:96px !important}
body#ppd.landing #wrapper .banner h3 {font-size:22px !important}
/* distant learning banner */
body#ppd.landing.dl #wrapper .banner {height:75vh;background-image:url("../images-aver/PPD/edu-distant-learning-xl.jpg");background-position:0px -180px}
body#ppd.landing.dl #wrapper .banner .DL-title {padding-top:170px}
}

@media all and (min--moz-device-pixel-ratio:0) { @media (min-width:1920px) {body#ppd.landing #wrapper .banner {height:75vh;background-image:url("../images-aver/DL/edu-distant-learning-xl.jpg");background-position:center 0px}} }
@media all and (-moz-images-in-menus:0) { @media (min-width:1920px) {body#ppd.landing #wrapper .banner {height:75vh;background-image:url("../images-aver/DL/edu-distant-learning-xl.jpg");background-position:center 0px}} }

@media (min-width: 1839.98px)  {
/* body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption {transform: translateY(-83%);} */
}

@media (min-width: 1200px) and (max-width: 1839.98px) {
	
	.banner {height:700px !important}
body#ppd.landing #wrapper .banner .connect-better {font-size:80px; /*padding-top:90px !important;*/ padding-top:120px !important;}
body#ppd.landing #wrapper .banner h3 {font-size:18px}
	
/* distant learning banner */
body#ppd.landing.dl #wrapper .banner br {display:block}
body#ppd.landing.dl #wrapper .banner {height:75vh}
body#ppd.landing.dl #wrapper .banner .DL-title {font-size:48px;padding-top:100px}
body#ppd.landing.dl #wrapper .banner h3 {font-size:18px;margin-top:5px}
body#ppd.landing #wrapper .bottom-kid {padding-left:10px;position:absolute;bottom:10px;width:20vw;height:auto}   
}

@media all and (min--moz-device-pixel-ratio:0) { @media (max-width:1500.98px) {body#ppd.landing #wrapper .banner {background-position:center 0px}} }
@media all and (-moz-images-in-menus:0) { @media (max-width:1500.98px) {body#ppd.landing #wrapper .banner {background-position:center 0px}} }

@media (max-width: 1199.98px) {
	body#ppd.landing #wrapper .banner .connect-better {font-size:70px;/*padding-top:70px !important;*/ padding-top:110px !important;}	
	
body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption { transform: translateY(-63%);}


/* distant learning banner */
body#ppd.landing.dl #wrapper .banner {height:70vh;background-image:url("../images-aver/PPD/edu-distant-learning.jpg");background-position:center -100px}
body#ppd.landing.dl #wrapper .banner .DL-title {font-size:38px;padding-top:120px}
body#ppd.landing.dl #wrapper .banner h3 {font-size:18px;margin-top:5px}
body#ppd.landing.dl #wrapper .description-band {padding-top:25px;font-size:18px;line-height:1.2em}
body#ppd.landing.dl #wrapper .bottom-kid {padding-left:10px;position:absolute;bottom:10px;width:25vw;height:auto}	
}

@media all and (min--moz-device-pixel-ratio:0) { @media (max-width:1199.98px) {body#ppd.landing #wrapper .banner {height:70vh;background-image:url("../images-aver/DL/edu-distant-learning.jpg");background-position:center 0px}} }
@media all and (-moz-images-in-menus:0) { @media (max-width:1199.98px) {
	body#ppd.landing #wrapper .banner {height:70vh;background-image:url("../images-aver/DL/edu-distant-learning.jpg");background-position:center 0px}}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
body#ppd.landing #wrapper .banner .connect-better {font-size:70px;/*padding-top:70px!important;*/ padding-top:100px;}
body#ppd.landing #wrapper .banner br {display:none}
	
}


@media (max-width: 991px) {
body#ppd.landing #wrapper .banner .connect-better {font-size:60px;/*padding-top:60px;!important;*/ padding-top:90px !important;}
body#ppd.landing #wrapper .banner h3 {font-size:18px}
body#ppd.landing #wrapper .banner br {display:none}
	
/* Distant learning */
body#ppd.landing.dl #wrapper .banner {height:70vh}
	
}


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


}


@media (max-width: 767px) {
body#ppd.landing #wrapper .banner .connect-better {font-size:38px; /*padding-top:60px;!important;*/ padding-top:90px !important;}
body#ppd.landing #wrapper .banner h3 {font-size:16px;margin-top:0}
body#ppd.landing #wrapper .banner br {display:none}	
	
body#ppd.landing .rev_slider .tp-mask-wrap .tp-caption span{font-size:100% !important;}
.catsLink ul li:nth-child(odd){ background:#fff;}
.catsLink ul li:nth-child(3n+1){ background:#f7f5f5;}
	
body#ppd.landing #content h1{ font-size: 40px;}

body#ppd.landing .sectionRed [class*="col-"]{ border-bottom:1px solid #fff; border-left:none; padding-bottom: 40px;  margin-bottom: 20px;}
body#ppd.landing .sectionRed [class*="col-"] p{ padding-left:0px; padding-right:0px;}
body#ppd.landing .sectionRed [class*="col-"]:last-child{ border-bottom:none;}


body#ppd.landing .clientQuote{ background:url(../images-aver/PPD/bg-testi-shade.png) center 0 no-repeat, url(../images-aver/PPD/bg-testi.jpg) center 0 no-repeat; background-size:cover, cover; padding:80px 0 80px 0;}
.clientQuote .quote{ padding:30px 0px 0px 67px;}
.clientQuote .quote:before{  font-size:60px;  }
body#ppd.landing .clientQuote .quote p{ font-size:20px; }
body#ppd.landing .clientQuote .playBtn{ margin-top: 50px;}
	body#ppd.landing .caseStudies [class*="col-"]{ margin-bottom:1px;}


body#ppd.landing .lessons h1{ padding-left:15px; padding-right:15px;}


.whatsNew{ background:linear-gradient(90deg, rgba(39, 38, 36,0.9) 50%, rgba(39, 38, 36,0.9) 50%) , url(../images-aver/PPD/bg-whatsnew.png) left bottom no-repeat; background-size: auto, cover;}
.whatsNew h1{ text-align:center; padding-right:0px; color:#fff;}
.whatsNew .spost{ border:none; padding-top:15px; color:#fff; position:relative; margin-left: 0px;}
	
	
/*What's new slider banner*/
body#ppd.landing #whats-new-slider {bottom:-30px;}
body#ppd.landing #whats-new-slider.swiper_wrapper {height:900px}
body#ppd.landing #whats-new-slider .swiper-wrapper {height:900px}
body#ppd.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#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption {left:35px;margin-top:-10px}
body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name {font-size:26px;font-weight:900}

/*Video slider*/
body#ppd.landing #ppd-video-slider.ppd-slider-parallax .slider-parallax-inner {width:100%}
body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption .video-title {font-size:20px;line-height:22px}
body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption .video-title-small {font-size:18px;padding-bottom:6px}

	
}


@media (min-width: 576px) and (max-width: 767px) {
	body#ppd.landing #wrapper .banner .connect-better {font-size:38px}
body#ppd.landing #wrapper .banner h3 {font-size:16px}
	
	body#ppd.landing .rev_slider .tp-mask-wrap .tp-caption span{font-size:100% !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption{ top:10% !important; margin-top:0px !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name{ font-size:26px; line-height: 1em !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name span{display:block;}
	
	body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption{top:17% !important; margin-top:0 !important;  transform: translateY(0);}
}

@media (max-width: 575px) {
	body#ppd.landing #wrapper .banner .connect-better {font-size:38px}
body#ppd.landing #wrapper .banner h3 {font-size:16px}
	
body#ppd.landing .rev_slider .tp-mask-wrap .tp-caption span{font-size:100% !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption{ top:10% !important; margin-top:0px !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name{ font-size:26px; line-height: 1em !important;}
	body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-slide .slider-caption .whatsnew-name span{display:block;}
	
	body#ppd.landing #ppd-video-slider.swiper_wrapper .slider-caption{ top:16% !important; margin-top:0 !important;  transform: translateY(0); }
 
	
/* distant learning banner */
body#ppd.landing.dl #wrapper .banner {height:70vh}
body#ppd.landing.dl #wrapper .banner .DL-title {font-size:28px;padding-top:65px}
body#ppd.landing.dl #wrapper .banner h3 {font-size:18px;margin-top:5px}
body#ppd.landing #wrapper .description-band {padding:25px 0;font-size:15px;line-height:1.2em}
body#ppd.landing #wrapper .bottom-kid {padding-left:10px;position:absolute;bottom:10px;width:40vw;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) {
	
}