@media (max-width: 768px) {

.w-35px {
	width: 25px;
}

.py-sm-3 {
	padding-top: .75rem !important;
	padding-bottom: .75rem !important;
}

  .nav-item a[data-bs-target="#loginModal"] {
    padding: 0 !important;
  } 
.modal-calendar-responsive {
    width: unset
}
#engine-container {
    position: relative !important;
}
.banner-custom-bg .row {
    height: unset !important;
}
.modal-body #basic-addon1 {
    width: unset !important;
}
#header {
    padding: 0;
}
#outbound_0, #return_0 {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 1rem;
    height: 500px;
}
.seat-mobile {
    height: 1200px;
}
#svg2 {
    transform: rotate(90deg) scale(300%) translateY(-0.6%)
}

#engine-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.search-engine-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding: 8px;
}
.EngineBackgroundImage {
    max-height: 280px;
}
#engine-container {
    top: 0px !important;
    padding: 0px;
}

}


/* React Prime Component */
@media(max-width: 1700px){
    
    #engine-container .modal-calendar-responsive,.tp-search-input .modal-calendar-responsive {
        position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    flex: 1 1 auto !important;
    width: unset !important;
    }
	
	#engine-container .modal-calendar-responsive.force-open-left,.tp-search-input .modal-calendar-responsive.force-open-left {
    right: auto !important;
    }
	
    #engine-container .p-datepicker-monthpicker {
		width: auto !important;
	}

    #engine-container .p-datepicker-timeonly {
		width: auto !important;
	}
}

@media(max-width: 768px){
    .p-datepicker-group-container {
        flex-direction: column;
        gap: 1rem;
    }
    .p-calendar {
        width: 100%;
    }
    #engine-container .modal-calendar-responsive {
        width: unset !important;
    }
	
	.p-datepicker-next svg,
			.p-datepicker-prev svg,
			svg.p-datepicker-next-icon,
			svg.p-datepicker-prev-icon {
				display: none !important;
			}
			
			.p-datepicker-next::before,
			.p-datepicker-next-icon::before,
			.p-datepicker-prev::before,
			.p-datepicker-prev-icon::before	{
				position: relative;
				top: -8px;
				display: inline-block;
				width: 20px;
				height: 20px;
				font-size: 22px;
				color: black; 
			}
				
            .p-datepicker-next::before,
			.p-datepicker-next-icon::before {
				content: ">";
			}
			
			.p-datepicker-prev::before,
			.p-datepicker-prev-icon::before {
				content: "<";
			}
			
}