@media only screen and (min-width: 1400px){
	
}
@media only screen and (max-width: 1200px){
	body{
		overflow-x: hidden;
	}
	html{
		overflow-x: unset;
	}
	header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li{
		    padding: 8px 7px;
		    font-size: 8pt;
	}
	header .menuarea .logo{
		margin-left: 10px;
	}
	.rdv_section .rdv_area h1{
		font-size: 24pt;
    	padding-right: 0px;
	}
	.banner .banner_slider .owl-nav .owl-next {
	    transform: translate(550%, 0%);
	}
	.banner .banner_slider .owl-nav .owl-prev {
	    transform: translate(-500%, 0%);
	}
	.banner .banner_slider .item .item_banner.pt-210.pb-160{
		padding: 120px 0px 110px;
	}
	.course_section .course_top{
		margin-top: 0px;
	}
	.course_section .course_top .course_main .c_top_three a{
		font-size: 9pt;
	}
	.class_programm .cp_area .programme_img .btn_pr_area .pr_btn{
		margin: 0px 40px;
	}
	.blog_section .left_blog .blog_text {
	    bottom: 30px;
	    left: 20px;
	}
}
/* Medium Layout: 991px. */
@media only screen and (max-width: 991px){
	header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li a::before, header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li a.active::before{
		display: none;
	}
	header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li{
		padding:0px 10px;
		font-size: 11pt;
	}
	.banner .banner_slider .owl-nav .owl-next{
		transform: translate(450%, 0%);
	}
	.banner .banner_slider .owl-nav .owl-prev{
		transform: translate(-400%, 0%);
	}
	.banner .banner_slider .item .item_banner.pt-210.pb-160{
		    padding: 75px 0px 70px;
	}
	.course_section .course_top{
		padding: 20px 20px 0px;
    	margin-top: -30px;
	}
	.course_section .course_top .course_main .c_top_two .c_course{
		margin: 0px 5px;
	    padding: 10px;
	    width: 100px;
	    height: 100px;
	}
			.course_section .course_top .course_main .c_top_two .c_course p {
		    color: #ffffff;
		    font-size: 9pt;
		    margin: 0;
		    padding-top: 10px;
		    padding-right: 0;
		    font-weight: 500;
		}
	.course_section .course_top .course_main .c_top_two{
		    transform: translate(0%,15%);
	}
	.course_section .course_top .course_main .c_top_three a{
		    bottom: 15px;
	}
	.banner .banner_slider .item .item_banner .banner_title h2{
		font-size: 35pt;
	}
	.course_section .about_course .about_left{
		    transform: translate(0%, 0%);
	}
	.class_section .class_top .title_class h2{
		font-size: 18pt;
	}
	.class_programm .class_main .content_class {
	    padding: 0px 0px;
	    font-size: 8pt;
	}
	.class_programm .class_main .sec_class_title h3 {
	    font-size: 10pt;
	    line-height: 16pt;
	    padding: 10px 0px 0px;
	}
	header .menuarea .logo {
	    padding: 20px 0px;
	}
	.class_programm .cp_area .programme_img .btn_pr_area .pr_btn{
		    font-size: 8pt;
		    margin: 0px 20px;
	}
	.rdv_section .rdv_area h1 {
	    font-size: 20pt;
	    padding-right: 0px;
	}
	.blog_down .title_about.pt-50 {
	    padding-top: 0;
	}
	.engagement_section .engagement_inner{
		padding: 0px 20px;
	}
	.engagement_section .engagement_inner .title_engagement h2{
		transform: translate(0%, 40%);
    	font-size: 20pt;
	}
	.engagement_section .engagement_inner .btn_c_engagement{
		flex: 2;
	}
	footer ul li{
		font-size: 7pt;
	}
	footer .form_area{
		display: block;
	}
	footer .form_area a{
		display: inline-block;
		margin-left: 0px;
		margin-top: 10px;
	}
	footer .form_area input.mainLoginInput {
	    padding: 10px;
	    width: 180px;
	}
	.rdv_area.pl-30 {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.rdv_area.pr-70 {
	    padding-right: 10px;
	    padding-left: 10px;
	}
}
/* tablet Layout: 1280px. */
@media only screen and (max-width: 767px){
	header .menuarea .nav_section .nav_sec_top .r_padding{
		    padding: 14px 20px;
	}
	.banner .banner_slider .item .item_banner .banner_title h2 {
	    font-size: 25pt;
	}
	.banner .banner_slider .item .item_banner p {
    	font-size: 12pt;
	}
	.banner .banner_slider .item .item_banner {
	    padding: 60px 0px 100px;
	}
	.course_section .course_top {
	    padding: 10px 10px 10px;
	    margin-top: 0px;
	}
	.course_section .course_top .course_main .c_top_three a{
		right: 0;
	}
	.course_section .course_top .course_main .c_top_two {
	    transform: translate(0%,0%);
	    display: block;
	}
	.course_section .course_top .course_main .c_top_two .c_course{
		width: 100%;
	    height: 100px;
	    display: block;
	    margin-bottom: 10px;
	    text-align: center;
	}
		.course_section .course_top .course_main .c_top_three a {
	    right: 0;
	    font-size: 9pt;
	    position: unset;
	    display: inline-block;
	    margin-top: 10px;
	}
	.course_section .course_top .course_main .c_top_one p{
		    margin-bottom: 0;
		    text-align: center;
	}
	.course_section .course_top .course_main {
	    display: block;
	}
	.class_programm .class_main .br_bl {
	    border-right:0px;
	    border-left: 0px;
	}
	.class_programm .cp_area .programme_img img{
		width: 100%;
	}
	.class_programm .cp_area .programme_img .btn_pr_area .pr_btn {
    font-size: 10pt;
	}
	.rdv_area, .rdv_section .rdv_area p{
		text-align: center;
		padding: 0px 10px;
	}
	.class_programm .cp_area .programme_img{
		margin-bottom: 20px;
	}
	.about_page .class_programm .cp_area .programme_img, .class_page .class_programm .cp_area .programme_img{
		margin-bottom: 0px;
	}
	.blog_section .left_blog {
	    padding: 10px 0px;
	}
	header .menuarea .nav_section .nav_sec_top li:nth-child(3){
		border-right: 1px solid rgba(255, 201, 82, 0.4)
	}
	.banner .banner_slider .owl-nav .owl-next{
		transform: translate(300%, 0%);
	}
	.banner .banner_slider .owl-nav .owl-prev{
		transform: translate(-300%, 0%);
	}
	/*end home*/
	.title_page_inner.text-center.pt-90.pb-90{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	header .menuarea .nav_section .nav_sec_top li{
		padding: 10px 5px;
	}
	.class_page .blog_section .class_programm .cp_area .programme_area {
	    margin: 0px 10px;
	}
	.class_page .blog_section .class_programm .cp_area .programme_area {
	    margin: 0px 10px;
	}
	.rsmb-50{
		margin-bottom: 50px;
	}
	.accordionfaq .card .card-header a{
		font-size: 10pt;
		white-space: unset;
    	padding-right: 50px;
	}
	.banner .banner_slider .item .item_banner.pt-210.pb-160 {
	    padding: 50px 0px 50px;
	}
	.rdv_section .rdv_area .border_one_small::before, .rdv_section .rdv_area .border_two_small::before, .item_banner .banner_title h2.border_one_small::before{
		display: none;
	}
	.banner .banner_slider .item .item_banner .banner_title h2{
		margin-bottom: 0px;
	}
	.matarnelle_section .accordion_area.mt-200{
		margin-top: 60px;
	}
}
/* mobile Layout: 1280px. */
@media only screen and (max-width: 576px){
	html{
		overflow-x: hidden;
	}
	header .menuarea .nav_section .nav_sec_top {
	    display: none;
	}
	header .menuarea .nav_section .nav_sec_bottom nav{
		display: block;
	}
	header .menuarea .logo {
	    padding: 5px 0px;
	}
	header .menuarea .nav_section .nav_sec_top li{
		padding: 10px 15px;
	}
	header .menuarea .nav_section .nav_sec_top .r_padding {
	    padding: 10px 15px;
	}
	.banner .banner_slider .item .item_banner.pt-210.pb-160 {
	    padding: 55px 0px 50px;
	}
	.banner .banner_slider .owl-nav{
		    top: 30%;
	}
	.banner .banner_slider .owl-nav .owl-prev {
	    transform: translate(-200%, 0%);
	}
	.banner .banner_slider .owl-nav .owl-next{
		transform: translate(250%, 0%);
	}
	.banner .banner_slider .item .item_banner .banner_title h2 {
	    font-size: 22pt;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	}
	.banner .banner_slider .item .item_banner p {
	    font-size: 10pt;
	    margin: 10px;
	}
	.course_section .course_top {
	    margin-top: -20px;
	}
	.banner .banner_slider .item .item_banner {
	    padding: 60px 0px 50px;
	}
	.about_course.pt-120.pb-90 {
	    padding: 80px 0px;
	}
	.course_section .course_top .course_main .c_top_one p{
		text-align: center;
	}
}
@media only screen and (max-width: 480px){
	
		.btn_one, .btn_two{
		    padding: 6px 20px;
		}
	header .menuarea .nav_section .nav_sec_top li {
	    padding: 10px 10px;
	}
	.banner .banner_slider .item .item_banner {
	    padding: 40px 0px 30px;
	}
	.banner .banner_slider .item .item_banner .banner_title h2 {
	    margin-bottom: 0;
	}
	.banner .banner_slider .item .item_banner p {
	    font-size: 10pt;
	    margin: 0px 0px 10px;
	}
	.about_course.pt-120.pb-90 {
	    padding: 80px 10px;
	}
	.class_programm, .blog_section{
	    padding: 20px;
	}
	.about_page .blog_section, .class_page .blog_section{
		padding: 30px 20px;
	}
	.class_page .bottom_class h2 {
	    font-size: 24pt;
	}
	.engagement_section .engagement_inner .title_engagement h2 {
	    font-size: 16pt;
	    transform: translate(0%, 0%);
	}
	.rdv_section .rdv_area .border_one_small::before, .rdv_section .rdv_area .border_two_small::before{
		display: none;
	}
	.engagement_section .engagement_inner .btn_c_engagement p {
	    display: none;
	}
	.engagement_section .engagement_inner .btn_c_engagement a{
	    padding: 8px 10px;
	    display: block;
    	position: relative;
    	transform: translate(0%, 50%);
	}
	.engagement_section .engagement_inner .btn_c_engagement {
	    flex: unset;
	}
    
}
@media only screen and (max-width: 420px){

	header .menuarea .nav_section .nav_sec_top .border_rl, header .menuarea .nav_section .nav_sec_top li:nth-child(3) {
		border: 0px;
	}
	.course_section .course_top .course_main .c_top_two .c_course p {
	    color: #ffffff;
	    font-size: 7pt;
	    margin: 0;
	    padding-top: 5px;
	    padding-right: 0;
	    line-height: 10pt;
	}
	.course_section .course_top{
		margin-top: 0px;
	}
	.banner .banner_slider .item .item_banner.pt-210.pb-160 {
	    padding: 20px 0px 30px;
	}
	.banner .banner_slider .owl-nav .owl-prev {
	    transform: translate(-180%, 0%);
	    font-size: 5pt;
	}
	.banner .banner_slider .owl-nav .owl-next {
	    transform: translate(150%, 0%);
	    font-size: 5pt;
	}
	.pricing-switcher label{
		width: 100px;
		font-size: 8pt;
	}
	.pricing-switcher .switch1, .pricing-switcher .switch2, .pricing-switcher .switch3{
		width: 100px;
	}
	.pricing-switcher .switch1{
	  -webkit-transform: translateX(0px);
	  -moz-transform: translateX(0px);
	  -ms-transform: translateX(0px);
	  -o-transform: translateX(0px);
	}
	.pricing-switcher .switch2{
	  -webkit-transform: translateX(100px);
	  -moz-transform: translateX(100px);
	  -ms-transform: translateX(100px);
	  -o-transform: translateX(100px);
	}
	.pricing-switcher .switch3{
	  -webkit-transform: translateX(200px);
	  -moz-transform: translateX(200px);
	  -ms-transform: translateX(200px);
	  -o-transform: translateX(200px);
	}
	header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li {
	    font-size: 10pt;
	}
}
@media only screen and (max-width: 360px){
	.banner .banner_slider .item .item_banner {
	    padding: 30px 0px 20px;
	}
	header .menuarea .nav_section .nav_sec_bottom nav .navbar-nav li {
	    font-size: 8pt;
	}

	.course_section .course_top .course_main .c_top_one p {
	    margin-bottom: 0;
	    font-size: 12pt;
	}
	.cp_top .title_about h2{
		font-size: 16pt;
	}
	.class_programm, .blog_section {
	    padding: 20px 20px;
	}
	.engagement_section .engagement_inner .btn_c_engagement p {
	    margin-bottom: 10px;
	    font-size: 7pt;
	    line-height: 10pt;
	}
	.engagement_section .engagement_inner .btn_c_engagement a {
	    color: white;
	    padding: 3px 10px;
	    font-size: 7pt;
	}
}

@media only screen and (max-width: 320px){
	.banner .banner_slider .item .item_banner.pt-210.pb-160 {
	    padding: 20px 0px 20px;
	}

}