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

    .footer-social {
        padding-right: 3rem;
    }

    .contact-panel {
        display: none;
    }

    .gallery .gallery-item {
        height: 400px;
    }

    .shop-content p {
        width: 70%;
    }

    .my-player-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
        padding-top: 800px !important;
    }

    .blog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

}

/*@media (hover: none) {*/
/*    .product-hover {*/
/*        opacity: 1;*/
/*        background: rgba(32, 38, 28, 0.15);*/
/*    }*/

/*    .hover-btn {*/
/*        transform: translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/

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

    footer h4 {
        margin-bottom: .15rem;
    }

    .footer-social {
        justify-content: center;
    }

    footer {
        padding: 45px 45px 90px 45px;
    }

    .footer-logo img {
        width: 140px;
    }

    .copyright {
        padding-top: 0;
    }

    .page-banner-meta {
        width: 90%;
    }

    .kvkk {
        padding: 60px 15px;
    }

    .navbar-menu {
        background: var(--olive-dark);
        position: fixed;
        top: 0;
        height: 100vh;
        padding: 9rem 4rem 0;
        right: -100%;
        width: 100%;
        transition: .5s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-social {
        padding-bottom: 3rem;
    }


    .navbar-menu.opened {
        right: 0;
    }

    .navbar-menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.25rem;
    }

    .navbar-social ul {
        flex-direction: row;
        gap: 1.25rem;
    }

    .navbar-social ul li a {
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--olive);
        border-radius: 50%;
    }

    .navbar .logo {
        position: fixed;
        z-index: 991;
        top: 2rem;
        left: 4rem;
    }

    .navbar .logo img {
        width: 120px;
    }

    .navbar-menu li a {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .navbar-toggler {
        position: fixed;
        z-index: 992;
        top: 2.5rem;
        right: 2rem;
        padding: 1rem;
    }

    .navbar {
        padding: 1.5rem 2.5rem 0 4rem;
    }

    .hero-meta {
        width: unset;
    }

    .hero-meta h1 {
        font-size: 26px;
    }

    .intro p {
        padding-inline: 1rem;
    }

    .page-banner-meta h1 {
        font-size: 20px;
    }

    .product-title {
        font-size: 22px;
    }

    .contact-panel {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        display: flex;
        z-index: 989;
    }

    a.contact-panel-item {
        width: 50%;
        padding-inline: 20px;
        background-color: #fff;
        color: var(--olive-dark);
        font-size: 1.8rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .3rem;
        padding-block: .7rem;
    }

    a.contact-panel-item span {
        font-size: 1rem;
    }

    a.wp-btn {
        background-color: var(--olive-dark);
        color: #fff;
    }

    .contact-panel-item i {
        line-height: 1;
    }

    .intro h1 {
        font-size: 25px;
    }

    .cookie-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .cookie-actions {
        width: 100%;
    }

    .cookie-btn {
        flex: 1;
        text-align: center;
    }

    .float {
        display: none;
    }

    .nav-cta {
        margin-left: 0;
    }

    .shop-container {
        gap: 40px;
    }

    .shop-content h2 {
        font-size: 25px;
    }

    .shop-section {
        padding: 60px 7%;
    }

    .hero-poster-desktop {
        display: none;
    }

    .hero-video-mobile {
        display: block;
    }

    .reel-wrapper {
        max-width: 90%;
    }


    .story-row {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 80px;
    }

    .story-philosophy h2 {
        font-size: 40px;
    }

    .story-visual {
        height: 300px;
    }

    .brand-story-bg p, .brand-story-bg h1 {
        width: 100%;
        padding-inline: 2rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-inline: 1.25rem;
    }

    .features-header h2 {
        font-size: 25px;
        padding-inline: 1rem;
    }

    .circle-image {
        text-align: center;
    }

    .circle-image img {
        margin: 0 auto;
        width: 65%;
    }

    .circle-images p {
        text-align: left;
    }

    .reel-wrapper {
        aspect-ratio: 9 / 16;
    }

    .intro {
        background-image: none;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        padding-inline: 15px;
    }

    .blog-layout {
        grid-template-columns: 1fr;
    }

    .blog-sidebar {
        position: relative;
        top: 0;
    }

    .blog-hero {
        height: 300px;
    }

    .blog-hero h1 {
        font-size: 28px;
    }

    .blog-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .blog-box {
        padding: 25px 18px;
    }

    .blog-sidebar {
        position: relative;
        top: 0;
    }

    .blog-content {
        font-size: 17px;
        line-height: 1.8;
    }

    .blog-content h2 {
        font-size: 20px;
    }

    .blog-content h3 {
        font-size: 18px;
    }

    .post-cover img {
        width: 100%;
    }

    .play-btn img {
        width: 120px;
    }

    .product-nav-wrapper {
        padding-inline: 15px;
    }

    .product-nav {
        display: none;
    }

    .product-pagination {
        display: block;
        margin-top: 25px;
        position: relative;
    }

    .product-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #ccc;
        opacity: 1;
        transition: 0.3s ease;
    }

    .product-pagination .swiper-pagination-bullet-active {
        width: 22px;
        border-radius: 20px;
        background: #6f7c38; /* your olive */
    }
}