@media only screen and (max-width: 4500px) {
    .replay-bt-mt {
        margin-top: 2%;
    }

    .cta-bt-mb {
        margin-bottom: 3%;
    }
}

@media only screen and (min-width: 2400px) {
    .logo-svg-container object {
        height: 5vh !important;
    }

    .flip-first-show {
        height: 100px !important;
    }
}

@media only screen and (max-width: 1600px) {
    .overlay h1 {
        line-height: 1.2;
    }

    .margin-top-button {
        margin-top: 14vw;
    }

    .replay-button {
        height: 40px;
        margin-bottom: 5px;
    }

    .replay-bt-mt
    {
        margin-top: 2%;
    }
    .cta-bt-mb
    {
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 1400px) {
    .overlay h1 {
        line-height: 1.2;
    }

    /*.learn-btn {*/
    /*    margin-top: 15vw;*/
    /*}*/

    .margin-top-button {
        margin-top: 16vw;
    }

    .replay-button {
        height: 45px;
    }
}

@media only screen and (max-width: 1199px) {

    .heading {

        font-size: 40px;
        line-height: normal;
    }

    /*#trophy-case-banner {*/
    /*    padding-top: 3rem;*/
    /*    padding-bottom: 2rem;*/
    /*}*/
    .gray-txt {
        padding: 20px 0;
        line-height: normal;
    }

    #footer-cta-area .get-img h6 {
        font-size: 28px;
    }

    #video-area .get-img h6 {
        font-size: 40px;
    }

    /*.learn-btn {*/
    /*    margin-top: 15vw;*/
    /*}*/

    .margin-top-button {
        margin-top: 16vw;
    }

    /*#logo-section {*/
    /*    padding-top: 1rem;*/
    /*    padding-bottom: 1rem;*/
    /*}*/

    .learn-btn {
        height: 44px;
        font-size: 15px;
        line-height: 30px;
        border-radius: 10px;
    }

    .replay-button {
        height: 45px;
    }

    .overlay h1 {
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 40vh;*/
    /*}*/
}

@media only screen and (max-width: 991px) {

    #footer-cta-area .get-img h6 {
        font-size: 30px;
    }

    #footer-cta-area .get-img {
        padding: 8% 2% 12%;
    }

    #video-area .get-img h6 {
        font-size: 30px;
    }

    #video-area .get-img {
        /*padding: 8% 2% 12%;*/
    }

    .heading {
        font-size: 40px;
    }

    #footer-cta-area .get-img h6 {
        font-size: 22px;
        line-height: 1.2;
    }

    #video-area .get-img h6 {
        font-size: 40px;
        line-height: 1.2;
    }

    .margin-top-button {
        margin-top: 22vw;
    }

    .replay-button {
        height: 45px;
    }

    .overlay h1 {
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 32vh;*/
    /*}*/

}

@media only screen and (max-width: 767px) {

    #logo-section {
        background-size: 19%, 15%;
        background-position: right top, left bottom;
    }

    #footer .copy-right p {
        padding: 2% 0;
    }

    #footer-cta-area .get-img h6 {
        font-size: 30px;
        line-height: 1.2;
    }

    #video-area .get-img h6 {
        font-size: 30px;
        line-height: 1.2;
    }

    /*.learn-btn {*/
    /*    margin-top: 30vw;*/
    /*}*/

    .margin-top-button {
        margin-top: 35vw;
    }

    .replay-button {
        height: 45px;
    }

    .overlay h1 {
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 25vh;*/
    /*}*/
    .card3-name {
        font-size: 48px !important;
    }

    .branching-btn {
        background-color: #9FB3CE !important;
        color: #fff !important;
    }

    .replay-bt-mt {
        margin-top: 5%;
    }

    .cta-bt-mb {
        margin-bottom: 5%;
    }

    .icons-width {
        width: calc(-1% + 1vw + 1.6vh) !important;
    }
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 575px) {

    .flip-card {
        background-color: transparent;
        /*height: 350px;*/
        border: none;
    }

    #video-area {
        background-size: cover;
        background-position: center;
    }

    #footer-cta-area .get-img h6 {
        font-size: 26px;
        line-height: 1.2;
    }

    #video-area .get-img h6 {
        font-size: 26px;
        line-height: 1.2;
    }

    /*.learn-btn {*/
    /*    margin-top: 15vw;*/
    /*}*/

    .margin-top-button {
        margin-top: 30vw;
    }

    .heading {
        font-size: 28px;
    }

    .overlay h1 {
        /*color: #ffffff;*/
        font-size: 25px;
        font-weight: 1000;
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 20vh;*/
    /*}*/
    .replay-button {
        height: 40px;
    }

    .branching-btn {
        line-height: 25px;
        font-size: 16px;
        height: 100%;
    }

    .card3-name {
        font-size: 40px !important;
    }

    .replay-bt-mt {
        margin-top: 5%;
    }

    .cta-bt-mb {
        margin-bottom: 5%;
    }

    #footer .copy-right p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {

    .pl-small-0 {
        padding-left: 0 !important;
    }

    .flip-card {
        background-color: transparent;
        /*height: 250px;*/
        border: none;
    }

    .video-text {
        text-align: center;
        /*padding: 2% 2% 0;*/
        margin-top: 0;
    }

    .replay-button {
        height: 30px;
    }

    .replay-bt-mt
    {
        margin-top: 5%;
    }
    .cta-bt-mb
    {
        margin-bottom: 5%;
    }

    #video-area .get-img h6 {
        font-size: 20px;
        line-height: 1.2;
    }

    #footer-cta-area .get-img h6 {
        font-size: 20px;
        line-height: 1.2;
    }

    #video-area .get-img h5{
        color: #ffffff;
        font-size: 18px;
        line-height: 1.2;
    }

    .learn-btn {
        width: 150px;
        font-size: 14px;
        height: 30px;
        line-height: 1.2;
        border-radius: 7px;
    }

    .margin-top-button {
        margin-top: 12vw;
    }

    .overlay h1 {
        /*color: #ffffff;*/
        font-size: 20px;
        font-weight: 1000;
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 15vh;*/
    /*}*/

    .branching-btn {
        line-height: 12px;
        font-size: 12px;
        height: 100%;
        border-radius: 5px;
    }

    .card3-name {
        font-size: 29px !important;
    }

    #footer .copy-right p {
        font-size: 10px;
    }
}

