@media screen and (min-width:481px) and (max-width:767.98px) {

    .row>* {

        padding-right: unset!important;
        padding-left: unset!important;

    }

    .container-full {
        all: unset!important;
    }

    .container-odd {
        all: unset!important;
        padding-right: calc(var(--bs-gutter-x) * .5)!important;
        padding-left: calc(var(--bs-gutter-x) * .5)!important;
        --bs-gutter-x: 1.5rem!important;
        --bs-gutter-y: 0!important;
    }

    #main > section.client-cases-carousel.clearfix > div > div > div > div.col-12.col-sm-12.d-flex.align-items-center.px-md-0 {
        max-width: unset!important;
    }

    #main > section.client-cases-carousel.clearfix > div > div > div > div.col-12.col-sm-12.d-flex.align-items-center.px-md-0 > div {
        max-width: unset!important;
    }


    .site-header nav{
        background-color:#da1e29!important;
    }

    .site-header>.container ul.navbar li.nav-item a {

        font-size: 16px;

    }

    /*    .top-nav-mobile li{
            background-color:#231f1f!important;
        }*/

    section.bg-white.py-0.hero_block .stack-images, section.bg-white.py-0.hero_block .stack-images > img {
        min-height: unset!important;
        max-height: 202px!important;
    }

    .display-1,.display-1 span{
        /*        font-size:34px;
                line-height:44px*/
    }
    .display-1,.display-2,.display-3,.display-5{
        font-weight:600
    }
    .display-1,.display-2,.display-3,.display-3-sectors,.display-5,p,ul.list-unstyled.primary_menu_mobile>li>a{
        font-family:Poppins;
        letter-spacing:0
    }

    .site-header>.navbar>.container{
        height:48px
    }
    #navigation{
        /*        position:fixed;*/
        top:0;
        width:330px;
        background:#fff
    }
    #navigation.collapsing{
        left:-100%;
        height:100%!important;
        transition:left
    }
    #navigation.show,.navbar-toggler.collapsed~#navigation{
        transition:left .3s ease-in-out
    }
    #navigation.show{
        left:0;
        height:100%!important
    }
    p,ul.list-unstyled.primary_menu_mobile>li>a{
        font-size:14px;
        font-weight:400;
        line-height:22px;
        text-align:left
    }
    ul.list-unstyled.secondary_menu_mobile>li>a,ul.list-unstyled.secondary_menu_mobile>li>div>ul>li>a{
        font-family:Poppins;
        font-size:16px;
        font-weight:500;
        line-height:26px;
        letter-spacing:0;
        text-align:left;
        color:#403a3a
    }
    .top-nav-mobile{
        height:56px
    }
    .top-nav-mobile li{
        height:56px;
        width:56px;
        margin-left:1px
    }
    .top-nav-mobile li:first-child{
        width:223px;
        margin-left:0
    }
    .display-1{
        text-align:left
    }
    .display-1 span{
        display:table
    }
    .display-2{
        font-size:24px;
        line-height:29px;
        text-align:left
    }
    .display-3{
        font-size:20px;
        line-height:24px;
        text-align:left
    }
    .display-3-sectors{
        font-size:30px;
        font-weight:600;
        line-height:36px;
        text-align:left
    }
    .display-5{
        font-size:14px;
        line-height:17px;
        text-align:left
    }
    .display-7,footer .accordion-button{
        font-family:Poppins;
        font-size:12px;
        line-height:14px;
        letter-spacing:.15em;
        font-weight:600;
        text-align:left
    }
    footer .accordion-item{
        padding:.7rem 0
    }
    footer .accordion-button{
        color:#da1e29!important;
        background:0 0!important;
        box-shadow:none!important;
        text-transform:uppercase
    }
    .blockquote blockquote,.sectors-sm a{
        font-family:Poppins;
        letter-spacing:0
    }
    footer .accordion-button::after,footer .accordion-button:not(.collapsed)::after{
        background-image:url("../img/CaretDownBlack.png")
    }
    .bottom-menu-footer ul.list-inline li{
        position:relative;
        display:block
    }
    .text-overlayed-half{
        -webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
        max-height:150px
    }
    .sectors-sm a{
        font-size:14px;
        font-weight:600;
        line-height:22px;
        text-align:left
    }
    .front-page .hero_block .container{
        padding:0!important
    }
    section.about-us-carousel .slick-next,section.client-cases-carousel .slick-next{
        right:20px
    }
    .category-grid{
        min-height:212px;
        height:212px
    }
    .category-grid .card-img-top{
        max-width:152px
    }
    section.position-relative.bg-dark.author.bg-dark-split{
        background:#231f1f!important
    }
    #filters-block{
        z-index:0
    }
    #filters-block.collapse:not(.show){
        display:none!important
    }
    .cart button.btn.lnk-primary,.warmtecalculator-widget-container>div>button{
        /*        width:100%*/
    }
    .taxonomy-sector>section>div:first-child{
        height:381px
    }
    #main.single-client-case section#single-client-case-cover{
        height:216px
    }

    /*    
        .woocommerce table.shop_table_responsive tr td:nth-child(2),.woocommerce-page table.shop_table_responsive tr td:nth-child(2){
            text-align:left!important
        }
    */

    .blockquote blockquote{
        font-size:20px;
        font-style:italic;
        font-weight:500;
        line-height:32px;
        text-align:center
    }

    #main > section.bg-white.py-0.hero_block > div > div > div > div.col-12.col-sm-12.col-md.d-md-flex.align-items-center {
        max-width: unset!important;
    }

    #main > section.bg-white.py-0.hero_block > div > div > div > div.col-12.col-sm-12.col-md.d-md-flex.align-items-center > div {
        max-width: unset!important;
    }

    #main > section.bg-white.pt-5.pb-3.py-md-5.knowledge-base-and-news-block > div > div > div.col-sm.col-md-5.m-md-0.p-md-0 {
        max-width: unset!important;
    }

    #main.sectors .sectors-items{
        max-height:  256px;
    }

    section.about-us-carousel .col {
        max-width: 319px!important;
    }


    /* Force table to not be like tables anymore */
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table tr {
        display: block!important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce table.shop_table_responsive tr td:not(:first-child), .woocommerce-page table.shop_table_responsive tr td:not(:first-child) {
        display: table-cell!important;

    }

    .woocommerce table.shop_table_responsive tr td:nth-child(2), .woocommerce-page table.shop_table_responsive tr td:nth-child(2) {
        width: 100%;
        text-align: left!important;
    }

    .woocommerce table.shop_table_responsive tr td:nth-child(3), .woocommerce-page table.shop_table_responsive tr td:nth-child(3) {
        width: 150px;
    }

}

