@media screen and (max-width: 490px) {

    body {
        overflow-x: hidden;
    }

    /* * {
        overflow-x: hidden;
    } */

    /* header */

    header {
        padding: 10px 0;
    }

    header.scroll .logo a {
        color: aqua;
    }

    .container {
        width: 95%;
        margin: auto;
    }

    .navbar {
        display: none;
        position: absolute;
        z-index: 9999;
        flex-direction: column;
        top: 48px;
        right: 0px;
        left: 0;
        background: #000000f6 url(https://res.cloudinary.com/ranchi/image/upload/f_auto/assets/img/pattern.png);
        bottom: 0;
        padding: 20px;
        transition: all .4s ease-in-out;
    }

    .navbar.active {
        display: flex;
        flex-direction: column;
        gap: 30px;
        transition: all .3s ease-in-out;
    }

    .navbar.active .dropdown-menu {
        width: 69%;
        height: auto;
        position: absolute;
        text-align: start;
        /* background-color: #ffffff; */
        padding: 10px 0;
        border-radius: 5px;
        z-index: 999;
        top: 0px;
        left: 120px;
        backdrop-filter: blur(20px);
    }

    .navbar ul li:hover .dropdown-menu li {
        width: 50%;
        height: auto;
        display: flex;
        padding: 15px 5px;
        text-align: center;
        margin: 10px 0;
    }

    .navbar ul li:hover .dropdown-menu {
        display: block;
        padding: 0 5px;
    }


    .navbar.active nav ul li {
        width: 100%;
        display: flex;
        flex-direction: column;
    }


    ul li {
        width: 100%;
        flex-direction: column;
        transition: all .6s ease-in-out;
    }

    .responsiv-nav {
        display: block;
    }

    /* hero */

    #hero {
        width: 100%;
        height: auto;
    }

    .hero-image {
        height: 200px;
    }

    .slider-container {
        width: 90%;
        margin: auto;

    }

    .item {
        width: 150px;
        height: auto;
    }

    .owl-carousel .owl-item a {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: row;
        gap: 50px;
    }

    .home-container {
        width: 95%;
        flex-wrap: wrap;
    }

    .home-logo {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
    }

    .hero-content {
        width: 100%;
        flex-direction: column;
    }

    /* high-class */
    .high-class-container {
        width: 97%;
    }


    .high-class-container h3 {
        font-size: 25px;
    }

    .high-class-container p {
        font-size: 14px;
    }

    .high-class-image {
        width: 300px;
        height: 150px;
        position: relative;
    }

    .high-class-image span {
        font-size: 12px;
        position: absolute;
        z-index: 999;
        bottom: 19px;
        right: 58px;
    }

    /* gallery */

    .gallery-container {
        width: 97%;
    }

    .gallery-box {
        width: 48%;
        height: 250px;
        margin-top: 10px;
    }

    .gallery-button a {
        margin: 20px;
    }

    /* modal */

    #modal {
        width: 100%;
        min-height: 100vh;
        background-color: rgba(0, 0, 0, 0.758);
        position: fixed;
        left: 0;
        top: -35px;
        z-index: 9999;
        display: none;
    }


    .modal-content {
        width: 97%;
        flex-direction: column;
        top: 50px;
        position: relative;
        gap: 10px;
    }

    .modal-content {
        width: 97%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .modal-content img {
        width: 100%;
        height: 250px;
        order: 1;
    }

    .model-details {
        width: 97%;
        order: 2;
        height: auto;
    }

    .model-details,
    .poster-box table {
        margin-top: 5px !important;
        padding: 10px 0;
    }

    .model-details h3 {
        font-size: 25px;
        color: #fcd3a2;
    }

    .model-details p {
        display: none;
    }

    /* poster */
    #poster {
        padding: 10px 0;
    }

    .poster-container {
        width: 97%;
        margin: auto;
        gap: 10px;
    }

    .poster-content h3 {
        font-size: 25px;
    }

    .poster-content p {
        font-size: 14px;
        text-align: start;
        line-height: 1.2;
    }

    .poster-box span {
        font-size: 20px;
        text-align: center;
        width: 97%;
    }

    .posters {
        width: 97%;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 10px;
    }

    .poster-image {
        width: 47%;
        height: 200px;
        margin-top: 10px;
    }

    /* summary */
    #summary {
        padding: 10px 0;
    }

    .summary-container {
        width: 97%;
        flex-direction: column;
        gap: 20px;
    }

    .summary-box-1 {
        width: 100%;
        order: 2;
    }

    .summary-image {
        width: 100%;
        height: 250px;
        padding: 0px;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .summary-box-2 {
        width: 100%;
        order: 1;
    }

    .summary-box-2 h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .summary-box-2 p {
        font-size: 14px;
        line-height: 1.2;
    }

    /* booking */
    #booking {
        padding: 10PX 0;
    }

    .booking-container {
        width: 97%;
        gap: 20px;
    }

    .booking-box-1 {
        width: 100%;
        flex-wrap: wrap;
        padding: 0 0;
        gap: 0px;
    }

    .booking-mini h3 {
        font-size: 25px;
        padding-right: 25px;
    }

    .booking-mini p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 10px;
    }


    .booking-box-2 {
        width: 97%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
        gap: 15px;
    }


    .booking-2-mini {
        width: 95%;
        margin: auto;
        border-radius: 10px;
    }


    .booking-2-mini h4 {
        font-size: 20px;
    }

    .booking-2-mini p {
        font-size: 14px;
        line-height: 1.2;
    }

    .booking-2-mini a {
        width: 100%;
        padding: 10px 10px;
        font-size: 16px;
        margin-top: 10px;
    }

    /* overview */
    #overview {
        padding: 10px 0;
    }

    .overviiew-container {
        width: 97%;
        gap: 15px;
        text-align: start;
        margin-top: 15px;
        padding: 0;
    }

    .overviiew-container h3 {
        font-size: 25px;
        text-align: center;
    }

    .overviiew-container p {
        font-size: 14px;
    }

    /* Service */
    #Service {
        padding: 10px 0;
    }

    #Service .section-info h2 {
        width: 90%;
        text-align: center;
        font-size: 25px;
    }

    .service-container {
        width: 97%;
        margin: auto;
        flex-direction: column;
        gap: 15px;
    }


    .service-type-box {
        width: 100%;
        height: 470px;
    }

    .service-content-box {
        gap: 10px;
    }

    .service-content-box p {
        font-size: 14px;
        line-height: 1.2;
    }

    .service-image-box {
        width: 100%;
        gap: 10px;
    }

    .service-image {
        width: 100%;
        height: 350px;
        border-radius: 15px;
        overflow: hidden;
        object-fit: cover;
    }

    /* location */
    #location {
        padding: 10px 0;
    }

    .location-container {
        width: 97%;
    }

    .location-box-1 {
        width: 97%;
        text-align: start;
        margin-top: 20px;
    }

    .location-box-1 h3 {
        font-size: 25px;
        text-align: center;
    }

    .location-box-1 p {
        font-size: 14px;
        padding: 0;
    }

    .location-box-2 {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    .heading h3 {
        font-size: 20px;
    }

    .location-list {
        width: 100%;
        height: 385px;
        overflow: hidden;
        margin: 10px auto;
        gap: 10px;
    }

    .locations {
        width: 47%;
        margin: auto;
        padding: 12px 0px;
    }

    .locations a {
        font-size: 18px;
    }

    /* location-alt */
    #location-alt {
        padding: 10px 0;
    }


    .location-alt-container {
        width: 97%;
    }

    .title h3 {
        font-size: 20px;
        margin-bottom: 10px;
        color: #ffffff;
    }

    .location-alt-box-2 {
        gap: 10px;
    }


    .location-alt-box-2 h3 {
        font-size: 25px;
    }

    .location-alt-box-2 p {
        font-size: 14px;
        line-height: 1.2;
        color: #e9e8e8;
    }

    /* why-choose-us */
    #why-choose-us {
        padding: 10px 0;
    }

    .why-choose-us-container {
        width: 97%;
        flex-direction: column;
        gap: 10px;
    }


    .why-choose-us-image-box {
        width: 100%;
        height: auto;
    }


    .choose-image {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        height: 310px;
    }

    .why-choose-us-content-box {
        width: 100%;
    }

    .why-choose-us-content-box span {
        font-size: 15px;
    }

    .why-choose-us-content-box h3 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .why-choose-us-content-box p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 0px;
    }

    .why-choose-us-content-box .break-line {
        width: 220px;
    }

    .choosen-reson {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
    }

    .choosen-box {
        width: 48%;
        background-color: #0c0c0c;
        border-radius: 10px;
    }

    .choosen-icon {
        width: 50px;
    }

    .choosen-icon i {
        font-size: 20px;
    }


    .choosen-content h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .choosen-content span {
        line-height: 1.2;
        font-size: 12px;
    }

    /* booking-alt */
    #booking-alt {
        padding: 10px 0;
    }

    .booking-alt-container {
        width: 97%;
        gap: 15px;
    }

    .booking-alt-box-1 h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .booking-alt-box-1 p {
        font-size: 14px;
        margin: 0;
        margin-bottom: 10px;
        line-height: 1.2;
        font-weight: 400;
    }



    .booking-alt-box-2 {
        width: 100%;
        gap: 10px;
    }

    .booking-alt-box-2 h4 {
        font-size: 20px;
    }

    .booking-alt-box-2 span {
        font-size: 15px;
    }

    .booking-alt-box-2 p {
        font-size: 14px;
        line-height: 1.4;
    }

    /* get-mone */
    #get-mone {
        padding: 10px 0;
    }

    .get-more-container {
        width: 97%;
        gap: 10px;
        flex-direction: column;
    }

    .get-more-image {
        height: 100%;
        bottom: 0;
        border-radius: 10px;
        overflow: hidden;
    }

    .get-more-box-2 {
        gap: 10px;
    }

    .get-more-content h3 {
        font-size: 25px;
        font-weight: 500;
    }

    .get-more-content p {
        font-size: 14px;
        line-height: 1.2;
    }


    .get-more-list h3 {
        font-size: 20px;
        font-weight: 500;
    }

    .get-more-list ul {
        gap: 10px;
    }

    .get-more-list ul li {
        font-size: 16px;
    }

    /* price */
    #price {
        padding: 10px 0;
    }

    .price-container {
        width: 97%;
        gap: 10px;
    }

    .price-content {
        gap: 10px;
    }

    .price-content h3 {
        font-size: 20px;
    }

    .price-content p {
        font-size: 14px;
        line-height: 1.2;
    }

    /* faq */
    #faq {
        padding: 10px 0;
    }


    .faq-container {
        width: 97%;
        gap: 15px;
    }


    .faq-title h3 {
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }


    .faq-title p {
        font-size: 15px;
        line-height: 1.2;
        font-weight: 400;
    }


    .faq-questions {
        gap: 15px;
    }

    .faq-box {
        padding: 8px;
    }

    .faq-headding h3 {
        font-size: 15px;
    }

    .faq-box.active .faq-paragrap {
        max-height: 500px;
    }

    .faq-paragrap p {
        line-height: 1.2;
        font-size: 14px;
        padding: 0;
        padding-left: 20px;
    }

    /* service-names */
    #service-names {
        padding: 10px 0;
    }

    .service-name-container {
        width: 97%;
        margin: auto;
        gap: 10px;
    }

    .service-name-heading {
        padding: 10px 0;
    }

    .service-name-heading h3 {
        font-size: 25px;
    }

    .service-name-list a {
        font-size: 14px;
        padding: 5px 10px;
    }


    /* disclaimer */
    #disclaimer {
        padding: 10px 0;
    }


    .disclaimer-container {
        width: 97%;
        gap: 10px;
    }

    .disclaimer-container h3 {
        font-size: 20px;
        margin-top: 15px;
    }

    .disclaimer-container span {
        font-size: 15px;
        font-weight: 400;
    }

    .disclaimer-container p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        text-align: start;
    }


    /* footer */

    footer {
        padding: 20px 0;
    }

    .footer-container {
        width: 97%;
        flex-wrap: wrap;
        text-align: center;
    }

    .footer-logo {
        font-size: 25px;
    }

    .footer-box p {
        font-size: 14px;
    }

    .footer-box {
        width: 50%;
        margin: auto;
    }


    .footer-social {
        position: relative;
        top: 0;
        left: -30px;
    }


    .footer-end-container {
        width: 97%;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0;
    }

    /* service-gallery */

    #service-gallery {
        padding: 10px 0;
    }

    .service-gallery-container {
        width: 97%;
        gap: 15px;
    }

    .service-gallery-content {
        gap: 10px;
    }

    .service-gallery-content h3 {
        font-size: 25px;
        font-weight: 500;
    }

    .service-gallery-content p {
        font-size: 19px;
        font-weight: 300;
    }

    .service-gallery-minibox {
        width: 100%;
    }

    .service-gallery-miniimage {
        width: 100%;
        height: 180px;
    }

    /* service-more */
    #service-more {
        padding: 10px 0;
    }

    .service-more-container {
        width: 97%;
    }

    .service-name-heading {
        width: 100%;
        height: auto;
    }

    .service-name-heading h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    /* service-expand */
    #service-expand {
        padding: 10px 0;

    }

    .service-expand-container {
        width: 97%;
        gap: 10px;
    }

    .service-expand-container h3 {
        font-size: 25px;
    }

    .service-expand-container p {
        font-size: 14px;
        line-height: 1.2;
    }

    /* price-new */
    #price-new {
        padding: 10px 0;
    }

    .price-new-container {
        width: 97%;
        gap: 15px;
    }

    .price-new-content h3 {
        font-size: 25px;
        margin: 20px 0;
    }


    .price-new-content p {
        font-size: 14px;
        margin: 15px 0;
        line-height: 1.2;
    }

    .price-new-box {
        flex-direction: column;
    }

    .price-new-minibox {
        width: 100%;
        padding: 10px;
        gap: 10px;
    }

    .box-1 {
        width: 100%;
        height: auto;
        text-align: center;
    }


    .box-1 span {
        font-size: 14px;
    }

    .box-1 h3 {
        font-size: 22px;
    }

    .box-2 p {
        font-size: 16px;
        margin: 5px 0;
    }

    /* contact-new */

    #contact-new {
        padding: 10px 0;
    }

    .contact-new-container {
        width: 97%;
        margin: 10px auto;
        flex-direction: column;
    }

    .contact-new-box-1 {
        width: 100%;
        height: auto;
    }

    .contact-new-box-1 h3 {
        margin-top: 20px;
    }

    textarea {
        width: 97%;
        height: 200px;
    }


    .contact-new-box-2 iframe {
        width: 100%;
        height: 250px;
        border-radius: 10px;
    }

    .cotact-new-mini {
        gap: 0px;
    }

    /* blog-new */

    #blog-new {
        padding: 10px 0;
    }

    .blog-new-container {
        width: 97%;
        flex-direction: column;
        gap: 10px;
    }

    .blog-new-headding h3 {
        font-size: 20px;
        margin-top: 15px;
    }

    .blog-new-box {
        flex-direction: column;
        gap: 15px;
    }

    .blog-new-content h3 {
        font-size: 20px;
    }

    .blog-new-content p {
        font-size: 14px;
        line-height: 1.2;
    }

    .blog-new-image {
        width: 97%;
        margin: auto;
        height: 250px;
    }

    .blog-new-minibox {
        height: auto;
    }

    .blog-new-minibox span {
        width: 80%;
        font-size: 17px;
        line-height: 1.2;
    }


    .blog-new-box-2 h3 {
        font-size: 20px;
    }

    .lineeee {
        width: 90%;
        margin: 10px auto;
    }

    .blog-image {
        width: 45%;
        height: 100px;
    }

    .inner-nav-container {
        width: 97%;
        height: auto;
    }

    .inner-navbar {
        width: 30%;
        height: auto;
    }

}