/* responsive.css */
body {
    min-width: 250px;
}

.tpl-inner {
    max-width: 1000px;
    width: 100%;
}

body.pl .tpl-footer .tpl-inner{
	max-width:1050px;
}

.tpl-header4 .tpl-back-btn, .tpl-header4 .tpl-download-faq,
.tpl-header5 .tpl-back-btn, .tpl-header5 .tpl-download-faq {
    display: none;
}

@media only screen and (max-width:1023px) {
    .tpl-contacts,
    .tpl-partners {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .tpl-header > .tpl-inner {
        padding: 0 20px;
    }

    .tpl-nav-prod,
    .tpl-navbar-section {
        display: none;
    }

    .tpl-footer >.tpl-inner {
        padding: 10px;
    }

    .tpl-lang-wrap {
        display: block;
    }

    .tpl-partners img {
        max-width: 580px;
        width: 100%;
    }

    .tpl-inner-right-nav {
        width: 399px;
    }

    .tpl-header2 .tpl-lang-trigger {
        padding: 4px 5px;
    }

    .tpl-header2 .tpl-lang-wrap {
        width: 150px;
        left: 140px;
    }

    .tpl-download-btn {
        font-size: 11px;
    }

    .tpl-join-now {
        padding: 5px;
    }

    .id .tpl-join-now,
    .vn .tpl-join-now {
        font-size: 7px;
        width: 104px;
        padding: 8px 5px;
    }

    .tpl-header4, .tpl-header5 {
        height: 60px;
    }

    .tpl-header4 > .tpl-inner,
    .tpl-header5 > .tpl-inner {
        padding: 0;
    }

    .tpl-header4 .tpl-logo-wrap,
    .tpl-header5 .tpl-logo-wrap {
        width: 40%;
        float: none;
        margin-top: 0;
    }

    .tpl-header4 .tpl-logo-wrap img,
    .tpl-header5 .tpl-logo-wrap img {
        width: 145px
    }

    .tpl-header4 .tpl-box ,
    .tpl-header5 .tpl-box {
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }

    .tpl-header4 .tpl-back-btn,
    .tpl-header5 .tpl-back-btn {
        width: 29%;
    }

    .tpl-header4 .tpl-back-btn a img,
    .tpl-header5 .tpl-back-btn a img {
        margin-top: 3px;
    }

    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-download-faq {
        width: 29%;
    }

    .tpl-header4 .tpl-download-faq a,
    .tpl-header5 .tpl-download-faq a {
        display: inline-block;
        margin: 0 2px;
    }
}

@media only screen and (max-width:767px) {
    .tpl-logo-wrap {
        width: 186px;
        margin-top: 6px;
    }

    .tpl-inner-right-nav {
        width: 317px;
    }

    .tpl-header2 .tpl-txt-lang {
        display: none;
    }

    .tpl-header2 .tpl-lang-wrap {
        width: 64px;
    }

    .tpl-header.tpl-header2 {
        height: 66px;
        padding: 6px 0;
    }
}

@media only screen and (max-width:599px) {
    .tpl-header {
        height: 60px;
    }

    .tpl-logo-wrap {
        width: 145px;
        margin-top: 0;
    }

    .tpl-lang-wrap {
        top: 2px;
    }

    .tpl-right-nav {
        width: 189px;
        position: absolute;
        top: 2px;
        right: 0;
        padding-top: 24px;
    }

    .tpl-header2 .tpl-logo-wrap {
        margin-top: 11px;
    }

    .tpl-header2 .tpl-lang-wrap {
        position: absolute;
        left: 0;
        width: 180px;
        top: 0;
    }

    .id .tpl-header2 .tpl-lang-wrap,
    .vn .tpl-header2 .tpl-lang-wrap {
        left: 0;
    }

    .tpl-download-btn,
    .tpl-join-now {
        float: none;
        display: inline-block;
        position: absolute;
        top: 30px;
        font-size: 8px;
    }

    .tpl-download-btn {
        width: 101px;
    }

    .tpl-join-now {
        padding: 5px 0;
        left: 106px;
        width: 73px;
    }

    .tpl-header2 .tpl-txt-lang {
        display: block;
    }

    .id .tpl-join-now,
    .vn .tpl-join-now {
        width: 74px;
        padding: 6px 5px;
        font-size: 6px;
    }
}

@media only screen and (max-width:479px) {
    img.tpl-desktop-sponsor {
        display: none;
    }

    img.tpl-mobile-sponsor {
        display: inline-block;
        max-width: 300px;
        width: 100%;
        margin-bottom: 20px;
    }

    .tpl-contacts span.tpl-social-media {
        display: block;
        margin-top: 20px;
    }

    .tpl-lang-wrap {
        width: 110px;
    }

    .tpl-txt-lang {
        line-height: 1.5;
        font-size: 12px;
    }

    #tpl-lang-eu .tpl-txt-lang,
    #tpl-lang-id .tpl-txt-lang {
        line-height: 1;
    }

    .tpl-lang-select li a {
        padding: 7px;
    }

    .tpl-lang-trigger {
        padding: 5px 5px 9px;
    }

    .tpl-header.tpl-header2>.tpl-inner {
        padding: 0 3px;
    }
}

@media only screen and (max-width:350px) {
    .tpl-right-nav {
        width: 155px;
    }

    .tpl-header2 .tpl-lang-wrap {
        width: 150px;
    }

    .tpl-download-btn {
        width: 82px;
    }

    .tpl-join-now {
        left: 85px;
        width: 64px;
    }

    .id .tpl-join-now,
    .vn .tpl-join-now {
        font-size: 5px;
        width: 66px;
        padding: 7px 5px;
    }

    .tpl-header4 .tpl-back-btn,
    .tpl-header5 .tpl-back-btn {
        width: 15%;
    }

    .tpl-header4 .tpl-logo-wrap,
    .tpl-header5 .tpl-logo-wrap {
        width: 55%;
    }

    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-download-faq {
        width: 25%;
        text-align: right;
    }
}

@media only screen and (max-width:320px) {
    .tpl-header4 .tpl-back-btn,
    .tpl-header5 .tpl-back-btn {
        width: 12%;
    }

    .tpl-header4 .tpl-logo-wrap,
    .tpl-header5 .tpl-logo-wrap {
        width: 55%;
    }

    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-download-faq {
        width: 28%;
    }
}

@media only screen and (max-width:295px) {
    .tpl-lang-wrap {
        width: 50px;
    }

    .tpl-txt-lang {
        display: none;
    }

    .tpl-lang-trigger .tpl-sprt.tpl-arw-lang {
        right: 2px;
    }
}