/************************
		slide
*************************/
span.title {
    /* font-family: 'Lato'; */
    color: #fff;
    font-weight: 900;
    /* text-shadow: 1px 2px 10px #1a659b; */
}

p.content {
  color: #fff;}


.slick-dots li button:before {font-size: 16px!important;width: 10px!important;height: 10px!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: 28px;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: 900;
    }

.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: 18px;line-height: 24px;font-weight: 900;}
.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: 45%;
    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;}
}


.slick-dots {
    left: 0;
    width: 90px;
    top: -25%;
    margin: auto;
    height: 30px;
}

@media (min-width: 768px) and (max-width: 991px){
.slick-dots {
    left: -18px;
    width: 90px;
    top: -25%;
    margin: auto;
    height: 30px;
}}

@media (max-width: 767px){
.slick-dots {
    width: 95%;
    top: -65%;
    margin: auto;
    height: 30px;
}}


.slick-dots li {
    display: flex;
    margin: auto 0 auto auto;

}


/**/