/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {  
    .control-label {text-align: left; padding-top: 0;}
    .navbar-brand img {width: 50%;}
    .content-text.form {padding-left: 0; padding-right: 0}
    .navbar-brand {width: 60%; }
    footer {background-position: 0px 0px;}
    .content-main-title {font-size: 9vw;line-height: 10vw;}
    .content-main-title > span {font-size: 6vw;line-height: 7vw;}
    .img-holder, .img-holder.center { width: auto;max-width: 300px;}
    .img-holder .left, .img-holder .right {margin-top:0px; }
    .img-caption {bottom: 10px;}
    .img-caption p {font-size:5vw; }
    .head-title {font-size: 8vw;line-height: 8vw}
    .reviews-box-background .inner-box {padding:30px 10px }
    .reviews {height: 500px ; margin-top: 150px;}
    .logo-holder{width: 50%;}
    .comments p {padding-left: 100px;}
    .reviews-box {margin-top: -600px;}
    .banner {max-height:1000px;min-height:400px; height: auto;}
    .banner-text p {font-size: 15px;line-height: 20px; margin-top: 10px;}
    a.button {padding: 6px 43px;margin-top: 320px; font-weight: bold!important;}
    .play-now-button {margin: 40px 0px 80px 0px; }
    .btn-lg {font-size: 30px;padding: 20px 50px!important}
    .images-section {margin-top: 30px;}
    .banner-text p {text-shadow: 0px 0px 5px #000;font-weight: bold;}
    .banner {background: url("../images/mobile-banner.jpg") no-repeat;background-size: cover;background-position:-150px 0px;}
    .v-gap-top {margin-top: 30px;}
    .head-title {font-weight: bold;}
    .reviews {margin-top: 100px;}
    .content-main-title, .content-main-title span  {font-weight: bold !important;}
    .content-main-title {font-size: 26px;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media screen and (min-width: 576px)  and (max-width: 767.98px) {  
    
    .navbar-brand img {width: 60%;}
    .content-main-title {font-size: 7vw;line-height: 7vw;}
    .content-main-title > span {font-size: 5vw;line-height: 6vw;}
    .img-holder, .img-holder.center { width: auto;max-width: 300px;}
    .img-holder .left, .img-holder .right {margin-top:0px; }
    .img-caption {bottom: 10px;}
    .img-caption p {font-size:3vw }
    .images-section {margin-top: 50px;}
    .reviews {height: 530px;}
    .reviews-box {margin-top: -650px;}
    .banner-text .button {margin-top: 170px;display: inline-block;}
    .banner-text p {margin-top: 40px;text-shadow: 0px 0px 5px #000;}
    .banner {background: url("../images/mobile-banner.jpg") no-repeat;background-size: cover;}
    
}
 
/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 768px) and  (max-width: 991.98px) { 
    .img-caption {bottom: 10px;}
    .img-caption p {font-size:2vw; }
    .join-btn-holder .join-btn {width: 85%;}
    .reviews {height: 500px !important}
    .reviews-box {margin-top: -600px;}
    .foreground-image {height: 400px;right: -30px}
    .banner-text p {font-size: 18px;line-height: 24px}
    .banner {height: 500px}
    .banner-text p {margin-top: 30px;font-size: 28px;line-height: 32px;text-shadow: 0px 0px 5px #000}
    .play-now-button {transform: scale(1.1);margin-left:5px; margin-top: 10px;}
    .banner {background: url("../images/mobile-banner.jpg") no-repeat;background-size: cover;}
    a.button {margin-top: 170px;}
    
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 992px) and  (max-width: 1198.98px) { 
    .img-caption p {font-size:2vw; }
    .join-btn-holder .join-btn {width: 200px;}
    .foreground-image {height: 500px;}
    .banner-text p {font-size: 22px;line-height: 26px; margin-top: 50px;}
    .banner {height: 500px}
    .head-title {font-size: 40px; line-height: 43px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: 1.5rem;}
}
/*
@media screen and (min-width: 1200px) {
    .container {max-width: 1200px;}
} */