
@media only screen and (max-width : 1199px) {
    .sections-wrapper {
        background-size: cover;
    }
    .promo {
        position: relative;

        margin-bottom: 526px;
    }

    .promo-tab-link {
        color: #00679d;
    }
}

@media only screen and (max-width : 1110px) {
    .reviews-wrapper {
        display: block;

        padding-bottom: 15px;
    }

    .reviews-column {
        width: 80%;
        margin: 0 auto;
    }

    .reviews-item {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .header-chocker {
        bottom: -17px;

        width: 200px;
        height: 108px;
    }
    .main-header {
        background-position: -528px top;
    }

    .header-app-wrapper {
        right: 295px;
    }
}

@media only screen and (max-width : 1080px) {
    .header-app-wrapper {
        right: 263px;
    }
}
@media only screen and (max-width : 1030px) {
    .header-app-wrapper {
        right: 215px;
    }
}
@media only screen and (max-width : 1020px) {
    .header-app-wrapper {
        display: none;
    }

    .main-header {
        background-image: url(../img/header-bg.jpg);
    }
}

@media only screen and (max-width : 985px) {
    .form-column-right {
        padding-right: 10px;
    }
}

@media only screen and (max-width : 940px) {
    .form-column-left {
        display: none;
    }

    .form {
        background-image: none;
    }

    .form-column-right {
        width: 100%;
        padding-left: 10px;
    }

    .form-input {
        margin: 5px;
    }

    .order-new-price {
        font-size: 60px;
    }

    .order-submit {
        width: 100%;
        max-width: 320px;
    }

    .question-submit {
        width: 100%;
        max-width: 320px;
    }

    .green-button {
        width: 100%;
        max-width: 320px;
    }

    .green-button-shine {
        width: 100%;
        max-width: 320px;
    }

    .green-button-content {
        width: 100%;
        max-width: 320px;
    }

    .green-button-text {
        font-size: 16px;
    }
}

@media only screen and (max-width : 940px) {
    .main-header {
        background-position: center top;
        background-size: cover;
    }
}

@media only screen and (max-width : 900px) {
    .header-top-nav {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media only screen and (max-width : 885px) {
    .promo-tab-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .big-dog {
        width: 369px;
        height: 620px;
    }

    .promo-list-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .promo-list {
        margin-left: 285px;
    }

    .promo {
        margin-bottom: 140px;
    }

    .license-item {
        margin-bottom: 40px;
    }

    .fake-heading {
        color: #f68d33;
    }
}

@media only screen and (max-width : 870px) {
    .license-item {
        display: block;
    }
}

@media only screen and (max-width : 800px) {
    .delivery-description {
        padding: 0;
    }

    .reviews-column {
        width: 100%;
    }
}


@media only screen and (max-width : 780px) {
    .header-chocker {
        display: none;
    }
}

@media only screen and (max-width : 770px) {
    .footer-wrapper {
        display: block;

        padding-right: 0;
    }

    .footer-businessman {
        display: block;

        margin: 0 auto;
        margin-bottom: 15px;

        text-align: center;
    }

    .footer-social-list {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .footer-copyright {
        width: 131px;
        margin: 0 auto;
    }
}

@media only screen and (max-width : 750px) {
    .delivery-item {
        display: block;
    }

    .delivery-img {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .delivery-text {
        text-align: center;
    }
}

@media only screen and (max-width : 746px) {
    .header-top-wrapper {
        width: 100%;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media only screen and (max-width : 700px) {
    .section-heading {
        font-size: 35px;

        padding-top: 35px;
    }

    .fake-heading {
        font-size: 35px;
    }

    .promo-slogan {
        font-size: 22px;
    }

    .promo-paragraph-head {
        font-size: 20px;
    }

    .big-dog {
        display: none;
    }

    .promo-list {
        margin-left: 0;
    }
}

@media only screen and (max-width : 680px) {
    .main-header {
        background-position: -657px top;
    }
}

@media only screen and (max-width : 640px) {
    .promo-tab-link.active::before {
        top: -50px;

        width: 50px;
        height: 24px;
        margin-left: -25px;
    }
}

@media only screen and (max-width : 620px) {
    .fake-item {
        width: 100%;
        padding: 20px 10px 10px 10px;
    }
    .fake-item-img {
        position: static;

        width: 100%;
    }

    .fake-packing .fake-item-img {
        position: static;

        width: 100%;
    }

    .fake-instruction .fake-item-img {
        position: static;

        width: 100%;

        background-position: top center;
    }

    .fake-app .fake-item-img {
        position: static;

        width: 100%;
        height: 510px;

        background-position: top right;
    }

    .fake-app .fake-description::before {
        display: none;
    }
    .fake-app .fake-description {
        top: 73px;
        left: 100px;
    }

    .fake-os-wrapper {
        left: 31px;
    }

    .fake-color .fake-description {
        bottom: 30px;
    }

    .fake-color .fake-item-img {
        position: static;

        width: 100%;
    }

    .footer-tel-link {
        width: 100px;
        height: 100px;
    }

    .green-button.promo-tab-link {
        width: 150px;
        height: 50px;
        font-size: 16px;
        min-height: 50px;
    }

    .promo-tab-link .green-button-shine {
        width: 130px;
        height: 50px;
        min-height: 50px;
    }
    .promo-tab-link .green-button-content {
        width: 130px;
        height: 50px;
        min-height: 50px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .promo-tab-link .green-button-text {
        font-size: 12px;
    }

}

@media only screen and (max-width : 600px) {
    .reviews-item {
        display: block;
    }

    .reviews-photo {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .reviews-text {
        max-width: 100%;
    }

    .header-slogan {
        position: static;
    }

    .header-top-nav {
        margin-bottom: 50px;
    }
}



@media only screen and (max-width : 510px) {
    .header-slogan b {
        font-size: 72px;

        text-align: center;
    }

    .header-slogan span {
        font-size: 58px;

        text-align: center;
    }

    .header-slogan i {
        font-size: 40px;

        text-align: center;
    }

    .header-slogan {
        max-width: 100%;
    }
}

@media only screen and (max-width : 500px) {
    .promo-item {
        display: block;
    }

    .promo-logo {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .promo-paragraph {
        text-align: center;
    }

    .delivery-text {
        font-size: 18px;
    }

    .delivery-text span {
        font-size: 16px;
    }

    .delivery-description {
        font-size: 22px;
    }

    .footer-call-button {
        position: static;

        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: 15px;
    }
}

@media only screen and (max-width : 480px) {
    .fake-packing .fake-item-img {
        height: 270px;
    }

    .fake-item {
        height: 400px;
    }

    .fake-packing .fake-description {
        position: static;
        margin: 0 auto;
        text-align: center;
        transform: none;
    }

    .fake-packing .fake-description::before {
        display: none;
    }

    .fake-app .fake-item-img {
        height: 420px;
    }

    .fake-app .fake-description {
        top: 57px;
    }

    .fake-color .fake-item-img {
        position: relative;
        top: -110px;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .fake-color .fake-description::before {
        display: none;
    }

    .fake-instruction .fake-description::before {
        display: none;
    }
    .promo-tab-link {
        color: #fff;
    }

    .fake-heading {
        color: #fff;
    }

    .promo-tab-link.active::before {
        display: none;
    }
}

@media only screen and (max-width : 475px) {
    .promo-tab-list {
        display: block;
    }
    .green-button.promo-tab-link {
        margin: 0 auto;
    }
    .green-button.promo-tab-link {
        width: 220px;
        height: 50px;
        font-size: 16px;
        min-height: 50px;
    }

    .promo-tab-link .green-button-shine {
        width: 200px;
        height: 50px;
        min-height: 50px;
    }
    .promo-tab-link .green-button-content {
        width: 200px;
        height: 50px;
        min-height: 50px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .promo-tab-link .green-button-text {
        font-size: 16px;
    }
}

@media only screen and (max-width : 460px) {
    .license-item {
        width: 100%;
    }
}

@media only screen and (max-width : 455px) {
    .header-delivery {
        margin-bottom: 15px;
    }

    .main-header {
        background-position: -754px top;
    }
}

@media only screen and (max-width : 450px) {
    .promo-tab-link {
        font-size: 14px;
    }

    .fake-os-list {
        width: 60px;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .fake-os-item {
        margin-bottom: 20px;
    }

    .fake-os-wrapper {
        bottom: 50px;
    }

    .fake-app .fake-description {
        left: 50%;
    }

    .fake-color .fake-description {
        left: 50%;
        max-width: 220px;
        margin-left: 0;
    }

    .fake-description {
        text-align: center;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media only screen and (max-width : 400px) {
    .header-slogan b {
        font-size: 65px;

        text-align: center;
    }

    .header-slogan span {
        font-size: 50px;

        text-align: center;
    }

    .header-slogan i {
        font-size: 40px;

        text-align: center;
    }

    .call-me-popup {
        padding: 10px 20px 0 20px;
    }
}
@media only screen and (max-width : 370px) {
    .reviews-text {
        font-size: 14px;
    }

    .reviews-link {
        font-size: 13px;
    }
}
@media only screen and (max-width : 359px) {
    .fake-app .fake-item-img {
        position: relative;
        top: auto;
        right: -20px;
        bottom: -15px;
        left: auto;
    }
}
