@media only screen and (max-width:1024px) {
    main {
        background: url(../img/bg-767.jpg) no-repeat center;
        background-position-y: -50px;    
    }

    .main-wrapper {
        padding: 20px 0 10px;
    }

    .title-img {
        width: 70%;
    }

    .big {
        font-size: 24px;
    }

    .slide-content {
        font-size: 20px;
    }

    .slick-dotted.slick-slider {
        margin-top: -20px;
    }

    .slick-arrow {
        width: 20px;
    }

    .three-line-slider {
        top: 15px;
    }
    
    .two-line-slider {
        top: 20px;
    }

    .risk-sentence {
        margin: 30px auto 20px;
        font-size: 12px;
    }

    /*FORM*/
    .rf-main-wrapper {
        font-size: 12px !important;
    }

    .regform-item>.item-element-wrapper input,
    .regform-item>.item-element-wrapper select {
        height: 35px !important;
    }

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

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

    /*FORM*/

}

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

    main {
        background: url(../img/bg-600.jpg) no-repeat center 0px;
    }

    .big {
        font-size: 18px;
    }

    .slide-content {
        font-size: 14px;
    }

    /*FORM*/
    .rf-main-wrapper {
        font-size: 10px !important;
    }

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

    .rf-main-wrapper .password-visibility-icon, 
    .rf-main-wrapper .validation-icon {
        top: 2px!important;
    }

    .country-area-code span.trigger {
        top: -6px !important;
    }

}

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

    main {
        background: url(../img/bg-480.jpg) no-repeat center -80px;
        background-color: #0d1431;
    }

    .main-wrapper {
        padding: 30px 0 10px;
    }

    .row {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .col {
        width: 100%;
    }

    .big {
        font-size: 24px;
    }

    .slide-content {
        font-size: 20px;
    }

    .slick-dotted.slick-slider {
        top: -30px;
    }

    .join-now.mobile {
        display: block;
        position: relative;
        top: 140px;
    }

    img.slick-arrow:first-child {
        position: relative;
        left: 20px;
        z-index: 99;
    }

    img.slick-arrow {
        position: relative;
        right: 20px;
        z-index: 99;
    }

    .three-line-slider {
        top: 20px;
    }
    
    .two-line-slider {
        top: 30px;
    }

    .risk-sentence {
        margin: 30px auto 20px;
        font-size: 16px;
        width: 73%;
    }

    /*FORM*/
    .form-container {
        margin-top: 370px;
    }
    .rf-main-wrapper {
        width: 400px!important;
    }
    .registration-form {
        padding: 10px 30px 30px 15px !important;
    }

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

    .country-area-code span.trigger {
        top: -2px !important;
    }

    .tpl-header {
        height: unset!important;
    }

}

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

    main {
        background: url(../img/bg-320.jpg) no-repeat center -70px;
        background-color: #17224f;
        background-size: auto;
    }

    .big {
        font-size: 18px;
    }

    .slide-content {
        font-size: 14px;
    }

    .slick-arrow {
        width: 12px;
    }

    img.slick-arrow:first-child {
        left: 15px;
    }

    img.slick-arrow {
        right: 15px;
    }

    .join-now.mobile {
        top: 100px;
    }

    .join-now-btn {
        padding: 7px 15px;
        font-size: 18px;
    }

    .three-line-slider {
        top: 15px;
    }
    
    .two-line-slider {
        top: 20px;
    }

    .risk-sentence {
        font-size: 13px;
        width: 90%;
    }

    /* .slick-initialized .slick-slide {
        padding: 0 15vw;
    } */

    /*FORM*/
    .rf-main-wrapper {
        width: 310px!important;
    }

    .form-container {
        margin-top: 370px;
    }

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

    .rf-main-wrapper button.rf-submit-button {
        padding: 10px 20px!important;
    }

    .rf-main-wrapper button.rf-submit-button {
        font-size: 16px !important;
    }
	#regForm_mobile_number{
		font-size:10px !important;
		padding: 3px 0px 0px !important;
		padding-left: 93px !important;
	}
	.country-area-code span.trigger:before {
		margin-right: 18px !important;
	}
}

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

    /* .slick-initialized .slick-slide {
        padding: 0 10vw;
    } */
}