@media only screen and (max-width: 1440px) {
    .marketing-box-bg-2 .title-text {
        padding-top: 4vw;
    }
    
    .marketing-box-bg-3 .title-text {
        padding-top: 7vw;
    }
    
    .marketing-box-bg-4 .title-text {
        padding-top: 7vw;
    }
    
    .marketing-box-bg-5 .title-text {
        padding-top: 4vw;
    }
}

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

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 1370px;
    } */
    iframe {
        min-width: 1241px;
        transform: scale(1);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    main {
        height: 720px;
    }

    .warning {
        top: 27px;
    }

    .wrapper {
        max-width: 1024px;
    }

    .marketing-box-bg {
        height: 385px!important;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 110px!important;
    }

    .slick-prev {
        left: 110px!important;
    }

    .slick-next {
        right: 130px!important;
    }

    .ambassador-1 {
        left: 55px;
        background-size: contain;
    }

    .ambassador-2 {
        right: 55px;
        background-size: contain;
    }

    .marketing-box-bg button {
        width: 250px;
        height: unset;
        font-size: 35px;
        padding: 5px 0px;
    }

    .odds-box {
        height: 250px;
    }

    .team-odds-container {
        margin: 7px 0px 10px 30px;
    }

    .row-2 .team-odds-container {
        margin: 7px 0px 10px 40px;
    }

    .row-3 {
        position: relative;
        top: 50px;
    }

    .row-3 .team-odds-container {
        margin: 7px 0px 10px 0px;
    }

    .title-text {
        width: 69%;
    }

    .nextarrow {
        right: 180px;
    }
    .prevarrow {
        left: 180px;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 1240px;
    } */
    iframe {
        min-width: 1240px;
        transform: scale(.8);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    main {
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: unset;
        height: 750px;
    }

    .wrapper {
        max-width: 768px;
    }

    .tpl-footer {
        position: relative;
        bottom: 35px;
    }

    .marketing-box-bg {
        height: 370px!important;
    }

    .marketing-box-bg-3 .title-text {
        padding-top: 11vw;
    }
    
    .marketing-box-bg-4 .title-text {
        padding-top: 11vw;
    }
    
    .marketing-box-bg-5 .title-text {
        padding-top: 5vw;
    }

    .ambassador-1 {
        left: -50px;
        height: 225px;
        top: 285px;
    }

    .ambassador-2 {
        right: 5px;
        height: 225px;
        top: 285px;
    }

    .yellow {
        font-size: 35px;
    }

    .small-text {
        font-size: 25px;
    }

    .slick-prev {
        left: 60px!important;
        top: 60%!important;
    }

    .slick-next {
        right: 75px!important;
        top: 60%!important;
    }

    .title-bg {
        bottom: 30px;
        width: 500px;
    }

    .marketing-box-bg button {
        width: 190px;
        height: unset;
        font-size: 25px;
        bottom: 10px;
    }

    .warning {
        top: 5px;
        font-size: 14px;
    }

    .odds-column {
        width: 55px;
        height: 25px;
        margin: 0px 10px;
        font-size: 15px;
    }

    .odds-box-bg .slick-prev:before, .odds-box-bg .slick-next:before {
        font-size: 55px!important;
        bottom: 75px;
        position: relative;
        font-weight: bold;
    }

    .odds-box-bg .slick-prev {
        left: 5px!important;
        z-index: 1;
    }

    .odds-box-bg .slick-next {
        right: 5px!important;
        z-index: 1;
    }

    .marketing-box-bg img {
        width: 360px;
    }

    .team-odds-container img, .team-flag {
        margin-right: 10px;
    }

    .team-odds-container p {
        font-size: 12px;
    }

    .timezone-convert {
        font-size: 14px;
    }

    .row-2 .team-odds-container {
        margin: 7px 0px 10px 20px;
    }

    .title-text {
        padding-top: 7vw;
    }

    .nextarrow {
        right: 8%;
        top: 27%;
    }
    .prevarrow {
        left: 8%;
        top: 27%;
    }
    
    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 1024px;
    } */
    iframe {
        min-width: 1240px;
        transform: scale(.62);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    .tpl-header.tpl-header2 {
        height: unset;
    }

    .slick-slide {
        height: 100%!important;
    }

    .timezone-convert {
        font-size: 12px;
    }

    .team-odds-container img, .team-flag {
        width: 20px;
        height: 12px;
    }

    .registration-form {
        padding: 65px 70px 30px!important;
    }

    .tpl-footer {
        position: unset; 
        bottom: unset; 
    }

    main {
        height: 550px;
        background-image: url(../img/bg-768.jpg);
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: unset;
    }

    .wrapper {
        max-width: 600px;
    }

    .marketing-box-bg {
        height: 255px!important;
    }

    .marketing-box-bg img {
        width: 300px;
    }

    .marketing-box-bg-2 .title-text {
        padding-top: 7vw;
    }

    .marketing-box-bg-3 .title-text {
        padding-top: 10vw;
    }
    
    .marketing-box-bg-4 .title-text {
        padding-top: 10vw;
    }
    
    .marketing-box-bg-5 .title-text {
        padding-top: 5vw;
    }

    .smaller-text {
        font-size: 10px;
    }

    .title-bg {
        bottom: 25px;
        width: 450px;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 80px!important;
    }

    .slick-prev {
        left: 30px!important;
        top: 70%!important;
    }

    .slick-next {
        right: 40px!important;
        top: 70%!important;
    }

    .yellow {
        font-size: 25px;
    }

    .ambassador-1 {
        left: -70px;
        height: 160px;
        top: 235px;
    }

    .ambassador-2 {
        right: -10px;
        height: 150px;
        top: 240px;
    }

    .odds-box {
        top: 55px;
    }

    .odds-column {
        width: 50px;
        height: 22px;
        margin: 1px 10px;
        font-size: 12px;
    }

    .team-odds-container p {
        font-size: 10px;
    }

    .odds-box-bg .slick-prev:before, .odds-box-bg .slick-next:before {
        font-size: 40px!important;
        bottom: 38px;
    }

    .odds-box-bg .slick-prev {
        left: 0px!important;
        z-index: 1;
    }

    .odds-box-bg .slick-next {
        right: 0px!important;
        z-index: 1;
    }

    .team-odds-container {
        margin: 4px 0px 10px 15px;
    }

    .row-2 .team-odds-container {
        margin: 4px 0px 10px 15px;
    }

    .row-3 .team-odds-container {
        margin: 4px 0px 10px 0px;
    }

    .odds-box {
        height: 150px;
    }

    .small-text {
        font-size: 17px;
    }

    .marketing-box-bg button {
        width: 160px;
        height: 35px;
        font-size: 22px;
        bottom: 20px;
        padding: 4px 0px;
        line-height: 21pt;
    }

    .warning {
        font-size: 9px;
        top: -8px;
    }

    .lightbox-bg {
        width: 600px;
        height: auto;
    }

    .scroll-pane {
        width: 600px;
    }

    .jspContainer {
        width: 600px;
    }

    .jspPane {
        width: 600px;
    }

    .regform-item>.item-element-wrapper {
        width: 65%!important;
    }

    .js-close {
        top: 12px;
        right: 10px;
    }

    .regform-item>.item-label {
        width: 31%!important;
    }

    .rf-main-wrapper button.rf-submit-button {
        font-size: 20px!important;
    }

    .rf-main-wrapper .action-container>.terms-and-conds {
        margin: 10px auto 0!important;
        font-size: 14px!important;
    }

    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
        width: 32.5%!important;
    }

    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 32%!important;
    }

    .nextarrow {
        right: 13%;
        top: 30%;
        width: 30px !important;
    }
    .prevarrow {
        left: 13%;
        top: 30%;
        width: 30px !important;
    }

    .odds-box-tablet {
        display: block;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 768px;
    } */
    iframe {
        min-width: 600px;
        transform: scale(1);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    .team-odds-container img, .team-flag {
        width: 25px;
        height: 15px;
    }
    
    .wrapper {
        max-width: 480px;
    }

    .odds-box-bg .slick-prev:before, .odds-box-bg .slick-next:before {
        font-size: 40px!important;
        bottom: 75px;
    }

    main {
        background-image: url(../img/bg-600.jpg);
        background-position: center -60px;
        height: 600px;
    }

    .slick-prev {
        left: 5px!important;
    }

    .slick-next {
        right: 5px!important;
    }

    .title-bg {
        bottom: 25px;
        width: 415px;
        height: 50px;
    }

    .small-text {
        font-size: 18px;
    }

    .yellow {
        font-size: 30px;
        padding: 0px 0;
    }

    .marketing-box-bg img {
        top: 10px;
        width: 220px;
    }

    .marketing-box {
        top: 110px;
    }

    .warning {
        font-size: 9px;
        top: 15px;
    }

    .marketing-box-bg button {
        width: 150px;
        font-size: 20px;
        bottom: 5px;
    }

    .odds-box {
        top: 140px;
    }

    .odds-box-bg {
        background-image: url(../img/odds-box-mobile.png);
        height: 200px;
    }
    
    .ambassador-1,.ambassador-2 {
        display: none;
    }

    .tpl-join-now {
        display: none;
    }

    .tpl-header2 .tpl-logo-wrap {
        margin-top: 11px;
        margin: 5px auto;
        width: 200px;
        float: unset;
    }

    .team-odds-container {
        margin: 13px 0px 10px 30px;
    }

    .row-2 .team-odds-container {
        margin: 13px 0px 10px 15px;
    }

    .row-3 .team-odds-container {
        margin: 13px 0px 10px 0px;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 50px!important;
    }

    .odds-box-bg .slick-prev {
        left: 10px!important;
        top: 85%!important;
    }

    .odds-box-bg .slick-next {
        right: 10px!important;
        top: 85%!important;
    }

    .lightbox-bg {
        width: 480px;
    }

    .scroll-pane {
        width: 480px;
    }

    .jspContainer {
        width: 480px;
    }

    .jspPane {
        width: 480px;
    }

    .rf-main-wrapper {
        font-size: 14px!important;
    }

    .registration-form {
        padding: 40px 30px 30px 15px!important;
    }

    .regform-item>.item-label {
        padding-right: 8px!important;
    }

    .rf-main-wrapper button.rf-submit-button {
        font-size: 18px!important;
        margin-top: 10px;
    }

    .regform-item>.item-element-wrapper input, .regform-item>.item-element-wrapper select {
        font-size: 14px!important;
    }

    .marketing-box-bg {
        margin-top: 0;
    }

    .title-text {
        width: 80%;
        height: 170px;
    }

    .nextarrow {
        right: 6%;
        top: 34%;
        width: 30px !important;
    }
    .prevarrow {
        left: 6%;
        top: 34%;
        width: 30px !important;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 600px;
    } */
    iframe {
        min-width: 480px;
        transform: scale(1);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    .timezone-convert {
        position: relative;
        top: 10px;
        font-size: 16px;
    }

    /* .odds-box-mobile {
        display: block;
    } */

    /* .odds-box-desktop {
        display: none;
    } */

    .odds-column {
        font-size: 17px;
    }

    .odds-box-bg .slick-prev:before, .odds-box-bg .slick-next:before {
        font-size: 40px!important;
        bottom: 90px;
    }

    .odds-column {
        width: 55px;
        height: 25px;
    }

    main {
        height: 600px;
        background-position: center -50px;
    }

    .wrapper {
        max-width: 95%;
    }

    .marketing-box-bg img {
        width: 45%;
    }

    .title-bg {
        bottom: 15px;
        width: 80%;
        height: auto;
        line-height: 1;
        padding: 5px 0px;
        background-size: cover;
    }

    .title-bg-2, .title-bg-3 {
        padding: 2px 0px;
    }

    .small-text {
        font-size: 16px;
        padding-bottom: 5px;
        line-height: 15pt;
    }

    .yellow {
        font-size: 25px;
    }

    .slick-prev, .slick-next {
        top: 90%!important;
    }

    .warning {
        font-size: 2.2vw;
        top: 6px;
        padding-bottom: 17px;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 35px!important;
    }

    .marketing-box-bg button {
        width: 25%;
        font-size: 3.7vw;
        padding: 3px 0px;
        height: auto;
        bottom: 1px;
    }

    .odds-box {
        top: 105px;
        height: auto;
    }

    .team-odds-container img {
        width: 25px;
        height: 15px;
        margin-right: 15px;
    }

    .row-2 .team-odds-container {
        margin: 7px 0px 2px 30px;
    }

    .team-odds-container, .row-3 .team-odds-container {
        margin: 15px 0px 2px 30px;
        position: relative;
        bottom: 5px;
    }

    .marketing-box {
        top: 90px;
    }

    .marketing-box-bg {
        height: auto !important;
        margin-top: 40px;
    }

    .team-odds-container p {
        font-size: 16px;
    }

    .row-3 {
        top: unset;
    }

    .odds-box-bg {
        background-image: url(../img/odds-box-mobile-480.png);
        height: auto;
        background-size: cover;
    }

    .odds-box-bg .slick-prev {
        left: 10px!important;
        top: 145px!important;
    }

    .odds-box-bg .slick-next {
        right: 10px!important;
        top: 145px!important;
    }

    .lightbox-bg {
        width: 320px;
    }

    .scroll-pane {
        width: 320px;
    }

    .jspContainer {
        width: 320px;
    }

    .jspPane {
        width: 320px;
    }

    .registration-form {
        padding: 40px 15px 30px 15px!important;
    }

    .regform-item>.item-element-wrapper input, .regform-item>.item-element-wrapper select {
        padding: 5px 3px!important;
        font-size: 13px!important;
        height: 32px!important;
    }

    .regform-item>.item-element-wrapper {
        width: 66%!important;
    }

    .rf-main-wrapper {
        font-size: 8px!important;
    }

    #regForm_mobile_number {
        padding-left: 82px!important;
        font-size: 11px!important;
    }

    .country-area-code span.trigger {
        font-size: 12px!important;
    }

    .country-area-code span.trigger:after {
        left: 30px!important;
        top: 11px!important;
    }

    .country-area-code span.trigger:before {
        position: relative;
        top: -2px;
        margin-right: -10px!important;
    }

    .regform-item>.item-label {
        width: 26%!important;
    }

    .regform-item {
        padding: 0 0px!important;
    }

    .country-area-code .trigger, .country-area-code li span {
        font-size: 10px!important;
    }

    .rf-main-wrapper .action-container>.terms-and-conds {
        width: 100%!important;
    }

    .rf-main-wrapper .action-container>.terms-and-conds {
        margin: 13px auto 0!important;
        font-size: 9px!important;
        padding: 0 0px!important;
    }

    .rf-main-wrapper button.rf-submit-button {
        font-size: 13px!important;
        margin-top: 10px;
    }

    .country-area-code .trigger, .country-area-code li span {
        padding: 3px 6px 4px!important;
    }

    .regform-item span.item-error {
        font-size: 13px!important;
    }

    .js-close {
        width: 18px;
        height: 18px;
    }

    .country-area-code .trigger:before, .country-area-code li span:before {
        transform: scale(.5);
        left: -15px;
    }

    .title-text {
        width: 100%;
        margin: 0 20px;
        height: 30vw;
    }

    .nextarrow {
        top: 205px;
        right: 5%;
        width: 17px !important;
    }
    .prevarrow {
        top: 205px;
        left: 5%;
        width: 17px !important;
    }

    .odds-box-tablet {
        display: none;
    }
    .odds-box-mobile {
        display: block;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 480px;
    } */
    iframe {
        min-width: 360px;
        transform: scale(1);
        transform-origin: 0 0;
        width: 100px;
        margin: 0 auto;
    }
    /* to make Bannerflow iframe feed responsive - End */
}

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

    .small-text {
        font-size: 14px;
    }

    .yellow {
        font-size: 22px;
    }

    .marketing-box-bg button {
        width: 25%;
        font-size: 3.7vw;
        padding: 5px 0px;
        border-radius: 5px;
        height: auto;
        bottom: 0px;
        line-height: 10pt;
        margin: 8px 0;
    }

    .marketing-box-bg-5 .title-text {
        padding-top: 4vw;
    }
}

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

    .odds-box-mobile {
        display: none;
    }

    .odds-box-mobile-375 {
        display: block;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 375px;
    } */
    iframe {
        min-width: 325px;
        width: 100%;
        transform: scale(.95);
        transform-origin: 0 0;
    }
    /* to make Bannerflow iframe feed responsive - End */

}

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

    .odds-box-mobile-375 {
        display: none;
    }

    .odds-box-mobile-320 {
        display: block;
    }

    /* to make Bannerflow iframe feed responsive - Start */
    /* body {
        min-width: 320px;
    } */
    iframe {
        min-width: 320px;
        width: 100%;
        transform: scale(.95);
        transform-origin: 0 0;
    }
    /* to make Bannerflow iframe feed responsive - End */
}