@media (max-width: 1400px) {

	.locations.contactinfos {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.locations.contactinfos > div {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		left: inherit;
		right: inherit;
	}
	
	.locations.contactinfos > div:nth-child(1) {
		-webkit-order: 2;
    	-ms-flex-order: 2;
    	order: 2;
	}
	
	.locations.contactinfos > div:nth-child(2) {
		-webkit-order: 1;
    	-ms-flex-order: 1;
    	order: 1;
	}
	
	.locations.adresses > div {
		width: 50%;
	}
	
	.formblock .row {
		padding: 40px;
	}
	
	.infoblock {
		padding: 0;
	}
	
}
@media (max-width: 1250px) {
	
	.bandeau_pub .col-lg-4 {
		text-align: center;
	}
	.bandeau_pub .col-lg-8 {
		text-align: center;
	}
	.bandeau_pub .col-lg-4 div {
		margin: 0;
	}
	
	div.homeslide {
		height: 430px;
	}
	
	div.homeslide1 {
		background-image: url(../images/fenetresconcerto-pubtv-2018_slideaccueil_med.jpg);
	}

	div.homeslide2 {
		background-image: url(../images/creditdimpot-renovert_slideaccueil_med.jpg);
	}

	div.homeslide3 {
		background-image: url(../images/performances-fenetresconcerto_slideaccueil_med.jpg);
	}
	
	div.homeslide_5etapes {
		background-image: url(../images/bandeau-choisir-vos-fenetres_med.jpg);
	}
	
	div.homeslide_5etapes > div {
		top: 150px;
	}
	div.homeslide_5etapes .t1 {
		width: 320px;
	}
	div.homeslide_5etapes .t2 {
		width: 130px;
	}
	div.homeslide_5etapes > div {
		margin-left: -120px;
	}
	
	div.homeslide1 img {
		margin-top: 100px;
		width: 118px;
	}
	
	div.homeslide2 > div {
		font-size: 22px;
		padding: 30px 0 50px 0;
		width: 415px;
	}
	
	div.homeslide2 > div img {
		margin-bottom: 25px;
		height: auto;
		width: 111px;
	}
	
	div.homeslide2 > div span {
    	font-size: 32px;
	}
	
	div.homeslide2 button {
		font-size: 17px;
		width: 258px;
	}
	
	div.homeslide2 .bandefinrenovert {
		height: auto;
		width: 450px;
	}
	
	div.homeslide3 .bluebox.fenetres {
		top: 0;
	}
	
	div.homeslide3 .bluebox.fenetres {
		font-size: 22px;
		padding: 20px 35px 30px 40px;
	}
	
	div.homeslide3 .bluebox.fenetres span {
		font-size: 15px;
	}
	
	div.pub_tv_2019_1 {
		background-image: url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-confort-2019_med.jpg);
	}
	div.pub_tv_2019_2 {
		background-image:url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-durable-2019_med.jpg);
	}
	div.pub_tv_2019_3 {
		background-image:url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-etanche-2019_med.jpg);
	}
	
	.left.carousel-control span img, .right.carousel-control span img {
		margin-top: -52px;
		width: 52px;
	}
	
	.documentation {
		padding: 70px 20px;
		width: inherit;
	}
	
	.documentation .videos {
		margin-left: 0;
    	margin-right: 0;
	}
	
	.documentation .videos > div {
    	margin: 50px 2% 0 2%;
		width: 46%;
	}
	
	.documentation .brochures {
		margin-left: 0;
    	margin-right: 0;
	}
	
	.documentation .brochures > div {
		margin: 50px 2.5% 0 2.5%;
		width: 20%;	
	}
	
	.promotion, .news {
		font-size: 18px;
	}
	
	.promotion .col-sm-offset-1, .news .col-sm-offset-1 {
		margin: 0;
	}
	
	.promotion .button, .news .button, .twoboxes .button {
		display: inline-block;
		font-size: 14px;
		margin: 5px 0;
	}
	/*
	.promotion .col-sm-10, .news .col-sm-10 {
		padding: 35px;
	}
	*/
}

