@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;	
}
@media only screen and (max-width:1020px)
{
#container_home { width:96%; margin:0 2%;  }
#container { width:100%; }      
.container { width: 100%; } 

#logo { width:330px; }
#logo a  {  float: left;  width: 72%; }
#logo a img { width:100%; }
#logo a+a  {  width:62px;  }
#navBG ul li a { padding: 0 7px 5px; font-size:12px; }

#breakingBG { width:100%; }
#breakingNew { padding: 1%; width: 47%;   height: auto; }
#todayStories {float: right; height: 380px;  overflow: hidden;  width: 49%; }
#sliderhome { height: 340px !important;  overflow: hidden !important;   width: 100%; }
#leftpanel { width: 49%; }
.state1 { padding: 10px 0 20px; width: 100%; }  
.state2 { padding: 10px 0 20px; width: 100%; }
#international { width:100%; }
#national { width:100%; }
#sports { width:100%; }
#gallery  { width:100%; }
#business  { width:100%; }
#slider { margin: 2% !important; width: 96%  !important; }

#rightpanel  { width:49%; }
.cricket { padding: 3%; width: 93%; }  
#archive { width:100%; }  
ul.circle2 li { width:100%; }  
.adsbygoogle { width: 100% !important; background-color:none; }
.add5 {float: left;  margin-right: 0; width: 100%; }

.stateleft { padding: 10px 0; width: 100%; }
.stateright { border-left: 0 dashed #ccc; padding: 10px 0; width: 100%; }
#gallery_magzine {  width: 100%; }
#slider1 li, #slider2 li { width: 100%; }
#photogallery ul li {  margin:0 7px; width: 139px; }
#photogallery ul li a img  { width: 100%; }
#container { width:100%; }
.main_news { margin: 20px 0 0; width: 100%;  }

.news_left { margin: 3px 0 0; width: 48%; }
.news_left  img { padding: 2%; width: 94%; }  
.news_right { float: right; margin: 0 0 0 8px; width: 47%; }
.sub_news ul li {  margin: 0;    width: 100%; }

.flat-table tbody tr td { padding:15px 5px !important; }
.flat-table tbody tr th { padding:15px 5px !important; }
#one { width:70% !important; }
#container-inner {  width: 100%;  }
}

@media only screen and (max-width:980px)
{
       

} 

@media only screen and (max-width:900px)
{
#breakingBG { width:100%; }
#navBG ul li a { padding: 0 6px 5px; font-size:95%; } 
}

@media only screen and (max-width:800px)
{
#breakingBG { width:100%; }
#navBG ul li a { padding: 0 6px 5px; font-size:95%; }
}

@media only screen and (max-width:768px)
{
#breakingBG { width:100%; }
#navBG ul li a { padding: 0 5px 5px; font-size:95%; }




}

@media only screen and (max-width:640px)  
{
	
#sliderhome li span{ width:99% !important; float:left;}	
	
	
#logo { margin: 0 5%; width: 90%; }
#logo a img { width:100%; } 
.right_navi { float: right; text-align: center;  width: 96%;  margin: 0 3%; }
#timeTop { padding: 10px 0 5px 0; text-align: center; width: 100%; }
#searchBG { margin: 0 0 10px; }
#breakingBG  { width: 100%; }
#breakingNew { padding:3%; width: 93%; }
#gallery_home  { width: 100% !important; } 
#todayStories {  margin: 8px 0 0; width: 100%; }
#todayStories ul#tab_plans {  width: 100%; }
#todayStories ul#tab_plans li a.activeTab { font-size:16px; }
#todayStories ul#tab_plans li a.inActiveTab, #todayStories ul#tab_plans li a.activeTab { font-size: 16px; padding: 4px 8px 3px; }
.red_ul li { margin:0; }
#leftpanel {  width: 100%; }
.state1 { padding: 10px 0 20px;  width: 100%; }
ul.circle { border-right: 0 dashed #ccc; padding-right: 0; }
ul.circle li { background-position: 0 8px; padding-bottom: 5px; padding-top: 5px; }
.state2 {  padding: 10px 0 20px; width: 100%; }
ul.circle1 li { background-position: 0 8px; padding-bottom: 5px; padding-top: 5px; }
#international  {  width: 100%; }
#national  {  width: 100%; }
#archive {  width: 100%; }
#sports {  width: 100%; }
#business {  width: 100%; }
#rightpanel {  width: 100%; }
.cricket { padding: 2%; width: 96%; }
ul.circle2 li  {  width: 100%; margin:0;  }
#footer .col1 {  width: 100%;  margin:0;}
#footer .col2 {  width: 100%;  margin:0;}
#footer .col3 {  width: 100%;  margin:0;}
#footer .col4 {  width: 100%;  margin:0;}
#footer .col5 {  width: 100%; margin:0; }
#copyright { float: left; height: auto;  padding: 7px 3%; width: 94%; }
#fleft { text-align: center; width: 100%; }
#fright { text-align: center; width: 100%; } 
#gallery  { width:99.5%; }  
#slider { margin: 2% !important; width: 96% !important; }
.subhead { margin-top: 20px; }           
#sliderhome { height: 340px !important;  overflow: hidden !important;  width:100% !important; }  
#sliderhome  ul { }  
#sliderhome  li  { width:572px !important; overflow: hidden !important; }  
#gallery_home ul img    {  width: 100%; }
.stateleft { padding: 10px 0; width: 100%; }
.stateright { border-left: 0 dashed #ccc; padding: 10px 0; width: 100%; }
.editbox { padding: 10px 0; width: 100%; }
#gallery_magzine {  width: 100%; }
#slider1 li, #slider2 li { width: 100%; }
#photogallery ul li {  margin:0 7px; width: 139px; }
#photogallery ul li a img  { width: 100%; }
.main_news { margin: 20px 0 0; width: 100%;  }

.news_left { margin: 3px 0 0; width: 48%; }
.news_left  img { padding: 2%; width: 94%; }  
.news_right { float: right; margin: 0 0 0 8px; width: 47%; }
.sub_news ul li {  width: 44%; }

.flat-table tbody tr td { padding:15px 5px !important; }
.flat-table tbody tr th { padding:15px 5px !important; }
#one { width:100% !important; }
#container-inner {  width: 100%;  }

}


@media only screen and (max-width:600px)

{
 
 #sliderhome li span{ width:88%;}
 
}

@media only screen and (max-width:480px)
{
#breakingBG {    width: 100%; }
.news_left { margin: 3px 0 0; width: 100%; }
.news_left  img { padding: 2%; width: 94%; }
.news_right { float: right; margin: 0 0 0 0; width: 100%; }
.sub_news ul li {  width: 100%;   margin: 0; }
#breakingBG { width: 100%; height:auto; } 
#FadeIn_CSS {  float: left; margin: 10px 0 0; padding: 5px;  width: 133%; }

#sliderhome li span{ width:67%;}


}

@media only screen and (max-width:414px)
{
#sliderhome li span {
    width: 64%;
}

}

@media only screen and (max-width:360px)
{
#breakingBG { width:100%; height:auto;} 
#FadeIn_CSS {  float: left; margin: 10px 0 0; padding: 5px;  width: 133%; }

#sliderhome li span{width: 55% !important; float: left;}


}

@media only screen and (max-width:320px)
{ 
ul.circle3 li    { width: 92%; }
#breakingBG { width:100%; height:auto; } 
#FadeIn_CSS {  float: left; margin: 10px 0 0; padding: 5px;  width: 133%; }


#sliderhome li span{ width:49%;}

}







