@import url('bootstrap-responsive.min.css');
	/* wide screen such as laptop, iMac... */
	
/*
* This is CSS for elements add new
* This CSS will be copy to CSS file
*/
#srol-topbar-toggle {
	background: #f1f1f1;
	width: 100%;
	height: 32px;
	color: #999;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	display: none;
	border-top: 1px solid #e1e1e1;
	}
.srol-toggle-btn, .srol-toggle-sticky{
	position: relative;
	text-decoration: none;
	color: #999;
	height: 32px;
	line-height: 32px;
	padding: 0 14px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	border-color: #e1e1e1;
	display: none;
	width: 250px;
	text-decoration: none;
	font-size: 12px;
	}
.srol-toggle-sticky{
	color: #fff;
	color: rgba(255,255,255,.7);
	text-align: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	width: 100%;
	border: 1px solid rgba(255,255,255,.7);
	}
.srol-toggle-btn:hover{
	text-decoration: none;
	color: #999;
	}
.srol-toggle-sticky:hover{
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	}
.srol-topbar .srol-toggle-btn i, .srol-toggle-sticky i{
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	}
.srol-toggle-sticky i{
	font-size: 23px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	}
#srol-header .header-container{
	position: relative;
	}
#srol-toggle-menu{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	font-size: 20px;
	background: #fff;
	color: #515151;
	cursor: pointer;
	position: absolute;
	top: 7px;
	right: 0;
	border: 1px solid #515151;
	display: none;
	}
#srol-toggle-menu:hover{
	border-color: #4D98AD;
	color: #4D98AD;
	}
u.srol-drop-menu{
	text-decoration: none;
	width: 55px;
	height: 36px;
	text-align: center;
	position: absolute;
	right: 0;
	font-size: 12px;
	z-index: 10;
	display: none;
	}
		
@media (min-width: 1150px) {
	.container {
		width:1100px;
		}
}

@media (min-width: 980px) {
	.srol-mainnav ul.menu{
		display: block !important;
		}
	.srol-topbar .container{
		display: block !important;
		}
}
@media (max-width: 1149px){
	.article .time{
		top: 0; 
		left: 0;
		}
	#srol-header{
		position: relative;
		z-index: 120;
		}
}
	/* 1024px screen, landscape iPad 
	 * It seems we have not many things to do with this screen * shrug *
	*/
@media (min-width: 980px) and (max-width: 1149px) {
	body{
		min-width: 100%;
		}
	body .container {
		width:940px;
		}
	.srol-content{
		padding: 45px 0 30px;
		}
	#primary{
		padding-right: 30px;
		}
	#secondary{
		padding: 20px 15px;
		}
	.srol-mainnav .srol-megamenu .mega-container > ul > li{
		min-width: 185px;
		}
	.srol-mainnav ul.menu > li > a{
		padding: 0 10px;
		}
	.header-right-element.top-social{
		margin-left: 15px;
		}
	.blog-medium.blog-date .article.no-post-thumbnail .text-thumbnail, 
	.blog-medium.blog-date .article.no-post-thumbnail .tags-share{
		padding-left: 70px;
		}
		
	/*------------Single---------------*/
	.srol-related-posts{
		padding: 30px 15px;
		}
	.srol-related-posts .srol-swiper-navi a.prev{
		left: -10px;
		}
	.srol-related-posts .srol-swiper-navi a.next{
		right: -10px;
		}
}
	/* portrait iPad 
	 * indeed, it applies for all smaller screen :3	
	 */