@media (max-width: 1200px) {
	.menu ul.tools {
		display: none;
	}
	
	header .menu ul li:not(.last) {
		display: none;
	}
	
	header .menu-hamburger {
		font-size: 56px;
	}
	.features .col-lg-6, .features .col-md-6 {
		float: inherit;
		-webkit-box-flex: inherit;
		-moz-box-flex: inherit;
		-webkit-flex: inherit;
		-ms-flex: inherit;
		flex: inherit;
	}
	#content .content-img {
		height: 800px;
	}
}

@media (max-width: 1050px) {
	
	.fenetres.home #myCarousel {
		height: 450px;
	}
	.carousel-inner.fenetres .item:nth-child(1) div {
		margin: 0 auto;
		left: inherit;
		top: inherit;
    	width: 225px;
	}
	.carousel-inner.fenetres .item:nth-child(1) span:nth-child(1) {
		font-size: 15px;
		line-height: 10px;
		margin-bottom: 12px;
	}
	.carousel-inner.fenetres .item:nth-child(1) span:nth-child(2){
		font-size: 18px;
	}
	.carousel-inner.fenetres .item:nth-child(1) span:nth-child(3){
		font-size: 69px;
		line-height: 69px;
	}
	.carousel-inner.fenetres .item:nth-child(1) span:nth-child(4){
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
		text-transform: none;
		padding-top: 10px;
	}
	
	.carousel-inner.fenetres .item div {
		margin: 0 auto;
		left: inherit;
		top: inherit;
		text-align: center;
		width: 250px;
	}
	
	.carousel-inner.fenetres .item span:nth-child(1){
		font-size: 21px;
	}
	.carousel-inner.fenetres .item span:nth-child(2){
		font-size: 24px;
	}
	.carousel-inner.fenetres .item span:nth-child(3){
		font-size: 17px;
		line-height: 1.5em;
	}
	.carousel-inner.fenetres .item span:nth-child(3).en{
		line-height: 1em;
	}
	.carousel-inner.fenetres .item span:nth-child(4){
		font-size: 12px;
		font-weight: 400;
		line-height: 20px;
		text-transform: none;
	}
}

@media (max-width: 1024px) {
	
	header .detaillant-logo {
		margin-right: 30px;
	}
	
	header .detaillant-logo img {
		height: auto;
		width: 200px;
	}
	header .concerto-logo img {
	}
	
	span.homeslide {
		height: 450px;
	}
	
	.accueil .products .box {
		float: none;
		width: inherit;
	}
	
	.twoboxes .container-fluid > .row {
		flex-direction: row;
    	flex-wrap: wrap;
	}
	
	.twoboxes .rightbox {
		padding: 50px 0;
	}
	
	.twoboxes .rightbox .col-md-push-2 {
		left: inherit;
		width: 100%;
	}
	
	.twoboxes .col-md-6 {
		flex-basis: 100%;
		width: 100%;
	}
	
	.twoboxes .leftbox .image .box {
		position: relative;
		z-index: 10;
		right: inherit;
		top: inherit;
		background: rgba(0,159,227, 0.5);
		color: #fff;
		padding: 45px 25px;
		text-align: center;
		margin: 0 -15px;
	}
	
	.news .col-sm-2 {
		background: #ab0115;
	}
	
	.news .all {
		display: inline-block;
		float: none !important;
		position: relative;
		right: inherit;
		top: inherit;
		padding: 20px;
	}
	
	.breadcrumb a,
	.breadcrumb li {
		font-size: 14px !important;
	}
	
	#about .row {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	#about .col-md-6, #about .row > .col-md-4 {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	
	#about .col-md-6 {
		height: 400px;
	}
	
	#about .row > .col-md-4 {
		-webkit-order: 2;
    	-ms-flex-order: 2;
    	order: 2;
	}
	
	
	.locations.adresses {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	
	.locations.adresses > div {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		left: inherit;
		right: inherit;
		width: inherit;
	}
	
	.locations.adresses > div:nth-child(2) {
		height: 500px;
	}
}

