@media (min-width: 992px){}



@media (max-width: 1199px){
	.padding2{
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.padding3{
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.header-top {
	    padding: 8px 25px;
	}
	.header-menu{
	    padding: 20px 40px;
	}
	.explorer-modal .explorer-row .explorer-col{
		width: 25%;
	}
	.restaurant-section .content .hotel-row .big-img {
	    height: 280px;
	}

	.restaurant-section .content .hotel-row .small-img {
	    height: 120px;
	}
}

@media (max-width: 991px){
	body h1 {
	    font-size: 2.6rem;
	}
	body h2 {
	    font-size: 2rem;
	}
	body h3 {
	    font-size: 1.6rem;
	}
	body h4 {
	    font-size: 1.4rem;
	}
	nav.navbar .navbar-nav .nav-link {
	    padding: 6px 0;
	    border-right: 0;
	}
	.banner-section .title1 {
	    font-size: 2.4rem;
	}
	.banner-section2 .title1 {
	    font-size: 2.4rem;
	}
	.plan-section .plan-row .box:not(:last-child){
		margin-bottom: 1.5em;
	}
	.category-menu2 .nav li a {
	    font-size: .85em;
	}
	.preview-section .card-box .c-left {
	    border: 0;
	}

	.category-menu .nav {
	    flex-wrap: nowrap;
	    overflow-x: auto;
	    justify-content: flex-start !important;
	    text-align: center;
	}
	.category-menu .nav li {
	    width: auto;
	    min-width: 140px;
	}
	/*sidebar-mobile*/
	.profile-section .sidebar-mobile{
		position: fixed;
		top: 0;
		left: -100%;
		width: 90%;
		height: 100%;
		max-width: 300px;
		padding: 1em 1em 0 0;
		transition: all .4s ease;
		z-index: 999999;
		overflow: hidden;
		overflow-y: auto;
		background: #FAFAFA;
		border-right: 1px solid rgb(0 0 0 / .1);
	}
	.profile-section .sidebar-mobile.open{
	   	left: 0;
	}
	.profile-section .sidebar-mobile .pc-close{
	   	display: block;
	    position: absolute;
	    right: 15px;
	    top: 8px;
	    color: #000000 !important;
	    font-size: 2.4em;
	    line-height: .5;
	}
	.profile-section .sidebar-mobile .side-box {
	    background: #fff;
	    box-shadow: none;
	}
	.plan-trip-ssection .flight-box2 .flight-left {
	    border-right: 0;
	}
	.plan-trip-ssection .car-details-left{
	    border-right: 0;
	}
	.hotels-section .hotel-box .img {
	    width: 200px;
	    min-width: 200px;
	}
	.restaurant-section .sidebar {
	    margin-bottom: 1.5em;
	}

	.promotions-page .promotions-row.details h1 {
	    font-size: 3em;
	}
	.restaurant-section .content .hotel-row.new.preview .swiper-slide img {
	    border-radius: 8px 8px 0 0;
	}

	

}

@media (max-width: 767px){
	body h1 {
	    font-size: 2.4rem;
	}
	body h2 {
	    font-size: 1.8rem;
	}
	.padding2{
		padding-top: 3em;
		padding-bottom: 3em;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.padding3{
		padding-top: 3em;
		padding-bottom: 3em;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.header-top {
	    padding: 8px 0px;
	}
	.header-menu{
	    padding: 15px 15px;
	}
	.dropdown1.big-drop .dropdown-menu {
	    width: 320px;
	}

	.dropdown1.big-drop .dropdown-menu .big-langu .big-box {
	    width: 50%;
	}
	.banner-section .title1 {
	    font-size: 2.2rem;
	}
	.banner-section .btns-box .btn.btn-chef{
	    min-width: 150px;
	}
	.banner-section .overlay {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.product-div .txt {
	    padding: 15px 15px;
	}
	.banner-section2 .title1 {
	    font-size: 2.2rem;
	}
	.travel-section .travel-box {
	    padding: 3em 2em;
	}
	.flexibility-section .flexibility-box .flexibility-txt {
	    padding: 2em 2em;
	}
	.whysafe-section .logos {
	    margin-top: 2em;
	}

	.category-menu2 .nav {
	    flex-wrap: nowrap;
	    overflow-x: auto;
	    justify-content: flex-start !important;
	    text-align: center;
	}
	.category-menu2 .nav li a{
	    white-space: nowrap;
	}
	.restaurant-section .content .hotel-row .text-box{
	    border-right: 0;
	}
	.preview-section .popular-row .box{
		margin-bottom: 1.2em;
	}
	.preview-section .product-slider .swiper-button-prev {
	    left: 10px;
	}
	.preview-section .product-slider .swiper-button-next {
	    right: 10px;
	}
	.explorer-modal .explorer-row .explorer-col{
		width: 33.33%;
	}
	.local-slider .swiper-slide {
	    height: 260px;
	}
	.new-box {
	    padding: 15px;
	}
	.preview-section .ranking .rank-in{
		padding: 30px;
	}
	.promotions-page .promotions-row.details h1 {
	    font-size: 2.5em;
	}
	.profile-section .sidebar-mobile{
	    padding: 1em 1em 0 1em;
	}




	.footer .box{
		margin-bottom: 1.5em;
	}
}

@media (max-width: 575px){
	body h1 {
	    font-size: 2.2rem;
	}
	body h2 {
	    font-size: 1.6rem;
	}
	body h3 {
	    font-size: 1.46rem;
	}
	body h4 {
	    font-size: 1.3rem;
	}
	body h5 {
	    font-size: 1.15rem;
	}
	.header .logo-1 {
	    width: 140px;
	}
	.header .notif {
	    margin-left: 10px;
	}
	.header .become {
	    padding: 4px 8px;
	    font-size: .65em;
	}
	.header .dropdown1 button.btn-secondary{
	    font-size: .65em;
        padding: 4px 5px;
	}
	.header .dropdown1 button.btn-secondary img {
	    width: 16px;
	}
	.header .dropdown1 .dropdown-menu .dropdown-item img{
		width: 16px;
	}
	.header .dropdown1 .dropdown-menu .dropdown-item{
	    font-size: .85em;
	}
	.header .user-icon {
	    font-size: .85em;
	}
	.header-profile .profile-name img {
	    width: 22px;
	    min-width: 22px;
	    height: 22px;
	}
	.header-profile .profile-name .name {
	    font-size: .8em;
	}
	.banner-section .overlay {
	    padding-top: 4em;
	}
	.banner-section .btns-box .btn.btn-chef{
		margin: 5px 2px;
	}

	.banner-section .title1 {
	    font-size: 2rem;
	}
	.banner-section .btns-box {
	    /*margin-top: 4em;*/
	}
	.banner-section .form-box {
       	margin-top: 4em;
	}

	.banner-section .form-box .tab-content .tab-box {
	    padding: 15px;
	}
	.banner-section2 .title1 {
	    font-size: 2rem;
	}
	.banner-section2 .overlay {
	    padding: 3em 0;
	}
	.banner-section2 .btns {
	    margin-top: 3em;
	}
	.travel-section .travel-row .logos{
	    margin-top: 2em;
	}
	.travel-section .travel-box {
	    padding: 2em 1em;
	}
	.flexibility-section .flexibility-box .flexibility-txt {
	    padding: 2em 1em;
	}
	.whysafe-section .whysafe-box {
	    padding: 3em 1em;
	}
	.features-section .features-row .txt {
	    padding: 3em 1em;
	}
	.journey-section .journey-box .forminline .btn.btn1 {
	    min-width: auto;
	}
	.login-section .login-box{
		padding: 2em 1em;
	}
	.stay-section .tab-content .stay-box .img {
	    width: 30%;
        min-width: auto;
	}
	.stay-section .tab-content .stay-box .txt {
	    width: 70% !important;
	}
	.stay-section .tab-content .stay-box .overview {
	    width: 100%;
	}
	.form-section .form-box {
	    padding: 2em 1em;
	}
	.form-section .stay-box .box {
	    padding: 8px 5px;
	}
	.complete-section .complete-box {
	    padding: 5em 2em 4em 2em;
	}
	.preview-section .preview-tabs-box .nav-link {
	    padding: 8px 10px;
	    font-size: .9em;
	}
	.transport-section .transport-row .txt{
	    padding: 2em 1em;
	}
	.allpartner-section .allpartner-row .txt {
	    padding: 2em 1em;
	}
	.allpartner-section .allpartner-row .logos {
	    padding: 1em;
	}
	.form-section .car-select .btn.btn1 {
	    min-width: auto;
	    font-size: .8em;
	}
	.form-section .extras-row {
	    padding: 1.5em 0em;
	}
	.preview-section .comment-box .img {
		margin-right: 1em;
	}
	.preview-section .comment-box .img1 {
	    width: 50px;
	    min-width: 50px;
	    height: 50px;
	}
	.preview-section .ranking .rank-in {
	    padding: 20px;
	}

	.plan-trip-ssection .plan-tab .box p {
	    font-size: .68em;
        white-space: nowrap;
	}

	.plan-trip-ssection .plan-tab .circle {
	    width: 22px;
	    height: 22px;
	    padding-top: 4px;
	    font-size: .7em;
	}

	.plan-trip-ssection .plan-tab:before {
	    bottom: 25px;
	}
	.hotels-section .hotel-box {
	    flex-wrap: wrap;
	}

	.hotels-section .hotel-box .img {
	    width: 100%;
	    min-width: auto;
	    margin-bottom: 15px;
	}

	.hotels-section .hotel-box .txt {
	    padding: 0;
	}
	.explorer-modal .explorer-row .explorer-col{
		width: 50%;
	}
	.explorer-modal .explorer-row .explorer-col .col-in .img {
	    height: 190px;
	}
	.explorer-modal .modal-body {
	    padding: 2em 1em;
	}
	.restaurant-section .content .hotel-row .big-img {
	    height: 200px;
	}

	.restaurant-section .content .hotel-row .small-img {
	    height: 100px;
	}

	.privilege-box .img img {
	    max-width: 100%;
	    min-width: auto;
	}
	.swiper-new .swiper-button-prev {
	    margin-left: -22px;
	}

	.swiper-new .swiper-button-next {
	    margin-right: -22px;
	}
	.promotions-page .promotions-row.details h1 {
	    font-size: 2.2em;
	}

}

@media (max-width: 480px){
	.header .dropdown1.notify-drop .dropdown-menu {
	    min-width: 300px;
	    left: 50% !important;
	    transform: translate3d(-60%, 32px, 0px) !important;
	}
}