@media (max-width: 979px) {
	/* General 
	-------------------------------------- */
	body .container{
		width:724px;
		}
	.row-fluid [class*="span"] {
		width:100%;
		display:block;
		margin:0;
		}	
	/* boxed layout 
	 * using prefix html to force css seems a bit ridiculous, but it's effective
	 */
	html body #srol-wrapper, 
	html body #srol-header-sticky-wrapper #srol-header.is-sticky {
		width:100%;
		}
	.srol-content{
		padding: 35px 0 25px;
		}	
	/* srol Header
	----------------------------------------*/
	#srol-header{ 
		padding: 10px 0;
		}
	
	/*	Sidebar
	---------------------------------------*/
	#secondary, .metabar-right,
	#primary, .metabar-left{
		width: 100%;
		float: none;
		clear: both;
		float: left;
		}
	#secondary{
		margin-top: 35px;
		position: static !important;
		width: 100% !important;
		top: auto !important;
		margin-left: 0 !important;
		}
	.single-project #secondary{
		margin-bottom: 20px;
		}
	#primary, .sidebar-left #primary{
		padding-left: 0;
		padding-right: 0;
		width: 100% !important;
		margin-left: 0 !important;
		}
	
	/* Topbar
	-------------------------------------- */
	.srol-topbar{
		line-height: 16px;
		}
	.topbar-left .topbar-text{
		padding: 6px 0;
		}
	#srol-topbar-toggle {
		display:block;
		}
	.srol-topbar{
		height: auto;
		}
	.srol-topbar > .container{
		display: none;
		}
	.srol-topbar .topbar-right{
		float: left;
		padding-bottom: 10px;
		clear: both;
		}
	.srol-toggle-btn, .srol-toggle-sticky{
		display: block;
		}
	.topbar-menu{
		width: 250px;
		}
	.topbar-menu ul.menu{
		border: 1px solid #e1e1e1;
		border-color: #e1e1e1;
		border-top: none;
		width: 100%;
		display: none;
		}
	.topbar-menu ul.menu > li,
	.topbar-menu ul.menu > li > ul > li, 
	.topbar-menu ul.menu > li > ul > li > ul > li{
		float: none;
		border-top: 1px solid #e1e1e1;
		padding: 0;
		}
	.topbar-menu ul.menu > li:first-child{
		border-top: none;
		padding: 0;
		}
	.topbar-menu ul.menu > li:before{
		content: none;
		}
	.topbar-menu ul.menu > li > a:hover{
		text-decoration: none;
		}
	.topbar-menu ul.menu > li a{
		padding: 0 14px;
		height: 28px;
		line-height: 28px;
		font-size: 11px;
	}
	.topbar-menu ul.menu > li > ul, 
	.topbar-menu ul.menu > li > ul > li > ul{
		width: 100%;
		background: none;
		border: none; 
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		position: static;
		display: block;
		}
	.topbar-menu ul.menu > li > ul > li > a{
		padding: 0px 14px 0px 28px;
		}
	.topbar-menu ul.menu > li > ul > li > ul > li > a{
		padding: 0px 14px 0px 42px;
		}
	.topbar-menu ul.menu > li > ul > li > a:before,
	.topbar-menu ul.menu > li > ul > li > ul > li > a:before{
		content: "-";
		margin-right: 6px;
		font-family: Arial, Helvetica, sans-serif;
		}
	.srol-toggle-btn:hover,
	.topbar-menu ul.menu > li > a:hover,
	.topbar-menu ul.menu > li > ul > li > a:hover, 
	.topbar-menu ul.menu > li > ul > li > ul > li > a:hover{
		text-decoration: none;
		color: #272727;
		}
		
	/* Navigation
	---------------------------------------*/
	#srol-toggle-menu{
		display: inline-block;
		}
	u.srol-drop-menu{
		display: inline-block;
		}
	.header-left{
		float: none;
		text-align: left;
		}
	#srol-logo a{
		float: none;
		text-align: center;
		display: inline-block;
		}
	.srol-mainnav.header-right-element, .header-right{
		float: none;
		}
	.header-right-element.top-social{
		display: none;
		}
	.srol-cart-indicator{
		position: absolute;
		top: 7px;
		right: 55px;
		margin: 3px 0 0 0;
		}
	.srol-cart-indicator .cart-content{
		display: none;
		}
	.top-search{
		position: absolute;
		top: 7px;
		right: 55px;
		margin: 0;
		}
	.top-search.srol-has-cart-icons{
		right: 110px;
		}
	/*------------Navigation CSS------------*/
	.header-right-inner{
		width: 100%;
		}
	.srol-mainnav ul.menu{
		border-top: 3px solid #4D98AD;
		margin-top: 10px;
		}
	.srol-mainnav.header-right-element{
		margin: 0;
		}
	.srol-mainnav ul.menu > li{
		float: none;
		}
	.srol-mainnav ul.menu > li > a{
		height: 36px;
		line-height: 36px;
		padding: 0 12px;
		}
	.srol-mainnav ul.menu > li > a:after{
		content: none;
		}
	.srol-mainnav ul.menu li ul, .srol-megamenu .mega-container{
		position: static;
		border-top: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		opacity: 1 !important;
		visibility: visible !important;
		width: 100%;
		margin-top: 0 !important;
		background: none;
	}
	.srol-mainnav ul.menu,
	.srol-mainnav .srol-megamenu .mega-container, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li ul.sub-menu,
	.srol-mainnav ul.menu li > ul.sub-menu,
	.srol-mainnav ul.menu li > ul > li > ul.sub-menu,
	.srol-mainnav ul.menu li > ul > li > ul > li > ul.sub-menu,
	.srol-mainnav ul.menu li > ul > li > ul > li > ul > li > ul.sub-menu{
		display: none;
		}
	.srol-mainnav .srol-megamenu .mega-container{
		background-image: none !important;
		padding: 0;
		background: none !important;
		}
	.srol-mainnav .srol-megamenu .mega-container > ul > li{
		width: 100%;
		max-width: 100%;
		display: block;
		border: none;
		padding: 0;
		}
	.srol-mainnav .srol-megamenu .mega-container > ul > li.menu-widgetized{
		border-bottom: 1px solid #333;
		}
	.srol-mainnav .srol-megamenu .mega-container > ul > li ul	li a{
		padding: 0 12px;
		}
	.srol-mainnav ul.menu li > ul > li > a, 
	.srol-mainnav .srol-megamenu .mega-container .widget-title, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > a{
		padding: 0 12px;
		padding-left: 24px;
		margin: 0;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		cursor: pointer;
		}
	.srol-mainnav .srol-megamenu .mega-container .widget-title{
		padding-left: 12px;
		}
	.srol-mainnav .srol-megamenu .mega-container .textwidget{
		padding: 0 24px;
		}
	.srol-mainnav ul.menu li > ul > li > ul > li > a, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > ul > li > a{
		padding-left: 36px;
		}
	.srol-mainnav ul.menu li > ul > li > ul > li > ul > li > a, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > ul > li > ul > li > a{
		padding-left: 48px;
		}
	.srol-mainnav .srol-megamenu .mega-container > ul > li > a:after, .srol-mainnav .srol-megamenu .mega-container .widget-title:after{
		content: none;
		}
	.srol-mainnav ul.menu li > ul > li > a:before, 
	.srol-mainnav .srol-megamenu .mega-container .widget-title:before, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > a:before,
	.srol-mainnav ul.menu li > ul > li > ul > li > ul > li > a:before, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > ul > li > ul > li > a:before{
		content: "-";
		margin-right: 6px;
		font-family: Arial, Helvetica, sans-serif;
		position: static;
		background: none;
		}
	.srol-mainnav ul.menu li > ul > li > ul > li > a:before, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > ul > li > a:before{
		content: "--";
		margin-right: 6px;
		font-family: Arial, Helvetica, sans-serif;
		position: static;
		background: none;
		}
	.srol-mainnav ul.menu li > ul > li > ul > li > ul > li > a:before, 
	.srol-mainnav .srol-megamenu .mega-container > ul > li > ul > li > ul > li > a:before{
		content: "---";
		margin-right: 6px;
		font-family: Arial, Helvetica, sans-serif;
		position: static;
		background: none;
		}
	.srol-mainnav ul.menu li > ul > li:hover > a,
	.srol-mainnav ul.menu li > ul > li.current-menu-item > a{
		background: none;
		}
	.srol-mainnav ul.menu > li:hover > a, 
	.srol-mainnav ul.menu > li.current-menu-item > a, 
	.srol-mainnav ul.menu > li.current-menu-ancestor > a{
		color: #333;
		}
	.srol-mainnav ul.menu a:hover, .srol-mainnav .srol-megamenu .mega-container .widget-title:hover{
		color: #4D98AD !important;
		}
	.srol-mainnav ul.menu a{
		border-bottom: 1px solid #333 !important;
		}
	/*For layout 2*/
	.header-layout-2 .header-left{
		text-align: left;
		}
	/* Menu Sticky 
	-----------------------------------------*/
	.srol-page-topnav{
		position: relative;
		z-index: 10;
		padding: 15px 0;
		margin: 0 auto;
		width: 724px;
		}
	.container > .srol-page-topnav{
		margin-bottom: 0;
		margin-top: 0;
		}
	.srol-page-topnav ul.menu, 
	.srol-page-topnav ul.menu ul{
		width: 100%;
		}
	.srol-page-topnav ul.menu{
		max-height: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
		position: absolute;
		top: 51px;
		background: #111;
		-webkit-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		transition: max-height 0.4s;
		left: 0;
		}
	.srol-page-topnav ul.menu.srol-sticky-menu-open, 
	.srol-page-topnav .srol-sticky-menu-open ul.menu{
		max-height: 200px;
		border: 1px solid rgba(255,255,255,.7);
		border-top: none;
		}
	.srol-page-topnav ul.menu ul{
		position: static !important;
		display: block !important;
		background: none !important;
		width: 100% !important;
		}
	.srol-page-topnav ul.menu > li, .srol-page-topnav ul.menu li{
		display: block;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,.7);
		}
	.srol-page-topnav ul.menu > li:first-child{
		border-top: none;
		}
	.srol-page-topnav ul.menu > li:hover > a{
		color: #fff;
		color: rgba(255,255,255,.7);
		}
	.srol-page-topnav ul.menu > li:hover > a:hover{
		color: #fff;
		}
	.srol-page-topnav ul.menu > li > ul > li > a{
		padding-left: 36px;
		}
	.srol-page-topnav ul.menu > li > ul > li > ul > li > a{
		padding-left: 56px;
		}
	.srol-page-topnav ul.menu > li > ul > li > ul > li > ul > li > a{
		padding-left: 76px;
		}
	.srol-page-topnav ul.menu > li > ul > li > a:before{
		content: "-";
		margin-right: 6px;
		}
	.srol-page-topnav ul.menu > li > ul > li > ul > li > a:before{
		content: "--";
		margin-right: 6px;
		}
	.srol-page-topnav ul.menu > li > ul > li > ul > li > ul > li > a:before{
		content: "---";
		margin-right: 6px;
		}
	
	.srol-page-topnav ul.menu li a, .srol-page-topnav ul.menu li a span{
		height: 36px !important;
		line-height: 36px !important;
		font-size: 14px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	.srol-page-topnav ul.menu > li a span{
		margin: 0;
		border-bottom: 0;
		padding: 0;
		}
	.srol-page-topnav ul.menu > li.current-menu-item > a span, 
	.srol-page-topnav ul.menu > li.current-menu-ancestor > a span, 
	.srol-page-topnav ul.menu > li.active > a span{
		border-bottom: none;
		}
	/*---------Footer-----------*/
	.srol-footer-widgets .widget{
		padding-left: 0;
		padding-right: 0;
		}
	.footer-left, .foooter-left{
		float: none;
		width: 100%;
		text-align: center;
		}
	.footer-social .social{
		float: none;
		display: inline-block;
		}
	/*-----------Go to top button-------------*/
	#main-scrollup .scrollup-inner{
		bottom: 15px;
		right: 15px;
		}

	/*-------- Blog --------*/
	.blog-large.fullwidth .article .title, 
	.blog-large.fullwidth .article .post-meta,
	.tags-share .tags,
	.tags-share .srol-social-share{
		float: none;
		}
	.srol-pagination > ul{
		display: table; 
		margin: 0 auto;
		}
	.blog-large.has-sidebar .article .title, .article .title{
		font-size: 32px;
		}
	.blog-large .article{
		padding-top: 40px;
		}
	.blog-medium.fullwidth .post-thumbnail,
	.blog-medium.has-sidebar .article .post-thumbnail{
		width: 100%;
		margin: 0;
		float: none;
		text-align: center;
		margin-bottom: 15px;
		}
	.blog-medium .article{
		padding-top: 30px;
		}
	.blog-medium.blog-date .article.no-post-thumbnail .text-thumbnail, 
	.blog-medium.blog-date .article.no-post-thumbnail .tags-share{
		padding-left: 70px;
		}
	.blog-grid .title{
		font-size: 20px;
		}
	.blog-grid.grid-3 .article:nth-child(3n+1){
		padding-right: 2%;
		}
	.blog-grid.grid-3 .article:nth-child(3n+2){
		padding-left: 2%;
		padding-right: 2%;
		}
	.blog-grid.grid-3 .article:nth-child(3n+3){
		padding-left: 2%;
		}
	.isotope-5-columns .srol-isotope-container .isotope-selector{
		width: 47%;
		}
		
	/*--------------- Single ----------------*/
	.srol-related-posts{
		padding: 30px 0;
		}
	.srol-related-posts .srol-swiper-navi a.prev{
		left: 0;
		}
	.srol-related-posts .srol-swiper-navi a.next{
		right: 0;
		}
	#related-posts-title{
		margin-bottom: 10px;
		}
	.srol-authorbox{
		padding: 20px 0;
		}
	.srol-authorbox .author-avatar{
		margin: 0 20px 0 0;
		}
	.comments-title{
		margin-bottom: 0;
		}
	#comments{
		padding-top: 30px;
		}
	/* Widget */
	.srol_widget_latest_posts .project-item img{
		width: 100%;
		}
}

