@charset "utf-8";
@media screen and (max-width:1230px){
	.wrapper{ height:auto; width:90%;}
	.nav > nav > ul > li{ width:10%;}
}

@media (min-width:970px) and (max-width: 1230px){
	.wrapper{ height:auto; width:90%;}
	.nav > nav > ul > li{ width:19.88%;}
	.news > li > input[type="text"]{ width:98%;}
	.news > li > textarea{ width:98%;}
	.news-options > li > input[type="text"]{ width:98%;}
	.news-options > li > textarea{ width:98%;}
	.news-options > li > .textarea{ width:100%;}
	.news-options > li > .textarea > textarea{ width:98%;}
	.add-to-gallery > li{ width:50%; margin-top:10px;}
	.save{ margin-left:0px;}
	.addnews > .date-section > li > .save{ display:none;}
	.managenews > .table{ overflow-x:scroll;}
	.managenews > .table > table{ overflow-x:scroll;}
	.managenews > .table > table td > .down{ margin-left:0px; margin-top:0px;}
	.managenews > .search > li:nth-child(5){ margin:0px;}
	.managenews > .searches > li:nth-child(5){ margin:0px;}
	.special li:nth-child(2){ width:100%;}
	.audio_news{ padding:10px 25px 25px 25px;}
	.audio_news > li{ width:100%;}
	.audio_news > li > dl > dt{ padding:15px 25px;}
	.audio_news > li > dl > dt > input[type="text"]{ width:98%;}
	.audio_news > li:nth-child(2) > h1{ margin-top:25px;}
	.manage_audionews{ padding:10px 20px 20px 20px;}
	.manage_audionews > li{ width:100%;}
	.manage_audionews > li:nth-child(2){ margin-top:20px;}
	.news > li > textarea{ width:98% !important;}
	.cke_reset{width:100% !important;}
}

@media (min-width:750px) and (max-width: 970px){
	.wrapper{ height:auto; width:90%;}
	.nav > nav > ul > li{ width:24.85%;}
	.news > li > input[type="text"]{ width:98%;}
	.news > li > textarea{ width:98%;}
	.news-options > li > input[type="text"]{ width:98%;}
	.news-options > li > textarea{ width:98%;}
	.news-options > li > .textarea{ width:100%;}
	.news-options > li > .textarea > textarea{ width:98%;}
	.add-to-gallery > li{ width:50%; margin-top:10px;}
	.save{ margin-left:0px;}
	.addnews > .date-section > li > .save{ display:none;}
	.managenews > .table{ overflow-x:scroll;}
	.managenews > .table > table{ overflow-x:scroll;}
	.managenews > .table > table td > .down{ margin-left:0px; margin-top:1px;}
	.managenews > .search > li{ width:33%; margin:0px;}
	.width{ width:105% !important;}
	.managenews > .searches > li{ width:25%; margin:0;}
	.managenews > .searches > li > input[type="text"]{ width:84%;}
	.special{ padding:5px 25px 25px 25px;}
	.special li{ width:100%; text-align:unset; float:none;}
	.special li:nth-child(2){ width:100%; float:none; overflow-x:scroll;}
	.special li:nth-child(2) table{overflow-x:scroll;}
	.special li dl dt input[type="text"]{ width:98%;}
	.special li dl dt textarea{ width:98%;}
	.audio_news{ padding:7px 15px 15px 15px;}
	.audio_news > li{ width:100%;}
	.audio_news > li > dl > dt{ padding:10px;}
	.audio_news > li > dl > dt > input[type="text"]{ width:95%;}
	.audio_news > li:nth-child(2) > h1{ margin-top:25px;}
	.manage_audionews{ padding:10px 20px 20px 20px;}
	.manage_audionews > li{ width:100%;}
	.manage_audionews > li:nth-child(2){ margin-top:20px;}
	.news > li > input[type="text"]{ width:96%;}
	.news > li > textarea{ width:96% !important;}
	.cke_reset{width:100% !important;}
	
}

