/* @media 1440px */
@media screen and (max-width: 1440px) {
    /* Big promo */
    .big-promo-img img {
        width: 55%;
    }
    .big-promo .registration-bonus {
        transform: translate(90%, -85%);
    }
}   

/* @media 1280px */
@media screen and (max-width: 1280px) {
    /* Container */
    .container {
        max-width: 980px;
    }

    /* Intro */
    .intro-cnt h1 {
        max-width: 707px;
    }
    .intro-cnt p {
        max-width: 480px;
    }

    /* Content */
    .site-item {
        width: 41.75%;
    }
    .site-info {
        width: 56.17%;
    }
    .registration {
        align-items: flex-end;
    }
    .registration-item {
        width: 45%;
    }
    .registration-info {
        width: 52%;
    }
    .registration-bonus {
        transform: translate(6%, -37%);
    }
    .registration-info ul li {
        margin: 0 9px 0 0;
        padding: 6px 8px;
    }
    .howtodo,
    .access {
        padding: 150px 0 0 0;
    }
    .howtodo-item {
        width: 40%;
    }
    .howtodo-info {
        width: 55%;
    }
    .contanet-decor-2 {
        transform: translate(-6%, -254%) scale(2.2);
    }

    /* Big promo */
    .big-promo-info {
        width: 40%;
    }
}

