/*-----------------------------------------------------------------------------------*/
/*	Responsiveness
/*-----------------------------------------------------------------------------------*/
.header, .main-wrapper { width:100% }
.boxed-layout {
	max-width:980px;
	width:96%
}
@media screen and (max-width:1143px) {
.skyscraper {
    position:relative;
    left:0px;
    width:160px;
    height:600px;
}
@media screen and (max-width:1110px) {
	.back-to-top { right:5px }

   
}
}
@media screen and (max-width:1024px) {
	.main-wrapper,
	.footer-widgets,
	.footer-subscribe .center-width  { width:94% }
	.boxed-layout.main-wrapper,
	.boxed-layout.footer-widgets,
	.boxed-layout.footer-subscribe .center-width  { width:100% }
	.header,
	.top-menu {
		padding:0 2%;
		width:96%;
	}
	.slider-container .slider { width:100% }
	.slider-controls { display:none }
}
@media screen and (max-width:930px) {
	.sidebar .s { width: 63%; }
}
@media screen and (max-width:900px) {
	#navigation { 
  		height:auto;
		max-width:94%;
		overflow:hidden;
		padding:0
  	}
  	#navigation ul {
  		width:100%;
  		display:block;
  		height:auto;
  	}
	#navigation .menu {
		display:none;
		height:auto;
		clear:both;
	}
	#navigation li,
	#navigation a {
		border:0;
		width:100%
	}
	#navigation a {
		border-bottom:1px solid rgba(255,255,255,0.3);
		padding:10px;
		-webkit-transition: all 0s linear;
		-moz-transition: all 0s linear;
		transition: all 0s linear;
	}
	.sf-sub-indicator { display:none }
	#navigation ul.sub-menu {
		display:block !important;
		visibility:visible !important;
		position:relative;
		top:0
	}
	#navigation ul li ul li a { padding:10px 20px }
	#navigation ul li ul li ul li a { padding:10px 30px }
	.main-navigation ul.menu li:hover li ul,
	.main-navigation ul.menu li.sfHover li ul { top:-999em }
	.main-navigation ul.menu li li:hover ul,
	.main-navigation ul.menu li li.sfHover ul {
		left:0; /* match ul width */
	}
	.main-navigation #navigation a:hover {
		background-color:#fff;
		color:#1d1d1d
	}
	.sfHover a {
		background:#1d1d1d;
		color:#fff
	}
	ul.menu li li:hover ul,
	ul.menu li li.sfHover ul { left:0 }
	.btn {
		color:#fff !important;
		display:block !important;
		float:left;
		font-size:24px;
		cursor:pointer;
		margin:10px 0 8px !important
	}
	.btn .icon {
		display: block;
		width: 18px;
		height: 2px;
		margin-top: 3px;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		 -moz-border-radius: 1px;
			  border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
}
@media screen and (max-width:870px) { 
	.header { padding:3% 2% }
	.header-widget {
		float:none;
		margin:0 auto
	}
	.header #logo {
		float:none;
		margin:0 auto;
		text-align:left;
		width:100%;
	}
	.header-widgets {
		float:none;
		margin:20px auto 0
	}
	.header-widgets .searchform {
		max-width:100%;
		width:100%
	}
	.woo-links { display:none }
}
@media screen and (max-width:835px) { 
	.sidebar .s { width: 62%; }
}
@media screen and (max-width:768px) { 
	.main-wrapper {
		float:none;
		margin:0 auto 20px;
		width:93%;
	}
	.content-area {
		clear:both;
		float:none;
		width:100%;
	}
	.content { margin: 0 }
	.content-page, .content-single { margin-left:0 }
	.sidebar-left .content-page, .sidebar-left .content-single { margin-left:0 }
	.sidebar {
		max-width:310px;
		width:100%;
	}
}
@media screen and (max-width:620px) {
	.social-links-label { display:none }
	.footer-subscribe form {
		display:block;
		margin:15px 0 0;
		width:100%;
	}
}
@media screen and (max-width:568px) {
	.header {
		background:transparent;
		padding:1% 0;
		max-width:94%;
		width:310px;
	}
	.current-date {
		padding:2px 2 10px;
		text-align:center;
		width:92%
	}
	.social-links {
		clear:both;
		float:none;
		margin:0 auto;
		text-align:center;
		width:100%
	}
	.social-links a {
		display:inline-block;
		float:none
	}
	#navigation {
		max-width:94%;
		width:310px;
	}
	.main-wrapper,
	.footer-widgets,
	.footer-subscribe .center-width {
		max-width:94%;
		width:310px;
	}
	.layout-widget {
		margin-left:0;
		max-width:100%;
		width:310px
	}
	.featured-item {
		margin:0 0 15px;
		width:100%
	}
	.featured-item:last-child { margin-bottom:0 }
	.content-area { float:left }
	.bigpost,
	.smallpost,
	.featured-section li,
	.recent-post {
		margin-right:0;
		max-width:300px;
		width:100%
	}
	.carousel-container { margin-bottom:15px!important }
	.section-container,
	.col,
	.col2 {
		margin:0 auto 15px;
		max-width:310px;
		width:100%;
	}
	.col2 { margin-top:15px }
	.col2 .col-post-med { margin:0 }
	.responsive-video-medium,
	.responsive-video-small	{
		float:none;
		margin-bottom:15px;
		padding-bottom:55.25%;
		width:100%
	}
	.sidebar-left .col, .sidebar-left .section, .sidebar-left { margin-left:0 }
	.section { margin:0 }
	.featured-medium {
		margin:0 0 15px;
		width:100%
	}
	.featured-small {
		clear:both;
		float:none;
		margin:0 0 15px;
		overflow:hidden;
		width:100%;
	}
	.review-summary { width:94% }
	.final-score-box { width:96% }
	.footer-widget {
		margin:0 0 20px;
		width:100%
	}
	.footer-widget .widget { margin-bottom:0 }
	#commentform textarea { width: 92.5% }
	.rating-home-percent {
		font-size:22px;
		line-height:28px
	}
	.rating-home .percent-sign { font-size:14px }
	.copyright-text {
		margin-bottom:10px;
		text-align:center;
		width:100%
	}
}
@media screen and (max-width:480px) { 
}
@media screen and (max-width:400px) {	
}
@media screen and (max-width:320px) {
	.post-list { width:100% }
}