/*************************************************
*	10. Tablet									 *
*************************************************/
@media only screen and (min-width: 768px) and (max-width: 960px) {	
	.container {
		width:756px;
	}

	#bigcontainer {width: 756px; margin: 0 auto 30px; box-shadow: none; border: none !important;}

	#navigation-wrapper {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
float: right; 
padding-bottom: 0 !important;
margin-top: 5px;
	}
	
	#logo img {
		max-width:756px;
		height:auto;
	}
	
	.post-image img {
		width:756px;
		height:auto;
	}
	
	.item-related {
		width:230px;
		margin-right:17px;
	}
	.post-pagination .prev-post {
		width:383px;
	}
	.post-pagination .next-post {
		width:383px;
	}

	.widget img {
		max-width:230px;
		height:auto;
	}
	
	.wpcf7 input {
		width:208px;
	}
	
	.sp-grid li {
		width: 426px; margin-right: 0px !important;
	}
	
	.container.sp_sidebar #main {
		width:426px; margin-right: 30px !important;
	}

	.container.sp_sidebar #sidebar {
		width:300px !important; padding: 0; margin: 0;
	}
	
		.container.sp_sidebar #sidebar .widget {
			width:300px;
		}
		
	.container.sp_sidebar .sp-grid li {
		width: 426px;
	}
	
	.container.sp_sidebar .item-related {
		width: 130px !important;
		margin-right: 12px !important;
	}
	.container.sp_sidebar .item-related:last-child {
		margin-right:0;
	}
	.container.sp_sidebar .item-related h3 a {
		font-size:12px;
	}
	
	.container.sp_sidebar #respond textarea {
		width: 346px !important;
	}
	#sidebar .widget #searchform input#s { 
			width:200px;
		}


/** Featured area **/
.featured-area {
	margin-top: 0px;
	width: 768px;
	margin-right: 12px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#owl-demo .item {
	width: 240px;
	margin-right: 12px !important;
}

#owl-demo .item img {
	max-width:100%;
	height: 140px;
}
	
}

/*************************************************
*	Mobile Portrait								 *
*************************************************/

@media only screen and (min-width: 300px) and (max-width: 479px) {
	.container {
		width:300px;
	}
	#bigcta, .big-container {display: none !important;}
	#navigation-wrapper {
		display:none;
	}

#navigation2 {display: none;}


	#bigcontainer {width: 300px; margin: 0 auto 30px; box-shadow: none; padding: 10px;}

	.slicknav_menu {
		display:block;
                float: right; padding-bottom: 0 !important; margin-top: 5px;
	}

        .slicknav_menu a {color:#000 !important;}
	
	#logo img {
		max-width:300px;
		height:auto;
	}
	
	.post-header h1 a, .post-header h2 a, .post-header h1 {
		font-size:22px;
	}
	
	.post-image img {
		width:300px;
		height:auto;
	}
	
	
	
	.item-related {
		width:300px;
		margin-bottom:30px;
	}
	
	.share-box {
		width:46px; 
		height:36px; 
		line-height:36px;
		margin:0 4px;
	}
	
	.post-pagination .prev-post {
		width:300px;
	}
	.post-pagination .next-post {
		width:300px;
	}
	
	#respond textarea {
		width: 248px !important;
	}
	
	.thecomment .author-img {
		display:none;
	}


#widget-area {
	overflow:hidden;
	background: #333;
	width: 300px; margin: 0 auto; padding: 35px 0px 10px;
 box-shadow: none; 
}
	
	.widget {
		width:300px;
		margin-right:32px;
		float:left;
		margin-bottom:35px;
	}
	
	#footer-logo img {
		max-width:300px;
		height:auto;
	}
	
	#footer-social a i {
		height:28px;
		width:28px;
		line-height:28px;
		margin-right:0;
		font-size:12px;
	}
	#footer-social a {
		margin:0 5px;
	}
	#footer-social a span{
		display:none;
	}
	
	.wpcf7 textarea {
		width:90%;
	}

.sp-grid li .item img {width: 100%; height: auto; float: left; margin-right: 0 !important; margin-bottom: 5px;}

.sp-grid li .item h2 a {font-size: 18px;}

