.sectiona1 .rt .imgbl .imgin img {width: auto; height: auto;}
.sectiona1 .rt .imgbl h4 {color: #000000; text-shadow: none; padding: 20px 0;}
.sectiona1 .rt .imgbl h4 span {font-family: 'Montserrat'; font-weight: 500;}
 
.sectiona2 .topc .wfive li {float: left; margin: 0 25px 0 0; width: calc((100% - 100px) / 4); width: -webkit-calc((100% - 100px) / 4); width: -moz-calc((100% - 100px) / 4);}
.sectiona2 .topc .wfive li.last {margin: 0;}

.sectiona2 .topc .wfive::after {content: ""; clear: both; display: block;}

.sectionc2 .topc {
    max-width: 1000px;
}

.db-tag { position: absolute; right: 10px; bottom: 10px; width: 20%; }
.bottomc-img .db-tag { right: auto; left: 10px; }


.sectiona2 .topc li a  {padding: 0 20px; position: relative;}

.sectiona2 .topc li.active a {text-align: left; background: #ffffff;}

.sectiona2 .topc li.active a::after {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 25px; right: 20px;}

.sectionc2 .bottomc .cont h6 {padding: 0 0 10px 0;}
.sectionc2 .bottomc .cont h4 {color: #794313;}

.sectionc2 .bottomc .cont {padding: 25px 30px 30px 40px;}


.sectiona2 .bottomc li.recipe h4 { color: #794313; }




@media screen and (min-width: 1025px) and (max-width: 1229px) { 
   

      .sectiona2 .topc li a {font-size: 10px;}
    
    
    
    
}


@media screen and (min-width: 992px) and (max-width: 1024px) { 
    
     .sectiona2 .topc li a {font-size: 10px;}
    
    
    
    .sectionc2 .midc .cont {padding: 40px;}
    
    
    .sectionc2 .bottomc .cont h4 {
    font-size: 20px;
    line-height: 28px;
}
    
    
    
    
    
 
    
}


@media screen and (min-width: 768px) and (max-width: 991px) { 
    

        .sectionc2 .bottomc .cont {
    padding: 20px;
}
    
    .sectionc2 .bottomc .cont h4 {
    font-size: 16px;
    line-height: 22px;
}
    
    .sectionc2 .bottomc p {display: none;}
    
    
    .sectionc2 .bottomc .img img {
        height: 200px;}
    
    
    
    .sectionc2 .bottomc .cont {height: 200px;}
    .sectiona2 .bottomc .img .bottomc-img { height: 200px; }
    
    
    
    .sectiona2 .topc li a {font-size: 8px;}
    
    
    
    
    
}

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

    .sectiona1 .rt .imgbl .imgin img {width: 120px;}
    
    .sectiona2 .topc .wfive li {
    float: left;
    margin: 0 15px 0 0;
    width: calc((100% - 15px) / 2);
    width: -webkit-calc((100% - 15px) / 2);
    width: -moz-calc((100% - 15px) / 2);
}
    
    
    .sectiona2 .topc .wfive li:nth-child(2n) {margin: 0;}
    
    
    
    .sectionc2 .bottomc .cont {
    padding: 20px;
}
    
    .sectionc2 .bottomc .cont h4 {
    font-size: 16px;
    line-height: 22px;
}
    
    
    
    
    
    
    
    
    
    
    
    
}