@media screen and (max-width: 1100px) {
    body {
        min-width: 100% !important;
    }

    .logo a[href^="tel:"],
    .logo a[href^="mailto:"],
    .logo span {
        text-indent: initial;
    }

    #header {
        background: #000000 !important;
        width: 100% !important;
        position: fixed !important;
        padding: 0 !important;
        height: 80px !important;
    }

    #header .line {
        display: none;
    }

    #wrapper {
        width: 100% !important;
        margin-top: 80px !important;
    }

    .container {
        padding: 0 !important;
        max-width: 700px;
    }

    .row {
        display: inherit !important;
    }

    nav li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    nav li a {
    }

    nav a#pull {
        background: url(../images/menu.png) no-repeat !important;
        font-size: 0 !important;
        width: 55px !important;
        height: 30px !important;
        display: block !important;
    }

    #nav {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 13px !important;
    }

    .logo {
        background: url(../images/logo.png) center / contain no-repeat !important;
        background-size: 66px !important;
        background-position-x: 65px !important;
        background-position-y: 5px !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0;
    }

    #header .button {
        display: none;
        font-size: 0 !important;
        width: 40px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        margin-right: 10px !important;
        margin-top: 6px !important;
        background: url(../images/tel.png) no-repeat !important;
    }

    #header .whatsapp {
        display: block;
        font-size: 0 !important;
        width: 32px !important;
        height: 32px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        margin-right: 40px !important;
        margin-top: 22px !important;
        background: url(../images/whatsapp.png) no-repeat !important;
    }

    #nav > ul {
        background: #000000 !important;
        padding: 13px !important;
        z-index: 3 !important;
        margin-top: 29px !important;
    }

    nav ul {
        display: none;
        height: auto;
    }

    #products .parallax:nth-of-type(1) {
        display: none !important;
    }

    #products .parallax:nth-of-type(2) {
        display: none !important;
    }

    #products .parallax:nth-of-type(3) {
        display: none !important;
    }

    #products .parallax:nth-of-type(4) {
        display: none !important;
    }

    #products .parallax:nth-of-type(4) {
        display: none !important;
    }

    #products .parallax:nth-of-type(5) {
        display: none !important;
    }

    #products .parallax:nth-of-type(6) {
        display: none !important;
    }

    #products .coffee {
        display: none !important;
    }

    #feedback, #products {
        padding: 50px 0 50px !important;
    }

    .price-list {
        max-width: 735px !important;
        margin: auto !important;
    }

    #map .container {
        background: url(../images/map-border.png) no-repeat center;
    }

    #map ymaps[class$=controls__control],
    #map ymaps[class$=controls__toolbar_left] {
        left: 10px !important;
    }

    .reviews {
        margin: auto !important;
    }

    .reviews .visual {
        left: 10px;
    }

    #price {
        padding: 50px 0 50px !important;
    }

    #about {
        padding: 50px 0 50px !important;
    }

    #top {
        padding: 50px 0 50px !important;
    }

    #top .button.get-consultation {
        font-family: Roboto Slab, sans-serif;
        font-weight: bold;
        max-width: 280px;
        padding: 1px 20px;
        font-size: 14px;
        letter-spacing: 0.3px;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #get {
        padding: 50px 0 0px !important;
    }

    #contacts {
        padding: 50px 0 0px !important;
    }

    #price .decor:nth-of-type(7) {
        display: none !important;
    }

    #price .decor:nth-of-type(8) {
        display: none !important;
    }

    #price .decor:nth-of-type(1) {
        display: none !important;
    }

    #about .decor:nth-of-type(1) {
        display: none !important;
    }
    #contacts hr {
        height: 39px !important;
        margin: auto !important;
    }
    .numbers li.first-num {
        margin-left: 5px;
    }
    #contacts .decor:nth-child(7) {
        left: 80px;
    }
    #price .decor.wow.fadeIn,
    #about .decor.wow.fadeIn {
        display: none;
    }

    .popup-holder {
        position: fixed;
    }

    .popup-holder .call-me {
        display: none;
    }

    .popup-holder .call-me__mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .popup-holder .call-me__mobile .popup {
        position: relative;
        top: 0 !important;
        left: 0 !important;
    }

    .popup-holder .call-me__mobile .popup .holder {
        background-color: #ffffff;
        padding: 40px 20px 25px;
        max-width: 326px;
    }

    .popup-holder .call-me__mobile input {
        background-color: #e7e7e7;
        outline: none;
        border: 0;
        box-shadow: none;
        width: 325px;
    }

    .popup-holder .call-me__mobile input.button {
        max-width: 100%;
        background-color: #ebb800;
        font-size: 14px;
        letter-spacing: 1px;
        padding-top: 2px;
    }

    .popup-holder .call-me__mobile .holder .h1 {
        letter-spacing: 0.04em;
        text-align: left;
        font-size: 27px;
    }

    .popup-holder .call-me__mobile .holder p {
        text-align: left;
        margin-bottom: 25px;
        font-size: 14px;
    }

    .popup-holder .call-me__mobile .holder .close {
        background: url(../images/icons/cross.png) no-repeat;
        background-size: contain !important;
        width: 20px;
        height: 20px;
        top: 12px;
        right: 13px;
    }
}

