/*
Theme Name: WP News Stream
Theme URI: https://wpdevshed.com/news-stream-theme/
Author: WP Dev Shed
Author URI: https://wpdevshed.com/
Description: WP News Stream is a responsive blog style theme, with some handy customization options to make it your own. The primary theme color, background color and image can be easily controlled via the admin. Upload your own logo, set your social media links and choose whether to display author bios. The home page slider will display posts from the category of your choice. There's also a widget space in the header so you can easily add your own banner code.
Version: 2.2
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-news-stream
Tags: custom-menu, full-width-template, post-formats


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
 * 1.0 - Basic Elements
 * 2.0 - widget
 * 3.0 - Comment
 * 4.0 - Calendar 
 * 5.0 - Search widget
 * 6.0 - IMAGE STYLES
 * 7.0 - Media Queries

 * -----------------------------------------------------------------------------
 */
/*==================================================================================================================================*/
/* 1.0 Basic Elements */
body{
background-image: url('images/bg_pattern.png');
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}

#main-container{
	background: #fff;
	-ms-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-webkit-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.top-bar{padding:0;}

.navbar-nav > li > a:hover{
	background:transparent;
	}

header{
	padding:0px 0 5px;
	}
header .logo, header .logo h1{
	display:inline-block; 
	margin-right:15px;
	margin-bottom:5px;
	margin-top:0px;
	}
.logo h1{
	font-size:48px;
		}
.logo h1 span{
	color:#ff3333;
	}
.logo a{
	color:#ff3333;
	}
.logo a:hover{
	text-decoration:none;
	color:#212121;
	}
#site-logo{
	margin-top:20px; 
	margin-bottom:20px;
	}
p#description{
	font-family:"Lato";
	font-size:24px;
	line-height: 26px;
	margin-bottom:5px;
	}
p.live-news{
	display: inline-block;
	color: #fff;
	margin-bottom: 0; 
	padding-top:7px;
	}
.nav_container{
	background:#ff3333; 
	margin-bottom:0px; 
	border-top:5px solid #d10000;
	}
ul.dropdown-menu .sub-menu a, .dropdown-menu > li{
	background-color: #ff3333;
}
.navbar-toggle .icon-bar{
	background:#ff3333;
}
.fan-sociel-media{
	margin:7px 0;
	}
.fan-sociel-media .btn{
	padding:4px;
	}
.fan-sociel-media a.btn{
	color:#898989;
	}
.fan-sociel-media a.btn:hover{
	color:#ff3333;
	}
.fa{font-size:16px;
	}
.content{
	margin-top:18px;
	}
.row{
	margin-left:0;
	margin-right:0;
	}
#footer{
	margin-top:20px;
	}
.post_box .post{
	padding:15px;
	}
.post_box{
	background: #fff;
	-ms-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-webkit-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	margin-bottom:30px;
	border-top: 5px solid red;
	padding-bottom: 15px;
	width:100%;
	}
.post_box .post_box_inner{
	padding-left:15px;
	padding-right:15px;
	}
