@media screen and (max-width: 1240px) {
    
    .shell {
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }

    .slideShow .shell {
        margin-left: 0;
        margin-right: 0;
    }

    .index .shell {
        padding: 20px 10px;
    }

    .slideShowText h2 {
        font-size: 2em;
    }
    
}

@media screen and (max-width: 1100px) {
    
    .commonHeader .infoSection {
        display: none;
    }
    
    ul.menuRow>li>a {
        padding: 29px 20px 0 20px;
    }
    
}

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

    .listGrid.grid5 {
        grid-template-columns: repeat(4, 1fr);
    }


    .contentList._viewgrid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    content.split .contentList._viewgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .splitPage {
        grid-template-columns: repeat(1, 1fr);
    }

    .shopIDImg figure {
        min-height: 300px;
    }
    
    .logoDesktop  {
        flex: 1 1 auto;
    }

/*    content, .subHeader {
        margin-top: 130px
    }

    .navTop {
        position: fixed;
        left: 0; right: 0; top: 100px;
        background-color: #43515d;
    } */

    ul.menuRow {
        width: 100%;
    }

    ul.menuRow>li {
        margin: 0;
    }

    ul.menuRow>li a {
        color: #fff !important;
    }

    ul.menuRow>li a::after {
        display: none;
    }

    ul.menuRow>li>a {
        height: 30px;
        padding: 0 10px;
    }

    ul.menuRow>li a:hover::before {
        background: linear-gradient(to right, #21a5d7, #7aae4a);
    }
    
}


@media screen and (max-height: 850px) {
    header {
        height: 97px;
    }

    .consoleBlock#feedback .consoleWrapper {
        align-items: flex-start;
    }

    .consoleBlock .formSection {
        padding-top: 60px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 800px) {
    .infoSection {
        display:none;
    }

    .listGrid, .listGrid.grid5 {
        grid-template-columns: repeat(3, 1fr);
    }

    ul.tempList {
        grid-template-columns: repeat(2, 1fr);
    }
    
}


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

    header {
        height: 92px;
    }
    
    .about_link {
        display: none;
    }
    .slideShow {
        margin-top: 93px;
        height: 300px;
        background: linear-gradient(to right, #21a5d7, #7aae4a);
    }
    
    .slideShowItem {
        flex-direction: column-reverse;        
    }

    .slideShowImg {
        flex: 1 1 400px;
        height: 260px;
        background-position: right;
        clip-path: none;
    }

    .slideShowText {
        flex: 1 1 130px;
        padding: 0 10px;
        align-content: center;
        align-items: center;
    }

    .slideShowText h2 {
        font-size: 1.4rem;
        max-width: 90%;
        margin: 0 auto 5px auto;
        text-align: center;
    }
    
    .slideShowText p {
        display: none;
    }
    
    .slideShowText .submitButton {
        margin-top: 10px;
        text-align: center;
    }

    .slideShowText .submitButton a {
        background-color: #fff;
        color: #156fb4;
    }

    .slideShow:hover .slideShowArrow.arrowPrev {
        left: 10px;
    }
    
    .slideShow:hover .slideShowArrow.arrowNext {
        right: 10px;
    }
    
        content {
        margin-top: 93px;
        
    }
    
    .commonHeader {
        gap: 20px;
    }

    .commonHeader .feedbackSection {
        display: none;
    }
    
    .contactsSection ul {
/*        margin-top: 8px; */
    }

    .phone {
        font-size: 22px;
        line-height: 1.1rem;
    }
    
    .mail {
        margin-top: 0 !important;
        font-size: .8rem;
    }

    .whatsapp, .telegram {
        margin-right: 7px;
    }

    .whatsapp::before, .telegram::before {
        font-size: .9rem;
    }

    header.scroll {
        margin-bottom: 40px;
    }

    .shell {
        margin-left: 10px;
        margin-right: 10px;
    }

/*    h1 {
        font-size: 1.5em;
    } */

    .split main {
        padding-left: 0;
    }
    
    .logoDesktop  {
        display: none !important;
    }
/*
    .navTop {
        top: 70px;
    }

    content, .subHeader {
        margin-top: 100px
    }

    content.error {
        margin-top: 100px;
    }
*/
    .logoMobile {
        display: block;
    }

    header.shell {
        margin: 0 !important;
    }

    footer .shell {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .shell>div {
        flex: 1 0 100%;
        text-align: center !important;
    }

    footer .shell>div:last-child {
        margin-top: 20px;
    }
   
    .clauses_id_img {
        max-width: 75%;
    }
    
}

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

    .listGrid, .listGrid.grid5 {
        grid-template-columns: repeat(2, 1fr);

    }

    .listRows article {
        flex-direction: column;
    }

    .listRows .shopInfo {
        padding: 20px 0 20px 0;
    }

    .searchResult .listRows article {
        flex-direction: row;
    }

    .searchResult .listRows .shopInfo {
        padding: 0 0 0 10px
    }

    .formLine, .formLineSubmit {
        flex-wrap: wrap;
    }

    .privacyField {
        margin-top: 10px;
    }

    article.shopID {
        flex-direction: column;
    }

}

@media screen and (max-width: 460px) {
    
    header {
        height: 76px;
    }
    
    .slideShow {
        margin-top: 77px;
        height: 300px;
        background: linear-gradient(to right, #21a5d7, #7aae4a);
    }
    
    content {
        margin-top: 77px;
        
    }
    
    ul.menuRow>li>a {
        padding: 0 5px;
        font-size: 1.05em;
    }

    ul.tempList {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .searchSection button {
        padding: 5px 10px 6px 10px;
    }

}

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

    .listGrid, .listGrid.grid5 {
        grid-template-columns: repeat(1, 1fr);
    }

    ul.menuRow>li>a {
        font-size: .95em;
    }
    
    .clauses_id_img {
        max-width: 100%;
    }

}