@media screen and (max-width: 1200px) {
    
    menu .shell {
        padding: 0 !important;
    }

}

@media screen and (max-width: 1100px) {
    
    .slide p {
        width: 90%;
    }  

}



@media screen and (max-width: 900px) {
    
    .content {
        margin-top: 50px
    }

    h1 {
        font-size: 26px;
    }
    
    h2 {
        margin-bottom: 10px;
    }

    p + h3 {
        margin-top: 19px
    }

    h4 {
        font-size: 17px;
        color: #d55126
    }
    
    header {
        padding-top: 0 !important;
        min-height: 50px; 
    }
    
    footer article {
        width: 100%;
        margin-bottom: 10px;
        text-align: center !important
    }
    
    nav#desktop, .mainLogo, header .reg, menu, ul.tabs, h1.desktop_h1 {
        display: none
    }
    
    .mobileLogo, h1.mobile_h1 {
        display: block
    }
    
    .icoMenu {
        display: block;
    }
    
    .shell {
        padding: 20px
    }    
    
    .slideContent {
        top: 30%;
    }

    .slide h2 {
        font-size: 30px;
    }

    .slide p {
        font-size: 20px;
    }  
    
    .photoItem {
        width: 50%;
    }
    
    .clausesList iframe {
        height: 400px
    }
    
    .topLine {
        top: 14px;
        left: 50px
    }
    
    .sectionHeader .shell {
        height: 70px;    
    }

}

@media screen and (max-width: 750px) {  
    
    .sectionHeaderText {
        font-size: 24px
    }
    
    .slideContent {   
        top: 30%;
    }
    
}

@media screen and (max-width: 600px) {  
    
    .phone {
        display: none
    }

    .shopItemImages {
        position: static;
        top: 0; left: 0;
    }

    .shopItemInfo {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .shell {
        padding: 20px 10px
    }
    
    .responces article figure {
        display: block;
        width: 100%;
        margin-top: 0;
        height: auto;
    }

    .responces article p {
        display: block;
        margin: 0 0 0 0;
        padding-left: 0;
        width: 100%;
    }

    .responces article p::before {
        content: " ";
    }
    
    input, textarea {
        width: 100%;
        max-width: 400px;
        min-width: 300px;
    }
    
    .slideContent {   
        padding: 20px;
        top: 25%;
    }
    
    .photoItem {
        width: 100%;
    }

    #catalog figure {
        display: none
    }

    .slide h2 {
        font-size: 30px;
    }

    .slide p {
        font-size: 18px;
    }
    
    .clausesList iframe {
        height: 300px
    }
    
    menu ul {
        width: 100%
    }
    
    menu ul li {
        width: 50%;
        margin-right: -4px
    }
    
    .clausesList article.expo h2 {
        font-size: 24px 
    }
    
    .clausesList article.expo {
        min-height: 400px;
    }
    
    .sliderContent p {
        font-size: 18px;
    }
    
    .promoSlider::before {
        height: 100px;
    }
    
    .sectionHeader .shell {
        height: 70px;    
    }

}

@media screen and (max-width: 500px) {
    
    .sliderContent p {
        font-size: 16px;
    }
    
    .categoryMenu article figure {
        width: 90px;
        height: 90px;
    }
    
    .categoryMenu article h3 {
        margin-top: 10px;
    }
    
    .bigButtonIndex a {
        font-size: 14px;        
    }
    
}

@media screen and (max-width: 400px) {
    

    .slideContent {        
        padding: 10px;
        top: 15%;
    }

    .slide h2 {
        font-size: 26px;
    }

    .slide p {
        font-size: 17px;
    } 
    
    .clausesList iframe {
        height: 240px
    }
    
    menu ul li {
        width: 100%;
        margin-right: 0
    }
    
    .clausesList article.expo {
        min-height: 450px;
    }

}

@media screen and (max-width: 350px) {
    

    .imagesList figure {
        width: 260px;
        height: 260px
    }

}