.container.sp_sidebar .sp-grid li {
		width: 300px !important; margin-right: 0 !important; margin-bottom: 40px;
	}

	.sp-grid li {
		width:300px !important; margin-right: 0 !important;
	}
	
	.container.sp_sidebar #main {
		width:300px !important;
		margin-right:0 !important;
margin-bottom: 30px;
	}

	.container.sp_sidebar #sidebar {
		width:300px; padding: 0 !important; background: none !important; border: none !important;
	}
	
		.container.sp_sidebar #sidebar .widget {
			width:300px;
		}
		
	.container.sp_sidebar .item-related {
		width: 300px !important; margin-right: 0px !important;
		margin-bottom:30px;
	}

.container.sp_sidebar .item-related:last-child {
		margin-right:0;
	}

/** Featured area **/
.featured-area {
	margin-top: 0px;
	width: 300px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#owl-demo .item {
	width: 300px;
	margin-right: 0px !important;
}

#owl-demo .item img {
	max-width:100%;
	height: 180px;
}

#owl-demo .item .feat-overlay h3 a {
	font-size:16px;
	color:#000;
	font-weight:400;
	font-family: muli, georgia;
	line-height: 1.35em;
}
	
}

/*************************************************
*	10. Landscape								 *
*************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width:480px;
	}
	#bigcta, .big-container {display: none;}
	#logo img {
		max-width:480px;
		height:auto;
	}

	#bigcontainer {width: 480px; margin: 0 auto; box-shadow: none; border: none !important; padding: 10px;}

	#navigation-wrapper {
		display:none;
	}

#navigation2 {display: none;}
#respond textarea {
	width: 418px !important;
}
	.slicknav_menu {
		display:block;
                float: right; 
                padding-bottom: 0 !important;
                margin-top: 5px;
	}

        .slicknav_menu a {color:#000 !important;}

	.post-image img {
		width:480px;
		height:auto;
	}
	
	.item-related {
		width:480px;
		margin-bottom:30px;
	}
	
	.share-box {
		width:55px; 
		height:42px; 
		line-height:42px;
		margin:0 10px;
	}
	
	.post-pagination .prev-post {
		width:480px;
	}
	.post-pagination .next-post {
		width:480px;
	}
	
	.widget {
		width:480px;
		margin-right:32px;
		float:left;
		margin-bottom:35px;
	}
	
	#footer-logo img {
		max-width:480px;
		height:auto;
	}
	
	#footer-social a {
		margin:0 12px;
	}
	
	#footer-social a i {
		height:32px;
		width:32px;
		line-height:32px;
		margin-right:0;
		font-size:14px;
	}

#widget-area {
	overflow:hidden;
	background: #333;
	width: 480px; margin: 0 auto; padding: 35px 0px 10px;
 box-shadow: none; 
}
	
	.wpcf7 textarea {
		width:90%;
	}
	
	.sp-grid li {
		width: 230px; margin-right: 0px;
	}
.sp-grid li .item img {width: 25%;}
.sp-grid li .item p { overflow: hidden;}
	
		.container.sp_sidebar .sp-grid li {
			width: 480px;
		}
		.container.sp_sidebar .sp-grid li:nth-child(3n+3) {
			margin-right:0px;
		}
		
		.container.sp_sidebar .sp-grid li:nth-child(2n+2) {
			margin-right:0;
		}

.sp-grid li .item h2 a {font-size: 18px;}
		
	.container.sp_sidebar #main {
		width:480px;
		margin-right:0; padding-right: 0 !important; margin-bottom: 30px;
	}
	.container.sp_sidebar #sidebar {
		width:480px; padding: 0 !important; background: none !important; border: none !important;
	}
	
		.container.sp_sidebar #sidebar .widget {
			width:480px;
		}
		
	.container.sp_sidebar .item-related {
		width: 150px !important; margin-right: 15px !important;
		margin-bottom:30px;
	}

.container.sp_sidebar .item-related:last-child {
		margin-right:0;
	}


/** Featured area **/
.featured-area {
	margin-top: 0px;
	width: 500px;
	margin-right: 20px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#owl-demo .item {
	width: 230px;
	margin-right: 20px !important;
}

#owl-demo .item img {
	max-width:100%;
	height: 135px;
}
	
}