.boxed-layout,

#page,

.container {

	max-width:1170px;

	width:100%

}

.boxed-layout .header,

.boxed-layout .top-bar .center-width { width:96% }

.main-header { width:100% }

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

	.boxed-layout,

	.boxed-layout .main-wrapper {

		max-width:980px;

		width:100%

	}

	.cover-image { min-height:400px }

	.center-width,

	.header,

	#page,

	.footer .container,

	.copyright-inner {

		max-width:980px;

		width:100%

	}

	.content-page, .content-single { width:100% }

	.masonry .post { width:45% !important }

	#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { margin-bottom:15px; width:80% }

	#commentform textarea { width:90% }

	#subscribe-widget input[type="text"] {

		margin-bottom:10px;

		width:99%

	}

	.masonry .post .title { font-size:20px; line-height:24px; }

}

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

	.back-to-top { right:5px }

}

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

	.cover-image { min-height:360px }

	.title-wrap { width:69% }

	.boxed-layout .header #logo { margin:6px 0 }

	.boxed-layout .main-nav {

		max-width:100%

	}

	.boxed-layout,

	.boxed-layout .header {

		max-width:730px;

		width:100%

	}

	.boxed-layout .header,

	.top-bar .center-width,

	.header,

	#page,

	.footer-widgets,

	.footer-subscribe .center-width

	.copyright-inner { width:96% }

	.social-widget ul li { margin-right:5% }

	.social-widget ul li span { width:50px }

	.ad-125-widget li,

	.footer-widget { width:47.5% }

	.footer-widget:nth-child(2) { }

	.footer-widget:nth-child(3) { clear:left }

	.copyright-inner { text-align:center }

	.copyright-text {

		float:none

	}

	.masonry .post { width:44.8% !important }

	.footer-menu { float:none }

	.footer-menu li {

		display:inline-block;

		float:none;

	}

	.footer-menu li a {

		padding-bottom:15px;

		padding-top:0

	}

}

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

	.masonry .post { width:44.5% !important }

}

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

	.boxed-layout .header { padding:15px 2% }

	.post header .post-month { font-size:12px }

	.title-wrap { width:68% }

	.post .gallerytiled ul li { width:24.6% }

	.featured-section .post-inner { padding:10px 0 }

}

