/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

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

.container {
	width:300px !important;
	}
	html, body {
	  min-width: 300px;
	}
.main_container {
  width: 340px;
  margin: 122px auto 0;
}
.main_container #content {
  padding-bottom: 20px;
}
/* Header
---------------------------------------- */
#top-header {
	}
.car_right, .car_left{
	display: none;
}	
.home #header {
  height: 248px;
}
#header {
  height: 229px;
}
#header-widget {
  margin-top: 20px;
  padding-top: 15px;
  float: left;
  margin-left: 57px;
}
.top {
  height: 120px;
}
/* .roadtop {
  height: 60px;
} */
#bg_road {
  height: 254px;
  position: relative;
  background: none;
}
.primary_content_wrap img {
  width: 98%;
}
#content {
  padding-top: 0;
}
.blog #content {
  padding-top: 0px;
}
.single #content {
  padding-top: 0px;
}
.padcontent {
display: none;
}
.cources_list {
  margin-bottom: 10px;
}
#content a.more_button {
   margin-bottom: 40px;
}
.blog #content a.more_button {
  margin-bottom: 0;
}
#content .about {
  margin-top: 48px;
  margin-bottom: 0px;
}
#content ul.principles li img {
  margin: 0 20px 15px 0;
}
#fullwidth-content .beforefooter_fullpage_area a {
  margin: 20px 40px ;
}
.featured-thumbnail img {
  margin-bottom: 15px;
}

/*============= Error page 404 ==============*/
#error404 {
  padding: 30px 0 100px;
}
.error404-num {
  font-size: 90px;
}
#error404 strong {
  font-size: 20px;
  padding-top: 5px;
}
#error404 h4 {
  font-size: 15px;
  width: 210px;
}
#error404 #searchform .submit {
  right: -66px !important;
}

	/* Navigations
	---------------------------------------- */
	
/* Primary navigation */
nav.primary {
  margin: 0 0 0 72px;
  padding: 21px 0 0;
  text-align: center;
  width: 46%;
  /* background: url(../images/nav.png) left top repeat-x; */
  height: 37px;
  top: 122px;
}
nav.primary .responds{
		display: block;
		height: 36px;
		text-align: center;
		font-size: 26px;
		cursor:pointer;
		color: #c2c2c2;
		font-family: 'Dosis';
		text-transform: uppercase;
	}
	.sf-menu {
	  line-height: 1;
	  width: 100%;
	  margin-top: 0px;
	  padding-right: 0;
	  background: none
	}
	#topnav{
		display: none;
		position: absolute;
		height: 260px;
		width: 301px;
	    z-index: 9999;
	    left: -72px;
	}
	.sf-menu > li {
	  margin: 0;
	  text-align: center;
	  width: 100%;
	  height: 35px;
	  padding-left: 0;
	}
	.sf-menu > li > a:hover, 
	.sf-menu > li.sfHover > a, 
	.sf-menu > li.current-menu-item > a {
	  background: #a50000;
	  color: #fff;
	}
	.sf-menu > li > a {
	  font: 500 16px/37px "Dosis";
	  margin-left: 0;
	  text-align: center;
	  padding: 0;
	  background: #fff;
	  height: 36px
	}
		.sf-menu > li > a > span {
			color: #282828;
		}
		.sf-menu > li.current-menu-item > a > span{
		  	color: #fff;
		}
	.sf-menu > li > a:hover {
	  background: #a50000;
	  color: #fff;
	}
		.sf-menu > li > a:hover > span {
		   color: #fff;
		}
	.sf-menu > li:hover > a > span {
		color: #fff;
	}	
	.sf-menu ul {
	  background: #fff;
	  min-width: 113px;
	  right: 0;
	}
		.sf-menu ul li li {
		  min-width: 113px
		}
		.sf-menu ul li a{
			text-align: center;
			min-width: 113px;
			font-size: 16px
		}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0%;
		top:			35px; /* match top ul list item height */
		z-index:		99;
	}
/* Logo */
.logo {
	}
	.logo img {
	  height: auto;
	  width: 100%;
	}
	.logo h1,
	.logo h2 {
		font-size:30px;
		}
		.logo .tagline {
			display:none;
			}
	.logo h6 {
	  line-height: 14px;
	  font-size: 14px;
	  margin-left: 80px;
	}
	/* Navigation select styling */
	select.mnav {
		width:80%;
		clear:both;
		margin:15px 0;
		}
	
	
	/* Slider
	---------------------------------------- */
	.flexslider-holder {
	  margin-left: 0px;
	  width: 281px;
	  top: 58px;
	}

	.flex-caption {
	  display: none;
	}
	.flex-caption h1 {
	  font-size: 35px;
	  line-height: 41px;
	}
	.flex-control-nav {
	  left: 2%;
	  top: 81%;
	}
	
	#content .indent {
		padding:0;
  		margin-bottom: 0px;
	}
	#sidebar {
	    padding-top: 0px;
		margin-bottom: 70px;  
	}
	#before_content, .primary_content_wrap  {
	  margin-top: -62px;
	}
	#home_content_area .indent {
		padding:0;
		}

