@media (max-width: 1530.98px) {
	.addressing-calls {
		padding-top: 68px;
		padding-bottom: 41px;
	}

	.thankyou {
		padding-top: 141px;
		padding-bottom: 123px;
	}

	.kabba-dua-img {
		right: 64px;
	}

	.choose-us {
		margin-top: 51px;
	}

	.swiper-btns .swiper-button-next {
		width: 55px;
		height: 55px !important;
		;
	}

	.hoteling-swap .swiper-button-next {
		right: -57px;
		top: 164px;
	}

	.swiper-btns .swiper-button-prev {
		width: 55px;
		height: 55px !important;
		;
	}

	.hoteling-swap .swiper-button-prev {
		left: -56px;
		top: 164px;
	}

	.pattern1 img {
		max-width: 658px;
	}

	.thankyou-error {
		padding-top: 98px;
		padding-bottom: 102px;
	}
}

@media (max-width: 1399.98px) {
	.thankyou-error {
		padding-top: 73px;
		padding-bottom: 76px;
	}

	.day-nighting .form-input.contact-main {
		max-width: 139px;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 139px;
		width: 100%;
	}

	.beat {
		padding-bottom: 98px;
		margin-top: 44px;
	}

	.kalma-tayabba img {
		max-width: 37px;
	}

	.similar-umrah {
		margin-top: 18px;
		margin-bottom: 53px;
	}

	.praying-img img {
		max-width: 50px;
	}

	.content-btn .swiper-button-next {
		right: -285px;
		top: 214px;
	}

	.content-btn .swiper-button-prev {
		left: 95px;
		top: 214px;
	}

	.star-price-umrah p {
		font-size: 14px;
	}

	.umrah-houses {
		padding: 15px 11px 11px 11px;
		max-width: 176px;
		width: 100%;
	}

	.prying-money p {
		font-size: 33.79px;
	}

	.hajj-detail {
		padding-top: 46px;
	}

	.day-umrah h5 {
		font-size: 26px;
		font-weight: 700;
		line-height: 22px;
	}

	.quotting {
		max-width: 788px;
		width: 100%;
	}

	.plan-quote {
		max-width: 610px;
	}

	.year p {
		font-size: 50px;
	}

	.umrah-ramadan {
		left: 38px;
		top: 18px;
	}

	.year {
		top: 113px;
		right: 105px;
	}

	.form-data {
		max-width: 696px;
		padding: 38px 18px 21px;
		margin-top: 12px;
	}

	.plan-quote p {
		font-size: 20px;
	}

	.view-all-packages {
		top: 202px;
		right: 245px;
	}

	.variety-name span {
		font-size: 59.26px;
	}

	.high-arrows {
		top: 110px;
		left: 221px;
	}

	.variety-name {
		top: 60px;
		right: 191px;
	}

	.prices p {
		font-size: 37.86px;
		line-height: 36px;
	}

	.prices {
		top: 150px;
		left: 208px;
	}

	.years {
		top: 41px;
		left: 118px;
	}

	.view-all-packaging {
		top: 118px;
		left: 47px;
	}

	.price {
		top: 234px;
		right: 44px;
	}

	.price p {
		font-size: 43.86px;
		line-height: 47px;
	}

	.high-arrow {
		top: 192px;
		right: 154px;
	}

	.citywise-umrah {
		margin-top: 6px;
		padding-bottom: 40px;
	}

	.monthwise-umrah {
		margin-top: 39px;
		padding-bottom: 46px;
	}

	.pattern1 img {
		max-width: 620px;
	}

	.trusted {
		padding-top: 71px;
		padding-bottom: 60px;
	}

	.truest-head span {
		margin-left: 55px;
		font-size: 70.35px;
		line-height: 29px;
	}

	.truest-head p {
		font-size: 41.06px;
		font-weight: 700;
	}

	.visa-scrollbar {
		padding-top: 61px;
		padding-bottom: 55px;
	}

	.kabba-design img {
		max-width: 638px;
	}

	.hoteling-swap .swiper-button-prev {
		left: 48px;
		top: -44px;
	}

	.umrah-media img {
		max-width: 233px;
	}

	.hoteling-swap .swiper-button-next {
		right: 4px;
		top: -44px;
	}

	.content {
		bottom: 17px;
		left: 19px;
	}

	.kalma {
		top: 27px;
	}

	.cont p {
		font-size: 23.52px;
		line-height: 24px;
	}

	.cont span {
		font-size: 40.61px;
		line-height: 16px;
		left: 10px;
		text-align: start;
	}

	.content-head {
		padding: 8px 13px;
	}

	.price-start {
		margin-left: 21px;
	}

	.price-start p {
		font-size: 30.62px;
		line-height: 24px;
		margin-right: 10px;
	}

	.hajj-umrah-package.star-pkg {
		margin-top: 41px;
	}

	.kalma-tayabba {
		top: 43px;
		left: -41px;
	}

	.media img {
		max-width: 224px;
		/* width: 100%; */
	}

	.hajj-umrah-package .media img {
		max-width: 242px;
	}

	.packagess {
		margin-top: 38px;
		margin-bottom: 60px;
	}

	.addressing-calls {
		padding-top: 58px;
		padding-bottom: 25px;
	}

	.contact-menu ul li {
		margin-bottom: 9px;
	}

	.contact-menu span {
		margin-bottom: 24px;
	}

	.contact-via-media.foo-num {
		margin-top: 20px;
	}

	.footer-pub {
		margin-top: 35px;
	}

	.footer-pub p {
		font-size: 14px;
	}

	.copyrights {
		padding: 12px 0;
	}

	.thankyou {
		padding-top: 69px;
		padding-bottom: 98px;
	}

	.thanku-design img {
		max-width: 600px;
		width: 100%;
	}

	.thanku-design {
		top: 22px;
	}

	.footer-logo img {
		max-width: 210px;
		width: 100%;
	}

	.error-tick img {
		max-width: 350px;
		width: 100%;
	}

	.policies {
		padding-top: 36px;
		padding-bottom: 14px;
	}

	.kabba-dua-img img {
		max-width: 559px;
		width: 100%;
	}

	.kabba-dua-img {
		right: 31px;
	}

	.contact-us {
		margin-top: 41px;
		padding-top: 7px;
		padding-bottom: 49px;
	}

	.hajj-umrah-package {
		text-align: end;
		max-width: 242px;
		width: 100%;
		margin-right: 0;
		margin-left: auto;
	}

	.counting {
		left: -43px;
		bottom: -22px;
	}

	.counting.num-count {
		left: -38px;
	}
}


