/* Default Layout : 992px */



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

.clear{ clear:both}
a { text-decoration:none}
.fix{ overflow:hidden}
.stucture{ width:95%; margin:auto}
.header{background:#FFFFFF;}
.sidiul{ background:#000033; margin-top:-108px; z-index:9999; position:relative;}
.sidiul_01{ float:left; width:30%; background:#FF0000; color:#FFFFFF; padding:1%}
.sidiul_02{ float:left; width:64%; padding:1%; color:#FFFFFF}
.sidiul_02 a{ color:#FFFFFF}
.sidiul_02 a:hover{ color:#FF0000}
.live{ float:left; width:100%; margin-bottom:10px;}
.content{ margin:10px 0px;}
.logo{ margin:40px -55px -260px 25px; z-index:999999; width:130px}
.logo_area{z-index:999999; position:relative; display:none}
.mobile_menu{}
.main_content{ width:100%}
.left_content{ float:left; width:100%;}

.video{ margin:10px 0px}
.video_01{float:left; width:95%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:220px; border-radius:5px; margin-bottom:5px}
.video_02{float:left; width:95%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:220px; border-radius:5px; margin-bottom:5px}
.video_03{float:left; width:95%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:220px; border-radius:5px; margin-bottom:5px}
.video_04{float:left; width:95%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:220px; border-radius:5px; margin-bottom:5px}



.right_sidebar{ float:right; width:100%; background:#FFFFFF; padding:5px}
.footer{ background:#0099CC; margin-top:10px; color:#FFFFFF; padding:10px; text-align:center}
.footer_logo{ float:left; width:15%; padding:20px;  }
.footer_logo img{ border:1px solid #FFFFFF}
.editor{ float:left; width:34%; border-left:1px solid #FFFFFF; border-right:1px solid #CCCCCC; padding:10px 20px 20px 20px; margin-top:10px} 
.address{ float:left; width:34%; padding:20px;  }

.footer_menu{text-align:center; padding:5px 5px; background:#666666}
.footer_menu a{ text-decoration:none; color:#FFFFFF}
.footer_menu a:hover{ text-decoration:none; color:#FF0000}
.desing{ text-align:center; padding:5px; background:#333333; color:#FFFFFF; margin-bottom:40px; font-size:13px}
.desing a{ color:#FFFF00; text-decoration:none; font-weight:bold}
.desing a:hover{ color:#FFFFFF; }
.{}
.{}
.smain_content{ margin:10px 0px;}
.left_scontent{ float:left; width:100%; }
.right_ssidebar{ float:right; width:100%;}


.category_title{ background:#CCCCCC; border-bottom:2px solid #FF0000; border-left:5px solid #FF0000; padding:5px; margin:0px 5px;}
.category_title span{ float:right}
.category_title span a{ color:#990000}
.category_title span a:hover{ color:#FFFFFF}
.sidecata_title{ border-bottom:2px solid #990000; margin-bottom:10px; }
.sidecata_title span{ background:#990000; padding:5px 5px 0px 5px; border-bottom:2px solid #990000; color:#FFFFFF}





/*Last Title*/
.title-loop{ font-size:16px; line-height:18px; padding:5px; border-top:1px solid #EBEBEB; color:#FF0000; font-weight:300}
.title-loop a{ color:#000000}
.title-loop a:hover{ color:#FF0000}


/*Video Loop*/
.video_title_loop{ font-size:15px; line-height:20px; padding:5px;}
.video_title_loop a{ color:#000000; text-decoration:none; font-weight:300}
.video_title_loop a:hover{ color:#FF0000}
.video_pic{ width:99%; height:auto; border:1px solid #666666; border-radius:5px;}
.icon{ margin-top:-27%; margin-bottom:15%}
.play { width:40px; height:40px;
left:40%;
margin-top:-50%;
z-index:99999;
position:relative;
background:#FFFFFF;
border-radius:40px;
opacity: 0.5;
}
.play:hover{background:#FFFFFF; opacity: 0.9;}



/*Live */
.live_title{ background:#FFFFFF; padding:10px; color:#000099; position:relative; z-index:99999; font-size:18px}
.live_title a{ color:#000099}
.live_title a:hover{ color:#FF0000}
.live_content{ margin-top:-35px}
.live_content iframe{ width:100%; height:320px}



/*Single Last News*/
.right_ssidebar h3{ font-size:16px; line-height:20px; padding:5px 3px; border-bottom:1px solid #666666;}
.right_ssidebar h3 a{ color:#333333}
.right_ssidebar h3 a:hover{ color:#FF0000}
.single_post{}
.single_title{ font-size:24px; line-height:26px; border-bottom:1px solid #666666; margin-bottom:5px; padding:10px}
.single_title a{ color:#000066}
.single_title a:hover{ color:#FF0000}
.post_content{ text-align:justify; padding:10px}
.post_content iframe{ width:100%; height:500px}
.post_content img{ float:left; margin-right:5px}
.post_info{ color:#003366; font-size:16px; text-align:right; margin-bottom:5px; padding:4px}
.post_info a{ color:#003366; text-decoration:none}



/*Archive*/
.archive_details{float:left; width:95%; background:#FFFFFF; margin:5px 1%; padding:5px; border:1px solid #A1A1A2; height:300px}
.archive_title{ font-size:16px; line-height:20px; padding:5px;}
.archive_title a{color:#000000; text-decoration:none; font-weight:300}
.archive_title a:hover{ color:#FF0000}
.{}
.{}
.{}


.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}




/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:15px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{   padding:5px 10px; text-align:center; margin-bottom:3px; color:#000000; border-radius: 5px;  border-bottom:2px solid #CE0114; border-top:2px solid #CE0114; font-size:15px}
.widget_title h3 a{background:#FFFFFF;}
.readmore a{color:#E30202}


.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 9999999; color:#FF0000;  }
.scrool_012{ float:left; width:25%; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:65%; padding:5px}
.scrool_022 a{ color:#FFFFFF; font-size:18px}
.scrool_022 a:hover{ color:#CCFF00; font-size:18px}






}


@media (min-width: 401px) and (max-width: 750px) {


.stucture{ width:90%; margin:auto}
.header{background:#FFFFFF;}
.logo{ float:left; width:20%; padding:1%; display:none}
.sidiul{ background:#000033; margin-top:-108px; z-index:9999; position:relative;}
.sidiul_01{ float:left; width:26%; background:#FF0000; color:#FFFFFF; padding:1%}
.sidiul_02{ float:left; width:70%; padding:1%; color:#FFFFFF}
.sidiul_02 a{ color:#FFFFFF}
.sidiul_02 a:hover{ color:#FF0000}
.live{ float:left; width:100%; margin-bottom:10px;}
.content{ margin:10px 0px;}
.logo{ margin:40px -55px -260px 25px; z-index:999999; width:130px}
.logo_area{z-index:999999; position:relative}
.main_content{}
.left_content{ float:left; width:70%; margin-right:1%}

.video{ margin:10px 0px}
.video_01{float:left; width:42.5%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:2px 1%; border-radius:5px;}
.video_02{float:left; width:42.5%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:2px 1%; border-radius:5px;}
.video_03{float:left; width:42.5%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:2px 1%; border-radius:5px;}
.video_04{float:left; width:42.5%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:2px 1%; border-radius:5px;}



.right_sidebar{ float:right; width:29%; background:#FFFFFF}
.footer{ background:#0099CC; margin-top:10px; color:#FFFFFF; padding:10px; text-align:center}
.footer_logo{ float:left; width:15%; padding:20px;  }
.footer_logo img{ border:1px solid #FFFFFF}
.editor{ float:left; width:34%; border-left:1px solid #FFFFFF; border-right:1px solid #CCCCCC; padding:10px 20px 20px 20px; margin-top:10px} 
.address{ float:left; width:34%; padding:20px;  }

.footer_menu{text-align:center; padding:5px 5px; background:#666666}
.footer_menu a{ text-decoration:none; color:#FFFFFF}
.footer_menu a:hover{ text-decoration:none; color:#FF0000}
.desing{ text-align:center; padding:5px; background:#333333; color:#FFFFFF; margin-bottom:15px;}
.desing a{ color:#FFFF00; text-decoration:none; font-weight:bold}
.desing a:hover{ color:#FFFFFF; }
.{}
.{}
.smain_content{ margin:10px 0px;}
.left_scontent{ float:left; width:70%; margin-right:1%;}
.right_ssidebar{ float:right; width:29%;}


.category_title{ background:#CCCCCC; border-bottom:2px solid #FF0000; border-left:5px solid #FF0000; padding:5px; margin:0px 10px;}
.category_title span{ float:right}
.category_title span a{ color:#990000}
.category_title span a:hover{ color:#FFFFFF}
.sidecata_title{ border-bottom:2px solid #990000; margin-bottom:10px; }
.sidecata_title span{ background:#990000; padding:5px 5px 0px 5px; border-bottom:2px solid #990000; color:#FFFFFF}





/*Last Title*/
.title-loop{ font-size:16px; line-height:18px; padding:5px; border-top:1px solid #EBEBEB; color:#FF0000; font-weight:300}
.title-loop a{ color:#000000}
.title-loop a:hover{ color:#FF0000}


/*Video Loop*/
.video_title_loop{ font-size:15px; line-height:20px; padding:5px;}
.video_title_loop a{ color:#000000; text-decoration:none; font-weight:300}
.video_title_loop a:hover{ color:#FF0000}
.video_pic{ width:99%; height:auto; border:1px solid #666666; border-radius:5px;}
.icon{ margin-top:-27%; margin-bottom:15%}
.play { width:40px; height:40px;
left:40%;
margin-top:-50%;
z-index:99999;
position:relative;
background:#FFFFFF;
border-radius:40px;
opacity: 0.5;
}
.play:hover{background:#FFFFFF; opacity: 0.9;}



/*Live */
.live_title{ background:#FFFFFF; padding:10px; color:#000099; position:relative; z-index:99999; font-size:18px}
.live_title a{ color:#000099}
.live_title a:hover{ color:#FF0000}
.live_content{ margin-top:-35px}
.live_content iframe{ width:100%; height:500px}



/*Single Last News*/
.right_ssidebar h3{ font-size:16px; line-height:20px; padding:5px 3px; border-bottom:1px solid #666666;}
.right_ssidebar h3 a{ color:#333333}
.right_ssidebar h3 a:hover{ color:#FF0000}
.single_post{}
.single_title{ font-size:24px; line-height:26px; border-bottom:1px solid #666666; margin-bottom:5px; padding:10px}
.single_title a{ color:#000066}
.single_title a:hover{ color:#FF0000}
.post_content{ text-align:justify; padding:10px}
.post_content iframe{ width:100%; height:500px}
.post_content img{ float:left; margin-right:5px}
.post_info{ color:#003366; font-size:16px; text-align:right; margin-bottom:5px; padding:4px}
.post_info a{ color:#003366; text-decoration:none}



/*Archive*/
.archive_details{float:left; width:44%; background:#FFFFFF; margin:5px 1%; padding:5px; border:1px solid #A1A1A2; height:200px}
.archive_title{ font-size:16px; line-height:20px; padding:5px;}
.archive_title a{color:#000000; text-decoration:none; font-weight:300}
.archive_title a:hover{ color:#FF0000}
.{}
.{}
.{}


.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}




/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:15px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{   padding:5px 10px; text-align:center; margin-bottom:3px; color:#000000; border-radius: 5px;  border-bottom:2px solid #CE0114; border-top:2px solid #CE0114; font-size:15px}
.widget_title h3 a{background:#FFFFFF;}
.readmore a{color:#E30202}


.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 9999999; color:#FF0000;  }
.scrool_012{ float:left; width:15%; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:75%; padding:5px}
.scrool_022 a{ color:#FFFFFF; font-size:18px}
.scrool_022 a:hover{ color:#CCFF00; font-size:18px}


}



@media (min-width: 751px) and (max-width: 1100px) {

*{padding:0px; margin:0px}
.clear{ clear:both}
a { text-decoration:none}
body{background:#EBEBEB; font-size:17px; font-family: SolaimanLipiNormal; list-style:none}
.fix{ overflow:hidden}
.stucture{ width:90%; margin:auto}
.header{background:#FFFFFF;}
.logo{ float:left; width:20%; padding:1%}
.sidiul{ background:#000033; margin-top:-108px; z-index:9999; position:relative;}
.sidiul_01{ float:left; width:16%; background:#FF0000; color:#FFFFFF; padding:1%}
.sidiul_02{ float:left; width:80%; padding:1%; color:#FFFFFF}
.sidiul_02 a{ color:#FFFFFF}
.sidiul_02 a:hover{ color:#FF0000}
.live{ float:left; width:100%; margin-bottom:10px;}
.content{ margin:10px 0px;}
.logo{ margin:40px -55px -260px 25px; z-index:999999; width:130px}
.logo_area{z-index:999999; position:relative}
.main_content{}
.left_content{ float:left; width:80%; margin-right:1%}

.video{ margin:10px 0px}
.video_01{float:left; width:21%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_02{float:left; width:21%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_03{float:left; width:21%; background:#FFFFFF;  padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}
.video_04{float:left; width:21%; background:#FFFFFF; padding:5px; border:1px solid #D9D8D8; height:180px; margin:0px 1%; border-radius:5px;}



.right_sidebar{ float:right; width:19%; background:#FFFFFF}
.footer{ background:#0099CC; margin-top:10px; color:#FFFFFF; padding:10px; text-align:center}
.footer_logo{ float:left; width:15%; padding:20px;  }
.footer_logo img{ border:1px solid #FFFFFF}
.editor{ float:left; width:34%; border-left:1px solid #FFFFFF; border-right:1px solid #CCCCCC; padding:10px 20px 20px 20px; margin-top:10px} 
.address{ float:left; width:34%; padding:20px;  }

.footer_menu{text-align:center; padding:5px 5px; background:#666666}
.footer_menu a{ text-decoration:none; color:#FFFFFF}
.footer_menu a:hover{ text-decoration:none; color:#FF0000}
.desing{ text-align:center; padding:5px; background:#333333; color:#FFFFFF; margin-bottom:40px;}
.desing a{ color:#FFFF00; text-decoration:none; font-weight:bold}
.desing a:hover{ color:#FFFFFF; }
.{}
.{}
.smain_content{ margin:10px 0px;}
.left_scontent{ float:left; width:80%; margin-right:1%;}
.right_ssidebar{ float:right; width:19%;}


.category_title{ background:#CCCCCC; border-bottom:2px solid #FF0000; border-left:5px solid #FF0000; padding:5px; margin:0px 10px;}
.category_title span{ float:right}
.category_title span a{ color:#990000}
.category_title span a:hover{ color:#FFFFFF}
.sidecata_title{ border-bottom:2px solid #990000; margin-bottom:10px; }
.sidecata_title span{ background:#990000; padding:5px 5px 0px 5px; border-bottom:2px solid #990000; color:#FFFFFF}





/*Last Title*/
.title-loop{ font-size:16px; line-height:18px; padding:5px; border-top:1px solid #EBEBEB; color:#FF0000; font-weight:300}
.title-loop a{ color:#000000}
.title-loop a:hover{ color:#FF0000}


/*Video Loop*/
.video_title_loop{ font-size:15px; line-height:20px; padding:5px;}
.video_title_loop a{ color:#000000; text-decoration:none; font-weight:300}
.video_title_loop a:hover{ color:#FF0000}
.video_pic{ width:99%; height:auto; border:1px solid #666666; border-radius:5px;}
.icon{ margin-top:-27%; margin-bottom:15%}
.play { width:40px; height:40px;
left:40%;
margin-top:-50%;
z-index:99999;
position:relative;
background:#FFFFFF;
border-radius:40px;
opacity: 0.5;
}
.play:hover{background:#FFFFFF; opacity: 0.9;}



/*Live */
.live_title{ background:#FFFFFF; padding:10px; color:#000099; position:relative; z-index:99999; font-size:18px}
.live_title a{ color:#000099}
.live_title a:hover{ color:#FF0000}
.live_content{ margin-top:-35px}
.live_content iframe{ width:100%; height:700px}



/*Single Last News*/
.right_ssidebar h3{ font-size:16px; line-height:20px; padding:5px 3px; border-bottom:1px solid #666666;}
.right_ssidebar h3 a{ color:#333333}
.right_ssidebar h3 a:hover{ color:#FF0000}
.single_post{}
.single_title{ font-size:24px; line-height:26px; border-bottom:1px solid #666666; margin-bottom:5px; padding:10px}
.single_title a{ color:#000066}
.single_title a:hover{ color:#FF0000}
.post_content{ text-align:justify; padding:10px}
.post_content iframe{ width:100%; height:500px}
.post_content img{ float:left; margin-right:5px}
.post_info{ color:#003366; font-size:16px; text-align:right; margin-bottom:5px; padding:4px}
.post_info a{ color:#003366; text-decoration:none}



/*Archive*/
.archive_details{float:left; width:20%; background:#FFFFFF; margin:0px 1%; padding:5px; border:1px solid #A1A1A2; height:200px}
.archive_title{ font-size:16px; line-height:20px; padding:5px;}
.archive_title a{color:#000000; text-decoration:none; font-weight:300}
.archive_title a:hover{ color:#FF0000}
.{}
.{}
.{}


.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}




/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:15px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{   padding:5px 10px; text-align:center; margin-bottom:3px; color:#000000; border-radius: 5px;  border-bottom:2px solid #CE0114; border-top:2px solid #CE0114; font-size:15px}
.widget_title h3 a{background:#FFFFFF;}
.readmore a{color:#E30202}


.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 9999999; color:#FF0000;  }
.scrool_012{ float:left; width:15%; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:75%; padding:5px}
.scrool_022 a{ color:#FFFFFF; font-size:18px}
.scrool_022 a:hover{ color:#CCFF00; font-size:18px}

}