/* #Media Queries
================================================== */


/* Smaller than standard 1680 (browsers) */
@media only screen and (max-width: 1680px) {


}

/* Smaller than standard 1600 (browsers) */
@media only screen and (max-width: 1600px) {


}

/* Smaller than standard 1440 (browsers) */
@media only screen and (max-width: 1440px) {


}

/* Smaller than standard 1366 (browsers) */
@media only screen and (max-width: 1366px) {

}


/* Smaller than standard 1280 ( browsers) */
@media only screen and (max-width: 1280px) {

}


/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (min-width: 981px) and (max-width: 1024px) {

}


/* Smaller than standard 980 (devices and browsers) */
@media only screen and (max-width: 980px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.post-entry-text .entry-title {
		font-size: 2rem;
		font-weight: bold;
		line-height: normal;
	}
	
	#respond form textarea { width: 97%;}
	#respond form input[type="text"], #respond form input[type="email"], #respond form input[type="url"] {
		width: 70%;
	}
	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#bodychild{width:100%; margin:0}
	
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block; width:100%; margin:0 0 20px;}
	#logoimg img{margin:0px auto;}
	
	.container{ margin: 0px auto; max-width: 450px; }

	#navigation{text-align:center; float:none; clear:both; margin:0 0 20px; width:100%}
	.menu a{background:transparent !important; border:0 !important}
	.menu > li{border:0 !important; display:none;}
	nav{margin:0px; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:80%}/* mobile dropdown */
    .js .sf-menu { display: none }
	
	#top-nav-wrap{ padding-bottom:20px;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	.page-title-header { display: block;}
	.portfolio-filter { display: block; float: none;}
	
	.content-area.eight.positionright #main, .content-area.eight #main {
		padding: 0 0 0 0px;
	}
	
	.sidebar.widget-area{ padding-top:40px;}
	.sidebar div.widget-area {padding-left: 0;}
	.sidebar.positionleft div.widget-area {padding-right: 0;}
	
	
	.submit-wrap .wpcf7-submit {margin: 9px 0 0 0;}

	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}

	#respond form textarea { width: 100%;}
	#respond form input[type="text"], #respond form input[type="email"], #respond form input[type="url"] {
		width: 100%;
	}

	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {	width: 100%;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	#bodychild{width:100%;}
		
	.comment-list .children > li {padding-left: 0.5em;}
	#respond form textarea { width: 100%;}
	#respond form input[type="text"], #respond form input[type="email"], #respond form input[type="url"] {
		width: 100%;
	}
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {	width: 100%;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 360px) {
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {	width: 100%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {	width: 100%;}

}