@media (max-width: 860px) {
	.apropos {
		padding: 70px 20px;
		width: inherit;
	}
	
	.apropos .facades {
		margin: 0 0 35px 0;
	}
	
	.apropos .facades img {
		margin: 0 0.5% 0.5% 0.5%;
		width: 49%;
	}
}

@media (max-width: 768px) {	

    .accueil .products .box.first .call-to-action {
        float: none !important;
        display: block;
        text-align: center;
    }

    .accueil .products .box .call-to-action.portespatio {
        float: none !important;
        position: inherit;
        display: block;
    }

    .accueil .products .box .call-to-action.portesentree {
        position: inherit;
    }
	
	.fenetres.home #myCarousel {
		height: 300px;
	}
	
	#navigation ul a li {
		width: 100%;
	}
	

	.bandeau_pub .col-lg-8 {
		height: inherit;
	}
	.bandeau_pub .col-lg-8 div {
		margin: 0;
		top: inherit;
		-webkit-transform: inherit;
		-ms-transform: inherit;
		transform: inherit;
		padding: 20px;
	}
	.bandeau_pub .col-lg-8 div:nth-child(2) {
		padding: 0 0 20px 0;
	}

	.featureblock .section-accordion {
		margin: 20px 0;
	}

	#content h1.section-title {
		width: 100%;
		font-size: 28px;
		padding: 0 40px;
	}

	p.section-text {
		width: 100%;
		padding: 0 40px;
		margin-top: 20px;
	}
	
	#accordion, #accordion2 {
		width: 100%;
		padding: 0 40px;
		margin-top: 32px;
	}
	/*
	.bluebox {
		margin: 20px auto;
	}
	*/
	.bgcreditimpot {
		height: 375px;
		padding-top: 18px;
	}

	.bgfinancement {
		min-height: 375px;
		padding-top: 18px;
	}
	
	.detailscreditimpot {
		padding: 40px 0;
	}

	p.section-text.note {
		padding: 0;
		margin: 40px auto;
		text-align: center;
	}
	
	.locations.contactinfos {
		text-align: center;
	}
	
	.infoblock .row.note p {
		width: inherit;
	}
	
	.formblock .form .formcontainer {
		text-align: left;
	}
	
	.locations.adresses > div:nth-child(2) {
		height: 400px;
	}
	
	.documentation .videos > div {
    	margin: 50px 0 0 0;
		width: 100%;
	}
	
	.documentation .brochures > div {
		margin: 50px 2.5% 0 2.5%;
		width: 45%;	
	}
	
	.promotion .container-fluid > .row,
	.news .container-fluid > .row {
		flex-wrap: wrap;
	}
	
	.promotion .col-sm-2,
	.news .col-sm-2 {
		background: #007fb2;
		width: 100%;
	}
	
	.promotion .col-sm-10,
	.news .col-sm-10 {
		width: 100%;
	}
	
	.news .col-sm-2 {
		background: #ab0115;
	}
	
	.promotion .col-sm-2 span, .news .col-sm-2 span {
		top: inherit;
		-webkit-transform: inherit;
		-ms-transform: inherit;
		transform: inherit;
	}
	
	.promotion .promobox,
	.news {
		text-align: center;
	}
	
	.news .all {
		margin: 0 auto;
	}
	
	div.homeslide {
		height: 300px;
	}
	
	div.homeslide1 {
		background-image: url(../images/fenetresconcerto-pubtv-2018_slideaccueil_sm.jpg);
	}

	div.homeslide2 {
		background-image: url(../images/creditdimpot-renovert_slideaccueil_sm.jpg);
	}

	div.homeslide3 {
		background-image: url(../images/performances-fenetresconcerto_slideaccueil_sm.jpg);
	}
	
	div.homeslide_5etapes {
		background-image: url(../images/bandeau-choisir-vos-fenetres_sm.jpg);
	}
	div.homeslide_5etapes > div {
		height: 40px;
		top: 110px;
	}
	div.homeslide_5etapes .t1 {
		font-size: 20px;
		line-height: 40px;
		width: 210px;
	}
	div.homeslide_5etapes .t2 {
		font-size: 18px;
		line-height: 40px;
		width: 100px;
	}
	div.homeslide_5etapes > div {
		margin-left: -165px;
	}
	
	div.homeslide1 {
		font-size: 28px;
	}
	
	div.homeslide1 span {
		font-size: 24px;
	}
	
	div.homeslide1 img {
		margin-top: 70px;
		width: 82px;
	}
	
	div.homeslide2 > div {
		font-size: 16px;
		padding: 30px 0 50px 0;
		width: 282px;
	}
	
	div.homeslide2 > div img {
		margin-bottom: 25px;
		height: auto;
		width: 76px;
	}
	
	div.homeslide2 > div span {
    	font-size: 22px;
	}
	
	div.homeslide2 button {
		font-size: 14px;
	}
	
	div.homeslide2 .bandefinrenovert {
		height: auto;
		width: 310px;
	}
	
	div.homeslide3 .bluebox.fenetres {
		top: 0;
	}
	
	div.homeslide3 .bluebox.fenetres {
		font-size: 18px;
		padding: 15px 25px 20px 30px;
	}
	
	div.homeslide3 .bluebox.fenetres span {
		font-size: 14px;
	}
	
	div.pub_tv_2019_1 {
		background-image: url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-confort-2019_sm.jpg);
	}
	div.pub_tv_2019_2 {
		background-image:url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-durable-2019_sm.jpg);
	}
	div.pub_tv_2019_3 {
		background-image:url(../fenetresconcerto-pub-tv/pub-fenetresconcerto-etanche-2019_sm.jpg);
	}
	
	.left.carousel-control span img, .right.carousel-control span img {
		margin-top: -36px;
		width: 36px;
	}
	
	#content .content-img {
		height: 400px;
	}
}