@media (max-width: 1199.98px) {
	.thankyou-error .para-thnku p {
		padding-top: 22px;
	}

	.thankyou-error .thanku-head {
		padding-top: 7px;
	}

	.cont-button-enq-for {
		max-width: 243px;
		margin-top: 24px;
	}

	.beat {
		padding-bottom: 40px;
		margin-top: 35px;
	}

	.day-nighting .form-input.contact-main {
		max-width: 232px;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 232px;
		width: 100%;
	}

	.form-data .form-control {
		padding: 6.5px 13px;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.5;
		color: #212529;
		background-color: #f7f0e1;
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 10px;
	}

	.stellarnav.desktop li.has-sub a {
		padding-right: 56px;
	}

	.makkah-madni-detail {
		padding: 14px 0px 12px;
	}

	.detail-tabs {
		padding-top: 25px;
	}

	.umrah-houses {
		padding: 12px 11px 9px 9px;
		max-width: 148px;
		width: 100%;
	}

	.praying-img img {
		max-width: 41px;
	}

	.prying-money p {
		font-size: 21.79px;
	}

	.prying-money small {
		font-size: 12.4px;
	}

	.prying-money sup {
		font-size: 13.56px;
		font-weight: 400;
		top: -11px;
		right: 3px;
	}

	.hajj-detail {
		padding-top: 30px;
	}

	.day-umrah h5 {
		font-size: 23px;
		font-weight: 700;
		line-height: 22px;
	}

	.content-btn .swiper-button-next {
		right: -302px;
		top: 214px;
	}

	.content-btn .swiper-button-prev {
		left: 16px;
		top: 214px;
	}

	.package-detail-swp .gallery-thumbs {
		display: none !important;
	}

	.night-shift-detail p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px;
	}

	.night-shift-detail ul li {
		margin-left: 20px;
		margin-bottom: 7px;
		font-size: 14px;
	}

	.quotting {
		max-width: 691px;
		width: 100%;
	}

	.header-contact {
		max-width: 293px;
		width: 100%;
		/* margin-left: auto; */
		margin-right: 0;
	}

	.enqiring-forming {
		max-width: 314px;
		padding: 20px 16px;
	}

	.plan-quote {
		max-width: 515px;
	}

	.form-with-contact-enquire .form-control {
		padding: 8.5px 20px;
		font-size: 13px;
	}

	.whatsapp-img a {
		padding: 8px 10px;
	}

	.logo img {
		max-width: 180px;
	}

	.head {
		margin: 16px 0;
	}

	.all-umrah-pacakge {
		text-align: end;
		max-width: 247px;
		width: 100%;
		margin-left: auto;
		margin-right: 0;
	}

	.view-all-packages {
		top: 130px;
		right: 245px;
	}

	.year {
		top: 55px;
		right: 105px;
	}

	.view-all-packages {
		font-size: 14px;
		/* padding: 3px 5px; */
	}

	.year p {
		font-size: 42px;
	}

	.price {
		top: 167px;
		right: 60px;
	}

	.year span {
		font-size: 29px;
	}

	.variety-name span {
		font-size: 46.26px;
	}

	.variety-name {
		top: 14px;
		right: 191px;
	}

	.price sup {
		font-size: 16.87px;
		top: -20px;
		left: -2px;
	}

	.years {
		top: 34px;
		left: 118px;
	}

	.view-all-packaging {
		top: 90px;
		left: 14px;
	}

	.high-arrows {
		top: 88px;
		left: 152px;
	}

	.prices sup {
		font-size: 15.87px;
		top: -16px;
		left: -2px;
	}

	.prices p {
		font-size: 29.86px;
		line-height: 27px;
	}

	.prices {
		top: 130px;
		left: 156px;
	}

	.name-hajj {
		top: 33px;
		left: 17px;
	}

	.ayat {
		margin-top: 32px;
		margin-bottom: 22px;
	}

	.years span {
		font-size: 23.21px;
	}

	.price p {
		font-size: 34.86px;
		line-height: 35px;
	}

	.years p {
		font-size: 35.48px;
	}

	.umrah-ramadan span {
		color: var(--bg-white);
		font-size: 25.53px;
		font-weight: 700;
	}

	.umrah-ramadan {
		left: 38px;
		top: 18px;
	}

	.high-arrow {
		top: 123px;
		right: 167px;
	}

	.arrow-pkg {
		width: 28px;
		height: 28px;
		margin-left: 22px;
	}

	.name-hajj span {
		font-size: 26.53px;
	}

	.year-pkg {
		top: 56px;
		left: 37px;
	}

	.year-pkg p {
		font-size: 29.48px;
	}

	.scrollbar {
		padding: 34px 12px 34px 34px;
	}

	.truest-head span {
		margin-left: 49px;
		font-size: 53.35px;
		line-height: 22px;
	}

	.truest-head p {
		font-size: 36.06px;
		font-weight: 700;
	}

	.view-all-packaging {
		padding: 5px 5px 5px 13px;
		font-size: 13px;
	}

	.arrow-pkg {
		margin-left: 7px;
	}

	.view-all-packaging.dec {
		position: absolute;
		top: 111px;
		left: 20px;
	}

	.trusted {
		padding-top: 35px;
		padding-bottom: 34px;
	}

	.scrollbar-content {
		height: 436px;
	}

	.kabba-design img {
		max-width: 518px;
	}

	.umrah-media img {
		max-width: 247px;
	}

	.swiper-btns .swiper-button-next {
		width: 48px;
		height: 48px !important;
	}

	.trusted-para p {
		font-size: 14px;
	}

	.swiper-btns .swiper-button-prev {
		width: 48px;
		height: 48px !important;
	}

	.trusted-para {
		max-width: 441px;
		margin-top: 34px;
	}

	.arrow-button img {
		max-width: 7px;
	}

	.having-all-packages {
		margin-top: 28px;
	}

	.hoteling-swap .swiper-button-next {
		right: 4px;
		top: -36px;
	}

	.hoteling-swap .swiper-button-prev {
		left: 25px;
		top: -36px;
	}

	.kalma {
		top: 40px;
		left: -56px;
	}

	.best-selling {
		background-color: #f2f2f2;
		padding-top: 31px;
		padding-bottom: 63px;
	}

	.hajj-umrah-package.star-pkg {
		margin-top: 25px;
	}

	.seasonal-umrah {
		margin-top: 39px;
		padding-bottom: 49px;
	}

	.umrah-content {
		bottom: 81px;
		left: 28px;
	}

	.counting.num-count {
		left: -33px;
	}

	.phone a {
		padding: 6px 9px;
	}

	.hajj-umrah-package {

		max-width: 242px;
		width: 100%;
		margin: auto;
		margin-top: 25px;
	}

	.counting {
		left: -47px;
		bottom: -22px;
	}

	.content {
		bottom: 17px;
		left: 17px;
	}

	.media img {
		max-width: 260px;
		/* width: 100%; */
	}

	.packagess {
		margin-top: 30px;
		margin-bottom: 46px;
	}

	.main-heading.some-he span {
		font-size: 55px;
		line-height: 54px;
		left: 37.5%;
		top: 30px;
	}

	.kalma-tayabba {
		top: 38px;
		left: -45px;
	}

	.main-heading h2 {
		font-size: 39px;
		font-weight: 700;
	}

	.choose-us {
		margin-top: 38px;
	}

	.choosed .choose-img:last-child img {
		max-width: 20px;

	}

	.choosed p {
		font-size: 13px;
		margin-top: 12px;
	}

	.choosed p {
		font-size: 15px;
		margin-top: 15px;
	}

	.kabba-dua-img img {
		max-width: 439px;
	}

	.why-choose-us {
		margin-top: 74px;
		padding-bottom: 47px;
	}

	.contract-heading span {
		font-size: 52px;
		margin-left: 35px;
	}

	.contract-heading p {
		font-size: 38px;
	}

	.kabba-dua-img {
		right: 31px;
		top: 87px;
	}

	.footer-logo img {
		max-width: 200px;
		width: 100%;
	}

	.form-with-contact {
		margin-top: 31px;
	}

	.contact-form {
		margin-top: 27px;
	}

	.footer-logo {
		text-align: center;
	}

	.addressing-calls {
		padding-top: 41px;
		padding-bottom: 20px;
	}

	.footer-pub {
		margin-top: 18px;
		text-align: center;
	}

	.socials {
		margin: auto;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.contact-menu span {
		margin-bottom: 15px;
	}

	.thankyou-tick img {
		max-width: 105px;
		width: 100%;
	}

	.thanku-head p {
		font-size: 80px;
	}

	.thanku-head span {
		font-size: 70px;
		margin-left: 52px;
	}

	.thankyou-button {
		margin-top: 58px;
	}

	.thanku-head {
		padding-top: 2px;
	}

	.thankyou {
		padding-top: 43px;
		padding-bottom: 62px;
	}

	.error-tick img {
		max-width: 297px;
		width: 100%;
	}

	/* page-content s */

	.page-content h1,
	.page-content h2,
	.page-content h3 {
		margin: 20px 0;
	}

	.page-content h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.page-content h2 {
		font-size: 27px;
	}

	.page-content h3 {
		font-size: 26px;
	}

	.page-content h4,
	.page-content h5,
	.page-content h6 {
		margin: 17px 0;
	}

	.page-content h4 {
		font-size: 20px;
	}

	.page-content h5 {
		font-size: 19px;
	}

	.page-content h6 {
		font-size: 17px;
	}

	.page-content p {
		margin: 12px 0;
	}

	.page-content blockquote {
		max-width: 95%;
		margin: 20px auto;
		padding: 15px 15px;
		border-width: 0 5px 0 5px;
	}

	.page-content ul,
	.page-content ol {
		padding: 10px 7.6px;
		margin: 10px;
	}

	.page-content ul li,
	.page-content ol li {
		line-height: 29px;
		margin-bottom: 15px;
	}

	.page-content ul li::before {
		top: 10px;
	}

	/* page-content e */

}

