/* Enter Your Custom CSS Here */
.post.excerpt {
    padding: 10px;
}
#page_gap
{
padding-left:15px;
padding-right:15px;
}
.thumbnails-rr .videoCube .video-label-box .video-title {
    color: white;
    margin: 0;
    text-decoration: none;
}
.trc_rbox_header_span
{
  color:#fff;
}
#post_box
{
  background-color:#000000;
}



  /* some CSS here */

#left_banner
{
  float: left; margin-left:3%; margin-top: 230px; min-width:300px; width:25%;
}
#left_banner img
{
  width:100%;
    height:600px;
 
}
#top_div_banner
{
  float: left; margin-left:0px;  width:50%; color:#fff;
  
}
#top_banner
{
 text-align: center; 
  
}

#div_video
{
   max-width: 600px; height: auto; margin-top: 10px; width:100%;
}

#right_banner
{
  float: left; margin-left: 0px; margin-top:230px; min-width:160px; width:14%;
}
#right_banner img
{
  
  width:100%;
  height:auto;
}
#main_content
{
  margin-top:5px;
  padding:5px;
  padding-left:15px;
  text-align:justify;
}

@media screen and (min-width:1090px) and (max-width: 1210px){
  #right_banner
{    
   position:absolute;
    float:left;
  margin-left:5%;
    width:20%;
 max-width:160px; 
     margin-top:900px;
  }
#left_banner
{
  float: left; margin-left:3%; margin-top: 10px; min-width:300px; width:25%;
}
  #top_div_banner
{
  float: left; margin-left:0px;  width:62%;min-height:2200px; color:#fff;
}
}

@media screen and (min-width: 990px) and (max-width: 1090px){
  #right_banner
{    
   position:absolute;
    float:left;
  margin-left:5%;
    width:20%;
 max-width:160px; 
     margin-top:900px;
  }
#left_banner
{
  float: left; margin-left:3%; margin-top: 10px; min-width:300px; width:25%;
}
  #top_div_banner
{
  float: left; margin-left:0px;  width:48%;min-height:2200px; color:#fff;
}
}
@media screen and (min-width: 768px) and (max-width: 989px){
 #right_banner
{    
    
   position:absolute;
    float:left;
  margin-left:5%;
    width:20%;
 max-width:160px; 
     margin-top:950px;
  }
#left_banner
{
  float: left; margin-left:3%; margin-top: 10px; min-width:300px; width:25%;
}
  #top_div_banner
{
  float: left; margin-left:0px;  width:45%;min-height:2200px; color:#fff;
}
}


@media screen and (min-width: 480px) and (max-width: 768px){
#right_banner
{    
   float:left;
  margin-left:auto;
    margin-right:auto;
    width:100%;
     margin-top:10px;
  }
  .pagination ul li {
    margin: 5px !important;
}
  .pagination ul > .inactive {
    margin-top: 5px;
}
#left_banner
{
  float: left; margin-left:auto;margin-right:auto; margin-top: 10px; width:100%; }
  #top_div_banner
{
  float: left; margin-left:0px;  width:100%; color:#fff;outline:margin-top:10px;
  
}
  #commentform textarea {
    width: 89.6% !important;
   
}
  .post.excerpt {
    padding: 5px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px){
  
  .sidebar.c-4-12
  {
    clear:both;
    float:none !important;
    margin:0 auto !important;
    width:100% !important;
    
  }
  #sidebars .widget {
    padding: 20px 0 0px 0;
}
#right_banner
{    
   float:left;
  margin-left:27%;
    width:100%;
     margin-top:10px;
  }
#left_banner
{
  float: left; margin-left:7%; margin-top: 10px; width:100%; 
}
  #top_div_banner
{
  float: left; margin-left:0px;  width:100%; color:#fff;outline:margin-top:10px;
  
}
  #commentform input {
    width: 88% !important;
}
    #commentform textarea {
    width: 89.6% !important;
   
}
  .widget li {
    width: 92%;
}
  .post.excerpt {
    padding: 5px;
}
.main-container {
    max-width: 96%;
    padding: 5px;
}
  #commentform input#submit { 
    float: left;
}
    .pagination ul li {
    margin: 5px !important;
}
}

@media screen and (max-width: 320px){
  #top_div_banner
{
  float: left; margin-left:0px;  width:100%; color:#fff;outline:margin-top:10px;
  
}
}
#comments {
    padding: 3% 0px 0px;
    background-color: #000;
    float: left;
    clear: both;
    width: 100%;
}
.total-comments {
    color:#fff;
}