/*-------------------------------------------------- 1366px ------------------------------------------------------*/
@media only screen and (max-width:1366px) {

    main {
        height: 575px;
    }

    .fast-reg-wrap .regform-item>.item-element-wrapper{
        width: 60%;
        margin-bottom: 12px;
    }

    .fast-reg-wrap .rf-main-wrapper button.rf-submit-button{
        font-size: 20px;
        padding: 5px 20px;
        color: #7f0000;
    }

    .fast-reg-wrap .rf-main-wrapper .action-container {
        display: flex;
        flex-direction: row-reverse;
        padding-top: 5px;
    }
    .fast-reg-wrap .rf-main-wrapper .action-container>.button-wrapper {
        flex-grow: 1;
        width: 50% !important;
    }

    .fast-reg-wrap .rf-main-wrapper .action-container>.terms-and-conds {
        flex-grow: 1;
        width: 50% !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #fff;
    }
}

/*-------------------------------------------------- 1179px ------------------------------------------------------*/
@media only screen and (max-width:1179px) {
    
}

/*-------------------------------------------------- 1024px ------------------------------------------------------*/
@media only screen and (max-width:1024px) {  
     
    body {
        background: url(../_images/bg-768.20230828.jpg) no-repeat center 22px;
        background-size: 1025px;
    }

    header {
        height: 80px;
        background: #af0000
    }

    main {
        height: 530px;
    }

    .head-wrap {
        padding-left: 20px;
        justify-content: flex-start;
        align-items: center;
    } 

    .en #sports_fdb,
    .th #sports_fdb {
        display: none;
    }
    .sc #sports_sub,
    .kr #sports_sub,
    .id #sports_sub,
    .in #sports_sub {
        display: none;
    }

    .head-txt-1 {
        font-size: 34px;
        line-height: 1;
    }
    .head-txt-1-sub {
        font-size: 22px;
    }
    .head-txt-2 {
        font-size: 18px;
    }

    .top-heading-slider {
        width: 340px;
        height: 80px;
        margin-top: 15px;
    }
    /* -------------------------------------------- 
     *  MAIN CONTAINERS                    
     * --------------------------------------------*/
    .container {
        /*background: coral;*/
        width: 769px;
        height: 100%;
        margin: 0 auto
    }

    /* END MAIN CONTAINERS */
    
    .fast-reg-wrap .rf-main-wrapper {
        padding-top: 15px;
    }
    .fast-reg-wrap .regform-item>.item-label {
        font-size: 8px;
    }
    .fast-reg-wrap .regform-item>.item-element-wrapper {
        width: 55%;
        margin-bottom: 10px;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, 
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
        width: 43px !important;
    }

    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 64px !important;
    }
    .rf-main-wrapper .password-visibility-icon {
        top: 7px !important;
        zoom:0.7;
        -moz-transform:scale(0.7);
        -moz-transform-origin: 0 0;
    }
    .registration-form .password-visibility-icon.icon-show {
        top: 8px !important;
    }
    .fast-reg-wrap .rf-main-wrapper button.rf-submit-button {
        font-size: 14px;
        padding: 5px 15px;
    }
    .fast-reg-wrap .rf-main-wrapper .action-container>.terms-and-conds {
        font-size: 8px;
    }
    .normal-reg-container {
        width: 335px;
        height: 415px;
    }
    .id .head-txt-1 {
        font-size: 26px;
    }
    .id .head-txt-1-sub {
        font-size: 18px;
    }
    .id .head-txt-2 {
        font-size: 17px;
    }
    .in .head-txt-1 {
        font-size: 30px;
    }
    .kr .head-txt-1 {
        font-size: 30px;
        line-height: 1;
    }
    .kr .head-txt-1-sub {
        font-size: 20px;
    }
    .kr .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 58px !important;
    }
    .th .head-txt-1 {
        font-size: 28px;
    }
    .th .head-txt-1-sub {
        font-size: 18px;
    }
    .vn .head-txt-1 {
        font-size: 26px;
    }
    .vn .head-txt-1-sub {
        font-size: 18px;
    }
    .vn .head-txt-2 {
        font-size: 16px;
    }

}

