.mySlides 
{display:none;}



.slideshow{
      margin-top: 0%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
   background-color: #FFF;
   position: relative;
   width: 100%;
   min-height: 300px;
}


.news-setup{
            padding:4px;
            float:left;
            width: 32%;   

}
.newsetup-text{
    position: relative;
    width: 100%;
    
}

.newsetup-textone {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 12px;
    padding:4px;

     white-space: break-word; 
     overflow: hidden; 
     color: #FFF;  
     background: rgba(54, 25, 25, .6);


}
.newsetup-img {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width:100%;
    height:180px;
}







.topsideimage{
    border-bottom: 0px solid Black;
    background-color: #404040;
      width:100%;

}

.topsideimage p{
    font-size: 16px;
}







.blog{
     width: 100%; 
     height: auto;
     float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -wekit-border-radius: 5px;
      margin-top: 2%;
      margin-bottom: 2%;
  background: #FFF;
}



.inner-blog{
            padding:4px;
            float:left;
            width: 16.6%;
            overflow: hidden;
            word-wrap: break-word;
}






.blog-img{
  max-width:100%; 
  max-height: 170px;

  display: block;
     margin: 2% 0;
}

.blog-img:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);	
}




.recipe{
     width: 100%; 
     height: auto;
     float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -wekit-border-radius: 5px;
      margin-top: 0%;
      margin-bottom: 0%;
}



.imgcontainer {
  width: 100%;
    height: 300px;
  overflow: hidden;
  position: relative;
}



.titlebottomleft {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 18px;
    padding:4px;

     white-space: nowrap; 
     overflow: hidden; 
     background: rgba(0, 0, 0, .7);
     color: #FFF;
}




.main-imgage{
    width:100%;
    float:left;
    text-align:justify;
    border:0px solid #000;
    margin-top: 1%;
}

.one-image{
    width: 60%;
    float: left;
    margin-bottom: 0%;
    margin-top: 0%;
}

.two-image{
    width: 40%;
    float: right;
    margin-bottom: 0%;
    margin-top: 0%;
    background-color: #FFF;
}




.mainimage-sidebar{
    width: 45%;
    height: 150px;
    float: left;
    background-color: #FFF;
    color: #FFF;
    
    margin-left: 3%;
    margin-right: 0%;
    margin-bottom: 1%;
    margin-top: 0%;
    padding: 0px;
    text-align: center;
    border:0px solid #000;
}

.mainimage-sidebar-setup{
                padding:0px;
                float:right;
                    border:0px solid red;
                        margin-bottom: 1%;
	width: 100%;
	    height:150px;

}
.mainimage-sidebar-setup-text{
    position: relative;
    
}

.mainimage-sidebar-setup-textone {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 10px;
    padding:3px;

     white-space: break-word; 
     overflow: hidden; 
     color: #FFF;  
     background: rgba(54, 25, 25, .6);
}
.mainimage-sidebar-setup-img {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.mainimage-sidebar-top-right {
   position: absolute;
   top: 8px;
   left: 10px;
     font-size: 12px;
     padding:3px;
     background: rgba(225, 225, 225, .7);
}





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

.inner-blog{
width: 50%;

}

.blog-img{
  width:170%; 
  max-height: 160px;
  display: block;
  margin: 1% 0;
}

.titlebottomleft {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
    padding:3px;

     white-space: nowrap; 
     overflow: hidden; 
     background-color: black;
     color: #FFF;
}

.viewstopright {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    padding:3px;

     white-space: nowrap; 
     overflow: hidden; 
     background-color: black;
     color: #FFF;
}


.news-setup{
                padding:4px;
                float:left;
width: 100%;

}

.one-image{
    width: 100%;
}

.two-image{
display: none
}



.slideshow{
   min-height: 150px;
}

.imgcontainer {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
}


.mainimage-sidebar-top-right {
   position: absolute;
   top: 8px;
   left: 10px;
     font-size: 12px;
     padding:3px;
     background: rgba(225, 225, 225, .7);
}





}