/* @media 1000px */
@media screen and (max-width: 1000px) {
    /* Container */
    .container {
        max-width: none;
        width: 100%;
    }
    
    .__intro p {

    max-width: 100%;
    }

    /* Основные стили */
    h1 {
        font-size: 36px;
        line-height: 36px;
    }

    /* Intro */
    .intro {
        padding: 0 0 500px 0;
    }
    .intro::before {
        background: url(../img/intro/background-3.jpg) center right / cover no-repeat;
    }
    .header {
        flex-direction: row-reverse;
        border-radius: 0 0 40px 40px;
    }
    /* .header-ul {
        margin: 0;
        width: 98%;
        justify-content: center;
        border-top: 1px solid rgba(2, 36, 130, 0.1);
        order: 1;
    }
    .header-ul li {
        padding: 20px 0;
    } */
    .header-row {
        display: flex;
        padding: 10px 0;
        width: 100%;
        justify-content: space-around;
        order: 0;
    }    
    .header-logo {
        position: static;
        width: 113px;
        height: 60px;
        transform: none;
    }
    .header-btn span {
        text-decoration: underline;
    }
	
	.header-nav p {
    display: none;
}
    .intro-cnt {
        margin: 0 auto;
        padding: 50px 0;
        width: 90%;
    }
    .intro-cnt h1 {
        max-width: none;
    }
    .intro-cnt p {
        max-width: none;
    }

    /* Ticker */
    .ticker-box {
        padding: 10px 0;
    }
    .ticker {
        font-size: 25px;
        line-height: 25px;
    }

    /* Content */
    .content {
        margin: 0 auto;
        padding: 90px 40px 120px 40px;
        width: 100%;
    }
    /* Site */
    .site {
        flex-direction: column;
    }
    .site-mobile {
        display: block;
        order: 0;
    }
    .site-item {
        order: 2;
    }
    .site-item h2,
    .registration-info h2,
    .app-item h2 {
        display: none;
    }
    .site-info {
        margin: 20px 0;
        padding: 20px 30px;
        width: 100%;
        box-shadow: none;
    }
    .site-info p {
        max-width: none;
    }
    .site-item button {
        margin: 0 auto;
    }

    /* Registration */
    .registration {
        padding: 90px 0 0 0;
        flex-direction: column;
    }
    .registration-item {
        margin: 20px 0;
        width: 100%;
        min-height: 670px;
        order: 1;
    }
    .registration-info {
        width: 100%;
        order: 2;
    }
    .mw-557 {
        max-width: none;
    }
    .registration-info button {
        margin: 0 auto;
    }

    /* Reasons */
    .reasons {
        padding: 90px 0 0 0;
    }
    .reasons-row {
        flex-direction: column;
    }
    .reasons-item {
        margin: 0 0 50px 0;
        width: 100%;
        box-shadow: 0px 7px 6px rgb(25 41 75 / 10%);
    }
    .reasons button {
        margin: 0 auto;
    }

    /* howtodo */
    .howtodo {
        padding: 90px 0 0 0;
        flex-direction: column;
    }
    .howtodo-item h2 {
        display: none;
    }
    .howtodo-info {
        margin: 20px 0;
        padding: 20px 30px;
        width: 100%;
        order: 1;
        box-shadow: -16px 6px 5px rgb(25 41 75 / 10%);
    }
    .howtodo-item {
        margin: 0 auto;
        min-width: 408px;
        order: 2;
    }
    /* Access */
    .access {
        padding: 90px 0 0 0;
    }
    .access-info {
        width: 100%;
    }
    .access-info h2 {
        margin: 0 0 30px 0;
    }
    .access-img {
        display: none;
    }
    .access-img-2 {
        margin: 20px 0;
        display: block;
        width: 100%;
    }
    .access-info button {
        margin: 0 auto;
    }

    .contanet-decor-2 {
        transform: translate(-6%, -312%) scale(2.2);
    }
    .contanet-decor-3 {
        transform: translate(-6%, 400%) scale(3);
    }

    /* Big promo */
    .big-promo {
        padding: 0;
    }
    .big-promo-img {
        display: none;
    }
    .big-promo-row {
        padding: 90px 40px 30px 40px;
        flex-direction: column;
    }
    .big-promo-info {
        width: 100%;
    }
    .big-promo-info h2 {
        max-width: none;
        width: 100%;
    }
    .big-promo-info p {
        max-width: none;
    }
    .big-promo-row .registration-body {
        justify-content: flex-start;
    }
    .big-promo .registration-bonus {
        display: none;
    }
    .big-promo-row .registration-bonus {
        position: static;
        margin: 0 auto;
        padding: 14.5px 30px;
        max-width: 300px;
        transform: none;
        display: block;
    }
    .big-promo-row .registration-bonus p {
        margin: 0 10px 0 0;
    }
    .big-promo-info button {
        margin: 20px auto 0 auto;
    }
    .big-promo-tablet {
        width: 100%;
        height: 956px;
        background: url('../img/big-promo/background-tablet.png') center / cover no-repeat;
    }

    /* Reviews */
    .reviews {
        padding: 70px 40px;
    }
    .reviews-review {
        padding: 20px;
    }

    /* Reviews-form */
    .reviews-form {
        width: 100%;
    }
    .reviews-form input,
    .reviews-form textarea {
        padding: 10px;
    }
    .reviews-form-top {
        flex-direction: column;
    }
    .reviews-form-top div {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .reviews-form-top div:last-child {
        margin: 0;
    }
    .reviews-form textarea {
        width: 100%;
        height: 200px;
    }

    /* App */
    .app {
        padding: 24px 0 100px 0;
    }
    .app .contanet-decor-1 {
        transform: translate(-6%, 292%) scale(3);
    }
    .app .contanet-decor-2 {
        bottom: 50%;
        transform: translate(-6%, 185%) scale(2.8);
    }
    .app-intro {
        flex-direction: column;
        margin: 0 auto;
        padding: 50px 0;
        width: 90%;
    }
    .app-body {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .app-body h1 {
        margin: 0 0 15px 0;
        min-width: auto;
    }
    .app-img {
        margin: 0 auto;
        width: 100%;
        height: 980px;
		background-size:contain;
    }
    .app-row {
        flex-direction: column;
        padding: 0 40px;
    }
    .app .site-info {
        order: 1;
    }
    .app-item {
        width: auto;
        order: 2;
    }
    .app-item button {
        margin: 0 auto;
    }

    /* Footer */
    .footer {
        padding: 30px 40px 40px 40px;
    }
    .footer-row {
        flex-direction: column;
    }
    .footer ul {
        margin: 20px 0 0 0;
        width: 100%;
    }
/* 	add style */
	
#menu-mobile-menu.show{
	display:block !important;
	position:absolute;
/* 	top:5%; */
	transform:translate(0, 10%);
	left:0;
	right:0;
	padding-top: 8%;
	z-index:10;
}
	
	.show li {
	font-size: 12px;
	line-height: 14px;
	width:50%;
}
.show li a {
	font-size: 12px;
	line-height: 14px;
}
	
	
	
}

/* @media 425px */
@media screen and (max-width: 1000px) {
    /* Основные стили */
    h1 {
        font-size: 23px;
        line-height: 27px;
        letter-spacing: -0.04em;
    }
    h2 {
        font-size: 22px;
        line-height: 26px;
    }
    h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 100%;
    }
    p {
        font-size: 15px;
        line-height: 130%;
    }
    .main-btn {
        padding: 17.5px 10px 17.5px 20px;
        justify-content: space-between;
        width: 100%;
    }
    .main-btn span {
        margin: 0 5px 0 0;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.02em;
        text-align: left;
    }
    .main-btn img {
        padding: 5px;
    }
    .main-btn:hover.main-btn img {
        padding: 5px 2px 5px 8px;
    }

    /* Intro */
    .intro {
        padding: 0 0 324px 0;
         position: relative;
        z-index: 100;
    }
  .intro::before {
    background: url(../img/intro/background-3.jpg) bottom / contain no-repeat;
    background-size: 100% auto;
    background-position: center;
}
    .header {
        padding: 0 10px;
        border-radius: 0px 0px 30px 30px;
        position:relative;
        z-index:15;
    }
    .header-row {
        padding: 13px 5px 9px 5px;
        justify-content: space-between;
        align-items: center;
    }
    .header-logo {
        width: 80px;
        height: 42px;
    }
    .header-btn span {
        margin: 0 5px 0 0;
        font-size: 12px;
        line-height: 14px;
        text-decoration: underline;
    }
    .header-btn img {
        padding: 5px;
    }
    .header-btn:hover.header-btn img {
        padding: 5px 2px 5px 8px;
    }
    /* .header-ul {
        width: 100%;
        justify-content: space-around;
    }
    .header-ul li {
        margin: 0;
        padding: 15px 0 10px 0;
        font-size: 14px;
        line-height: 16px;
    }
    .header-ul li::before {
        height: 4px;
    } */
    .header-nav p {
        display: none;
    }
    .header-nav img {
        margin: 0 0 0 18px;
        width: 32px;
        height: 22px;
    }
    .intro-cnt {
        padding: 27px 0 0 0;
        width: 95%;
    }
    .intro-cnt h1 {
        margin: 0 0 15px 0;
    }
    .promo {
        margin: 0 0 15px 0;
        padding: 13px;
    }
    .promo p {
        margin: 0 10px 0 0;
        font-size: 16px;
        line-height: 100%;
    }
    .promo img {
        width: 15px;
        height: 20px;
        transform: translateY(-30%);
    }
    .intro .main-btn span {
           max-width: 100%;
    }
    /* Ticker */
    .ticker-box {
        padding: 17px 0;
    }
    .ticker {
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        animation: none;
        white-space: normal;
    }
    .ticker:after{
        content: "* 1WIN - MEILLEUR FOURNISSEUR* DE PARIS SPORTIFS ";
    }
    .ticker-hindi:after {
    content: "* 1WIN-सर्वश्रेष्ठ खेल सट्टेबाजी सेवा प्रदाता ";
}
    
    /* Content */
    .content {
        padding: 50px 10px 70px 10px;
    }

    /* site */
    .site-body img {
        display: none;
    }
    .site-info {
        padding: 20px;
    }
    .site-item {
        width: 100%;
    }
    .site-item button {
        min-width: 100%;
    }
    /* registration */
    .registration {
        padding: 70px 0 0 0;
    }
    .registration-bonus {
        display: none;
    }
    .registration-item {
        margin: 15px 0 20px 0;
        height: 364px;
        min-height: auto;
    }
    .registration-info ul {
        flex-direction: column;
    }
    .registration-info ul li {
        margin: 0 0 15px 0;
        padding: 6px 19px;
        width: 197px;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
    }
    .registration-info ul li:first-child {
        width: 109px;
    }
    .registration-info ul li:last-child {
        width: 199px;
        margin: 0;
    }
    .registration-info button {
        min-width: auto;
    }
    /* reasons */
    .reasons {
        padding: 70px 0 0 0;
    }
    .reasons-row {
        margin: 20px 0 0 0;
    }
    .reasons-item {
        margin: 0 0 20px 0;
        padding: 57px 15px 30px 20px;
    }
    .reasons-icon {
        width: 50px;
        height: 50px;
        transform: translate(35%, -15%);
    }
    .reasons button {
        min-width: auto;
        justify-content: space-between;
        width: 100%;
    }

    /* howtodo */
    .howtodo {
        padding: 70px 0 0 0;
    }
    .howtodo-info {
        padding: 20px;
    }
    .howtodo-item {
        width: 100%;
        min-width: auto;
    }

    .access {
        padding: 70px 0 0 0;
    }
    .access-info button {
        min-width: auto;
        width: 100%;
    }

    .contanet-decor-1 {
        transform: translate(-6%, 98%) scale(3);
    }
    .contanet-decor-2 {
        display: none;
    }
    .contanet-decor-3 {
        transform: translate(-6%, 400%) scale(3);
    }

    /* Big promo */
    .big-promo-row {
        padding: 40px 10px 10px 10px;
    }
    .big-promo button {
        min-width: auto;
        width: 100%;
    }
    .big-promo-tablet {
        height: 320px;
    }
    
    /* Reviews */
    .reviews {
        padding: 70px 10px 40px 10px;
    }
    .reviews-row h2 {
        margin: 0 0 20px 0;
    }
    .reviews-btn {
        margin: 0 0 20px 0;
        padding: 17px;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
    }
    .reviews-review {
        padding: 20px;
        align-items: flex-start;
    }
    .reviews-img {
        margin: 3.8px 9.8px 0 0;
        width: 30px;
        height: 30px;
    }
    .reviews-i {
        display: block;
        margin: 0 0 10px 5.2px;
        padding: 0;
    }
    .reviews-i h3 {
        position: static;
        margin: 0 0 1px 0;
    }
    .reviews-ul {
        margin: 20px 0 0 0;
    }

    /* Reviews-form */
    .reviews-form-top div,
    .reviews-form-top,
    .reviews-form {
        margin: 0;
    }
    .reviews-form label {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 16px;
    }
    .reviews-form input,
    .reviews-form textarea {
        margin: 0 0 20px 0;
        padding: 17px 22px;
    }

    /* App */
    .app-intro {
        padding: 25px 10px 70px 10px;
        width: 100%;
    }
    .app-body button {
        min-width: auto;
    }
    .app-img {
        margin: 10px auto;
        height: 468px;
    }
    .app .contanet-decor-1 {
        transform: translate(-6%, 175%) scale(3);
    }
    .app-row {
        padding: 30px 10px 10px 10px;
    }
    .app-item button {
        min-width: auto;
    }

    .app .contanet-decor-2 {
        display: block;
    }
    .app .contanet-decor-2 {
        bottom: 50%;
        transform: translate(22%, 103%) scale(2.8);
    }
    
    /* Footer */
    .footer {
        padding: 20px 10px 35px 10px;
        position:relative;
        z-index:100;
    }
    .footer-logo {
        width: 89px;
    }
    .footer ul {
        margin: 6px 0 0 0;
    }
    .footer ul li {
        margin: 18px 0 0 0;
        width: 48%;
        font-size: 12px;
        line-height: 14px;
    }
    /* Succes-promo */
    .succes-promo {
        padding: 5px;
    }
    .succes-promo p {
        font-size: 14px;
        line-height: 16px;
    }
	
	#menu-mobile-menu.show {
		padding-top:10%;
	}
}

@media screen and (max-width: 375px) {
    .contanet-decor-1 {
        transform: translate(-6%, 120%) scale(3);
    }
    .contanet-decor-3 {
        transform: translate(-6%, 439%) scale(3);
    }
    .app .contanet-decor-2 {
        bottom: 50%;
        transform: translate(22%, 111%) scale(2.8);
    }
	.app-img {
   background-size: cover;
}
}

@media screen and (max-width: 320px) {
    .contanet-decor-1 {
        transform: translate(-6%, 152%) scale(3);
    }
    .contanet-decor-3 {
        transform: translate(-6%, 504%) scale(3);
    }
    .app .contanet-decor-1 {
        transform: translate(-6%, 186%) scale(3);
    }
    .app .contanet-decor-2 {
        bottom: 50%;
        transform: translate(22%, 134%) scale(2.8);
    }
}