/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 
  .archive_details{
    border-bottom: 2px solid #737070;
    border-left: 5px solid #8C0303;
    margin-bottom: 15px;
    padding: 25px;
}
.archive_img{
    float: left;
    width: 50%;
    margin-right: 20px;
}  
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
 
    .archive_details{
    border-bottom: 2px solid #737070;
    border-left: 5px solid #8C0303;
    margin-bottom: 15px;
    padding: 25px;
}
.archive_img{
    float: left;
    width: 50% !important;
    margin-right: 20px;
} 
    
    
}