/* Default Layout : 992px */
.main_div{width:100%; background-color:#FFFFFF; padding:15px; margin:auto;}

@media only screen and (min-width: 910px) and (max-width:1100px) {

#stucture{ width:95%; margin:auto; }
#top_header_wrapper{ overflow:hidden; margin: 0px 5px -25px 5px;}
#top_menu{ padding:0px; float:left; width:42%;}
#date_version{ float:right; width:55%; text-align:right; color:#FFFFFF}
#date_version a{ color:#FFFFFF}
#header_wrapper{ margin:5px 10px;}
.logo{ float:left; width:40%; margin:5px 15px 0px 0px;}
.bannar{float:right; width:50%;  margin:30px 0px 20px 15px;}
#menu{}
#scrool_wrapper{ margin:10px 0px; overflow:hidden; background:#F5F2F2}
#scrool_01{ float:left; width:7%; background:#1B4484; padding:5px; color:#FFFFFF}
#scrool_02{ float:left; width:90%; padding:5px;}
#content_wrapper{ margin:10px 0px; overflow:hidden;}
#content{ float:left; width:72%; margin-right:10px;}
#lead_wrapper{ overflow:hidden}
#lead_01{ float:left; width:60%; margin-right:10px}
#lead_02{ float:right; width:37%}
#last_wrapper{ overflow:hidden; margin:10px 0px;}
#last_news{ float:left; width:70%; overflow:hidden; margin-right:5px;}
#last_news_01{ float:left; width:48%; margin:0px 3px;}
#popular_news{ float:right; width:28%}
#right_sidebar{ float:right; width:24%}
#middle_catagory_wrapper{ margin:5px 0px; overflow:hidden}
#catagory_01{ float:left; width:30%; border-bottom:1px solid #CCCCCC; padding:8px;}
#catagory_02{float:left; width:30%; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px;}
#catagory_03{float:left; width:31%; border-bottom:1px solid #CCCCCC; padding:8px;}
#dc_cata_wrapper{ margin:10px 0px; overflow:hidden}
#entertaiment_wrapper{ float:left; width:49%; margin-right:10px;}
#entertaiment_01{ float:left; width:47%; margin-right:10px;}
#entertaiment_02{float:left; width:47%; margin-right:10px;}
#sports_wrapper{ float:left; width:49%}
#sports_01{float:left; width:47%; margin-right:10px;}
#sports_02{float:left; width:47%; margin-right:10px;}
#single_cata_wrapper{ margin:10px 0px; overflow:hidden}
#single_cata_01{ float:left; width:24%; margin-right:10px;}
#single_cata_02{float:left; width:24%; margin-right:10px;}
#single_cata_03{float:left; width:24%; margin-right:10px;}
#single_cata_04{float:left; width:24%}
#footer_wrapper{ margin:10px 0px; overflow:hidden;}
#footer_cata_01{float:left; width:24%; margin-right:10px;}
#footer_cata_02{float:left; width:24%; margin-right:10px;}
#footer_cata_03{float:left; width:24%; margin-right:10px;}
#footer_cata_04{float:left; width:24%; }
#video_gallary_wrapper{ overflow:hidden}
#phone_galary{ float:left; width:49%; margin-right:10px}
#video_gallary{ float:left; width:49%}
.photo_gallary{ background:#FC000D; border:1px solid #999999; padding:5px; width:170px; margin:5px 5px -52px 23px; border-radius:10px; z-index:999; position:relative; color:#FFFFFF}
#gallary_wrapper{ margin:20px 0px; background:#333333; overflow:hidden}
#gallary_01{float:left; width:20%; margin :20px;}
#gallary_02{float:left; width:20%; margin :20px;}
#gallary_03{float:left; width:20%; margin :20px;}
#gallary_04{float:left; width:20%; margin :20px;}
#footer_menu{ margin:10px 0px;}
#logo_address_wrapper{ margin:15px 0px; overflow:hidden}
#logo{ float:left; width:20%; margin-right:20px;}
#editor{ float:left; width:25%; margin-right:20px;}
#address{float:left; width:45%;}
#desing_wrapper{margin:15px 0px; text-align:center; font-weight:200; background:#E7E7E7; padding:10px; font-size:15px;}
#{}
#{}
#{}
#{}




/*Menu One=================*/
.menu_container{
    float: left;
    width: 100%;
    position: static;
	background:#EDC388;
	margin-bottom:3px;
	border:0px solid #CCCCCC

}


.menu_top{
    padding:0;
	background:#EDC388;
    width:100%;
    height:35px;
	margin:0px auto;
	z-index:9999;
}
 
.menu_top ul{
    padding:0;
    margin:0;
	
}
 
.menu_top ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;
border-left:1px solid #F9F3E9;
z-index:9999;

}
 
.menu_top ul li a{
color:#020000;
    text-decoration:none;
    font-size:17px;
    padding:8px 10px;
    display:block;
		
}
 
.menu_top ul li a:hover{
    color:#FFF;
	background:#B80409;

	
}
 
.menu_top ul li ul{
    display:block;
    top:37px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
z-index:9999;
background:#F79646;
    width:150px;
overflow:hidden;
clear:both
}
 
.menu_top ul li:hover ul{
    visibility:visible;
display:block;
	background:#EDC388;
	 width:150px;
overflow:hidden;
clear:both
}
 
 
.menu_top .current_page_item > a,
.menu_top .current_page_ancestor > a,
.menu_top .current-menu-item > a,
.menu_top .current-menu-ancestor > a {
	    color:#FFF;
	background:#B80409;
}









/*Menu One=================*/
.menu_con{
    float: left;
    width: 100%;
    position: static;
	background:#F9E9D2;
	margin-bottom:3px;
	border:0px solid #CCCCCC

}


.menu_bottom{
    padding:0;
	background:#F9E9D2;
    width:100%;
    height:35px;
	margin:0px auto;
	z-index:9999;
}
 
.menu_bottom ul{
    padding:0;
    margin:0;
	
}
 
.menu_bottom ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;
border-left:1px solid #F9F3E9;
z-index:9999;

}
 
.menu_bottom ul li a{
color:#020000;
    text-decoration:none;
    font-size:15px;
    padding:8px 10px;
    display:block;
		
}
 
.menu_bottom ul li a:hover{
    color:#FFF;


	
}
 
.menu_bottom ul li ul{
    display:block;
    top:37px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
z-index:9999;
background:#F79646;
    width:150px;
overflow:hidden;
clear:both
}
 
.menu_bottom ul li:hover ul{
    visibility:visible;
display:block;
	background:#EDC388;
	 width:150px;
overflow:hidden;
clear:both
}
 
 
.menu_bottom .current_page_item > a,
.menu_bottom .current_page_ancestor > a,
.menu_bottom .current-menu-item > a,
.menu_bottom .current-menu-ancestor > a {
	    color:#FFF;
	background:#B80409;
}






<!--All Title-->
#last_news h3{ background:#990000; color:#FFFFFF; padding:5px; overflow:hidden}
.cata_title{border-bottom:2px solid #FF0000; padding:5px 5px 5px 0px; font-size:18px; margin:5px 0px;}
.cata_title span{background:#FF0000; color:#FFFFFF; padding:5px;}
.cata_title2{border-bottom:2px solid #FF0000; margin:5px 0px;}
.cata_title2 span{background: #fff; position: relative; bottom: -8px; color: #000; font-size: 18px; padding-right: 3px; padding:5px;}
.cata_title3{ background:#018B45; color:#FFFFFF; font-size:17px; padding:5px;}
.cata_title4{ background:#8140BE; width:150px; color:#FFFFFF; padding:5px; font-size:17px;}
.cata_title5{ background:#962E33; color:#FFFFFF; padding:5px; font-size:17px;}




}
/* Default Layout : 768px */
@media only screen and (min-width: 610px) and (max-width:900px) {

#stucture{ width:95%; margin:auto; }
#top_header_wrapper{ overflow:hidden}
#top_menu{ padding:4px; float:left; width:50%;}
#top_menu ul li{ float:left; list-style:none; margin:0px 5px;}
#top_menu ul li a{ color:#FF6600; border:1px solid #FFFFFF; padding:2px 2px; font-size:16px;}
#top_menu ul li a:hover{ border:1px solid #FF6600; padding:2px 2px; }
#date_version{ float:right; width:48%; text-align:right; color:#FFFFFF}
#date_version a{ color:#FFFFFF}
#header_wrapper{ margin:5px 10px;}
.logo{ float:left; width:30%; margin:15px;}
.bannar{float:right; width:60%;  margin:20px 15px;}
#menu{}
#scrool_wrapper{ margin:10px 0px; overflow:hidden; background:#F5F2F2}
#scrool_01{ float:left; width:25%; background:#666666; padding:5px; color:#FFFFFF}
#scrool_02{ float:left; width:70%; padding:5px;}
#content_wrapper{ margin:10px 0px; overflow:hidden;}
#content{ float:left; width:72%; margin-right:10px;}
#lead_wrapper{ overflow:hidden}
#lead_01{ float:left; width:60%; margin-right:10px}
#lead_02{ float:right; width:37%}
#last_wrapper{ overflow:hidden; margin:10px 0px;}
#last_news{ float:left; width:70%; overflow:hidden; margin-right:5px;}
#last_news_01{ float:left; width:48%; margin:0px 3px;}
#popular_news{ float:right; width:28%}
#right_sidebar{ float:right; width:24%}
#middle_catagory_wrapper{ margin:5px 0px; overflow:hidden}
#catagory_01{ float:left; width:30%; border-bottom:1px solid #CCCCCC; padding:8px;}
#catagory_02{float:left; width:30%; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px;}
#catagory_03{float:left; width:30%; border-bottom:1px solid #CCCCCC; padding:8px;}
#dc_cata_wrapper{ margin:10px 0px; overflow:hidden}
#entertaiment_wrapper{ float:left; width:49%; margin-right:10px;}
#entertaiment_01{ float:left; width:46%; margin-right:10px;}
#entertaiment_02{float:left; width:46%; margin-right:10px;}
#sports_wrapper{ float:left; width:49%}
#sports_01{float:left; width:46%; margin-right:10px;}
#sports_02{float:left; width:46%; margin-right:10px;}
#single_cata_wrapper{ margin:10px 0px; overflow:hidden}
#single_cata_01{ float:left; width:24%; margin-right:5px;}
#single_cata_02{float:left; width:24%; margin-right:5px;}
#single_cata_03{float:left; width:24%; margin-right:5px;}
#single_cata_04{float:left; width:24%}
#footer_wrapper{ margin:10px 0px; overflow:hidden;}
#footer_cata_01{float:left; width:24%; margin-right:5px;}
#footer_cata_02{float:left; width:24%; margin-right:5px;}
#footer_cata_03{float:left; width:24%; margin-right:5px;}
#footer_cata_04{float:left; width:24%; }
#video_gallary_wrapper{ overflow:hidden}
#phone_galary{ float:left; width:49%; margin-right:10px}
#video_gallary{ float:left; width:49%}
.photo_gallary{ background:#CCCCCC; border:1px solid #999999; padding:5px; width:150px; margin:5px 5px -25px 5px; border-radius:10px; z-index:999; position:relative}
#gallary_wrapper{ margin:20px 0px; background:#333333; overflow:hidden}
#gallary_01{float:left; width:20%; margin :15px;}
#gallary_02{float:left; width:20%; margin :15px;}
#gallary_03{float:left; width:20%; margin :15px;}
#gallary_04{float:left; width:20%; margin :15px;}
#footer_menu{ margin:10px 0px;}
#logo_address_wrapper{ margin:15px 0px; overflow:hidden}
#logo{ float:left; width:20%; margin-right:20px;}
#editor{ float:left; width:35%; margin-right:20px;}
#address{float:left; width:35%;}
#desing_wrapper{margin:15px 0px; text-align:center; font-weight:200; background:#E7E7E7; padding:10px; font-size:15px;}
#{}
#{}
#{}
#{}

<!--All Title-->
#last_news h3{ background:#990000; color:#FFFFFF; padding:5px; overflow:hidden}
.cata_title{border-bottom:2px solid #FF0000; padding:5px 5px 5px 0px; font-size:18px; margin:5px 0px;}
.cata_title span{background:#FF0000; color:#FFFFFF; padding:5px;}
.cata_title2{border-bottom:2px solid #FF0000; margin:5px 0px;}
.cata_title2 span{background: #fff; position: relative; bottom: -8px; color: #000; font-size: 18px; padding-right: 3px; padding:5px;}
.cata_title3{ background:#006666; color:#FFFFFF; font-size:17px; padding:5px;}
.cata_title4{ background:#FF0000; width:150px; color:#FFFFFF; padding:5px; font-size:17px;}
.cata_title5{ background:#FF0000; color:#FFFFFF; padding:5px; font-size:17px;}



}


/* Default Layout : 480px */
@media only screen and (min-width: 460px) and (max-width:600px) {

#stucture{ width:95%; margin:auto; }
#top_header_wrapper{ overflow:hidden}
#top_menu{ padding:4px; float:left; width:100%;}
#top_menu ul li{ float:left; list-style:none; margin:0px 5px;}
#top_menu ul li a{ color:#FF6600; border:1px solid #FFFFFF; padding:2px 2px; font-size:16px;}
#top_menu ul li a:hover{ border:1px solid #FF6600; padding:2px 2px; }
#date_version{ float:right; width:100%; text-align:center; color:#FFFFFF}
#date_version a{ color:#FFFFFF}
#header_wrapper{ margin:5px 10px;}
.logo{ float:left; width:100%; margin:15px;}
.bannar{float:right; width:100%;  margin:20px 15px;}
#menu{}
#scrool_wrapper{ margin:10px 0px; overflow:hidden; background:#F5F2F2}
#scrool_01{ float:left; width:35%; background:#666666; padding:5px; color:#FFFFFF}
#scrool_02{ float:left; width:60%; padding:5px;}
#content_wrapper{ margin:10px 0px; overflow:hidden;}
#content{ float:left; width:100%; margin-right:10px;}
#lead_wrapper{ overflow:hidden}
#lead_01{ float:left; width:60%; margin-right:10px}
#lead_02{ float:right; width:37%}
#last_wrapper{ overflow:hidden; margin:10px 0px;}
#last_news{ float:left; width:70%; overflow:hidden; margin-right:5px;}
#last_news_01{ float:left; width:46%; margin:0px 5px;}
#popular_news{ float:right; width:28%}
#right_sidebar{ float:left; width:95%}
#middle_catagory_wrapper{ margin:5px 0px; overflow:hidden}
#catagory_01{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding:8px;}
#catagory_02{float:left; width:100%; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px;}
#catagory_03{float:left; width:100%; border-bottom:1px solid #CCCCCC; padding:8px;}
#dc_cata_wrapper{ margin:10px 0px; overflow:hidden}
#entertaiment_wrapper{ float:left; width:100%; margin-right:10px;}
#entertaiment_01{ float:left; width:47%; margin-right:10px;}
#entertaiment_02{float:left; width:47%; margin-right:10px;}
#sports_wrapper{ float:left; width:100%}
#sports_01{float:left; width:47%; margin-right:10px;}
#sports_02{float:left; width:47%; margin-right:10px;}
#single_cata_wrapper{ margin:10px 0px; overflow:hidden}
#single_cata_01{ float:left; width:47%; margin-right:5px;}
#single_cata_02{float:left; width:47%; margin-right:5px;}
#single_cata_03{float:left; width:47%; margin-right:5px;}
#single_cata_04{float:left; width:47%}
#footer_wrapper{ margin:10px 0px; overflow:hidden;}
#footer_cata_01{float:left; width:47%; margin-right:5px;}
#footer_cata_02{float:left; width:47%; margin-right:5px;}
#footer_cata_03{float:left; width:47%; margin-right:5px;}
#footer_cata_04{float:left; width:47%; }
#video_gallary_wrapper{ overflow:hidden}
#phone_galary{ float:left; width:100%;}
#video_gallary{ float:left; width:100%}
.photo_gallary{ background:#CCCCCC; border:1px solid #999999; padding:5px; width:150px; margin:5px 5px -25px 5px; border-radius:10px; z-index:999; position:relative}
#gallary_wrapper{ margin:20px 0px; background:#333333; overflow:hidden}
#gallary_01{float:left; width:43%; margin :15px;}
#gallary_02{float:left; width:43%; margin :15px;}
#gallary_03{float:left; width:43%; margin :15px;}
#gallary_04{float:left; width:43%; margin :15px;}
#footer_menu{ margin:10px 0px;}
#logo_address_wrapper{ margin:15px 0px; overflow:hidden}
#logo{ float:left; width:44%; margin-right:20px;}
#editor{ float:left; width:44%; margin-right:20px;}
#address{float:left; width:100%;}
#desing_wrapper{margin:15px 0px; text-align:center; font-weight:200; background:#E7E7E7; padding:10px; font-size:15px;}
#{}
#{}
#{}
#{}

<!--All Title-->
#last_news h3{ background:#990000; color:#FFFFFF; padding:5px; overflow:hidden}
.cata_title{border-bottom:2px solid #FF0000; padding:5px 5px 5px 0px; font-size:18px; margin:5px 0px;}
.cata_title span{background:#FF0000; color:#FFFFFF; padding:5px;}
.cata_title2{border-bottom:2px solid #FF0000; margin:5px 0px;}
.cata_title2 span{background: #fff; position: relative; bottom: -8px; color: #000; font-size: 18px; padding-right: 3px; padding:5px;}
.cata_title3{ background:#006666; color:#FFFFFF; font-size:17px; padding:5px;}
.cata_title4{ background:#FF0000; width:150px; color:#FFFFFF; padding:5px; font-size:17px;}
.cata_title5{ background:#FF0000; color:#FFFFFF; padding:5px; font-size:17px;}


}


/* Default Layout : 320px */
@media only screen and (max-width:450px) {


#stucture{ width:95%; margin:auto; }
#top_header_wrapper{ overflow:hidden}
#top_menu{ padding:4px; float:left; width:100%;}
#top_menu ul li{ float:left; list-style:none; margin:0px 5px;}
#top_menu ul li a{ color:#FF6600; border:1px solid #FFFFFF; padding:2px 2px; font-size:16px;}
#top_menu ul li a:hover{ border:1px solid #FF6600; padding:2px 2px; }
#date_version{ float:right; width:100%; text-align:center; color:#FFFFFF}
#date_version a{ color:#FFFFFF}
#header_wrapper{ margin:5px 10px;}
.logo{ float:left; width:100%; margin:15px;}
.bannar{float:right; width:95%;  margin:20px 15px; display:none}
#menu{}
#scrool_wrapper{ margin:10px 0px; overflow:hidden; background:#F5F2F2}
#scrool_01{ float:left; width:43%; background:#666666; padding:5px; color:#FFFFFF}
#scrool_02{ float:left; width:50%; padding:5px;}
#content_wrapper{ margin:10px 0px; overflow:hidden;}
#content{ float:left; width:100%; margin-right:10px;}
#lead_wrapper{ overflow:hidden}
#lead_01{ float:left; width:100%; margin-right:10px}
#lead_02{ float:left; width:100%}
#last_wrapper{ overflow:hidden; margin:10px 0px;}
#last_news{ float:left; width:100%; overflow:hidden; margin-right:5px;}
#last_news_01{ float:left; width:45%; margin:0px 5px;}
#popular_news{ float:left; width:100%}
#right_sidebar{ float:left; width:100%}
#middle_catagory_wrapper{ margin:5px 0px; overflow:hidden}
#catagory_01{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding:8px;}
#catagory_02{float:left; width:100%; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px;}
#catagory_03{float:left; width:100%; border-bottom:1px solid #CCCCCC; padding:8px;}
#dc_cata_wrapper{ margin:10px 0px; overflow:hidden}
#entertaiment_wrapper{ float:left; width:100%; margin-right:10px;}
#entertaiment_01{ float:left; width:100%; margin-right:10px;}
#entertaiment_02{float:left; width:100%; margin-right:10px;}
#sports_wrapper{ float:left; width:100%}
#sports_01{float:left; width:100%; margin-right:10px;}
#sports_02{float:left; width:100%; margin-right:10px;}
#single_cata_wrapper{ margin:10px 0px; overflow:hidden}
#single_cata_01{ float:left; width:100%; margin-right:5px;}
#single_cata_02{float:left; width:100%; margin-right:5px;}
#single_cata_03{float:left; width:100%; margin-right:5px;}
#single_cata_04{float:left; width:100%}
#footer_wrapper{ margin:10px 0px; overflow:hidden;}
#footer_cata_01{float:left; width:100%; margin-right:5px;}
#footer_cata_02{float:left; width:100%; margin-right:5px;}
#footer_cata_03{float:left; width:100%; margin-right:5px;}
#footer_cata_04{float:left; width:100%; }
#video_gallary_wrapper{ overflow:hidden}
#phone_galary{ float:left; width:100%;}
#video_gallary{ float:left; width:100%}
.photo_gallary{ background:#CCCCCC; border:1px solid #999999; padding:5px; width:150px; margin:5px 5px -25px 5px; border-radius:10px; z-index:999; position:relative}
#gallary_wrapper{ margin:20px 0px; background:#333333; overflow:hidden}
#gallary_01{float:left; width:100%; margin :15px;}
#gallary_02{float:left; width:100%; margin :15px;}
#gallary_03{float:left; width:100%; margin :15px;}
#gallary_04{float:left; width:100%; margin :15px;}
#footer_menu{ margin:10px 0px;}
#logo_address_wrapper{ margin:15px 0px; overflow:hidden}
#logo{ float:left; width:100%; margin-right:20px;}
#editor{ float:left; width:100%; margin-right:20px;}
#address{float:left; width:100%;}
#desing_wrapper{margin:15px 0px; text-align:center; font-weight:200; background:#E7E7E7; padding:10px; font-size:15px;}
#{}
#{}
#{}
#{}

<!--All Title-->
#last_news h3{ background:#990000; color:#FFFFFF; padding:5px; overflow:hidden}
.cata_title{border-bottom:2px solid #FF0000; padding:5px 5px 5px 0px; font-size:18px; margin:5px 0px;}
.cata_title span{background:#FF0000; color:#FFFFFF; padding:5px;}
.cata_title2{border-bottom:2px solid #FF0000; margin:5px 0px;}
.cata_title2 span{background: #fff; position: relative; bottom: -8px; color: #000; font-size: 18px; padding-right: 3px; padding:5px;}
.cata_title3{ background:#006666; color:#FFFFFF; font-size:17px; padding:5px;}
.cata_title4{ background:#FF0000; width:150px; color:#FFFFFF; padding:5px; font-size:17px;}
.cata_title5{ background:#FF0000; color:#FFFFFF; padding:5px; font-size:17px;}

}