/**
 * You can put your custom css code in this file.
 * If you haven't don't know what css is, you can take a look at http://www.cssbasics.com/
 */
 
.customer-profile-name .short-name-circle {
    color: #000000;
}

.size-unit {
    display: none;
}

@media (min-width: 992px) {
    .size-chart__wrapper {
        width: 80%;
        min-width: 500px;
        max-width: 1100px;
    }
    
    .table-size-chart th,
    .table-size-chart td {
        white-space: nowrap;   
    }
}


/**
Banner Text Tablet and Mobile
*/

@media (max-width: 991px) {
    .banner-description h1 {
        font-size: 20px;
    }
    
    .banner-description p {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .banner-description h1 {
        font-size: 16px;
    }
    
    .banner-description p {
        font-size: 10px;
    }
    
    .banner-description p.primary a {
        padding: 10px 5px;
    }
    
    .banners-swiper-prev::before {
        font-size: 30px;
    }
    
    .banners-swiper-next::before {
        font-size: 30px;
    }
}