/************************
		slide
*************************/
span.title {
    color: #fff;
}

p.content {
  color: #fff;
  }


.slick-dots li button:before {font-size: 16px!important;width: 6px!important;height: 6px!important;}
.slick-dots li button {width: 6px!important;height: 6px!important;}

.slick-track a {
    font-size: inherit;
}

/*****************/
@media only screen and (min-width: 992px) {
.videoslide-item-inner-wrapper>div {
    height: 100%;
    display: table;
  }
  
span.subtitle {
    font-size: 28px;
    line-height: 70px;
    color: #fff;
    font-weight: 700;
    }
  
span.title {
    font-size: 50px;
    line-height: 60px;
    }
  
p.content {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 25px;
    }

.content-div {
    /* width: 55%!Important; */
}}



/*****************/
@media only screen and (min-width: 768px) and (max-width: 992px){
.sppb-carousel-pro-text {width: 78%;}
.title {font-size: 35px;line-height: 40px;}
.content {font-size: 14px;line-height: 24px;}
.subtitle {font-size: 22px;line-height: 50px;color: #fff;font-weight:700;}
.videoslide-item-inner-wrapper>div {
    height: 75%;
    display: table;
  }
.videoslide-btn{margin-top:30px!important;}  
}



/*****************/
@media only screen and (max-width: 600px) {
.videoslide-item-inner-wrapper>div {
    height: 100%;
    display: table;
  }
.slick-slide img {padding-top: 0;}
  .subtitle {font-size: 18px;color: #fff;font-weight: 700;line-height: 35px;}
}



/*****************/
@media screen and (max-width: 546px){
.content, .slick-track a {font-size: 14px;line-height: 22px;}
.videoslide-btn{margin-top:30px!important;} 
.videoslide-pro-text {padding: 5%;background: #ffffffa1;}
.title {font-size: 26px;line-height: 30px;}
}



/*small desktop*/
@media (min-width: 1024px) and (max-width: 1199px){
.homepage-video-banner {
    max-height: 550px;
}}



/**/