
@media (max-width:992px){

    h1, h2, h3{
        margin-bottom: 20px;
        font-size: 25px;
    }
    p{
        font-size: 16px !important;
    }
    section{
        padding: 40px 20px;
    }

    .home-banner-outer .container-fluid{
        padding: 100px 20px;
    }
    .home-banner-outer .container-fluid .home-banner-img h1{
        font-size: 40px;
    }
    .btn-1{
        padding: 10px 20px;
        font-size: 16px;
    }
    .premium-outer .row{
        row-gap: 20px;
    }
    .home-cta-outer{
        padding: 30px 30px;
    }
    .home-trending-outer .container .row .trending-destination-grid{
        width: 48%;
        padding: 250px 0px 0px;
    }
    .home-trending-outer .container .row .trending-destination-grid .trending-destination-bottom-grid{
        padding: 5px;
    }
    .home-trending-outer .container .row .trending-destination-grid .trending-destination-bottom-grid h4{
        font-size: 20px;
    }
    .why-book-grid{
        width: 50%;
    }
    .why-book-outer .row{
        row-gap: 20px;
    }
    .why-book-grid-icon i{
        font-size: 30px;
    }
    .why-book-grid-icon h2{
        font-size: 18px;
    }
    .why-book-grid-content p{
        font-size: 16px;
    }
    .london-tours-outer .container .london-tours-inner{
        padding: 0px 20px;
    }
    .london-tours-outer .container .london-tours-inner h3{
        font-size: 20px;
    }
    .testimonial-outer .testimonial-back-ground p{

        font-size: 18px;
    }
    .testimonial-outer .testimonial-back-ground{
        padding: 100px 60px;
    }
    .testimonial-outer .testimonial-back-ground h2{

        font-size: 30px;
    }
    .testimonial-outer .container .row .testimonial-grid{
        width: 48%;
        padding: 20px 15px;
    }
    .testimonial-outer .container .row .testimonial-grid p{
        font-size: 14px;
    }
    .testimonial-outer .container .row .testimonial-grid .testimonial-rating i{
        font-size: 18px;
    }
    .testimonial-outer .container .row .testimonial-grid .testimonial-profile.row .testimonial-info p{
        font-size: 14px;
    }
    .testimonial-outer .container .row .testimonial-grid .testimonial-profile.row .testimonial-info h4{
        font-size: 14px;
    }
    .testimonial-outer .container .row .testimonial-grid .testimonial-profile.row .testimonial-img img{
        width: 70px;
        height: 70px;
    }
    .tours-box{
        width: 50%;
    }
    .tours-outer .row{
        row-gap: 20px;
    }
    .tours-price .row a.btn-1{
        padding: 6px 12px;
        font-size: 12px;
    }
    .tours-outer .tours-box .tours-grid .row h3{
        font-size: 18px;
    }
    .tours-price .row p{
        font-size: 14px;
    }
    .sub-banner-outer .container h2{
        font-size: 40px;
    }
    .sub-banner-outer .container p{
        font-size: 18px;
    }
    .sub-banner-outer{
        padding: 25px 15px;
    }
    .tour-detail-banner-outer .container h2{
        margin-bottom: 20px;
    }
    .tour-detail-features-outer .container .row .tour-detail-left h2, h3{
        margin-bottom: 20px;
    }
    .tour-detail-flex{
        gap: 20px;
    }
    .tour-detail-features-outer .container .row .tour-detail-left .row.tour-detail-info-grid .info-grid{
        padding: 20px 15px;
    }
    .blog-outer .blog-grid{
        width: 48%;
    }
    .blog-outer .row {
    gap: 20px;
}
.blog-grid-content h4{
    font-size: 20px;
}
.blog-grid-btn a{
    padding: 5px 20px;
    font-size: 14px;
}
.event-content h4{
    font-size: 20px;
}
.event-content p{
    font-size: 16px;
}
.event-content ul li{
    font-size: 16px;
}
.event-content ul li i{
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.footer-logo p{
    font-size: 16px;
}
.footer-menu h4{
    font-size: 16px;
}
.footer-menu ul li a{
    font-size: 16px;
}
.footer-detail-common a{
    font-size: 14px;
}
.footer-social-icon a i{
    font-size: 20px;
}
.footer-bottom-left p{
    font-size: 14px;
}
.footer-bottom-right ul li a{
    font-size: 14px;
}
.footer-detail-common i{
    font-size: 16px;
}
section.london-tour-tab-outer {
    margin-top: -110px;
}
.london-tour-tab-outer .nav-link{
    padding: 10px 67px;
    font-size: 14px;
}
.tab-left-points .sub-content h4{
    font-size: 18px;
}
.tab-left-points .sub-content ul li{
    font-size: 16px;
}
.heaiding-box p{
    padding: 10px;
}
.tab-left-points .tab-point-common::before{
    left: 40px;
}
.tab-right-form form h4{
    font-size: 18px;
}
.tab-review-grid{
    width: 48%;
}
.tab-review-grid h4{
    font-size: 16px;
}
.tab-review-grid .tab-star i{
    font-size: 18px;
}

.tab-review-outer{
    padding-left: 35px;
}
  .booking-fields form ul{
    grid-template-columns: 1fr;
  }

  .search-btn {
    width: 100%;
  }
   .tab-gallery-outer {
    columns: 2;
  }
  .row.event-card{
    row-gap: 25px;
  }
  .event-outer .event-card-btn{
    width: 100%;
    justify-content: center;
  }
  .event-content {
    width: 50%;
}
.event-img {
    width: 50%;
}
.contact-options-outer .row {
    row-gap: 20px;
}
.contact-options-grid ul li i{
    font-size: 18px;
}
ul#myTab{
    gap: 20px;
    margin-bottom: 25px;
}
.tour-detail-outer .tour-detail-tab-outer .nav-item button.nav-link{
    font-size: 18px;
}
.tour-detail-tab-outer table th, td{
    padding: 3px 7px;
}
.tour-detail-tab-outer table th{
    font-size: 16px;
}
.tour-detail-tab-outer table td{
    font-size: 14px;
}
.tour-detail-tab-outer ul.tab-first-ul li{
    font-size: 14px;
}
.tour-detail-outer .tour-detail-tab-outer .nav-item button.nav-link{
    padding: 4px 8px;
}
.tab-our-gallery-outer .grid-image-left .single-grid{
    gap: 10px;
}
.grid-image-left a.main-gallery img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.grid-image-right{
    gap: 10px;
}
.tab-our-gallery-outer .col-4{
    padding: 0px;
}
.tour-detail-tab-outer ul.tab-second-ul{
    gap: 10px;
    min-width: 720px;
}
.tour-detail-tab-outer ul.tab-second-ul li{
    width: 48%;
}
.tour-detail-tab-outer ul.tab-first-ul li i{
    font-size: 16px;
}
.about-new-date-left{
    padding: 20px;
    right: 12px;
    bottom: 150px;
}
/* .about-new-style-font h2{
    font-size: 22px;
} */
.about-new-right {
   padding-left: 0px;
}
.about-new-date-left h2{
   font-size: 100px;
    line-height: 25px;
}
.sub-heading{
    font-size: 22px;
}
.our-driver-watermark h1{
    font-size: 80px;
}
.our-mision-right .our-driver-content ul li{
    line-height: 28px;
}
.our-mission-outer {
    padding: 20px 15px;
}
.our-mission-outer.our-mission-reverse {
    padding: 20px 15px;
}
.contact-form-outer form{
    gap: 15px;
}
.cta-overall-inner{
    row-gap: 45px;
}
.cta-overall-grid{
    width: 48%;
}
.faq-outer .accordion-header button.accordion-button{
    font-size: 18px;
}
.faq-outer .accordion-body{
    font-size: 14px;
}
.tab-first-content ul.tab-first-ul li{
    width: 100%;
}
.tab-second-content ul.tab-second-ul li{
    width: 49%;
}
.tab-second-content ul.tab-second-ul{
    gap: 13px;
}
.offers-page-outer ul li{
    width: 48%;
}
}

