﻿.image {
    background-position: top right;
    background-size: cover;
}
.image-mini{
    background-position:center right;
    background-size:cover;
}
.cover-overlay {
    width: 40%;
}

.cover-overlay-mini {
    width: 43.55%;
}

.content-flex {
    display: flex;
    flex-direction: column;
}

.tableflex {
    display: flex;
    flex-direction: column;
}

.contenti {
    grid-column: 1/-1;
}

.contentii {
    grid-column: 1/-1;
}

.rec {
    grid-column: 1/-1;
}

.tableflex {
    grid-column: 1/-1;
}

@media screen and (min-width: 2000px) {
    .desk-view {
        height: 70vh !important;
    }
    .desk-view-mini{
        height: 92dvh !important;
    }
    .image-mini {
        background-position: center;
        background-size: cover;
    }
}


 @media screen and (max-width: 800px) {
        .image {
background-position: top !important;
        }

        .desk-view {
            display: none;
        }

        .desk-view-mini {
            display: none;
        }
    .desk_view_award_recycle {
        display: none;
    }

        .mob-view {
            display: block !important;
        }

        .cover-overlay {
            width: 100% !important;
            margin-left: 0 !important;
            height: auto !important;
            margin-top: 50rem !important;
        }

        .product-core-name {
            margin-top: 0 !important;
        }
    }
 @media screen and (max-width:375px){
    .image-mini {
        background-position: center;
        background-size: cover;
    }
 }
    @media screen and (max-width: 500px) {
        .cover-overlay {
            margin-top: 42rem !important;
        }
        
    }

/*    Awards */

.award_img_mar {
    margin: 3rem;
}

.award_quote {
    font-size: 18px;
}

.award_desc {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}

.awd_img_size{
    width: 12rem;
}

@media screen and (max-width: 800px) {

    .award_img_mar {
        margin: 0.5rem;
    }
}

@media screen and (max-width:800px) {
    .mob_awd_img {
        width: 10rem;
        height: 10rem;
    }
    .image-mini {
        background-position: center top;
        background-size: cover;
    }
}

@media screen and (min-width:800px) {
    .award_quote {
        font-size: 8px;
    }
    .star{
        scale: 0.8;
     /*   margin-top: 1rem;*/
    }

    .award_desc {
        font-size: 7px;
    }

    .award_img_mar {
        margin: 0.5rem;
    }

    .awd_img_size {
        width: 5rem;
    }
    
}

@media screen and (min-width:900px) {
    .award_quote {
        font-size: 10px;
    }
    .star {
        scale: 1;
       /* margin-top: 1rem;*/
    }

    .award_desc {
        font-size: 8px;
    }

    .award_img_mar {
        margin: 0.5rem;
    }

    .awd_img_size {
        width: 6rem;
    }
}

@media screen and (min-width: 1100px) {
    .award_quote {
        font-size: 14px;
    }

    .award_desc {
        font-size: 12px;
    }

    .award_img_mar {
        margin: 1rem;
    }

    .awd_img_size {
        width: 8rem;
    }
   
}

@media screen and (min-width: 1300px) {
        .award_img_mar {
            margin: 1rem;
        }

        .award_quote {
            font-size: 16px;
        }
        .award_desc {
            font-size: 12px;
        }
        .awd_img_size {
            width: 10rem;
        }
        .award_desc-mini{
            font-size:16px;
        }
    
    }
@media screen and (min-width: 1800px) {
    .award_img_mar {
        margin: 6rem;
    }

    .award_quote {
        font-size: 24px;
    }

    .award_desc {
        font-size: 20px;
    }
    .awd_img_size {
        width: 15rem;
    }
}