/* Enter Your Custom CSS Here */
.post.excerpt{
  background-color:#25383c;
}

.title a {
    color: #fff;
}

.pagination, article header,.post-single-content, .main-container .content,.related-posts {
    background: #25383c; 
}

.related-posts ul li p,article header
{
  color:white;
}


.related-posts,.related-posts h1,.related-posts h2,.related-posts h3,.related-posts h4,.related-posts h5,.related-posts h6,.main-container .content,.single-title {
    color: white;
}
@media screen and (min-width: 1167px) {
  .widget h3
  {
    display:none;
  }
  #top_banner
{
 text-align: center; 
   
  
}
.related-posts
{
  padding:10px;
}

.post.excerpt 
{
  padding:5px;
}
.article
{
    min-width:250px;
  margin-left:1%;
width:53%;
    
}

#right_banner
{
    margin-top:195px;
  margin-left:-25px;
    width:25%;
 max-width:160px; 
  float:left;
}
#left_banner
{
    margin-top:195px;
  width:38%;
  margin-left:1%;
max-width:300px;
  float:left;
}

.widget h3
{
  text-align:center;
}

}
@media screen and (min-width: 1050px)and (max-width: 1166px) {
  #top_banner
{
 text-align: center; 
  
}

.article
{
    
  margin-left:1%;
width:65%;
      
}

#right_banner
{    position:absolute;
    margin-top:720px;
  margin-left:5%;
    width:25%;
 max-width:160px; 
  }
#left_banner
{
    margin-top:100px;
  width:38%;
  margin-left:1%;
max-width:300px;
  float:left;
}
}

@media screen and (min-width: 1020px)and (max-width: 1050px) {
 #top_banner
{
 text-align: center; 
  
}

.article
{
    
  margin-left:1%;
width:48%;
      
}

#right_banner
{  
    margin-top:100px;
 float:left;
  margin-left:5px;
    width:20%;
 max-width:160px; 
  }
#left_banner
{
    margin-top:100px;
  width:%;
  margin-left:1%;
max-width:300px;
  float:left;
}
  
.relatedthumb img {
    height: 110px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 150px;
}

}

@media screen and (min-width: 768px)and (max-width: 1020px) {
 #top_banner
{
 text-align: center; 
  
}

.article
{
    
  margin-left:1%;
width:50%;
      
}

#right_banner
{    float:left;
   position:absolute;
  margin-left:5%;
    width:25%;
 max-width:160px; 
     margin-top:750px;
  }
#left_banner
{
    margin-top:100px;
  width:38%;
  margin-left:1%;
max-width:300px;
  float:left;
}

}
@media screen and (min-width: 480px) and (max-width: 768px) {
 #top_banner
{
 text-align: center; 
  
}

.article
{
    margin-top:10px;
  
width:100%;
      
}

#right_banner
{    float:left;
     width:50%;
 min-width:160px; 
     margin-top:10px;
    text-align: center;
    margin-left:25%;
  }
#left_banner
{
    margin-top:10px;
  width:40%;
 text-align: center;
min-width:300px;
  float:left;
    margin-left:30%;
}
.single-title {
    padding: 0;
    text-align: center;
}
}
@media screen  and (max-width: 480px) {
 #top_banner
{
 text-align: center; 
  
}

.article
{
    margin-top:10px;
min-width:300px;  
width:40%;
      
}

#right_banner
{    float:left;
     width:50%;
 min-width:160px; 
     margin-top:10px;
    text-align: center;
    margin-left:25%;
  }
#left_banner
{
    margin-top:10px;
  width:40%;
 text-align: center;
min-width:300px;
  float:left;
    margin-left:8%;
}
.single-title {
    padding: 0;
    text-align: center;
}
}