@media screen and (max-width: 1000px) {
    #about .visual {
        padding-left: 20px !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    #about .info {
        float: none !important;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 915px) {
    #about .visual {
        padding-left: 20px !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 800px) {
    #price .decor:nth-of-type(3), #about .decor:nth-of-type(3) {
        display: none !important;
    }

    #price .decor:nth-of-type(4), #about .decor:nth-of-type(4) {
        display: none !important;
    }
}

@media screen and (max-width: 770px) {
    .options {
        margin: 0 auto;
    }
    .options li {
        margin: 0 auto;
    }
}

@media screen and (max-width: 755px) {
    ul.product {
        max-width: 470px;
    }
    .line {
        height: 460px;
    }
    .line .info, .line .visual {
        display: block;
    }
    .line .info {
        width: 400px;
        text-align: center;
        margin: 0 auto;
    }
    .border:after {
        display: none !important;
    }
}

@media screen and (max-width: 730px) {
    .price-list li {
        margin: auto !important;
        float: none !important;
        width: 100% !important;
        margin-top: 55px !important;
    }
    .price-list.central li {
        padding: 12px 0 25px;
    }
    .price-list.central li:before,
    .price-list.central li:after {
        background: url(../images/price-border.png) no-repeat 0 0;
        width: 221px;
    }
    .price-list.central li:after {
        background-position: 0 -20px;
        bottom: -9px;
    }
    #price .container > span {
        opacity: 0.4;
    }
    .options li {
        margin-top: 20px;
        float: none;
    }
    .price-list.central {
        padding: 0;
    }
    #map .container {
        background: none;
         min-height: 430px;
    }
    .numbers li.center-num,
    .numbers li {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .numbers li.center-num {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #contacts hr {
        background: url(../images/border-big360.png) no-repeat center !important;
        margin: auto !important;
        margin-bottom: 17px !important;
    }
    #contacts .h1 {
        margin-bottom: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    body {
        min-width: 100% !important;
    }

    #header .line {
        display: none;
    }

    #wrapper {
        width: 100% !important;
        margin-top: 80px !important;
    }

    .container {
        width: 100% !important;
        padding: 0 10px !important;
    }

    #contacts {
        padding: 43px 0 0 !important;
    }

    #contacts .decor:nth-child(1) {
        display: none;
    }

    #contacts .decor:nth-child(2) {
        display: none;
    }

    #contacts .decor:nth-child(3) {
        display: none;
    }

    #contacts .decor:nth-child(4) {
        display: none;
    }

    #contacts .decor:nth-child(5) {
        display: none;
    }

    #contacts .decor:nth-child(6) {
        display: none;
    }

    #contacts .decor:nth-child(7) {
        display: none;
    }

    #contacts .decor:nth-child(8) {
        display: none;
    }

    .phones {
        font-size: 17px !important;
        line-height: 27px !important;
    }

    .numbers li {
        margin-bottom: 18px !important;
    }

    #map img {
        top: 90px;
    }

    #map .h1 {
        width: 280px !important;
        font-size: 28px !important;
        margin: auto !important;
    }

    .reviews .visual {
        position: inherit !important;
        bottom: -20px !important;
        margin: auto;
        top: 20px;
    }

    .reviews .info {
        position: inherit !important;
    }

    .reviews li {
        padding: 0 !important;
    }

    #feedback .h1 {
        width: 240px !important;
        margin: auto !important;
    }

    #feedback {
        padding-bottom: 20px !important;
        padding: 44px 0 120px !important;
    }

    #get {
        padding: 30px 0 0px !important;
    }

    #get h1 {
        display: none;
    }

    .options li {
        margin-bottom: 22px !important;
    }

    #price {
        padding: 27px 0 12px !important;
    }

    #price .h1 {
        margin: 0 0 -25px !important;
    }

    .p-action {
        display: none;
    }

    .certificate {
        height: auto !important;
    }

    .price {
        margin: auto !important;
        width: 225px !important;
    }

    #products .parallax:nth-of-type(1) {
        display: none !important;
    }

    #products .parallax:nth-of-type(2) {
        display: none !important;
    }

    #products .parallax:nth-of-type(3) {
        display: none !important;
    }

    #products .parallax:nth-of-type(4) {
        display: none !important;
    }

    #products .parallax:nth-of-type(5) {
        display: none !important;
    }

    #products .parallax:nth-of-type(6) {
        display: none !important;
    }

    #products .coffee {
        display: none !important;
    }

    #feedback, #products {
        padding: 46px 0 60px !important;
    }

    .imaimg {
        position: absolute;
        padding-top: 180px;
        width: 300px;
        margin: auto;
    }

    .imatxt {
        margin-bottom: 310px;
    }

    #price .decor:nth-of-type(4), #about .decor:nth-of-type(4) {
        display: none !important;
    }

    #price .decor:nth-of-type(3), #about .decor:nth-of-type(3) {
        display: none !important;
    }

    #price .decor:nth-of-type(2), #about .decor:nth-of-type(2) {
        display: none !important;
    }

    #price .decor:nth-of-type(1), #about .decor:nth-of-type(1) {
        display: none !important;
    }

    #about .visual img {
        width: 100% !important;
        height: 100% !important;
    }

    #about .h1 {
        margin-bottom: 40px !important;
        width: 237px !important;
        margin: auto !important;
    }

    #about {
        padding: 40px 0 48px !important;
    }

    #about .h1 span:before {
        display: none !important;
    }

    #about .h1 span:after {
        display: none !important;
    }

    #top {
        padding: 30px 0 0px !important;
    }

    #top p {
        width: 80% !important;
        margin: auto !important;
        padding-bottom: 14px !important;
    }

    #variants {
        padding: 30px 0 20px !important;
    }

    .id1 {
        position: absolute !important;
        margin-top: 177px !important;
    }

    .id2 {
        position: absolute !important;
        margin-top: 177px !important;
    }

    #infoid1 {
        margin-bottom: 300px !important;
    }

    #infoid2 {
        margin-bottom: 300px !important;
    }

    nav li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    nav a#pull {
        background: url(../images/menu.png) no-repeat !important;
        font-size: 0px !important;
        width: 55px !important;
        height: 30px !important;
        display: block !important;
    }

    #nav {
        width: 100%;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 13px !important;
    }

    #header .button {
        font-size: 0 !important;
        width: 40px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        margin-right: 10px !important;
        margin-top: 6px !important;
        background: url(../images/tel.png) no-repeat !important;
    }

    #nav > ul {
        background: #000000 !important;
        padding: 13px !important;
        z-index: 3 !important;
        margin-top: 29px !important;
    }

    nav ul {
        display: none;
        height: auto;
    }

    .popup-holder .call-me__mobile input.button {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    ul.earn {
        max-width: 370px;
    }
    ul.earn li {
        width: 49% !important;
        height: 132px !important;
    }
}