@media only screen and (max-width: 375px) {

    .corner {
        left: 10% !important;
    }

    .flip-card {
        background-color: transparent;
        /*width: 250px;*/
        /*height: 200px;*/
        border: none;
    }

    .video-text {
        text-align: center;
        /*padding: 2% 2% 0;*/
        margin-top: 0;
    }
    .video-text h6{
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
    }

    .video-text h5{
        color: #ffffff;
        font-size: 18px;
    }

    .flip-first-show {
        height: 4rem !important;
    }

    .replay-button {
        height: 30px;
    }

    #video-area .get-img h6 {
        font-size: 18px;
        line-height: 1.2;
    }

    #footer-cta-area .get-img h6 {
        font-size: 18px;
        line-height: 1.2;
    }

    #video-area .get-img h5{
        color: #ffffff;
        font-size: 14px;
        line-height: 1.2;
    }

    .learn-btn {
        width: 115px;
        font-size: 10px;
        height: 25px;
        line-height: 1.2;
        border-radius: 6px;
    }

    .margin-top-button {
        margin-top: 5vw;
    }

    .overlay h1 {
        /*color: #ffffff;*/
        font-size: 17px;
        font-weight: 1000;
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 14vh;*/
    /*}*/

    .branching-btn {
        line-height: 6px;
        font-size: 10px;
        height: 100%;
        border-radius: 5px;
    }

    .card3-name {
        font-size: 24px !important;
    }

    #footer .copy-right p {
        font-size: 8px;
    }
}

@media only screen and (max-width: 320px) {

    #footer-cta-area .get-img .learn-btn {
        width: 120px;
    }

    .learn-btn {
        width: 115px;
        font-size: 10px;
        height: 25px;
        line-height: 1.2;
        border-radius: 5px;
    }

    .margin-top-button {
        margin-top: 10vw;
    }

    .heading {
        font-size: 28px;
    }

    #footer-cta-area .get-img h6 {
        font-size: 14px;
        line-height: 1.2;
    }

    #video-area .get-img h6 {
        font-size: 14px;
        line-height: 1.2;
    }

    #video-area .get-img h5{
        color: #ffffff;
        font-size: 12px;
        line-height: 1.2;
    }

    .flip-card {
        background-color: transparent;
        /*width: 250px;*/
        /*height: 200px;*/
        border: none;
    }

    .video-text{
        text-align: center;
        margin-top: 0;
    }
    .video-text h6{
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 0.2;
    }

    .replay-button {
        height: 25px;
    }

    .overlay h1 {
        /*color: #ffffff;*/
        font-size: 17px;
        font-weight: 1000;
        line-height: 1.2;
    }

    /*#trophy-case-banner {*/
    /*    height: 13vh;*/
    /*}*/

    .card3-name {
        font-size: 22px !important;
    }

    #footer .copy-right p {
        font-size: 7px;
    }
}