@media (max-width: 1024px) {
    .home-container h2 {
        font-size: 1.9rem;
    }

    .home-content {
        top: 155px;
    }

    .Products #img-box {
        width: 30%;
        height: 400px;
        margin: 3px 15px;
    }

    #img-box img {
        width: 70%;
    }
}

@media (max-width: 1000px) {
    .search-input {
        width: 175px;
    }
}

@media (max-width:950px) {

    .nav-links {
        display: flex;
        gap: 10px;
    }


    .home-container h2 {
        font-size: 1.8rem;
    }

    .home-content {
        top: 155px;
    }

    .Products #img-box {
        width: 32%;
        height: 400px;
        margin: 2px 4px;
    }

    .gallery-container img {
        width: 170px;
        height: 240px;
        margin: 2px 19px;
    }
}

@media (max-width:900px) {
    .home-container h2 {
        font-size: 1.7rem;
    }

    .home-content {
        top: 146px;
        right: 226px;
    }

    .Products #img-box {
        width: 32%;
        height: 400px;
    }

    .gallery-container img {
        width: 185px;
        height: 245px;
    }

    .search-input {
        width: 140px;
    }

    .button #btn-1 {
        padding: 9px 15px;
    }

    .button #btn-2 {
        padding: 9px 15px;
    }

    .Products #img-box {
        width: 31%;
        height: 395px;
    }

    .gallery-container img {
        width: 175px;
        height: 235px;
    }
}

@media (max-width:850px) {
    .button #btn-1 {
        padding: 9px 10px;
        font-size: 14px;
    }

    .button #btn-2 {
        padding: 9px 10px;
        font-size: 14px;
    }

    .home-container h2 {
        font-size: 1.6rem;
    }

    .home-content {
        top: 146px;
        right: 207px;
    }

    .Products #img-box {
        width: 31%;
        height: 395px;
    }

    .gallery-container img {
        width: 155px;
        height: 235px;
    }

    .navbar a {
        font-size: 1.4rem;
    }

    .search-input {
        width: 135px;
        padding: 8px 8px 8px 8px;
        ;
    }

    #img-box img {
        width: 75%;
        height: 55%;
    }

    #img-box .h3 {
        font-size: 0.9rem;
    }


}

@media (max-width:800px) {
    .home-container h2 {
        font-size: 1.5rem;
    }

    .home-content {
        top: 146px;
        right: 207px;
    }

    .Products #img-box {
        width: 31%;
        height: 395px;
    }

    .gallery-container img {
        width: 150px;
        height: 235px;
        margin: 20px 10px;
    }

    .navbar a {
        font-size: 1.4rem;
    }

    .search-input {
        width: 130px;
        padding: 8px 4px 8px 4px;
    }

    .nav-links {
        gap: 10px;
    }

    #img-box img {
        width: 75%;
        height: 55%;
    }

    #img-box .h3 {
        font-size: 0.9rem;
    }

    .contact-container p {
        width: 64%;
    }

    #img-box button {
        padding: 4px 15px;
    }
}

@media (max-width:750px) {
    .nav-links {
        display: flex;
        gap: 6px;
    }

    .home-container h2 {
        font-size: 1.5rem;
    }

    .home-content {
        top: 146px;
        right: 207px;
        width: 50%;
    }

    .Products #img-box {
        width: 38%;
        height: 395px;
        margin: 12px 30px;
    }

    #img-box button {
        padding: 12px 15px;
    }

    .gallery-container img {
        width: 185px;
        height: 235px;
    }

    .navbar a {
        font-size: 1.4rem;
    }

    .search-input {
        width: 95px;
        padding: 8px 8px 8px 8px;
    }
}

@media (max-width:700px) {
    .hamburger {
        display: block;
        padding: 15px 2px 0px 2px;
    }

    .nav-links {
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-color: gray;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }

    .menu-toggle:checked~.nav-links {
        max-height: 300px;
        padding: 10px 0;
    }

    .search-input,
    .button {
        display: none;
    }

    .home-content {
        top: 112px;
        right: 155px;
    }

    .img-container img {
        width: 100%;
        height: 100vh;
    }

    .gallery-container img {
        width: 170px;
        height: 230px;
    }

    #contact-us {
        display: flex;
        flex-direction: column;
        padding: 105px 0px 0px 0px;
        width: 100%;
    }

    .contact-details {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    #contact-icons {
        width: 100%;
        padding: 2px 0px;
    }

    .contact-container p {
        width: 70%;
    }

    #contact-form {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #contact-form form {
        margin-top: 30px;
    }
}

