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

	.container_sm{
		max-width: 1120px;
	}

}

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

	html{
		font-size: 55%;
	}
	
	.container{
		max-width: 1180px;
	}

	.container_sm{
		max-width: 980px;
	}

}

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

	html{
		font-size: 46%;
	}
	
	.container{
		max-width: 980px;
	}

	.container_sm{
		max-width: 820px;
	}

}

@media (min-width: 992px){

	.advantage_section .col-lg-7{
		width: 51%;
	}

	.advantage_section .col-lg-5{
		width: 49%;
	}

}


@media (max-width: 991px) {

	html{
		font-size: 62.5%;
	}

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

	.menu{
		position: fixed;
		left: -100vw;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
		background-color: #081F2D;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 3rem 0;
		margin: 0;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.menu.current{
		left: 0;
	}

	.menu li a{
		color: #fff;
		font-size: 1.8rem;
	}

	.dark_mood{
		right: 7rem;
	}

	.hero_section{
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0;
	}

	.hero_img1{
		width: 40rem;
	}

	.title_wrap .right{
		padding-left: 0;
		padding-top: 6rem;
	}

	.journey_box{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.journey_box .circle{
		width: 40rem;
		height: 40rem;
		margin-left: auto;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.journey_box .content{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-top: -4.5rem;
		margin-left: auto;
	}

	.journey_box .title_xxl{
		font-size: 7.6rem;
	}

	.journey_box .circle p{
		padding-top: 1rem;
	}

	.journey_box2 {
		margin-top: 3.5rem;
		margin-bottom: 2.5rem;
	}

	.journey_box2 .circle{
		margin-left: unset;
	}

	.journey_box2 .content{
		margin-left: unset;
	}

	.partners_section{
		padding-bottom: 5rem;
	}

	.partners_section .title_md{
		padding-bottom: 2rem;
	}

	.service_card{
		margin-right: 2.6rem;
	}

	.travel_products_section{
		padding-bottom: 10rem;
	}

	.travel_products_section .content{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 2.4rem;
	}

	.travel_products_section .title_xxl {
		padding-bottom: 2.4rem;
	}

	.advantage_section .section_content{
		padding: 0;
		background: none;
	}

	.dark .advantage_section .section_content{
		background: none;
	}

	.advantage_box{
		margin-top: 1.6rem;
		padding: 4.4rem 2.2rem 3rem 2.7rem;
		border-radius: 0;
	}

	.advantage_box .title_md{
		color: #000;
		padding: 0;
		padding-bottom: 3rem;
	}

	.dark .advantage_box .title_md,
	.dark .advantage_box p{
		color: #fff;
	}

	.advantage_box p{
		color: rgb(0, 0, 0, 0.6);
	}

	.advantage_box .img{
		display: none;
	}

	.our_brand_section{
		padding-bottom: 5rem;
	}

	.our_brand_section .title_md{
		padding-bottom: 2rem;
	}

	.details_box{
		min-height: 19rem;
	}

	.site_footer{
		padding-bottom: 0;
	}

	.footer_widget{
		padding: 0;
	}

	.footer_widget .title_sm{
		padding-top: 4.5rem;
	}

	.social_links{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-top: 3rem;
	}

	.copyright{
		padding: 6rem 0 4rem;
	}
	
}


@media (max-width: 767px) {

	.navbar{
		padding: 1.4rem 1.7rem;
	}

	.navbar_logo {
		width: 10rem;
	}

	.dark_mood{
		right: 6rem;
	}

	.title_xxl{
		font-size: 3.7rem;
	}

	.hero_section{
		padding: 15rem 0 48rem;
		height: unset;
	}

	.hero_img1{
		display: none;
	}

	.hero_img2{
		display: block;
	}
	
	.journey_section {
		padding-top: 31.5rem;
	}

	.journey_section .title_wrap{
		padding-left: 2.2rem;
		padding-right: 4.2rem;
	}

	.title_wrap .right{
		padding-right: 0;
	}

	.journey_imgs {
		padding: 4rem 0 3.3rem;
	}

	.journey_imgs img {
		margin-right: .6rem;
		width: 6.2rem;
	}

	.journey_box .circle{
		margin-left: 6.8rem;
		padding-top: 7rem;
	}

	.journey_box .content{
		width: 37rem;
		margin-left: -0.8rem;
		padding: 8rem 3.5rem 5rem 2.3rem;
	}

	.journey_box2 .circle {
		margin-left: -7rem;
		width: 43.3rem;
		height: 43.3rem;
	}
	
	.journey_box2 .circle .title_xxl{
		font-size: 9.6rem;
	}

	.journey_box2 .content{
		padding: 6.3rem 4.4rem 6.2rem 3.3rem;
	}

	.journey_box3 .circle{
		padding-top: 0rem;
	}

	.journey_box3 .circle p{
		padding: 0;
	}

	.journey_box3 .content{
		padding: 6.5rem 3.7rem 6.5rem 3.3rem;
	}

	.partners_section {
		padding: 6.4rem 0 4rem;
	}

	.partners_slider .owl-stage-outer{
		overflow: visible;
	}

	.services_slider {
		padding-left: 1.8rem;
		padding-right: 1.8rem;
	}
	
	.services_slider .owl-stage-outer{
		overflow: visible;
	}

	.service_card{
		height: 12.4rem;
		border-radius: .8rem;
		border: 1px solid #EFEDED;
		background: #FFF;
		-webkit-box-shadow: 0 -.2rem 6.2rem 0 rgba(0, 0, 0, 0.06);
		        box-shadow: 0 -.2rem 6.2rem 0 rgba(0, 0, 0, 0.06);
		margin-right: 0.5rem;
	}

	.service_card::before{
		display: none;
	}

	.service_card:hover{
		background: #000;
	}

	.service_card .bg_img{
		display: none !important;
	}

	.service_card .title_md{
		font-size: 2.3rem;
		line-height: 120%;
		height: auto;
		padding-bottom: 0.7rem;
	}

	.service_card:hover .title_md{
		background: #fff;
	}

	.travel_products_section {
		padding: .8rem 0 2.6rem;
	}

	.travel_products_section .inner{
		padding: 3.2rem 1.6rem 2.8rem 1.6rem;
	}

	.advantage_section .title_md.pb_25{
		padding-bottom: 0;
	}

	.advantage_box{
		min-height: 38.3rem;
	}

	.our_brand_section{
		padding: 6.4rem 0;
	}

	.details_slider .owl-stage-outer{
		overflow: visible;
	}

	.details_box{
		min-height: 20rem;
		padding-right: 1.5rem;
	}

}


@media (max-width: 575px) {

	html{
		font-size: 2.56vw;
	}

	.container{
		padding-left: 1.8rem;
		padding-right: 1.8rem;
	}

	.site_header .container{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

	.hero_section .container{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

}