/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.navbar-brand img {
		max-width: 130px;
	}

	.navbar-brand::after {
		width: 168px;
		left: -18px;
	}

	.navbar-nav li a {
		font-size: 11px;
		padding: 14px 10px;
	}

	.banner-overlay {
		padding: 110px 0;
	}

	.hero-right img {
		width: 370px;
		height: 370px;
	}

	.hero-left {
		padding: 35px 30px;
	}

	.hero-left p {
		font-size: 18px;
	}

	.hero-left a {
		font-size: 14px;
		padding: 12px 40px;
	}

	.switch_item p {
		font-size: 20px;
	}

	.grapt-upper h2 {
		font-size: 40px;
	}

	.grapt-upper p {
		font-size: 20px;
	}

	.grapt-left p {
		font-size: 20px;
	}

	.consult-left img {
		max-width: 165px;
	}

	.consult-right img {
		max-width: 200px;
	}

	.step-area {
		padding: 120px 0 110px;
	}

	.step-upper h2 {
		font-size: 42px;
	}

	.step-upper h4 {
		font-size: 42px;
		margin-top: 30px;
	}

	.step1-part {
		padding: 70px 0;
	}

	.step-cnt h4 {
		font-size: 25px;
	}

	.step-cnt h4 span {
		font-size: 40px;
	}

	.step-cnt p {
		font-size: 18px;
	}

	.step-cnt p {
		margin-top: 26px;
	}

	.s1-partiellement-item p br:nth-of-type(1),
	.s1-partiellement-item p br:nth-of-type(2) {
		display: none;
	}

	.s1-graphique-area {
	    padding: 120px 0;
	}

	.graphique-carousel.owl-theme .owl-nav.disabled + .owl-dots {
	    margin-top: 80px;
	}

	.s1-vant-area .container {
	    max-width: 960px;
	}

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.navbar-brand::after {
		display: none;
	}

	.header-menubar {
		background: #FFFFFF;
		padding: 10px 0 20px;
	}

	.banner-overlay {
		padding: 100px 0;
	}

	.hero-right img {
		width: 270px;
		height: 270px;
	}

	.hero-left {
		padding: 30px 24px;
	}

	.hero-left p {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.hero-left a {
		font-size: 12px;
		padding: 10px 32px;
	}

	.switch-area {
		padding: 100px 0 0;
	}

	.switch_title h1,
	.switch_title h2 {
		font-size: 36px;
		margin-bottom: 24px;
	}

	.switch_item p {
		font-size: 16px;
		margin-bottom: 25px;
	}

	.grapt-upper h2 {
		font-size: 32px;
	}

	.grapt-upper p {
		font-size: 17px;
	}

	.grapt-left p {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.grapt-area {
		padding: 100px 0 100px;
	}

	.consult-left {
		padding-top: 40px;
		padding-left: 15px;
	}

	.consult-right {
		padding-top: 30px;
		padding-right: 15px;
	}

	.consult-left img {
		max-width: 150px;
	}

	.consult-right img {
		max-width: 190px;
	}

	.consult_box h4 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.consult_box ul li {
		font-size: 13px;
		margin-bottom: 7px;
	}

	.consult-right ul {
		max-width: 268px;
	}

	.consult-upper img {
		max-width: 150px;
	}

	.consult-upper h2 {
		font-size: 40px;
	}

	.consult_main {
		padding-top: 50px;
	}

	.consult-area {
		padding: 120px 0 150px;
	}

	.consult-bottom {
		margin-top: 35px;
	}

	.consult-bottom p {
		font-size: 15px;
	}

	.step-area {
		padding: 100px 0 86px;
	}

	.step-upper h2 {
		font-size: 36px;
	}

	.step-upper h4 {
		font-size: 36px;
		margin-top: 27px;
	}

	.step1-part {
		padding: 65px 0;
	}

	.step-cnt h4 {
		font-size: 20px;
	}

	.step-cnt h4 span {
		width: 42px;
		height: 46px;
		font-size: 34px;
		margin-right: 12px;
	}

	.step-cnt p {
		font-size: 16px;
		margin-top: 21px;
	}

	.step3-part {
		padding-top: 62px;
	}

	.s1-contact-area {
	    padding: 100px 0;
	}

	.s1-contact-item2-inner2 {
	    padding-left: 0px;
	}

	.s1-contact-item2-inner3 {
	    padding-left: 0px;
	}

	.s1-partiellement-item h2 {
	    margin-bottom: 50px;
	}

	.s1-partiellement-item p {
	    margin-bottom: 50px;
	}

	.s1-partiellement-item p br:nth-of-type(1),
	.s1-partiellement-item p br:nth-of-type(2) {
		display: none;
	}

	.s1-graphique-area {
	    padding: 100px 0;
	}

	.graphique-carousel.owl-theme .owl-nav.disabled + .owl-dots {
	    margin-top: 60px;
	}

	.s1-vant-area .container {
	    max-width: 720px;
	}

	.s1-explication-area {
	    padding: 100px 0 65px;
	}

	.s1-explication-item {
	    margin-bottom: 55px;
	}

	.step3-part .step-cnt p {
		font-size: 15px;
		margin-top: 16px;
	}

	.s1-partiellement-item ul li {
	    margin: 20px 0;
	    padding: 0 10px;
	}


}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.container {
		max-width: 540px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar-brand::after {
		display: none;
	}

	.header-topbar {
		padding: 16px 0;
	}

	.header-menubar {
		background: #FFFFFF;
		padding: 8px 0 16px;
	}

	.headertop_left ul li:last-child {
		margin-left: 20px;
	}

	.banner-overlay {
		padding: 15px 0 0;
	}

	.hero-right img {
		max-width: 85%;
		width: initial;
		height: initial;
		border-radius: 0px;
		margin-top: 35px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.hero-left {
		padding: 30px 30px;
	}

	.hero-left p {
		font-size: 16px;
		margin-bottom: 24px;
	}

	.hero-left a {
		font-size: 15px;
		padding: 14px 42px;
	}

	.switch-area {
		padding: 80px 0 0;
	}

	.switch_title h1,
	.switch_title h2 {
		font-size: 40px;
		margin-bottom: 24px;
	}

	.switch_item p {
		font-size: 16px;
		margin-bottom: 25px;
		text-align: center;
	}

	.switch_item {
		padding: 0;
	}

	.switch_left {
		border: none;
	}

	.grapt-upper h2 {
		font-size: 36px;
	}

	.grapt-upper p {
		font-size: 16px;
	}

	.grapt-left p {
		font-size: 16px;
		margin-bottom: 32px;
		text-align: center;
	}

	.grapt-area {
		padding: 80px 0 75px;
	}

	.grapt-left {
		margin-top: 42px;
	}

	.grapt-upper {
		margin-bottom: 50px;
	}

	.consult-left {
		padding-top: 70px;
		padding-left: 30px;
	}

	.consult-right {
		padding-top: 70px;
		padding-right: 15px;
		margin-top: 45px;
	}

	.consult-left img {
		max-width: 250px;
		left: 50%;
		transform: translateX(-50%);
	}

	.consult-right img {
		max-width: 270px;
	}

	.consult_box {
		min-height: 600px;
	}

	.consult-left ul,
	.consult-left h4 {
		max-width: 270px;
	}

	.consult-right ul,
	.consult-right h4 {
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}

	.consult-upper img {
		max-width: 150px;
		position: initial;
		display: block;
		margin: 0;
	}

	.consult-upper h2 {
		font-size: 36px;
		margin-top: 15px;
	}

	.consult_main {
		padding-top: 40px;
	}

	.consult-area {
		padding: 35px 0 80px;
	}

	.consult-bottom {
		margin-top: 35px;
	}

	.consult-bottom p {
		font-size: 15.5px;
	}

	.step-area {
		padding: 85px 0;
	}

	.step-upper h2 {
		font-size: 36px;
	}

	.step-upper h4 {
		font-size: 36px;
		margin-top: 27px;
	}

	.step1-part {
		padding: 55px 0;
	}

	.step-cnt h4 {
		font-size: 20px;
	}

	.step-cnt h4 span {
		width: 40px;
		height: 45px;
		font-size: 34px;
		margin-right: 12px;
	}

	.step-cnt p {
		font-size: 16px;
		margin-top: 21px;
	}

	.step3-part {
		padding-top: 20px;
	}

	.step3-part .step-cnt p {
		font-size: 15px;
		margin-top: 16px;
	}

	.step-right {
		margin-top: 36px;
	}

	.step-cnt2 {
		margin-top: 30px;
	}

	.s1-hedding-item h2 {
	    font-size: 40px;
	}

	.s1-contact-area {
	    padding: 80px 0;
	}

	.s1-contact-area-inner .s1-hedding-item {
	    margin-bottom: 45px;
	}

	.s1-contact-item {
	    margin-bottom: 45px;
	}

	.s1-contact-item2-inner {
	    margin-bottom: 45px;
	}

	.s1-contact-item2-inner2 {
	    padding: 43px 30px;
	    border-radius: 20px;
		background: #FFF;
		margin-bottom: 20px;
	}

	.s1-contact-item2-inner3 {
	    padding: 65px 15px;
	    border-radius: 20px;
		background: #FFF;
	}

	.s1-contact-item2-inner3 h2 {
		max-width: 281px;
		margin: 0 auto 20px;
	}

	.s1-contact-item2-inner3 p {
		max-width: 281px;
		margin: 0 auto;
	}

	.s1-partiellement-area {
	    padding: 80px 0 57px;
	}

	.s1-partiellement-item h2 {
	    margin-bottom: 45px;
	}

	.s1-partiellement-item p {
	    margin-bottom: 55px;
	}

	.s1-partiellement-item p br:nth-of-type(1),
	.s1-partiellement-item p br:nth-of-type(2) {
		display: none;
	}

	.s1-graphique-area {
	    padding: 80px 0;
	}

	.s1-graphique-area .s1-hedding-item {
	    margin-bottom: 45px;
	}

	.graphique-carousel {
		padding: 0 15px;
	}

	.graphique-carousel.owl-theme .owl-nav.disabled + .owl-dots {
	    margin-top: 50px;
	}

	.graphique-carousel.owl-theme .owl-dots .owl-dot {
		margin: 0 6px;
	}

	.s1-vant-area {
	    padding-top: 80px;
	}

	.s1-vant-area .s1-hedding-item  {
	    margin-bottom: 45px;
	}

	.s1-vant-item2-inner {
	    padding: 13px 13px 224px;
	}

	.s1-vant-item2-inner span {
	    font-size: 10px;
	    width: 75px;
	    height: 27px;
	}

	.vant-carousel.owl-theme .owl-nav.disabled + .owl-dots {
	    margin-top: 50px;
	}

	.s1-explication-area {
	    padding: 80px 0 44px;
	}

	.s1-explication-area .s1-hedding-item  {
	    margin-bottom: 45px;
	}

	.s1-footer-area {
	    padding-top: 46px;
	}

	.footer-item ul {
	    margin-bottom: 80px;
	}

	.footer-item2 {
	    padding: 30px 0;
	}

	.headertop_left ul li a {
		font-size: 10px;
	}

	.headertop_left ul li a img {
		max-width: 15px;
	}

	.headertop_right img {
	    width: 16px;
	}

	.s1-partiellement-item ul li {
		width: 50%;
	    margin: 20px 0;
	    padding: 0 10px;
	}


}