.post_box img{
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
.post_box img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.post_box .fa{
	margin-right:5px;
	}
ul.meta-info{
	list-style:none;
	margin-top: 10px;
	float:right;
	}
ul.meta-info li{
	display:inline-block;
	padding:0 10px;
	border-right:1px solid;
	}
ul.meta-info li:last-child{
	border:none;
	}
ul.meta-info li, ul.meta-info li a{
	color:#999999;
	}
.meta-info, .meta-info a{
	color:#bbbbbb;
	}
.meta-info a:hover{
	color:#ff3333;
	}
.post_box a.meta-comment{
	color:#bbbbbb;
	}
.post_box a.meta-comment:hover{
	color:#ff3333;
	}
h2.post_title{
	margin:15px 0 10px;
	}
h2.post_title a{
	color:#212121;
	}
p.post_desc{
	font-family: 'Lato', sans-serif;
	margin-top:10px;
	}
.post_box a.read_more{
	position: absolute;
	right: 15px;
	}
a.btn-info {
	color:#FFFFFF !important;
	-webkit-border-radius: 510px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	} 
 p.post_desc{
	margin-top:-7px;
	line-height: 24px;
	}
.pagination{
	text-align:center;
	display:block;
	font-size: 16px;
	}
.pagination .fa{
	background:#ff3333;
	color:#ffffff;
	padding:5px;
	margin: 0 5px;
	}
.pagination .fa:hover{
	background:#212121;
	}
.slide_container{
	margin-left:-15px;
	margin-right:-15px;
	margin-top:0px;
	}
blockquote{
	font-style: italic;
	font-size:14px;
	background:url('images/quote.png') no-repeat 0px 15px;
	border:none;
	padding-left:60px
	}

/*---------------1.1 Menus---------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background:#ff3333;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul > li{
	padding:10px 0;

}
.main-navigation ul.sub-menu > li{
	padding:0;

}
.main-navigation ul > li:last-child{
	border-right:none;
}
.main-navigation li {
	float: left;
	position: relative;
}
.top-nav a{
	color:#ffffff;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0px 15px;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	color:#ffffff;
	border-left: 1px solid #ffffff;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 3em;
	left: -999em;
	z-index: 99999;
	background:#2e2e2e;	
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	min-width: 220px;
	font-size: 16px;
	background:#ff3333;
	padding:10px 15px;
}

.main-navigation ul ul li {
	border:none;
}

.main-navigation li:hover > a {
	color:#000000;
}
.main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a, .main-navigation li:first-child > a{
	border:none;
}
.main-navigation ul ul.children >li > a:hover, .main-navigation ul ul.sub-menu >li > a:hover {
	color:#000000;
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	color:#000000;
}

/* Small menu */
.menu-toggle {
	display: none;
}
/*2.0 widget*/
#sidebar aside{
	margin-bottom:16px;
	padding-bottom: 10px;
	}
#sidebar{
	margin-top:20px;
	}
body.home #sidebar, body.search #sidebar{
	margin-top:0px;
	}

.widget-title{
	margin:-15px -13px 15px -13px ;
	border-bottom: 1px dashed #ccc;
	}
footer .widget-title{
	margin-left:0;
	margin-right:0;
	}
	
.widget-title h4{
	color:#000000;
	padding:8px 15px;
	margin: 0;
	display: inline-block;
	}

#sidebar aside{
	padding:13px;
	background: #fff;
	-ms-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-webkit-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.50);
	}

aside ul, footer ul{
	padding-left:0px;
	}
aside ul.children, aside ul.sub-menu{
	padding-left:10px;
}
aside ul li, footer ul li{
	list-style:none;
	margin-bottom: 5px;
	margin-right: 10px;
	}
aside ul li a{
	color:#ff3333;
	}
aside ul li a:hover{
	color:#212121;
	}
.widget_wp_newsstream_recent_posts ul li img{
	background:#ffffff;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 10px 0 0;
	}
.widget_wp_newsstream_recent_posts ul li h5{
	margin-bottom:5px;
	}

.widget_wp_newsstream_recent_posts ul li img:hover{
	background:#cccccc;
	border: 1px solid #ffffff;
	}


/* 3.0 comments */
#comments{
	margin-top:40px;
	}
#respond {
	background-color: #fefefe;
	padding: 10px 40px;
	margin: 0 30px 60px 0;
	margin: 0 3rem 6rem 0;
	border: 1px solid #e4e9ea;
	border-radius: 3px;
	}
#comments ol{
	list-style-type: none;
	padding: 0;
	}
#comments ul{
	list-style-type: none;
}
#comments-title h3{
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
.commentlist .comment-meta {
	line-height: 24px;
	font-size: 12px;
	}
.commentlist .comment-meta a {
	}
