@media (min-width: 992px){
	.resView{
		display: none !important;
	}
	.navbar-expand-lg .navbar-collapse{
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		margin-left: auto;
	}

	.site-header .navbar-expand-lg .navbar-nav .nav-item{
		display: flex;
		align-items: center;
	}
	.hjp-notice-tab-menu .nav-item .nav-link{
		min-width: 110px;
	}
	.hjp-helpline-info{
		padding: 0;
	}
	.page-desc p{
		font-size: 16px;
	}
	.site-header .navbar-expand-lg .navbar-nav .nav-link{
		white-space: nowrap;
	}
    .tab-flight-content{
        padding: 0px 24px 24px 24px;
    }
    .dataTables_wrapper {
        padding: 0 15px;
    }
    .pre-hajj-flight-sec {
        padding: 24px 24px 0px 24px;
    }
}
@media (min-width: 1200px){

}

@media (min-width: 1450px){
	.container{
		max-width: 1380px;
	}
	.contact-main-sec .cnt-p-text{
		font-size: 18px;
	}
	.cnt-info-title h3{
		font-size: 24px;
	}
	.hjp-helpline .helpline-btn{
		height: 64px;
		font-size: 28px;
	}
	.cnt-address-item h4{
		font-size: 24px;
	}
	.hajj-contact-info .hjp-blue-box .contact-number{
		width: 200px;
	}

	.prp-main-sec .hjp-blue-box h4{
		font-size: 30px;
	}
	.prp-main-sec .hjp-blue-box p{
		font-size: 20px;
	}

	.refund-form-btn,
	.tab-form-content table td,
	.tab-form-content table th{
		font-size: 16px;
	}
	.accordian-content h2{
		font-size: 30px;
	}
	.page-desc p{
		font-size: 18px;
	}
}

@media (min-width: 1680px){
	.container{
		max-width: 1470px;
	}

}