@media (min-width: 768px) and (max-width: 979px) {
	.article.isotope-selector .post-text .title-meta{
		padding: 10px;
		}
	.article.isotope-selector .excerpt{
		padding: 10px 10px 0;
		}
	.related-inner{
		padding: 10px;
		}
	.related-thumb{
		margin-bottom: 15px;
		}
}

@media (max-width: 767px) {
	/* General 
	-------------------------------------- */
	body {
		padding-left:0px;
		padding-right:0px;
		}
	body .container,
	#srol-header .container .srol-logo {
		width:460px;
		}
	h1, h2, h3, h4, h5, h6, dl, dt{
		line-height: 1.3;
		margin: 0 0 10px;
		}
	/* Title Bar */
	.titlebar-left, .titlebar-right{
		float: none;
		width: 100%;
		}
	.breadcrumbs{
		float: none;
		}
	.titlebar-right{
		margin-top: 10px;
		}
	.blog-large.has-sidebar .article .title, .article .title{
		font-size: 28px;
		}
	.article .post-meta{
		font-size: 10px;
		}
	/* Menu Sticky 
	-----------------------------------------*/
	.srol-page-topnav{
		width: 460px;
		}	
	.blog-large .article{
		padding-top: 20px;
		}
	.blog-medium .article .time, 
	.article .time{
		width: 60px;
		height: 60px;
		}
	.article .time .day{
		font-size: 28px;
		}
	.blog-large.blog-date .article.no-post-thumbnail .title-meta, 
	.blog-large.blog-date .article.no-post-thumbnail .post-text, 
	.blog-large.blog-date .article.no-post-thumbnail .thumbnail-audio{
		padding-left: 70px;
		}
	.blog-grid.grid-2 .article:nth-child(2n+1),
	.blog-grid.grid-2 .article:nth-child(2n+2),
	.blog-grid.grid-3 .article:nth-child(3n+1), 
	.blog-grid.grid-3 .article:nth-child(3n+2),
	.blog-grid.grid-3 .article:nth-child(3n+3){
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		}
	.blog-grid .article-loop .blog-border{
		content: none;
		border: none;
		}
	.article .post-thumbnail{
		margin: 0 0 15px;
		}
	.srol-timeline .tl-element:nth-child(odd),
	.srol-timeline .tl-element:nth-child(even),
	.blog-timeline.has-sidebar .tl-element.tl-odd,
	.blog-timeline.has-sidebar .tl-element.tl-even{
		float: none;
		clear: both;
		padding: 0;
		margin: 0;
		margin-bottom: 40px;
		width: 100%;
		}
	.srol-timeline .tl-element:last-child{
		margin-bottom: 10px !important;
		}
	.tl-element.run_animation .tl-dot{
		display: none;
		}
	.blog-timeline.has-sidebar .tl-element .tl-time,
	.tl-element .tl-time{
		top: -20px;
		left: 0;
		right: auto;
		}
	.srol-timeline:after{
		content: none;
		border: none;
		}
	.tags-share{
		padding-top: 15px;
		}
	.blog-medium .article .post-thumbnail{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
		}
	/*--------Single -------------*/
	.commentlist .comment-avatar{
		margin-right: 10px;
		}
	.commentlist article{
		margin-bottom: 15px;
		padding-bottom: 10px;
		}
	#respond .form-input .comment-ele{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 5px;
		}
	.related-thumb{
		margin-bottom: 10px;
		}
	.related-title{
		font-size: 16px;
		}
	.related-inner{
		padding: 5px;
		}
}

