@media only screen and (max-width: 768px) {
    .main-image {
        width: 100%;
    }
    .p1 {
        width: 290px;
    }
    .paraproject {
        width: 208px;
    }
    .button-project {
        margin-left: 32px;
        margin-top: -100px !important;
        margin-bottom: 10px;
    }
    .text-div-contact {
        width: 328px;
    }
    .form-container {
        margin-left: 88px;
    }
    .contact-text {
        font-size: 34px;
    }
    .about-para {
        font-size: 28px;
    }
    .marquee-heading {
        font-size: 26px;
    }
    #coreimg {
        width: 100% !important;
    }
    .text-heading {
        text-align: center;
    }
    .text-banner {
        text-align: center;
    }
    .tap-fo {
        text-align: center;
    }
    .get-in-touch {
        margin-top: 10px;
    }
   .form-conatct { /* Fixed typo here */
        margin-left: -65px;
    }
    .logo img {
        height: 36px;
    }
    .offer-btn {
        font-size: 10px;
    }
    .contact p {
        font-size: 10px;
    }
    footer {
        text-align: center;
    }
    .qr-code {
        margin-left: 0;
    }
    .document-image {
        margin-left: 150px;
    }
    #contactid {
        display: none;
    }
    .header-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #f8f9fa;
        padding: 10px 0;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 99;
    }
    .header-links.show {
        display: block;
    }
    .header-links li {
        display: block;
        margin-right: 0;
        text-align: center;
    }
    .form-container input {
        width: 315px;
    }
    .form-container textarea {
        width: 315px;
    }
    .navbar {
        background-color: transparent !important; /* Adjusted for clarity */
    }
    #nav {
        background-color: transparent !important; /* Adjusted for clarity */
    }
    .secmain2 .thmaintext {
        padding: 0;
    }
    #ocus {
        display: none;
    }
}

@media only screen and (min-width: 260px) and (max-width: 360px) {
    .text-div-contact {
        left: 0 !important;
        top: 0 !important;
        width: 382px;
    }
    .form-container input {
        width: 340px !important;
    }
    .form-container textarea {
        width: 340px !important;
    }
   .form-conatct { /* Fixed typo here */
        margin-left: -52px;
    }
    .contact-text {
        font-size: 20px;
    }
    .contact-text { /* Fixed typo here */
        font-size: 16px;
    }
}