/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
/* [class*="col-lg"], [class*="col-md"], [class*="col-sm"] [class*="col-xs"] {
 display:inline-block;
 vertical-align:top;
 margin:0 -4px 0 0;
 float:none;
} */
}

/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
	/* Responsive Menu */
	#header {
		height: 58px;
	}

	.inner-header [class*="col-lg"] {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.login-header {
        padding: 9px 0 0 0;
        width: 65%;
        margin-right: -10px;
    }
	.login-header .dropdown button {
		font-size: 12px;
		padding: 10px 0px 10px 8px;
	}
	.login-header .dropdown button:after{
		width: 10px;
        height: 10px;
        background: url(../images/icons/arrow-next.webp) no-repeat 0 0 / 100%;
        right: -11px;
        top: 19px;
	}
	.login-header .dropdown button span.flag-icon {
		margin-right: 2px;
	}
		.login-header ul li > a {
			font-size: 12px;
			padding: 10px 0;
		}

	ul.new-menu {
		display: none;
	}

	ul.new-menu {
		display: none;
	}

	.slicknav_menu {
		display: inline-block;
		vertical-align: top;
		margin: 6px 0 0 0;
	}

		.slicknav_menu ul {
			display: inherit !important;
			left: 0;
		}

			.slicknav_menu ul ul.slicknav_hidden {
				display: none !important;
			}
            .logo{
                width: 160px;
                display: inline-block;
            }
	.logo a img{
		width: 100%; 
	}
    .main-menu {
        width: 50%;
        padding: 0 0 0;
    }
    .search-area {
        padding: 100px 0 0 0;
    }
    .search-area img.bg-img{
        object-fit: cover;
    }
    .top-search .fieldset{
        width: 100%;
        margin-bottom: 5px;
    }
    .top-search .fieldset.field-1 {
        width: 100%;
        border-radius: 10px 10px 0 0;
        margin-bottom: 5px;
    }
    .top-search .fieldset.field-2,
    .top-search .calendar-fields.field-3{
        width: 100%;
    }
    button.btn-change {
        left: auto;
        right: 20px;
        top: -22px;
    }
    .top-search .fieldset.field-4 {
        width: 100%;
        border-radius: 0 0 10px 10px;
    }
    .top-search .fieldset.field-5 {
        width: 100%;
        margin:10px 0 0 0;
    }
    button.btn-search {
        height: 44px;
        line-height: 44px;
    }
    .check-flight,
    ul.dis-list li,
    ul.dis-list li figure img,
    .passenger-holder .info-box .btm-row.lead-box .fieldset,
    .content-section img{
        width: 100%;
    }
    .modal-header h4 {
        font-size: 20px;
        line-height: 36px;
    }
    .modal-header .m-price {
        right: 15px;
        top: 10px;
    }
    .modal-header .m-price span {
        font-size: 11px;
        line-height: 24px;
    }
    .modal-header .m-price strong {
        font-size: 16px;
        line-height: 14px;
    }
    .modal-header .m-price strong em {
        font-size: 12px;
    }
    .modal-lg{
        width:auto;
    }
    .modal-body {
        padding: 0 10px;
    }
    .modal-body .box-holder .detail-box {
        width: 100%;
    }
    .modal-header {
        padding: 15px 10px 10px;
        border: 0;
    }
    .inner-banner {
        padding: 25px 0 0;
        margin: -30px 0 70px;
    }
    ul.dis-list li{
        margin-bottom: 30px;
    }
    ul.route-detail-list{
        margin-bottom: 30px;
    }
    ul.route-detail-list li .holder-box{
        padding: 7px;
    }
    ul.route-detail-list li .holder-box .flight-holder {
        padding: 0;
        width: 100%;
    }
    .fligut-route {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .fligut-route .holder {
        padding: 0;
        width: 33%;
    }
    .fligut-route .holder-m {
        width: 30%;
        margin: 0;
    }
    .fligut-route .holder-m span{
        display: block;
    }
    .fligut-route .holder-end {
        padding: 0;
        width: 37%;
    }
    .fligut-route .holder figure{
        display: none;
    }
    ul.route-detail-list li .holder-box .detail-icon {
        padding: 10px 0 3px;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    ul.route-detail-list li .holder-box .price-holder {
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .return .modal-lg {
        width: 95%;
    }
    .flight-box-holder .flight-box {
        width: 100%;
    }
    .user-login ul li.with-login{
        padding: 0;
    }
    .user-login ul li.with-login a{
        padding: 0;
    }
	/* .slicknav_menu ul {
        display: block;
    } */

	a.slicknav_btn {
		width: 36px;
		height: 36px;
		margin: 0px 7px 0 0;
	}

	.get-offer {
		right: 0;
		bottom: 50px;
		z-index: 9999;
	}

	.top-btn {
		margin: 0 0 5px 0;
		background: #66d34a;
		width: 50px;
		position: relative;
		padding: 0;
		border-radius: 10px 0 0 10px;
		height: 50px;
		border: 0;
		border-right: 0;
	}

		.top-btn:hover {
			background: #27a905;
		}

		.top-btn img {
			display: none;
		}

		.top-btn:after {
			content: '';
			position: absolute;
			left: 10px;
			top: 10px;
			background: url(/main-root/images/icons/whatsapp.webp) no-repeat 0 0/100%;
			width: 30px;
			height: 30px;
		}

	.offer {
		right: 0;
		box-shadow: none;
		position: initial;
		border-radius: 10px 0 0 10px;
		border: 0;
		border-right: 0;
		background: none;
	}

		.offer:after,
		.offer:before {
			display: none;
		}

		.offer a {
			width: 30px;
			height: auto;
			border-radius: 0;
			color: #fff;
			display: block;
			padding: 0;
			background-color: #ff8500;
			text-align: left;
			font-weight: normal;
			font-size: 16px;
			line-height: 20px;
		}

		.offer:hover {
			background: #0890fa;
		}
	/* .wrapper {
        overflow: hidden;
    } */

	.banner-sec {
		padding: 20px 0;
		min-height: auto !important;
	}

	.wrapper .container {
		position: initial;
	}

	.main-search,
	.flight-holder .main-search {
		position: relative;
		left: 0;
		top: auto;
		padding: 15px 0 0 0;
	}

		.main-search.detailSearch {
			margin-top: 0px;
		}

	.search-bar,
	.flight-holder .search-bar {
		margin: 0 0;
	}

	.trip-option .select-box {
		width: 40%;
	}

	.main-search .trip-option select {
		width: 100%;
		font-size: 14px;
		background-position: 88% center;
		background-size: 10px;
		padding: 0 0 0 10px;
		background-color: transparent;
	}

	.main-search .trip-option input[type="text"] {
		font-size: 14px;
	}

	.main-search .search-holder .left-search,
	.main-search .search-holder .right-search,
	.main-search.insurance-search .search-holder .left-search,
	.main-search.insurance-search .search-holder .right-search {
		width: 100%;
	}

		.main-search .search-holder .left-search .fieldset,
		.main-search.insurance-search .search-holder .left-search .fieldset {
			width: 100%;
			margin-bottom: 15px;
		}

			.main-search .search-holder .left-search .fieldset:after {
				display: none;
			}

	.text-sec,
	.flight-holder .text-sec {
		padding: 0px 0 20px;
	}

	.text-center {
		margin: 0;
		text-align: left;
	}

	.hotel-city-sec h2, h2 {
		font-size: 24px;
		line-height: 32px;
		margin: 0 0 10px 0;
		font-weight: 400;
	}

		h2 b {
			font-weight: 600;
		}

	.hotel-city-sec ul li {
		padding: 0 0 0 0;
		width: 48%;
	}

		.hotel-city-sec ul li a {
			font-weight: 500;
			height: auto;
		}

	ul.insurance-package li a p {
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
	}

	.hotel-city-sec {
		padding: 30px 0 0;
	}

	.faq-sec {
		padding: 0;
	}

		.faq-sec h2 {
			margin: 0 0 10px 0;
			font-weight: 500;
			font-size: 24px;
			line-height: 32px;
		}

	.panel-group .panel a {
		padding: 5px 0 5px 30px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}

		.panel-group .panel a:after {
			left: 0;
			top: 7px;
		}

	.panel-body p:after {
		left: 0;
	}

	.panel-body p {
		padding-left: 20px;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0;
	}

	.num-1 {
		width: 11%;
	}

	.icon-heading {
		z-index: 11;
	}

	.btm-form {
		margin: 0 15px 0;
	}

		.btm-form:after {
			left: -15px;
			top: -204px;
			background: url(/main-root/images/common-images/inquiry-img.gif) no-repeat 0 0/100%;
			width: 160px;
			height: 100px;
			display: none;
		}

	ul.f-nav {
		margin: 0 0;
	}

		ul.f-nav li a {
			padding: 5px 0;
		}

	ul.autocomplete-items {
		z-index: 3;
	}

	ul.hotel-list li .list-box {
		display: block;
		padding: 20px 0 5px;
	}

		ul.hotel-list li .list-box .img-holder .image-1 {
			width: 100%;
			height: 200px;
			border-radius: 10px 10px 0 0;
		}

			ul.hotel-list li .list-box .img-holder .image-1 img {
				width: 100%;
			}

		ul.hotel-list li .list-box .text-holder {
			width: 100%;
			padding: 15px;
		}

		ul.hotel-list li .list-box .img-holder .image-2 figure span {
			padding: 35px 0 0 0;
		}

	.img-center {
		width: 100%;
	}

	.btn-more-hotel {
		padding: 20px 0 20px 0;
	}

	.banner-sec .detial-heading {
		position: relative;
	}

		.banner-sec .detial-heading .text-right span.s-offer {
			padding: 2px 9px;
			margin: 0;
		}

		.banner-sec .detial-heading .text-left p {
			line-height: 22px;
		}

		.banner-sec .detial-heading .text-right .price-holder {
			padding: 0 0 0;
			width: auto;
			justify-content: end;
		}

			.banner-sec .detial-heading .text-right .price-holder span.price {
				font-size: 22px;
				display: inline-block;
				margin: 0px 0 0 0;
			}

		.banner-sec .detial-heading button {
			margin: 0 0 0 20px;
		}

	.tour-cards .item {
		width: 100%;
	}

	ul.download-opt li a {
		padding: 0 15px 0 20px;
	}

	.banner-sec .detial-heading .text-right a.book-hotel {
		margin: 0 30px 0 10px;
	}

	.gallery-holder {
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.gallery-holder .box-1 {
			padding: 0 0 2px 0;
			width: 100%;
		}

		.gallery-holder .box-2 {
			padding: 0 0 2px 0;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.gallery-holder .box-1 figure {
			border-radius: 0;
			width: 100%;
			height: 200px;
		}

			.gallery-holder .box-1 figure img {
				height: 200px !important;
				width: 100%;
				object-fit: fill;
			}

		.gallery-holder .box-2 figure {
			overflow: hidden;
			position: relative;
			margin: 0 0 0 0;
			width: 49.5%;
			height: auto;
		}

			.gallery-holder .box-2 figure img {
				width: 100%;
				height: 130px;
				object-fit: fill;
			}

	ul.check-list li {
		width: 48%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.step-box ul li:after {
		display: none;
	}

	.step-box ul {
		margin: 0 0 -30px 0;
	}

		.step-box ul li {
			width: 25%;
			margin: 0 -4px 30px 0;
		}

			.step-box ul li span {
				font-size: 12px;
				padding: 0px 0 0 0;
			}

			.step-box ul li .step {
				width: 20px;
				height: 20px;
			}

			.step-box ul li.current .step {
				transform: scale(1.2);
			}

			.step-box ul li.current span {
				padding-top: 5px;
				font-size: 14px;
			}

	.passenger-sec {
		padding: 0 0 0 0;
	}

		.passenger-sec .passenger-info h3 {
			font-size: 20px;
			line-height: 1;
			margin-bottom: 10px;
		}

		.passenger-sec .passenger-info h4 {
			font-size: 16px;
		}

	.banner-sec.with-side-img .text-holder,
	.banner-sec.with-side-img .img-holder {
		width: 100%;
	}

	.banner-sec .text-holder h1,
	.flight-holder .banner-sec .text-holder h1,
	.banner-sec .detial-heading h1 {
		font-size: 26px;
		line-height: 32px;
		margin: 0 !important;
	}

	.banner-sec .text-holder p {
		font-size: 15px;
		line-height: 23px;
	}

	.umh-heading h2,
	.um-content-sec h2,
	.sec-heading h2 {
		font-size: 24px;
		line-height: 34px;
		margin: 0 0 10px 0;
		font-weight: 400;
	}

	.um-content-sec h3,
	.um-more-package h3 {
		font-size: 22px;
		font-weight: 400;
	}

	ul.umh-duration-list li {
		width: 33.3%;
		padding: 0 6px 10px;
	}

	ul.um-package-list li a {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
	}

	.right-bar {
		padding: 12px 0 0 0;
	}

		.right-bar ul li {
			margin: 0 0 0 5px;
		}

			.right-bar ul li a {
				width: 34px;
				height: 34px;
				padding: 4px 0 0 0;
			}

	
	ul.umh-city-list a figure {
		padding: 0 10px;
	}

		ul.umh-city-list a figure img {
			width: 100%;
			height: 40px;
			object-fit: contain;
		}

	ul.umh-city-list a strong {
		font-size: 14px;
		line-height: 18px;
	}

	.banner-sec.with-side-img .img-holder {
		padding: 0;
		display: inline-block;
	}

		.banner-sec.with-side-img .img-holder figure {
			margin: 0;
			text-align: center;
		}

			.banner-sec.with-side-img .img-holder figure img {
				height: auto !important;
				display: inline-block;
			}


	.banner-sec .text-holder h2 {
		font-size: 27px;
		line-height: 38px;
	}

	.content-sec h3 {
		font-size: 20px;
		line-height: 28px;
		font-weight: 400;
	}

	.content-sec p {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.main-search.insurance-search {
		top: auto;
	}

	.content-sec .top-insurance ul li {
		width: 50%;
	}

		.content-sec .top-insurance ul li a img {
			width: 100%;
		}

	ul.results-holder {
		margin-bottom: 30px;
	}

		ul.results-holder li .box-first {
			width: 100%;
			margin: 0 0 10px 0;
		}

		ul.results-holder li .box-mid {
			width: 100%;
			padding: 0 0 10px 0;
		}

		ul.results-holder li .box-last {
			width: 100%;
			justify-content: space-evenly;
		}

		ul.results-holder li .modal-body ul li .box-right .inner-box {
			width: 100%;
		}

		ul.results-holder li .modal-dialog {
			margin: 100px 15px;
		}

		ul.results-holder li .company-detail {
			display: flex;
			width: 100%;
			align-items: center;
			margin: 0 0 15px 0;
		}

		ul.results-holder li .modal-body ul {
			height: 300px;
			overflow-x: scroll;
		}

	.info-btn-holder {
		margin: 0 0 30px 0;
		text-align: center !important;
	}

	.top-insurance {
		padding: 0 0 10px;
	}

		.top-insurance h2 {
			font-size: 26px;
			line-height: 34px;
		}

	ul.insurance-city {
		margin: 0;
		justify-content: space-between;
	}

	.login-header ul li {
		vertical-align: middle;
	}

		.login-header ul li a.login-btn {
			padding: 0;
			border: 1px solid #d2edeb;
			background: #f1f9f9 url(/main-root/images/icons/login-icon.webp) no-repeat 8px 7px;
			font-size: 0;
			line-height: 0;
			width: 34px;
			height: 34px;
		}

			.login-header ul li a.login-btn.login-after {
				background-image: none;
				padding: 1px 60px 5px 5px;
			}

				.login-header ul li a.login-btn.login-after img {
					width: 30px;
					height: 30px;
					border-radius: 50%;
				}

				.login-header ul li a.login-btn.login-after:after {
					top: 11px;
				}

	.hotel-city-sec ul {
		justify-content: space-between;
	}

	ul.top-flights {
		padding: 0 20px 0 15px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		ul.top-flights li {
			margin: 0 -4px 20px 0;
			list-style: none;
			width: 50%;
			padding: 0 10px;
		}

	ul.local-routes {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		ul.local-routes li {
			width: 50%;
		}

	.traveller-opt {
		left: auto;
		right: 0;
		padding: 10px 6px;
	}

	.payment .box .holder:first-child {
		width: 100%;
	}

	.payment .box .holder span {
		width: 50%;
	}

	.insurance-results {
		padding-top: 0;
	}

	.payment .box .holder {
		vertical-align: top;
	}

	.step-box ul li.active .step img {
		border-radius: 100%;
		width: 100%;
		vertical-align: top;
	}

	.step-box ul li.current .step img {
		opacity: 1;
		width: 100%;
		vertical-align: top;
	}

	ul.tab-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		ul.tab-list li {
			width: 50%;
		}

			ul.tab-list li a {
				padding: 2px 0;
				margin-bottom: 5px;
			}

				ul.tab-list li a strong {
					font-size: 14px;
					line-height: 30px;
				}

	.responsive-tabs dl {
		margin: 0 0 5px 0;
	}

	.flight-tabs-sec {
		padding: 30px 0 20px;
	}

	.content-sec ol {
		margin-left: 15px;
	}

	ul.det-list {
		margin: -10px 0 0;
	}

	ul.hotel-list li .list-box .text-holder ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		ul.hotel-list li .list-box .text-holder ul li {
			width: 50%;
		}

	ul.insurance-opt li {
		width: 100% !important;
	}

		ul.insurance-opt li .icon-box {
			border: 0;
		}

			ul.insurance-opt li .icon-box .text-holder {
				padding: 0;
			}

	p.uic-info span {
		width: 100%;
	}

	ul.insurance-offer {
		margin-bottom: 20px !important;
	}

		ul.insurance-offer li {
			width: 100%;
			margin: 0 !important;
		}

	.banner-sec.umrah-banner .text-holder h1,
	ul.um-pack-opt {
		width: 100%;
	}

	.banner-sec.umrah-banner .text-holder h1 {
		font-size: 26px;
	}

	ul.um-pack-opt {
		display: flex;
		flex-wrap: wrap;
	}

	.banner-sec.umrah-banner .text-holder ul.um-pack-opt li {
		width: 50%;
		margin: 0 0 10px 0;
	}

	.banner-sec.is-sticky .text-holder ul.um-pack-opt {
		width: 100%;
		display: flex;
		padding: 0 0 0 0;
	}

		.banner-sec.is-sticky .text-holder ul.um-pack-opt li {
			display: inline-block;
			width: 30%;
			margin: 0 0 10px 0;
		}

	.banner-sec.is-sticky ul.um-pack-opt li .fieldset {
		padding-left: 20px;
	}

	.banner-sec.is-sticky .checkbox + label {
		position: relative;
		padding-left: 0;
		font-size: 12px;
		line-height: 20px;
		cursor: pointer;
	}

	.banner-sec.is-sticky ul.um-pack-opt .checkbox + label::before {
		width: 16px;
		height: 16px;
		left: -20px;
		top: 0px;
	}

	.um-hotel-select {
		margin: 0 0;
	}

	#footer.main-footer .inner-footer .footer-logo {
		margin: 0;
		width: 100%;
		text-align: center;
	}

	ul.f-nav-left {
		width: 100%;
		padding: 15px 0 0;
	}

	ul.f-nav-right {
		width: 100%;
		padding: 15px 0 0 0;
	}

	.new-footer .copyright {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.top-footer .footer-box:first-child,
	.top-footer .footer-box,
	.top-footer .footer-box:last-child,
	.top-footer .footer-box:nth-child(3) {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer-box.f-app img {
		display: block;
		margin: 0 auto;
		width: 50% !important;
	}

		.top-footer .footer-box ul li {
			width: 47%;
			display: inline-block;
		}

		.top-footer .footer-box ul.media-links li {
			width: auto;
		}

	.footer-logo {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	ul.sponcer-link {
		margin: 0;
		width: 100%;
		text-align: center;
		padding: 15px 0;
	}

	ul.social-link {
		width: 100%;
		text-align: center;
		margin: 0;
	}

	.um-content-sec p img {
		width: 100% !important;
		height: 100% !important;
	}

	.banner-sec.with-side-img .text-holder ul.umh-duration-list,
	.banner-sec.with-side-img .text-holder ul.umh-duration-list.umh-city-list {
		width: 100%;
	}

	ul.umh-city-list {
		justify-content: flex-start;
	}

	.um-package-detail {
		margin-bottom: 30px;
	}

	.umh-days-package {
		padding: 0;
	}

	.um-holel-gallery {
		margin-bottom: 30px;
	}

	.btm-section .left-box .fieldset {
		width: 50%;
		margin: 0 0 10px 0;
	}

		.btm-section .left-box .fieldset:nth-child(1),
		.btm-section .left-box .fieldset:nth-child(3) {
			width: 40%;
		}

		.btm-section .left-box .fieldset:nth-child(2),
		.btm-section .left-box .fieldset:nth-child(4) {
			width: 56%;
			margin-left: 10px;
		}

			.btm-section .left-box .fieldset:nth-child(3) label,
			.btm-section .left-box .fieldset:nth-child(4) label {
				display: none;
			}

	.btm-section .box-holder select {
		height: 30px;
		line-height: 30px;
		font-weight: 500;
		font-size: 13px;
	}

	.btm-section .box-holder input[type="text"] {
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}

	.btm-section .left-box .fieldset span {
		display: block;
		font-size: 14px;
		line-height: 28px;
		font-weight: 500;
	}

	.btm-section .right-box {
		justify-content: center;
		width: 100%;
	}

	.btm-section .box-holder {
		margin: 0;
	}

	.btm-section .right-box .blue-btn {
		width: 50%;
		margin: 0 0 10px;
		padding: 7px 20px;
		display: inline-block;
	}

	.btm-section .left-box {
		width: 100%;
	}

	ul.imgnotfound {
		height: 180px;
		width: 100%;
		background: url(/main-root/images/um-home-images/hotel-photo.webp) no-repeat 0 0 /contain;
	}

	.btm-opt .select-holder .fieldset {
		padding: 0 3px 0 0;
	}

	.back-top {
		width: 50px;
		height: 50px;
		border-radius: 10px 0 0 10px;
		border: 0;
		border-right: 0;
		margin-bottom: 5px;
	}

		.back-top img {
			width: 40%;
		}

	ul.um-room-opt li {
		width: 25%;
	}

	.btm-section {
		z-index: 99;
	}

	.um-more-package {
		padding: 10px 0 30px 0;
		margin: 0;
	}

		.um-more-package ol {
			margin: 0 0 0 15px;
		}

	.offer button {
		border-radius: 10px 0 0 10px;
		height: 50px;
		width: 50px;
	}

	ul.sponcer-link li {
		margin: 0;
	}

		ul.sponcer-link li img {
			width: 60%;
		}

	.footer-holder .copyright p {
		font-size: 12px;
	}

	.umh-duration-sec {
		padding: 30px 0 0;
	}

	.inner-custom-content {
		margin: 0;
	}

	.world-tour .package-tab ul li {
		width: 50%;
	}

	ul.download-opt li {
		padding: 0 0 0 30px;
	}

	.tour-gallery .item .img-holder figure {
		height: 220px;
	}

	.tour-gallery.activties .item .img-holder figure {
		height: 220px;
	}

		.tour-gallery.activties .item .img-holder figure img {
			width: 100%;
			object-fit: cover;
			height: 100%;
		}

	ul.booking-list li:first-child {
		display: none;
	}

	ul.booking-list li {
		border: 1px solid #ddd;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}

		ul.booking-list li:hover {
			background: #fdf3e9;
		}

	.tour-packages.world-tour .package-tab.pack-new {
		min-height: auto;
	}

	ul.booking-list li .booking-opt {
		border: 0;
	}

		ul.booking-list li .booking-opt .left-box {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

			ul.booking-list li .booking-opt .left-box span,
			ul.booking-list li .booking-opt .right-box span {
				padding: 0;
			}

				ul.booking-list li .booking-opt .left-box span.date-opt {
					width: 100%;
					line-height: 20px;
					font-size: 16px;
				}

				ul.booking-list li .booking-opt .left-box span.note-opt {
					width: 100%;
					line-height: 20px;
				}

		ul.booking-list li .booking-opt .right-box {
			width: 110%;
			background: #f0f9ff;
			margin: 10px -10px -10px -10px;
			align-items: center;
			padding: 8px 10px;
		}

			ul.booking-list li .booking-opt .right-box span.price-opt {
				width: 100%;
				text-align: left;
				line-height: 20px;
			}

			ul.booking-list li .booking-opt .right-box button.btn-booking {
				background: #0890fa;
				color: #fff;
				margin: 0;
			}

	a.new-more {
		margin-bottom: 15px;
	}

	.package-tab.pack-new h2 {
		margin: 0;
	}

	.latest-tour ul {
		margin: 0 -15px;
	}

		.latest-tour ul li {
			padding: 0 15px;
			width: 50%;
		}

	.tour-gallery.activties .item .text-holder h3 {
		font-size: 19px;
		line-height: 24px;
	}

	.tour-gallery.activties .item .text-holder .top-box strong {
		font-size: 16px;
	}

		.tour-gallery.activties .item .text-holder .top-box strong em {
			font-size: 16px;
			vertical-align: top;
		}

		.tour-gallery.activties .item .text-holder .top-box strong span.old-price {
			font-size: 16px;
		}

	.tour-gallery.activties .item .text-holder .top-box span.onsale {
		font-size: 13px;
		padding: 0 15px;
	}

	.tour-gallery.activties .item .text-holder .top-box span.hour {
		font-size: 13px;
	}

	.key-facts ul li {
		padding: 0 0 0 0;
		margin: 0 0 20px 0;
		width: 100%;
		text-align: center;
	}

	.tour-gallery .item .img-holder figure figcaption {
		padding: 20px 10px;
	}

	ul.booking-list li .booking-opt .right-box span.price-opt em {
		color: #787878;
		margin: 0 5px 0 0;
		text-decoration: line-through;
		font-size: 12px;
		font-style: normal;
		display: inline-block;
		font-weight: normal;
	}

	ul.booking-list li .booking-opt .right-box button.btn-booking:hover {
		background: none;
		border: 0;
	}

	.main-search.visa-search {
		top: 0;
	}

		.main-search.visa-search .search-bar {
			margin: 0;
		}

		.main-search.visa-search .search-holder .left-search,
		.main-search.visa-search .search-holder .right-search {
			width: 100%;
		}

	ul.visa-card-list li {
		width: 50%;
	}

		ul.visa-card-list li a {
			display: block;
		}

	.v-card .img-holder figure {
		width: 100%;
		height: auto;
	}

		.v-card .img-holder figure img {
			object-fit: cover;
			height: auto;
			width: 100%;
		}

	.visa-countries h3 {
		margin: 0 0 15px 0;
	}

	.package-tab.pack-new ul li {
		width: 50%;
	}

	.table-responsive {
		border: 0;
	}

	.table-holder {
		margin: 0;
	}

	.box {
		width: 100%;
	}

	#main.galleryListing {
		padding-top: 50px;
	}

	.tour-gallery .item .text-holder .total-cast p a.priceBreak {
		background-position: 0 18px;
		padding: 15px 0 15px 20px;
	}

	ul.trips-menu-cards {
		padding: 30px 0 0 0;
	}

		ul.trips-menu-cards li {
			width: 33.3%;
		}

			ul.trips-menu-cards li a {
				height: 100px;
			}

				ul.trips-menu-cards li a .img-holder {
					height: 70%;
				}

	.main-slider {
		height: auto;
	}

	ul.main-slides li figure figcaption {
		right: 20px;
	}

	.dis-flag {
		background-size: 100%;
		width: 150px;
	}

	ul.review-slide {
		margin: 0;
	}

	.box-img .text-holder {
		width: 100%;
		padding: 0 0 20px 0;
	}

	.box-img .img-holder,
	.fact-holder ul li,
	.box-img.contact .text-holder {
		width: 100%;
	}

	.box-img.contact .img-holder {
		width: 100%;
		display: block;
	}

		.box-img.contact .img-holder figure {
			width: 100%;
			margin: 0 0 20px 0;
		}

	.text-left {
		width: 100%;
	}

	.table-holder ul.booking-list {
		margin: 0 25px;
	}

	.text-right {
		text-align: left;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	ul.trips-menu-cards li:first-child figure img {
		transform: scaleX(-1);
	}

	.filepond--list-scroller {
		overflow-x: auto;
	}

	.passenger-sec .passenger-info .lst-box button.remove {
		margin: 10px 0 20px 10px;
	}

	ul.news-card-list li {
		width: 100%;
	}

	.main-search .search-holder .btm-opt .fieldset {
		width: 49%;
		margin: 0;
	}

		.main-search .search-holder .btm-opt .fieldset select {
			width: 88%;
		}

	.hotel-list-sec .container .row {
		display: flex;
		flex-wrap: wrap;
	}

		.hotel-list-sec .container .row .col-lg-9.col-md-9.col-sm-12 {
			order: 2;
			width: 100%;
		}

		.hotel-list-sec .container .row .col-lg-3.col-md-3.col-sm-12 {
			order: 1;
			width: 100%;
		}

	#sidebar {
		width: 100% !important;
		height: auto !important;
		position: relative !important;
		top: auto !important;
	}

	.hotel-list-sec .container .row .col-lg-12 {
		width: 100%;
	}

	.hotel-list-sec .container .row .col-lg-6.col-md-6.col-sm-12 {
		width: 100%;
	}

	.facli-box {
		margin-bottom: 30px;
	}

	.paragraphData {
		white-space: normal !important;
	}

	.lab-modal-body {
		margin: 50px auto 0;
		padding: 20px;
		max-width: 90%;
	}

	.descountDetail h4 {
		margin: -20px -20px 10px;
		padding: 10px 0;
		font-size: 16px;
		line-height: 22px;
	}

	.descountDetail .booking-box {
		margin: 0 -10px;
	}

	.descountDetail .img-holder {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}

	.descountDetail .text-holder {
		width: 100%;
	}

		.descountDetail .text-holder h5 {
			font-size: 16px;
			margin: 0 0 10px 0;
		}

	.lab-modal-body p {
		margin: 0 0 7px 0;
		line-height: 18px;
		font-size: 12px;
		color: #000;
	}

		.lab-modal-body p img {
			float: right;
			width: 100%;
		}

	.descountDetail button.close {
		margin: 0;
		width: 20px;
		height: 20px;
		position: absolute;
		top: -10px;
		right: -10px;
		background: red;
		border-radius: 50%;
		opacity: 1;
		color: #fff;
		font-weight: normal;
	}

	.user-login p span {
		display: block;
	}



	ul.final-booking-list li:first-child {
		display: none;
	}

	ul.final-booking-list li .booking-opt {
		border-radius: 10px;
		border: 1px solid #9b9b9b;
		margin-bottom: 10px;
		padding: 5px;
		overflow: hidden;
	}

		ul.final-booking-list li .booking-opt .left-box {
			width: 100%;
			padding: 6px 0;
		}

			ul.final-booking-list li .booking-opt .left-box span.type {
				width: 100%;
				font-size: 17px;
				line-height: 24px;
			}

			ul.final-booking-list li .booking-opt .left-box span.basis {
				width: auto;
				font-size: 15px;
				line-height: 26px;
			}

			ul.final-booking-list li .booking-opt .left-box .b-condi {
				width: auto;
			}

				ul.final-booking-list li .booking-opt .left-box .b-condi span.booking-condi-btn {
					font-size: 15px;
					line-height: 26px;
				}

		ul.final-booking-list li .booking-opt .right-box {
			width: 106%;
			padding: 0;
			position: relative;
			background: #f8f8f8;
			display: flex;
			align-items: center;
			margin: 0 -5px -5px;
		}

	ul.final-booking-list li .right-box span.occupancy {
		display: none;
	}

	ul.final-booking-list li .right-box .price-box {
		width: 70%;
		display: flex;
		position: relative;
		align-items: center;
		margin: 0;
	}

		ul.final-booking-list li .right-box .price-box span.price {
			order: 2;
			font-size: 15px;
			margin: 0 0 0;
		}

		ul.final-booking-list li .right-box .price-box button.save-price {
			order: 1;
			font-size: 13px;
			padding: 0 13px 0 30px;
		}

		ul.final-booking-list li .right-box .price-box span.price-tax {
			margin-bottom: 0;
			position: absolute;
			left: 52%;
			font-size: 8px;
			bottom: -11px;
		}

	ul.final-booking-list li .right-box .form-row {
		width: 25%;
		height: 25px;
		margin: 10px 10px 10px 0;
		border: 0;
		background: none;
	}

	ul.final-booking-list li .right-box .form-label {
		line-height: 26px;
		color: #000;
		margin: 0 0 0 0px;
		font-weight: 500;
	}

	ul.final-booking-list li .right-box .form-input::after {
		height: 20px;
		top: 48%;
		transform: translate(0, -48%);
		width: 20px;
		left: 1px;
		top: 11px;
	}

	#footer {
		padding-top: 30px;
	}

	ul.final-booking-list li .booking-opt .left-box .b-condi span:first-child {
		display: none;
	}

	ul.hotel-list li:after {
		left: -4px;
		top: 15px;
	}

	.h-side-box .text-holder .cost-box button.save-price {
		margin: 0 0 0 0;
		padding: 0 18px 0 30px;
		height: 24px;
	}

	a.btn-whatsapp{
		width: 42px;
		height: 30px;
		padding: 4px 6px 4px 6px;
		margin: 0 6px 0 -12px;
	}
    a.btn-visainfo {
        width: 47px;
        height: 30px;
        margin: 0px 20px 0 0;
        border: 1px solid #999;
        padding-top: 2px;
    }
    ul.booking-list li .company-detail{
        width: 100%;
    }
    ul.booking-list li .price-side {
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding: 10px 0 0 0;
    }
    ul.booking-list li .price-side span em{
        display: inline-block;
    }
	.detail-content .box-holder ul.inner-images {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

		.detail-content .box-holder ul.inner-images li {
			width: 31%;
		}

	.whatsapp-offer {
		padding: 10px;
	}

		.whatsapp-offer h3 {
			font-size: 17px;
		}

		.whatsapp-offer table thead tr th {
			font-size: 12px;
			line-height: 22px;
			padding: 2px 10px;
			white-space: nowrap;
		}

		.whatsapp-offer table tbody tr td {
			font-size: 12px;
			line-height: 22px;
			padding: 2px 10px;
		}

		.whatsapp-offer table > tbody > tr > td a {
			font-size: 0;
			line-height: 24px;
			width: 24px;
			height: 24px;
		}

	ul.visa-service-list li {
		width: 50%;
	}

		ul.visa-service-list li a {
			padding: 20px 10px;
		}

	.list-w-icon {
		margin-bottom: 20px;
	}

		.list-w-icon ul li {
			width: 100%;
		}

	.listgroup-holder ul:nth-child(1) {
		width: 100%;
	}

	.listgroup-holder ul:nth-child(2) {
		width: 100%;
		padding: 15px 10px;
		border: 0;
		border-top: 1px solid #b1b5b7;
		border-bottom: 1px solid #b1b5b7;
	}

	.listgroup-holder ul:nth-child(3) {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px 10px;
	}

		.listgroup-holder ul:nth-child(3) li {
			width: 50%;
		}

	a.loadmoreroutes {
		margin-top: 15px;
	}

	/* ul.route-detail-list li .holder-box {
		padding: 5px;
	}

		ul.route-detail-list li .holder-box .flight-holder {
			width: 100%;
		}

	.flight-holder .fligut-route .holder {
		width: 60%;
	}

	.flight-holder .fligut-route .holder-m {
		width: 20%;
	} */

	.flight-holder .fligut-route .holder figure {
		width: 70px;
		height: 70px;
	}

		.flight-holder .fligut-route .holder figure img {
			width: 100%;
		}

	.flight-holder .fligut-route .holder-m span:last-child {
		display: none;
	}

	.flight-holder .fligut-route .holder .text-box h5,
	.flight-holder .fligut-route .holder-end h5 {
		font-size: 15px;
	}

	.flight-holder .fligut-route .holder .text-box p,
	.flight-holder .fligut-route .holder-end p {
		font-size: 12px;
	}

	.flight-holder ul.route-detail-list li .holder-box .price-holder {
		padding: 10px 7px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		width: 100%;
	}

		.flight-holder ul.route-detail-list li .holder-box .price-holder:after {
			display: none;
		}

		.flight-holder ul.route-detail-list li .holder-box .price-holder .price,
		.flight-holder ul.route-detail-list li .holder-box .price-holder .btn-box {
			width: 50%;
		}

		.flight-holder ul.route-detail-list li .holder-box .price-holder .btn-box {
			text-align: right;
		}

	.same-hight {
		flex-wrap: wrap;
	}

		.same-hight .col-lg-9 {
			flex: auto;
		}

		.same-hight .col-lg-3 {
			margin-top: 20px;
		}

	ul.new-air-list li {
		width: 100%;
	}

	.content-sec .destination-box ul {
		margin: 0;
	}

		.content-sec .destination-box ul li {
			width: 50%;
			padding: 0;
		}

	.return .modal-lg {
		width: auto;
	}

	.modal-lg .flight-box-holder .flight-box {
		width: 100%;
		padding: 10px 5px;
	}

	.baggage-added {
		font-size: 12px;
		line-height: 18px;
	}

	.passenger-holder .info-box .top-row,
	.passenger-holder .info-box .btm-row {
		flex-wrap: wrap;
	}

		.passenger-holder .info-box .top-row .fieldset,
		.passenger-holder .info-box .btm-row .fieldset,
		.week-view ul.days li.show ul li:first-child {
			width: 100%;
		}

	.sidebar .side-box .inner-box ul.btm-list li .btm .box {
		width: auto;
	}

	.week-view ul.weekdays {
		display: none;
	}

	.week-view ul.days li.show ul li:first-child {
		text-align: center;
	}

	.week-view ul.days li.show ul li {
		width: 50%;
		margin: 0 0 10px 0;
	}

	.um-content-sec figure.image,
	.content-sec figure.image {
		width: 100% !important;
		margin: 0 0 30px 0;
	}

		.um-content-sec figure.image img,
		.content-sec figure.image img {
			width: 100% !important;
			padding: 0;
		}

	.ndc-flight-details .fligut-route .holder {
		overflow: hidden;
		padding: 0;
		width: 60%;
	}

		.ndc-flight-details .fligut-route .holder figure {
			padding: 0;
			width: 70px;
			height: 70px;
		}

	ul.route-detail-list.ndc-flight-details li .fligut-route .holder figure img {
		height: 60px;
		width: 60px;
	}

	.ndc-flight-details .fligut-route .holder-m span {
		font-size: 12px;
		display: none;
	}

	.ndc-flight-details .fligut-route {
		align-items: flex-start;
	}

	.ndc-table {
		overflow: hidden;
	}

		.ndc-table .table {
			overflow-y: scroll;
		}

	.ndc-fare-details {
		width: 1200px;
	}
	.um-content-sec figure.table table tr td{
        white-space:nowrap;
    }
	.new-booking-holder .new-booking-box .box-left {
		width: 100%;
		padding: 15px 15px !important;
	}
	.new-booking-holder .new-booking-box .box-right{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.new-booking-holder .new-booking-box .box-right ul li span:first-child{
		width: 100%;
	}
	.new-booking-holder .new-booking-box .box-right ul li span{
		width: auto;
	}
	.new-booking-holder .new-booking-box .box-right ul li span em{
		display: inline-block;
	}
	.activity-box .img-holder {
		width: 100%;
		margin-bottom: 15px;
	}
	.activity-box .text-holder {
		width: 100%;
		margin-bottom: 20px;
	}
	.activity-box{
		margin-bottom: 0px;
	}
	.honeymoon-box .img-holder figure img {
		height: 280px !important;
	}
	.honeymoon-box .img-holder.right-img {
		margin-top: 15px;
	}
	.honeymoon-box .img-holder figure figcaption {
		left: 10px;
        top: 30px;
        width: 80%;
        background: rgba(255, 255, 255, 0.8);
	}
	ul.review-slide li{
		padding: 0;
	}
	.top-search.multi-search .calendar-fields.field-3 {
		width: 100%;
	}
	.top-search.multi-search .calendar-fields.field-3 .fieldset {
		border-radius: 0 0 10px 10px;
		width: 100%;
	}
	.top-search.multi-search {
		padding-top: 30px;
	}
	.search-wrap .passenger-select {
		width: 200px;
		top: -22px;
		right: 0;
		left: auto;
	}
	.select-holder .right-btn {
		width: 100%;
		margin: 10px 20px 0 0;
	}
	.select-holder .right-btn button.btn-search,
	.news-share img {
		width: 100%;
	}
	.box-img .inner-holder .img-holder ,
	.box-img .inner-holder .text-holder{
		width: 100%;
	}
}

/* 767px to 480px */
@media screen and (max-width: 768px) {
}

/* 480px to 320px */
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}