@media (min-width: 1200px) {
    .custom.row{
        margin-left: -5px;
        margin-right: -5px;
    }

    .col-lg-2_5{
        float: left;
        width: 20%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .col-lg-2_5.masonry-item{
        margin-bottom: 10px;
    }

    .col-lg-2_5 .info-wrapper{
        padding: 15px 20px;
    }
}

/*
==================================================
MD
==================================================
*/

@media (max-width: 1199px) {
    body {}
    
    
    header .inner .main .logo{
        width: 320px;
    }
    header .inner nav ul.nav-main li:not(:first-child) {
        margin-left: 20px;
    }
    header .inner nav ul.nav-social{
        margin-left: 50px;
    }
    header .inner nav{
        display: none;
    }
    header .inner .control{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin: 0;
    }

    section.content {
        padding: 40px 0;
    }
    section .section-content{  
        margin-bottom: 40px;
    }
    section .section-foot{
        margin-bottom: 40px;
    }
    section.page-head {
        padding: 30px 0;    
    }
    
    
    footer .social ul.nav-social li a {
        height: 80px;
        line-height: 80px;
    }
    footer .main {
        padding: 40px 0;
    }
    footer .main .logo-foot{
        display: none;
    }

    .macro-categories .content-container{
        height: 485px;
    }

    .content-block{
        padding: 25px 55px;
        /* height: calc(100% - 86px); */
    }
}

/*
==================================================
SM
==================================================
*/

@media (max-width: 991px) {
    body {}
    
    
    header .inner .main .logo{
        width: 260px;
    }
    header .inner nav ul.nav-social{
        display: none;
    }
    .macro-categories .content-container{
        height: 375px;
    }
    .content-block{
        padding: 20px 45px;
    }
}



/*
==================================================
XS: Mobile Lanscape
==================================================
*/

@media (max-width: 767px) {  
    body{}
    
    
    #wrapper {
        padding-top: 60px;
    }
    
    
    header .inner {
        height: auto;
        padding: 10px 0 10px 0;
        transition: none;
    }
    header.sm .inner {
        height: auto;
    }
    /* header .inner .control{
        display: block;
    } */
     
    header .inner .control{
        margin: 10px 0;
    }
    header .inner .main{
        float: none;
        height: 50px;
        margin: 0 100px 0 0;
        text-align: center;
    }
    header .inner .main .logo {
        display: inline-block;
    }
    /* header .inner nav{
        display: none;
    } */
    
    
    section.page-head .table-box{
        display: block !important;
    }
    section.page-head .table-cell{
        display: block;
        text-align: left;
    }
    /* section.page-head .section-head:after{
        content: none;
        display: none;
    } */
    section.page-head .section-head h5{
        margin: 0;
        padding-bottom: 17px;
    }
    
    .showcase .showcase-item .overlay .btn{
        display: inline-block;
        margin-top: 15px;
    }
    .showcase.showcase-3 .showcase-item:nth-child(3n+1){
        clear: none;
    }
    .showcase.showcase-3 .showcase-item,
    .showcase.showcase-4 .showcase-item {
        width: 50%;
    }
    .showcase.showcase-3 .showcase-item:nth-child(2n+1),
    .showcase.showcase-4 .showcase-item:nth-child(2n+1){
        clear: both;
    }
    
    
    .services-highlight .service-box{
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #EEE;
    }
    .services-highlight .col-sm-3:last-child .service-box{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    
    
    .products-highlight .showcase-item:nth-child(3n){
        display: none;
    }
    
    
    .product .product-gallery .product-slideshow .owl-controls .owl-dots{
        padding: 5px;
    }
    .product .product-gallery .product-slideshow .owl-controls .owl-dots .owl-dot{
        padding: 2px;
    }
    .product .product-gallery .product-slideshow .owl-controls .owl-dots .owl-dot span{
        width: 6px;
        height: 6px;
    }
    
    
    footer .social ul.nav-social li a .icon{
        margin-right: 5px;
    }
    
    footer .main .container .table-box{
        display: block !important;
    }
    footer .main .container .table-cell{
        display: block;
        text-align: left;
    }
    footer .table-box .table-cell:not(:first-child){
        margin-top: 15px;
    }

    /* Pers 16092025 */
    .macro-categories .content-container{
        height: calc(100svh - 60px);
    }
    .content-container{
        flex-direction: column;
    }

    .content-container .image-link{
        padding-top: 50%;
        order: 0 !important;
        width: 100% !important;
        height: 50%;
    }

    .content-container .content-block{
        padding: 20px 40px;
        height: 50%;
    }

    .content-block{
        font-size: 16px;
        line-height: 1.4;
    }

    .content-block .title{
        font-size: 22px;
    }

    .content-container .content-block,
    .content-container .content-link{
        order: 1 !important;
        width: 100% !important;
    }

    .content-link {
        bottom: 40px;
    }

    .img-placeholder{
        background-color: #FFF;
    }

    .contact-widget .cwc{
        width: 100%;
    }

    .breadcrumb{
        float: left;
    }

    .masonry-item{
        max-width: 400px !important;
        width: 100% !important;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0 auto;
    }
}



/*
==================================================
XXS: Mobile Portrait
==================================================
*/

@media (max-width: 480px) {
    .slideshow-wrap .slideshow.slideshow-mobile .slide h2{
        font-size: 28px;
        line-height: 36px;
    }
    .slideshow-wrap .slideshow.slideshow-mobile .slide p{
        font-size: 18px;
        line-height: 22px;
    }
    
    
    .showcase .showcase-item{
        width: 100% !important;
        clear: none !important;
    }
    
    
    .page .text img.pull-left, 
    .page .text img.pull-right{
        max-width: 100%;
        margin: 0 0 15px;
    }
    
    
    .products-highlight .showcase-item:nth-child(3n){
        display: block;
    }
    
    
    .products .products-filters .products-filters {
        padding: 30px 0;
    }
    .products .products-filters .products-filters-trigger {
        display: inline-block;
    }
    .products .products-filters .products-filters-content {
        display: none;
        
        padding: 15px;
        
        background-color: #f9f9f9;
        border-top: 1px solid #DDD;
    }
    .products .products-filters .products-filters-content a{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 40px;
    }
    .products .products-filters .products-filters-content a + a {
        border: none;
    }
    /*
    .products .products-filters .products-filters-content a.active{
        display: none;
    }
    */
    
    
    .product .product-gallery .control {
        width: 25px;
        height: 40px;
    }
    
    
    .contact-map{
        height: 250px;
    }
    
    
    footer .social ul.nav-social li a .icon{
        margin: 0;
    }
    footer .social ul.nav-social li a .name{
        display: none;
    }

    .beers-offcanvas .beers-offcanvas-bar{
        width: 90% !important;
    }
    
    .view-more{
        display: none;
    }

    .contact-widget {
        left: 15px;
    }
}