/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (min-width: 1500px) {

	.site_header .container {
		max-width: 1470px
	}

}


@media (min-width: 1400px) { 
	
	.container{
		max-width: 1200px;
	}

}


@media (min-width: 1200px) and (max-width: 1399px) { 

	html{
		font-size: 54%;
	}
	
	.container{
		max-width: 1100px;
	}

}



@media (max-width: 1399px) { 

	.contact_img {
		left: -8rem;
		width: 65rem;
	}

}



@media (min-width: 992px) and (max-width: 1199px) { 

	html{
		font-size: 45%;
	}
	
	.container{
		max-width: 900px;
	}

}



@media (max-width: 1199px){

	.contact_img{
		width: 67rem;
		left: -3rem;
	}

	.hero_sh{
		width: 53rem;
	}

}



@media(min-width: 992px){
	
	.features_area .swiper-button-prev{
		top: -3rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}

	.features_area .swiper-button-prev::after{
		-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
		transition: 250ms;
	}

	.features_area .swiper-button-next{
		top: unset;
		bottom: -6rem;
		right: 50%;
		-webkit-transform: translateX(50%);
			-ms-transform: translateX(50%);
				transform: translateX(50%);
	}

	.features_area .swiper-button-next::after{
		-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
				transition: 250ms;
	}
	
	.features_area .swiper-button-prev:hover::after,
	.features_area .swiper-button-next:hover::after{
		font-size: 5rem;
	}

}


@media (min-width: 768px) and (max-width: 991px){

	
	html{
		font-size: 45%;
	}

	.container{
		max-width: 720px;
	}

}



@media (max-width: 991px) {


	.menu{
		display: none;
	}
	
	.site_header .right_button{
		display: none;
	}

	.hamburger-menu {
		display: inline-block;
	}

	.ofcavas-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.site_header .button {
		padding: 2.3rem 5rem;
		font-size: 1.9rem;
	}

	.hero_img{
		width: 80rem;
		right: -5rem;
		top: unset;
		bottom: 0;
	}

	.hero_content{
		width: 100%;
	}

	.scroll_down{
		width: 7rem;
	}

	.about_wrap{
		display: block;
		text-align: center;
	}

	.about_img {
		width: 60%;
		display: block;
		margin: auto;
		margin: 3rem auto 7rem auto;
	}

	.about_sh{
		display: none;
	}

	.about_area .title_box1{
		display: block;
		text-align: center;
	}

	.about_area .title_box2{
		display: none;
	}

	.benefits_area .swiper-pagination {
		display: block;
	}

	.swiper-button-next, .swiper-button-prev {
		top: var(--swiper-navigation-top-offset,40%);
	}

	.features_wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.features_wrapper .slider_wrap{
		width: 100%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	.features_slider{
		height: auto;
	}

	.features_wrapper .thumbs_wrap{
		padding: 0;
		width: 100%;
	}

	.features_sh {
		display: none;
	}

	.features_area .title_box {
		padding-bottom: 6rem;
	}
	
	.features_slider_thumbs img {
		width: 60%;
		margin: auto;
		display: block;
		margin-bottom: 5rem;
	}

	.features_area .swiper-pagination{
		display: block;
	}

	.review_slider {
		padding-bottom: 1rem;
	}

	.review_area .swiper-button-next,
	.review_area .swiper-button-prev{
		top: 46%;
	}

	.review_area .swiper-pagination {
		display: block;
	}

	.review_area .swiper-pagination-bullet{
		background: #fff;
	}

	.package_card_wrap {
		-ms-grid-columns: 1fr 3rem 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 3rem;
	}

	.form_wrap{
		width: 100%;
	}

	.contact_area{
		padding-bottom: 0;
	}

	.contact_img{
		position: unset;
		margin: auto;
		margin-top: 7rem;
		display: block;
		margin-bottom: -1rem;
	}

	.contact_area .title_box{
		text-align: center;
	}

	.contact_area .button_wrap{
		text-align: center;
	}

	.contact_shape{
		width: 23rem;
	}

	.footer_menu li:not(:last-child) {
		margin-right: 6rem;
	}

	.swiper-pagination {
		transform: translate3d(0,0,0) !important;
	}

	.swiper-pagination-bullet {
		display: inline-block !important;
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) !important;
	}


}



@media (min-width: 500px) and (max-width: 767px){

	html{
		font-size: 55%;
	}

	.container{
		max-width: 575px;
	}

}