@media (max-width: 479px) {
	/* General 
	-------------------------------------- */
	body {
		padding-left:0px;
		padding-right:0px;
		}
	body .container,
	#srol-header .container .srol-logo {
		max-width:300px;
		}
	h1 {
		font-size: 28px;
		}
	h2 {
		font-size: 24px;
		}
	h3 {
		font-size: 22px;
		}
	#secondary{
		padding: 20px 10px;
		}
	/*Header Layout
	-----------------------------------*/
	.hidden-search{
		right: -60px;
		}
	.top-search{
		right: 45px;
		}
	.top-search.srol-has-cart-icons{
		right: 90px;
		}
	.hidden-search:before{
		right: 95px;
		}
	.hidden-search:before{
		content: none;
		}
	#srol-logo{
		max-width: 170px;
		min-height: 46px;
		position: relative;
		}
	#srol-logo a{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		font: 0/0 a;
		}
	#srol-logo a:before{
		content: ' ';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		}
	#srol-logo a img{
		vertical-align: middle;
		display: inline-block;
		}
	/*-------------Title Bar---------------*/
	.srol-titlebar .title{
		font-size: 18px !important;
		}
	/* Menu Sticky 
	-----------------------------------------*/
	.srol-page-topnav{
		max-width: 300px;
		}
	/*------------Blog------------*/
	.blog-large.has-sidebar .article .title, 
	.article .title,
	.blog-medium .article .title{
		font-size: 24px;
		}
	.article .post-meta{
		letter-spacing: 0;
		font-size: 10px;
		}
	.article .post-meta .ele:after{
		margin: 0 2px;
		}
	.srol-pagination > ul > li{
		margin: 0 5px 0 0;
		}
	.srol-pagination li > a, .srol-pagination li > span{
		height: 28px;
		line-height: 28px;
		}
	.srol-pagination li > a.next, .srol-pagination li > a.prev{
		padding: 0 7px;
		}
	.blog-large .article{
		padding-top: 15px;
		}
	.article-inner .readmore a.srol-btn.btn-small{
		height: 30px;
		line-height: 30px;
		padding: 0 12px;
		}
	.blog-medium .article .time,
	.article .time{
		width: 50px;
		height: 50px;
		}
	.article .time .day{
		font-size: 24px;
		margin-bottom: 2px;
		}
	.article .time .month{
		font-size: 12px;
		}
	.blog-large.blog-date .article.no-post-thumbnail .title-meta, 
	.blog-large.blog-date .article.no-post-thumbnail .post-text, 
	.blog-large.blog-date .article.no-post-thumbnail .thumbnail-audio,
	.blog-medium.blog-date .article.no-post-thumbnail .text-thumbnail, 
	.blog-medium.blog-date .article.no-post-thumbnail .tags-share{
		padding-left: 57px;
		}
	.author-titlebar .titlebar-avatar{
		width: 55px;
		height: 55px;
		margin-right: 10px;
		}
	/*----------------Single-------------------*/
	.srol-authorbox .name{
		margin-bottom: 10px;
		}
	.srol-authorbox .author-avatar{
		margin: 0 10px 0 0;
		width: 65px;
		height: 65px;
		}
	.srol-authorbox .author-avatar img{
		width: 65px;
		height: 65px;
		}
	.commentlist ol.children{
		margin-left: 20px;
		}
	.commentlist header .comment-meta a{
		letter-spacing: 0;
		font-size: 10px;
		}
	.commentlist header .comment-meta .sep{
		margin: 0 2px;
		}
	#respond #submit{
		height: 36px;
		line-height: 36px;
		padding: 0 16px;
		}
}

