/* samsung note 20 */
@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
    
}




/* Media Query for Mobile Devices */
@media (max-width: 480px) {
h1, h2 {font-size: 1.6rem;line-height: 30px;}	
h3 {font-size: 1.4rem;}
h4{font-size: 1.6rem;}
h4::after {width: 50px;background-size: 12px 8px;}

p{font-size: 14px; line-height: 18px;}
.logo {text-align: center;}
.logo img {width: 180px;        margin-bottom: 6px;}
.nav-tabs .nav-link.active, .nav-tabs .nav-link {padding: 10px 25px;}

.logo_section.mt-5 {margin-top: 1.5rem !important;}
.input_box, .summary-card {padding: 10px;}
.input_icon i {font-size: 20px;}
.input_icon {width: 45px;height: 45px;line-height: 50px;}
.mainbox_left .row > div { margin-bottom: 0;}

.bluebg .row > div { margin-bottom: 15px;}
.bluebg label {font-size: 14px;}
.imp_car .pay-option label { padding: 2px 0;}
.secure .row > div { margin-bottom: 10px;}

.qty-input .qty-count {width: 35px;}
.imp_car .title {font-size: 13px;}
.children img{height:90px;object-fit:cover;object-position: 0 100%;}
.seat-card p {font-size: 14px;}
.children .seat-card {padding: 12px;min-height: 300px;}
.gmap iframe {height: 400px;}
.bluebg {padding: 25px 15px 0 15px;}
.form-control {font-size: 14px;}
.input_box .form-label {margin-bottom: 0;}
.input_box {
        padding: 7px;
    }
.g-4.tab1, .g-4.tab2{--bs-gutter-y: 1rem;}
.price-card h1 {font-size: 2.5rem;font-weight: 600;margin: 10px 0;}
.hero-text h3 {font-size: 22px;}
.card-box .row.g-3 {--bs-gutter-y: .5rem;}
i.text-muted {font-size: 20px;}
.summary-header .d-flex {display:block!important;}
.price-box {text-align: left;}
.price-box.mt-3 {margin-top:6px!important;}
.summary-header .row > div {margin-bottom: 10px;}
.booking-summary {padding: 10px;}
.step-line {display: none !important;}

.payment-footer .price-box {text-align: center;margin: 0;}
.booking-summary .row > div {margin-bottom: 0;}	    
.banner-icon {display: none;}
.seat-banner {text-align: center;}
.hero-image{margin:0;}
.hero-image img{width:100%;}
.btn-primary {font-size: 16px;font-weight: 700;}
.btn-primary i{font-size: 14px;}
.secure h6{font-size: 14px;}
.card-box{margin-top:15px;}
.input-group-custom {margin-bottom: 0;}
.card-box .row > div {margin-bottom: 0;}
.text-muted{font-size: 12px!important;line-height: 15px; margin: 5px 0;}
.payment_method .text-end{text-align:left!important;        margin-top: 10px;}	
.price-box{margin-top:10px;}
.step-label, .stepper-step small{font-size: 12px;}
.step-circle {width: 23px;height: 23px;font-size: 14px;}
.stepper-step{margin:4px 15px;text-align: center;}
.quote-btn img{height:85px; object-fit:cover;object-position:55% 0;}
.tab2 .w-50 { width: 60% !important;}
.tab2 .w-50 .qty-input {width: 70%;}
.tab2 .form-label { margin: 6px 0;}
.payment-footer{margin:15px 0;}
.price-box h2{font-weight:600;}
.thanku_box {margin-top:20px;}
.thanku_box h2 {font-size: 20px;}
.loginpage .form-label {margin-bottom: 7px;font-size: 14px;}
.loginpage h4 {font-size: 16px;}
.loginpage .text-center.mb-4 {margin-bottom: .5rem !important;}
.loginpage .btn-primary.w-50{width:100%!important;}
.txtmd a{font-size: 13px;}
h2.text-dark {font-size: 20px;        margin-bottom: 20px !important;}
.mb-4.mb_m{margin-bottom:0!important;}	
.my_booking .card-box { margin-top: 6px;    }
button.btn-primary, button.btn-primary i {font-size: 15px;}	
button.btn-primary, button.btn-primary i.me-2 {margin-right: 0rem !important;}
.stepper-header .security-badge {width: 90%;margin: 0 auto;}

.stepper-header .btn-primary {font-size: 12px;padding: 5px 4px;}
.stepper-header .btn-primary i{font-size: 10px;}
.language-switcher img{width: 22px !important; height: 17px !important;}
.language-switcher {gap: 8px!important;margin-left: 4px;}
.lang_area .language-switcher{display:block!important;text-align: center; margin-bottom: 10px;}
.lang_area .text-end {text-align: center !important;}

}

@media (max-width: 320px) {
    .quote-btn img { height: 68px;}
	.qty-input .qty-count {width: 24px;}
	.bluebg label {font-size: 13px;}
	.form-label i {font-size: 13px;}
	.mainbox_left {padding: 25px 4px 40px 4px;}
	.nav-tabs .nav-link.active, .nav-tabs .nav-link {padding: 7px 12px;}
	.nav-link {font-size: 14px;}	
	.btn-primary {font-size: 13px;}	
	.imp_car .title {font-size: 11px; }
	.imp_car img{ width: 35px;height: auto;}
	h2.text-dark {font-size: 16px;}
	.logo_section  .btn-primary {font-size: 12px;padding: 6px 8px;}
	.logo_section  .btn-primary i{font-size: 10px;}
	.stepper-step{margin:4px 8px;text-align: center;}
	
}
@media (max-width: 767.98px) {






}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 95%;
    }
}

@media (min-width: 1400px) {
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl { max-width: 80%;}

.carousel-item img{height: 750px;object-fit: cover;}
.carousel h2 {font-size: 5rem;line-height: 100px;}
.carousel p {font-size: 2rem;line-height: 40px;}


h3 {font-size: 2rem;}
.navbar-light .navbar-nav .nav-link {padding: 35px 10px;font-size: 24px;} 
.dropdown-item {padding: 0.5rem 1rem;font-size: 20px;}
h4, .h4 {font-size: 2rem;}
p {font-size:1.4rem;line-height:30px;}

.form-header {font-size: 20px;}
label {font-size: 17px;}
h5, h6 {font-size: 18px;}
.footer-features .item {font-size: 18px;}
.footer-features .item img {width: 30px;}
.accordion-button {font-size: 21px;}
.form-control {font-size: 1.1rem;}
.vehicle-features {font-size: 17px;}
.price-benefits li {font-size: 17px;margin-bottom: 10px;}
.step-label {font-size: 18px;}
.step-circle {width: 40px;height: 40px;font-size: 20px;}
.security-badge h6 {font-size: 17px;}
.section-title {font-size: 22px;}
.summary-card strong {font-size: 14px;margin-bottom:5px;}
.summary-card p {font-size: 1.5rem;}
.qty-input .qty-count {height: 50px;}
.seat-card h4 {font-size: 26px;}
.badge-pill {font-size: 18px; font-weight: 700;}
.feature-icon i {font-size: 35px;}
.best_price, .best_price span {font-size: 20px;}
.nav-link {font-size: 20px;}



}


@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
	
}


/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 799px) and (max-width: 1280px){
.qty-input .qty-count {width: 40px;}
.imp_car .icon img{width: 90%;}


}