@media (min-width:480px) and (max-width: 750px){
	.login{ height:auto;  padding:0px;   position:relative;  width:400px; margin:40px 0px;}  
	.login > ul{ height:auto; width:auto;}
	.login > ul > li{ border-right:none; float:none; height: auto; padding-bottom:40px; padding-right:0px; padding-top: 80px; width: 100%;}
	.login > ul > li:nth-child(2){float:none; height: auto; width:auto; border:none; padding:40px;}
	.login > ul > li > dl{ height:auto; width:auto;}
	.login > ul > li > dl > h1{ text-align:left; font:400 22px 'Roboto', sans-serif; color:#333;}
	.login > ul > li > dl > dt{ height:auto; width:100%; margin-top:10px;}
	.login > ul > li > dl > dt > input[type=password], input[type=text]{padding:8px; width: 302px;}
	.login > ul > li > dl > dt > input[type=submit]  {display: block; padding: 15px 0px; width:100%;}	
	
	.wrapper{ height:auto; width:90%;}
	.nav > nav > ul > li{ width:33.1%;}
	.header > li{ height:auto; width:100%; float:none;}
	.header > li:nth-child(2){float:none;}
	.header > li > dl{ width:270px;}
	.header > li > dl > dt{margin-right:15px; padding-left:15px;}
	.news > li > input[type="text"]{ width:98%;}
	.news > li > textarea{ width:98%;}
	.news-options > li > input[type="text"]{ width:98%;}
	.news-options > li > textarea{ width:98%;}
	.news-options > li > .textarea{ width:100%;}
	.news-options > li > .textarea > textarea{ width:98%;}
	.add-to-gallery > li{ width:50%; margin-top:10px;}
	.save{ margin-left:0px;}
	.addnews > .date-section > li > .save{ display:none;}
	.addnews > .date-section > li{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > input[type="text"]{ width:96%;}
	.addnews > .date-section > li > .sel-date > dt > select{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > small{ margin-top:5px;}
	.news-options > li > small{ float:right; margin-top:5px;}
	.news-options > li > .village{ width:96% !important;}
	.add-to-gallery > li > select{ width:80%;}
	.managenews > .search > li{ width:50%; margin:0px; text-align:left;}
	.managenews > .search > li > input[type="text"]{ width:80%;}
	.managenews > .search > li > select{ width:87%;}
	.width{ width:93% !important;}
	.managenews > .search > li > input[type="submit"]{ width:87%;}
	.managenews > .table{ overflow-x:scroll;}
	.managenews > .table > table{ overflow-x:scroll;}
	.managenews > .table > table td > .down{ margin-left:0px; margin-top:1px;}
	.managenews > .searches > li{ width:50%; margin:0px;}
	.managenews > .searches > li > input[type="text"]{width:83%;}
	.managenews > .searches > li > select{ width:90%;}
	.managenews > .searches > li > input[type="submit"]{ margin:5px;}
	.special{ padding:5px 15px 15px 15px;}
	.special li{ width:100%; text-align:unset; float:none;}
	.special li:nth-child(2){ width:100%; float:none; overflow-x:scroll;}
	.special li:nth-child(2) table{overflow-x:scroll;}
	.special li dl dt input[type="text"]{ width:95%;}
	.special li dl dt textarea{ width:95%;}
	.audio_news{ padding:7px 15px 15px 15px;}
	.audio_news > li{ width:100%;}
	.audio_news > li > dl > dt{ padding:10px;}
	.audio_news > li > dl > dt > input[type="text"]{ width:95%;}
	.audio_news > li:nth-child(2) > h1{ margin-top:25px;}
	.manage_audionews{ padding:10px 20px 20px 20px;}
	.manage_audionews > li{ width:100%;}
	.manage_audionews > li:nth-child(2){ margin-top:20px;}
	.addnews{ padding:0 25px 25px 25px;}
	.news > li > input[type="text"]{ width:96%;}
	.news > li > textarea{ width:96% !important;}
	.cke_reset{width:100% !important;}
}

@media (min-width:320px) and (max-width: 480px){
	.login{ height:auto;  padding:0px;   position:relative;  width:90%; margin:40px 0px;}  
	.login > ul{ height:auto; width:auto;}
	.login > ul > li{ border-right:none; float:none; height: auto; padding-bottom:25px; padding-right:0px; padding-top: 50px; width: 100%;}
	.login > ul > li:nth-child(2){float:none; height: auto; width:auto; border:none; padding:25px;}
	.login > ul > li > dl{ height:auto; width:auto;}
	.login > ul > li > dl > h1{ text-align:left; font:400 22px 'Roboto', sans-serif; color:#333;}
	.login > ul > li > dl > dt{ height:auto; width:100%; margin-top:10px;}
	.login > ul > li > dl > dt > input[type=password], input[type=text]{padding:8px; width:92%;}
	.login > ul > li > dl > dt > input[type=submit]  {display: block; padding: 15px 0px; width:100%;}
	
	.wrapper{ height:auto; width:90%;}
	.nav{ height:auto; width:auto; text-align:left; position:absolute; top:10px; left:10px;}
	.nav > nav{ height:auto; width:auto;}
	.nav > nav > ul{ height:auto; width:200px; border:none; display:none; position:relative; background:#444; padding:0px; z-index:20;}
	.nav > nav > ul > li{ float:none; height:auto; width:auto; border:none; border-bottom:1px solid #444; background:#4e4e4e; margin:0px;}
	.nav > nav > ul > li > a{ display:block; color:#fff; background:none; text-align:left; text-decoration:none; padding:0 10px; font:400 12px/28px robotoregular, sans-serif; padding:5px 20px;}
	.nav > nav > ul > li > a:hover{ color:#fff; background:#444;}
	.nav > nav > ul > li > a.active{ color:#fff; background:#444;}
	.nav > nav > input[type="checkbox"] { cursor: pointer; display: none;}
	.nav > nav > .shownav{display:block; height:36px; width:40px; background:#333; text-align:center; cursor:pointer;}
	.nav > nav > .shownav span{ background:url(../images/menu.png) no-repeat; height:36px; width:40px; display:block;}
	.nav > nav > input[type=checkbox]:checked ~ #mainmenu{ display:block; position:absolute; }
	.header{ padding:30px 0 0 0 ;}
	.header > li{ height:auto; width:100%; float:none;}
	.header > li:nth-child(2){float:none;}
	.addnews{ padding:0px 20px 20px 20px;}
	.header > li > dl{ width:270px;}
	.header > li > dl > dt{margin-right:15px; padding-left:15px;}
	.news > li > input[type="text"]{ width:95%;}
	.news > li > textarea{ width:94% !important;}
	.news-options > li > input[type="text"]{ width:94%;}
	.news-options > li > textarea{ width:94%;}
	.news-options > li > .textarea{ width:100%;}
	.news-options > li > .textarea > textarea{ width:94%;}
	.add-to-gallery > li{ width:50%; margin-top:10px;}
	.save{ margin-left:0px;}
	.addnews > .date-section > li > .save{ display:none;}
	.addnews > .date-section > li{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > input[type="text"]{ width:95%;}
	.addnews > .date-section > li > .sel-date > dt > select{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > small{ margin-top:5px;}
	.news-options > li > small{ float:right; margin-top:5px;}
	.news-options > li > .village{ width:94% !important;}
	.add-to-gallery > li > select{ width:80%;}
	.save{ width:100%; margin-top:10px;}
	.save > dt{ width:100%; margin-top:2px; margin-right:0px;}
	.save > dt > input[type="submit"]{ width:100%;}
	.save > dt > a{ width:100%;}
	.container > h1{ text-align:center;}
	.container > h1 > a{ margin-top:10px; float:none;}
	.managenews > .search > li{ width:100%; margin-left:0px; margin-top:10px;}
	.managenews > .search > li > input[type="text"]{ width:94%;}
	.width{ width:94% !important;}
	.managenews > .search > li > select{ width:100%;}
	.managenews > .search > li > input[type="submit"]{ margin:0px;}
	.managenews > .table{ overflow-x:scroll;}
	.managenews > .table > table{ overflow-x:scroll;}
	.managenews > .table > table td > .down{ margin-left:0px; margin-top:1px;}
	.managenews > .searches > li{ width:100%; margin-left:0px; margin-top:10px;}
	.managenews > .searches > li > input[type="text"]{ width:94%;}
	.managenews > .searches > li > select{ width:100%;}
	.managenews > .searches > li{ padding:0px !important;}
	.managenews > .searches > li > input[type="submit"]{ margin:0px;}
	.search_email > dt{ width:100%;}
	.search_email > dt > a{ padding:0 5px;}
	.search_email > dt > input[type="text"]{ width:95%;}
	.search_email > dt > input[type="submit"]{ margin-top:10px; width:70%;}
	.special{ padding:5px 15px 15px 15px;}
	.special li{ width:100%; text-align:unset; float:none;}
	.special li:nth-child(2){ width:100%; float:none; overflow-x:scroll;}
	.special li:nth-child(2) table{overflow-x:scroll;}
	.special li dl dt input[type="text"]{ width:95%;}
	.special li dl dt textarea{ width:95%;}
	.audio_news{ padding:7px 15px 15px 15px;}
	.audio_news > li{ width:100%;}
	.audio_news > li > dl > dt{ padding:10px;}
	.audio_news > li > dl > dt > input[type="text"]{ width:95%;}
	.audio_news > li:nth-child(2) > h1{ margin-top:25px;}
	.manage_audionews{ padding:10px 20px 20px 20px;}
	.manage_audionews > li{ width:100%; overflow-y:scroll;}
	.manage_audionews > li table{ overflow-y:scroll;}
	.cke_reset{width:100% !important;}
}

@media (max-width:320px){
	.login{ height:auto;  padding:0px;   position:relative;  width:90%; margin:40px 0px;}  
	.login > ul{ height:auto; width:auto;}
	.login > ul > li{ border-right:none; float:none; height: auto; padding-bottom:25px; padding-right:0px; padding-top: 50px; width: 100%;}
	.login > ul > li:nth-child(2){float:none; height: auto; width:auto; border:none; padding:25px;}
	.login > ul > li > dl{ height:auto; width:auto;}
	.login > ul > li > dl > h1{ text-align:left; font:400 22px 'Roboto', sans-serif; color:#333;}
	.login > ul > li > dl > dt{ height:auto; width:100%; margin-top:10px;}
	.login > ul > li > dl > dt > input[type=password], input[type=text]{padding:8px; width:92%;}
	.login > ul > li > dl > dt > input[type=submit]  {display: block; padding: 15px 0px; width:100%;}
	
	.wrapper{ height:auto; width:90%;}
	.nav{ height:auto; width:auto; text-align:left; position:absolute; top:10px; left:10px;}
	.nav > nav{ height:auto; width:auto;}
	.nav > nav > ul{ height:auto; width:200px; border:none; display:none; position:relative; background:#444; padding:0px; z-index:20;}
	.nav > nav > ul > li{ float:none; height:auto; width:auto; border:none; border-bottom:1px solid #444; background:#4e4e4e; margin:0px;}
	.nav > nav > ul > li > a{ display:block; color:#fff; background:none; text-align:left; text-decoration:none; padding:0 10px; font:400 12px/28px robotoregular, sans-serif; padding:5px 20px;}
	.nav > nav > ul > li > a:hover{ color:#fff; background:#444;}
	.nav > nav > ul > li > a.active{ color:#fff; background:#444;}
	.nav > nav > input[type="checkbox"] { cursor: pointer; display: none;}
	.nav > nav > .shownav{display:block; height:36px; width:40px; background:#333; text-align:center; cursor:pointer;}
	.nav > nav > .shownav span{ background:url(../images/menu.png) no-repeat; height:36px; width:40px; display:block;}
	.nav > nav > input[type=checkbox]:checked ~ #mainmenu{ display:block; position:absolute; }
	.header{ padding:30px 0 0 0 ;}
	.header > li{ height:auto; width:100%; float:none;}
	.header > li:nth-child(2){float:none;}
	.addnews{ padding:0px 20px 20px 20px;}
	.header > li > dl{ width:270px;}
	.header > li > dl > dt{margin-right:15px; padding-left:15px;}
	.news > li > input[type="text"]{ width:95%;}
	.news > li > textarea{ width:94% !important;}
	.news-options > li > input[type="text"]{ width:94%;}
	.news-options > li > textarea{ width:94%;}
	.news-options > li > .textarea{ width:100%;}
	.news-options > li > .textarea > textarea{ width:94%;}
	.add-to-gallery > li{ width:50%; margin-top:10px;}
	.save{ margin-left:0px;}
	.addnews > .date-section > li > .save{ display:none;}
	.addnews > .date-section > li{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > input[type="text"]{ width:95%;}
	.addnews > .date-section > li > .sel-date > dt > select{ width:100%;}
	.addnews > .date-section > li > .sel-date > dt > small{ margin-top:5px;}
	.news-options > li > small{ float:right; margin-top:5px;}
	.news-options > li > .village{ width:94% !important;}
	.add-to-gallery > li > select{ width:80%;}
	.save{ width:100%; margin-top:10px;}
	.save > dt{ width:100%; margin-top:2px; margin-right:0px;}
	.save > dt > input[type="submit"]{ width:100%;}
	.save > dt > a{ width:100%;}
	.container > h1{ text-align:center;}
	.container > h1 > a{ margin-top:10px; float:none;}
	.managenews > .search > li{ width:100%; margin-left:0px; margin-top:10px;}
	.managenews > .search > li > input[type="text"]{ width:94%;}
	.width{ width:94% !important;}
	.managenews > .search > li > select{ width:100%;}
	.managenews > .search > li > input[type="submit"]{ margin:0px;}
	.managenews > .table{ overflow-x:scroll;}
	.managenews > .table > table{ overflow-x:scroll;}
	.managenews > .table > table td > .down{ margin-left:0px; margin-top:1px;}
	.managenews > .searches > li{ width:100%; margin-left:0px; margin-top:10px;}
	.managenews > .searches > li > input[type="text"]{ width:94%;}
	.managenews > .searches > li > select{ width:100%;}
	.managenews > .searches > li{ padding:0px !important;}
	.managenews > .searches > li > input[type="submit"]{ margin:0px;}
	.search_email > dt{ width:100%;}
	.search_email > dt > a{ padding:0 5px;}
	.search_email > dt > input[type="text"]{ width:95%;}
	.search_email > dt > input[type="submit"]{ margin-top:10px; width:70%;}
	.special{ padding:5px 15px 15px 15px;}
	.special li{ width:100%; text-align:unset; float:none;}
	.special li:nth-child(2){ width:100%; float:none; overflow-x:scroll;}
	 .special li:nth-child(2) table{overflow-x:scroll;}
	.special li dl dt input[type="text"]{ width:95%;}
	.special li dl dt textarea{ width:95%;}
	.audio_news{ padding:7px 15px 15px 15px;}
	.audio_news > li{ width:100%;}
	.audio_news > li > dl > dt{ padding:10px;}
	.audio_news > li > dl > dt > input[type="text"]{ width:95%;}
	.audio_news > li:nth-child(2) > h1{ margin-top:25px;}
	.manage_audionews{ padding:10px 20px 20px 20px;}
	.manage_audionews > li{ width:100%; overflow-y:scroll;}
	.manage_audionews > li table{ overflow-y:scroll;}
	.cke_reset{width:100% !important;}
	
}