@media (max-width: 991.98px) {
	.thankyou-error .thanku-head p {
		font-size: 54.31px;
		font-weight: 700;
		line-height: 57px;
	}

	.thankyou-error .para-thnku p {
		text-align: center;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		color: #6e7b8e;
		padding-top: 14px;
	}

	.form-with-contact {
		margin-top: 25px;
		max-width: 439px;
	}

	.stellarnav.mobile.right>ul {
		right: 0;
		background: black;
		z-index: 999;
	}

	.day-nighting .form-input.contact-main {
		max-width: 216px;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 216px;
		width: 100%;
	}

	.menu-img {
		display: none;
	}

	.banner-navigation {
		padding: 15px 0;
	}

	.quote p {
		margin-left: 7px;
		font-size: 13px;
	}

	.quote a {
		padding: 13px 11px;
	}

	.quotting {
		max-width: 609px;
		width: 100%;
	}

	.menu-arrow {
		display: none;
	}

	.plan-quote::after {
		top: 3px;
		width: 36px;
		height: 36px;
		right: 5px;
	}

	.plan-quote::before {
		top: 3px;
		width: 45px;
		height: 41px;
		left: 19px;
		background-size: 37px;
		background-repeat: no-repeat;
	}

	.plan-quote p {
		font-size: 16px;
	}

	.plan-quote {
		max-width: 468px;
	}

	.name-hotels span {
		font-size: 14px;
		font-weight: 600;
	}

	.star-price-umrah p {
		font-size: 13px;
		line-height: 15px;
	}

	.umrah-houses {
		padding: 12px 11px 9px 9px;
		max-width: 129px;
		width: 100%;
	}

	.all-enquire-pkg-detail {
		flex-wrap: wrap;
	}

	.ministry-logos img:last-child {
		max-width: 90px !important;
	}

	.ministry-logos img:first-child {
		max-width: 30px;
	}

	.logo img {
		max-width: 146px;
	}

	.truest-head p {
		font-size: 29.06px;
	}

	.content-btn .swiper-button-next {
		right: -316px;
		top: 214px;
	}

	.content-btn .swiper-button-prev {
		left: 37px;
		top: 214px;
	}

	.ministry-logos {
		max-width: 197px;
	}

	.phone p {
		font-size: 12px;
	}

	.whatsapp-img a {
		padding: 8px 8px;
		font-size: 12px;
	}

	.enqiring-forming {
		max-width: 100%;
		padding: 20px 16px;
		margin: auto;
		margin-top: 20px;
	}

	.enqiring-forming p {
		font-size: 25px;
		margin-bottom: 20px;
		text-align: center;
	}

	.cont-button-enq button {
		font-size: 14px;

		border-radius: 44px;
		padding: 11.5px 27px;
	}

	.kalma-tayabba {
		top: 36px;
		left: 4px;
	}

	.some-swap.swap-deep {
		margin-top: 33px;
	}

	.detail-pkges {
		padding-top: 33px;
		padding-bottom: 13px;
	}

	.phone img {
		max-width: 19px;
	}

	.header-contact {
		max-width: 245px;
		margin-right: 0;
	}

	.whatsapp-img img {
		max-width: 20px;
	}

	.kalma {
		top: 65px;
		left: 5px;
	}

	.truest-head span {
		margin-left: 36px;
		font-size: 41.35px;
		line-height: 18px;
	}

	.trusted-para {
		max-width: 411px;
		margin-top: 19px;
	}

	.truested-buttons {
		margin-top: 28px;
	}

	.truested-buttons a:first-child {
		font-size: 13.14px;
		padding: 10.5px 12px;

	}

	.page-content p {
		font-size: 13px;
		line-height: 21px;
		margin-top: 9px;
		margin-right: 25px;
	}

	.scrollbar-content {
		height: 324px;
	}

	.kalma img {
		max-width: 30px;
	}

	.pattern1 img {
		max-width: 430px;
	}

	.pattern-2 img {
		max-width: 208px;
	}

	.pattern-2 {
		left: 16px;
		top: 40px;
	}

	.scrollbar {
		padding: 24px 12px 29px 18px;
	}

	.citywise-umrah {
		margin-top: 6px;
		padding-bottom: 22px;
	}

	.seasonal-umrah {
		margin-top: 31px;
		padding-bottom: 29px;
	}

	/* page-content s */

	.page-content h1 {
		font-size: 28px;
		line-height: 35px;
	}

	.page-content h2 {
		font-size: 25px;
		line-height: 30px;
	}

	.page-content h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.page-content h4,
	.page-content h5,
	.page-content h6 {
		margin: 14px 0;
	}

	.page-content h4 {
		font-size: 19px;
		line-height: 25px;
	}

	.page-content h5 {
		font-size: 18px;
		line-height: 24px;
	}

	.page-content h6 {
		font-size: 16px;
		line-height: 22px;
	}

	.page-content p {
		font-size: 16px;
		line-height: 22px;
		margin: 12px 0;
	}

	.page-content blockquote {
		max-width: 100%;
	}

	.page-content ul li,
	.page-content ol li {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.page-content ul li::before {
		top: 7px;
	}

	/* page-content e */

	.truested-buttons a:last-child {
		margin-left: 4px;
		font-size: 13.14px;
		padding: 10.5px 12px;
	}

	.visa-scrollbar {
		padding-top: 34px;
		padding-bottom: 33px;
	}

	.kabba-design img {
		max-width: 330px;
	}

	.umrah-content {
		bottom: 81px;
		left: 53px;
	}

	.conte p {
		font-size: 18.64px;
		line-height: 26px;
	}

	.conte span {
		font-size: 35.96px;
		line-height: 20px;
	}

	.expo {
		margin-top: 21px;
	}

	.all-umrah-pacakge {
		max-width: 241px;
	}

	.hajj-mina {
		max-width: 314px;
		width: 100%;
	}

	.img-other {
		max-width: 314px;
		width: 100%;
		margin: auto;
	}

	.ramadan-explore {
		max-width: 663px;
		width: 100%;
		margin: auto;
		margin-top: 10px;
	}

	.umrh-variety {
		max-width: 494px;
		width: 100%;
		margin: auto;
	}

	.main-heading h2 {
		font-size: 34px;
		font-weight: 700;
	}

	.media img {
		max-width: 193px;
		/* width: 100%; */
	}

	.content-head {
		padding: 8px 9px;
	}

	.content-head p {
		font-size: 10.85px;
		font-weight: 500;
	}

	.price-start span {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.price-start p {
		font-size: 25.62px;
		line-height: 24px;
		margin-right: 10px;
	}

	.main-heading span {
		font-size: 51px;
		line-height: 32px;
		margin-left: 50px;
	}

	.price-start sup {
		font-size: 14.48px;
		top: -12px;
		left: -2px;

	}

	.having-all-packages {
		margin-top: 12px;
	}

	.price-start small {
		font-size: 12.31px;
	}

	.cont span {
		font-size: 32.61px;
		line-height: 16px;
		left: 10px;
		text-align: start;
	}

	.cont p {
		font-size: 19.52px;
		line-height: 20px;
	}

	.content {
		bottom: 16px;
		left: 34px;
	}

	.kalma-tayabba img {
		max-width: 27px;
	}

	.choosed p {
		font-size: 13px;
		margin-top: 15px;
	}

	.contact-us {
		margin-top: 28px;
		padding-top: 6px;
		padding-bottom: 31px;
	}

	.kabba-dua-img {
		right: 17px;
		top: 105px;
	}

	.kabba-dua-img img {
		max-width: 299px;
	}

	.contact-menu ul {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.contact-menu span {
		margin-bottom: 12px;
		text-align: center;
	}

	.contact-menu ul li {
		margin-bottom: 9px;
		margin-right: 40px;
	}

	.social-contact {
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}

	.contact-via-media.foo-num {
		margin-top: 0;
	}

	.thanku-head p {
		font-size: 61px;
		line-height: 85px;
	}

	.thanku-head span {
		font-size: 51px;
		margin-left: 52px;
	}

	.para-thnku p {
		font-size: 13px;
		line-height: 19px;
		padding-top: 23px;
	}

	.thankyou-tick img {
		max-width: 95px;
	}

	.thankyou-button {
		margin-top: 45px;
	}

	.policies {
		padding-top: 19px;
		padding-bottom: 8px;
	}

	.scrollbar-track-y {
		width: 8px !important;
	}

	.scrollbar-thumb {
		width: 4px !important;
		left: 2px !important;
	}
}


@media (max-width: 767.98px) {
	.thankyou-error {
		padding-top: 47px;
		padding-bottom: 43px;
	}

	.thankyou-error .thanku-head p {
		font-size: 46.31px;
		font-weight: 700;
		line-height: 48px;
	}

	.stellarnav .call-btn-mobile,
	.stellarnav .close-menu,
	.stellarnav .location-btn-mobile,
	.stellarnav .menu-toggle {
		padding: 10px;
		box-sizing: border-box;
	}

	.quotting {
		max-width: 482px;
		width: 100%;
	}

	.plan-quote p {
		font-size: 14px;
	}

	.plan-quote::after {
		top: 3px;
		width: 31px;
		height: 31px;
		right: 6px;
	}

	.quote img {
		display: none;
	}

	.quote a {
		padding: 10px 8px;
	}

	.plan-quote {
		max-width: 360px;
	}

	.form-with-contact {
		max-width: 517px;
		margin: auto;
		margin-top: 25px;
	}

	.day-nighting .form-input.contact-main {
		max-width: 249px;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 249px;
		width: 100%;
	}

	.all-detail {
		margin-top: 13px;
	}

	.package-pictures {
		max-width: 406px;
	}

	.ride::after {
		top: 29%;
		right: -30px;
	}

	.feature-include {
		margin-top: 20px;
		padding-bottom: 16px;
	}

	.night-shift-detail p {
		font-size: 13px;
		line-height: 15px;
		margin-top: 5px;
	}

	.umrah-houses {
		padding: 12px 11px 9px 9px;
		max-width: 163px;
		width: 100%;
	}

	.viewall ul {
		max-width: 300px;
		padding-bottom: 15px;
		margin: auto;
	}

	.name-hotels p {
		font-size: 14px;
	}

	.ride:first-child::before {
		top: 29%;
		left: -46%;
	}

	.night-shift-detail ul li {
		margin-left: 19px;
		margin-bottom: 7px;
		font-size: 13px;
		line-height: 15px;
	}

	.ministry-logos {
		display: none;
	}

	.hajj-umrah-package {
		max-width: 202px;
		margin-top: 18px;
	}

	.truest-head p {
		font-size: 23.06px;
	}

	.counting p {
		font-size: 64px;
		font-weight: 700;
		font-family: var(--oswald-font);
	}

	.head {
		margin: 10px 0;
	}

	.kalma-tayabba {
		display: none;
	}

	.enqiring-forming {
		padding: 11px 11px;
		margin-top: 16px;
	}

	.form-with-contact-enquire .form-control {
		padding: 6.5px 15px;
		font-size: 11px;
	}

	.cont-button-enq button {
		font-size: 13px;
		border-radius: 44px;
		padding: 8.5px 27px;
	}

	.all-umrah-pacakge {
		max-width: 241px;
		margin: auto;
	}

	.media img {
		max-width: 218px;
		/* width: 100%; */
	}

	.main-heading.some-he span {
		font-size: 49px;
		line-height: 38px;
		left: 29.5%;
		top: 30px;
	}

	.contact-menu span {
		margin-bottom: 4px;
		text-align: center;
	}

	.content {
		bottom: 16px;
		left: 12px;
	}

	.main-heading h2 {
		font-size: 30px;
	}

	.truest-head span {
		margin-left: 34px;
		font-size: 35.35px;
		line-height: 14px;
	}

	.truested-buttons a img {
		max-width: 20px;
	}

	.truested-buttons a img {
		margin-right: 4px;
	}

	.truested-buttons a:last-child {
		margin-left: 4px;
		font-size: 11.14px;
		padding: 8.5px 8px;
	}

	.swiper-btns .swiper-button-next {
		width: 34px;
		height: 34px !important;
	}

	.arrow-button img {
		max-width: 5px;
	}

	.swiper-btns .swiper-button-prev {
		width: 34px;
		height: 34px !important;
	}

	.main-heading span {
		font-size: 46px;
		line-height: 22px;
		margin-left: 38px;
	}

	.trusted {
		padding-top: 21px;
		padding-bottom: 25px;
	}

	.kabba-design img {
		max-width: 254px;
	}

	.trusted-para p {
		font-size: 11px;
	}

	.trusted-para {
		max-width: 305px;
		margin-top: 18px;
	}

	.truested-buttons {
		margin-top: 21px;
	}

	.truested-buttons a:first-child {
		font-size: 11.14px;
		padding: 8.5px 9px;
	}

	.choosed {
		padding: 15px 10px 20px;
		margin-top: 10px;
	}

	.why-choose-us {
		margin-top: 60px;
		padding-bottom: 38px;
	}

	.contract-heading {
		text-align: center;
	}

	.contract-heading p {
		font-size: 29px;
	}

	.contract-heading span {
		font-size: 41px;
		margin-left: 35px;
	}

	.kabba-dua-img {
		display: none;
	}

	.contact-us {
		margin-top: 15px;
		padding-top: 6px;
		padding-bottom: 29px;
	}

	.form-input.contact-main {
		margin-top: 11px;
	}

	.cont-button {

		max-width: 311px;
		width: 100%;
		margin: auto;
		margin-top: 25px;
	}

	.error-tick img {
		max-width: 242px;
		width: 100%;
	}

	.thankyou-button {
		max-width: 196px;
	}

	.thankyou-button a {
		padding: 12px 43px;
		font-size: 14px;
	}

	.thankyou {
		padding-top: 37px;
		padding-bottom: 42px;
	}

	.contact-menu ul li {
		margin-bottom: 6px;
		margin-right: 19px;
	}

	.footer-logo img {
		max-width: 159px;
	}

	.social a {
		width: 45px;
		height: 45px;
	}

	.contact-menu ul li a {
		font-size: 14px;
	}

	.contact-via-media span {
		font-size: 13px;
	}

	.contact-via-media p {
		font-size: 13px;
	}

	.footer-pub {
		margin-top: 13px;
	}

	.addressing-calls {
		padding-top: 23px;
		padding-bottom: 16px;
	}

	.copyrights span {
		font-size: 13px;
	}

	.copyrights {
		padding: 9px 0;
	}

	/* page-content s */

	.page-content.home {
		padding: 15px 0 15px;
	}

	.page-content h1,
	.page-content h2,
	.page-content h3 {
		margin: 15px 0;
	}

	.page-content h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.page-content h2 {
		font-size: 22px;
		line-height: 28px;
	}

	.page-content h3 {
		font-size: 21px;
		line-height: 26px;
	}

	.page-content h4,
	.page-content h5,
	.page-content h6 {
		margin: 12px 0;
	}

	.page-content h4 {
		font-size: 18px;
		line-height: 24px;
	}

	.page-content h5 {
		font-size: 17px;
	}

	.page-content p {
		font-size: 15px;
	}

	.page-content ul li,
	.page-content ol li {
		font-size: 15px;
		padding-left: 17.6px;
	}

	.page-content table {
		margin: 15px 0;
	}

	.page-content table th,
	.page-content table td {
		padding: 8px 8px;
		font-size: 14px;
	}

	/* page-content e */

	.page-content .makkah-content {
		padding-right: 5px;
	}

}

@media (max-width: 575.98px) {
	.thankyou-error .thanku-head p {
		font-size: 33.31px;
		font-weight: 700;
		line-height: 39px;
	}

	.quotting {
		flex-direction: column;
		gap: 10px 0;
	}

	.quote {
		max-width: 228px;
		width: 200px;
		margin: 0 auto;
	}

	.quote a {
		justify-content: center;
	}

	.plan-quote {
		max-width: 100%;
	}

	.plan-quote p {
		margin: 10px 0;
	}

	.form-with-contact {
		max-width: 399px;
	}

	.day-nighting .form-input.contact-main {
		max-width: 195px;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 195px;
		width: 100%;
	}

	.slide-img {
		max-width: 264px;
		width: 100%;
		margin: auto;
	}

	.package-detail-swp {
		text-align: center;
	}

	.form-with-contact-enquire .form-input {
		margin-bottom: 5px;
	}

	.enqiring-forming p {
		font-size: 19px;
		margin-bottom: 9px;
		text-align: center;
	}

	.logo img {
		max-width: 120px;
	}

	.header-contact {
		max-width: initial;
		justify-content: end;
	}

	.variety-name span {
		font-size: 30.26px;
	}

	.year p {
		font-size: 32px;
	}

	.high-arrow img {
		max-width: 43px;
	}

	.high-arrow {
		top: 88px;
		right: 192px;
	}

	.content-btn .swiper-button-next {
		right: 84px;
		top: 173px;
	}

	.content-btn .swiper-button-prev {
		left: 85px;
		top: 173px;
	}

	.day-umrah h5 {
		font-size: 20px;
		line-height: 17px;
	}

	.umrah-houses {
		padding: 12px 11px 9px 9px;
		max-width: 130px;
		width: 100%;
	}

	.viewall ul li button {
		padding: 7px 27px;
		font-size: 15px;
	}

	.star-of-detail img {
		max-width: 10px;
	}

	.detail-tabs {
		padding-top: 13px;
	}

	.price {
		top: 128px;
		right: 135px;
	}

	.content-btn .swiper-button-prev,
	.swiper-button-next {
		width: 35px;
		height: 35px !important;
	}

	.umrah-ramadan span {
		font-size: 19.53px;
	}

	.umrah-ramadan {
		left: 10px;
		top: 15px;
	}

	.years span {
		font-size: 16.21px;
	}

	.years p {
		font-size: 28.48px;
	}

	.years {
		top: 25px;
		left: 54px;
	}

	.view-all-packaging {
		top: 67px;
		left: 13px;
	}

	.view-all-packages {
		font-size: 10px;
		padding: 1px 5px;
	}

	.arrow-pkg img {
		max-width: 3px;
	}

	.arrow-pkg {
		width: 22px;
		height: 22px;
		margin-left: 8px;
	}

	.high-arrows img {
		max-width: 39px;
	}

	.high-arrows {
		top: 66px;
		left: 144px;
	}

	.prices {
		top: 97px;
		left: 130px;
	}

	.name-hajj span {
		font-size: 22.53px;
	}

	.name-hajj {
		top: 19px;
		left: 17px;
	}

	.year-pkg span {
		font-size: 16.42px;
	}

	.year-pkg p {
		font-size: 23.48px;
	}

	.year-pkg {
		top: 40px;
		left: 37px;
	}

	.year span {
		font-size: 21px;
	}

	.year {
		top: 40px;
		right: 118px;
	}

	.view-all-packaging.dec {
		top: 86px;
		left: 8px;
	}

	.view-all-packaging.dec p {
		font-size: 10px;
	}

	.view-all-packages {
		top: 92px;
		right: 240px;
	}

	.hajj-umrah-package {
		max-width: 218px;
		width: 100%;
		margin: auto;
		margin-top: 25px;
	}

	.pattern3 img {
		max-width: 135px;
	}

	.pattern1 img {
		max-width: 214px;
	}

	.pattern-2 img {
		max-width: 109px;
	}

	.kabba-design img {
		display: none;
	}

	.kalma-tayabba {
		display: none;
	}

	.price-start {
		margin-left: 13px;
	}

	.content {
		bottom: 16px;
		left: 13px;
		text-align: center;
		/* transform: translate(-84%); */
	}

	.price-nights {
		position: relative;
		align-items: center;
		margin-top: 14px;
		align-items: end;
	}

	.cont p {
		font-size: 17.52px;
		line-height: 20px;
	}

	.cont span {
		font-size: 32.61px;
		line-height: 16px;
		left: 10px;
		text-align: start;
	}

	.chose-img img {
		max-width: 54px;
		width: 100%;
	}

	.main-heading.some-he span {
		font-size: 42px;
		line-height: 35px;
		left: 17.5%;
		top: 30px;
	}

	.error-tick img {
		max-width: 219px;
	}

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

	.footer-logo img {
		max-width: 131px;
	}

	.footer-pub {
		margin-top: 7px;
	}

	.contact-menu span {
		margin-bottom: 9px;
		font-size: 16px;
	}

	.social-contact {
		flex-wrap: wrap;
		display: flex;
		justify-content: space-around;
	}

	.contact-via-media {
		text-align: center;
		margin-top: 7px;
	}

	.contact-via-media.foo-num {
		margin-top: 7px;
	}

	.thankyou-tick img {
		max-width: 81px;
	}

	.thanku-head p {
		font-size: 52px;
		line-height: 72px;
	}

	.thanku-head span {
		font-size: 44px;
		margin-left: 52px;
	}

	.form-with-contact {
		margin: auto !important;
		margin-top: 21px;
		margin-right: 11px;
		margin-left: 11px;
	}

	.form-input {
		margin-top: 10px;
	}

	.whatsapp-img img {
		margin: 0;
	}

	.whatsapp-img span {
		display: none;
	}

	.whatsapp-img {
		margin-left: 5px;
	}

	.scrollbar-track-y {
		width: 5px !important;
	}

	.scrollbar-thumb {
		left: 1px !important;
		width: 3px !important;
	}

	.page-content .makkah-content {
		padding-right: 5px;
	}

	/* page-content s */

	.page-content.home {
		padding: 25px 0 15px;
	}

	.page-content h1,
	.page-content h2,
	.page-content h3 {
		margin: 12px 0;
	}

	.page-content h1 {
		font-size: 20px;
		line-height: 24px;
	}

	.page-content h2 {
		font-size: 19px;
		line-height: 23px;
	}

	.page-content h3 {
		font-size: 18px;
		line-height: 22px;
	}

	.page-content h4,
	.page-content h5,
	.page-content h6 {
		margin: 10px 0;
	}

	.page-content h4 {
		font-size: 17px;
		line-height: 21px;
	}

	.page-content h5 {
		font-size: 15px;
	}

	.page-content p {
		font-size: 14px;
		line-height: 22px;
		margin: 8px 0;
	}

	.page-content blockquote {
		margin: 12px auto;
		padding: 8px 15px;
	}

	.page-content ul,
	.page-content ol {
		padding: 5px;
		margin: 5px;
	}

	.page-content ul li,
	.page-content ol li {
		font-size: 14px;
		line-height: 22px;
		margin-left: 5px;
	}

	.page-content ul li::after {
		top: 8px;
		left: -14px;
	}

	/* page-content e */
}

@media (max-width: 419.98px) {
	.thankyou-error .para-thnku p {
		font-size: 11px;
		line-height: 14px;
		padding-top: 11px;
	}

	.night-shift-detail p {
		font-size: 11px;
	}

	.contact-check label {
		font-size: 13px;
	}

	.contact-menu ul li a {
		font-size: 13px;
	}

	.contact-menu ul li {
		margin-bottom: 1px;
		margin-right: 11px;
	}

	.contact-via-media a {
		font-size: 13px;
	}

	.contact-menu span {
		margin-bottom: 9px;
		font-size: 12px;
	}

	.copyrights span {
		font-size: 12px;
	}

	.thanku-head span {
		font-size: 33px;
		margin-left: 50px;
	}

	.thanku-head p {
		font-size: 48px;
		line-height: 49px;
	}

	.night-shift-detail ul li {
		margin-left: 12px;
		margin-bottom: 7px;
		font-size: 11px;
		line-height: 15px;
	}

	.night-shift-detail ul li::before {
		width: 5px;
		height: 5px;
		left: -11px;
		top: 8px;
	}

	.para-thnku p {
		font-size: 12px;
		line-height: 17px;
		padding-top: 11px;
	}

	.thankyou-button a {
		padding: 10px 27px;
		font-size: 12px;
	}

	.thankyou-button {
		max-width: 148px;
		margin-top: 34px;
	}

	.thankyou-tick img {
		max-width: 71px;
	}

	.thanku-design img {
		max-width: 300px;
		width: 100%;
	}

	.error-tick img {
		max-width: 168px;
	}

	.choosed p {
		font-size: 10px;
		margin-top: 6px;
	}

	.chose-img img {
		max-width: 43px;
		width: 100%;
	}

	.main-heading h2 {
		font-size: 25px;
	}

	.main-heading.some-he span {
		font-size: 38px;
		line-height: 35px;
		left: 6.5%;
		top: 22px;
	}

	.choose-us {
		margin-top: 20px;
	}

	.truest-head p {
		font-size: 19.06px;
	}

	.truest-head span {
		margin-left: 32px;
		font-size: 31.35px;
		line-height: 14px;
	}

	.main-heading span {
		font-size: 39px;
		line-height: 16px;
		margin-left: 33px;
	}

	.best-selling {
		padding-top: 17px;
		padding-bottom: 29px;
	}

	.variety-name {
		top: 8px;
		right: 206px;
	}

	.variety-name span {
		font-size: 24.26px;
	}

	.year {
		top: 18px;
		right: 118px;
	}

	.view-all-packages {
		top: 59px;
		right: 14px;
	}

	.high-arrow img {
		max-width: 30px;
	}

	.high-arrow {
		top: 55px;
		right: 194px;
	}

	.price {
		top: 79px;
		right: 135px;
	}

	.price span {
		font-size: 9px;
	}

	.price p {
		font-size: 22.86px;
		line-height: 28px;
	}

	.price small {
		font-size: 15.3px;
	}

	.price sup {
		font-size: 12.87px;
		top: -10px;
		left: -4px;
	}

	.umrah-ramadan span {
		font-size: 11.53px;
	}

	.umrah-ramadan {
		left: 7px;
		top: 4px;
	}

	.years span {
		font-size: 11.21px;
	}

	.years p {
		font-size: 14.48px;
	}

	.years {
		top: 18px;
		left: 49px;
	}

	.view-all-packaging {
		padding: 2px 2px 2px 9px;
		font-size: 10px;
	}

	.view-all-packaging {
		top: 40px;
	}

	.high-arrows {
		top: 44px;
		left: 120px;
	}

	.high-arrows img {
		max-width: 26px;
	}

	.prices span {
		font-size: 9px;
	}

	.prices p {
		font-size: 18.86px;
		line-height: 19px;
	}

	.prices {
		top: 70px;
		left: 102px;
	}

	.prices small {
		font-size: 13.3px;
	}

	.prices sup {
		font-size: 11.87px;
		top: -8px;
		left: -2px;
	}

	.name-hajj span {
		font-size: 17.53px;
	}

	.name-hajj {
		top: 5px;
		left: 8px;
	}

	.year-pkg p {
		font-size: 16.48px;
	}

	.year-pkg {
		top: 22px;
		left: 16px;
	}

	.view-all-packaging.dec {
		top: 53px;
		left: 8px;
	}

	.cont-button-enq {
		max-width: 175px;
	}

	.content-btn .swiper-button-next {
		right: 38px;
		top: 173px;
	}

	.content-btn .swiper-button-prev {
		left: 39px;
		top: 173px;
	}

	.day-umrah h5 {
		font-size: 18px;
		line-height: 17px;
	}

	.ride p {
		font-size: 10px;
		font-weight: 600;
		margin-top: 7px;
		text-transform: uppercase;
	}

	.detail-head-makkah {
		max-width: 436px;
		flex-wrap: wrap;
		margin: auto;
	}

	.makkah-detail {
		text-align: center;
		margin: auto;
		margin-top: 10px;
	}

	.all-details-umrahs {
		flex-wrap: wrap;
	}

	.umrah-houses {
		padding: 12px 11px 9px 9px;
		max-width: 145px;
		width: 100%;
		margin-top: 10px;
	}

	.cont-button {
		max-width: 206px;
	}

	.form-with-contact {
		max-width: 296px;
	}

	.day-nighting {
		flex-wrap: wrap;
	}

	.day-nighting .form-input.contact-main {
		max-width: 100%;
		width: 100%;
	}

	.quote-dating .form-input.contact-main {
		max-width: 100%;
		width: 100%;
	}

	.quote-dating {
		flex-wrap: wrap;
	}

	.scrollbar {
		padding: 24px 12px 24px 12px;
	}
}