@media screen and (min-width:768px) and (max-width:960px) {

	.nav-menu, .main-navigation { display:none }
	.st-menu { display:none }

	.st-menu ul {

		margin:0;

		margin-top: 15px;

		padding:0;

	}

	.st-menu ul li {

		display:block;

		position:relative;

		border-top :1px solid rgba(120, 120, 120, 0.1);

	}

	.st-menu ul li a {

		display:block;

		padding:20px;

		color: #000;

		font-size: 12px;

		text-transform:uppercase;

		text-shadow:0 0 1px rgba(255,255,255,0.1);

		letter-spacing:1px;

		font-weight:400;

		line-height:1.4;

	}

	.st-menu ul li ul li a { padding-left:30px }

	.st-menu ul li ul li ul li a { padding-left:45px }

	.st-menu ul li a:hover {

		background-color:#f7f6f6;

		box-shadow:inset 0 -1px rgba(0,0,0,0);

		color:#e4013a;

	}

	.side-sub-menu {

		cursor:pointer;

		position:absolute;

		top:0;

		right:0;

		height:44px;

		width:50px

	}

	.side-sub-menu .fa {

		color:#fff;

		font-size:22px;

		margin:10px 18px

	}

/*	.st-effect-4.st-menu-open .st-pusher {

		-webkit-transform:translate3d(300px, 0, 0);

		transform:translate3d(300px, 0, 0);

	}*/

	.st-effect-4.st-menu {

		-webkit-transform:translate3d(-50%, 0, 0);

		transform:translate3d(-50%, 0, 0);

		z-index: 1000;

	}

	.st-effect-4.st-menu-open .st-effect-4.st-menu {

		display: block;

		-webkit-transition:-webkit-transform 0.5s;

		transition:transform 0.5s;

		-webkit-transform:translate3d(0, 0, 0);

		transform:translate3d(0, 0, 0);

	}

	.st-menu ul.sub-menu { display:none }

	.menu-btn {

		border-right:1px solid rgba(255, 255, 255, 0.3);

		display:inline-block!important;

		float:left;

		font-size:24px;

		cursor:pointer;

		margin-right:5px;

		padding:18px 20px 18px 10px 

	}
}

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

	.main-wrapper { background:transparent }

	.header { text-align:center }

	.st-pusher { background:#f3f3f3 }

	.nav-menu, .main-navigation { display:none }

	.social-links { float:right }

	.st-menu { display:none }

	.st-menu ul {

		margin:0;

		margin-top: 15px;

		padding:0;

	}

	.st-menu ul li {

		display:block;

		position:relative;

		border-top :1px solid rgba(120, 120, 120, 0.1);

	}

	.st-menu ul li a {

		display:block;

		padding:20px;

		color: #000;

		font-size: 12px;

		text-transform:uppercase;

		text-shadow:0 0 1px rgba(255,255,255,0.1);

		letter-spacing:1px;

		font-weight:400;

		line-height:1.4;

	}

	.st-menu ul li ul li a { padding-left:30px }

	.st-menu ul li ul li ul li a { padding-left:45px }

	.st-menu ul li a:hover {

		background-color:#f7f6f6;

		box-shadow:inset 0 -1px rgba(0,0,0,0);

		color:#e4013a

	}

	.side-sub-menu {

		cursor:pointer;

		position:absolute;

		top:0;

		right:0;

		height:44px;

		width:50px

	}

	.side-sub-menu .fa {

		color:#fff;

		font-size:22px;

		margin:10px 18px

	}

/*	.st-effect-4.st-menu-open .st-pusher {

		-webkit-transform:translate3d(300px, 0, 0);

		transform:translate3d(300px, 0, 0);

	}*/

	.st-effect-4.st-menu {

		-webkit-transform:translate3d(-50%, 0, 0);

		transform:translate3d(-50%, 0, 0);

		z-index: 1000;

	}

	.st-effect-4.st-menu-open .st-effect-4.st-menu {

		display: block;

		-webkit-transition:-webkit-transform 0.5s;

		transition:transform 0.5s;

		-webkit-transform:translate3d(0, 0, 0);

		transform:translate3d(0, 0, 0);

	}

	.st-menu ul.sub-menu { display:none }

	.menu-btn {

		border-right:1px solid rgba(255, 255, 255, 0.3);

		display:inline-block!important;

		float:left;

		font-size:24px;

		cursor:pointer;

		margin-right:5px;

		padding:18px 20px 18px 10px 

	}

	.cover-image { min-height:300px }

	.boxed-layout,

	.boxed-layout .header,

	.featuredslider,

	.featured-posts,

	.footer .container,

	.copyright-inner {

		max-width:100%;

		width:100%

	}

	.featured-post {

		margin:0;

		width:50%

	}

	.boxed-layout .header { width:96% }

	.header { overflow:hidden }

	#page,

	.boxed-layout .main-wrapper {

		float:none;

		margin:25px auto 0;

		max-width:96%;

		width:100%;

	}

	.content-area {

		clear:both;

		float:none;

		margin:0;

		width:100% !important;

	}

	.content { margin:0 }

	.content-page, .content-single { margin-left:0 }

	.title { font-size:26px !important; line-height:1.2 !important }

	.sidebar {

		margin-left:0;

		margin-right:0;

		max-width:100%;

		width:100% !important

	}

	.sidebar-small { display:none }

	.footer-widgets .footer-widget {

		margin:0 0 10px;

		width:100%

	}

	.masonry .post { width:98% !important }

}

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

	.cover-image { min-height:270px }

	.social-links-label { display:none }

	.footer-subscribe form {

		display:block;

		margin:15px 0 0;

		width:100%;

	}

}

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

	.cover-image { min-height:200px }

	.cover-heading .title {

		font-size:22px;

		line-height:26px

	}

	.featured-section .post-inner, .widgetslider .post-inner { display:none }

	.menu-btn { margin-left:5px }

	.featured-thumbnail { width:100% }

	.content-area { float:left }

	.title {

		font-size:26px;

		line-height:32px

	}

	.post .header-time { padding:10px 0; width:100% }

	.post-month span { display:block }

	.header-cat { left:20px }

	.post-type { right:20px }

	.masonry-home .post-home,

	.post-home,

	.breadcrumbs,

	.header-top,

	.author-box,

	.post-navigation,

	.relatedPosts,

	#comments,

	#respond {

		padding-left:20px;

		padding-right:20px

	}

	.post-meta .post-comments span { display:inline-block }

	.share-buttons {

		padding-left: 20px;

		padding-right: 20px

	}

	.error-text {

		font-size:120px;

		line-height:140px;

		margin-bottom:0

	}

	.error-page-content { font-size:14px }

	.error-head span { padding:0 10px }

	.sitemap-col,

	.archive-col {

		margin:0 0 20px;

		width:100%

	}

	.post-navigation .post-nav-links { width:100% }

	.post-navigation .prev-link { border-right:0 }

	.sidebar {

		margin-left:0;

		margin-right:0;

		max-width:100%;

		width:100%

	}

	.footer-widget {

		margin:0 0 20px;

		width:100%

	}

	.footer-widget .widget { margin-bottom:0 }

	#commentform textarea { width:92.5% }

	.copyright-text {

		margin-bottom:10px;

		text-align:center;

		width:100%

	}

}

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

	.featured-post { width:100% }

}