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

/*	.site-branding form.search-form{
		width: 90%;
	}*/

	section.feature .entry-content h3{
		font-size: 16px;
	}
}

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

}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){
	.container{
		width: 100%;
	}

	
	.site-branding form.search-form{
		width: 100%;
	}

	.site-branding form.search-form input[type="search"]{
		width: 70%;
	}
	.site-branding .pull-right {
    	width: 34%;
	}

	

}

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

	p.site-description{
		margin-left: 0px;
		padding: 0px;
		background: transparent;
	}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){

	header{
		padding-bottom: 15px;
	}

	.container{
		padding:0 15px;
	}

	.site-branding{
		padding-bottom: 0px;
	}

	.site-branding .col-sm-8{
		margin-top: 35px;
	}

	header form.search-form{
		margin-top: 30px;
	}

	.site-branding form.search-form input[type="search"] {
    	width: 100%;
	}

	section .entry-header{
		width: 100%;
	}

	section .entry-header h2{
		font-size: 21px;
	}

	section.featured-banner {
    	margin-top: 15px;
	}

	.site-footer p{
		font-size: 13px;
	}

	.site-branding form.search-form{
		width: 100%;
	}

	.site-branding{
		text-align: center;
	}


	.site-branding .pull-left {
    	display: inline-block;
    	float: none!important;
	}

	.site-branding .pull-right {
    	width: 100%;
	}

	#menu-social {
    	display: inline-block;
	}

	#myCarousel .carousel-control{
		width: 15%;
	}


}


@media only screen and (max-width:767px) and (min-width:640px){
	.blog .col-xs-3, .services .col-xs-4, .recent-work .col-xs-3{
		padding: 0 5px;
	}

	.recent-work .folio-item:hover .overlay{
		margin: 0px;
	}

	a.read-more{
		margin: 3px;
	}
}

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



}

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



	header form.search-form {
    	margin-top: 15px;
	}

	p.site-description{
		margin-left: 0px;
		padding: 0px;
		background: transparent;
	}

	h1.site-title{
		font-size: 29px;
	}

	#myCarousel .carousel-control {
	    top: 7px;
	    bottom: inherit;
	}

	.carousel-caption h2 {
    	margin: 0px;
	}

	.carousel-caption{
		padding: 8px 0px
	}

	.services .col-sm-4, .blog .col-sm-3{
		margin-bottom: 15px;
	}

	.services img,  .blog img{
		width: 100%;
	}

	.col-sm-3.col-xs-3, .col-sm-4.col-xs-4, .col-sm-2.col-xs-2, .col-sm-10.col-xs-10, .col-sm-8.col-xs-8, .col-sm-2.col-xs-2{
		width: 100%;
	}
	#primary.col-sm-8.col-xs-8, #secondary.col-sm-4.col-xs-4{
		padding: 0;
	}

	#secondary.col-sm-4.col-xs-4{
		margin-top: 15px;
	}


	.row.foot {
    	text-align: center;
	}

}


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

	#myCarousel .carousel-control {
	    width: 20%;
	}

	.carousel-caption{
		position: relative;
		padding: 10px;
		background: #484848;
	}

	.carousel-caption h2{
		font-size: 18px;
	}

	.carousel-caption p{
		font-size: 14px;
	}


}

@media only screen and (max-width:479px) and (min-width: 360px){

}

/* Small Andriod Mobile Portrait Size ( 240 devices and browsers) */
@media only screen and (max-width:359px){

	h1.site-title{
		font-size: 24px;
	}

	#myCarousel .carousel-control{
		display: none;
	}

	form.search-form label{
		width: 66%;
	}


}