@media (max-width:650px) {
    .home-content {
        width: 55%;
        top: 134px;
    }

    .home-container button {
        padding: 15px 28px;
    }

    .Products #img-box {
        width: 45%;
        margin: 12px 10px;
    }

    .gallery-container img {
        width: 160px;
        height: 200px;
    }

    .gallery-container img {
        width: 140px;
        height: 190px;
    }


}

@media (max-width:600px) {
    .home-content {
        width: 60%;
        top: 134px;
        right: 152px;
    }
}

@media (max-width:550px) {
    .home-content {
        width: 70%;
        top: 170px;
        right: 100px;
    }

    .Products #img-box {
        width: 44%;
    }

    #img-box button {
        padding: 12px 8px;
    }

    #img-box .h3 {
        font-size: 0.8rem;
    }

    .Products #img-box {
        width: 45%;
        margin: 12px 10px;
    }

    .gallery-container img {
        width: 127px;
        height: 178px;
    }
}

@media (max-width:500px) {
    .home-content {
        width: 80%;
        top: 170px;
        right: 76px;
    }

    .Products #img-box {
        width: 49%;
        min-height: 475px;
        margin: 10px 2px;
    }

    .gallery-container img {
        margin: 2px 10px;
    }
}

@media (max-width:450px) {
    .img-container img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    .home-content {
        width: 90%;
        top: 170px;
        right: 9px;
    }

    #img-box .h3 {
        font-size: 1rem;
    }

    .Products #img-box {
        width: 68%;
        margin: 16px 60px;
    }

    .gallery-container img {
        width: 45%;
        height: 200px;
        margin: 20px 6px;
    }

    .about-container {
        width: 100%;
    }

    #parent-container span a {
        width: 100%;
        margin: 20px 0px 0px 0px;
    }
}

@media (max-width:400px) {
    .home-content {
        top: 192px;
        right: 27px;
    }

    .home-content {
        width: 96%;
        right: 9px;
    }

    .img-container img {
        width: 100%;
        height: 100vh;
    }

    .home-container p {
        font-size: 1.3rem;
    }

    #parent-container span a {
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .Products {
        width: 100%;
        margin: 2px 0px;
    }

    .Products #img-box {
        width: 80%;
        margin: 16px 45px;
    }

    .gallery-container {
        width: 100%;
        margin: 2px 0px;
    }

    #parent-container {
        width: 100%;
    }

    .about-container {
        width: 100%;
    }

    .contact-details span {
        width: 100%;
    }

    .contact-container p {
        width: 100%;
        padding: 2px 0px;
        margin: 15px 0px;
    }

    #contact-form {
        width: 100%;
    }

    #gallery span a {
        width: 100%;
        margin: 25px 0px 0px 0px;
    }
}

@media (max-width:350px) {
    .home-content {
        top: 130px;
        width: 100%;
        right: 0px;
    }

    .home-container h2 {
        font-size: 1.3rem;
    }

    .img-container img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    .home-container p {
        font-size: 1.2rem;
    }

    #parent-container span a {
        margin: 20px 0px 0px 0px;
        width: 100%;
    }

    .Products {
        width: 100%;
        margin: 2px 0px;
    }

    .Products #img-box {
        width: 89%;
        height: 420px;
        margin: 16px 20px;
    }

    .gallery-container {
        width: 100%;
        margin: 2px 0px;
    }

    #gallery span a {
        width: 100%;
        margin: 50px 0px 0px 0px;
    }

    .about-container {
        width: 100%;
    }

    #site-footer span a {
        width: 100%;
        margin: 25px 0px;
    }

    .contact-container p {
        width: 100%;
        padding: 2px 0px;
        margin: 15px 0px;
        font-size: 1.3rem;
    }
}

@media (max-width:320px) {

    .Products #img-box {
        width: 97%;
        min-height: 475px;
        margin: 15px 5px 0px 5px;
    }

    .home-content {
        top: 155px;
        width: 100%;
        right: 1px;
    }

    .home-container h2 {
        font-size: 1.2rem;
    }

    .img-container img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    .home-container p {
        font-size: 0.9rem;
        margin: 12px 0px;
        width: 93%;
    }

    #parent-container span a {
        margin: 20px 0px 0px 0px;
        width: 100%;
    }

    .Products {
        width: 100%;
        margin: 2px 0px;
    }

    .gallery-container {
        width: 100%;
        margin: 2px 0px;
    }

    .about-container {
        width: 100%;
    }

    #contact-us span a {
        width: 100%;
        margin: 2px 0px;
    }

    .gallery-container img {
        width: 40%;
        height: 200px;
        margin: 20px 10px 0px 10px;
    }

    #contact-icons {
        width: 100%;
        padding: 2px 0px;
    }

    .home-container button {
        padding: 15px 18px;
    }
}