@media (max-width:1400px){
    .main-nav a{
        font-size: 16px;
    }
    .banner-content h1{
        font-size: 60px;
    }
    .banner-content p{
        font-size: 20px;
    }
    .section-header h3{
        font-size: 40px;
    }
    .section-header p{
        font-size:20px;
    }
    .exper-bx-content h4{
        font-size:20px;
    }
    .exper-bx-content{
        padding: 20px;
    }
    .desti-bx-top h4{
        font-size: 20px;
    }
    .desti-bx-top ul li{
        font-size:16px;
    }
    .banner-section{
        height: 600px;
    }
    .dashboard-banner{
        height: 400px !important;
    }
    .packages-box-top h4{
        font-size: 22px;
    }
    .packages-box-top h2{
        font-size: 25px;
    }
    .packages-box-bottom h2{
        font-size: 26px;
    }
    .packages-box-top span{
        margin-bottom: 20px;
    }
}
@media(max-width:992px){
    #header .logo img{
        max-width:140px;
    }
    .banner-section{
        height: 680px;
    }
    .banner-content h1 {
        font-size: 55px;
    }
    .about-left-video{
        margin: 0;
    }
    .about-left-video{
        border-radius: 0;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .about-left-video video{
        height: 470px;
    }
    .about-right-content{
        padding-left: 100px;
    }
    .experience-bx{
        padding-bottom: 30px;
    }
    .desti-bx-top{
        padding-right: 44px;
    }
    .hotel-img {
        padding-left: 0;
        margin-top: 30px;
    }
    .signin-btn{
        margin-right: 14px;
    }
    .customer-bx{
        margin-bottom:30px;
    }
    .customer-bx img{
        width: 80px;
    }
    .testimonial-content img{
        width: 40px !important;
    }
    .testimonial-author img{
        width: 60px !important;
        height: 60px;
    }
    .partner-content img{
        width:100% !important;
    }
    .about-pg-content h4{
        font-size: 35px;
    }
    .benefit-img{
        margin-bottom: 30px;
        padding: 0;
    }
    .benefit-right-content{
        padding: 0;
    }
    .benefit-right-content ul li img{
        width: 34px;
        margin-right: 20px;
    }
    .happy-trip-content {
        padding: 20px 15px;
    }
    .about-pg-img{
        margin-bottom: 30px;
    }
    .map-img{
        padding: 0px;
    }
    .sigin-img{
        position: relative;
    }
    .sigin-img::before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-color: #00000080;
    }
    .sigin-right-content{
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding: 0px 40px;
        width: 100%;
        height: 100%;
    }
    .signin-inner{
        width: 100%;
    }
    .sign-in-form{
        position: relative;
    }
    .sign-in-form .col-lg-6{
        position: inherit;
    }
    .sigin-right-content h2{
        color: #fff;
    }
    .sigin-right-content label{
        color: #fff;
    }
    .sigin-right-content a{
        color: #fff;
    }
    .sigin-right-content .form-control{
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff;
    }
    .credit-card{
        margin-bottom: 30px;
        margin-right: 0px;
    }
    .dashboard-inner-banner h4{
        margin-bottom: 20px;
    }
    .dashboard-link{
        width: 250px;
    }
    .dashboard-content{
        margin-left: 250px;
    }
    .packages-box{
        margin-bottom: 30px;
    }
}
@media(max-width:767px){
    #header .logo img {
        max-width: 110px;
    }
    .mobile-nav-toggle{
        top: 10px;
    }
    .banner-content h1 {
        font-size: 45px;
    }
    .banner-content p {
        font-size: 16px;
    }
    .banner-section {
        height: 560px;
    }
    .btn-get-started{
        font-size: 16px;
        padding: 10px 30px;
    }
    .section-pad {
        padding: 60px 0px;
    }
    .section-header h3 {
        font-size: 30px;
    }
    .section-header p {
        font-size: 16px;
    }
    .section-header{
        margin-bottom: 30px;
    }
    .about-right-content{
        padding: 0px 50px;
    }
    .exper-bx-content h4{
        margin-bottom: 10px;
    }
    .customer-bx h3{
        font-size: 30px;
    }
    .customer-bx h4{
        font-size: 20px;
    }
    .customer-review{
        padding: 40px 0px;
    }
    .testimonial-author{
        justify-content: center;
    }
    .service-inner-bx{
        padding: 15px 20px;
    }
    .service-inner-bx img{
        width: 80px;
    }
    .service-bx-content h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .service-bx-content p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .happy-trip-content h4{
        font-size: 20px;
    }
    .happy-trip-content p{
        font-size: 14px;
    }
    .activity-bx-content h4{
        font-size: 18px;
    }
    .services-bx-inner{
        padding: 20px 30px;
    }
    .services-bx-inner img{
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
    .services-bx-content h4{
        font-size: 20px;
    }
    .services-bx-content p{
        font-size: 14px;
    }
    .services-bx-inner img{
        width: 60px;
        height: 60px;
    }
    .sigin-right-content{
        padding: 0px 40px;
    }
    .sigin-right-content h2{
        font-size: 35px;
        margin-bottom: 20px;
    }
    .dashboard-link{
        transform: translateX(-260px);
        transition: all 0.3s;
        padding: 40px 15px;
        z-index: 99;
    }
    .dashboard-link.active{
        transform: translateX(0px);
        transition: all 0.3s;
    }
    .dashboard-content {
        margin-left: 0;
    }
    .dashboard-content{
        padding: 10px 15px;
    }
    .menu-btn{
        display: block;
    }
}

