@media(max-width: 991px){
    header .menu_btn{
        display: flex;
    }
    header nav{
        position: absolute;
        width: 250px;
        height: 100vh;
        top: 100%;
        right: -100%;
        background: var(--orange--);
        padding: 20px;
        transition: 0.3s;
    }
    header nav.active{
        right: 0;
    }
    header nav ul{
        flex-direction: column;
        margin: 0 auto;
    }

    header nav ul li{
        text-align: center;
    }
    header nav ul li a:hover{
        color: #fff;
    }
    header nav ul li.dropdown_1 ul.dropdown_menu{
        position: inherit;
        transform: rotateX(0);
        display: none;
    }
}

@media screen and (min-width: 992px){
    .card{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem;
        background-color: #0e0e0e;
    }
    .card-wrapper{
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-imgs{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .product-content{
        padding-top: 0;
    }
}

@media(max-width:768px){
    .showcase-item img{
        width: 100%;
    }
    .showcase-content{
        padding: 0 20px;
    }
    .showcase-main h2{
        font-size: 26px;
    }
    .showcase-slider .slick-arrow{
        font-size: 22px;
    }
}
@media(max-width:600px){
    .testimonials-tab .nav-tabs li button{
        font-size: 18px;
        padding: 15px 0;
    }
}
@media(max-width:450px){
    .testimonials-tab .nav-tabs li button {
        font-size: 16px;
        padding: 12px 0;
    }
    .product-title{
        font-size: 2rem;
    }
    .banner .banner-content h2{
        font-size: 42px;
    }
}