/*====== ES Carousel ====*/
.es-nav span {
  left: 225px;
  margin-top: 48px;
}
.es-nav span.es-nav-next {
  right: 17px;
}
.es-carousel ul li {
  padding: 25px 1px 0 0;
}
	.es-carousel ul li .thumbnail {
	  margin-left: 4px;
	}

/*=========== Home-Content =============*/
#home-content h2 {
  margin: 0 0 30px 7px;
  font-size: 28px;
}

/* Left Home Area */
.left_home_area img {
  width: 93.5%;
}
.left_home_area p{
	margin: 0 0 15px 0;
}
.center_home_area, .left_home_area {
  padding-bottom: 25px;
}	
	
	
	/* Request a quote */
	.box-text {
		width:100%;
		float:none;
		}
	.box-button {
		width:100%;
		float:none;
		text-align:center;
		padding-left:0;
		padding-right:0;
		}
		.box-button .button {
			float:none;
			}
	
	/* Post */
	.extra-wrap {
	  overflow: visible;
	}
	.featured-thumbnail {
		float:none;
		margin:0 0 20px 0;
		}
		.featured-thumbnail img {
			width: auto;
			height:auto;
			}
	.featured-thumbnail .fright {
		float:none;
		clear:left;
		}
	.featured-thumbnail.large {
		width:auto;
		height:auto;
		margin:0 0 10px 0;
		}
	
	
	/* Single Team */
	.single-team .img-wrap img {
		width:98%;
		height:auto;
		float:left;
		margin:0 10px 5px 0;
		border: 3px solid #FFFFFF;
		}
	.single-team .extra-wrap {
		display:inline;
		}
	.single-principles .single-post img {
	  width: 100%;
	  margin: 0;
	}

	/* Archive */
	.archive .featured-thumbnail img {
		width:auto;
		height:auto;
		float:left;
		margin:0 65px 5px 0;
		border: 3px solid #FFFFFF;
		}
	.archive .extra-wrap a.link {
		margin-right: 65px;
	}	
	.archive #content .extra-wrap a.button {
		background: none repeat scroll 0 0 #4E4E4E;
		color: #FFFFFF;
		display: block;
		float: left;
		font: 500 20px/15px "Dosis";
		margin-top: 19px;
		padding: 13px 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 100px;
	}

	/* single-post */
		.single-post .featured-thumbnail img {
			width:98%;
			height:auto;
			float:left;
			margin:0 10px 5px 0;
			border: 3px solid #FFFFFF;
			}

	/* single-services */
		.single-services .featured-thumbnail img {
			width:auto;
			height:auto;
			float:left;
			margin:20px 5px;
			border: none;
			}	

	/* single-project */
		.single-projects .featured-thumbnail img {
			width:98%;
			height:auto;
			float:left;
			margin:0 10px 5px 0;
			border: 3px solid #FFFFFF;
			}	

	/* blog */
		.blog .featured-thumbnail img {
			width: auto;
			height:auto;
			float:left;
			margin:0 75px 20px 0;
			border: 3px solid #FFFFFF;
		}	
		.blog .extra-wrap a.link {
			margin-right: 65px;
		}	

	/* page */
		.page .featured-thumbnail img {
			width:98%;
			height:auto;
			float:left;
			margin:0 75px 20px 0;
			border: 3px solid #FFFFFF;
		}	
		.page .extra-wrap a.link {
			margin-right: 65px;
		}							

	/* Comments */
	.comment-meta {
		position:static;
		padding-bottom:1em;
		}
	.comment-author {
		padding-bottom:0;
		}
	
	#commentform input[type="text"],
	#commentform textarea {
		width:240px;
		max-width:240px;
		min-width:240px;
		}

li.comment .comment-body {
  padding: 33px 25px 85px;
}		
	.author-info .avatar img {
	  width: 50%;
	}
	li.comment img.avatar {
	  width: 40%;
	  float: left;
	  margin:  0 15px 10px 0;
	}
li.comment .avatar {
  position: relative;
  left: 0;
  top:0;
}

	/* Team */
	.recent-posts.team li {
		float:none;
		width:100%;
		margin:0;
		}
	
	/* Services */
	.recent-posts.services li {
		float:none;
		width:100%;
		margin:0 0 30px 0;
		}
	
	/* Images */
	.frame.alignleft,
	.frame.alignright,
	.frame.alignnone,
	.lightbox {
		margin-right:0;
		width:100%;
		height:auto;
		}
	.frame.alignleft img,
	.frame.alignright img,
	.frame.alignnone img,
	.lightbox img {
		width:100%;
		height:auto;
		}