.commentlist li.comment article[id*=comment-] img, .post-content img {
	margin: 0 10px 5px 0;
	width: auto;
	max-width: 100%;
	height: auto;
	float:left;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.commentlist .vcard cite.fn {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	}
.commentlist li.comment .comment-content {
	margin-left: 72px;
	margin-top:-15px;
	padding-top: 0px;
	padding-bottom: 30px;
	padding-bottom: 3rem;
	font-size: 12px;
	font-size: 1.2rem;
	}
.commentmetadata time{
	color:#95a5a6;
	}
a.comment-reply-link{
	color:#ff3333;
}
ul li.recentcomments{
	color:#ff3333;
	}
.author-bio {
	padding: 40px;
	}
.author-info {
	overflow: hidden;
	font-size:12px;
	}
.author-thumb{
	float: left;
	margin-right: 30px;
	margin-right: 3rem;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	margin-top: 5px;
	margin-top: 0.5rem;
	}
.author-thumb img{
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 5px;
	max-width: 100%;
	width: auto;
	max-height:100%;
	height:auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
cite.fn, cite.fn a{
	color:#ff3333;
	}
span.required{
	color:#ed1c24;
	}
#respond label{
	display:block;
	margin-bottom:0;
	color:#685f54;
	}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea{
	border:1px solid #e2e2e2;
	}
#respond #submit, .post-content form input[type=submit], .post-content form input[type=button] {
	font-size: 90%;
	background-color: #ff3333;
	color: #fff;
	padding: 7px 20px;
	text-transform: uppercase;
	border: 0;
	margin:10px auto;
	}
#respond #submit:hover, .post-content form input[type=submit]:hover, .post-content form input[type=button]:hover{
	background-color:#212121;
	}
#breadcrumbs{
    list-style:none;
    margin:2px 15px 0 0;
    overflow:hidden;
	display: inline-block;
	float: left;
	padding:0;
	}
#breadcrumbs .fa-home{
	margin-right:10px;
	}
.breadcrumb-container{
	margin-bottom:10px;
	margin-top:10px;
	}
#breadcrumbs li{
    float:left;
    margin-right:15px;
	}
#breadcrumbs li:last-child{
	 margin-right:0px;
	}
#page-heading h1, h1.single-title{
	margin:0px 0 20px ;
	}


/******************************************************************
4.0 Calendar
******************************************************************/
.widget_calendar table {
	line-height: 2;
	margin: 0;
	width:100%;
	}

.widget_calendar caption {
	color: #000;
	font-weight: 700;
	line-height: 1.7142857142;
	margin-bottom: 18px;
	text-align: left;
	text-transform: uppercase;
	}
.widget_calendar thead th {
	background-color: rgba(255, 255, 255, 0.1);
	}
.widget_calendar tbody td,
.widget_calendar thead th {
	text-align: center;
	padding:1px;
	}
.widget_calendar tbody a {
	color: #fff;
	display: block;
	}
.widget_calendar tbody a:hover {
	}

.widget_calendar tbody a:hover {
	}
.widget_calendar #prev {
	padding-left: 5px;
	}

.widget_calendar #next {
	padding-right: 5px;
	text-align: right;
	}
footer .widget-title {
	color:#000000;
	background:none;
	}

footer ul.children, footer ul.sub-menu{
	padding-left:10px;
	}
footer ul li a{
	color:#ff3333;
	}
footer ul li a:hover{
	color:#000000;
	}
footer .meta-info span, footer .meta-info a{
	color:#898989;
	}
footer .textwidget{
	color:#898989;
	}
footer .widget{
	margin-bottom:15px;
	}

#footer .widget_calendar thead tr{
	background:#ff3333;
	}

#footer h3{
	padding:0px 0 5px;
	text-transform:uppercase;
	}
#footer{
	background:#f3f0f0;
	padding-top:20px;
	border-top:8px solid #d10000;
	}
#copyright {
	color:#fff;
	padding:20px 0;
	background:#ff3333;
	}
