@media (max-width:575.98px) {
    h1.title-max::after, h1.title-min::after, h2.subtitle-min::after, h2.subtitle::after, h3.unsubtitle::after {
        border-top: solid 3px var(--line-color)
    }

    .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
        font-size: 35px;
        line-height: 45px
    }

        h1.title-min {
            font-size: 24px;
            line-height: 32px
        }

    h2, h2.h2, h2.insubtitle, h2.subtitle, h2.subtitle-min {
        font-size: 25px;
        line-height: 31px
    }

    .h3.unsubtitle-min, h3, h3.h3, h3.unsubtitle {
        font-size: 20px;
        line-height: 25px
    }

    h4, h4.h4 {
        font-size: 18px;
        line-height: 18px
    }

    h3.unsubtitle::after {
        margin: 15px auto 34px -50px
    }

    h2.subtitle-min::after {
        margin: 10px auto 34px -50px
    }

    .container {
        max-width: 100% !important;
        padding-left: 20px;
        padding-right: 20px
    }

    .pc-78 {
        padding-top: 78px !important
    }

    .nav-list, .navbar-nav {
        background-color: var(--color-1);
        width: 100%;
        padding: .5rem 2rem;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        padding-left: 27px !important
    }

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 15px 0
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        position: relative !important;
        right: auto !important;
        margin-right: auto
    }

    .navbar-toggler {
        display: block;
        margin-right: 20px
    }

    .navbar-toggler-icon {
        width: 28px !important;
        height: 17px !important
    }

    .widget {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        border-radius: 0 !important
    }

    #carouselExampleSlidesOnly.carousel slide, .carousel-inner.only {
        min-height: 209px !important;
        max-height: 209px !important;
        height: 209px !important
    }

    footer .container {
        padding-top: 70px
    }

    .m-first {
        margin-bottom: 70px
    }

    .mb-35 {
        margin-bottom: 35px
    }

    .social-icon {
        height: 40px;
        max-height: 40px;
        width: 40px;
        max-width: 40px
    }

    .tool-tip-L {
        left: -425px !important;
        width: 450px;
        top: 14px !important
    }

        .tool-tip-L .arrow-tooltip-global::before {
            left: auto;
            right: 5px !important
        }

    .tool-tip-S {
        max-width: 220px
    }

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .re_container {
        max-width: 401px
    }

    .modal-content {
        margin-left: 10px;
        margin-right: 10px
    }

    .container-banner {
        height: 100%;
        padding: 15px 5px;
        min-height: 0
    }

    .margin-media {
        margin: 50px auto 10px
    }

    h1.title-max::after {
        margin: 10px auto 14.5px -30px
    }

    .grid-videos {
        width: 100%;
        min-height: 150px;
        margin: auto
    }

    .img-static {
        top: 48% !important;
        left: -1.5rem !important
    }

    .slick-next {
        right: 0
    }

    .slick-prev {
        left: 0
    }

    @media (hover:none) {
        .btn-one:active, .modal-button:active {
            background: var(--secundary-color) 0 0 no-repeat padding-box
        }
    }

    .text-align-my-account {
        text-align: left !important
    }

        .text-align-my-account label {
            margin: 0
        }

    @media (min-width:0px) and (max-width:385.98px) {
        .feature-events .tittle {
            font-size: 18px;
            top: calc(50% - 18px)
        }

        .feature-events img {
            height: 213px;
            object-fit: cover
        }

        .col-xxs-12 {
            width: 100%
        }

        .toast-body {
            padding-right: 0;
            padding-left: 3px
        }

        .view-toast {
            right: 5px
        }

        .d-xs-none {
            display: none
        }
    }

    h1.title-min::after {
        margin: 15px auto 24px -6.5px !important;
        width: 164px !important
    }

    @media (max-width:479.98px) {
        .tool-tip-L {
            left: -285px !important;
            max-width: 450px;
            top: 14px !important;
            min-width: 310px;
            width: 100%
        }

        #input-newsletter {
            width: 100%;
            height: 55px;
            padding: 18px 19px
        }

        .col-xs-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-xs-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-xs-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xs-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-xs-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-xs-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-xs-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-xs-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-xs-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-xs-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-xs-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-xs-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-xs-12, footer .col-6.col-lg-3 {
            width: 100%
        }

        .col-xs-12 {
            flex: 0 0 auto
        }

        .navbar .navbar-nav .nav-item .nav-link {
            margin: 15px 0
        }

        .m-first, .mb-xs-35 {
            margin-bottom: 35px
        }

        footer .nav-item a, footer p.font-12 {
            height: auto !important
        }

        .modal-content {
            height: auto;
            min-height: 100%;
            border-radius: 0;
            margin: 0
        }

        .view-toast {
            top: 45px;
            right: 20px;
            max-width: 320px
        }

        footer .container {
            padding-top: 35px
        }

        h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
            font-size: 28px;
            line-height: 35px
        }
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    #section1Footer, #section2Footer, #section3Footer {
        width: 50%
    }

    #section2Footer, #section4Footer {
        padding-left: 16px
    }

    h1.title-min::after, h2.subtitle::after {
        border-top: solid 3px var(--line-color)
    }

    .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    #input-newsletter {
        width: 386px;
        height: 55px;
        padding: 18px 19px
    }

    #logoVushorus {
        width: 100px;
        padding-left: 0
    }

    .tool-tip-L {
        left: -495px !important;
        width: 528px;
        top: 14px !important
    }

        .tool-tip-L .arrow-tooltip-global::before {
            left: auto;
            right: 5px !important
        }

    h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
        font-size: 25px;
        line-height: 45px
    }

        h1.title-min {
            font-size: 29px;
            line-height: 31px
        }

            h1.title-min::after {
                margin: 15px auto 24px -6.5px !important
            }

    h2, h2.h2, h2.insubtitle, h2.subtitle, h2.subtitle-min {
        font-size: 29px;
        line-height: 35px
    }

    .h3.unsubtitle-min, h3, h3.h3, h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

        h2.subtitle-min::after, h3.unsubtitle::after {
            margin: 15px auto 34px -50px;
            border-top: solid 3px var(--line-color)
        }

    h4, h4.h4 {
        font-size: 20px;
        line-height: 20px
    }

    .container {
        max-width: 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }

    .pc-78 {
        padding-top: 78px !important
    }

    .nav-list, .navbar-nav {
        background-color: var(--color-1);
        width: 100%;
        padding: .5rem 2rem;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        padding-left: 27px !important
    }

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 15px 0
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        position: relative !important;
        right: auto !important;
        margin-right: auto
    }

    .navbar-toggler {
        display: block;
        margin-right: 30px
    }

    .navbar-toggler-icon {
        width: 28px !important;
        height: 17px !important
    }

    #carouselExampleSlidesOnly .carousel-item .img {
        height: 300px
    }

    #carouselExampleSlidesOnly.carousel slide, .carousel-inner.only {
        min-height: 209px !important;
        max-height: 209px !important;
        height: 209px !important
    }

    .widget {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        border-radius: 0 !important
    }

    footer .container {
        padding-top: 75px
    }

    .m-first {
        margin-bottom: 75px
    }

    .mb-35 {
        margin-bottom: 35px
    }

    .social-icon {
        height: 40px;
        max-height: 40px;
        width: 40px;
        max-width: 40px
    }

    .feature-events .tittle {
        font-size: 25px;
        top: calc(50% - 25px)
    }

    .feature-events img {
        height: 251px
    }

    .modal-content {
        margin-left: 15px;
        margin-right: 15px
    }

    .re_container {
        max-width: 490px
    }

    .container-banner {
        height: 100%;
        padding: 30px 5px;
        min-height: 0
    }

    .margin-media {
        margin: 50px auto 20px
    }

    .grid-videos {
        width: 100%;
        min-height: 100px;
        margin: auto
    }

    .img-static {
        top: 48% !important;
        left: -2.7rem !important
    }

    .text-align-my-account {
        text-align: left !important
    }

        .text-align-my-account label {
            margin: 0
        }

    .slick-next {
        right: 0
    }

    .slick-prev {
        left: 0
    }

    @media (hover:none) {
        .btn-one:active, .modal-button:active {
            background: var(--secundary-color) 0 0 no-repeat padding-box
        }
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #logoVushorus {
        width: 100px;
        padding-left: 0
    }

    #section1Footer, #section3Footer {
        width: 45%
    }

    #section2Footer, #section4Footer {
        width: 55%;
        padding-left: 40px !important
    }

    #section2Footer {
        margin-bottom: 35px !important
    }

    #input-newsletter {
        height: 55px;
        padding: 18px 19px
    }

    h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
        font-size: 32px;
        line-height: 55px
    }

        h1.title-min {
            font-size: 32px;
            line-height: 34px
        }

            h1.title-min::after {
                margin: 15px auto 24px -6.5px !important;
                border-top: solid 3px var(--line-color)
            }

    h2, h2.h2, h2.insubtitle, h2.subtitle, h2.subtitle-min {
        font-size: 32px;
        line-height: 35px
    }

    .h3.unsubtitle-min, h3, h3.h3, h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    h4, h4.h4 {
        font-size: 20px;
        line-height: 20px
    }

    .container {
        max-width: 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }

    .nav-list, .navbar-nav {
        background-color: var(--color-1);
        width: 100%;
        padding: .5rem 2rem;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 1px 1px 5px rgba(0,0,0,.2)
    }

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 15px 20px
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        position: relative !important;
        right: auto !important;
        margin-right: auto
    }

    .navbar-toggler {
        display: block !important;
        margin-right: 30px !important
    }

    .navbar-toggler-icon {
        width: 28px !important;
        height: 17px !important
    }

    .widget {
        width: auto !important;
        position: absolute !important;
        right: 2% !important;
        left: 2% !important
    }

    footer .container {
        padding: 70px 150px 0
    }

    .m-first {
        margin-bottom: 70px
    }

    .mb-35 {
        margin-bottom: 35px
    }

    .social-icon {
        height: 40px;
        max-height: 40px;
        width: 40px;
        max-width: 40px
    }

    .re_container {
        max-width: 654px
    }

    .tool-tip-L {
        left: -503px !important;
        width: 528px;
        top: 14px !important
    }

        .tool-tip-L .arrow-tooltip-global::before {
            left: auto;
            right: 5px !important
        }

    .container-banner {
        height: 100%;
        padding: 30px 10px;
        min-height: 0
    }

    .margin-media {
        margin: 60px auto 20px
    }

    .img-static {
        top: 48% !important;
        left: -2.7rem !important
    }

    .text-align-my-account {
        text-align: left !important
    }

    .slick-next {
        right: 0
    }

    .slick-prev {
        left: 0
    }

    @media (hover:none) {
        .btn-one:active, .modal-button:active {
            background: var(--secundary-color) 0 0 no-repeat padding-box
        }
    }

    .text-align-my-account label {
        margin: 0 20px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    #logoVushorus {
        width: 100px;
        padding-left: 0
    }

    #section1Footer {
        width: 233px
    }

    #section2Footer {
        width: 238px
    }

    #section3Footer {
        width: 24%
    }

    #section4Footer {
        width: 146px
    }

    #input-newsletter {
        width: 426px;
        height: 55px;
        padding: 18px 19px
    }

    h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
        font-size: 43px;
        line-height: 65px
    }

        h1.title-min {
            font-size: 35px;
            line-height: 39px
        }

            h1.title-min::after {
                margin: 24px auto 24px -19px
            }

    h2, h2.h2, h2.insubtitle, h2.subtitle, h2.subtitle-min {
        font-size: 35px;
        line-height: 37px
    }

    .h3.unsubtitle-min, h3, h3.h3, h3.unsubtitle {
        font-size: 35px;
        line-height: 45px
    }

    h4, h4.h4 {
        font-size: 30px;
        line-height: 30px
    }

    .top-tittle {
        margin: -380px auto 35px !important;
        text-align: center;
    }

    .container {
        max-width: 100% !important;
        padding-left: 35px !important;
        padding-right: 35px !important
    }

    .nav-list, .navbar-nav {
        background-color: var(--color-1);
        width: 100%;
        padding: .5rem 2rem;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 1px 1px 5px rgba(0,0,0,.2)
    }

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 15px 30px
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        position: relative !important;
        right: auto !important;
        margin-right: auto
    }

    .navbar-toggler {
        display: block !important;
        margin-right: 35px
    }

    .navbar-toggler-icon {
        width: 28px !important;
        height: 17px !important
    }

    .widget {
        width: auto !important;
        position: absolute !important;
        right: 2% !important;
        left: 2% !important
    }

    footer .container {
        padding-top: 70px
    }

    .m-first {
        margin-bottom: 70px
    }

    .re_container {
        width: 823px
    }

    .tool-tip-L {
        left: -496px !important;
        width: 528px;
        top: 14px !important
    }

        .tool-tip-L .arrow-tooltip-global::before {
            left: auto;
            right: 5px !important
        }

    .arrow-tooltip-global::before {
        top: -10px
    }

    .margin-media {
        margin: 50px auto 20px
    }

    .slick-next {
        right: 0
    }

    .slick-prev {
        left: 0
    }

    @media (hover:none) {
        .btn-one:active, .modal-button:active {
            background: var(--secundary-color) 0 0 no-repeat padding-box
        }
    }

    .text-align-my-account {
        text-align: left !important
    }

        .text-align-my-account label {
            margin: 0 30px
        }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    .navbar-nav {
        display: flex !important;
        display: inline-flex !important
    }

    #logoVushorus {
        width: min-content;
        padding-left: 0
    }

    #navbarSupportedContent {
        padding-left: 56.2px
    }

    #section1Footer {
        width: 205px
    }

    #section2Footer {
        width: 215px;
        margin-left: 42px
    }

    #section3Footer {
        margin-left: 25px;
        width: 210px
    }

    #input-newsletter {
        width: 426px;
        height: 55px;
        padding: 18px 19px
    }

    h1, h1.h1, h1.intitle, h1.title, h1.title-max, h1.top-tittle {
        font-size: 45px;
        line-height: 45px
    }

        h1.title-min {
            font-size: 40px;
            line-height: 42px
        }

    h2, h2.h2, h2.insubtitle, h2.subtitle, h2.subtitle-min {
        font-size: 40px;
        line-height: 40px
    }

    .h3.unsubtitle-min, h3, h3.h3, h3.unsubtitle {
        font-size: 35px;
        line-height: 45px
    }

    h4, h4.h4 {
        font-size: 30px;
        line-height: 30px
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        padding: 0;
        margin-right: 30px
    }

        .navbar .navbar-nav .nav-item.sign-in .nav-link, .navbar .navbar-nav .nav-link .nav-item.my-account {
            margin: auto
        }

    .widget {
        width: auto !important;
        position: absolute !important;
        right: 2% !important;
        left: 2% !important
    }

    footer .container {
        padding: 70px 75px 0
    }

    .m-first {
        margin-bottom: 70px
    }

    .container {
        padding-left: 75px;
        padding-right: 75px
    }

    .margin-media {
        margin: 75px auto 20px
    }

    @media (max-width:1260px) {
        .container {
            width: 100%
        }
    }

    .re_container {
        max-width: 823px
    }

    @media (max-width:1309.98px) {
        .slick-next {
            right: 0
        }

        .slick-prev {
            left: 0
        }
    }
}

@media (min-width:1400px) {
    #section2Footer, #section3Footer, #section5Footer {
        margin-left: 27px
    }

    .navbar-nav {
        display: flex !important;
        display: inline-flex !important
    }

    #section2Footer {
        width: 215px
    }

    #input-newsletter {
        width: 100%;
        height: 55px;
        padding: 18px 19px
    }

    .navbar .navbar-nav .nav-item.my-account, .navbar .navbar-nav .nav-item.sign-in {
        padding: 0;
        margin-right: 31px
    }

    .navbar .navbar-nav .nav-item.sign-in, .navbar .navbar-nav .nav-link .nav-item.my-account {
        margin: auto
    }

    footer .container {
        padding: 100px 0 0
    }

    .mt-79 {
        margin: 79px auto 21px
    }

    .re_container {
        max-width: 823px
    }

    @media (hover:hover) {
        .btn-one:hover, .modal-button:hover {
            background: var(--secundary-color) 0 0 no-repeat padding-box
        }
    }
}