@import url(style.css);

@media screen and (max-width:1300px){
    .menu-navbar ul li{
        margin: 0 5px !important;
    }
}
@media screen and (max-width:1200px){
    .nav-container{
        padding: 10px 15px !important;
    }
}
@media screen and (max-width:991px){
    .menu-navbar{
        background-color:var( --color-white)  !important;
                padding: 20px;
        border-radius: 10px;
    }
    .menu-navbar ul li a{
        color: var(--color-black) !important;
    }
    .menu-navbar ul li{
        margin: 10px 0 !important;
    }
    .why-kerala-left{
        height: 500px;
    }
    .contact_details_wrapper .contact_detais_item:first-child{
        padding-top: 0;
    }
    .footer-logo-widget{
        padding-right: 0;
    }
    .footer-widget{
        padding: 5px;
    }
    .footer-follow{
        padding-top: 0;
    }
    .footer-contact ul{
        margin-top: 20px;
    }
    .why-kerala-main{
        margin-top: 10px;
    }
    .why-kerala-season-title p{
        max-width: 100%;
    }
    .package-enquiry-container{
        padding-left: 0;
    }
    .package-details-main-info ul.inc-exc-ul li:first-child{
        margin-top: 0;
    }
    .package-details-main-info ul.inc-exc-ul li:last-child{
        margin-bottom: 0;
    }
    .gal-height{
        height: 300px;
    }
}
@media screen and (max-width:768px){
    .baner-caption-card h1{
        font-size: 50px;
    }
    .home-about-left {
        height: 300px;
    }
    .about-us-left{
        height: 350px;
    }
}
@media screen and (max-width:567px){
    .baner-caption-card{
        padding: 0;
    }
    .baner-caption-card h1{
        font-size: 35px;
        line-height: 45px;
    }
    .baner-caption-card p{
        font-size: 16px;
    }
    .sidebarContactSlide{
        width: 350px;
    }
    .faq-left img{
        width: 300px;
    }
    .faq-left{
        width: 300px;
        height: 300px;
        margin: auto;
    }
    .home-about-left .home-aout-secondry-img{
        padding-left: 0;
    }
    .home-about-right{
        padding: 0;
    }
    .logo-nav img{
        width: 110px;
    }
    .logo-nav small{
        font-size: 6px;
    }
    .home-about-right h2,.why-kerala-right h2,.why-kerala-main-right h2{
        font-size: 30px;
    }
    .package-widget-container {
        padding: 15px;
    }
    .why-kerala-left{
        height: 350px;
    }
    .section-title h3{
        font-size: 24px;
    }
    .page-main-top h2{
        font-size: 30px;
    }
    .about-us-left img.about-center-img{
        width: 200px;
        height: 200px;
    }
    .about-us-left img{
        width: 80%;
    }
    .carousel-btns .owl-nav button.owl-next{
        margin-right: 0;
    }
    .carousel-btns .owl-nav button.owl-prev{
        margin-left: 0;
    }
    .why-kerala-main img{
        width: 300px;
    }
    .why-kerala-main{
        width: 300px;
        height: 300px;
        margin: auto;
        margin-top: 50px;
    }
    .why-kerala-advance-left{
        height: 300px;
    }
    .page-main-baner {
        height: 50vh;
    }
    .package-details-info ul{
        flex-direction: column;
                align-items: flex-start;
        gap: 10px;
    }
    .package-details-info h2{
        font-size: 28px;
    }
    .package-details-main-info .accordion-button{
        padding: 10px;
        font-size: 16px;
    }
    .contact-form {
        padding: 15px;
    }
    .policy-accordion .accordion-button{
        padding: 10px;
        font-size: 16px;
    }
    .package-gallery-view-img{
        height: 300px;
    }
    .package-gallery-view{
        padding: 5px;
    }
    .package-gallery-view-img img{
        border-radius: 15px;
    }
}