@media screen and (max-width: 590px) {
    div.special {
        text-align: center;
        margin-top: 96px;
        padding: 55px 0 20px 0;
    }
    div.special img {
        top: -100px;
        left: 20px;
    }
    #map .container {
        min-height: 400px;
    }
}
@media screen and (max-width: 530px) {
    #map .container {
        min-height: 365px;
    }
}

@media screen and (max-width: 485px) {
    ul.product {
        max-width: 230px;
    }

    ul.earn li {
        width: 49% !important;
        height: 132px !important;
    }
}

@media screen and (max-width: 440px) {
    #header .whatsapp {
        margin-right: 15px !important;
        margin-top: 22px !important;
    }
}

@media screen and (max-width: 430px) {
    .line .info {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    #map .container {
        min-height: 290px;
    }
    #header .logo {
        font-size: 13px;
    }
}

@media screen and (max-width: 385px) {
    #header .logo {
        font-size: 11px;
    }
}

@media screen and (max-width: 365px) {
    .line .visual img {
        width: 100%;
    }
}

@media screen and (max-width: 355px) {
    #header .logo {
        font-size: 10px;
    }
}

@media screen and (max-width: 340px) {
    .options li {
        padding: 5px 20px 5px 85px;
    }
    #header .logo {
        font-size: 9px;
    }
}

@media screen and (max-width: 330px) {
    #header .logo {
        font-size: 8px;
    }
}