/* ------------------------------------------------------- 		WOOCOMMERCE 	----------------------------------------------------------- */
@media (max-width: 1149px) {
	/*
	* Responsive Poruduct Page
	*/
	/*-----------------General------------------*/
	.product-text{
		padding: 15px 8px;
		}
	.woocommerce ul.products li.product .price, 
	.woocommerce-page ul.products li.product .price, 
	.woocommerce .srol-products .product .price, 
	.woocommerce-page .srol-products .product .price{
		font-size: 24px;
		}
	.woocommerce a.add_to_cart_button, 
	.woocommerce-page a.add_to_cart_button, 
	.woocommerce a.add_to_cart_button.loading, 
	.woocommerce-page a.add_to_cart_button.loading{
		height: 28px;
		line-height: 28px;
		padding: 0 10px;
		}
	/*-----------------Columns-----------------*/
	.woocommerce .products-5 ul.products li.product, 
	.woocommerce-page .products-5 ul.products li.product{
		width:32%;
		}
	.woocommerce .products-5 ul.products li.product:nth-child(5n+1), 
	.woocommerce-page .products-5 ul.products li.product:nth-child(5n+1) {
		clear: none;
		margin-left: 2%;
		}
	.woocommerce .products-5 ul.products li.product:nth-child(3n+1), 
	.woocommerce-page .products-5 ul.products li.product:nth-child(3n+1) {
		margin-left:0;
		clear:left;
		}
	.woocommerce .has-sidebar .products-4 ul.products li.product, 
	.woocommerce-page .has-sidebar .products-4 ul.products li.product{
		width:49%;
		}
	.woocommerce .has-sidebar .products-4 ul.products li.product:nth-child(4n+1), 
	.woocommerce-page .has-sidebar .products-4 ul.products li.product:nth-child(4n+1){
		clear: none;
		margin-left: 2%;
		}
	.woocommerce .has-sidebar .products-4 ul.products li.product:nth-child(2n+1), 
	.woocommerce-page .has-sidebar .products-4 ul.products li.product:nth-child(2n+1){
		margin-left:0;
		clear:left;
		}
	/*
	* Responsive Single Poruduct
	*/
	.srol-single-product-thumbnail-carousel .srol-swiper-navi a.prev,
	.srol-product-carousel .srol-swiper-navi a.prev{
		left: 0;
		}
	.srol-single-product-thumbnail-carousel .srol-swiper-navi a.next,
	.srol-product-carousel .srol-swiper-navi a.next{
		right: 0;
		}
}

