/* #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) {

}

/* Smaller than standard 1024 ( browsers) */
@media only screen and (max-width: 1024px) {
	#bodychild{width:95%; margin:0 auto}

}


/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (max-width: 980px) {
	#bodychild{width:95%; margin:0 auto}

}

/* Tablet Portrait size to standard 800 (devices and browsers) */
@media only screen and (max-width: 800px) {
	#bodychild{width:95%; margin:0 auto}

}


/* Tablet Portrait size to standard 768 (devices and browsers) */
@media only screen and (max-width: 768px) {
	#bodychild{width:95%; margin:0 auto}
	.container{ margin: 0px auto; max-width: 700px; }
	
	.nivo-caption {padding: 25px 30px 0; margin-right:30px; width:39.5%; }
	.nivo-caption .slider-title { font-size:32px; font-size: 3.2rem; line-height: 1.1111; padding:0px 0px 15px}
	.nivo-caption .slider-desc{margin:0 0 24px;}
	
	#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{max-width:400px; margin:30px auto}
	
	.container{ margin: 0px auto; max-width: 380px; }
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{ float:none; display:block;}
	#logoimg img{margin:0px auto;}
	

	#navigation{text-align:center; float:none; clear:both; }
	.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:100%}/* mobile dropdown */
    .js .sf-menu { display: none }
	#top-nav-wrap{ border:0px;}
	
	#page-title-wrapper{ width:55%;  right: 34px;}
	
	/*============================================== SLIDER SECTION ==============================================*/
	.nivo-caption {padding: 15px 30px 0; margin-right:30px; width:54.5%;}
	.nivo-caption .slider-title { font-size:28px; font-size: 2.8rem; line-height: 1.1111;}
	.nivo-caption .slider-desc{ display:none}
		
	/*============================================== CONTENT SECTION ==============================================*/
	
	.content-area.positionright #main{ padding:0px;}
	#main {padding: 0 0px 0 0;}	
	.sidebar{ margin-top:30px}
	.sidebar .widget-area{ border:0px; padding:0px;}
	
	.content-left{ float:none; margin:0!important; width:auto;}
	.content-right{ overflow:inherit;}
	
	.ts-portfolio-filter ul{ border:0px;}
	.ts-portfolio .item.columns{ padding:0 10px}
	
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"] {
		width: 100%;
	}
	.wpcf7 textarea {
		width: 100%;
	}

	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#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%;
	}

}


/* Mobile Portrait Size to Mobile  (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%;
	}
	
}

/* Mobile Portrait Size to Mobile  (devices and browsers) */
@media only screen and (min-width: 420px) and (max-width: 425px) {

}

/* Mobile Portrait Size to Mobile (devices and browsers) */
@media only screen and (max-width: 360px) {

	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	.nivo-caption {padding: 10px 20px 0; margin-right:20px; width:54.5%;}
	.nivo-caption .slider-title { font-size:26px; font-size: 2.6rem; line-height: 1.1111;}
	
	#page-title-wrapper{ width:60%;  right: 34px;}
}