/*-----------------------------------------------------------------------------
REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT
Screen Stylesheet
version: 1.0
date: 26/06/12
author: themepunch
email: support@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*********************************************************************************************
- SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESPONSIVE -
**********************************************************************************************/
/* - THE BANNER CONTAINER (Padding, Shadow, Border etc. ) - */
.banner{
width:100%;
height:350px !important;
position:relative;
overflow:hidden;
margin:0 auto;
}
/* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */
@media only screen and (max-width : 1024px) {
.banner{width:100%; height:527px !important;}
.tp-caption.video_box {background:url(../images/slideshow/sld_video.png) no-repeat; background-size: 668px 398px;}
.tp-caption.video_box iframe {left:104px!important; top:26px !important;}
.tp-caption.video_box2 {width:100%!important; height:100%!important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner{width:100%; height:351px !important;}
.banner li h1 {font-size:24px; padding: 5px 18px 0px 18px !important; margin-bottom:10px !important;}
.banner li h2 {font-size:18px; padding: 5px 18px 0px 18px !important; margin-bottom:10px !important;}
.banner li h4 {font-size:16px; padding: 0px 16px 0px 16px !important; margin-bottom:5px !important;}
.tp-caption.video_box {background:url(../images/slideshow/sld_video.png) no-repeat; background-size: 498px 297px; margin-top:-20px}
.tp-caption.video_box iframe {left:78px!important; top:18px !important; height:213px !important;}
.text_slide1 {display:none;}
.caption.heading-media {margin-top:55px; position:relative;}
.caption.heading-media2 {margin-top:-65px; position:relative;}
.caption.heading-media3 {margin-top:-40px; position:relative;}
.caption.heading-media4 {margin-top:-15px; position:relative;}
.caption.heading-media5 {margin-top:10px; position:relative;}
.caption.heading-media6 {margin-top:35px; position:relative;}
.caption.heading-media7 {margin-top:-10px; position:relative;}
.caption.heading-media8 {margin-top:68px; position:relative;}
.caption.heading-media9 {margin-top:88px; position:relative;}
.caption.btn-media {margin-top:-70px; position:relative;}
.caption.btn-media2 {margin-left:-40px; position:relative;}
.caption.btn-media3 {display:none;}
.banner li .big-heading-overlay {font-size:38px; padding:11px 18px 0px 18px !important;}
.banner li .big-heading-overlay p{margin-bottom:15px !important;}
.tp-caption.heading_green p {font-size:14px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner{width:100%; height:273px !important;}
.banner li h1 {font-size:20px; padding: 5px 18px 0px 18px !important; margin-bottom:10px !important;}
.banner li h2 {font-size:14px; padding: 3px 16px 0px 16px !important; margin-bottom:6px !important;}
.banner li h3 {font-size:14px; padding: 0px 13px 0px 13px !important; margin-bottom:3px !important;}
.banner li h4 {font-size:12px; padding: 0px 16px 0px 16px !important; margin-bottom:5px !important;}
.tp-caption.video_box {background:none !important;}
.tp-caption.video_box iframe {left:-16px!important; top:-12px !important; width:400px !important; height:224px !important;}
.text_slide1 {display:none;}
.caption.heading-media {margin-top:85px; margin-left:-37px; position:relative;}
.caption.heading-media2 {margin-top:-65px; position:relative;}
.caption.heading-media3 {margin-top:-40px; position:relative;}
.caption.heading-media4 {margin-top:-15px; position:relative;}
.caption.heading-media5 {margin-top:10px; position:relative;}
.caption.heading-media6 {margin-top:35px; position:relative;}
.caption.heading-media7 {margin-top:-26px; position:relative;}
.caption.heading-media8 {margin-top:55px; position:relative;}
.caption.heading-media9 {margin-top:98px; position:relative;}
.caption.heading-media10 {margin-left:-20px; position:relative;}
.caption.btn-media, .caption.btn-media2, .caption.btn-media3, .caption.btn-media4 {display:none;}
.banner li .big-heading-overlay {padding:7px 14px 0px 14px !important;}
.banner li .big-heading-overlay p{margin-bottom:11px !important;}
.tp-caption.heading_green p {font-size:14px;}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.banner{width:100%; height:190px !important;}
.banner li h1, .banner li h2, .banner li h3, .banner li h4 {font-size:13px; padding: 0px 11px 0px 11px !important; margin-bottom:3px !important;}
.tp-caption.video_box {background:none !important;}
.tp-caption.video_box iframe {left:-35px!important; top:-10px !important; width:280px !important; height:157px !important;}
.text_slide1 {display:none;}
.caption.img-media, .caption.img-media2 {margin-left:70px; position:relative;}
.caption.heading-media {display:none;}
.caption.heading-media2 {margin-top:-75px; position:relative;}
.caption.heading-media3 {margin-top:-50px; position:relative;}
.caption.heading-media4 {margin-top:-25px; position:relative;}
.caption.heading-media5 {margin-top:0px; position:relative;}
.caption.heading-media6 {margin-top:25px; position:relative;}
.caption.heading-media7 {margin-top:-38px; margin-left:5px; position:relative;}
.caption.heading-media8 {margin-top:95px; position:relative;}
.caption.heading-media9 {display:none;}
.caption.heading-media10 {margin-left:-200px; margin-top:-20px; position:relative;}
.caption.btn-media, .caption.btn-media2, .caption.btn-media3, .caption.btn-media4 {display:none;}
.banner li .big-heading-overlay {padding: 0px 11px 0px 11px !important;}
.banner li .big-heading-overlay p{margin-bottom:3px !important;}
.tp-caption.heading_green p {font-size:11px;}
}