@media (max-width: 979px) {
	/*
	* Responsive Poruduct Page
	*/
	.woocommerce .products-4 ul.products li.product, 
	.woocommerce-page .products-4 ul.products li.product{
		width:49%;
		}
	.woocommerce .products-4 ul.products li.product:nth-child(4n+1), 
	.woocommerce-page .products-4 ul.products li.product:nth-child(4n+1){
		clear: none;
		margin-left: 2%;
		}
	.woocommerce .products-4 ul.products li.product:nth-child(2n+1), 
	.woocommerce-page .products-4 ul.products li.product:nth-child(2n+1){
		margin-left:0;
		clear:left;
		}
	/*
	* Responsive Single Poruduct
	*/
}

@media (max-width: 767px) {
	/*
	* Responsive Poruduct Page
	*/
	.woocommerce .products-5 ul.products li.product, 
	.woocommerce-page .products-5 ul.products li.product,
	.woocommerce .products-3 ul.products li.product, 
	.woocommerce-page .products-3 ul.products li.product{
		width:49%;
		}
	.woocommerce .products-5 ul.products li.product:nth-child(5n+1), 
	.woocommerce-page .products-5 ul.products li.product:nth-child(5n+1),
	.woocommerce .products-5 ul.products li.product:nth-child(3n+1), 
	.woocommerce-page .products-5 ul.products li.product:nth-child(3n+1),
	.woocommerce .products-3 ul.products li.product:nth-child(3n+1), 
	.woocommerce-page .products-3 ul.products li.product:nth-child(3n+1){
		clear: none;
		margin-left: 2%;
		}
	.woocommerce .products-5 ul.products li.product:nth-child(2n+1), 
	.woocommerce-page .products-5 ul.products li.product:nth-child(2n+1),
	.woocommerce .products-3 ul.products li.product:nth-child(2n+1), 
	.woocommerce-page .products-3 ul.products li.product:nth-child(2n+1)	{
		margin-left:0;
		clear:left;
		}
	.woocommerce .woocommerce-result-count, 
	.woocommerce-page .woocommerce-result-count{
		float: none;
		display: block;
		}
	.srol-shop-ordering{
		float: none;
		margin-bottom: 15px;
		}
	/*
	* Responsive Single Poruduct
	*/
}
@media (max-width: 479px) {
	/*
	* Button
	*/
	.woocommerce #content input.button, 
	.woocommerce #respond input#submit, 
	.woocommerce a.button, 
	.woocommerce button.button, 
	.woocommerce input.button, 
	.woocommerce-page #content input.button, 
	.woocommerce-page #respond input#submit, 
	.woocommerce-page a.button, 
	.woocommerce-page button.button, 
	.woocommerce-page input.button, 
	.woocommerce #content input.button.alt, 
	.woocommerce #respond input#submit.alt, 
	.woocommerce a.button.alt, 
	.woocommerce button.button.alt, 
	.woocommerce input.button.alt, 
	.woocommerce-page #content input.button.alt, 
	.woocommerce-page #respond input#submit.alt, 
	.woocommerce-page a.button.alt, 
	.woocommerce-page button.button.alt, 
	.woocommerce-page input.button.alt{
		padding: 0 6px;
		letter-spacing: 0;
	}
	
	/*
	* Responsive Poruduct Page
	*/
	.woocommerce .products-5 ul.products li.product, 
	.woocommerce-page .products-5 ul.products li.product,
	.woocommerce .products-4 ul.products li.product, 
	.woocommerce-page .products-4 ul.products li.product,
	.woocommerce .products-3 ul.products li.product, 
	.woocommerce-page .products-3 ul.products li.product,
	.woocommerce .products-2 ul.products li.product, 
	.woocommerce-page .products-2 ul.products li.product{
		width: 100% !important;
		margin-left: 0 !important;
		clear: both !important;
		margin-bottom: 20px;
		}
	/*
	* Responsive Single Poruduct
	*/
	.woocommerce #content div.product .woocommerce-tabs ul.tabs, 
	.woocommerce div.product .woocommerce-tabs ul.tabs, 
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs, 
	.woocommerce-page div.product .woocommerce-tabs ul.tabs{
		padding: 0;
		}
	.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
		display: block;
		margin: 0;
		}
}

