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

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

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

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

@media only screen and (max-width: 1100px) {
	.tpl-navbar-section.tpl-header7 ul li a,
	.tpl-navbar-section.tpl-header8 ul li a {
		font-size: 13px;
	}
}
@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,
    .tpl-header7,
    .tpl-header8 {
        height: 60px;
    }
	.tpl-navbar-section.tpl-header7,
	.tpl-navbar-section.tpl-header8{
		height: auto;
		z-index:11;
		position: relative;
	}

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

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

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

    .tpl-header4 .tpl-back-btn,
    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-back-btn,
    .tpl-header5 .tpl-download-faq,
	.tpl-header7 .tpl-back-btn,
    .tpl-header7 .tpl-download-faq,
	.tpl-header8 .tpl-back-btn,
    .tpl-header8 .tpl-download-faq {
        width: 29%;
    }

    .tpl-header4 .tpl-box,
    .tpl-header5 .tpl-box,
    .tpl-header7 .tpl-box,
    .tpl-header8 .tpl-box {
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
	
	.tpl-header7 .tpl-back-btn.tpl-box,
	.tpl-header8 .tpl-back-btn.tpl-box {
        text-align: left;
		padding-left:20px;
	}
	.tpl-header7 .tpl-back-btn.tpl-box #tpl-back-button,
	.tpl-header8 .tpl-back-btn.tpl-box #tpl-back-button{
		position: absolute;
		top: 95px;
		left: 18px;
		z-index:1;
	}

    .tpl-header5 .tpl-right-nav,
    .tpl-header7 .tpl-right-nav,
    .tpl-header8 .tpl-right-nav {
        display: none;
    }

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

    .tpl-header4 .tpl-download-faq a,
    .tpl-header5 .tpl-download-faq a,
    .tpl-header7 .tpl-download-faq a,
    .tpl-header8 .tpl-download-faq a {
        display: inline-block;
        margin: 0 2px;
    }
	
	.tpl-header8 .tpl-products-menu-wrap,
	.tpl-header8 .tpl-link-outs-wrap {
		float: none;
	}
	.tpl-navbar-section.tpl-header8{
		max-width: 280px;
	}
	.tpl-navbar-section.tpl-header8 {
		display: block;
		-webkit-transition: left .2s;
		transition: left .2s;
		position: fixed;
		top: 0;
		left: -280px;
		bottom: 0;
		width: 280px;
	}
	.tpl-nav-prod, .tpl-navbar-section.tpl-header8.active {
		left:0;
		z-index: 999;
	}
	.tpl-header8 .tpl-navbar-mobile-logo{
		display:block;
		text-align:center;
	}
	.tpl-header8 .tpl-navbar-mobile-logo img{
		width: 144px;
		margin-top: 13px;
	}
	.tpl-header8 .tpl-products-menu-wrap{
		margin-top:3px;
	}
	.tpl-header8 .tpl-link-outs-wrap ul li, .tpl-header8 .tpl-products-menu-wrap ul li {
		padding:0;
	}
	.tpl-navbar-section.tpl-header8 ul li a {
		width: 88px;
		height: 67px;
		padding: 2px;
		text-align: center;
		margin: 1.5% 0 1.5% 5.5%;
		border: 1px solid #5e5e5e;
		text-transform: uppercase;
		font-size:10px;
		line-height: 15px;
		vertical-align: top;
	}
	.tpl-navbar-section.tpl-header8 ul li a div.tpl-product-icon{
		display:block;
	}
	.tpl-navbar-section.tpl-header8 ul li a:hover {
		background: none;
		border: 1px solid #ffe000;
	}
	.tpl-header8 .tpl-menu-title{
		display:block;
	}
}

@media only screen and (max-width:800px) {
    #tpl-partners-uk {
        display: none;
    }

    #tpl-partners-uk-mobile {
        display: inline-block;
    }

    #tpl-payments-uk {
        display: none;
    }

    #tpl-payments-uk-med {
        display: inline-block;
    }
}

@media only screen and (max-width:430px) {
    #tpl-partners-uk-mobile {
        max-width: 367px;
        width: 90%;
    }

    #tpl-payments-uk-med {
        display: none;
    }

    #tpl-payments-uk-small {
        display: inline-block;
    }
}

@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;
    }
	.tpl-navbar-section.tpl-header7 ul li a{
		font-size: 10px;
	}
}

@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,
    .tpl-header7 .tpl-back-btn,
    .tpl-header8 .tpl-back-btn {
        width: 15%;
    }

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

    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-download-faq,
    .tpl-header7 .tpl-download-faq,
    .tpl-header8 .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-header7 .tpl-back-btn,
	.tpl-header8 .tpl-back-btn {
        width: 17%;
    }

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

    .tpl-header4 .tpl-download-faq,
    .tpl-header5 .tpl-download-faq,
    .tpl-header7 .tpl-download-faq,
    .tpl-header8 .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;
    }
}