/* Tablet (768px and above) */
@media (min-width: 768px) {

    /* General Styling */
    header,
    section,
    footer>div {
        width: 85%;
    }

    section .title h2,
    .footer-tagline h2 {
        font-size: 64px;
    }

    /* Header styles */
    header {
        align-items: flex-end;
    }

    header nav {
        display: flex;
        column-gap: 3rem;
    }

    header .chat,
    header button {
        display: none;
    }

    /* Hero section styles */
    .hero .hero-text h1 {
        max-width: 20ch;
    }

    /* About section styles */
    .know-us-content {
        height: 500px;
    }

    .content-wrapper {
        width: 50%;
        text-align: center;
    }

    .content-wrapper p {
        -webkit-line-clamp: initial;
    }

    /* Services section styles */
    .services-container {
        grid-template-columns: repeat(2, 1fr);
    }

    /* why choose us section */
    .why-choose-us-text {
        width: 75%;
        margin: 0 auto;
    }

    .video-wrapper {
        width: 85%;
        height: 850px;
    }

    .play-pause-btn {
        width: 150px;
        height: 150px;
        font-size: 6rem;
    }

    /* Clients section styles */
    .carousel-slide {
        width: 25%;
    }

    .carousel-slide img {
        max-height: 70px;
    }

    /* Project section styles */
    .portfolio-item {
        height: 370px;
    }

    /* contact section styles */
    #contact {
        padding-inline: 20px;
        scroll-margin-top: 90px;
    }

    .contact-row {
        align-items: center;
    }

    /* Floating WhatsApp Button Styles*/
    .whatsapp-float {
        width: 80px;
        height: 80px;
        bottom: 100px;
        font-size: 2.5rem;
    }

    /* Footer Styles */
    footer h2 {
        max-width: 20ch;
        font-size: 4.5rem;
    }

    footer form {
        padding-bottom: 60px;
    }

    footer form input {
        width: 60%;
    }

    .footer-bottom {
        flex-direction: row;
    }

    .footer-bottom div {
        width: max-content;
    }
}

/* Laptop (1200px and above) */
@media (min-width: 1200px) {

    /* Header styles */
    header nav {
        column-gap: 6rem;
    }

    header .chat,
    .portfolio-item:nth-child(n+3) {
        display: block;
    }

    .whatsapp-float {
        display: none;
    }

    /* Hero section styles */
    .hero .hero-text h1 {
        max-width: 30ch;
    }

    /* About section styles */
    .know-us-content {
        height: 470px;
    }

    /* Services section styles */
    .services-container {
        grid-template-columns: repeat(3, 1fr);
    }

    /* why choose us section */
    .video-wrapper {
        height: 600px;
    }

    /* Clients section styles */
    .carousel-slide img {
        max-height: 80px;
    }

    /* Project section styles */
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .portfolio-item {
        height: 310px;
    }

    /* contact section styles */
    .contact-row {
        flex-direction: row;
    }

    /* Footer Styles */
    footer form input {
        width: 50%;
    }
}

/* PORTRAIT ORIENTATION */
@media (orientation: portrait) {
    /* Styles for portrait mode */
}

/* LANDSCAPE ORIENTATION */
@media (orientation: landscape) {
    /* Styles for landscape mode */
}