@media screen and (max-width: 1186px) {
    figure {
        width: 602px;
    }
}
@media screen and (max-width: 1168px) {
    .dynamicdatacome h6 {
        text-align: center;
        font-size: 14px;
    }
}

    @media screen and (max-width: 1151px) {
        .img1 img {
            animation: slide 7s ease-in-out infinite;
        }

        @keyframes slide {
            0% {
                transform: translateX(0);
            }

            50% {
                transform: translateX(70px);
            }

            100% {
                transform: translateX(0);
            }
        }

        .header-inner-wrap {
            padding: 0 24px;
        }
    }

   
@media screen and (max-width: 991px) {
    .booktentimg {
        width: 40%;
    }
    .booktentimgdetail {
        width: 60%;
    }
}
    @media screen and (max-width: 990px) {
        .stivkingbookingbox {
            width: 100% !important;
            max-width: 100% !important;
        }

        .booking-form span {
            display: inline-block;
            width: 24%;
        }

        .booking-form {
            width: 100% !important;
            max-width: 100% !important;
        }

    }
@media screen and (max-width: 985px) {
    .bookingpage .col-md-6 {
        width: 100%;
    }

    .booktentimgdetail {
        max-width: 100%;
    }
}
@media screen and (max-width: 905px) {
    .categorypanel {
        height: auto;
    }
    .tent-type-listed li {
        width: 28%;
    }
}
    @media screen and (max-width: 898px) {
        .leftdatatent .col-md-4 {
            float: left;
            width: 100%;
        }

        .col-md-8.tentroomdetail {
            padding-left: 0px;
            width: 100%;
        }

        .bookinglist .slide img.bookingimg {
            width: auto;
            height: 256px;
            margin-bottom: 15px;
        }
    }

    @media screen and (max-width: 882px) {
        article > aside {
            position: static;
            top: 160px;
            width: 100%;
            float: none;
            margin: 0 auto;
            max-width: 100%;
        }

        figure {
            width: 100%;
            margin-top: 14px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 900px) {
        .wrapper .carousel {
            grid-auto-columns: calc((100% / 2) - 9px);
        }
    }

    @media screen and (max-width: 768px) {
        .booking-form span {
            display: inline-block;
            width: 24%;
        }

            .booking-form span input,
            .booking-form span select {
                padding: 0 10px;
            }

            .booking-form span button {
                margin-top: 11px;
            }

        .aboutimages {
            width: 100%;
        }

        .aboutdetail {
            width: 100%;
            padding-left: 0;
        }

        .package .col-md-4 {
            width: 100%;
        }

        .package .col-md-8 {
            width: 100%;
        }

        .special-package .col-md-4 {
            width: 50%;
        }

        footer .col-md-3 {
            width: 50%;
        }

        .copyright .col-md-6 {
            width: 50%;
        }

        .copyright {
            font-size: 13px;
        }

            .copyright a,
            .copyright a:hover {
                font-size: 13px;
            }

        .package .container::after {
            display: none;
        }

        .package .container {
            padding: 60px 20px 60px 20px;
        }

        .innerbanner h2 {
            top: 20px;
        }
        .bookingpage .col-md-4 {
            width: 47%;
        }
        .bookingbox .col-md-8 {
            width: 100%;
        }

        .bookingbox .col-md-4 {
            display: none;
        }

        .bookingbox.bookingsearch .col-md-4 .bookingimg {
            width: 100%;
            margin-bottom: 19px;
        }

        .bookingbox {
            padding: 60px 26px;
        }

            .bookingbox.bookingsearch .col-md-4 {
                display: block;
            }
        .booktentimg {
            width: 100%;
            margin: 0 auto;
            text-align: center;
            float: none;
        }
        .booktentimgdetail {
            width: 100%;
        }
        .booktentimgdetail {
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }
        .bookingpage h3 {
            text-align: center;
            font-size: 19px;
        }
        .booktentimgdetail a {
            margin: 0 auto;
        }
    }

    @media (max-width: 730px) {
        .container-login .cover {
            display: none;
        }

        .form-content .login-form,
        .form-content .signup-form {
            width: 100%;
        }

        .form-content .signup-form {
            display: none;
        }

        .container-login #flip:checked ~ .forms .signup-form {
            display: block;
        }

        .container-login #flip:checked ~ .forms .login-form {
            display: none;
        }
    }

    @media screen and (max-width: 687px) {
        .contact {
            display: none;
        }

        #site-logo {
            float: left;
        }

        .booknow {
            margin-bottom: 8px;
        }

        .booking-form span {
            display: inline-block;
            width: 49%;
            margin-top: 11px;
        }
    }

    @media screen and (max-width: 600px) {
        .wrapper .carousel {
            grid-auto-columns: 100%;
        }
        .paymode {
            margin: 5px 9px 0 0px !important;
        }
        #divAccount {
            margin: 0 9px;
        }
        .paymentterms button {
            font-size: 14px;
            padding: 7px 15px;
        }
    }

    @media screen and (max-width: 552px) {
        .innerbanner {
            position: relative;
            min-height: auto;
        }
        .bookingpage .col-md-4 {
            margin: 0 auto 8px;           
            width: 95%;
        }

            .innerbanner img {
                width: 100%;
                height: 233px;
            }
        .bookingpage .bookingnewimg {
            width: 100%;
            height: auto;
        }
    }

    @media screen and (max-width: 536px) {
        ul.navigation li a {
            padding: 0px 9px;
            font-size: 13px;
        }

        #site-logo {
            width: 90px;
            margin: 0 auto;
            float: none;
        }

       /* #site-logo {
            width: 210px;
            margin: 0 auto;
            float: none;
        }*/
        nav.main-menu.style-white {
            float: none;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        ul.navigation {
            margin: 0;
            padding: 0;
        }

        .special-package .col-md-4 {
            width: 100%;
        }

        footer .col-md-3 {
            width: 100%;
        }

        .ourcompany {
            padding-left: 13px !important;
            border: 0;
            margin-top: 7px;
            margin-bottom: 7px;
        }

        .partner {
            padding-left: 13px !important;
        }
    }

    @media screen and (max-width: 490px) {
        .bookingpage .bookingnewimg {
            width: 100%;
        }

        .booktentimgdetail {
            max-width: 100%;
            width: 100%;
            padding: 0;
        }

        .booktentimg {
            float: none;
            max-width: 100%;
            width: 100%;
        }

        .tent-type-listed li {
            width: 28%;
            margin-right: 10px;
        }
    }

    @media screen and (max-width: 432px) {
        #site-logo {
            width: 183px;
        }

        .booknow {
            margin-top: 16px;
            font-size: 12px;
            padding: 5px 12px;
        }

            .booknow a {
                font-size: 13px;
            }

        .header-inner-wrap {
            padding: 0 7px;
        }

        ul.navigation li a {
            padding: 0px 3px;
            font-size: 13px;
        }

        .booking-form {
            padding: 9px 8px;
        }

            .booking-form span {
                width: 100%;
            }

        .special-package h3 {
            font-size: 60px;
        }

        .copyright .col-md-6 {
            width: 100%;
            text-align: center;
        }

        .copyright a,
        .copyright a:hover {
            float: none;
        }
    }

    @media screen and (max-width: 366px) {
        .tent-type-listed li {
            width: 99%;
            margin: 0;
        }

        .bookingbox select {
            margin-top: 2px;
            margin-bottom: 0;
        }
    }