#copyright a{
	color:#fff;
	}


/******************************************************************
5.0 Search widget
******************************************************************/

.searchform { 
	background:#F8F8F8; 
	max-width:100%; 
	border:1px solid #D9D9D9; 
	padding:10px; overflow:hidden; 
	}
.searchform #s { 
	background:none; 
	border:none; color:#777; 
	font-style:italic; 
	float:left;
	 width:90%; 
	 }
.searchform #s:focus { 
	outline:none; 
	}
input#search-button{ 
	width:16px; 
	height:16px; 
	float:right; 
	}

.widget_calendar td a {
  color: #ff3333;
}
.widget_calendar caption {
  font-weight: bold;
  margin-bottom: 10px;
}


/******************************************************************
6.0 IMAGE STYLES
******************************************************************/
.post-content img {
	margin-top: 12px; /* for ie8 & below */ 
	margin-top: 1.2rem;
	}

.left img, 
img.left, 
.alignleft,
img.alignleft,
img[align=left] {
	margin-right: 24px; /* for ie8 & below */
	margin-right: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: left;
	}

.right img, 
img.right,
.alignright,
img.alignright,
img[align=right] {
	margin-left: 24px; /* for ie8 & below */
	margin-left: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: right;
	}

.aligncenter, 
img.aligncenter, 
img[align=center] { 
	margin-right: auto; 
	margin-left: auto; 
	display: block; 
	clear: both; 
	}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	}
.wp-caption-text{}
.post-tags{display:none;}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.meta-info span{
	font-family:'Lato',Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#707070;
	}


/* 7.0 Media Queries */
@media (min-width: 768px) and (max-width: 1018px) {
  .widget_calendar td,
  .widget_calendar td {
	   padding: 5px;
	  }
}

@media screen and (min-width: 992px) {
	.post_box a.read_more{bottom: 30px;}
	.dropdown-menu, .dropdown-menu .sub-menu{
		border-radius:0;
		border:none;
		}
	#top-widget{
		float:right;
		padding-top: 10px;
		}
	.sub-menu > li > a, .sub-menu a{
		color:#fff;
		font-size:16px;
		font-family:'Lato', sans-serif;
		}
	.dropdown-menu .sub-menu  {
		left: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
		margin-top: -1px;		
		}

	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
		}

	.dropdown:hover .dropdown-menu {
		display: block;
		}

	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
		margin-top: 0;
		}

	.navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
		}
	.navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		left: 10px;
		top: 11px;
		left: -6px;
		}
	
}
@media screen and (max-width: 992px) {
	.item {
		position: static ! important;
		-webkit-transform: translate(0px, 0px) ! important;
		-moz-transform: translate(0px, 0px) ! important;
		transform: translate(0px, 0px) ! important;
		}
  #posts{
  	display:inline;
	}
  .pagination{
  	margin-top:5px;
	}
  .post_box a.read_more{
  	bottom: 0px;
	}
	
}
@media screen and (min-width: 768px) {
	.fan-sociel-media .btn{
		float:
		right;
		}
	nav .container-fluid, nav .navbar-collapse{
		padding:0;
		}
	.skdslider{
	max-height:450px;
	height:450px;
	}
	.skdslider .slide-desc{
	max-width:40%;
	}
	#site-navigation ul.menu > li.menu-item-has-children > a:after, #site-navigation ul.menu > li.page_item_has_children > a:after{
		content:"";
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 5px;
		vertical-align: middle;
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.navbar .children:before, .navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
		}
	.navbar .children:after, .navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		left: 10px;
		top: 11px;
		left: -6px;
		}	
	
}