/*-------------------------------------------------- 767px ------------------------------------------------------*/
@media only screen and (max-width:767px) {
    
    body {
        background: url(../_images/bg-600.20230828.jpg) no-repeat center 45px;
        background-size: 768px;
    }

    main {
        height: 485px;
    }

    .head-txt-1 {
        font-size: 36px;
        line-height: 1;
    }
    .head-txt-1-sub {
        font-size: 24px;
    }
    .head-txt-2 {
        font-size: 18px;
    }

    .top-heading-slider {
        width: 340px;
    }

    /* -------------------------------------------- 
     *  MAIN CONTAINERS                    
     * --------------------------------------------*/
    .container {
        /*background: coral;*/
        width: 600px;
        height: 100%;
        margin: 0 auto
    }

    /* END MAIN CONTAINERS */

    .fast-reg-wrap .rf-main-wrapper {
        padding-top: 10px;
    }
    .fast-reg-wrap .regform-item>.item-element-wrapper {
        width: 60%;
        margin-bottom: 10px;
    }
    .regform-item>.item-label {
        text-align: right !important;
    }
    .fast-reg-wrap .regform-item>.item-element-wrapper input, 
    .fast-reg-wrap .regform-item>.item-element-wrapper select {
        height: 20px;
        font-size: 8px;
    }
    .fast-reg-wrap .regform-item span.item-error {
        font-size: 8px;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 55px !important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, 
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
        width: 40px !important;
    }
    .promo-terms-container {
        top: 445px;
        width: 290px;
    }
    .tpl-copyright {
        padding: 10px 0 92px;
    }
    .slick-prev:before,
    .slick-next:before {
        zoom:0.6;
        -moz-transform:scale(0.6);
        -moz-transform-origin: 0 0;
    }
    .slick-next { right: 0px; }
    .normal-reg-container {
        width: 290px;
        height: 370px;
    }
    .fast-reg-wrap .rf-main-wrapper button.rf-submit-button {
        font-size: 12px;
        padding: 5px 10px;
    }
    .id .head-txt-1 {
        font-size: 26px;
        line-height: 1;
    }
    .id .head-txt-1-sub {
        font-size: 18px;
    }
    .id .head-txt-2 {
        font-size: 17px;
    }
    .in .head-txt-1 {
        font-size: 32px;
        line-height: 1;
    }
    .kr .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 52px !important;
    }

}

/*-------------------------------------------------- 599px ------------------------------------------------------*/
@media only screen and (max-width:599px) {

    body {
        background: url(../_images/bg-480.20230828.jpg) no-repeat center 45px;
        background-size: 600px;
    }

    main {
        height: 780px;
    }
    
    /* -------------------------------------------- 
     *  MAIN CONTAINERS                    
     * --------------------------------------------*/
    .container {
        width: 480px;
    }

    .head-txt-1 {
        font-size: 44px;
        line-height: 1;
    }
    .head-txt-1-sub {
        font-size: 30px;
    }
    .head-txt-2 {
        font-size: 22px;
    }

    .slick-arrow {
        display: none;
    }
    
    .slick-dots {
        display: block;
    }

    .top-heading-slider {
        width: 450px;
        margin-top: 300px;
    }
    .id .head-txt-1 {
        font-size: 38px;
    }
    /* END MAIN CONTAINERS */

    .normal-reg-container {
        height: 375px;
        width: 450px;
    }

    .fast-reg-wrap {
        width: 100%;
        background: rgba(0, 0, 0, 0.5);

    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, 
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
        width: 50px !important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 129px !important;
    }
    .tpl-copyright {
        padding: 10px 0px 42px;
    }
    .fast-reg-wrap .rf-main-wrapper .action-container>.terms-and-conds {
        width: 71%;
    }
    .fast-reg-wrap .rf-main-wrapper button.rf-submit-button {
        font-size: 14px;
        padding: 5px 25px;
    }
    .fast-reg-wrap .rf-main-wrapper .action-container>.terms-and-conds,
    .fast-reg-wrap .regform-item>.item-label {
        font-size: 9px;
    }
    .kr .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 122px !important;
    }
}

@media only screen and (max-width:479px) { 
    body {
        background: url(../_images/bg-480.20230828.jpg) no-repeat center 45px;
        background-size: 480px;
    }

    main {
        height: 730px;
    }

    .normal-reg-container {
        height: 380px;
        width: 320px;
    }

    .fast-reg-wrap {
        width: 100%;

    }

    .top-heading-slider {
        width: 300px;
        margin-top: 250px;
    }

    .container {
        width: 320px;
    }

    .head-txt-1 {
        font-size: 30px;
    }
    .head-txt-1-sub {
        font-size: 20px;
    }
    .head-txt-2 {
        font-size: 14px;
    }
    
    img.tpl-desktop-sponsor {
        display: none !important;
    }
    img.tpl-mobile-sponsor {
        display: inline-block !important;
        max-width: 300px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .tpl-contacts, .tpl-partners {
        float: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        width: 100% !important;
    }
    .tpl-contacts span.tpl-social-media {
        display: block !important;
        margin-top: 20px !important;
    }
    .slick-dots li button:before {
        color: #ffffff;
        opacity: 1;
    }
    .slick-dots li.slick-active button:before {
        color: #fae432;
    }
    .slick-dots li {
        margin: 0;
        width: 15px;
        height: 15px;
    }
    .slick-dots {
        bottom: -10px;
    }
    .fast-reg-wrap {
        margin-top: 0;
    }
    .tpl-copyright {
        padding: 10px 0px;
    }

    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, 
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
        width: 40px !important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 72px !important;
    }
    .fast-reg-wrap .rf-main-wrapper button.rf-submit-button {
        font-size: 12px;
        padding: 5px 20px;
    }
    .id .head-txt-1 {
        font-size: 24px;
    }
    .in .head-txt-1 {
        font-size: 28px;
    }
    .kr .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
        width: 72px !important;
    }
    .th .head-txt-1 {
        font-size: 24px;
    }
    .th .head-txt-1-sub {
        font-size: 18px;
    }
    .vn .head-txt-1 {
        font-size: 28px;
    }
    .vn .head-txt-1-sub {
        font-size: 18px;
    }
    .vn .head-txt-2 {
        font-size: 14px;
    }
}