@media screen and (max-width: 320px) {
    body {
        min-width: 100% !important;
    }

    #header .line {
        display: none;
    }

    #wrapper {
        width: 100% !important;
        margin-top: 80px !important;
    }

    #contacts {
        padding: 43px 0 0 !important;
    }

    #contacts .h1 {
        font-size: 26px !important;
        margin-bottom: 17px !important;
    }

    #contacts .decor:nth-child(1) {
        display: none;
    }

    #contacts .decor:nth-child(2) {
        display: none;
    }

    #contacts .decor:nth-child(3) {
        display: none;
    }

    #contacts .decor:nth-child(4) {
        display: none;
    }

    #contacts .decor:nth-child(5) {
        display: none;
    }

    #contacts .decor:nth-child(6) {
        display: none;
    }

    #contacts .decor:nth-child(7) {
        display: none;
    }

    #contacts .decor:nth-child(8) {
        display: none;
    }

    .phones {
        font-size: 17px !important;
        line-height: 27px !important;
    }

    .numbers {
        width: 260px !important;
        margin: auto !important;
    }

    .numbers li {
        margin-bottom: 18px !important;
    }

    #map .container {
        min-height: 245px;
    }

    #map .h1 {
        width: 280px !important;
        font-size: 28px !important;
        margin: auto !important;
    }

    .reviews .visual {
        position: inherit !important;
        bottom: -20px !important;
        margin: auto;
    }

    .reviews .info {
        position: inherit !important;
        padding: 34px 35px 27px 25px !important;
    }

    #feedback .h1 {
        width: 240px !important;
        margin: auto !important;
    }

    #feedback {
        padding-bottom: 20px !important;
        padding: 44px 0 120px !important;
    }

    #get {
        padding: 30px 0 0px !important;
    }

    #get h1 {
        display: none;
    }

    .holder {
        width: 100% !important;
        margin: auto !important;
    }

    .options {
        margin: 0 !important;
    }

    #price {
        padding: 27px 0 12px !important;
    }

    .p-action {
        display: none;
    }

    .price-list li {
        background-color: none !important;
        margin: auto !important;
        float: none !important;
        background-color: inherit !important;
        width: 220px !important;
        margin-top: 60px !important;
    }

    .price {
        margin: auto !important;
        width: 225px !important;
    }

    .price-list li:after, .price-list li:before {
        margin: auto !important;
        width: 221px !important;
    }

    .border:after {
        display: none !important;
    }

    .gallery {
        width: 100% !important;
    }

    #products .parallax:nth-of-type(1) {
        display: none !important;
    }

    #products .parallax:nth-of-type(2) {
        display: none !important;
    }

    #products .parallax:nth-of-type(3) {
        display: none !important;
    }

    #products .parallax:nth-of-type(4) {
        display: none !important;
    }

    #products .parallax:nth-of-type(5) {
        display: none !important;
    }

    #products .parallax:nth-of-type(6) {
        display: none !important;
    }

    #products .coffee {
        display: none !important;
    }

    #feedback, #products {
        padding: 46px 0 125px !important;
    }

    .certificate {
        height: auto !important;
    }

    #price .decor:nth-of-type(4), #about .decor:nth-of-type(4) {
        display: none !important;
    }

    #price .decor:nth-of-type(3), #about .decor:nth-of-type(3) {
        display: none !important;
    }

    #price .decor:nth-of-type(2), #about .decor:nth-of-type(2) {
        display: none !important;
    }

    #price .decor:nth-of-type(1), #about .decor:nth-of-type(1) {
        display: none !important;
    }

    #about .h1 {
        margin-bottom: 40px !important;
        width: 237px !important;
        margin: auto !important;
    }

    #about {
        padding: 30px 0 30px !important;
    }

    #about .h1 span:before {
        display: none !important;
    }

    #about .h1 span:after {
        display: none !important;
    }

    #top {
        padding: 30px 0 0px !important;
    }

    .form {
        padding: 30px 0 30px !important;
    }

    ul.earn li {
        width: 100% !important;
        margin-bottom: 10px !important;
        height: auto !important;
    }

    #top p {
        width: 206px !important;
        margin: auto !important;
        padding-bottom: 30px !important;
    }

    .id1 {
        position: absolute !important;
        margin: 177px auto auto  !important;
    }

    .id2 {
        position: absolute !important;
        margin: 177px auto auto  !important;
    }

    #infoid1 {
        margin-bottom: 300px !important;
    }

    #infoid2 {
        margin-bottom: 300px !important;
    }

    nav li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    nav a#pull {
        background: url(../images/menu.png) no-repeat !important;
        font-size: 0 !important;
        width: 55px !important;
        height: 30px !important;
        display: block !important;
    }

    #nav {
        width: 100%;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 13px !important;
    }

    .logo {
        background-position-x: 58px !important;
    }

    #header .button {
        font-size: 0 !important;
        width: 40px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        margin-right: 10px !important;
        margin-top: 6px !important;
        background: url(../images/tel.png) no-repeat !important;
    }

    #nav > ul {
        background: #000000 !important;
        padding: 13px !important;
        z-index: 3 !important;
        margin-top: 29px !important;
    }

    nav ul {
        display: none;
        height: auto;
    }
    .phones .phone-number {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }
}