@media only screen and (max-width: 400px) {
	.wrap{
		max-width: 400px;
		width: 100%;
	}
	header .head{
		padding: 20px 0 10px 0;
	}
	.logo{
		float: none;
		margin: 0 auto;
	}
	.logo img{
		display: block;
		margin: 0 auto;
	}
	#year-seal{
		display: none;
	}
	.contact{
		width: 100%;
		background: url(../images/contact_mobile.png) no-repeat 0 0px;
	}
	.contact p{
		color: #f3cd32;
		font-size: 0.98em;
		line-height: 1.2;
		text-shadow: none;
		margin: 10px 0 15px 0;
	}
	.contact span{
		font-size: 1.5em;
	}
	.contact p, .contact span{
		width: 70%;
		float: right;
	}
	.header_nav{
		border-radius: 0;
	}
	a#toggle_menu{
		display: inline-block;
		width: 86%;
		font-size: 0.8em;
		padding: 12px 20px 15px 20px; 
		background-image: linear-gradient(to top, #373737 0%, #505050 100%);
	}
	a#toggle_menu:after{
		position: absolute;
		right: 15px;
		content: "xyz";
		color: transparent;
		background: url(../images/arrow.png) no-repeat right center;
	}
	header nav{
		width: 100%;
		height: auto;
		margin: 0;
	}
	header nav ul{
		background-color: #380a08;
	}
	header nav ul li{
		display: block;
		margin: 0;
		width: 49.8%;
		border-bottom: 1px solid #490d0b;
		padding: 0;
	}
	header nav ul li:nth-child(2n+1){
		border-right: 1px solid #490d0b;		
	}
	header nav ul li a{
		display: block;
		width: 90%;
		color: #bf8c89;
		padding: 15px 0% 15px 10%;
	}
	header nav ul li a:hover{
		color: #fff;
		background-color: #bd231f;
		border-radius: 0;
	}
	header nav ul.menu{
		top: 385px;
		padding-top: 0px;
	}

	.overlay{
		width: 100%;
		top: 60px;
	}
	.overlay h1{
		font-size: 0.85em;
	}
	.overlay p{
		font-size: 0.75em;
		margin-top: 0;
		top: 45%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		top: 250px;
	}
	.bxslider h1,
	.bxslider p{
		width: 98%;
		padding: 0 1%;
	}
	
	.content{
		max-width: 352px;
		width: 90%;
		padding: 20px 5%;
	}
	.content h1{
		font-size: 1.2em;
	}
	.content h5{
		letter-spacing: 2px;
		font-size: 0.78em;
	}
	.contact_form{
		width: 88%;
		padding: 0 5% 20px 7%;
	}
	.contact_form input[type="text"], 
	.contact_form textarea{
		width: 88%;
	}
	.contact_form button{
		width: 99%;
		display: block;
		font-size: 1em;
		font-weight: 300;
		letter-spacing: 2px;
		float: none;
		margin: 10px auto 0 auto; 
		background: url("../images/button_bg.png") repeat 0 0;
	}
	.call_us{
		padding: 10px 2%;
	}
	.call_us h3{
		width: 100%;
		float: none;
		letter-spacing: 2px;
		text-align: center;
	}
	.call_us img{
		display: block;
		float: none;
		margin: 0 auto;
	}
	.call_us h4{
		font-size: 2em;
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	.last{
		border-radius: 0;
	}
	.left_content{
		width: 100%;
	}
	.our_gallery{
		width: 92%;
		padding: 30px 0 0 4%;
	}
	.gallery div,
	.gallery div:nth-child(2n+0){
		width: 95%;
		margin: 0 auto 20px auto;
		float: none;
	}
	.gallery img,
	.gallery img:first-child{
		width: 100%;
	}
	.choose_us{
		padding-right: 0;
	}
	.choose_us h2{
		margin-top: 10px;
	}
	.reason{
		width: 33.33%;
	}
	.brands h2{
		background-position: 0 	-684px;
	}
	.brands img{
		display: block;
		float: none;
		margin: 0 auto 30px auto;
	}

	.footer_nav{
		width: 98%;
		float: none;
		margin: 10px auto 0 auto;
	}
	.footer_nav nav ul{
		display: block;
		width: 84%;
		padding-left: 6%;
		float: none;
		margin: 0 auto 20px auto;
	}
	footer li a{
		font-size: 0.72em;
	}
	footer p{
		text-align: center;
		float: none;
	}
	footer img{
		display: none;
	}

	div.get_quote{
		padding: 40px 0;
		width: 90%;
		margin: 0 auto;
	}
	div.get_quote form p,div.get_quote form li{
		margin-right: 0;
		margin-left: 0;
	}
	div.get_quote form li{ width:100%;}
	div.get_quote form input{
		width: 95%;
	}
	div.get_quote form textarea{
		width: 94%;
	}
        div.table_div{
               
        }
        div.table_div ul{
                width: 50%;
                margin-right: 0;
        }
        div.table_div ul:nth-child(2n){
                float: right;
        }
        div.table_div table{
                display: none;
    	        width: 580px;
        }

}
@media only screen and (max-width: 384px) {	
	footer li:last-child{
		margin-left: 70px;
	}
}
@media only screen and (max-width: 320px) {	
	.footer_nav nav ul{
		padding-left: 1%;
	}
}