/* ------------------------------------------------------- 		Shortcodes 	----------------------------------------------------------- */
@media (min-width: 980px) and (max-width: 1149px) {
	/* Flexslider*/
	.srol-flexslider .flex-direction-nav .flex-prev{
		left: 0;
		}
	.srol-flexslider .flex-direction-nav .flex-next{
		right: 0;
		}
	/* Portfolio */
	/* Portfolio */
	.isotope-5-columns .srol-isotope-container .gutter-sizer,
	.isotope-4-columns .srol-isotope-container .gutter-sizer,
	.isotope-3-columns .srol-isotope-container .gutter-sizer,
	.isotope-2-columns .srol-isotope-container .gutter-sizer{
		width: 0 !important;
		}
	.isotope-5-columns .isotope-selector, 
	.isotope-5-columns .isotope-selector{
		width: 33.33% !important;
		padding: 0 0.5%;
		margin: 0 0 1% 0;
		}
	.isotope-5-columns .srol-isotope-container .isotope-selector{
		
		}
	.isotope-4-columns .isotope-selector, 
	.isotope-4-columns .isotope-selector{
		width: 50% !important;
		padding: 0 0.5%;
		margin: 0 0 2% 0;
		}
	.isotope-4-columns .srol-isotope-container .isotope-selector{
		
		}
	/* Related posts */
	.srol-latest-posts.cols-5 .latest-post{
		width: 33.33%;
		}
	.srol-latest-posts.cols-4 .latest-post{
		width: 50%;
		}
	/* Carousel */
	.srol-carousel .srol-swiper-navi .prev{
		left: 0;
		}
	.srol-carousel .srol-swiper-navi .next{
		right: 0;
		}
	}
@media (max-width: 979px) {
	/*Columns*/
	.column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4, .column-1-5, .column-2-5, .column-3-5, .column-4-5, .column-1-6, .column-5-6{
		width:100%;
		margin: 0;
		display: block !important;
		clear: both;
		margin: 0 0 10px;
		}
	.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-5-6{
		width:100%;
		border: none;
		display: block !important;
		clear: both;
		margin: 0 0 10px;
		}
	/*Sticky Tab Shortocde*/
		.tabsticky-nav {
		position: static !important;
		top: auto !important;
		width: 100% !important;
		margin: 0 !important;
		float: none;
		}
	.tabsticky-nav ul li a{
		text-align: left;
		}
	.tabsticky-content{
		padding-left: 10px;
		padding-right: 10px;
		}
	/* Imagebox */
	.srol-imagebox{
		text-align: center;
		}
	.srol-imagebox .desc ul, .srol-imagebox .desc ol{
		display: inline-block;
		text-align: left;
		}
	
	/* Hr */
	.srol-hr{
		margin: 10px auto 15px;
		}
	/* Flexslider*/
	.srol-flexslider .flex-direction-nav .flex-prev{
		left: 0;
		}
	.srol-flexslider .flex-direction-nav .flex-next{
		right: 0;
		}
	.srol-flexslider .flex-control-nav{
		position: static;
		}
	.srol-flexslider .flex-direction-nav a{
		width: 40px;
		height: 40px;
		margin-top: -20px;
		}
	/* Member */
	.srol-member{
		text-align: center;
		}
	.srol-member.style-2 .image{
		display: inline-block;
		}
	.srol-member .social ul{
		display: table;
		margin: 0 auto;
		}
	
	/* Process */
	.srol-process.process-2 .srol-step,
	.srol-process.process-3 .srol-step,
	.srol-process.process-4 .srol-step{
		width: 100%;
		clear: both;
		display: block;
		border-right: 1px solid #d5d5d5;
		text-align: center;
		}
	.srol-process.process-2 .srol-step.featured, 
	.srol-process.process-3 .srol-step.featured, 
	.srol-process.process-4 .srol-step.featured{
		border-right: none;
		}
	.srol-process .srol-step:before, .srol-process .srol-step:after{
		content: none;
		border: none;
		}
	.srol-process .step-heading:after{
		left: 50%;
		margin-left: -30px;
		}
	.srol-process .step-content ul{
		display: inline-block;
		}
	/* toggle */
	.srol-toggle.has-container, 
	.srol-accordion.has-container{
		margin: 0 0 10px;
		}
	.big-toggle-title a{
		padding: 20px 0;
		}
	.big-toggle-title:before{
		top: 41px;
		right: 10px;
		}
	/* Portfolio */
	.isotope-5-columns .srol-isotope-container .gutter-sizer,
	.isotope-4-columns .srol-isotope-container .gutter-sizer,
	.isotope-3-columns .srol-isotope-container .gutter-sizer,
	.isotope-2-columns .srol-isotope-container .gutter-sizer{
		width: 0 !important;
		}
	.isotope-5-columns .isotope-selector, 
	.isotope-5-columns .isotope-selector{
		width: 33.33% !important;
		padding: 0 0.5%;
		}
	.isotope-4-columns .isotope-selector, 
	.isotope-4-columns .isotope-selector{
		width: 50% !important;
		}
	.isotope-5-columns .srol-isotope-container .isotope-selector,
	.isotope-4-columns .srol-isotope-container .isotope-selector,
	.isotope-3-columns .srol-isotope-container .isotope-selector{
		width: 50% !important;
		padding: 0 0.5%;
		margin: 0 0 1% 0;
		}
	/* Related Products */
	.srol-latest-posts.cols-5 .latest-post,
	.srol-latest-posts.cols-4 .latest-post,
	.srol-latest-posts.cols-3 .latest-post{
		width: 50%;
		}
	/* Carousel */
	.srol-carousel .srol-swiper-navi .prev{
		left: 0;
		}
	.srol-carousel .srol-swiper-navi .next{
		right: 0;
		}
	/* Pricing */
	.srol-pricing .pricing-column{
		width: 100% !important;
		display: block !important;
		margin-bottom: 15px;
		border-right: 1px solid #d5d5d5 !important;
		}
	.srol-pricing .pricing-column.features{
		border-right: none !important;
		}
	.pricing-column.featured{
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		}
	.srol-pricing.separated .pricing-column{
		float: none;
		margin-left: 0;
		}
	/* Countdown */
	.srol-countdown .ele{
		display: inline-block;
		float: none;
		margin: 0 3px 10px 3px;
		}
	.srol-countdown.align-right, .srol-countdown.align-left{
		text-align: center;
		}
	/* Brand */
	.brands-8-columns .brand-row, .brands-7-columns .brand-row, .brands-6-columns .brand-row, .brands-5-columns .brand-row{
		display: block;
		}
	.brands-8-columns .brand-cell{
		display: inline-block;
		float: left;
		width: 25%;
		}
	.brands-7-columns .brand-cell, .brands-6-columns .brand-cell, .brands-5-columns .brand-cell{
		display: inline-block;
		float: left;
		width: 33.33%;
		}
}

