

/*	RESPONSIVE	
==================================================================================================== */
@media (max-width: 1199px) {
    .view-listing-teasers .title h3 {margin-top: 15px;}
}

@media (max-width: 991px) {
    /* grid */
    .home-view.view-listing-teasers li.view-listing-item.item-hero,
    .view-listing-teasers li.view-listing-item.ads-row {
        width: 66%;
    }
    .home-view.view-listing-teasers li.view-listing-item,
    .view-listing-teasers li.view-listing-item {
        width: 33%;
    }
    /* recipes */
   .recipe-page #recipe-related  {display: none; z-index: 11000;}
    .recipe-page #recipe-content {width: 100%;}
    .ad-container {width: 100%; overflow: hidden;}
    #btn-relatedrecipes {display: block;} 
    .ad-container {display: none;}
    /* search */
    .side-nav {
        display: none;
    }
}
@media (max-width: 767px) { 
    header .search-box .dropdown-menu {
        position: fixed;
        left: 0;
        width: 100%;
        max-height: 350px;
    }  
    header .search-box.open .dropdown-menu  {
        left: 0;
        position: fixed;
        top: 50px;
        width: 100%;
        background: #343a3b;

    }
    .img-overlay {padding: 60px 0 0;}

    .view-listing-teasers .summary {height: 55%;}
    .view-listing-teasers .title h3 {margin-top: 0;}

    /* grid */
    .home-view.view-listing-teasers li.view-listing-item,
    .home-view.view-listing-teasers li.view-listing-item.item-hero,
    .view-listing-teasers li.view-listing-item.ads-row,
    .view-listing-teasers li.view-listing-item
     {
        width: 50%;
    }
    .home-view.view-listing-teasers li.view-listing-item.item-hero img {
        width: auto;
        height: 100%;
    }
    /*.view-listing-teasers .summary {height: 60%;}*/
    
}
@media (max-width: 520px) {
    #logo {display: none;}
    /* grid */
    .home-view.view-listing-teasers li.view-listing-item,
    .home-view.view-listing-teasers li.view-listing-item.item-hero,
    .view-listing-teasers li.view-listing-item.ads-row,
    .view-listing-teasers li.view-listing-item
     {
        width: auto;
        float: none;
    }
    .home-view.view-listing-teasers .view-listing-item-inner,
    .view-listing-teasers .view-listing-item-inner
     {height: auto;}
     /* home hero */
     .home-view.view-listing-teasers li.view-listing-item.item-hero img {width: 100%;}
     /* ////home hero  */
     .view-listing-teasers .title h3 {height: auto;}
     .view-listing-teasers ul.group {position: relative;}
    /*.view-listing-teasers .summary {height: 65%;}*/
    .view-listing-teasers .description-snipet {
        font-size: 16px;
    }

    /* recipes */
    #region-side-left .view-related-content li a h3,
    #region-side-left .view-related-content li a .field-name-author  {
        font-size: 13px;
        line-height: 18px;
    }
    video[poster] {
        width: 100%;
        height: inherit;
    }
    .recipe-page #recipe-related {
        width: 300px;
    }
    .field-name-po-st-buttons .pw-button {
        display: block !important;
        margin: 10px 0 20px !important;
    }
    .pw-layout-horizontal .button-type-looknative, .pw-layout-horizontal .ra1-pw-originalbuttons {
        margin-right: 0 !important;
    }
    .field-name-po-st-buttons .pw-layout-horizontal .button-type-looknative, 
    .field-name-po-st-buttons .pw-layout-horizontal .ra1-pw-originalbuttons {
        margin-right: 0 !important;
    }
    /* nutrition facts */
    .nftable-d7 {
        padding: 0;
    }
    #recipe-content h2#nutrition-facts,
    .nftable-d7 p.border-none {
        position: relative;
        text-align: left;
        margin: 20px 0;
        clear: both;
    }
    .serving-details.per_serving {
        clear: both;
        margin-top: 50px;
    }
}
/* ====================================
            992 >  
 ==================================== */ 
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* ====================================
            1200 >  
 ==================================== */ 
@media (min-width: 992px) and (max-width: 1199px) {
    .recipe-page #recipe-related {width: 300px; margin: 0; padding: 0;}
    .recipe-page #recipe-content {width: 670px; margin: 0; padding: 0;}
    
}

/* ====================================
            768 >  
 ==================================== */ 

/* ====================================
            560 >  
 ==================================== */ 

/* ====================================
            320 >  
 ==================================== */ 


