/*media queries for mobile below 767px*/

@media only screen and (max-width: 767px) {
	.btn.btn-pink.postuler1 {
    left: 35%;
    right: 35%;
    width: 30%;
}
     .d-none.d-sm-block{
     	display: none !important;
     }
   	main{
		font-size: 12px;
	}
    main .section-window-height{
    	height:100% !important
    }
    main .our-offers h2, .offer-items p.job-desc, main .our-offers .offer-items .offer-item .content-section h3{
    	margin-bottom: 1.5rem;
    }
    .home-body .testimonials {
    background-position: 36%;
}

    .testimonials .testimonial-box h4
    {
    	margin:4rem 0;
    }
    .footer-content.right .footer-logo{
    	display: none;
    }
	.testimonials{
		background-position: bottom;
	}
	main .how-works .right h2{
		display: block;
		/* display: flex; */
	}
	main .great-design {
		padding: 50px 0 80px;
	}

	main .great-design .inner {
		padding: 0;
		background: none;
	}
	main .great-design.home-page .inner
	{
    padding: 55px 0px;
    background: rgba(233, 32, 99, 0.6);
}
	main .great-design .right {
		display: none;
	}

	main .portfolio-tab .nav-pills {
		margin-bottom: 30px;
	}

	main .portfolio-tab .nav-pills li {
		padding: 0 5px;
	}

	main .portfolio-tab .tab-content .portfolio-box {
		width: 100%;
	}

	main .portfolio-tab .tab-content .portfolio-box img {
		height: 350px;
		object-fit: cover;
	}

	main .news .content {
		padding: 20px;
	}

	main .select-plan {
		padding: 50px 0;
	}

	main .select-plan .plan .img-box .inner {
		height: 100px;
		width: 100px;
	}

	main .news .post,
	main .news .news-right {
		height: 500px;
	}

	footer {
		padding: 60px 0 30px 0;
	}
	footer li{
		margin-bottom: 15px;
	}
	main .great-design .left{
		padding:0 0 0 0;
	}
	main .how-works .right {
     max-width: 100%;
    padding: 50px 20px 50px;
   }
   .talk-about .right{
   padding: 50px 20px;
    }
    .testimonials .testimonial-box img {
       margin: 30px auto 30px;
}
    .testimonials .testimonial-box p{
    	padding-right: 0px
    }
    main .top-banner h2{
    top:20%;
    max-width: 64%;
    left: 6%;
    }
    .talk-about .col-12{
    	padding-right: 0;
    }
    .testimonials .testimonial-box {
    padding: 80px 15px;
}
footer img{
	margin-top:20px;
}
main header .custom-navbar{

    padding: 2rem .5rem;
}
main .top-banner h1{
	margin:2rem 0;
}
main .top-banner ul li button{
		margin-bottom: 10px;
		padding: 15px !important;
    /* padding: 15px 40px !important; */
    border-width: 2px;
    width: 225px;
}
main .great-design .left .btn {
    margin-left: 5%;
    margin-right: 5%;
}
.pre-home-body main .top-banner h2{
	display: none;
}
main .talk-about .inner-height{
	    display: block;
}
.talk-about .talk-content p{
	margin-bottom:0 !important;
}
.talk-about .talk-content h2{
line-height: 1.5;
margin-bottom: 1rem;
max-width: 200px;
}
footer h4{
	margin-top:20px;
	min-height: auto;
}
.talk-about .row{

	width:103% !important;
}
.talk-about .owl-carousel .talk-box .talk-content{
	bottom:28%;
}
.creter-section .left .btn.btn-pink{
	margin-top:30px;
}
.subscription-page .owl-carousel .owl-nav .owl-prev,
.subscription-page .owl-carousel .owl-nav .owl-next
{
	top:auto;
	bottom:0%;
}
.testimonials .owl-carousel .owl-nav .owl-prev,
.testimonials .owl-carousel .owl-nav .owl-next{
        top:auto;
		bottom:-2%;
}
.testimonials .owl-carousel .owl-nav .owl-prev, main .testimonials.home-page .owl-carousel .owl-nav .owl-prev, .talk-about .owl-carousel .owl-nav .owl-prev

{
	left:30px;
}
.testimonials .owl-carousel .owl-nav .owl-next, main .testimonials.home-page .owl-carousel .owl-nav .owl-next,.talk-about .owl-carousel .owl-nav .owl-next

{
	right:30px;
}
/*main .top-banner{
	height:555px !important;
}*/
.testimonials .owl-carousel .owl-dots{
	bottom:10px;
}
.talk-about .owl-carousel .owl-dots {
    text-align: center;
    margin-bottom: 40px;}
.talk-about .owl-carousel .owl-nav .owl-prev, .talk-about .owl-carousel .owl-nav .owl-next{
top: auto;
    bottom: -8%;
}
/* footer .footer-logo, footer .footer-content.right{
	text-align: center;
} */
footer .footer-content.right ul{
	flex-direction: row;
	justify-content: center;
}
.mobile-column-reverse{
	flex-direction: column-reverse;
}
.testimonials .testimonial-box .left{
	padding-left:0;
}
main .how-works .left{
    height: 500px;
    background-size: 185%;
    background-position: 50% 50%;
    margin-top: 0px;
}
main .question-section .center-section button{
     margin: 0 auto;
}
.talk-about .owl-carousel .talk-box img {
      height: 450px;
}
.talk-about .owl-carousel .talk-box .talk-content img{
	height:auto;
}
.home-page-second
{
	padding-top:0px !important;
}
main .great-design.home-page{
	padding:0 0 !important;
}


main .coaching-section .left{
	    padding-top: 50px;
    padding-right: 0;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-bottom: 50px;
}
main .coaching-section img{
	object-fit: cover;
    object-position: top;
    width: 100%;
    height: 350px !important;

}
main .coaching-section h2{
	display: flex;
}
main .coaching-section .height-100{
	height:auto;
	padding: 0;
}
main .our-offers {
    padding: 50px 0;
}
main .our-offers .offer-items{
	padding: 0;
	margin:0;
}
main .our-offers .offer-items .offer-item {
    padding:15px 0;
}
main .our-offers p.text-right{
	text-align: left !important;
}
main .top-banner.home-page h1{
	margin-bottom:1.5rem !important;
	margin-left: 12px;
    margin-right: 12px;
}
main .great-design.home-page ul li {
    display: block;
}
main .coaching-section .container{
	padding-left: 0;
	padding-right: 0;
}
main .great-design.home-page ul li img {
    width: auto;
    margin-bottom:25PX;
}
main .top-banner.b2b-page{
	background-position: center !important;
}
main .top-banner.b2b-page button{
width: 100%;
}
main .question-section .center-section{
	    padding: 3rem 15px;
}
main .stimulate-section .left h2{
	padding-top:60px;
}
main .stimulate-section form{
	max-width: 100%;
	padding:60px 15px;
}
main .question-section .right{
	padding:30px;
}
footer .footer-content.right{
    margin-top:20px;
}
footer .footer-content.right li a {
    font-size: 35px;
    padding: 10px;
}
.offer-items p.job-desc{
    font-size:18px;
}
main .top-banner.home-page h1{
    font-weight:bold;
}
main .top-banner.home-page {
    height: 630px !important;
}

a.btn.btn-pink.postuler1, a.btn.btn-pink.postuler2 {
   display: none;
    }
    .creter-section .left, .creter-section .left p{
    	padding-right: 0;
    	margin-bottom: 0
    }
    .creter-section .left, .creter-section .right{
    	padding: 1.5rem 0.5rem;
    }
    main .top-banner.result-page {
    background-position: center !important;
}
main .top-banner.result-page form{
    max-width: 90%;
}
main .top-banner.result-page form .width-70, main .top-banner.result-page form .width-30{
	width: 100%;
	margin-bottom: 2rem;
}
main .top-banner.result-page form .ui-widget {
    display: block;
}
main .top-banner.result-page form button{
	    position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 2rem;
}
.result-body .recommend-section .left, .about-body .recommend-section .left{
	padding:15px 15px;
}
.recommend-section{
	padding:3rem 0;
}
.recommend-section .left{
	padding:15px 0px 15px 0;
}
.recommend-section .left h2{
	margin-bottom: 3rem;
}
.recommend-section .center{
	display: none;
}
.recommend-section .right i{
	line-height: 1.8;
	margin-top:20px;
}
.filter-section {
    padding: 50px 15px;
}
.filter-section #filters {
    padding-top: 50px;
}
.filter-section #filters h3 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.recommend-section.about-page .left button{
	margin:0 auto;
}
.about-body main .top-banner{

    background-position: initial !important;
}
.about-body main .top-banner.about-page h1 i{
	display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
main .top-banner p {
    max-width: 100% !important;
    margin: 0rem 2rem 2rem !important;
    line-height: 1.8 !important;
}
.about-body .recommend-section .center{
	display: none;
}
.order-summary, .payment-info {
    padding: 2rem 2rem 3rem;
}
.creter-section .right .right-headings h5{
margin-bottom: 1rem;
}
.subscription-banner .slider .slide a.btn.btn-pink{
	bottom:28%;
	position: absolute;
	left:15%;
}
.subscription-banner .banner-content{
	bottom:35%;
}
.subscription-banner .slider-ribbon{
	width: 60px;
}
.payment-info button{
	width: 100%;
}
.article-section {
    padding: 4rem 0;
}
.payment-section .form-heading{
	position: static;
	padding-left: 2rem;
}
.payment-section {
    margin: 8rem 0 5rem;
}
.subscription-form form button {
     margin: 2rem auto;
}
.article-section .article-box .content-section ul li{
	width: 49%;
}
.element-item {
    max-width: 100%;
}
main .career-section .our-offers p.text-right {
    margin-right: 20px;
    margin-left: 20px;
}
main .stimulate-section button {
   margin: 0 auto;
}
main .top-banner .banner-content{
	bottom:22%;
}
main .career-section .button-group.filters-button-group button {
    padding: 0 12px;
    width: fit-content;
    margin-bottom: 20px;
    text-align: left;
}
.career-section {
    padding: 7rem 0 1.2rem;
}
main .career-section .our-offers .offer-items{
	padding:20px 0;
}
.subscription-page .owl-carousel .owl-dots{
	bottom:65px;
	margin-bottom: 0
}
.creter-section .left h2{
	margin-top:2em;
}
.article-section .article-box .content-section h2, .article-section .article-box .content-section p{
	margin-bottom: 1.2rem;
}
.article-section button {
    margin: 2rem auto 0rem;
}
.article-section .article-box .content-section {
    padding: 15px 0;
}
.payment-page, .payment-header {
    background: #fff !important;
}
.payment-section .payment-info ul li img{
	width: 70%;
}
.payment-section  .order-summary{
position: relative;
border-right:none;
}
.payment-section  .order-summary:after{
	content: '';
    width: 80%;
    height: 1px;
    background: #bbb;
    position: absolute;
    left: 10%;
}
}
@media only screen and (max-width: 575px) {
	.btn.btn-pink.postuler1 {
     left: 30%;
     right: 30%;
    width: 40%;
}

main .select-plan .plan {
	margin-bottom: 30px;
}

main .select-plan .plan ul {
	margin-bottom: 20px;
}

main .news {
	flex-direction: column;
}

main .news .post {
	height: 400px;
}

main .news .post, main .news .news-right {
	width: 100%;
}

main .social ul {
	flex-wrap: wrap;
}

main .social ul li {
	width: 33.33%;
	border-bottom: 1px solid #ffffff;
}

main .social ul li:nth-child(3) {
	border-right: none;
}

main .social ul li:nth-child(4),
main .social ul li:nth-child(5),
main .social ul li:nth-child(6) {
	border-bottom: none;;
}
footer .footer-content.right{
	float:none;
}
main header .fixed-header {
padding:0.5rem 0.5rem;
}
footer .footer-logo, footer .footer-content.right{
	text-align: center;
}
footer .footer-content.right ul{
	flex-direction: row;
	justify-content: center;
}
.talk-about .owl-carousel .owl-nav .owl-prev, .talk-about .owl-carousel .owl-nav .owl-next{
    bottom: -6%;
}
}
@media only screen and (max-width: 360px) {
		.btn.btn-pink.postuler1 {
     left: 28%;
     right: 28%;
    width: 44%;
}
main .how-works .left{
	margin-top:-50px;
}
main .top-banner{
	height:555px !important;
}
}


/* CUSTOM BANANA STYLE */

@media only screen and (max-width: 767px) {
	main .how-works .custom-right {
    max-width: 100%;
    padding: 50px 0;
	 }

	 main .top-banner .custom-banner-content {
		 bottom: 15%;
	 }
}

@media (max-width: 767px) {
	button.btn {
		font-size: 1em;
		text-align: center;
	}
}

@media (max-width: 767px) {
	button.btn.btn--big {
		width: 290px !important;
	}
}