@media screen and (min-width: 700px) {
    .mobile-only {
        display: none !important;
    }

    .demo3ProjectImg img {
        max-height: 74px !important;
    }
}

/*DEFAULT LAPTOPS*/
@media screen and (min-width: 901px) and (max-width: 1599px) {

}

@media screen and (max-width: 700px) {
    .pc-only {
        display: none !important;
    }

    .pb-sm-80 {
        padding-bottom: 80px !important;
    }

    .pt-sm-80 {
        padding-top: 80px !important;
    }

    .pb-sm-60 {
        padding-bottom: 60px !important;
    }

    .pt-sm-60 {
        padding-top: 60px !important;
    }

    .pb-sm-40 {
        padding-bottom: 40px !important;
    }

    .pt-sm-40 {
        padding-top: 40px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    .hero-content {
        width: 80%;
    }

    .hero-content h1 {
        font-size: 45px;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .hero-content p {
        display: none;
    }


    header.header {
        padding: 0;
    }

    .header-logo img {
        width: 100px;
    }

    .navbar-wrapper {
        position: relative;
        background-color: rgb(0, 0, 0, .25);
    }

    .header-nav {
        position: absolute;
        width: 100%;
        transform: translateY(-150%);
        background-color: var(--color-main);
        left: 0;
        padding: 140px 2rem 2rem 2rem;
        transition: .6s ease;
        top: 0;
    }

    .header-nav.show {
        transform: translateY(0%);
    }

    .header-nav ul li::before {
        display: none;
    }

    .header-logo, .mobile-menu-trigger {
        padding: .5rem 2rem;
        position: relative;
        z-index: 4;
    }

    .header-nav ul li {
        font-weight: 700;
        font-size: 13px;
    }

    .header-nav ul li a {
        display: block;
    }

    .header-nav ul li::after {
        content: "\f178";
        font-family: "Font Awesome 6 Pro";
        color: #fff;
        position: absolute;
        right: 30px;
        top: 50%;
        font-size: 11px;
        transform: translateY(-50%);
        font-weight: 600;
        width: 10px;
        height: 10px;
    }

    footer {
        padding: 80px 40px 120px 40px;
    }

    footer span.left, footer span.right {
        bottom: 0;
        height: 80px;
        top: unset;
    }

    footer .bottom-area {
        font-size: 12px;
    }

    .hero-swiper .swiper-slide {
        height: 65vh;
    }

    footer span.left {
        left: 70px;
    }

    footer span.left, footer span.right {
        height: 70px;
    }

    footer span.bottom {
        bottom: 70px;
    }

    .footer-btn {
        width: 70px;
        height: 70px;
        font-size: 24px;
    }

    footer span.right {
        right: 70px;
    }

    .product-img img {
        width: 100%;
    }

    .product-content p, .product-content h1, .product-content h2, .product-content h3, .product-content h4, .product-content h5, .product-content h6 {
        margin-bottom: .7rem;
    }

    .product-detail .sidebar ul li {
        border: none;
    }


    .sidebar ul li img {
        width: 75%;
        margin: 0 auto;
    }

    .sidebar h3 {
        text-align: center;
    }

    .about-slogan {
        height: 350px;
    }

    .about-slogan h1 {
        font-size: 35px;
    }

    .contact-info {
        padding: 2rem;
    }

    .contact-form {
        padding: 2rem;
    }

    .form-group {
        padding: .25rem;
        margin-bottom: .5rem;
    }

    section.page-banner {
        height: 400px;
    }

    .about-item {
        padding: 4rem 2rem;
        height: unset;
    }

    .wholesale-content img {
        padding-inline: 0;
    }

    .hero-video video {
        height: 60vh;
    }

    .intro-2 .text {
        padding-block: 2rem;
    }

    .border-radius-20 {
        border-radius: 0;
    }

}