/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
html {
		overflow-x: hidden;
}
@media screen and (max-width:1230px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.inner {
		width: 98%;
	}
 }

@media screen and (max-width: 1040px) {
	.post-grid {
		max-width: 48%;
		margin-right: 4%;
	}
	.post-grid-two {
		max-width: 48%;
		margin-right: 4%;
	}

	.no-sidebar-post .post-grid {
		max-width: 32%;
		margin-right: 2%;
	}

	.no-sidebar-post .post-grid:nth-child {
		margin-right: 2%;
	}

	.flex-caption {
		max-width: 78%;
		width: 100%;
	}

	.back-to-top {
		padding: 6px 10px 5px 9px;
	}

	.back-to-top .fa {
		font-size: 18px;
	}
}

@media screen and (max-width: 1015px) { 
	.header-widget {
		max-width: 74%;
	}
}

@media screen and (max-width: 1000px) {
	.site-branding .site-title {
		margin-top: 9px;
		margin-bottom: 10px;
	}

	.header-widget {
		max-width: 70%;
	}

	.post-grid .post-thumbnail img {
		width: 100%;
	}
	.post-grid-two .post-thumbnail img {
		width: 100%;
	}

	.post-grid-three .post-thumbnail img {
		width: 100%;
	}
}

@media screen and (max-width: 970px) {
	.primary-navigation .top-menu {
		display: none;
	}

	.secondary-navigation #menu-main-menu {
		display: none;
	}

	.menu-footer .arrow-menu {
		display: none;
	}

	.arrow-menu,
	.menu-toggle,
	.mobile-only {
		display: block;
	}

	span.menu-toggle {
		position: relative;
		color: #ffffff;
		padding: 4px 16px;
		line-height: 36px;
		font-size: 14px;
		cursor: pointer;
	}

	span.menu-toggle:after {
		content: "\f0c9";
		font-family: FontAwesome;
		display: inline-block;
		position: absolute;
		right: 16px;
		top: 5px;			
	}

	#mobile-menu-wrapper {
		position: fixed;
		top: 0;
		right: 0;
		width: 60%;
		height: 100%;
		min-height: 100%;
		max-height: 100%;
		overflow: scroll;
		background: #333333;
		-ms-transform: translate(100%,0);
		-webkit-transform: translate(100%,0);
		transform: translate(100%,0);
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
		overflow-x: hidden;
		z-index: 9;
	}

	#mobile-menu-wrapper .arrow-menu {
		position: absolute;
		right: 0;
		top: 0;
		color: #fff;
		line-height: 37px;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		width: 34px;
		text-align: center;
	}

	.mobile-menu-active #mobile-menu-wrapper {
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	#page {
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
		position: relative;
		top: 0;
	}

	.mobile-menu-active #page {
		-ms-transform: translate(-60%,0);
		-webkit-transform: translate(-60%,0);
		transform: translate(-60%,0);
		position: fixed;
		top: 0;
		width: 100%;
	}

	#mobile-menu-wrapper.wpadminbar-active {
		top: 45px;
	}	

	#mobile-menu-wrapper ul {
		background: transparent;
		float: none;
		display: block;
	}

	#mobile-menu-wrapper > ul li:last-child {
		border-bottom: none;
	}

	#mobile-menu-wrapper ul li.menu-item-home a {
		font-size: 14px;
	}

	#mobile-menu-wrapper ul li {
		width: 100%;
		display: block;
		line-height: 24px;
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	#mobile-menu-wrapper ul li a {
		padding: 10px 10px;
		color: #ffffff;
		width: 100%;
		display: inline-block;
		line-height: normal;
		border: none;
		text-align: left;
		box-sizing: border-box;
		text-transform: uppercase;
	}

	#mobile-menu-wrapper ul#menu-main-menu li.menu-item-has-children > a:after {
		content: '';
	}

	#mobile-menu-wrapper i {
		display: inline;
		font-size: 12px;
	}

	#mobile-menu-wrapper ul ul {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
		position: relative;
		left: 0;
		top: 0;
		display: none;			
	}

	#mobile-menu-wrapper ul ul a {
		padding-left: 15px;
	}

	#mobile-menu-wrapper ul ul ul a {
		padding-left: 20px;
	}

	#mobile-menu-wrapper ul ul ul {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}	
}

@media screen and (max-width: 940px) {	 
	.site-branding .site-title {
		margin-top: 6px;
		margin-bottom: 7px;
	}

	.banner-125 ul li {
		width: 44%;
	}

	.banner-125 ul li:nth-child(even) {
		float: right;
	}
	#controlNav .item {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 880px) {	
	.inner {
		max-width: 96%;
	}

	.site-branding .site-title {
		width: 100%;
		text-align: center;
		float: none;
	}

	.site-branding .site-title {
		margin-top: 0;
	}

	.site-branding .site-title,
	.site-branding .site-title.logo {
		margin-bottom: 15px;
	}

	.header-widget {
		max-width: 100%;
		float: none;
		text-align: center;
	}

	.hender-widget img {
		width: 100%;
		display: block;
		float: left;
	}
}

