@media (max-width: 335px) {
    .nav-discounts a
    {
        width: 25%;
        padding: 0.5rem 0;
    }

    .overlay-video-home-y{
        width: 250px;
        height: 200px;
    }

    .overlay-video-home-y video{
        width: 250px;
        height: 200px;
    }


}

@media (min-width: 336px) {
    
    .overlay-video-home-y{
        width: 320px;
        height: 240px;
    }

    .overlay-video-home-y video{
        width: 320px;
        height: 240px;
    }


}

@media (min-width: 576px) {

    .top-content-header-img
    {
        position: relative;
    }
    .content-video
    {
        height: 300px;
    }

    .btn-video
    {
        top: 155px;
    }

    .overlay-video-home-y{
        width: 550px;
        height: 412.5px;
    }

    .overlay-video-home-y video{
        width: 550px;
        height: 412.5px;
    }

}


@media (min-width: 768px) { 
    .modal-customer-form-content
    {
        left: 25%;
        right: 25%;
        top:25%;
        bottom: auto;
        max-width: 50%;
    }

    .membership-card .img-card-code
    {
        width: 70%;
    }
   
    .responsive-text-align-left-to-center
    {
        text-align: center;
    }

    .home-btn-ri
    {
        text-align: center;
    }
    .discount-info {
        max-width: 60%;
    }

    .card-discount {
        align-items: center;
        flex-direction: row;
    }

    .txt-btn-web
    {
        font-size: 18px;
    }

    .btn-home-main
    {
        display: inline-flex;
        width: 272px;
    }

    .img-video
    {
        height: 500px;
   
    }

    .container-right-step
    {
        border-left: solid 1px #D8DADA;
    }
    .register-form-footer
    {
        position: static;
        
    }
    .img-new-card
    {
        border-radius: 20px;
    }
    .home-slider .slider-list .slider-track .slide {
        width: 31%;
        min-width: 30%;
        margin-right: 20px;
    }

    .content-video
    {
        height: 350px;
    }

    .btn-video
    {
        top: 175px;
    }

    
}


@media (min-width: 992px) {
    .form-container {
        max-width: 400px
    }

    .nav-discounts nav{
        max-width: 50%;
        margin: auto;
    }

    .top-content-header-img
    {
        margin: 0;
        position: relative;
    }

    .membership-card .img-card-code
    {
        width: 60%;
    }

    .discount-info {
        max-width: 70%;
    }
    .membership-code{
        justify-content: center;
    }
    .code-box
    {
      width: 50%;
      display: inline-flex;
    }

    .content-video
    {
        height: 400px;
    }

    .btn-video
    {
        top: 205px;
    }
    .btn-locate-us
    {
        top: 40%;
        transform: translateY(-50%);
        right: 20px;
    }
}


@media (min-width: 1200px) {

    .content-video
    {
        height: 500px;
    }

    .btn-video
    {
        top: 255px;
    }

}


@media (min-width: 1400px) {

}