@media(max-width:1500px) {
    img {
        height: auto;
        max-width: 100%;
    }
	
	header {
        height: auto;
        padding: 10px;float:left;width:100%;
    }

	header h1,
	.u_flex  { 
		position:relative;
		top:0px;
		left:0px;
		right:0;
	}
	.div_u_flex{ float:left;width:100%;}
	header h1, header h2{ width:35%; float:left;}
	header h2{ width:65%; font-size:20px;}

    header h2 {
		padding:0px 0px 5px 0px;
    }

    .hero {
        min-height: auto;
    }

    .hero .background-image {
        background-position: top left;
        background-size: cover;
    }

    .hero h1 {
        font-size: 48px;
    }

    .hero h3 {
        font-size: 24px;
    }

    .hero a.btn {
        padding: 15px 40px;
    }
		
}

@media(max-width:1200px) {
    header {
        flex-direction: column;
        padding: 10px;
    }

    header h1 {
        position: relative;
    }
}

@media(max-width:1000px) {
    section {
        padding: 15px 25px;
    }

    .features, ul.grid {
        width: 100%;
    }

    .features .grid li {
        width: 49%;
        margin-bottom: 25px;
    }

    .features .grid li:last-child {
        margin-bottom: 0;
    }
}

@media(max-width:950px) {
    article {
        width: 100%;
        padding: 0 25px;
    }
	footer{ width:100%; }
	footer ul {
		display: inline-block;
	}
	footer em{display:none;}
}


@media(max-width:890px) {	
	.container {
        width: 100%;
        height: auto;
        padding: 0px 0px 15px 0px;
    }
	
    .container .step1,
	.container .step2,
	.container .step3 {
        padding-top: 120px;
        padding-left: 35px;
    }
	
	.flex-outer > li:not(:last-child) {
        margin-bottom: 15px;
    }

    .tab_date input, .tab_date select {
        width: 98% !important;
    }

    .flex-outer li.last,
    .container.step3 .flex-outer li.last,
    .container.step2 .flex-outer li.last {
        padding-right: 0;
    }

    .button-primary {
        margin: auto;
    }

    #div_ville select,
    .input_cp {
        float: right;
        width: 100% !important;
    }

    .input_cp {
        float: left;
    }
	
	
	.tab_date input {
        margin-right: 10px;
    }
	
	#div_ville select {
        width: 100% !important;
    }

    .input_cp {
        width: 50%;
    }
	
	.ch_tel {
        float: left;
        width: 100%;
    }

    .flex-outer > li > label,
    .flex-outer li p {
        padding-bottom: 5px;
        padding-left: 0;
    }

    .flex-outer li,
    .flex-inner {
        flex-wrap: wrap;
    }

    .flex-outer .col_x {
        text-align: left;
		flex: 1 0 38px !important;
    }

    .flex-outer .fa_ville,
    .flex-outer .col_t {
        flex: 1 0 100% !important;
        text-align: left;
    }

    .flex-outer .bloctel {
        flex-wrap: wrap;
    }

	.container.conf {
        padding-top: 0;
    }

    .conf {
        padding: 20px;
        font-size: 20px;
    }
		
	header h1, header h2{ width:100%;}
	
	header h2 {
        text-align: center;
    }
	.u_flex{ background:none;padding-top: 0;height: auto;}
	.u_flex br{ display:none}
	
}


@media(max-width:600px) {
    section h3.title {
        padding: 0 17px;
    }
}

@media(max-width:582px) {	
	header h2{font-size: 22px;}

}

@media(max-width:480px) {
	.container .step1,
	.container .step2,
	.container .step3 {
        padding-left: 25px;
    }
	
    .flex-outer > li > label,
    .flex-outer li p {
        text-align: left;
    }
	
	.container .step3 .flex-outer li.last{padding-right: 0px;margin-right: 0px;
margin-left: -25px;}

.checkCond{ margin-right:0px;}
 .flex-outer > li > label{min-width: auto;}
}

@media(max-width:450px) {
	.u_flex{ width:100%; background:cover; font-size:21px; padding-top:18px;}
	
	.features .grid li {
        width: 100%;
    }
	
	.grid_li{width: 90%;}
	
	
    .features .grid li h4 br {
        display: none;
    }
	

}