@media screen and (min-width:375px) and (max-width:480px){

    .row>* {

        padding-right: unset!important;
        padding-left: unset!important;

    }


    /*    section.bg-white.py-0.hero_block div.col-12.col-sm.m-md-0.p-md-0.d-flex.d-md-flex.justify-content-center.align-items-center > div {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }*/

    .site-header nav{
        background-color:#da1e29!important;
    }

    .site-header nav,.top-nav-mobile li{
        background-color:#231f1f;
    }
    .display-1,.display-1 span{
        font-size:34px;
        line-height:44px
    }
    .display-1,.display-2,.display-3,.display-5{
        font-weight:600
    }
    .display-1,.display-2,.display-3,.display-3-sectors,.display-5,p,ul.list-unstyled.primary_menu_mobile>li>a{
        font-family:Poppins;
        letter-spacing:0
    }

    .site-header>.navbar>.container{
        height:48px
    }
    #navigation{
        position:fixed;
        top:0;
        width:330px;
        background:#fff
    }
    #navigation.collapsing{
        left:-100%;
        height:100%!important;
        transition:left
    }
    #navigation.show,.navbar-toggler.collapsed~#navigation{
        transition:left .3s ease-in-out
    }
    #navigation.show{
        left:0;
        height:100%!important
    }
    p,ul.list-unstyled.primary_menu_mobile>li>a{
        font-size:14px;
        font-weight:400;
        line-height:22px;
        text-align:left
    }
    ul.list-unstyled.secondary_menu_mobile>li>a,ul.list-unstyled.secondary_menu_mobile>li>div>ul>li>a{
        font-family:Poppins;
        font-size:16px;
        font-weight:500;
        line-height:26px;
        letter-spacing:0;
        text-align:left;
        color:#403a3a
    }
    .top-nav-mobile{
        height:56px
    }
    .top-nav-mobile li{
        height:56px;
        width:56px;
        margin-left:1px
    }
    .top-nav-mobile li:first-child{
        width:223px;
        margin-left:0
    }
    .display-1{
        text-align:left
    }
    .display-1 span{
        display:table
    }
    .display-2{
        font-size:24px;
        line-height:29px;
        text-align:left
    }
    .display-3{
        font-size:20px;
        line-height:24px;
        text-align:left
    }
    .display-3-sectors{
        font-size:30px;
        font-weight:600;
        line-height:36px;
        text-align:left
    }
    .display-5{
        font-size:14px;
        line-height:17px;
        text-align:left
    }
    .display-7,footer .accordion-button{
        font-family:Poppins;
        font-size:12px;
        line-height:14px;
        letter-spacing:.15em;
        font-weight:600;
        text-align:left
    }
    footer .accordion-item{
        padding:.7rem 0
    }
    footer .accordion-button{
        color:#da1e29!important;
        background:0 0!important;
        box-shadow:none!important;
        text-transform:uppercase
    }
    .blockquote blockquote,.sectors-sm a{
        font-family:Poppins;
        letter-spacing:0
    }
    footer .accordion-button::after,footer .accordion-button:not(.collapsed)::after{
        background-image:url("../img/CaretDownBlack.png")
    }
    .bottom-menu-footer ul.list-inline li{
        position:relative;
        display:block
    }
    .text-overlayed-half{
        -webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
        max-height:150px
    }
    .sectors-sm a{
        font-size:14px;
        font-weight:600;
        line-height:22px;
        text-align:left
    }
    .front-page .hero_block .container{
        padding:0!important
    }
    section.about-us-carousel .slick-next,section.client-cases-carousel .slick-next{
        right:20px
    }
    .category-grid{
        min-height:212px;
        height:212px
    }
    .category-grid .card-img-top{
        max-width:152px
    }
    section.position-relative.bg-dark.author.bg-dark-split{
        background:#231f1f!important
    }
    #filters-block{
        z-index:0
    }
    #filters-block.collapse:not(.show){
        display:none!important
    }
    .cart button.btn.lnk-primary,.warmtecalculator-widget-container>div>button{
        width:100%
    }
    .taxonomy-sector>section:first-child>div:first-child{
        height:371px
    }
    #main.single-client-case section#single-client-case-cover{
        height:216px
    }
    /*    .woocommerce table.shop_table_responsive tr td:nth-child(2),.woocommerce-page table.shop_table_responsive tr td:nth-child(2){
            text-align:left!important
        }*/
    .blockquote blockquote{
        font-size:20px;
        font-style:italic;
        font-weight:500;
        line-height:32px;
        text-align:center
    }

    .client-cases-carousel .row > div:first-child {
        max-width: 100%!important;
    }

    #main > section.bg-white.pt-5.pb-3.py-md-5.knowledge-base-and-news-block > div > div > div.col-sm.col-md-5.m-md-0.p-md-0 {
        max-width: unset !important;
    }

    #main.sectors .sectors-items{
        min-height:  256px;
    }

    #main.single-client-case section#single-client-case-cover {
        height: 216px;
    }

    section.about-us-carousel .col {
        max-width: 319px!important;
    }

    /* Force table to not be like tables anymore */
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table tr {
        display: block!important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce table.shop_table_responsive tr td:not(:first-child), .woocommerce-page table.shop_table_responsive tr td:not(:first-child) {
        display: table-cell!important;

    }

    .woocommerce table.shop_table_responsive tr td:nth-child(2), .woocommerce-page table.shop_table_responsive tr td:nth-child(2) {
        width: 100%;
        text-align: left!important;
    }

    .woocommerce table.shop_table_responsive tr td:nth-child(3), .woocommerce-page table.shop_table_responsive tr td:nth-child(3) {
        width: 150px;
    }


}

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

    .row>* {

        padding-right: unset!important;
        padding-left: unset!important;

    }

    .container-odd{
        all: unset!important;
        padding-right: calc(var(--bs-gutter-x) * .5)!important;
        padding-left: calc(var(--bs-gutter-x) * .5)!important;
        --bs-gutter-x: 1.5rem!important;
        --bs-gutter-y: 0!important;
    }

    #main.sectors .sectors-items{
        min-height:  256px;
    }

    #main.single-client-case section#single-client-case-cover {
        height: 216px;
    }

    section.about-us-carousel .col {
        max-width: 319px!important;
    }

    /* Force table to not be like tables anymore */
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table tr {
        display: block!important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce table.shop_table_responsive tr td:not(:first-child), .woocommerce-page table.shop_table_responsive tr td:not(:first-child) {
        display: table-cell!important;

    }

    .woocommerce table.shop_table_responsive tr td:nth-child(2), .woocommerce-page table.shop_table_responsive tr td:nth-child(2) {
        width: 100%;
        text-align: left!important;
    }

    .woocommerce table.shop_table_responsive tr td:nth-child(3), .woocommerce-page table.shop_table_responsive tr td:nth-child(3) {
        width: 150px;
    }


}