@media (max-width: 550px) {
	header .menu-hamburger {
		font-size: 42px;
	}
	header .detaillant-logo {
		margin-right: 10px;
	}
	header .detaillant-logo img {
		width: 140px;
	}
	header .concerto-logo img {
		width: 100px;
	}
}

@media (max-width: 468px) {
	.apropos .facades {
		margin: 0 -20px 20px -20px;
	}
	.apropos .facades img {
		margin: 0 -0 10px 0;
		width: 100%;
	}

	.apropos .imgs {
		margin: 0 -20px;
	}	
	
	.locations.adresses > div:nth-child(2) {
		height: 350px;
	}
	
	.mobile-menu {
		min-width: 310px;
		max-width: 468px;
		width: inherit;
	}
}

@media (max-width: 375px) {
/*
    header .menu {
        padding: 20px;
    }

    header  .menu  ul  li {
        font-size: 16px;
    }
*/
    .carousel {
        /*height: 350px;*/
    }

    span.homeslide {
        height: 350px;
    }

    .carousel-control.left img, .carousel-control.right img {
        width: 40px;
    }
	/*
    .bluebox {
        height: auto;
    }

    .bluebox p.title {
        font-size: 24px;
    }

    .bluebox.smaller {
        width: 75%;
        right: 20px;
        top: 20px;
    }

    .bluebox.nomargin-left {
        left: 20px;
        top: 20px;
        width:75%;
    }

    .bluebox p.biginfo.smaller {
        font-size: 40px;
    }
	*/
    .accueil h1 {
        font-size: 17px;
    }

    .accueil h2 {
        font-size: 33px;
    }

    .accueil .products .box .image img {
        max-width: 100%;
        min-width: 50%;
    }

    .accueil .products .text {
        padding: 0 15px 20px 15px;
    }
	
    .smallerimg {
        display: block;
        margin: 0 auto;
    }


    .small {
        padding-bottom: 60px;
    }

    .small .content {
        position: inherit !important;
        display: block;
    }

    .redsection {
        padding: 0 20px;
    }

    .news .all {
        margin-top: 15px;
    }


    .section-accordion .col-md-6 {
        width: 100%;
    }

    .features .col-lg-6, .features .col-md-6 {
        width: 100%;
    }

    .nav-tabs {
        border-bottom: none;
    }

    .calltoaction {
        font-size: 36px;
        line-height: 42px;
        padding: 10px;
        padding-bottom: 25px;
    }

    .calltoaction a {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 15px;
    }

    .formblock .form input[type=text], .formblock .form input[type=password], .formblock .form input[type=email],
    .formblock .form textarea,
    .formblock .form .formcontainer {
        width: 100%;
    }

    .force-float {
        float: none;
    }

    .small-left-align {
        text-align: center;
    }

    .infoblock .row {
        padding-top: 25px;
    }

    #content ul.contact-points {
        margin-top: 20px;
    }

    #content ul.contact-points li {
        width: 48%;
        text-align: center;
        margin: 0;
        padding-bottom: 30px;
    }
	/*
    #content ul li {
        display: block;
    }
	*/
    .section-accordion {
        margin: 25px 0;
    }

    #content h1.section-title {
        width: 80%;
    }

    p.section-text {
        width: 80%;
    }

    #accordion, #accordion2 {
        width: 80%;
    }

    #content ul li {
        margin-top: 25px;
        /* width: 100%; */
    }

    #accordion ul {
        margin-left: 0;
    }
	/*
    .bluebox {
        height: 250px;
        width: 100%;
    }
	*/
    #content ul li {
        margin-top: 0;
    }

    #content .text {
        margin-top: 25px;
    }

    #caracteristics h3 span, #caracteristics h3 span a {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    #caracteristics ul.cadre li img, #caracteristics ul.volet li img, #caracteristics ul.vitrage li img, #caracteristics ul.carrelage li img {
        width: 100%;
    }

    #caracteristics .couleurs img {
        width: 100%;
    }

    #caracteristics .performances .symboles img {
        width: 45%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #caracteristics .performances h3 {
        font-size: 34px;
        margin-bottom: 10px;
    }

    #caracteristics .performances img.explicationcycles {
        margin-top: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 25px;
    }

    #caracteristics {
        padding-bottom: 20px;
    }

    .valuesinfos h2 {
        font-size: 37px;
        line-height: 42px;
    }

    .valuesinfos p.leftborder {
        margin-left: 0;
        margin-right: 0;
    }

    .valuesinfos ul li {
        padding-left: 35px;
    }

    .valuesinfos .perfdur {
        margin-top: 25px;
    }

    .valuesinfos p span {
        font-size: 30px;
        margin-bottom: 15px;
    }

    #realisations {
        display: none;
    }

    .portfolio-item .image .item img {
        width: 100%;
    }

    #content ul.lk li {
        width: inherit;
        display: inline-block;
        font-size: 14px;
    }

    .promoimg {
        width: 100%!important;
    }

    .news-list .news-item {
        width: 100%;
        padding-bottom: 50px;
        margin-top: 40px;
    }

    #content .news-list, #content .portfolio-list {
        padding: 0;
    }

    #caracteristics h2 {
        font-size: 20px;
        margin-top: 20px;
    }

    .ui-icon {
        margin-right: 10px;
        margin-left: 10px;
    }
	
	.documentation .brochures > div {
		margin: 50px 0 0 0;
		width: 100%;	
	}
}