@media (max-width: 767px) {
	
    header{
        height: auto;
    }
    header .contact{
        text-align: center;
    }
	.emblem li{
		padding-top: 10px;
        width: 35px;
    }
    .emblem li img{
        max-width:35px;
    }
	#sec1{
        margin-top: 115px;
		background: url(../img/bg1r.jpg);
	}
	#sec1 h1 strong{
		display: block;
		padding: 10px 0;
	}
	#sec1 .car img:first-child{
	width: 30%;
	
	}
	#sec3{
		
		background: url(../img/s3br.png);
	}
	#sec5{
		padding: 50px 0;
		background: url(../img/bg1r.jpg);
	}
	#f2 button{
		width: 100%;
	}
	#sec6{
		padding-top: 50px;
	}
	#sec6 h2{
		margin-bottom: 0px;
	}
	#sec6 .samuray{
    background: none;
	padding: 0;
	max-width: 290px;
		height: auto;
	margin-left: auto;
	margin-right: auto;
			
		
	}
	#sec6 .samuray ul{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		background: none;
		
	}
	#sec6 .samuray ul li{
		margin-bottom: 20px;
	}
	#sec6 .samuray .s6pi{
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}
	#sec6 .s6t{
		
    border: 1px solid #EFEFEF;
    width: 100%;
    padding:10px;
    background: #fff;
    background-size: 100% 100%;
    display: table;
    height: 90px;
}
	#sec7{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#sec7 h2{
		margin-bottom: 20px;
	}
	#f3 button{
		width: 100%;
	}
	#sec8{
		
		background: url(../img/bg1r.jpg);
	}
	#sec8 h2{
		margin-top: 50px;
	}
	#sec8 .map{
		width: 290px;
		height: 200px;
		padding: 20px;
		margin-bottom: 50px;
	}
	#sec8 .map #map{
		width: 100%;
		height: 100%;
	}
	footer{
		padding-top: 50px;
		text-align: center;
	}
	footer h3{
		text-align: center;
	}
	.sdelano img{
		margin: auto;
	}
    .modal .form{
        overflow-y: scroll;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
	.emblem li{
        width: 90px;
    }
    .emblem li img{
        max-width:90px;
    }
	#sec1{
		background: url(../img/bg1r.jpg);
	}
	#f1{
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	#sec2{
		padding-bottom: 30px;
	}
	#sec3{
		
		background: url(../img/s3br.png);
	}
	
	
	#sec5{
		padding: 50px 0;
		background: url(../img/bg1r.jpg);
	}
	#sec5 #f2{
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	#sec6{
		padding-top: 50px;
	}
	#sec6 .samuray{
    background: none;
	padding: 0;
	max-width: 520px;
		margin-left: auto;
		margin-right: auto;
			
		
	}
	#sec6 .samuray ul{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	#sec7 .s7p{
		margin-bottom: 50px;
	}
	#sec8{
		background: url(../img/bg1r.jpg);
	}
	#sec8 .map{
		width: 600px;
		height: 400px;
		margin-bottom: 100px;
	}
	#sec8 #map{
		width: 500px;
		height: 300px;
	}
	footer{
		padding-top: 50px;
	}
	.rekv{
		display: none;
	}
	.flogo, footer h3{
		margin-bottom: 20px;
	}
	footer button{
		margin: 10px 0 ;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
    header nav ul li a{
        margin-right: 10px;
        font-size: 20px;
    }
    .emblem li{
        width: 100px;
    }
    .emblem li img{
        max-width:100px;
    }
    form button{
        font-size: 26px;
    }
    #sec3 ul li{
        
        display: inline-block;
        width: 230px;
        height: 210px;
    }
    #sec3 ul li div{
        
        padding: 20px;
    }
    #sec3 ul li div img{
	    width: 100px;
    }
    #sec3 ul li span{
        position: relative;
        display: inline-block;
        height: 60px;
    }
	#sec6 .samuray{
		padding-left: 340px;
	}
	#sec6 .s6t{
		width: 330px;
	}
	#sec7 .s7p div{
		padding: 10px;
	}
}
@media (min-width: 1200px) {

}
@media (max-width: 991px) {


.phone{
position:fixed;
right:0;
top:50%;
background: url(../img/telephone.png) 50% no-repeat;
background-size:40px;
margin:10px;
width:50px;
height:50px;
z-index:4;
}

    header{
        position: absolute;
    }
    header nav a.pull{display: block; width: 100%; height: 100%;}
	header nav{
		display: inline-block;
		width: 100%;
		height: 50px;
		background: url(../img/menu.png) 50% 100% no-repeat;
        background-size: 36px 36px;
		cursor:pointer;
	}
	header nav  ul{
		text-align: center;
		z-index: 20;
		background: #fff;
		left: 0;
		top: 0;
		right: 0;
		display: none;
		width: 100%;
		position: fixed;
	}
	header nav ul li{

		display: inline-block;
		width: 100%;
	}
	header nav ul li a{
		margin-right: 0;
	}
	#f2, #f3{
		margin-left: auto;
		margin-right: auto;
		max-width: 360px;
	}
    


    #sec2 .s2p{height: auto}
	#sec4{
		
		background: #fff;
		padding-bottom: 50px;
	}
	#sec4 h3{
		margin-top: 50px;
	}
	#sec4 ul li{
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
    .modal .form{
        max-width: 360px;
    }
    .flogo, footer h3{margin-bottom: 10px;}
    footer button{
        margin: 10px 0;
    }
    
    .modal .form{
        margin-top: 0;
    }
}
@media (min-width: 992px) {
	#sec3 h2:after{
	content: "";
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 4px;
	background: url(../img/line.png);
}
	#sec5 h2:after{
	content: "";
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 4px;
	background: url(../img/line.png);
}
	#sec6 h2:after{
	content: "";
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 4px;
	background: url(../img/liner.png);
    
}
	#sec7 h2:after{
	content: "";
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 4px;
	background: url(../img/liner.png);
    
}
	#sec8 h2:after{
	content: "";
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 4px;
	background: url(../img/line.png);
}
	.map{
		margin-top: 30px;
	}
}