@media (max-width: 1100px){
	.breadcrumb{
		padding:  21px;
	}
	.single-formation-wrapper > .container{
		display: block;
	}
	.single-formation-wrapper .container > div, .single-formation-wrapper .container > div header, .single-formation-content, .formation-preform{
		width:  100%;
	}
	.grall-institute-pages .single-formation-nav{
		display: none;
	}
	aside.formation-preform{
		width:  90%!important;
		margin:  0 auto!important;
		top:  90%;
		right:  initial;
	}
	.pre-accordeon{
		padding:  30px 0;
	}
	.single-trainer{
		width:  100%;
	}
	.single-formation-content .accordeons .accordeons-wrapper .content h2{
		margin:  30px 0 20px;
		font-size:  22px;
	}
	.accordeons-wrapper h3{
		margin:  30px 0 20px;
		font-size:  18px;
	}

	.single-formation-wrapper .container > div header{
		padding:  0 20px;
	}
	.single-formation-content .accordeons h2{
		font-size:  16px;
	}
	.list-trainers .single-trainer:nth-child(odd){
		margin-right: 0;
	}
	.list-trainers{
		margin:  36px 0;
	}
	.grall-institute-pages h2{
		font-size:  26px;
		margin-bottom:  15px;
	}
	.grall-info-s4 .content h3{
		font-size:  18px;
		display: inline-flex;
	    width: 100%;
	    position:  relative;
	    margin-bottom:  0;
	}
	.grall-info-s4 .content h3.open{
		padding-bottom: 30px;
	    border-bottom:  1px solid #DFDFDF;
	    margin-bottom:  20px;
	}
	.accordeons-wrapper .title:after{
		right:  20px;
		top:  22px;
	}
	.accordeons-wrapper .title, .accordeons-wrapper .content{
		padding:  30px;
	}
	.grall-info-s4 .content h3.open:after{
		content:  '-';
	}
	.grall-info-s4 .content h3:after{
		content:  '+';
		position:  absolute;
		right:  0;
		top:  0;
		color:  #8E261E;
		font-size:  18px;
	}
	.grall-info-s4 .content{
		border-radius: 0;
		width:  100%;
	}
	.grall-info-s4 .content.toggle_target.hidden{
		display: initial;
		visibility: initial;
	}
	.pre-accordeon h2:not(:first-child){
		margin-top:  23px;
	}
	.single-formation .single-meta{
		justify-content: space-between;
	}
	.single-formation .single-meta > div{
		margin-right: 0;
	}
	.single-formation-wrapper .pre-titre{
		font-size:  12px;
	}
	.single-formation-wrapper h1{
		font-size:  26px;
	}
	.single-formation .intro p{
		font-size:  16px;
	}
	.single-formation-wrapper > .container{
		position:  initial;
	}
	.single-formation-wrapper{
		padding-bottom:  10vh;
		margin-bottom:  100%;
	}
	.formation-mask {
	    left: 0;
	    width: 100%;
	    height:  60vh;
	    position:  relative;
	    background-color: #F6F6F6;
	}
	.formations-list{
	    left: -50vw;
    	width: 150vw;
	}
	.container{
		width: 750px;
	}
	.grall-info-s2 .reassurance_expertises{
		padding:  30px 0;
	}
	.grall-info-s5{
		background-size: 50%;
		padding: 30px 0 40vh 0;
		background-position: center bottom;
	}
	.grall-info-s5 .content{
		width: 45%;
	}
	.formations-list .formation-wrapper{
		width:  29%;
		margin:  10px;
	}
	.formations-list h3{
		font-size:  11px;
		margin-bottom:  10px;
	}
	.formations-list .formation-cover{
		height:  100px;
	}
	.formations-list .formation-content{
		padding:  15px;
	}
	.formations-list .formation-content p{
		display: none;
	}
	.formations-list .formation-meta .btn{
		font-size: 9px;
    	padding: 8px 12px;
	}
	.formations-list .formation-meta .price_from{
		display: none;
	}
	.formations-list .formation-wrapper:nth-child(3n-1){
		margin-top: -30px;
	}
	.formations-wraper{
		flex-direction: column;
		padding:  0 0 30px 0;
	}
	.sidebar, .formations-content{
		width:  100%;
	}
	.sidebar .s-filter{
		position:  relative;
	}
	.sidebar{
		display: flex;
    	justify-content: space-between;
    	margin-bottom:  30px;
	}
	.s-filter{
		width: 60%;
    	margin-right: 30px;
	}
	.sidebar .s-filter{
		margin-bottom:  0;
		padding:  20px;
	}
	.sidebar .s-main-title{
		margin-bottom:  0;
		position:  relative;
		cursor:  pointer;
	}
	.sidebar li{
		position:  relative;
	}
	.sidebar .s-main-title:after, .s-list-filters > li:after{
		content:  '';
		position:  absolute;
		right:  25px;
		top:  27px;
		width:  6px;
		height:  4px;
		background-image: url('../../img/grall-institute/arrow_down_grey.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.s-main-title.is-opened{
		padding-bottom:  20px;
	}
	.sidebar .s-main-title.is-opened:after, .s-list-filters > li.is-opened:after{
		transform: rotate(180deg);
	}
	.cta_redirect.cta_red{
		margin-top:  0;
	}
	.btn-wrapper{
		text-align: right;
    	align-items: flex-end;
	}
	.btn-wrapper a:not(:last-child){
		margin-bottom:  14px;
	}
	.post-preview{
		max-width: 30%;
	}
	.post-preview .image{
		height:  150px;
	}
	.desktop-only{
		display: none;
	}
	.hero .reassurance{
		display: none;
	}
	.hero{
		min-height: calc(100vh - 100px);
	    padding: 7vh 0;
	    height: auto;
	}
	.grall-formations-s1 .header{
		padding:  30px 0;
	}
	.hero ul.checklist{
		padding:  0;
		flex-wrap: wrap;
	}
	.hero ul.checklist li{
		width:  50%;
		text-align: left;
	}
	.grall-info-s1{
		height:  initial;
		padding:  30px 0;
		background-color: white;
	}
	.grall-info-s1 .content{
		width:  100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-bottom:  30px;
	}
	.grall-info-s1 p{
		max-width: 100%;
	}
	.check_title{
		margin:  20px 0 18px;
	}
	.grall-info-s1 ul.checklist li{
		text-align: left;
	}
	.grall-info-s1 ul.checklist{
		width:  auto;
	}
	.grall-info-s2{
		padding-top:  30px;
		padding-bottom:  30px;
	}
	.grall-info-s2 .reassurance_expertises > div{
		width:  50%;
		margin-bottom:  35px;
	}
	.grall-info-s3 .red_bg > div:first-child{
		text-align: center;
	}
	.grall-info-s3 .red_bg > div:first-child .numb{
		margin-left:  auto;
		margin-right: auto;
	}
	.grall-info-s3 .red_bg{
		padding:  30px;
		margin-top: 0;
		flex-direction: column;
	}
	.list-steps .steps-c{
		position:  relative;
		margin-top:  30px;
	}
	.grall-info-s2 .reassurance_expertises .icone{
		margin-bottom:  10px;
	}
	.grall-info-s2 .reassurance_expertises h3{
		margin-bottom:  8px;
	}
	.grall-info-s4 .content{
		flex-direction: column;
	}
	.grall-info-s3 .red_bg > div:first-child, .grall-info-s3 .red_bg > div:last-child, .grall-info-s4 .content > div:first-child, .grall-info-s4 .content > div:last-child, .grall-info-s5 .content{
		width:  100%;
	}
	.grall-info-s4 .content > div:first-child{
		padding:  0;
		margin-bottom:  0;
		text-align: left;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.grall-info-s4 .content p{
		margin-bottom:  12px;
	}
	.grall-info-s4 .content > div:last-child span{
		font-size: 16px;
		margin-bottom:  22px;
		margin-top:  10px;
	}
	.grall-info-s4 .content > div:last-child{
		padding:  0;
		text-align: left;
		background-color: white;
	}
	.grall-institute-pages ul{
		padding-left:  16px;
	}
	.grall-institute-pages ul li{
		margin-bottom:  18px;
	}
	.grall-institute-pages ul:not(.checklist) li:before{
		left:  -16px;
	}
	.grall-info-s4 .content p{
		font-weight: 300;
	}
	.grall-info-s3{
		padding:  0;
	}
	.toggle_nav li{
		text-align: center;
	}
	.grall-info-s4 .container{
		text-align: center;
		padding:  48px 0 30px;
		margin-top:  0;
	}
	.grall-info-s4 .content{
		margin-top:  30px;
		padding:  30px;
	}
	.grall-info-s5 .content, .grall-info-s5{
		height:  initial;
		min-height:  initial;
	}
	.grall-info-s5 ul.checklist{
		width:  50%;
	}
	ul.numbers{
		flex-direction: column;
		align-items: center;
	}
	ul.numbers li{
		max-width: initial;
	}
	ul.numbers li:not(:last-child){
		margin-bottom:  15px;
	}
	.grall-formations-s1 .header, .sidebar{
		flex-direction: column;
		justify-content: initial;
		align-items: flex-start;
	}
	.grall-formations-s1 .header .btn{
		display: none;
	}
	.btn-wrapper{
		align-items: center;
		text-align: center;
	}
	.sidebar .btn-wrapper{
		display: none;
	}
	.sidebar .s-filter{
		width:  100%;
		margin-right: 0;
		padding:  0;
	}
	.formations-content .formation-wrapper{
		width:  48%;
	}
	.latests-posts .header{
		flex-direction: column;
		justify-content: initial;
		align-self: flex-start;
		margin-bottom:  30px;
	}
	.latests-posts .header a{
		display: initial;
    	margin: 30px 0 0;
	}
	.post-preview{
		width:  100%;
		max-width: initial;
		margin-bottom:  50px;
	}
	.sidebar .s-main-title.s-filter_by{
		display: none;
	}
	.grall-institute-pages .sidebar ul li.not-active{
		margin:  0;
	}
	.sidebar .s-filter .s-main-title > span:first-child{
		padding:  20px 0;
		font-size:  14px;
	}
	.latests-posts{
		padding:  30px 0;
	}
	.sidebar ul.s-list-filters li, .s-main-title{
		border-top:  8px solid #F6F6F6;
		padding:  0 20px;
	}
	.sidebar .s-filter ul > li .s-title:not(.is-opened) i{
		display: none;
	}
	.grall-formations-s1 h2{
		margin-bottom:  0;
	}
	.formation-meta{
		justify-content: flex-start;
		align-items: flex-start;
		margin-top:  16px;
		flex-direction: column;
	}
	.others-trainings .formation-meta{
		flex-direction: row;
		justify-content: space-between;
	}
	.formations-content .formation-meta .btn{
		order:  3;
		margin-top:  23px;
	}
	.grall-info-s4 .toggle_nav{
		display: none;
	}
	.grall-info-s5 .content{
		align-items: center;
		text-align: center;
	}
	.grall-info-s5 .content li{
		text-align: left;
	}
	.grall-info-s6{
		padding: 30px 0;
	}
	.grall-institute-pages .numb{
		margin-bottom:  12px;
	}
	.grall-info-s6 .header{
		max-width: 100%;
		margin-bottom:  30px;
	}
	.testi p.title{
		margin-bottom:  22px;
	}
	.grall-info-s7{
		height: 70vh;
	    margin-top: -10vh;
	    padding: 20vh 30px 10vh;
	    margin-bottom:  10vh;
	}
	.grall-info-s7 .small-container{
		max-width: 90%;
	}
	.formation-inscription h2 .formation-title{
		margin-top:  30px;
	}
	.formation-inscription p{
		font-size:  15px;
	}
	.formation-inscription p.small-txt{
		font-size:  12px;
	}
	.input-bloc{
		margin-bottom:  24px;
	}
	.single-formation-form .title{
		font-size:  15px;
	}
	.formation-inscription, .others-trainings{
		padding:  30px 0;
	}
	.others-trainings .title{
		margin-bottom:  30px;
	}
	.others-trainings-wrapper .formation-wrapper{
		width: 100%;
		margin-bottom:  30px;
	}
	.others-trainings-wrapper{
		margin-bottom:  30px;
	}
	.others-trainings-wrapper .formation-wrapper h3{
		font-size:  18px;
	}
	.formation-inscription h2 .formation-title{
		font-size:  21px;
	}
	.testimonials{
		height:  auto;
		min-height:  30vh;
	}
	.testimonials .swiper-button-next, .testimonials .swiper-button-prev{
		top:  calc(50% + 7.5px);
	}
	.post-preview .cta_redirect.cta_red{
		position:  relative;
		display: block;
	}
}
@media (max-width: 1180px) and (min-width: 770px){
	.formations-content .formation-meta .btn{
		padding:  13px 15px;
	}
}
@media (max-width: 767px){
	.formations-content .formation-wrapper{
		width:  100%;
		margin:  0 0 30px;
	}
	.formations-content .formation-cover{
		height:  186px;
	}
	.formations-content .formation-content{
		min-height: calc(100% - 186px);
	}
	.grall-info-s2 .reassurance_expertises > div{
		width:  100%;
	}
	.grall-info-s5{
		background-size: 82%;
		padding: 30px 0 50vh 0;
	}
	.formation-inscription .container{
		flex-direction: column;
	}
	.formation-inscription .container > div{
		width:  100%;
	}
	.formation-inscription .rea{
		display: none;
	}
	.single-formation-form{
		margin-top:  30px;
	}

	.formation-preform .price{
		font-size: 30px;
		line-height: 30px;
	}
}