/* xs */
@media screen and (max-width: 640px) {
    .xs-100 {
        width: 100%;
    }


    .feadback-Card {
        max-width: 400px;
    }


}

/* sm */
@media screen and (min-width: 640px) {
    .container {
        padding: 0 50px;
    }

    .sm-100 {
        width: 100%;
    }

    .sm-50 {
        width: 50%;

    }

    .sm-33 {
        width: 33.3333%;
    }

    .sm-25 {
        width: 25%;
    }

    .sm-20 {
        width: 20%;
    }

    .sm-16 {
        width: 16.6667%;
    }

    .feadback-Card {
        max-width: 400px;
    }

    .footer-input {
        flex-wrap: wrap;
        gap: 10px;
    
    
    }
    .footer-input input {
        padding: 10px;
        width: auto;
        flex-grow: 1;
    }
    
    .footer-input button {
        width: auto;
    
    }
}

/* md */
@media screen and (min-width: 768px) {

    .md-100 {
        width: 100%;
    }

    .md-70 {
        width: 70%;
    }


    .md-60 {
        width: 60%;
    }

    .md-50 {
        width: 50%;
    }

    .md-40 {
        width: 40%;
    }

    .md-33 {
        width: 33.3333%;
    }

    .md-25 {
        width: 25%;
    }

    .md-20 {
        width: 20%;
    }

    .md-16 {
        width: 16.6667%;
    }

    .md-5 {
        width: 5%;
    }

    .aboutContent,
    .about-img-con {
        padding: 0 15px;
    }

    .data p,
    .data span {
        font-size: 14px;

    }

    .data {
        margin-bottom: 16px;
    }

    iframe {
        height: 120px;
    }

    .cheif-card {

        padding: 20px 15px;


    }

    .gallery-Container {
        columns: 2;
        gap: 20px;
        padding: 40px 0;
        display: inherit;
    }


    .gallery-item {
        margin-bottom: 20px;
    }

    .gallery-content p {
        padding: 0 20px;
    }

    .padding-left-20 {
        padding-left: 20px;
    }

    .padding-left-10 {
        padding-left: 10px;
    }

    .padding-right-10 {
        padding-right: 10px;
    }
   

}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .middle-item{
        order:1;
        width: 100%;
    }
    .footer-item{
        padding: 10px 20px;
    }
    
}


/* lg */
@media screen and (min-width: 1024px) {
    .lg-100 {
        width: 100%;
    }

    .lg-60 {
        width: 60%;
    }

    .lg-70 {
        width: 70%;
    }

    .lg-50 {
        width: 50%;
    }

    .lg-40 {
        width: 40%;
    }

    .lg-45 {
        width: 45%;
    }


    .lg-33 {
        width: 33.3333%;
    }

    .lg-25 {
        width: 25%;
    }

    .lg-20 {
        width: 20%;
    }

    .lg-16 {
        width: 16.6667%;
    }

    iframe {
        height: 170px;
    }

    .lg-5 {
        width: 5%;
    }

    .book-btn {
        border-radius: 0 25px 25px;
    }

    .home-Content {
        text-align: left;
        /* padding-right: 100px; */
    }

    .home-btns {
        justify-content: flex-start;
    }

    .home-Content,
    .home-Image {

        padding: 20px 20px 20px 0;

    }

    .home-Image img {
        padding: 20px;

    }

    .gallery-Container {
        columns: 3;

    }

    .input-group {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
 
 

}

@media screen and (max-width:1280px) {
    body:not(body:has(:target)):has(.checkbox:checked) li a[href="#home"],
    body:has(.home:target):has(.checkbox:checked) li a[href="#home"],
    body:has(.contact:target):has(.checkbox:checked) li a[href="#contact"],
    body:has(.gallery:target):has(.checkbox:checked) li a[href="#gallery"],
    body:has(.cheif:target):has(.checkbox:checked) li a[href="#cheif"] {
    
        color: rgb(0, 0, 0);
    
    }
}

/* xl */
@media screen and (min-width: 1280px) {

    .xl-100 {
        width: 100%;
    }

    .xl-60 {
        width: 60%;
    }

    .xl-70 {
        width: 70%;
    }

    .xl-50 {
        width: 50%;
    }

    .xl-40 {
        width: 40%;
    }

    .xl-45 {
        width: 45%;
    }


    .xl-33 {
        width: 33.3333%;
    }

    .xl-25 {
        width: 25%;
    }

    .xl-20 {
        width: 20%;
    }

    .xl-16 {
        width: 16.6667%;
    }

    .xl-5 {
        width: 5%;
    }

    .open-icon,
    .close-icon {
        display: none;
        cursor: pointer;
    }

    .links-navbar {
        position: static;
        height: 0;
        animation: none;
        transition: none;
    }

    .links-navbar ul {
        flex-direction: row;
        align-items: center;
      
    }



    :has(.checkbox:checked) .links-navbar ul li a:hover {
        color: #ffffff;
    
    }

}

/* xxl */
@media screen and (min-width: 1536px) {
    .xxl-100 {
        width: 100%;
    }


    .xxl-60 {
        width: 60%;
    }

    .xxl-70 {
        width: 70%;
    }

    .xxl-50 {
        width: 50%;
    }

    .xxl-40 {
        width: 40%;
    }

    .xxl-33 {
        width: 33.3333%;
    }

    .xxl-25 {
        width: 25%;
    }

    .xxl-20 {
        width: 20%;
    }

    .xxl-16 {
        width: 16.6667%;
    }

    .xxl-5 {
        width: 5%;
    }
}