@media only screen and (max-width: 1024px){
    .card-container{
        grid-template-columns: 0.5fr 0.5fr;
    }
    .c-containr{
        grid-template-columns: 0.30fr 0.32fr 0.28fr;
    }
}
@media only screen and (max-width: 724px){
    header .navbar{
        opacity: 0;
        visibility: hidden;
    }
    header .responsive{
        opacity: 1;
        visibility: visible;
    }
    header .responsive .item .link .fa{
        font-size: 18px;
    }
}
@media only screen and (max-width: 624px){
    .card-container{
        grid-template-columns:1fr;
    }
    .c-containr{
        grid-template-columns: 0.50fr 0.50fr ;
    }
    .card-wrapper{
        grid-template-columns: 1fr;   
        height: max-content;
    }
    #review_slider{
        height: max-content;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 424px){
    .c-containr{
        grid-template-columns: 1fr;
    }
    .carousel-inner .item .content{
        top:25%;
        
    }
    .carousel-inner .item .content h1{
        font-size: 70px;
    }
    .carousel-inner .item .content h2{
        font-size: 58px;
    }
    .secn .secn-title{
        font-size: 70px;
    }
}