@media (min-width: 1200px) and (max-width: 1449px){
	.hajj-reg-info-content h2{
		font-size: 36px;
	}

	.hajj-package-list .package-list-item{
		min-height: 40px;
	}
	.hajj-package-list .package-list-item,
	.hajj-package-list .package-list-item .list-text{
		font-size: 18px;
		line-height: 24px;
	}

	.home-slider-item{
		height: 338px;
	}
	.hjp-msg-item{
		padding-left: 85px;
	}
	.hjp-msg-item .msg-item-photo{
		width: 70px;
	}
	.hjp-msg-lists .msg-title{
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	.hjp-msg-item h5{
		font-size: 16px;
	}
	.hjp-msg-item p{
		font-size: 14px;
	}

	.hjp-msg-item p .msg-details-btn,
	.hjp-msg-item .msg-designation,
	.hjp-msg-item h5{
		font-size: 13px;
	}
	.site-header .navbar-expand-lg .navbar-nav .nav-link{
		font-size: 17px;
	}

}
@media (min-width: 992px) and (max-width: 1380px){
	.hjp-news-lists ul li .news-list-title{
		font-size: 15px;
	}

}

@media (max-width: 1380px){
	.hajj-reg-info-content h2{
		font-size: 36px;
	}
	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p{
		font-size: 22px;
	}

	.section-title h2{
		font-size: 28px;
	}

    .dash-list-table .btn,
    .btn,
    .bs_radio [type="radio"]:checked + label,
    .bs_radio [type="radio"]:not(:checked) + label,
    .form-control,
    .src-hajj-tracking-number p{
        font-size: 14px;
    }
    .copyright-content p{
        font-size: 13px;
    }
    .dash-table.table thead th,
    .dash-table.table tbody td{
        padding: 8px;
        font-size: 14px;
        background: rgba(245, 245, 245, 1);
    }
    .dash-table.table thead th{
        background: #D2D2D2;
    }

    .bs_radio [type="radio"]:checked + label:before,
    .bs_radio [type="radio"]:not(:checked) + label:before{
        height: 16px;
        width: 16px;
    }
    .bs_radio [type="radio"]:checked + label:after,
    .bs_radio [type="radio"]:not(:checked) + label:after{
        height: 10px;
        width: 10px;
    }
    .hjp-feature-tab-menu .nav-item {
        width: 30%;
        flex-basis: calc(30% - 15px);
    }
    .hjp-feature-tab-menu .nav-item a{
		padding: 15px;
	}
	.hjp-feature-tab-menu .hjp-tab-menu-item h3{
		font-size: 18px;
	}

	.slider-notice .slider-notice-item p{
		font-size: 20px;
	}
	.home-slider .carousel-indicators li{
		height: 16px;
		width: 16px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.hajj-dashboard-container{
		padding-left: 280px;
	}
	.hajj-dashboard-container .dash-sidebar{
		width: 250px;
	}
	.login-info-box h3{
		font-size: 26px;
	}
	.login-info-box .btn{
		font-size: 18px;
	}

	.hjp-lang-btn,
	.login-info-box .fpass-text,
	.site-header .navbar-expand-lg .navbar-nav .nav-link,
	.login-info-box p,
	.login-info-box .fpass-text{
		font-size: 16px;
	}

	.hajj-info-box{
		padding-left: 10px;
		padding-right: 10px;
	}

	.login-info-box h3{
		font-size: 22px;
	}
	.hajj-reg-info-content h2{
		font-size: 32px;
	}
	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p{
		font-size: 20px;
	}

	.src-btn-group .btn,
	.login-info-box .btn{
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 18px;
	}
	.site-header .navbar-expand-lg .navbar-nav .nav-link{
		padding-left: 15px;
		padding-right: 15px;
	}
	.hjp-msg-item p .msg-details-btn,
	.hjp-msg-item .msg-designation,
	.hjp-msg-item h5{
		font-size: 14px;
	}

	.hajj-advance-search{
		padding-right: 140px;
	}
	.hajj-advance-search .src-submit-btn{
		width: 126px;
	}
	.hajj-adv-src-content .adv-src-item{
		padding-left: 8px;
		padding-right: 40px;
	}
	.adv-src-item .adv-src-dd-icon{
		right: 2px;
		width: 30px;
	}
	.adv-src-item .adv-src-dd-icon svg{
		width: 20px;
	}

	.adv-src-item .adv-src-icon{
		height: 32px;
		width: 32px;
		-ms-flex: 0 0 32px;
		flex: 0 0 32px;
		max-width: 32px;
	}
	.adv-src-item .adv-src-icon svg{
		width: 16px;
	}
	.adv-src-item .adv-src-text .src-title{
		font-size: 12px;
	}

	.pre-hajj-flight-details .pre-hajj-details-item .desc-title{
        font-size: 14px;
    }
    .pre-hajj-flight-details .pre-hajj-details-item .desc-number{
        font-size: 18px;
    }

}

@media (max-width: 1199px){

	.hajj-reg-info-content h2{
		font-size: 28px;
	}
	.hajj-reg-info-content h3{
		font-size: 22px;
	}
	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p{
		font-size: 20px;
	}
	.menu-icon img{
		height: 18px;
	}

	.hjp-notice-tab-menu .nav-tabs {
	    flex-wrap: wrap;
	    row-gap: 10px;
	    column-gap: 10px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	.container{
		max-width: calc(100% - 100px);
	}
}

@media (min-width: 576px) and (max-width: 767px){
	.container{
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 991px){
	.deskView{
		display: none !important;
	}

	p{
		font-size: 15px;
	}
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 22px;
	}

	.site-header .navbar-nav{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.site-header .navbar-expand-lg .navbar-nav .nav-link,
	.site-header .navbar-expand-lg .navbar-nav > .nav-item > a{
		border-radius: 4px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 20px;
		margin: 0;
		display: inline-block;
		color: #000;
	}
	.menu-icon{
		width: 22px;
	}
	.hjp-lang-btn{
		font-size: 16px;
	}

	.home-slider{
		padding-bottom: 20px;
	}
	.hjp-search-block{
		margin: 0 0 20px;
	}

	.copyright-content{
		padding: 15px 0;
	}
	.copyright-content p{
		width: 100%;
		max-width: 470px;
		display: inline-block;
	}
	.copyright-content p br{
		display: none;
	}

	.ehajj-footer-logo{
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		justify-content: space-between;
		position: relative;
	}

	.hajj-reg-info-content{
		max-width: 570px;
		margin-left: auto;
		margin-right: auto;
	}

	.copyright-content .dby-others-logo,
	.copyright-content .developed-by{
		position: relative;
		right: auto;
		top: auto;
	}

	.footer-text{
		text-align: center;
	}
	.footer-menu{
		padding: 20px 0;
	}
	.footer-menu .footer-social-menu{
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}

	.hajj-reg-info-content h2{
		font-size: 34px;
	}

	.hajj-registration-info .sec-bg-gray{
		background: none !important;
	}

	.hajj-reg-info-content h3{
		margin-bottom: 15px;
		margin-top: 10px;
		font-size: 24px;
	}
	.home-intro-section{
		padding-bottom: 20px;
	}

	.home-slider-item{
		height: 300px;
		padding: 30px 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.slider-notice .slider-notice-item p{
		text-align: center;
		width: 100%;
	}
	.home-slider .carousel-indicators li{
		height: 16px;
		width: 16px;
	}
	.hjp-feature-tab-menu .nav-item a{
		padding: 15px 10px;
	}
	.hjp-feature-tab-menu .hjp-tab-menu-item h3{
		font-size: 16px;
	}
	.hjp-feature-tab-menu .nav-item a .tab-menu-icon img{
		width: 38px;
	}
	.hjp-acd-item .hjp-acd-title h4,
	.hjp-acd-item .hjp-acd-title h3{
		font-size: 18px;
	}

	.flight-info-table{
	    min-width: 870px;
	    margin-bottom: 5px;
	}
	.flight-info-table tr th,
	.flight-info-table tr td{
	    font-size: 14px;
	}
    .hjp-notice-tab-menu .nav-item .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: none;
        padding: 15px 25px;
        height: 100%;
        flex-direction: column;
        background: #f5f5f5;
        position: relative;
        color: #000000;
    }
}

@media (max-width: 840px){
	.hajj-advance-search{
		padding-right: 0;
	}
	.hajj-advance-search .src-submit-btn{
		position: relative;
		top: auto;
		right: auto;
		margin-top: 20px;
	}
}
@media (max-width: 767px){
	.footer-menu .footer-menu-list li{
		padding: 0 10px;
	}
	h3{
		font-size: 20px;
	}
	.home-slider-item{
		height: 300px;
	}

	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p,
	.footer-menu li a{
		font-size: 18px;
	}

	.hajj-reg-info-content h2{
		font-size: 34px;
	}

	.hajj-reg-info-content h3{
		font-size: 24px;
	}

	.footer-appstore a{
		max-width: 120px;
		margin: 5px;
	}

	.src-hajj-listing-info{
		padding-top: 0 !important;
	}
	.src-hajj-listing-info .d-flex-space{
		flex-direction: column;
		align-items: flex-start;
	}
	.src-hajj-listing-info .src-list-text{
		margin-bottom: 10px;
	}

    .form-content .form-block .form-label-left{
        width: 160px;
    }
    .form-content .form-block .form-input {
        width: calc(100% - 160px);
    }

    .slider-notice .slider-notice-item p{
    	font-size: 18px;
    }
    .slider-notice .slider-notice-item p br{
    	display: none;
    }
    .sec-title h2{
    	font-size: 24px;
    }
    .hajj-package-list .package-list-item{
    	min-height: 40px;
    }
    .hajj-package-list .package-list-item,
    .hajj-package-list .package-list-item .list-text{
    	font-size: 16px;
    }
    .hajj-imp-links-item{
    	font-size: 16px;
    }
    .alc-room-list-table table td,
	.alc-room-list-table table th{
		padding: 10px;
	}

	.hjp-acd-item .hjp-acd-title h4,
    .hjp-acd-item .hjp-acd-title h3{
        font-size: 18px;
    }
    .hjp-acd-item .accordian-head{
        min-height: 60px;
        padding: 12px 65px 12px 60px;
    }
    .accordian-head .accordian-indicator{
        height: 30px;
        width: 30px;
        border-radius: 5px;
    }
    .hjp-feature-tab-menu .nav-item a{
		padding: 10px;
	}
	.hjp-feature-tab-menu .hjp-tab-menu-item h3{
		font-size: 17px;
	}
	.hjp-feature-tab-menu .nav-item a .tab-menu-icon{
		height: 44px;
		width: 44px;
	}
	.hjp-feature-tab-menu .nav-item a .tab-menu-icon img{
		width: 34px;
	}
	.hjp-feature-tab-menu .hjp-tab-menu-item .tab-menu-title{
		min-height: 40px;
		margin-bottom: 5px;
	}

	.hjp-notice-tab-menu .nav-item .nav-link{
		padding: 10px 20px;
	}
	.hjp-acd-item .hjp-acd-link-btn{
		font-size: 14px;
		padding: 8px 10px;
	}

	.refund-main-sec .white-box{
		padding: 20px !important;
	}

	.hjp-search-block {
	  	flex-direction: column;
	  	padding: 20px 30px 30px;
	}
    .hide-on-mobile {
        display: none;
    }
}
@media (max-width: 575px){

	.site-main .site-header .container{
		max-width: 100%;
	}

	p{
		font-size: 14px;
	}
	h2{
		font-size: 26px;
	}
	.hjp-acd-item .hjp-acd-title h4,
	.hjp-acd-item .hjp-acd-title h3{
		font-size: 16px;
	}

	.site-main .site-header .navbar .navbar-brand img{
		max-height: 48px;
		margin-top: 5px;
	}

	.hajj-reg-info-content h3,
	.section-title h2{
		font-size: 24px;
	}
	.hajj-reg-info-content h2{
		font-size: 28px;
	}

	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p{
		font-size: 16px;
	}

	p{
		font-size: 14px;
	}
	.copyright-content p{
		font-size: 12px;
	}

	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p,
	.footer-menu li a,
	.developed-by span{
		font-size: 15px;
	}

	.footer-menu .footer-menu-list li{
		margin: 0;
	}
	.home-intro-section{
		padding: 40px 0 30px;
	}
    .slider-notice{
    	width: 90%;
    }
    .slider-notice .slider-notice-item p{
    	font-size: 16px;
    }
    .dby-others-logo img,
    .developed-by img{
    	max-height: 50px;
    }
    .hjp-acd-item .hjp-acd-title h4,
    .hjp-acd-item .hjp-acd-title h3{
        font-size: 15px;
    }
    .hjp-feature-tab-menu .nav-tabs{
    	flex-wrap: wrap;
    	row-gap: 15px;
    	column-gap: 15px;
    }
    .hjp-feature-tab-menu .nav-item{
    	width: 50%;
		flex-basis: calc(50% - 15px);
    }
    .home-slider-item{
		height: 270px;
	}

	.hjp-notice-tab-menu .nav-tabs {
		flex-wrap: wrap;
    	row-gap: 10px;
    	column-gap: 10px;
	}

	.pre-hajj-flight-details .pre-hajj-details-item .desc-title{
        font-size: 14px;
    }
    .pre-hajj-flight-details .pre-hajj-details-item .desc-number{
        font-size: 18px;
    }
    .tab-help-content {
        padding: 30px 0px 15px;
    }
    .hjp-acd-item .hjp-acd-content {
        padding: 10px;
    }

    .hjp-feature-tab-menu .nav-tabs {
        display: flex;
        flex-wrap: nowrap; /* Single row */
        overflow-x: auto; /* Enable horizontal scrolling */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        gap: 10px;
        padding: 10px 0;
        justify-content: flex-start !important; /* Align items to the left initially */
    }

    .hjp-feature-tab-menu .nav-tabs .nav-item {
        flex-shrink: 0;
        padding: 10px;
        flex-basis: calc(70% - 15px);
    }

    .hjp-feature-tab-menu .nav-tabs .nav-item.active {
        scroll-snap-align: center; /* Center the active item */
    }

    .hjp-feature-tab-menu .nav-tabs::-webkit-scrollbar {
        display: none; /* Hide scrollbar */
    }
}
@media (max-width: 399px){
	.hajj-reg-info-content .hajj-info-block .hajj-reg-info-item p{
		font-size: 16px;
	}
	.hajj-reg-info-content h3{
		font-size: 20px;
	}
	.footer-menu .footer-menu-list li a{
		padding: 5px 0;
		font-size: 14px;
	}
	.hajj-reg-info-content h2{
		font-size: 26px;
	}

	.footer-menu .footer-menu-list li{
		padding: 0 7px;
	}

	.site-main .site-header .navbar .site-nav-box{
		height: 60px;
	}
	.site-main .site-header .navbar .navbar-brand img{
		max-height: 50px;
	}
	.site-main{
		padding-top: 80px;
	}
	.home-intro-section{
		padding: 30px 0 20px;
	}
	.section-title h2, .dash-tab-content h2{
		font-size: 24px;
	}
	.home-slider .carousel-indicators li{
		height: 14px;
		width: 14px;
	}
}

@media (max-width: 374px){

}

@media (min-width: 767px) {
    .disable-on-desktop {
        pointer-events: none;
        cursor: default;
        color: inherit;
        text-decoration: none;
    }
}

/**
 * Responsive Style
 * PayOrder task
 */
@media (min-width: 1200px) and (max-width: 1680px) {
    .hajj-details-item .desc-number{
        font-size: 18px;
    }
    .hajj-details-item .desc-title{
        font-size: 14px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .hajj-flight-item .hajj-flight-details .hajj-details-item.col_3,
    .hajj-flight-item .hajj-flight-details .hajj-details-item{
        width: calc(50% - 5px);
    }

    .hajj-details-item .desc-number{
        font-size: 17px;
    }
    .hajj-details-item .desc-title{
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .hajj-details-item .desc-number{
        font-size: 17px;
    }
    .hajj-details-item .desc-title{
        font-size: 14px;
    }

    .hjp-feature-tab-menu .hjp-tab-menu-item a .hjp-step-number-new strong {
        font-size: 28px;
    }
    .nav-item a svg {
        width: 42px;
    }
}

@media (max-width: 767px){
    .hajj-flight-details .hajj-details-item.col_5{
        width: calc(50% - 5px);
    }
    .pay-order-info-title{
        padding-right: 0;
    }
    .pay-order-info-title .pay-order-filter{
        position: relative;
        right: auto;
        top: auto;
        margin-top: 20px;
    }
}
@media (max-width: 575px) {
    .hajj-flight-item .hajj-flight-details .hajj-details-item.col_3 {
        width: calc(50% - 5px);
    }
}

@media (max-width: 380px) {
    .hjp-feature-tab-menu .hjp-tab-menu-item a .hjp-step-number-new strong {
        font-size: 22px;
    }
    .nav-item a svg {
        width: 30px;
    }
}

@media (max-width: 991px) {
    .hajj-labbayk-app .labbayk-app-container .section-title p{
        font-size: 16px;
    }
}

@media (max-width: 768px){
    /*
       labbayk app sec
       */
    .hajj-labbayk-app .labbayk-app-container .section-title{
        display: flex;
        background-color: #ffffff;
        border: 3px solid #000b16;
        justify-content: center;
        align-items: center;
        padding: 8px;
        position: absolute;
        top: -20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        text-align: center;
    }
}
@media (max-width: 590px) {
    .hajj-labbayk-app .labbayk-app-container .section-title {
        top: -38px;
    }
}
@media (max-width: 575px){
    .hajj-labbayk-app .labbayk-app-container .section-title{
        top: -25px;
    }
    .hajj-labbayk-app .labbayk-app-container .section-content img{
        max-width: 50%;
    }
}
@media (max-width: 530px) {
    .hajj-labbayk-app .labbayk-app-container .section-title {
        top: -35px;
    }
}
@media (max-width: 399px){
    .hajj-labbayk-app .labbayk-app-container .section-title{
        width: 95%;
    }
}


/**
 * hajj it-service Page
 */

@media (min-width: 768px){
    .hajj-it-help-sec .hjp-notice-tab-menu .nav-tabs{
        gap: 0;
    }
    .hajj-it-help-sec .hjp-notice-tab-menu .nav-tabs li{
        width: 20%;
    }
    .hajj-it-help-sec .hjp-notice-tab-menu .nav-item .nav-link{
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
    }
}
@media (min-width: 992px){
    .single-post-content .hajj-activities-sec-block p{
        font-size: 16px;
    }
}
@media (max-width: 991px){
    .hajj-activities-sec-block h2{
        font-size: 24px;
        margin-bottom: 5px;
    }

    .pargraph-list-hand li,
    .pargraph-list li,
    .hajj-activities-sec-block p{
        font-size: 16px;
    }

    .news-post-desc h3{
        font-size: 18px;
    }

    .hajj-help-tab-content .tab-hajj-content{
        padding-left: 0;
        padding-right: 0;
    }
    .hajj-activities-sec-block .related-post-sec h2{
        margin-bottom: 20px;
    }

    .hajj-activities-sec-block .news-post-title{
        font-size: 36px;
    }
}
@media (max-width: 767px){
    .hajj-activities-sec-block .related-post-sec h2{
        text-align: center;
    }

    .hajj-activities-sec-block .news-post-title{
        font-size: 32px;
    }

    .hajj-activities-sec-block h3{
        font-size: 18px;
    }
}
@media (max-width: 575px){
    .hajj-news-list-item{
        padding-left: 100px;
    }
    .hajj-news-list-item .news-post-img{
        width: 90px;
        height: 65px;
    }

    .post-btn-sec .btn-accent{
        padding: 16px 40px;
    }

    .hajj-news-post-item .news-post-img{
        height: 230px;
    }

    .hajj-activities-sec-block .news-post-title{
        font-size: 30px;
    }
}