@media (max-width: 767px) {
	/* Portfolio */
	.isotope-5-columns .isotope-selector,	
	.isotope-4-columns .isotope-selector,	
	.isotope-3-columns .isotope-selector,
	.isotope-2-columns .isotope-selector,
	.srol-isotope-container .isotope-selector,
	.isotope-5-columns .srol-isotope-container .isotope-selector,
	.isotope-4-columns .srol-isotope-container .isotope-selector,
	.isotope-3-columns .srol-isotope-container .isotope-selector,
	.isotope-2-columns .srol-isotope-container .isotope-selector{
		width: 100% !important;
		margin-bottom: 2%;
		}
	.isotope-free .isotope-5-columns .isotope-selector,	
	.isotope-free .isotope-4-columns .isotope-selector,	
	.isotope-free .isotope-3-columns .isotope-selector,	
	.isotope-free .isotope-2-columns .isotope-selector,
	.isotope-free .isotope-selector{
		width: 50% !important;
		margin-bottom: 2%;
		}
		
	/* Single Portfolio */
	.single-project.fullwidth .project-fields{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
		}
	/* Related posts */
	.srol-latest-posts.cols-5 .latest-post,
	.srol-latest-posts.cols-4 .latest-post,
	.srol-latest-posts.cols-3 .latest-post,
	.srol-latest-posts.cols-2 .latest-post{
		width: 100%;
		}
	/* Tab */
	.tabnav:after{
		content: none;
		}
	.tabnav li{
		float: none;
		}
	.tabnav li{
		border-bottom: 1px solid #E5E5E5;
		}
	.srol-tab .tabnav li:first-child{
		border-top: 1px solid #E5E5E5;
		}
	.srol-tab.srol-big-tab .tabnav li{
		border: none !important;
		}
	.tab-vertical .tabnav{
		width: 100%;
		margin-right: 0;
		float: none;
		}
	.tab-vertical .tabnav li a{
		margin-bottom: 0;
		}
	.srol-big-tab .tabnav li{
		width: 100% !important;
		}
	/* Imagebox */
	.srol-imagebox.image-left .image, .srol-imagebox.image-right .image{
		float: none;
		display: block;
		max-width: 100%;
		}
	/* Brand */
	.brands-8-columns .brand-row, 
	.brands-7-columns .brand-row, 
	.brands-6-columns .brand-row, 
	.brands-5-columns .brand-row,
	.brands-4-columns .brand-row{
		display: block;
		}
	.brands-8-columns .brand-cell,
	.brands-7-columns .brand-cell, 
	.brands-6-columns .brand-cell, 
	.brands-5-columns .brand-cell,
	.brands-4-columns .brand-cell{
		display: inline-block;
		float: left;
		width: 50%;
		}
	/* Image slider */
	.image-slider .caption{
		padding: 15px;
		max-width: 400px;
		}
}
@media (max-width: 479px) {
	/*--Imagebox--*/
	.srol-imagebox.image-right .image{
		float: none;
		max-width: 100%;
		}
	.srol-imagebox div.text{
		padding: 15px 10px 10px;
		}
	/* Portfolio */
	.isotope-free .isotope-5-columns .isotope-selector,	
	.isotope-free .isotope-4-columns .isotope-selector,	
	.isotope-free .isotope-3-columns .isotope-selector,	
	.isotope-free .isotope-2-columns .isotope-selector,
	.isotope-free .isotope-selector{
		width: 100% !important;
		}
	/* Brand */
	.brands-8-columns .brand-row, 
	.brands-7-columns .brand-row, 
	.brands-6-columns .brand-row, 
	.brands-5-columns .brand-row,
	.brands-4-columns .brand-row,
	.brands-3-columns .brand-row
	.brands-2-columns .brand-row{
		display: block;
		}
	.brands-8-columns .brand-cell,
	.brands-7-columns .brand-cell, 
	.brands-6-columns .brand-cell, 
	.brands-5-columns .brand-cell,
	.brands-4-columns .brand-cell,
	.brands-3-columns .brand-cell
	.brands-2-columns .brand-cell{
		display: inline-block;
		float: left;
		width: 100%;
		}
	/* iconbox list */
	.srol-iconbox-list .iconbox-list-icon{
		margin-right: 15px;
		}
	/* Image slider */
	.image-slider .caption{
		padding: 10px;
		max-width: 2650px;
		}
}