@media (max-width: 1499.98px) {
    .experience {
        padding: 37px 70px;
        margin-bottom: 80px;
        background-size: 1395px;
    }

    .header-area {
        background-size: 1428px;
        background-repeat: no-repeat;
    }

    .main-heading h1 {
        font-size: 75px;
    }

    .main-heading span {
        font-size: 47px;
    }

    .header-heading {
        padding: 190px 0 50px;
    }

    .header-form {
        padding-bottom: 146px;
        background-size: 1390px;
    }

    .form-input.form-size {
        max-width: 200px;
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .main-form {
        position: absolute;
        top: 16px;
        right: 50%;
        transform: translate(50%, 0);
        max-width: 1235px;
        width: 100%;
    }

    .transform.other-transform {
        padding: 30px 0 8px;
    }

    .transform.other-transform .holistic-journey ul {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .transform {
        padding: 32px 0 39px;
    }

    .holistic-journey ul {
        margin-top: 16px;
        margin-bottom: 50px;
    }

    .holistic-journey ul li {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 22px;
    }

    .serving-side {
        padding: 0 33px;
    }

    .transform-heading {
        max-width: 76%;
    }

    .serving-head h5 {
        font-size: 27px;
        line-height: 40px;
    }
}

@media (max-width: 1399.98px) {
    .home-button {
        margin-bottom: 119px;
    }

    .packages-ranges::after {
        width: 992px;

    }

    .main-form {
        position: absolute;
        top: 15px;
        /* right: 19px; */
        max-width: 1153px;
        width: 100%;
        right: 50%;
        transform: translate(50%, 0%);
        border: 1px solid var(--bg-secondary-color);
        padding: 15px 13px 8px;
        border-radius: 30px;
    }

    .ministry-img:nth-last-of-type(3) img {
        max-width: 96px;
    }

    .ministry-img:nth-last-of-type(2) img {
        max-width: 96px;
    }

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

    .serving-side {
        padding: 0 33px;
    }

    .logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .transform {
        padding: 24px 0 26px;
    }

    .transform .holistic-journey ul {
        margin-top: 19px;
        margin-bottom: 39px;
    }

    .transform.other-transform .holistic-journey ul {
        margin-top: 19px;
        margin-bottom: 39px;
    }

    .holistic-journey ul li {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 23px;
    }

    .transform-heading h5 {
        font-size: 35px;
    }

    .holistic-journey span {
        font-size: 25px;
    }

    .transform-heading p,
    .holistic-journey ul li {
        font-size: 16px;
    }

    .our-services {
        padding-bottom: 265px;
    }

    .passenger-info li {
        display: flex;
        align-items: baseline;
        width: 100%;
        max-width: 100%;
        justify-content: space-around;
    }

    .form-submit {
        max-width: 370px;

        margin-bottom: 10px;
    }

    .holistic-journey a {
        font-size: 21px;
        padding: 10px 44px;
    }

    .holistic-journey ul li {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 19px;
    }

    .form-lead {
        flex-wrap: wrap;
    }

    .form-input.form-sizing {
        max-width: 370px;
        width: 100%;
        margin-right: 2px;
        margin-bottom: 10px;
    }

    .header-form {
        padding-bottom: 180px;
        background-size: 1390px;
    }

    .form-input.form-size {
        max-width: 370px;
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-right: 2px;
    }

    .form-dates {
        flex-wrap: wrap;
    }

    .header-form {
        padding-bottom: 281px;
        background-size: 1192px;
        background-color: transparent;
        background-image: none !important;
    }

    .header-area {
        padding-bottom: 80px;
    }

    .header-heading {
        padding: 170px 0 35px;
    }

    .stellarnav li a::before {
        bottom: -30px;
    }

    .main-form {
        position: absolute;
        top: 15px;
        /* right: 19px; */
        max-width: 1153px;
        width: 100%;
        right: 50%;
        transform: translate(50%, 0%);
    }

    .head {
        padding-top: 48px;
        padding-bottom: 17px;
    }

    .stellarnav li {
        margin-right: 34px;
    }

    .stellarnav li a {
        font-size: 16px;
    }

    .header-area {
        background-size: 1234px;
        background-repeat: no-repeat;
        background-color: var(--bg-primary-color);
    }

    .name-hotel p {
        font-size: 17px;
        line-height: 23px;
    }

    .name-hotel span {
        font-size: 17px;
    }

    .inclusives .stars img {
        max-width: 20px;
        width: 100%;
    }

    .content-head p {
        font-size: 22px;
        padding-bottom: 11px;
    }

    .gadets {
        padding: 9px 0;
    }

    .company-img {
        max-width: 65px;
        height: 65px;
        margin-right: 14px;
    }

    .prayer-time {
        padding: 47px 0 52px;
    }

    .experience {
        padding: 34px 73px;
        margin-bottom: 60px;
        background-size: 1181px;
    }

    .company {
        padding: 13px 10px 14px 15px;
        max-width: 264px;
    }

    .serving-head h5 {
        font-size: 24px;
        line-height: 43px;
    }

    .prayer-section {
        width: 175px;
        height: 175px;
        padding: 14px 0;
        border: 8px solid rgba(180, 145, 100, 100%);
    }

    .company-name p {
        font-size: 18px;
    }

    .calls-buttons button a {
        font-size: 20px;
    }

    .scrollbar-content {
        max-height: 600px;
    }

    .price-tax p {
        font-size: 45px;
    }

    .visa-application .have-form {
        background-color: var(--bg-primary-color);
        margin-top: 85px;
    }

    .visa-application {
        padding-top: 50px;
    }

    .ground-text p {
        font-size: 17px;
        line-height: 17px;
        margin-top: 13px;
    }

    .pack-price {
        margin-top: 12px;
    }

    .gadeting {
        margin-top: 26px;
    }

    .shift-hotel span {
        font-size: 18px;
    }

    .shift-hotel {
        margin-top: 13px;
    }

    .shift-head p {
        font-size: 26px;
    }

    .day-iternity .accordion-header button span {
        font-size: 16px;
        margin-left: 10px;
    }

    .day-iternity .accordion-button::before {
        max-width: 480px;
    }

    .pkg-buttons a:nth-of-type(2) {
        font-size: 18px;
        padding: 12px 17px;
    }

    .pkg-buttons a:first-child {
        font-size: 18px;
        padding: 12px 17px;
        margin-right: 12px;
    }

    .have-question {
        padding-top: 44px;
    }

    .detail-contact {
        padding-top: 90px;
    }

    .footer.in-foot {
        margin-top: -95px;
    }

    .contact-menu ul {
        gap: 0 49px;
    }

    .contact-menu {
        margin: 25px 43px;
        padding: 26px 13px;
        max-width: 1024px;
    }

    .error {
        padding: 147px 0 149px;
    }

    .pattern img {
        max-width: 441px;
        width: 100%;
    }

    .pattern2 img {
        max-width: 650px;
        width: 100%;
    }

    .error-image img {
        max-width: 600px;
        width: 100%;
    }

    .error.thnx {
        padding: 159px 0;
    }

    .about-us {
        padding-top: 50px;
    }

    .about {
        padding-top: 87px;
    }

    .about-description p {
        font-size: 16px;
        line-height: 25px;
    }

    .about-detail {
        padding: 42px 0 50px;
    }

    .about-detail p {
        font-size: 16px;
        line-height: 25px;
    }

    .main-heading h1 {
        font-size: 55px;
    }

    .main-heading span {
        font-size: 35px;
    }

    .transform {
        background-position: center;
    }

}


@media (max-width: 1199.98px) {

    .nav-custom-s .head {
        padding: 15px 0;
    }

    .hajj-pack {
        margin-top: 108px;
    }

    .packages-ranges::after {
        width: 758px;
    }

    .main-form .form-control {
        padding: 12px 18px;

    }

    /* .header-area::after {
        bottom: -52px;
        height: 53px;
       width: 1147px;
        background-size: 1920px;
    } */
    .serving-side {
        padding: 0 33px;
    }

    .transform.other-transform {
        padding: 26px 0 1px;

    }

    .holistic-journey ul li {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .form-input.form-size-contact .form-control {
        padding: 12px 23px;

    }

    .form-input.form-size-contact .num {
        position: absolute;
        right: 12px;
        top: 10px;
    }

    .our-services {
        padding-bottom: 265px;
    }

    .phone {
        padding: 6px 7px 5px 5px;
        margin-left: 16px;
    }

    .header-area {
        background-size: 1020px;
        background-repeat: no-repeat;
        background-color: var(--bg-primary-color);
    }

    .stellarnav li {
        margin-right: 18px;
    }

    .main-form {
        position: absolute;
        top: 15px;
        /* right: 19px; */
        max-width: 929px;
        width: 100%;
        right: 50%;
        transform: translate(50%, 0%);
    }

    .form-input.form-size {
        max-width: 289px;
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-right: 2px;
    }

    .phone a {
        font-size: 17px;
    }

    .stellarnav li a {
        font-size: 14px;
    }

    .phone::before {
        left: -9px;
    }

    .form-input.form-sizing {
        max-width: 289px;
        width: 100%;
        margin-right: 2px;
        margin-bottom: 10px;
    }

    .form-submit {
        max-width: 289px;
        margin-bottom: 10px;
    }

    .header-heading {
        padding: 150px 0 15px;
    }

    .inclusives.inter-point .calls-buttons button:last-child {
        max-width: 184px !important;
    }

    .main-heading h1 {
        font-size: 50px;
    }

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

    .logo {
        display: flex;
        align-items: center;
    }

    .privacy-policy {
        margin-top: 50px;
    }

    .line-content h5 {
        font-size: 28px;
    }

    .line-content h6 {
        font-size: 28px;
    }

    .line-content h4 {
        font-size: 28px;
    }

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

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

    .whatsapp svg {
        max-width: 32px;
    }

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

    .accordion-button {
        font-size: 17px;
    }

    .line-content p {
        font-size: 16px;
        line-height: 28px;
        padding-top: 22px;
    }

    .frequent {
        padding: 49px 0;
    }

    .accordion-body {
        line-height: 26px;
        font-size: 17px;
        padding: 18px 23px;
    }

    .company {
        padding: 13px 5px 14px 8px;
        max-width: 222px;
    }

    .inter-body .gadets {
        max-width: 164px;
        padding: 9px 0;
    }

    .company-name p {
        font-size: 15px;
    }

    .inter-body .content-head p {
        font-size: 17px;
        padding-bottom: 11px;
    }

    .number-game {
        display: none;
    }

    .serving-head h5 {
        font-size: 19px;
        line-height: 31px;
    }

    .pilgrims {
        margin-top: 10px;
    }

    .pil-image p {
        font-size: 15px;
        font-weight: 400;
        line-height: 28px;
        color: var(--bg-white);
    }

    .inter-body .name-hotel p {
        font-size: 14px;
        line-height: 23px;
    }

    .inter-body .name-hotel span {
        font-size: 15px;
    }

    .inter-body .calls-buttons button a {
        font-size: 17px;
    }

    .calls-buttons button:last-child {

        max-width: 128px;
    }

    .namaz-img {
        margin-top: 2px;
    }

    .inter-body .stars img {
        max-width: 18px;
        width: 100%;
    }

    .inter-body .price-range-filter .min-max-range input {
        margin-top: 20px;
        font-size: 20px;
        max-width: 122px;
    }

    .prayer-heading h5,
    .main-headingss h2,
    .frequent-heading h5 {
        font-size: 35px;
    }

    .prayer-section {
        width: 150px;
        height: 150px;
        padding: 9px 0;
    }

    .prayer-heading span {
        font-size: 18px;
        padding-top: 19px;
    }

    .namaz-img img {
        height: 45px;
    }

    .ministry-img:not(:nth-last-of-type(1))::after {
        height: 68px;
        right: -40px;
        top: 2px;
    }

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

    .ministry-img:nth-last-of-type(2) img {
        max-width: 93px;
    }

    .ministry-img:nth-last-of-type(3) img {
        max-width: 93px;
    }

    .holistic-button {
        margin-top: 60px;
    }

    .cheap-umrah-package {
        max-width: 423px;
        padding: 25px 13px;
        margin-top: 61px;
        margin-bottom: 70px;
    }

    .experience {
        padding: 24px 61px;
        margin-bottom: 40px;
        background-size: 979px;
    }

    .prayers {
        margin-top: 20x;
    }

    .namaz-name span {
        font-size: 20px;
    }

    .namaz-name p {
        font-size: 17px;
        font-weight: 500;
    }

    .cheap-umrah-detail p {
        font-size: 15px;
        line-height: 24px;
    }

    .cheap-heading p {
        font-size: 16px;
        padding-top: 20px;
    }

    .cheap-heading h4 {
        font-size: 37px;
    }

    .cheap-umrah .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 82px !important;
    }

    .inclusives {
        margin-top: 60px;
        margin-bottom: 52px;
    }

    .swiper.inclusive-swap {
        margin-top: 85px;
        margin-bottom: 85px;

    }

    .hajj-umrah-package {
        max-width: 424px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .scrollbar-content {
        max-height: 500px;
    }

    .makkah-content h1 {
        font-size: 26px;
    }

    .makkah-content h2 {
        font-size: 26px;
    }

    .makkah-content h3 {
        font-size: 24px;
    }

    .makkah-content h4 {
        font-size: 23px;
    }

    .makkah-content h5 {
        font-size: 25px;
    }

    .makkah-content h6 {
        font-size: 26px;
    }

    .day-iternity .accordion-button::before {
        max-width: 401px;
    }

    .include-details {
        padding: 23px 12px 10px 29px;
    }

    .pkg-buttons {
        margin-top: 36px;
    }

    .ground-text {
        margin-top: 4px;
    }

    .makkah-content span {
        font-size: 17px;
    }

    .makkah-content a {
        font-size: 18px;
        color: var(--bg-primary-color);
    }

    .makkah-content p {
        font-size: 16px;
        line-height: 27px;
        padding-top: 20px;
    }

    .pkg-buttons a:nth-of-type(2) {
        font-size: 16px;
        padding: 10px 12px;
    }

    .pkg-buttons a:first-child {
        font-size: 16px;
        padding: 10px 12px;
        margin-right: 8px;
    }

    .shift-hotel {
        margin-top: 9px;
    }

    .shift-head p {
        font-size: 21px;
    }

    .all-type-of-detail {
        margin-top: 53px;
    }

    .hajji {
        margin-top: 47px;
    }

    .checklist ul li img {
        margin-right: 2px;
        margin-bottom: 4px;
        max-width: 12px;
        width: 100%;
    }

    .custome-name p {
        font-size: 19px;
    }

    .custome-name a {
        font-size: 39px;
        line-height: 52px;
    }

    .checklist ul li {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 19px;
    }

    .day-iternity .accordion-body {
        line-height: 25px;
        font-size: 17px;
        padding: 15px 26px 18px 84px;
    }

    .cheap-umrah-detail.con a {
        font-size: 18px;
        line-height: 26px;
    }

    .include-head p {
        font-size: 17px;
        line-height: 28px;
    }

    .contacts {
        padding-top: 54px;
    }



    .contact-form .form-check label {
        font-size: 17px;
        line-height: 27px;
    }

    .form-input.form-size-contact.lame textarea {
        padding: 14px 21px;
        font-size: 17px;
    }

    .form-input.form-size-contact input {
        padding: 14px 21px;
        font-size: 17px;
    }

    .beat-quote .have-form {
        margin-top: 35px;
    }

    .pack-price p {
        font-size: 44px;
    }

    .quote-head p {
        font-size: 18px;
        line-height: 26px;
    }

    .quote-head {
        padding-top: 74px;
    }

    .beat-quote {
        padding-top: 52px;
    }

    .copywrite {
        padding: 15px 0;
    }

    .social-media {
        padding-top: 17px;
    }

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

    .contact-num p {
        font-size: 22px;
    }

    .contact-menu {
        margin: 23px 41px;
        padding: 23px 10px;
        max-width: 849px;
    }

    .contact-menu ul li a::after {
        bottom: -24px;
    }

    .footer-para {
        padding: 34px 0 35px;
        max-width: 800px;
    }

    .footer-para p {
        font-size: 17px;
    }

    .links {
        max-width: 819px;
    }

    .servises-detail p {
        font-size: 16px;
        line-height: 27px;
        padding-top: 57px;
    }

    .contact-num a {
        font-size: 22px;
    }

    .detail-of-services {
        padding-top: 46px;
    }

    .choose-detail {
        padding-top: 64px;
    }

    .choose-detail p {
        font-size: 16px;
        line-height: 25px;
    }

    .choose-detail p:first-child {
        padding-bottom: 27px;
    }

    .inner-choose {
        padding-top: 55px;
        padding-bottom: 46px;
    }

    .service-packge .cheap-umrah-detail p {
        font-size: 17px;
        line-height: 24px;
        padding: 0 18px;
    }

    .cheap-umrah-detail span {
        font-size: 17px;
    }

    .transform-heading h5 {
        font-size: 30px;
    }

    .holistic-journey a {
        font-size: 18px;
    }

    .transform-heading p {
        line-height: 27px;
        font-size: 16px;
        padding-top: 8px;
    }

    .holistic-head span {
        font-size: 29px;
    }

    .holistic-journey {
        margin-top: 20px;
    }

    .about-description p {
        font-size: 14px;
        line-height: 21px;
    }

    .about-us {
        padding-top: 38px;
    }

    .holistic-list ul li {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 21px;
    }

    .design {
        top: 50px;
    }

    .about-detail p {
        font-size: 15px;
        line-height: 23px;
    }

    .cheap-umrah-detail span {
        font-size: 18px;
    }

    .error {
        padding: 134px 0 136px;
    }

    .pattern img {
        max-width: 354px;
        width: 100%;
    }

    .pattern2 img {
        max-width: 560px;
        width: 100%;
    }

    .design-error p {
        font-size: 17px;
        line-height: 26px;
        max-width: 400px;

    }

    .home-button a {
        padding: 15px 49px;
        font-size: 19px;
    }

    .home-button {
        max-width: 217px;
        margin-top: 50px;
    }


}

@media (max-width: 991.98px) {
    .error-page {

        padding: 186px 0 236px;
    }

    .footer-menu {
        overflow: hidden;
    }

    .packages-ranges {
        margin-top: 77px;
    }

    .hajj-pack {
        margin-top: 64px;
    }

    .packages-ranges::after {
        width: 578px;
    }

    .header-area::after {
        display: none;
    }

    .pil-image p {
        font-size: 12px;

    }

    .stellarnav.mobile,
    .stellarnav.mobile.fixed {
        order: 0;
        flex: 0 0 auto;
        justify-content: start;
    }

    .logo {
        order: 1;
    }

    .head .contact {
        order: 2;
    }

    .transform {
        background-image: url("/images/tranform.webp");
        background-repeat: no-repeat;
        padding: 74px 0 82px;
        background-size: 0;
        background-color: var(--bg-primary-color);
    }

    .transform.other-transform .holistic-journey ul {
        margin-top: 13px;
        margin-bottom: 30px;
    }

    /* .transform-heading {
        max-width: 100%;
    } */

    .holistic-journey {
        /* max-width: 100%; */
        margin-top: 13px;
    }

    .vector {
        position: absolute;
    }

    .our-services {
        padding-bottom: 322px;
    }

    .main-heading span {
        font-size: 37px;
    }

    .main-heading h1 {
        font-size: 50px;
    }

    .header-area {
        background-size: 807px;
    }

    .form-submit {
        max-width: 229px;
    }

    .form-input.form-sizing {
        max-width: 229px;
    }

    .form-input.form-size {
        max-width: 229px;
    }

    .line-content h4 {
        margin-top: 26px;
        font-size: 24px;
    }

    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        color: #fff;
    }

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

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

    .stellarnav .menu-toggle span.bars span {
        background: #fff;
    }

    .line-content h2 {
        font-size: 24px;
    }

    .stellarnav.mobile.left>ul,
    .stellarnav.mobile.right>ul {
        background-color: var(--bg-primary-color);
    }

    .main-form {
        max-width: 748px;
    }

    .stellarnav a.dd-toggle .icon-plus::after,
    .stellarnav a.dd-toggle .icon-plus::before {
        border-bottom: solid 3px #fff;
        width: 13px;
    }

    .stellarnav li a:hover::before {
        display: none;
    }

    .stellarnav li a::before {
        display: none !important;
    }

    .header-heading {
        padding: 146px 0 28px;
    }

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

    .stellarnav .icon-close::after,
    .stellarnav .icon-close::before {
        border-bottom: solid 3px #fff;
    }

    .frequent-heading p {
        font-size: 16px;
    }

    .accordion-button {
        font-size: 15px;
    }

    .frequent-heading h5 {
        font-size: 38px;
    }

    .inter-body .gadets {
        max-width: 181px;
    }

    .line-content {
        margin-bottom: 318px;
    }

    .line-content p {
        font-size: 15px;
        line-height: 24px;
        padding-top: 16px;
    }

    .inter-body .price-range-filter .min-max-range input:nth-last-of-type(1) {
        text-align: right;
    }

    .accordion-button:not(.collapsed)::after {
        /* max-width: 10px; */
        background-size: 14px;
    }

    .accordion-button::after {
        background-size: 14px;
    }

    .experience {
        padding: 11px 48px;
        margin-bottom: 17px;
        background-size: 755px;
    }

    .serving-head h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .accordion-body {
        line-height: 24px;
        font-size: 16px;
        padding: 18px 23px;
    }

    .frequent {
        padding: 30px 0;
    }

    .prayers {
        gap: 19px 30px;
    }

    .prayer-section {
        width: 150px;
        height: 150px;
        padding: 6px 0;
    }

    .inter-body .ranging {
        margin-bottom: 20px;
    }

    .cheap-umrah {
        padding: 59px 0 41px;
        overflow: hidden;
    }

    .inter-body .price-range-filter .min-max-range {
        max-width: 100%;
    }

    .package-button a {
        font-size: 18px;
        max-width: 224px;
        padding: 13px 29px;
    }

    .experience {
        padding: 19px 43px;
        margin-bottom: 17px;
        background-size: 758px;
    }

    .ministry-img:not(:nth-last-of-type(1))::after {
        display: none;
    }

    .umrah-scrollbar {
        padding: 64px 0;
    }

    .name-hotel span {
        font-size: 16px;
    }

    .content-head p {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .ministry-hajj {
        max-width: 286px;
        width: 100%;
    }

    .calls-buttons button:first-child {
        padding: 13px 20px;
    }

    .ministry-img:nth-last-of-type(3) img {
        max-width: 54px;
    }

    .ministry-img:nth-last-of-type(2) img {
        max-width: 60px;
    }

    .pil-image img {
        margin-right: 2px;
        margin-top: -5px;
        max-width: 15px;
        width: 100%;
    }

    .umrah-scrollbar.in-scroll {
        padding: 63px 0 0;
    }

    .scrollbar-content {
        max-height: 450px;
    }

    .makkah-content h1 {
        font-size: 23px;
    }

    .makkah-content h2 {
        font-size: 22px;
    }

    .cheap-heading h4 {
        font-size: 28px;
    }

    .prayers {
        margin-top: 29px;
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .holistic-button a {
        border-radius: 30px;
        font-size: 20px;
        padding: 13px 40px;
    }

    .cheap-umrah-package {
        max-width: 421px;
        padding: 25px 13px;
        margin-top: 45px;
        margin-bottom: 65px;
    }

    .makkah-content h3 {
        font-size: 24px;
    }

    .makkah-content h4 {
        font-size: 24px;
    }

    .inclusives.second-inc {
        padding-top: 44px;
        padding-bottom: 70px;
    }

    .swiper.inclusive-swap {
        margin-top: 72px;
        margin-bottom: 67px;

    }

    .hajj-umrah-package {

        max-width: 424px;
        width: 100%;
    }

    .makkah-content h5 {
        font-size: 23px;
    }

    .inclusives {
        margin-top: 48px;
        margin-bottom: 40px;
    }

    .price-tax p {
        font-size: 41px;
    }

    .name-hotel p {
        font-size: 16px;
        line-height: 21px;
    }

    .deposite span {
        font-size: 28px;
        line-height: 28px;
    }

    .travel-circle:not(:nth-last-of-type(1))::after {
        right: -9px;
    }

    .makkah-content h6 {
        font-size: 23px;
    }

    .makkah-content span {
        font-size: 15px;
    }

    .makkah-content p {
        font-size: 15px;
        line-height: 24px;
        padding-top: 16px;
    }

    .makkah-content a {
        font-size: 15px;
    }

    .visa-application {
        padding-top: 42px;
    }

    .deposite p {
        font-size: 14px;

    }

    .company-data {
        margin-top: 55px;
    }

    .pkg-include {
        margin-top: 21px;
    }

    .book-detail .checklist ul li {
        margin-bottom: 14px;
    }

    .all-company {
        flex-wrap: wrap;
    }

    .company {
        padding: 13px 15px 14px 13px;
        max-width: 277px;
        margin-bottom: 20px;
    }

    .include-details {
        padding: 23px 29px 10px 29px;
    }

    .pack-img {
        margin-bottom: 20px;
        text-align: center;
    }

    .pack-img img {
        max-width: 430px;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .have-form {
        margin-top: 84px;

    }

    .visa-application .have-form {
        margin-top: 66px;
    }

    .shift-head p {
        font-weight: 600;
    }


    .footer-menu {
        top: -60%;

    }

    .gadeting {
        margin: auto;
        margin-top: 26px;
    }

    .all-shift-detail {
        text-align: center;
    }

    .contact-form .form-check label {
        font-size: 15px;
        line-height: 23px;
    }

    .num {
        right: 7px;
        top: 7px;
    }

    .form-input.form-size-contact.lame textarea {
        padding: 12px 20px;
        font-size: 16px;
    }

    .form-input.form-size-contact input {
        padding: 12px 20px;
        font-size: 16px;
    }

    .quote-head {
        padding-top: 47px;
    }

    .beat-quote {
        padding-top: 33px;
    }

    .quote-head p {
        font-size: 15px;
        line-height: 23px;
    }

    .contact-menu ul {
        flex-wrap: wrap;
        gap: 0 34px;
    }

    .contact-menu {
        margin: 23px 25px;
        padding: 21px 6px;
        max-width: 645px;
        border-top: none;
        border-bottom: none;

    }

    .about-detail p {
        font-size: 14px;
        line-height: 21px;
    }

    .about-img {
        margin-top: 20px;
        text-align: center;
    }

    .about-description p {
        text-align: center;
    }

    .about {
        padding-top: 59px;
    }

    .transform-heading h5 {
        font-size: 29px;
    }

    .transform {
        padding: 45px 0 45px;
    }

    .holistic-head span {
        font-size: 27px;
    }

    .contact-menu ul li.active a::after {
        display: none;
    }

    .contact-menu ul li a::after {
        display: none;
    }

    .contact-menu ul li a:hover::after {
        display: none;
    }

    .contact-menu ul li a:hover {
        color: var(--bg-secondary-color);
    }

    .footer-para {
        padding: 33px 0 19px;
        max-width: 650px;
    }

    .footer-para p {
        font-size: 15px;
    }

    .copywite-para p {
        font-size: 18px;
    }

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

    .holistic-list ul li {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .cheap-umrah-detail span {
        font-size: 18px;
    }

    .holistic-list {
        margin-top: 14px;
    }

    .links {
        max-width: 632px;
    }

    .contact-num a {
        font-size: 19px;
    }

    .contact-num p {
        font-size: 19px;
    }

    .service-packge .cheap-umrah-detail p {
        font-size: 16px;
        line-height: 23px;
    }

    .service-packge {
        padding: 21px 0 0;
    }

    .choose-detail {
        padding-top: 53px;
    }

    .choose-detail p {
        font-size: 15px;
        line-height: 23px;
        text-align: center;
    }

    .inner-choose {
        padding-top: 41px;
        padding-bottom: 43px;
    }

    .design {
        top: 33px;
    }

    .main-headingss h2 {
        font-size: 37px;
    }

    .service-packge {
        padding: 21px 0;
        margin-bottom: 13px;
    }

    .error-image img {
        max-width: 481px;
    }

    .design-error {
        padding: 15px;
        margin-top: 45px;
    }

    .error {
        padding: 95px 0 98px;
    }

    .error.thnx {
        padding: 123px 0;
    }

    .name-hotel {
        max-width: 174px;
    }

    .footer-half {
        padding-top: 155px;
    }

}


@media (max-width: 767.98px) {

    .stellarnav li a {
        padding: 10px;
    }

    .error-image img {
        max-width: 440px;
    }

    .error-page {
        padding: 69px 0 232px;
    }

    .hajj-pack {
        margin-top: 47px;
    }

    .packages-ranges::after {
        width: 445px;
    }

    .phone img {
        border-radius: 50%;
        padding: 6px;
        margin-right: 1px;
    }

    .holistic-journey span {
        color: var(--bg-secondary-color);
        font-size: 27px;
        font-weight: 400;
        font-family: var(--secondary-font);
    }

    .holistic-journey ul li {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }


    .form-input.form-size-contact .form-control {
        padding: 10px 15px;
    }

    .drp {
        background: #fff url("/frontend/images/keyboard-right-arrow-butto.png") no-repeat 93% center;
    }

    .header-area {
        background-size: 606px;
    }

    .inclusives.inter-point .calls-buttons button:last-child {
        max-width: 100% !important;
    }

    .line-content h4 {
        margin-top: 20px;
        font-size: 17px;
    }

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

    .line-content h3 {
        margin-top: 20px;
        font-size: 17px;
    }

    .line-content h2 {
        margin-top: 20px;
        font-size: 17px;
    }

    .line-content h1 {
        margin-top: 20px;
        font-size: 17px;
    }

    .include-head img {
        max-width: 12px;
    }

    .main-heading h1 {
        font-size: 31px;
    }

    .main-heading span {
        font-size: 29px;
    }

    .header-heading {
        padding: 128px 0 19px;
    }

    .head {
        padding-top: 30px;
        padding-bottom: 4px;
    }

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

    .nav-custom-s .head {
        padding: 8px 0;
    }

    .phone::before {
        height: 30px;
    }

    .whatsapp svg {
        max-width: 29px;
    }

    .header-form {
        padding-bottom: 346px;
    }

    .form-input.form-size {
        max-width: 257px;
    }

    .form-input.form-sizing {
        max-width: 257px;
    }

    .main-form .form-control {
        padding: 9px 16px;
        font-size: 15px;
    }

    .form-submit {
        max-width: 257px;
    }

    .main-form {
        max-width: 557px;
    }

    .phone a {
        font-size: 15px;
    }

    .ans-img {
        right: 5px;
        top: 3px;
    }

    .frequent-heading h5 {
        font-size: 31px;
    }

    .frequent-heading p {
        font-size: 14px;
    }

    .line-content p {
        font-size: 14px;
        line-height: 21px;
        padding-top: 11px;
    }

    .inter-body .packages-ranges {
        margin-top: 81px;
    }

    .inter-body .content-head p {
        font-size: 19px;
    }

    .accordion-button {
        font-size: 14px;
    }

    .accordion-button::after {
        background-size: 12px;
    }

    .accordion-button:not(.collapsed)::after {
        /* max-width: 10px; */
        background-size: 12px;
    }

    .faq-accordian {
        padding-top: 30px;
    }

    .cheap-umrah-detail p {
        font-size: 14px;
        line-height: 20px;
    }

    .accordion-body {
        line-height: 22px;
        font-size: 14px;
        padding: 18px 23px;
    }

    .namaz-name span {
        font-size: 18px;
    }

    .namaz-img img {
        max-width: 48px;
    }

    .holistic-button a {
        font-size: 18px;
        padding: 11px 30px;
    }

    .inter-body .name-hotel span {
        font-size: 16px;
    }

    .inter-body .gadets {
        max-width: 210px;
    }

    .holistic-button {
        margin-top: 46px;
    }

    .inter-body .stars img {
        max-width: 22px;
        width: 100%;
    }

    .cheap-heading h4 {
        font-size: 23px;
    }

    .inter-body .name-hotel p {
        font-size: 16px;
        line-height: 23px;
    }

    .package-button a {
        font-size: 16px;
        max-width: 195px;
        padding: 10px 26px;
    }

    .pilgrims {
        margin-top: 4px;
    }

    .cheap-heading p {
        font-size: 15px;
        padding-top: 16px;
    }

    .ministry-img:nth-last-of-type(3) img {
        max-width: 39px;
    }

    .package-button {
        margin-top: 22px;
    }

    .namaz-name p {
        font-size: 15px;
    }

    .prayer-section {
        width: 135px;
        height: 135px;
    }

    .prayer-time {
        padding: 38px 0 42px;
    }

    .prayer-heading h5 {
        font-size: 40px;
    }

    .prayer-heading span {
        font-size: 19px;
        padding-top: 19px;
    }

    .serving-head h5 {
        display: none;
    }

    .pil-image p {
        font-size: 13px;
        line-height: 18px;
    }

    .ministry-img:nth-last-of-type(2) img {
        max-width: 48px;
    }

    .experience {
        padding: 13px 24px;
        margin-bottom: 3px;
        background-size: 571px;
    }

    .swiper.inclusive-swap {
        margin-top: 62px;
        margin-bottom: 56px;

    }

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

    .cheap-umrah {
        padding: 43px 0 29px;
    }

    .deposite span {
        font-size: 20px;
    }

    .star-travel {
        margin: 0 17px;
        flex-wrap: wrap;
    }

    .gadets {
        max-width: 210px;
    }

    /* .stars {
        margin: auto;
    } */

    .calls-buttons {
        display: flex;
        flex-wrap: wrap;
    }

    .inclusives {
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .deposite p {
        font-size: 13px;
    }

    .deposite {
        max-width: 175px;
        padding: 3px 13px 6px;
    }

    .mak-img img {
        max-width: 30px;
        width: 100%;
    }

    .mak-img {
        padding-top: 6px;
    }

    .company {
        padding: 13px 8px 12px 9px;
        max-width: 254px;
        margin-bottom: 20px;
    }

    .scrollbar {
        padding: 30px 13px 33px 24px;
    }

    .scrollbar-content {
        max-height: 420px;
    }

    .makkah-content h1 {
        font-size: 21px;
    }

    .travel-circle:not(:nth-last-of-type(1))::after {
        right: -9px;
    }

    .makkah-content h2 {
        font-size: 21px;
    }

    .makkah-content h3 {
        font-size: 22px;
    }

    .makkah-content h4 {
        font-size: 22px;
    }

    .makkah-content h5 {
        font-size: 22px;
    }

    .calls-buttons button:first-child {
        padding: 13px 20px;
        max-width: 100%;

    }

    .content-head p {
        font-size: 19px;
        padding-bottom: 8px;
    }

    .calls-buttons button:last-child {
        padding: 10px;
        max-width: 100%;
    }

    .price-tax span {
        font-size: 18px;
    }

    .cheap-umrah .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 53px !important;
    }

    .price-tax p {
        font-size: 32px;
    }

    .makkah-content h6 {
        font-size: 22px;
    }

    .pack-img img {
        max-width: 380px;
    }

    .company-data {
        margin-top: 40px;
    }

    .service-packge .cheap-umrah-detail p {
        font-size: 14px;
        line-height: 21px;
        padding: 0 12px;
    }

    .pack-price p {
        font-size: 40px;
    }

    .day-iternity .accordion-button {
        font-size: 14px;
        line-height: 20px;
        box-shadow: none;
        padding: 20px 22px;
    }

    .design-error {
        padding: 7px;
        background-size: 427px;
    }

    .day-iternity .accordion-button::before {
        max-width: 443px;
    }

    .design-error p {
        font-size: 14px;
        line-height: 23px;

    }

    .home-button a {
        padding: 15px 41px;
        font-size: 15px;
    }

    .home-button {
        max-width: 186px;
        margin-top: 40px;
    }

    .pattern img {
        max-width: 268px;
    }

    .pattern2 img {
        max-width: 455px;
    }

    .main-headingss h2 {
        font-size: 34px;
    }

    .about {
        padding-top: 43px;
    }

    .transform-heading h5 {
        font-size: 24px;
    }

    .transform-heading p {
        line-height: 25px;
        font-size: 14px;
    }

    .holistic-head span {
        font-size: 25px;
    }

    .holistic-list ul li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .choose-detail {
        padding-top: 45px;
    }

    .inner-choose {
        padding-top: 36px;
        padding-bottom: 34px;
    }

    .servises-detail p {
        font-size: 15px;
        line-height: 25px;
        padding-top: 52px;
    }

    .cheap-umrah-detail span {
        font-size: 14px;
    }

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


    .contact-menu {
        margin: 22px auto;
        padding: 21px 6px;
        max-width: 479px;
    }

    .links {
        max-width: 487px;
    }

    .contact-num a {
        font-size: 17px;
    }

    .contact-num p {
        font-size: 17px;
    }

    .footer-para {
        padding: 29px 0 15px;
        max-width: 550px;
    }

    .copywrite {
        padding: 11px 0;
    }

    .copywite-para p {
        font-size: 16px;
    }

    .day-iternity {
        gap: 15px 0;
    }

    .day-iternity>p {
        font-size: 15px;
        padding-left: 20px;
    }

    .day-iternity>p span {
        margin-right: 5px;
    }
    .footer {
        margin-top: -100px;
    }
    .footer-menu {
        position: relative;
        top: 18% !important;
       
    }
    .links {
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .accordion-body p {
        line-height: 22px;
        font-size: 14px;
    }

    .input-drop-down li.active {

        margin-right: 0;
    }

    .error-page {
        padding: 49px 0 343px;
    }

    .main-heading h1 {
        text-align: center;
    }

    .serving-side {
        padding: 0 36px;
    }

    .experience {
        padding: 13px 24px;
        margin-bottom: 3px;
        background-size: 0;
        background-color: var(--bg-primary-color);
    }

    /* .whatsapp svg {
        display: none;
    } */

    .phone a span {
        display: none;
    }

    .phone::before {
        display: none;
    }

    .stellarnav .menu-toggle {
        padding: 10px;
    }

    .holistic-journey span {
        font-size: 22px;
    }

    .phone {
        background: none;
        margin-left: 2px;
    }

    .phone:hover {
        background: none;
    }

    .phone img {
        background-color: var(--bg-secondary-color);
    }

    .drp {
        background: #fff url("/frontend/images/keyboard-right-arrow-butto.png") no-repeat 96% center;
    }

    .phone a {
        color: var(--bg-secondary-color);

    }

    .our-services {
        padding-bottom: 422px;
    }

    .form-input.form-sizing {
        max-width: 179px;
    }

    .main-form {
        max-width: 400px;
    }

    .form-input.form-size {
        max-width: 179px;
    }

    .line-content {
        margin-bottom: 434px;
    }

    .line-content h4 {
        margin-top: 20px;
        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
    }

    .line-content h5 {
        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
    }

    .line-content h3 {

        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
    }

    .line-content h1 {
        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
    }

    .head {
        padding-top: 20px;
        flex-wrap: wrap;
    }



    .header-area::before {
        height: 22px;
        background-size: 1500px;
    }

    .head {
        padding-top: 27px;
        padding-bottom: 7px;
    }

    .header-area {
        background-size: 0;
    }

    .form-submit {
        max-width: 179px;
    }

    .line-content h2 {
        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
    }

    .include-head img {
        max-width: 12px;
        margin-left: 7px;
    }

    .day-iternity .accordion-button::after {
        top: 7px;
        right: -9px;
    }

    .day-iternity .accordion-button::before {
        max-width: 330px;
    }

    .accordion-body {
        line-height: 19px;
        font-size: 13px;
        padding: 13px 18px;
    }

    .frequent-heading h5 {
        font-size: 26px;
    }

    .serving-side {
        flex-wrap: wrap;
        text-align: center;
    }

    .ministry-hajj {
        margin: 0 auto;
    }

    .frequent-heading p {
        font-size: 13px;
    }

    .view-all-stars .form-check label {
        font-size: 18px;
    }

    .ranging {
        padding: 34px 25px 26px;
    }

    .company {
        margin: auto;
        margin-bottom: 15px;
    }

    .company-img {

        max-width: 53px;
        height: 53px;
        margin-right: 9px;
    }

    .scrollbar-content {
        max-height: 420px;
    }

    .makkah-content h1 {
        font-size: 17px;
    }

    .price-range-filter {
        padding-bottom: 12px;
    }

    .view-all-stars {
        margin-top: 18px;
    }

    .form-check.star-check {
        margin-top: 11px;
    }

    .makkah-content h2 {
        font-size: 17px;
    }

    .makkah-content h3 {
        font-size: 17px;
    }

    .makkah-content h4 {
        font-size: 17px;
    }

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

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

    .cheap-heading h4 {
        font-size: 21px;
    }

    .cheap-heading p {
        font-size: 13px;
        padding-top: 13px;
    }

    .makkah-content p {
        font-size: 14px;
        line-height: 21px;
    }

    .cheap-umrah .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 30px !important;
    }

    .makkah-content a {
        font-size: 14px;
    }

    .scrollbar-content {
        max-height: 350px;
    }

    .company-name p {
        font-size: 15px;
    }

    .makkah-content span {
        font-size: 14px;
    }

    .day-iternity .accordion-body {
        line-height: 19px;
        font-size: 13px;

    }

    .custome-name p {
        font-size: 17px;
    }

    .custome-name a {
        font-size: 32px;
        line-height: 44px;
    }

    .checklist-box {
        flex-wrap: wrap;
    }

    .pkg-buttons img {
        max-width: 20px;
        width: 100%;
    }

    .footer-half {
        padding-top: 210px;
    }

    .pkg-buttons a:first-child {
        font-size: 14px;
        padding: 8px 9px;
        margin-right: 6px;
    }

    .shift-head p {
        font-size: 18px;
    }

    .pkg-buttons a:nth-of-type(2) {
        font-size: 14px;
        padding: 9px 10px;
    }

    .pack-price span {
        font-size: 17px;
    }

    .shift-hotel span {
        font-size: 16px;
    }

    .shift-hotel p {
        font-size: 16px;
    }

    .pack-price p {
        font-size: 36px;
    }

    .ground-text img {
        margin-right: 10px;
        max-width: 12px;
        width: 100%;
    }

    .ground-text p {
        font-size: 15px;
        line-height: 10px;
        margin-top: 12px;
    }

    .footer {
        margin-top: 40px;
    }

    .detail-contact {
        padding-top: 62px;
    }

    .num {
        top: 5px;
    }

    .day-iternity .accordion-button {
        font-size: 13px;
        padding: 15px 16px;
    }

    .day-iternity .accordion-header button span {
        font-size: 14px;
        margin-left: 7px;
    }

    .form-input.form-size-contact.lame textarea {
        padding: 11px 18px;
        font-size: 15px;
    }

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

    .custome-time {
        margin-top: 26px;
    }

    .form-input.form-size-contact input {
        padding: 11px 18px;
        font-size: 15px;
    }

    .quote-head p {
        font-size: 13px;
        line-height: 19px;
    }

    .error-image img {
        max-width: 300px;
    }

    .design-error {
        padding: 7px;
        background-size: 383px;
        margin-top: 30px;
    }

    .design-error p {
        font-size: 12px;
        max-width: 301px;
    }

    .error.thnx {
        padding: 99px 0;
    }

    .main-headingss h2 {
        font-size: 31px;
    }

    .about-detail p {
        font-size: 13px;
        line-height: 18px;
    }

    .about-detail {
        padding: 25px 0 25px;
    }

    .transform-heading h5 {
        font-size: 19px;
    }

    .holistic-journey {
        margin-top: 15px;
    }

    .holistic-head span {
        font-size: 23px;
    }

    .holistic-list ul li {
        font-size: 15px;
    }

    .choose-detail p {
        font-size: 14px;
        line-height: 19px;
    }

    .footer-contact {
        flex-basis: 100%;
        margin-bottom: 10px;
    }

    .links {
        max-width: 487px;
        flex-wrap: wrap;
    }

    .social-media {
        padding-top: 11px;
        max-width: 385px;
    }

    .footer-para {
        padding: 22px 0 15px;
        max-width: 410px;
    }

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

    .cheap-umrah-detail span {
        font-size: 16px;
    }

    .holistic-head span {
        font-size: 19px;
    }

    .holistic-list ul li {
        font-size: 14px;
    }

    .main-headingss h2 {
        font-size: 29px;
    }

    .design {
        top: 24px;
    }

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

    .social-media {
        padding-top: 11px;
        max-width: 279px;
        flex-wrap: wrap;
        margin: auto;
    }

    .socials {
        flex-basis: 26%;
        margin: auto;
        margin-bottom: 15px;
    }

    .socials:not(:nth-last-of-type(1))::after {
        display: none;
    }

    .acc-dp-dwn {
        width: 175px;
    }

    .company-img img {
        max-width: 36px;
        width: 100%;
    }

    .packages-ranges::after {

        display: none;
    }

    .hoteling-swap .swiper-wrapper {
        margin-bottom: 25px;
    }

    .contact-menu {

        max-width: 258px;
    }
    .footer-half {
        padding-top: 20px;
    }
}

@media (max-width: 419.98px) {
    .acc-dp-dwn {
        width: 100%;
    }

    .serving-side {
        padding: 0 0px;
    }

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

    .main-form {
        max-width: 300px;
    }

    .include-head img {
        max-width: 11px;
        margin-left: 7px;
        margin-bottom: 0;
    }

    .day-iternity .accordion-button::before {
        max-width: 247px;
    }




    .accordion-body {
        line-height: 17px;
        font-size: 12px;
        padding: 13px 18px;
    }

    .frequent-heading h5 {
        font-size: 20px;
    }

    .accordion-button {
        font-size: 13px;
        padding: 8px;
    }

    .ranging h2 {
        margin-bottom: 16px;
        font-size: 22px;
    }

    .content-head p {
        font-size: 17px;
    }

    .makkah-content h1 {
        font-size: 15px;
    }

    .makkah-content h2 {
        font-size: 15px;
    }

    .form-input.form-size {
        max-width: 100%;
    }

    .form-input.form-sizing {
        max-width: 100%;
    }

    .header-form {
        padding-bottom: 642px;
    }

    .form-submit {
        max-width: 100%;
    }

    .makkah-content h3 {
        font-size: 15px;
    }

    .makkah-content h4 {
        font-size: 15px;
    }

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

    .makkah-content h6 {
        font-size: 15px;
    }

    .scrollbar {
        padding: 27px 13px 28px 10px;
    }

    .footer-half {
        padding-top: 30px;
    }

    .contact-form .form-check label {
        font-size: 13px;
        line-height: 22px;
    }

    .design-error {
        background-size: 290px;
    }

    .makkah-nights {
        flex-wrap: wrap;
    }

    .namaz-name p {
        font-size: 13px;
    }

    .namaz-img {
        margin-top: 0px;
    }

    .serving-side {
        flex-wrap: wrap;
    }

    .pil-image {
        text-align: center;
    }

    .experience {

        background-color: black;
    }

    .makkah-nights::before {

        display: none;
    }

    .namaz-name span {
        font-size: 14px;
    }

    .gadets,
    .stars {
        margin: auto;
    }

    .stars {
        margin-bottom: 10px;
    }

    .prayer-section {
        width: 111px;
        height: 111px;
    }

    .namaz-img img {
        max-width: 37px;
    }

    .makk-detail {
        text-align: center;
        padding-bottom: 10px;
    }

    .design-error p {
        font-size: 11px;
        max-width: 250px;
        line-height: 19px;
    }

    .home-button {
        max-width: 129px;
        margin-top: 40px;
    }

    .home-button a {
        padding: 14px 27px;
        font-size: 13px;
    }

    .footer {
        margin-top: 50px;
    }

    .custome-name p {
        font-size: 13px;
    }

    .custome-name a {
        font-size: 20px;
        line-height: 44px;
    }

    .checklist ul li {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 19px;
    }

    .day-iternity .accordion-body {
        line-height: 18px;
        font-size: 13px;
    }

    .ground-text p {
        font-size: 13px;
    }

    .shift-hotel span {
        font-size: 14px;
    }

    .shift-hotel p {
        font-size: 13px;
    }

    .hajji {
        margin-top: 32px;
    }

    .pkg-buttons a:first-child {
        font-size: 14px;
        padding: 9px 22px;
        text-align: center;
        display: flex;
        margin: auto;
        margin-right: 57px;
        margin-bottom: 10px;
    }

    .pkg-buttons {
        margin-top: 36px;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        margin-top: 20px;
        text-align: center;
    }

    .pkg-buttons a:nth-of-type(2) {
        font-size: 14px;
        padding: 9px 10px;
        margin: auto;
    }

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