@media screen and (min-width: 320px) and (max-width: 767px) {
    .anchor {
        display: block;
        padding-top: 50px;
    }
    #sandwich.active {
        position: fixed;
    }
    #sandwich {
        width: 50px;
        height: 35px;
        position: absolute;
        top: 6px;
        right: 6px;
        margin: auto;
        z-index: 3;
    }
    .sw-topper {
        position: relative;
        top: 0;
        width: 50px;
        height: 5px;
        background: #f9b203;
        border: none;
        border-radius: 4px;
        transition:
                transform 0.5s,
                top 0.2s;
    }
    .sw-bottom {
        position: relative;
        width: 50px;
        height: 5px;
        top: 10px;
        background: #f9b203;
        border: none;
        border-radius: 4px;
        transition:
                transform 0.5s,
                top 0.2s;
        transition-delay: 0.2s, 0s;
    }
    .sw-footer {
        position: relative;
        width: 50px;
        height: 5px;
        top: 20px;
        background: #f9b203;
        border: none;
        border-radius: 4px;
        transition: all 0.5s;
        transition-delay: 0.1s;
    }
    #sandwich.active .sw-topper {
        top: 15px;
        transform: rotate(140deg);
    }
    #sandwich.active .sw-bottom {
        top: 10px;
        transform: rotate(-140deg);
    }
    #sandwich.active .sw-footer {
        opacity: 0;
        top: 0;
        transform: rotate(180deg);
    }
    nav ul {
        display: none;
    }
    nav ul.active {
        display: block;
        position: fixed;
        background: rgba(0, 0, 0, 0.9);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
    }
    nav ul li {
        display: block;
    }
    nav ul li a {
        color: #fff;
        display: inline-block;
    }
    nav ul li a:hover {
        color: #fff;
    }
    .pull-right {
        float: none;
    }
    .form-selection .info,
    .type-ceramic-tile,
    .ceramic-tile {
        background: none;
    }
    footer .logo,
    header .logo {
        display: block;
        margin: 15px auto 10px;
    }
    footer .phone,
    header .phone {
        width: 110px;
        background-size: 15%;
        padding-left: 30px;
        vertical-align: top;
    }
    footer .phone span,
    header .phone span {
        font-size: 16px;
        line-height: 18px;
    }
    footer a.button,
    header a.button {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        width: 148px;
        height: 46px;
        line-height: 46px;
    }
    footer .content {
        height: auto;
        line-height: 80px;
        text-align: center;
    }
    header .content {
        height: 165px;
        line-height: 112px;
        margin: 0 8px;
        text-align: center;
    }
    h1 {
        font-size: 24px;
        line-height: 27px;
        padding: 30px 0 0;
    }
    h2 {
        font-size: 24px;
        margin: 30px 0 10px;
        line-height: 30px;
    }
    .h2 {
        font-size: 18px;
        padding: 0 20px;
    }
    .header-block p {
        font-size: 18px;
    }
    .form-grey {
        height: auto;
        margin: 30px 10px;
    }
    .header-block.bg-center-two .title,
    .form-grey .title {
        font-size: 20px;
        line-height: 26px;
        padding: 30px 0 5px;
    }
    .form-grey p {
        font-size: 16px;
        width: 300px;
        margin: auto;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .form-grey input[type="submit"] {
        width: 240px;
        margin-top: 10px;
    }
    input[type="text"] {
        margin: 10px 3px;
    }
    .form-grey p.text {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .ceramic-tile .item {
        width: 47%;
        margin: 0;
    }
    .ceramic-tile .item .title {
        font-size: 17px;
        line-height: 18px;
        margin-bottom: 0;
    }
    .ceramic-tile .item .text {
        font-size: 14px;
        line-height: 16px;
    }
    .reliability .title {
        font-size: 24px;
        padding: 85px 20px 15px;
    }
    .tile-left,
    .tile-right,
    .form-selection-tile {
        display: none;
    }
    .form-selection {
        text-align: center;
        padding: 20px;
    }
    .reliability .text {
        font-size: 19px;
        padding: 0 21px;
    }
    .reliability .text span {
        display: block;
    }
    .green-line-bg.small,
    .green-line-bg {
        font-size: 16px;
        line-height: 20px;
        width: 85%;
        margin: 40px auto;
    }
    .form-grey .title span {
        display: block;
    }
    .type-ceramic {
        font-size: 18px;
        line-height: 18px;
    }
    .type-ceramic .item {
        width: 150px;
        background-size: cover;
        padding-top: 130px;
        margin: 0;
    }
    .type-ceramic .item:nth-child(1),
    .type-ceramic .item:nth-child(2),
    .type-ceramic .item:nth-child(3),
    .type-ceramic .item:nth-child(4),
    .type-ceramic .item:nth-child(5),
    .type-ceramic .item:nth-child(6),
    .type-ceramic .item:nth-child(7),
    .type-ceramic .item:nth-child(8),
    .type-ceramic .item:nth-child(9),
    .type-ceramic .item:nth-child(10) {
        -webkit-background-size: contain;
        background-size: contain;
    }
    .form-selection .info {
        font-size: 18px;
        line-height: 22px;
        padding: 11px 20px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .form-selection .pull-right {
        padding-top: 20px;
    }
    .form-selection .title {
        font-size: 26px;
    }
    .form-selection .text {
        font-size: 18px;
    }
    .brand h2 {
        margin-top: 30px;
    }
    .brand .h2 {
        margin: 15px 0;
        font-size: 16px;
    }
    .brand .title {
        font-size: 18px;
        margin-bottom: 10px;
        padding: 0 20px;
    }
    .brand .block {
        width: 150px;
        height: 100px;
        margin: 0 -12px;
    }
    .brand .block.walther,
    .brand .block.sanmarco,
    .brand .block.terreal,
    .brand .block.ludowici,
    .brand .block.jacobi {
        background-size: contain;
    }
    .brand .item {
        font-size: 16px;
        width: 150px;
        height: 130px;
        margin: 0;
    }
    .brand .item:nth-child(15),
    .brand .item:nth-child(14),
    .brand .item:nth-child(10) {
        padding-top: 45px;
    }
    .brand .item:nth-child(13) {
        padding-top: 50px;
    }
    .brand .block-line {
        font-size: 18px;
        width: 100%;
        padding-top: 18px;
    }
    .brand .block-line span {
        display: block;
    }
    .assortment .right,
    .assortment .left {
        width: 90%;
        -webkit-background-size: contain;
        background-size: contain;
        margin-bottom: 60px;
    }
    .assortment .right {
        height: 375px;
        margin: 10px auto;
    }
    .assortment .right .text {
        bottom: -46px;
        left: 10px;
    }
    .assortment .left .text {
        top: -60px;
        left: 15px;
        z-index: 0;
    }
    .corner {
        display: none;
    }
    .assortment {
        padding-bottom: 0;
    }
    .reliability.warranty {
        margin-top: 20px;
    }
    .time .arrow,
    .blooded .img,
    .reliability.warranty .arrow {
        display: none;
    }
    .reliability.warranty .text {
        width: 90%;
        margin: 0 auto 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    h2 .green-text {
        display: block;
    }
    .timer {
        width: 100%;
    }
    .time-text {
        font-size: 24px;
    }
    .timer .exclamation {
        display: none;
    }
    .time {
        padding: 0 10px;
    }
    .dash {
        width: 62px;
        height: 54px;
    }

    .tile-price {
        padding-top: 160px;
        width: 150px;
        margin-top: 45px;
    }
    .tile-price .title {
        font-size: 21px;
    }
    .tile-price:nth-child(4),
    .tile-price:nth-child(5),
    .tile-price:nth-child(6),
    .tile-price:nth-child(7),
    .tile-price:nth-child(8),
    .tile-price:nth-child(9),
    .tile-price:nth-child(10),
    .tile-price:nth-child(11),
    .tile-price:nth-child(12),
    .tile-price:nth-child(13),
    .tile-price:nth-child(14),
    .tile-price:nth-child(15),
    .tile-price:nth-child(16),
    .tile-price:nth-child(17),
    .tile-price:nth-child(18),
    .tile-price:nth-child(19),
    .tile-price:nth-child(20) {
        -webkit-background-size: contain;
        background-size: contain;
    }
    .tile-price:nth-child(13),
    .tile-price:nth-child(11),
    .tile-price:nth-child(9),
    .tile-price:nth-child(7),
    .tile-price:nth-child(20) {
        background-size: 135px;
    }
    .sm {
        width: 150px;
        height: auto;
    }
    .sm:hth-child(1) {
        background-size: 135px;
    }
    .council.reliability {
        height: 370px;
        margin-top: 90px;
    }
    .council.reliability .text {
        font-size: 16px;
        padding: 0 20px;
    }
    .discount .arrow,
    .discount .img {
        display: none;
    }
    .discount .pull-right {
        width: 100%;
        margin-top: 40px;
    }
    .discount .title {
        font-size: 21px;
        line-height: 24px;
    }
    .discount .pull-right .title span {
        display: block;
    }
    .discount .text {
        font-size: 21px;
        width: 90%;
        margin-bottom: 20px;
    }
    .header-block.discount-time {
        padding: 17px 0 0;
    }
    .documentation .step .item {
        border: none;
    }
    .discount .text span {
        font-size: 40px;
    }
    .documentation .big-photo {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .documentation .big-photo img {
        width: 100%;
        height: auto;
    }
    .documentation .other-photo {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .documentation .other-photo .fancybox img {
        width: 100px;
        height: auto;
        vertical-align: top;
    }
    .confidence {
        background: none;
        height: auto;
        text-align: center;
    }
    .confidence h2 {
        padding-top: 50px;
    }
    .confidence .item:nth-child(11) {
        margin-bottom: 40px;
    }
    .confidence .item:nth-child(11),
    .confidence .item:nth-child(10),
    .confidence .item:nth-child(9),
    .confidence .item:nth-child(8),
    .confidence .item:nth-child(7),
    .confidence .item:nth-child(6),
    .confidence .item:nth-child(5),
    .confidence .item:nth-child(4),
    .confidence .item:nth-child(3),
    .confidence .item {
        width: 100%;
        padding: 117px 20px 0;
        text-align: center;
        box-sizing: border-box;
        background-position: top center;
    }
    .confidence .item .title {
        font-size: 18px;
    }
    .confidence .item .line {
        margin: 8px auto;
    }
    .confidence .item p {
        font-size: 16px;
        text-align: justify;
    }
    .triangle .item {
        display: block;
        margin: 0 auto;
    }
    .triangle .item:nth-child(5),
    .triangle .item:nth-child(3),
    .triangle .item:nth-child(1) {
        padding-top: 175px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .triangle .item:nth-child(4) {
        background: url(../img/triangle_4.jpg) bottom center no-repeat;
        padding-bottom: 175px;
        margin-top: 0;
    }
    .triangle .item:nth-child(2) {
        background: url(../img/triangle_2.jpg) bottom center no-repeat;
        padding-bottom: 175px;
        margin-top: 0;
    }
    .triangle {
        margin-top: 30px;
    }
    .wait img {
        float: none;
        margin: 5px;
        width: 75%;
    }
    footer h2 {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 16px;
    }
    .address {
        margin-bottom: 30px;
    }
    .address p.left {
        border-right: 1px solid #d1d1d1;
        padding-right: 6px;
    }
    .address p {
        width: 150px;
        margin: 0;
        font-size: 16px;
    }
    .question {
        height: 106px;
        line-height: 60px;
    }
    .question p,
    .question a {
        display: block;
        vertical-align: top;
        width: 100%;
        height: 40px;
        font-size: 20px;
        padding-left: 0;
        text-align: center;
    }
    .six-step .item {
        display: block;
        width: 200px;
        font-size: 18px;
    }
    .six-step {
        background: none;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .how-work {
        -webkit-background-size: contain;
        background-size: contain;
    }
    .six-step .item:nth-child(1),
    .six-step .item:nth-child(2),
    .six-step .item:nth-child(3),
    .six-step .item:nth-child(4),
    .six-step .item:nth-child(5),
    .six-step .item:nth-child(6) {
        margin: 20px auto;
        text-align: center;
    }
    .six-step .item:nth-child(1) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -69px -140px;
        padding-top: 85px;
    }
    .six-step .item:nth-child(2) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -310px -140px;
        padding-top: 85px;
    }
    .six-step .item:nth-child(3) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -548px -140px;
        padding-top: 85px;
    }
    .six-step .item:nth-child(4) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -70px -425px;
        padding-top: 85px;
    }
    .six-step .item:nth-child(5) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -310px -425px;
        padding-top: 85px;
    }
    .six-step .item:nth-child(6) {
        background: url(../img/step.jpg) no-repeat;
        background-size: 816px 547px;
        background-position: -548px -425px;
        padding-top: 85px;
    }
    .how-work h2 {
        padding-top: 50px;
    }
    .wait .h2 {
        font-size: 16px;
    }
    .wait h2 {
        padding-top: 60px;
        font-size: 22px;
    }
    .wait {
        height: auto;
    }
    .bottom-link {
        line-height: 25px;
    }
    .footer-links a {
        display: block;
        padding: 0;
        margin: 10px 0;
        text-align: center;
    }
    .footer-links {
        display: block;
        margin-top: 20px;
    }
    .logo-type {
        display: block;
        float: none;
        margin: 30px auto;
    }
    .tab-content .visible {
        margin-bottom: 40px;
        width: 100%;
        height: auto;
        display: inline-block;
    }
    .tab-content img {
        width: 95%;
        height: auto;
    }
    .tab-content .info {
        width: 100%;
        display: block;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tab-content .info .city {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .tab-content .working {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .type-ceramic-tile h2 {
        padding: 0 15px;
        margin-top: 0;
    }
    .type-ceramic-tile .h2 {
        padding: 0 15px;
    }
    .header-block.bg-center-two {
        padding-top: 1px;
    }
    .tabs {
        width: 100%;
    }
    .tab-links {
        width: 100%;
    }
    .tab-links li {
        width: 80%;
        margin: auto;
    }
    .reliability {
        background: url(../img/grey-line-bg.jpg) repeat-x;
        height: 260px;
        background-size: cover;
    }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
    nav ul li {
        font-size: 16px;
    }
    nav ul li a {
        padding: 0 3px;
    }
    h1 {
        font-size: 50px;
        line-height: 50px;
        padding-bottom: 20px;
    }
    .form-grey {
        margin: 52px 10px 55px;
        height: 288px;
    }
    input[type="text"] {
        width: 225px;
        height: 40px;
    }
    h2 {
        margin-top: 70px;
        font-size: 45px;
    }
    .h2 {
        font-size: 18px;
    }
    .tile-left {
        background-size: 80%;
        left: -95px;
        bottom: -80px;
    }
    .tile-right {
        background-size: 80%;
        right: -130px;
        top: -25px;
    }
    .green-line-bg {
        width: 700px;
        font-size: 18px;
    }
    .brand .block {
        width: 150px;
        height: 103px;
        margin: 34px -30px 57px 5px;
    }
    .brand .block.jacobi {
        background: url(../img/jacobi.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .brand .block.walther {
        background: url(../img/walther.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .brand .block.sanmarco {
        background: url(../img/sanmarco.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .brand .block.terreal {
        background: url(../img/terreal.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .brand .block.ludowici {
        background: url(../img/ludowici.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .assortment .right {
        top: 10px;
    }
    .assortment .right .text {
        position: absolute;
        bottom: -45px;
        left: -90px;
    }
    .reliability.warranty .tile-left {
        bottom: -70px;
        left: -40px;
    }
    .council.reliability .text {
        font-size: 20px;
        padding: 0 20px;
    }
    .discount .img {
        display: none;
    }
    .discount .pull-right {
        float: none;
        margin: 30px auto;
    }
    .documentation .big-photo {
        width: 100%;
        height: auto;
    }
    .documentation .big-photo img {
        max-width: 886px;
        width: 100%;
        height: auto;
    }
    .documentation .step .item p {
        font-size: 16px;
    }
    .confidence .item {
        width: 235px;
        padding-right: 10px;
    }
    .confidence .item:nth-child(3) {
        padding-right: 10px;
        width: 240px;
    }
    .confidence .item:nth-child(6) {
        width: 240px;
        padding-right: 10px;
    }
    .confidence .item:nth-child(11) {
        width: 240px;
        padding-right: 10px;
    }
    .confidence .item:nth-child(9) {
        background: url(../img/confidence_7.jpg) top left no-repeat;
        width: 240px;
        padding-right: 10px;
    }
    .triangle {
        font-size: 18px;
    }
    .triangle .item {
        width: 245px;
        margin: 0 -63px;
    }
    .triangle .item:nth-child(1) {
        padding-top: 155px;
        background-size: contain;
    }
    .triangle .item:nth-child(2) {
        padding-bottom: 155px;
        background-size: contain;
    }
    .triangle .item:nth-child(3) {
        padding-top: 155px;
        background-size: contain;
    }
    .triangle .item:nth-child(4) {
        padding-bottom: 155px;
        background-size: contain;
    }
    .triangle .item:nth-child(5) {
        padding-top: 155px;
        background-size: contain;
    }
    .reliability .text {
        font-size: 21px;
        margin-top: 15px;
    }
    .tab-links {
        width: 260px;
    }
    .tab-content .visible {
        margin-bottom: 40px;
        width: 490px;
        height: 480px;
    }
    .tab-content img {
        max-width: 649px;
        height: auto;
        width: 100%;
    }
    .tab-content .working {
        width: 360px;
        display: inline-block;
        vertical-align: top;
        font-family: FiraSans-Regular;
        font-size: 18px;
        color: #000;
        text-align: left;
        margin-left: 20px;
    }
    .green-line-bg.small {
        max-width: 700px;
    }
    .wait h2 {
        padding-top: 60px;
    }
    .wait .h2 {
        font-size: 22px;
    }
    .wait img {
        float: none;
        margin: 6px 10px;
        width: 90%;
    }
    .wait img:nth-child(3) {
        width: 80%;
    }
    .wait img:nth-child(4) {
        width: 39%;
    }
    .wait img:nth-child(5) {
        width: 39%;
    }
    .wait img:nth-child(6) {
        width: 80%;
    }
    .question p {
        font-size: 30px;
    }
    .question p,
    .question a {
        width: 333px;
    }
    .social {
        margin: 0 5px;
    }
    footer .phone span,
    header .phone span {
        font-size: 18px;
        line-height: 24px;
    }
    footer a.button,
    header a.button {
        font-size: 16px;
        width: 170px;
        height: 46px;
        line-height: 46px;
    }
    .footer-links {
        width: 550px;
        line-height: 22px;
        margin-top: 15px;
    }
    .footer-links a {
        display: block;
    }
    .logo-type {
        margin: 30px 20px;
    }
    .how-work {
        -webkit-background-size: contain;
        background-size: contain;
    }
    .six-step {
        width: 100%;
        background-size: contain;
    }
    .six-step .item {
        width: 155px;
        font-size: 16px;
        line-height: 18px;
    }
    .six-step .item a {
        width: 155px;
        height: 45px;
        line-height: 45px;
        font-size: 21px;
    }
    .six-step .item:nth-child(1) {
        margin: 17px 50px 92px 79px;
    }
    .six-step .item:nth-child(2) {
        margin: 17px 50px 92px 20px;
        width: 170px;
    }
    .six-step .item:nth-child(3) {
        margin: 17px 50px 92px 0;
    }
    .six-step .item:nth-child(4) {
        margin: 62px 50px 92px 79px;
        width: 175px;
    }
    .six-step .item:nth-child(5) {
        margin: 62px 50px 92px 0;
        width: 175px;
    }
    .six-step .item:nth-child(6) {
        margin: 62px 50px 92px -10px;
        width: 175px;
    }
    footer .logo,
    header .logo {
        width: 265px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}