@charset "utf-8";

/* CSS Document */
/************* 0px to 320px css **********/
@media screen and (min-width:0px)and (max-width:1024px){
	
	body{
	    padding: 0 10px;
}
}
/************** End of 320px css ***************/
/************* 320px to 480px css **********/
@media screen and (min-width:320px)and (max-width:480px){


.wrapper {
	width:98%;margin:0 auto;
}
.main_story .content{width:87%;padding:20px;float:left;}
.main_story .slider_div .image_div{width:30%;float:left;}
.main_story .slider_div .image_div img{width:100%;}
.main_story .slider_div .content_div{width:50%;float:left;}
.main_story .sub_story{width:90%;margin:0 auto;padding:10px;}
.main_story .sub_story .content{width:100%;}
.video_thumbnails ul li{width:30%;}
.row .blog_div{   margin: 10px 10px 10px 24px;width:35%;}
.entertainment .inner .blog_imagdiv{height:168px;}
.entertainment .inner{width:1005;float:left;}
.newswire{margin-bottom:10px;}
/*.row .magazine_div .img_div {height:240px;}*/
magazine_div .slider_div{height:240px;}
.row .magazine_div .text {
    top: 51px;
    width: 52%;
   
}
.row .magazine_div{height:150px;}
.entertainment .inner .blog_imagdiv .imagdiv1{margin-left:17px;}
nav{width:auto;float:left;}
.search{float:right;width:auto;}

}
/************** End of 480px css ***************/


/************* 480px to 800px css **********/
@media screen and (min-width:768px)and (max-width:1024px){
	#viewvideo{
		height: 450px;
	}
	.more_videos{
		    margin-top: 70px;
	}
	
}

/************** End of 800px css ***************/
/************* 480px to 800px css **********/
@media screen and (min-width:768px)and (max-width:1024px){

.wrapper {
	width:98%;margin:0 auto;
}
.main_story .slider_div .image_div img{width:100px;}



.main_story .content{width:87%;padding:20px;float:left;}
.main_story .slider_div .image_div{width:30%;float:left;}
.main_story .slider_div .content_div{width:50%;float:left;}
.main_story .sub_story{width:90%;margin:0 auto;padding:10px;}
.main_story .sub_story .content{width:60%;}
.video_thumbnails ul li{width:30%;}
.row .blog_div{   margin: 10px 10px 10px 47px;width:40%;}
.row .blog_div1{   margin: 10px 10px 10px 24px;width:40%;}
.entertainment .inner .blog_imagdiv{height:168px;}
.entertainment .inner{width:1005;float:left;}
.newswire{margin-bottom:10px;}
 
magazine_div .slider_div{height:240px;}
.row .magazine_div .text {
    top: 51px;
    width: 52%;
   
}
.row .magazine_div{height:150px;}
.entertainment .inner .blog_imagdiv .imagdiv1{margin-left:17px;}
nav{width:auto;float:left;}
.search{float:right;width:auto;}
	
	
	}

/************** End of 800px css ***************/