@media(max-width:480px){
    .banner-content h1 {
        font-size: 30px;
    }
    .banner-section {
        height: 480px;
    }
    .section-pad {
        padding: 40px 0px;
    }
    .section-header h3 {
        font-size: 22px;
    }
    .section-header p {
        font-size: 14px;
        margin: 0;
    }
    .section-header{
        margin-bottom:20px
    }
    .about-left-video video {
        height: 320px;
    }
    .about-left-video .youtube-btn img {
        width: 50px;
    }
    .about-right-content {
        padding: 0px 15px;
    }
    .about-right-content h4{
        font-size: 20px;
    }
    .about-right-content p{
        font-size: 14px;
    }
    .exper-bx-content {
        padding: 10px;
    }
    .exper-bx-content p{
        font-size: 14px;
    }
    .desti-bx-top span{
        font-size: 12px;
    }
    .desti-bx-content p{
        font-size: 14px;
    }
    .book-btn{
        font-size: 14px;
    }
    .price-tag h3{
        font-size: 20px;
    }
    .desti-bx-content{
        font-size: 10px;
    }
    .features-list ul li {
        padding-bottom: 10px;
        font-size: 16px;
    }
    .features-list ul li img{
        width: 40px;
        margin-right: 20px;
    }
    .features-list p{
        font-size: 14px;
    }
    .gallery-img img{
        margin-bottom: 20px;
    }
    .testimonial-content img{
        margin: 0px auto 20px;
    }
    .testimonial-content p{
        font-size: 16px;
    }
    .testimonial-author img{
        margin-right: 10px;
        margin-left: 0px;
        margin-bottom: 0;
    }
    .testimonial-author h4{
        font-size: 20px;
    }
    .footer-box h4{
        font-size: 18px;
    }
    .footer-box ul li{
        padding-bottom: 5px;
    }
    .footer-box ul li a{
        font-size: 14px;
    }
    .about-pg-content h4 {
        font-size: 25px;
    }
    .about-pg-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .service-bx-content a{
        font-size: 16px;
    }
    .travel-content h4{
        font-size: 20px;
    }
    .travel-content h4:before{
        height: 2px;
        width: 60%;
    }
    .travel-content{
        padding: 10px 20px;
    }
    .service-inner-bx img{
        width:60px;
        margin-right: 10px;
    }
    .service-inner-bx {
        padding: 15px 10px;
    }
    .service-bx{
        padding-bottom: 20px;
    }
    .happy-trip-bx{
        margin-bottom: 20px;
    }
    .benefit-right-content ul li{
        font-size: 16px;
    }
    .summer-activity-bx{
        margin-bottom: 20px;
    }
    .destination-bx{
        margin-bottom: 20px;
    }
    .services-bx-inner {
        padding: 15px 20px;
    }
    .services-bx{
        padding-bottom: 20px;
    }
    .contacts-content{
        padding:40px 15px;
    }
    .contacts-content h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .contacts-content p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .contacts-content ul li{
        padding-bottom: 10px;
    }
    .contact-form h4{
        font-size: 25px;
        margin-bottom: 30px;
    }
    .sigin-right-content{
        padding: 0px 15px;
    }
    .sigin-right-content label{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .privacy-content p{
        font-size: 14px;
    }
    .privacy-content h4{
        font-size: 20px;
    }
    .credit-card{
        padding:10px;
        margin-bottom: 20px;
        border-radius: 10px;
        box-shadow: 2px 6px 20px rgb(0 0 0 / 9%);
    }
    .card-head h4{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .card-head h3{
        font-size: 24px;
    }
    .profile-card{
        box-shadow: 2px 6px 20px rgb(0 0 0 / 9%);
        border-radius: 10px;
        padding: 20px 10px;
    }
    .profile-card-area{
        padding: 10px;
        border-radius: 10px;
        box-shadow: 2px 6px 20px rgb(0 0 0 / 9%);
        margin-bottom: 20px;
    }
    .profile-details h4, .user-package-details h4{
        font-size: 20px;
    }
    .profile-details table th, .profile-details table td{
        font-size: 14px;
        padding: 5px;
    }
    .profile-card-area h5{
        font-size: 16px;
        font-weight: 600;
    }
    .booking-date span{
        font-size: 20px;
    }
    .packages-box{
        margin-bottom: 20px;
    }
    .packages-terms h4{
        font-size: 24px;
    }
    .packages-terms ul li{
        padding-bottom: 10px;
        font-size: 14px;
    }
}