.offers img {
  width: auto!important;
}	
	.lightbox i {
		right:22px;
		}
	
	
	.folio_cycle .folio_item figure.thumbnail img {
		width:100%;
		height:auto;
		}
	
	.post_list li .thumb-wrap {
		width:100%;
		height:auto;
		}
		.post_list li .thumb-wrap img {
			width:100%;
			height:auto;
			}
		
		
		.tabs .tab {
			padding:20px 0;
			background:#020202 url(../images/tab-bg-small.png) 50% -30% no-repeat;
		}
		.tabs .tab .entry {
			margin: 0 15px 20px 15px;
			width: 270px;
			}
			.tabs .tab .entry img {
				width:100%;
				height:auto;
				}
	
	
	/* Address */
	.address dt {
		width:auto;
		margin:0 0 20px 0;
		padding:0 0 0 55px;
		font-size:12px;
		float:none;
		}
	.address dd {
		float:none;
		width:auto;
		margin:0 0 20px 0;
		}
		.address dd span {
			width:100px;
			}
	
	
	/* Comments */
	.commentlist ul.children {
		margin-left:0;
		}
	
	
	/* Aside Box */
	.box-holder {
		margin:0 -15px -57px -15px;
		padding:27px 15px 27px 15px;
		}
	
	.latestpost li .featured-thumbnail {
		margin:0 0 20px 0;
		float:none;
		width:100%;
		height:auto;
		}
		.latestpost li .featured-thumbnail img {
			width:100%;
			height:auto;
			}
			

/* Portfolio
---------------------------------------- */
#gallery .portfolio li a.image-wrap {
	border: none;
	background: none;
}
#gallery .portfolio li a.image-wrap img {
  height: 97%;
  width: 98%;
  border: 3px solid #FFFFFF;
}
/* 1 column portfolio*/
#gallery .portfolio li {
  margin-bottom: 0;
}
#gallery.one_column .portfolio li a.image-wrap {
	width:290px;
	height:160px;
	float:none;
	}

#gallery.one_column .zoom-icon {
	width:290px;
	height:160px;
	}
	#gallery.one_column .folio-desc {
		width:100%;
		padding-top:15px;
		margin:0;
		}
			
/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:100%;
	margin:0 0 30px 0;
	float:none;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		width:100%;
		height:255px;
		}
		
		#gallery.four_columns .portfolio li a img {
			width:100%;
			height:auto;
			}	
	#gallery.four_columns .zoom-icon {
		width:100%;
		height:255px;
		}

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:100%;
	margin-right:0;
	}
	#gallery.two_columns .portfolio li a.image-wrap {
		width:290px;
		height:157px;
		}
	#gallery.two_columns .zoom-icon {
		width:290px;
		height:157px;
		}
#content .wp-pagenavi {
  margin-bottom: 40px;
}
/* Carousel */
.es-carousel ul li h4 {
	display:none;
	}
.es-carousel ul li .excerpt {
	display:none;
	}
.es-carousel ul li .link {
	display:none;
	}	

	
/* Google map */
#map {
	width:265px;
	height:265px;
	}
	
/* Contact form */
.wpcf7-form p.field input {
	width:245px;
	}
.wpcf7-form textarea {
	  float: left;
	  max-width: 282;
	  min-width: 245px;
	  width: 282px;
	}
.wpcf7-not-valid-tip {
	width:255px !important;
	position:absolute;
	left:0 !important;
	top:0 !important;
	padding:4px 0 4px 10px !important;
	background:#f3b7b7 !important;
	color:red !important;
	border:1px solid red !important;
	}
.wpcf7-form input[type="submit"] {
  	margin-bottom: 40px;
}	
img.ajax-loader{
	width: auto;
}
	
/* Footer
---------------------------------------- */
nav.footer {
	float:none;
	padding:0 0 10px 0;
	}
#widget-footer {
	background-size:100% 112px;
	}

#footer-text {
	width:auto;
	float:none;
	text-align:center;
	}

.aligncenter_png {
  background-size: 90% auto;
  left: 0px;
  margin: 0 0 0 23px ;
  top: -38px;
  width: 270px;
}
 .footer-first.grid_3{
	width: 284px;
}
.footer-second.grid_4 {
	width: 180px;
} 

  #firstfooter .callUs_atr {
  margin: 75px 0 0 18px;
}

#firstfooter .footer-first {
  margin: 10px 0 0 0;
}
#lastfooter .footer-second, #lastfooter .footer-second:first-child {
    margin: 0;
}
#firstfooter #searchform {
  width: 171px;
}
#firstfooter #searchform .searching {
  width: 150px;
}
#firstfooter #searchform .submit {
  left: 171px !important;
}












}