@media(max-width:991px){
.header .menu ul.menu-main {
    flex-wrap:wrap;
    gap: 0px;
}
.header .menu > ul > li {
    width: 100%;
}
.header .item-right {
    display: block;
}
.sub-heading{
    font-size: 24px;
}
.choose-us-items:hover .choose-us-image {
    left: 45%;
}
.about-new-reason-outer .row {
    flex-direction: column;
}
.about-new-reason-right{
    width: 100%;
}
.about-new-reason-left{
    width: 100%;
}
.compass{
    top: 165px;
}
.birds{
    right: 250px;
}
.about-new-reason-right{
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 15px;
}

}



@media (max-width:767px){

    h1,h2,h3{
        font-size: 20px;
        margin-bottom: 15px;
    }
    section{
        padding: 30px 0px;
    }
    .container{
        margin: 0px;
        max-width: initial;
    }
    .btn-1 {
        padding: 5px 15px;
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
    .home-banner-outer .container-fluid {
        padding: 30px 20px;
    }
    .booking-box{
        position: relative;
        bottom: 0px;
        padding: 15px 10px;
        margin: 30px 15px;
    }
    .home-banner-outer .container-fluid .home-banner-img h1 {
        font-size: 30px;
    }
    .home-about-outer{
        padding: 30px 15px;
    }
    .home-about-outer .row{
        gap: 20px;
    }
    .home-trending-outer .container .row .trending-destination-grid{
        width: 100%;
    }
    .home-trending-outer{
        padding: 30px 15px;
    }
    .home-trending-outer .container .row .trending-destination-grid .trending-destination-bottom-grid h4{
        font-size: 18px;
    }
    .why-book-grid{
        width: 100%;
    }
    .why-book-grid-icon i{
        font-size: 20px;
    }
    .why-book-grid-icon h2{
        font-size: 16px;
    }
    .why-book-grid-content p{
        font-size: 14px;
    }
    .why-book-outer .row{
        gap: 10px;
    }
    .london-tours-outer .container .london-tours-inner {
        padding: 20px 15px;
    }
    .london-tours-outer .container .london-tours-inner h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }
    .london-tours-outer .container .london-tours-inner .col-sm-12 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .testimonial-outer {
    margin-top: 30px;
    }
    .testimonial-outer .testimonial-back-ground p {
        font-size: 16px;
    }
    .testimonial-outer .testimonial-back-ground h2 {
        font-size: 25px;
    }
    .testimonial-outer .testimonial-back-ground {
        padding: 40px 19px;
    }
    .testimonial-outer .container {
        position: relative;
        bottom: 0px;
        padding: 0px 30px;
        margin: 30px 0px;
    }
    .testimonial-outer .container .row .testimonial-grid {
        width: 100%;
        padding: 20px 15px;
    }
    .testimonial-outer .container .row.testimonial-container {
    gap: 15px;
}
    .testimonial-img{
    width: 100%;
    display: flex;
    justify-content: center;
 }
 .testimonial-info{
    width: 100%;
    text-align: center;
 }
 .testimonial-outer .container .row .testimonial-grid .testimonial-profile.row{
    gap: 10px;
 }
 .testimonial-outer .container .row .testimonial-grid p{
    text-align: center;
 }
 .testimonial-outer .container .row .testimonial-grid .testimonial-rating{
    text-align: center;
    margin-bottom: 10px;
    padding-left: 0px;
 }
 .home-curosal{
    padding: 30px 0px;
 }
 .home-curosal .row{
    gap: 10px;
    text-align: center;
 }
 .input-field{
    padding: 8px 8px;
 }
 .tours-outer .row{
    row-gap: 20px;
 }

  .sub-banner-outer .container h2{
        font-size: 30px;
    }
    .sub-banner-outer .container p{
        font-size: 16px;
    }
    .sub-banner-outer{
        padding: 15px 15px;
    }
    .tours-outer .tours-box .tours-grid .row h3{
        font-size: 16px;
    }
    .tours-box{
        width: 100%;
    }
    .tours-outer .tours-box .tours-grid .row{
        margin-top: 10px;
    }
    .blog-outer .blog-grid{
        width: 100%;
    }
    .blog-grid-img img{
        width: 100%;
        height: 100%;
        border-radius: 10px 10px 0px 0px;
    }

    .event-content h4 {
        font-size: 18px;
    }
    .event-content p {
        font-size: 14px;
    }
    .event-content ul li i {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    a.event-btn{
        font-size: 16px;
        padding: 5px 8px;
    }
    .footer-menu{
        align-items: normal;
        gap: 10px;
    }
    .home-curosal .row{
        gap: 15px;
    }
    .footer-common-row{
        gap: 15px;
    }
    .footer-bottom{
        margin-top: 40px;
    }
    .footer-bottom-right{
        justify-content: left;
        gap: 10px;
    }
    .footer-bottom-right ul{
        flex-direction: column;
        gap: 10px;
        align-items: start;

    }
    .london-tour-tab-outer .nav-link{
        width: 100%;
    }
    .tab-review-outer {
        padding-left: 30px;
        padding-right: 30px;
    }
    .tab-review-grid {
        width: 100%;
    }
    section.london-tour-tab-inner-content {
    padding: 30px 15px;
}
 .tab-gallery-outer {
    columns: 1;
  }
.event-img {
    width: 100%;
    display: flex;
    justify-content: center;
    }
    .event-content {
        width: 100%;
        text-align: center;
    }
    .event-content ul{
       justify-content: center;
    }

    .event-content ul li{
        gap: 5px;
    }
    .event-content ul li{
        justify-content: center;
    }
  
    .contact-about-left a.btn-1{
        display: inline-block;
    }
    .contact-about-outer .row{
        gap: 20px;
    }
    .contact-form-outer form{
        padding: 20px 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .contact-form-outer form .name-email{
        flex-direction: column;
        height: 100%;
        gap: 15px;
    }
    .contact-form-outer form .name-email input{
        width: 100%;
        margin-bottom: 0px;
        padding: 15px;
    }
    .contact-form-outer form .message{
        margin-top: 0px;
        height: 80px;
    }
    .contact-form-outer .container{
        padding: 0;
    }
    .contact-form-btn{
        margin-top: 0px;
    }
    .header .menu ul.menu-main{
    gap: 0px;
}

.tour-detail-features-outer .container .row .tour-detail-left .row.tour-detail-info-grid .info-grid{
    width: 48%;
}

.tour-detail-features-outer .container .row .tour-detail-left .row.tour-detail-info-grid {
    gap: 10px;
    padding: 0px 10px;
}

.tour-detail-right .row.contact-icon a{
    width: 100%;
}

.tour-detail-right .contact h4{
    font-size: 16px;
    margin-bottom: 20px;
}
.share h4{
    font-size: 16px;
    margin-bottom: 20px;
}
.tour-detail-right .btn-2{
    font-size: 14px;
    padding: 5px 0px;
}
.tour-detail-right .btn-1{
    font-size: 14px;
    padding: 5px 0px;
}
.tour-detail-right{
    gap: 15px;
}
.video-outer .row{
    gap: 15px;
}
.ready-quate-outer .ready-quate-container{
    padding: 15px;
}
.container.ready-quate-container .col-sm-12{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.container.ready-quate-container .col-sm-12.ready-quate-left{
    gap: 0px;
}
.home-about-left-img{
    padding: 0;
}
.home-about-right-content{
    padding: 0;
}
.header .item-left {
    flex: 0 0 45%;
}
.tab-our-gallery-outer .grid-image-right .single-img-2 img{
    width: 100%;
}
.tour-detail-right-form{
    margin-top: 15px;
}

.tour-detail-outer .tour-detail-tab-outer .nav-item button.nav-link {
        font-size: 16px;
    }
    .tour-detail-tab-outer table th {
        font-size: 14px;
    }
    .tour-detail-tab-outer table td {
        font-size: 12px;
    }
    .tour-detail-right-form h2{
        margin-bottom: 15px;
    }
    .tour-detail-right-form form input::placeholder{
        font-size: 14px;
    }
    .tour-detail-right-form form textarea::placeholder{
        font-size: 14px;
    }
    .adult-child-common .form-select{
        font-size: 14px;
    }
    .tour-detail-right-form form{
        gap: 10px;
    }
    .adult-child-common{
        flex-direction: column;
        gap: 10px;
    }
    .tour-detail-right-form{
        padding: 15px 15px;
    }
    .form-btn a{
        padding: 3px 16px;
        font-size: 16px;
    }
    .right-form{
        padding: 0px;
    }
    .tour-detail-tab-outer ul.tab-second-ul li{
        width: 100%;
        display: flex;
        flex-direction: column;
        font-size: 16px;
}

    .tour-detail-tab-outer ul.tab-second-ul{
        margin-top: 20px;
    }


.header .menu ul.menu-main{
    gap: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}
.tour-detail-tab-outer ul.tab-second-ul{
    min-width: 0px;
}
.home-new-content{
    margin-left: 0px;
}
.sub-heading{
    font-size: 22px !important;
    margin-bottom: 10px !important;
}
.birds {
    right: 69px;
}
.about-new-right {
    padding-left: 15px;
}
.about-new-style-font h2 {
    font-size: 22px;
}

.about-new-outer .row {
    gap: 30px;
}
.our-drive-title h3{
    text-align: left;
}
.our-mission-outer .row{
    gap: 20px;
}

.our-mission-outer.our-mission-reverse .row{
    flex-direction: column-reverse;
}
.our-driver-watermark h1 {
    font-size: 70px;
}
.our-mision-right .our-driver-content ul{
    padding-left: 10px;
}
.home-new-img{
    justify-content: center;
}
.home-new-outer .row{
    gap: 20px;
}
.about-new-date-left{
    transform: translateY(100%);
} 
.cta-overall-grid {
    width: 100%;
}
section.about-new-outer {
    padding-top: 40px;
}
.about-new-outer .row{
    gap: 20px;
}
.london-tours-outer .container .london-tours-inner p{
    text-align: center;
}
.testimonial-outer.bus-testimonial-outer .container .row .testimonial-grid .testimonial-rating{
    padding-left: 0px;
}
.faq-outer .accordion-header button.accordion-button{
    font-size: 16px;
}
.right-tour-offer{
    margin: 0px 15px;
}
.offer-btn .btn-1{
    display: inline-flex;
}
.tab-second-content ul.tab-second-ul li {
    width: 100%;
}
.tour-detail-tab-outer table{
    overflow-x: auto;
}
.modal-body{
    flex-direction: column;
    row-gap: 20px;
}
.bus-popup-left {
    width: 100%;
}
.bus-popup-right {
    width: 100%;
}
.gaq-popup-outer .get-aquote-content-popup{
    flex-direction: column;
    row-gap: 20px;
}
.popup-bus-outer form ul{
    padding: 0px;
}
.modal-header h5{
    font-size: 16px;
}
.offers-page-outer ul li {
    width: 100%;
}
.bus-intro-left{
    width: 100%;
}
.bus-intro-right{
    width: 100%;
}
.bus-intro-outer{
    flex-direction: column;
}
.tour-detail-info-grid ul li{
    width: 100%;
}
.tour-detail-info-grid ul{
    grid: none;
}
}

@media (max-width:640px){
    .heaiding-box p{
        width: 55px;
    }
    .tab-left-points .tab-point-common::before {
        left: 40px;
    }
    .tab-name-email{
        flex-direction: column;
    }
    .tab-name-email input{
        width: 100%;
        height: 30px;
    }
    .tab-phone-date{
        flex-direction: column;
    }
    .tab-phone-date input{
        width: 100%;
        height: 30px;
    }
    .tab-right-form form{
        padding: 20px 10px;
    }
    .tab-passanger input{
        height: 30px;
    }
    .tab-message textarea{
        height: 80px;
    }
    .tab-phone-date input::placeholder{
        font-size: 14px;
    }
    .tab-passanger input::placeholder{
        font-size: 14px;
    }
    .tab-message textarea::placeholder{
        font-size: 14px;
    }
    .tab-name-email input::placeholder{
        font-size: 14px;
    }
    .tab-right-form {
    padding: 0;
}
    .tab-review-outer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .london-tour-banner{
        padding: 80px 20px;
    }
    section.london-tour-tab-outer {
        margin-top: -70px;
    }
    .blog-outer{
        padding: 30px 10px;
    }
    .contact-options-grid ul li i {
        font-size: 16px;
    }
    .tour-detail-right .row.share-icon a{
        width: 40px;
        height: 40px;
    }
    .tour-detail-right .row.share-icon a i{
        font-size: 18px;
    }

}
@media (max-width:480px){
    .tour-detail-right .row.contact-icon{
        gap: 10px;
        justify-content: center;
    }
    .tour-detail-right .row.share-icon{
        gap: 10px;
    }
    .birds {
        right: 28px;
    }
    .choose-us-items:hover .choose-us-image {
        left: 38%;
    }
}