@media (max-width: 767px) {
	
	h1{
		font-size: 5rem;
	}

	h2{
		font-size: 4rem;
	}

	.button{
		padding: 2.2rem 4rem;
		border-radius: .8rem;
	}

	.titleYellowUnderline::before{
		bottom: .5rem;
		width: 100%;
		height: 1rem;
	}

	.site_header{
		padding: 1.7rem 0;
	}

	.hero_area{
		padding-bottom: 0;
	}

	.hero_area::before {
		width: 14%;
		z-index: 2;
	}

	.hero_area h1{
		margin-top: 2.4rem;
	}

	.hero_area .container {
		text-align:center;
	}

	.hero_sh {
		width: 36rem;
	}

	.hero_img{
		width: 102%;
		margin-left: -1%;
		position: relative;
		right: unset;
		bottom: unset;
	}

	.hero_img::before {
		top: -51rem;
		left: 46%;
		width: 7rem;
		height: 157%;
		transform: rotate(90deg);
	}

	.about_area{
		padding: 11rem 0 8rem;
	}

	.about_img{
		width: 90%;
	}

	.benefits_area {
		padding: 4rem 0;
	}

	.benefits_area .title_box{
		padding-bottom: 4rem;
	}

	.benefits_area .title_box h2{
		margin-top: 1rem;
	}

	.bennefits_overly_content p{
		font-size: 1.8rem;
	}

	.benefits_slider {
		padding-right: 1px;
		padding-top: 1px;
	}

	.features_area{
		padding: 7rem 0 6rem;
	}

	.features_area .title_box {
		padding-bottom: 3rem;
	}

	.features_slider_thumbs img {
		width: 100%;
		margin-bottom: 4rem;
	}

	.review_area .title_box {
		padding-bottom: 4rem;
	}

	.review_card .rating {
		margin: 2rem 0 2rem;
	}

	.review_card .text{
		margin-bottom: 2rem;
	}

	.partner_logos_marquee a {
		margin-right: 4rem;
	}

	.partner_logos_marquee a:nth-child(1){
		width: 18rem;
	}
	
	.partner_logos_marquee a:nth-child(2) {
		width: 13rem;
	}
	
	.partner_logos_marquee a:nth-child(3) {
		width: 20rem;
	}
	
	.partner_logos_marquee a:nth-child(4){
		width: 20rem;
	}
	
	.partner_logos_marquee a:nth-child(5){
		width: 13rem;
	}

	.price_area {
		padding: 8rem 0;
	}

	.price_area h2{
		font-size: 3.6rem;
	}

	.price_area h2 br{
		display: none;
	}

	.package_card_wrap{
		display: block;
	}

	.package_card{
		margin-top: 3rem;
	}

	.switch_wrap {
		padding: 3rem 0 2rem;
	}

	.contact_shape {
		width: 16rem;
		top: -3rem;
	}

	.contact_area .grld_2{
		display: block;
	}

	.form_group{
		margin-top: 2.5rem;
	}

	.contact_area form .button{
		width: 100%;
		font-size: 1.9rem;
	}

	.contact_area .title_box {
		padding-bottom: 2.5rem;
	}

	.contact_area .title_box p{
		margin-top: 1.5rem;
	}

	.contact_img{
		width: 100%;
	}

	.site_footer{
		padding: 0;
	}

	.footer_logo {
		width: 5.5rem;
	}

	.footer_top{
		display: block;
		text-align: center;
		padding: 5rem 0;
	}

	.footer_menu{
		display: none;
	}

	.social_icon{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 4rem;
	}

	.social_icon li:not(:last-child) {
		margin-right: 2rem;
	}

	.social_icon a{
		width: 4.5rem;
		height: 4.5rem;
		font-size: 2.5rem;
	}

	.copyright{
		padding: 2.5rem 0;
		display: block;
		text-align: center;
		font-size: 1.8rem;
	}

	.copyright a:first-child {
		margin-right: 2rem;
	}

	.back-to-top {
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
	}

	.swiper-button-prev {
		left: -1rem;
	}

	.swiper-button-next {
		right: -1rem;
	}

}


@media (max-width: 499px) {
	

	html{
		font-size: 2.1vw;
	}

	.hero_img{
		width: 150%;
		margin-left: -25%;
		margin-top: -8rem;
	}

	.hero_img::before {
		top: -42rem;
		width: 7rem;
	}

	.benefits_slider,
	.features_slider,
	.review_slider{
		margin-left: -15px;
		margin-right: -15px;
	}

}