@media screen and (max-width: 770px) {
	.content-area {
		max-width: 100%;
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;			
	}
	.no-sidebar-post .sidebar-right  .content-area {
		max-width: 100%;
		width: 100%;
	}

	.widget-area { 			
		width: 100%;
		max-width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.sidebar-left .widget-area {
		float: none;
	}

	.inner {
		padding: 0 2%;
	}

	.single .content-area .post-thumbnail img {
		width: 100%;
	}

	.banner-125 ul li {
		width: 50%;
	}

	.col-3 {
		max-width: 100%;
		width: 48%;
		margin-right: 4%;
	}

	.col-3:nth-child(2){
		margin-right: 0;
	}

	.post-grid-three {
		max-width: 100%;
	}
	
	.sticky-social {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	.section-slide {
		background: transparent;
	}

	#controlNav {
		display: none !important;
	}

	#slider .owl-controls {
		visibility: visible;
	}

	#slider .owl-controls {
		bottom: 55%;
	}

	.owl-buttons .owl-prev,
	.owl-buttons .owl-next {
		background: #42b649;
		position: absolute;
		padding: 6px 14px;
		border-radius: 6px;
		display: block;
		opacity: 0.8;
	}

	.owl-buttons .owl-prev {
			left: 27px;
	}

	.owl-buttons .owl-next {	
		right: 27px;
	}

	.owl-buttons i {
		color: #fff;
		font-size: 11px;
	}

	#slider .date {
		padding: 7px 14px;
		font-size: 11px;
		bottom: 70px;
	}

	.flex-caption {
		padding: 12px 14px;
	}

	.flex-caption a {
		font-size: 16px;
	}

	.single-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 600px) {
	.entry-title a {
		font-size: 18px;
	}

	.flex-caption {
		padding: 10px 10px;
		left: 0;
		width: 100%;
		max-width: 100%;
		bottom: 0;
		text-align: left;
	}

	#slider .date {
		bottom: 34px;
		left: 0;
		padding: 6px 8px;
	}

	.flex-caption a {
		font-size: 14px;
	}

	.owl-buttons .owl-prev,
	.owl-buttons .owl-next {
		padding: 4px 10px;
	}

	.owl-buttons i {
		font-size: 9px;
	}

	.related-posts ul li {
		width: 100%;
		margin-right: 0;
		float: none;
		display: inline-block;
	}

	.site-info .copyright {
		float: none;
		width: 100%;
		text-align: center;		
	}

	.site-info .footer-menu-wrapper {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	ul#menu-footer li {
		float: none;
		display: inline-block;
	}

	.site-info {
		padding: 14px 0 15px 0;
	}

	.entry-meta .comments-link {
		display: none;
	}

	#crumbs span {
		width: 60%;
	}

	.comments-area .comment-author {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 480px) {
	.site-branding .logo {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.site-branding {
		margin-bottom: 15px;
	}

	.post-item .post-thumbnail {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.featured-thumbnail {
		float: none;
	}

	.post-item .post-thumbnail img {
		float: none;
	}	

	#slider .owl-controls {
		bottom: 68%;
	}

	.top-nav-right {
		float: none;
		position: relative;
		width: 100%;
		float: none;
		text-align: center;
		display: block;
	}

	.top-search {
		float: right;
	}

	.overlay {
		width: 100%;
	}

	.post-grid {
		max-width: 100%;
		width: 100%;
		margin-right: 0;		
	}

	.post-grid-three {
		width: 48%;
		max-width: 48%;
		margin-right: 4%;
	}

	.post-grid-three:nth-child(2n) {
		margin-right: 0;
	}

	.post-grid-three:nth-child(2n+1) {
		clear: left;
		margin-right: 4%;
	}

	.post-grid-three:nth-child(3n+1) {
		clear: none;
	}

	.no-sidebar-post .post-grid {
		max-width: 100%;
		margin-right: 0;
	}

	.single-title {
		font-size: 28px;
		line-height: 1.2;
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 48%;
	}

	.post-navigation .nav-previous a,
	.post-navigation .nav-next a {
		font-size: 12px;
	}

	.pagination .nav-links a,
	.pagination .nav-links span {
		width: 32px;
		line-height: 32px;
	}

	.col-3,
	.col-2 {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.breadcrumb {
		font-size: 12px;
	}

	#crumbs span {
		width: 40%;
	}

	.comment-meta .vcard img {
		width: 50px;
		margin-right: 10px;
	}

	.comments-area .comment-content {
		padding: 0 0 0 60px;
	}

	.comments-area .comment-meta .comment-metadata {
		display: none;
	}

	.comments-area .reply {
		padding-left: 60px;
	}

	.comments-area ol.comment-list ol.children {
		padding-top: 0;
	}

	.comments-area p.form-submit input {
		font-size: 12px;
		padding: 10px 14px;
	}
}
 
@media screen and (max-width: 375px ) {
	#slider .date {
		padding: 4px 8px;
		font-size: 10px;
		bottom: 28px;
	}

	.flex-caption {
		padding: 8px 8px;
		bottom: -1px;
	}

	.flex-caption a {
		font-size: 12px;
	}

	.single-title {
		font-size: 25px;
		line-height: 1.2;
	}

}

@media screen and (max-width: 320px ) {
	.flex-caption {
		bottom: -2px;
	}
}