@media screen and (max-width: 992px) {
	h1 {
		font-size: 20px;
		}	
	h2 {
		font-size: 18px;
		}	
	h3 {
		font-size: 16px;
		}	
	h4 {
		font-size: 15px;
		}	
	h5 {
		font-size: 14px;
		}
	
	h6 {
		font-size: 13px;
		}
	header .logo{
		display:block;
	}
	header .logo h1{line-height: 40px;
}
	header .logo h1, #top-widget, p#description, .fan-sociel-media{
		text-align:center;
		display:block;
	}

	.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li > a {
		border:0;
		}
	.navbar-default .navbar-nav > li{
		background:#ff3333;
		}
	.ps-current span h1{
		margin:10px 0;
		}
	.ps-current span p{
		display:none; 
		}

	.dropdown-menu{
		display: block;
		border: none;
		border-radius: 0;
		width: 100%;
		position: relative;
		box-shadow: none;
		background:#ff3333 !important;
		overflow:hidden;	
		}
	.navbar-nav{
		overflow:hidden;
		}
	ul.dropdown-menu{
		padding-left:10px;
		}
	ul.dropdown-menu a{
		font-family: 'Lato', sans-serif;
		color:#FFFFFF;
		}
	.depth_0{
		margin-bottom:10px;
		}
	.skdslider{
	max-height:275;
	height:275px;
	}
	footer .widget{
		margin-bottom:50px;
	}
}



@media screen and (min-width: 480px){
	.r_margin{
		margin-right:4%;
		height:100px;
		}
	
}
@media screen and (max-width: 768px){
	.skdslider .slide-desc{display:none;}
	.skdslider{
	max-height:275px;
	height:275px;
	}
	.main-navigation ul, .top-nav ul {
		display: none;
	}
	.menu-toggle,
	.main-navigation.toggled .menu, .top-nav.toggled .menu {
		display: block;
		z-index:99999;
	}
	.top-nav.toggled ul.menu{
		clear:both;
	}
	ul ul.children, ul ul ul.children, ul ul.sub-menu, ul ul ul.sub-menu{
		float:none;
		position:initial;
		display:block;
		margin:0;
		box-shadow:none;
	}
	ul.children > li, ul.sub-menu > li{
		padding-left:10px;
	}
	.main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a {
		background:#2e2e2e;
		color:#ffffff;
	}
	.main-navigation ul > li, .main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a{
		border:none;
		background:#ff3333;
	}
	.main-navigation ul ul.sub-menu >li > a{
		padding-bottom:5px;
		padding-top:5px;
	}
	.nav_container{
		margin-top:20px;
	}
	.navbar-nav{
		overflow:hidden;
		}
	.main-navigation li{
		float:none;
	}
	.main-navigation a{
		border:none;
	}
	.main-navigation ul.sub-menu > li{
		padding-left:10px;
	}
	li.menu-item-has-children{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	
}
@media screen and (max-width: 480px){
	.skdslider .slide-desc{display:none;}
	.skdslider{
	max-height:172px;
	height:172px;
	}
	ul.meta-info{
		padding-left:0 !important;
		display:none !important;
	}
	ul.meta-info li{
		padding: 0 8px;	
	}
	header .logo, header .logo h1{
		margin-right:0;
	}
	
}
@media screen and (max-width: 320px){
	.skdslider{
	max-height:115px;
	height:115px;
	}
	ul.meta-info li{
		border:none;	
	}
	.author-info{
		display:inline;
	}
	.author-bio {
		padding: 20px;
	}
	.author-thumb{
		float:none;
	}
	.commentlist .comment-meta {
		line-height: 16px;
	}
	input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea{
		max-width:100%;
	}
	#respond{
		padding:10px;
		margin:0;
	}	
}
@media screen and (max-width: 240px){
	.skdslider{
	max-height:86px;
	height:86px;
	}
	.commentlist li.comment article[id*=comment-] img, .post-content img{
		float:none;
	}
	.commentlist .vcard cite.fn {
		display: inline-block;
	}
	.commentlist li.comment .comment-content{
		margin-top:0;
		margin-left:10px;
	}
	#respond #submit{
		font-size:10px;
		padding: 6px 10px;
	}
		
}