/************************************************
* Body											*
************************************************/

@media only screen and (max-width: 966px), only screen and (max-device-width: 966px) {

body {
background: #ffffff; 
background-image: none!important;
}

.wrapper {
width: 96%!important; padding: 10px!important; margin: 0px!important;
}

.header {
max-width: 100%!important;
padding-top: 0!important;
padding-bottom: 0px!important;
border-top: 0!important;

}

.welcome { width: 100%!important; height:auto!important; padding: 0px!important; }

.welcome-text { font-size: 10px!important; line-height: 18px!important; padding: 15px!important; }

.featured-main { padding: 15px 0px 25px 0px!important;}
.featured-main img {width:100%!important; height:auto!important; border-radius: 0px;}

.featured-single { padding: 10px 0px 0px 0px;}
.featured-single img {width:100%!important; height:auto!important; border-radius: 0px;}

.news-title {
height: 43px;
font-size: 17px;
line-height: 20px;
font-weight: 400;
letter-spacing: -1px;
text-align: left;
color: #6F6F6F;
margin: 0px 25px 0px 25px;
}

#content {
width: 99%!important;
 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
 }

#content-single {width: 98%!important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important; }

#contentborder { width:98%!important; padding: 0px; margin-bottom: 0px; background: #ffffff; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;}

.news-single, .page-single {
width: 98%!important; margin: 0px 0px 0px -5px!important; padding: 10px; border: 0px;
}

.news-single a img {
max-width: 20vw;
height: auto;
margin: 0px 1px 0px 1px;
}

#sidebar, #article-sidebar {
width: 98%!important;
}

#sidebar .sidebar-item .sidebar-related, .advertisment {
width: 98%!important; 
display: block;
padding: 10px;
transition: all 220ms;
}

.sidebar-related {
width: 98%!important; 
display: block;
margin: 0px;
padding: 10px;
transition: all 220ms;
}

.media { font-size: 9.5px!important; padding: 10px!important; }

}

/************************************************
*Menu*
************************************************/

.sociable { float: right; margin-left: 10px; font-size: 10px; text-transform: uppercase; }

.show-menu, .navi input[type=checkbox]  .navi-sidebar input[type=checkbox] { display: none; background: #404040; padding: 12px; margin: 0px; border-bottom: 1px solid #808080; }

.navi input[type=checkbox]:checked ~ .rpv-menu { display: block; }

@media (max-width : 959px) {

.navi ul { position: static; display: none; }
.navi ul li, .navi li a { width: 100%;}
.show-menu { font-size: 12px; font-weight: 700; display: block; text-transform: none; text-shadow: 1px 1px 0px #202020; }
.navi { padding: 0px; margin: 0px; text-align: left;}
.navi .container { padding: 0; }
.menu { display: block;}
.menu li { background: #DDDDDD; padding: 10px; font-size: 11px; margin: 0px; border-bottom: 1px solid #EEEEEE;}
.menu a { color: #808080!important; font-weight: 700!important; padding: 0px 5px 0px 5px; }
.menu a:hover, .menu a:focus { color: #808080!important; font-weight: 700!important;}

.navi-sidebar { width: 90%!important; border: 1px solid #DDDDDD; border-radius: 5px; background: #ffffff; padding: 0px; margin-bottom: 30px;}
.navi-sidebar .container { padding: 0; }
.navi-sidebar input[type=checkbox]:checked ~ .rpv-menu { display: block; }
.navi-sidebar ul { position: static; display: none; }
.navi-sidebar ul li, .navi li a { width: 90%;}
.menu-sidebar li { background: #ffffff; padding: 10px; font-size: 11px; margin-left: 5px; border-top: 0px; }

.show-menu2 { display: none; color: #C6766C!important; font-size: 11px; font-weight: 700; display: block; text-transform: none; padding: 15px; }

hr { width: 90%!important; border: none; border-top: 1px solid #DDDDDD; height: 1px; padding-top: 1px; margin-top: 4px; }

}

/************************************************
*Content*
************************************************/

@media only screen and (max-width: 966px), only screen and (max-device-width: 966px) {

.header img {width:100%; height:auto; float: center; border-radius: 0px; }

}

/************************************************
*Responsives*
************************************************/

@media screen and (max-width: 576px) {

#footer { width: 92%; padding: 20px;}

table {width:100%;}

tr {float: left; width: 100%;}

td {float: left; width: 100%;}

.nameblog, .sociables, .navisplash, .nosociable, .welcome-splash, .welcome-pictures, .media:before, blockquote:before {
display: none!important;
visibility:hidden!important;
}

}