:root {
--default-color: #5C1010;
--default-rgb-color: 92, 16, 16;
--default-light-color: #EEE7E7;
--default-intense-color: #400B0B;
--default-login-color: #FFFFFF;
}

@media screen and (max-width:800px)
{
 .evk-slider {
        border-radius: 50px;
    }

    .evk-slider::before,
    .evk-slider::after {
        border-radius: 44px;
    }

    #sponsor_slider_card .card {
        border-radius: 44px;
    }

    .carousel-item i,
    .carousel-item h3,
    .carousel-item time {
        color: white !important;
    }

img.logo-default {
    margin-bottom: 0px !important;
}
    .home-mobile {
        background: #5C1010;
        background: linear-gradient(157deg, rgba(92, 16, 16, 1) 0%, rgba(43, 8, 8, 1) 50%) !important;
    }
    .aside .aside-primary {
        background-color: var(--default-color);
        background: linear-gradient(157deg, rgba(92, 16, 16, 1) 0%, rgba(43, 8, 8, 1) 50%) !important;
    }
.carousel-item i, .carousel-item h3, .carousel-item time {
    color: white !important; 
}


#kt_header_mobile {
	background-color: #5C1010!important;
}
#kt_header_mobile * {
    color: white !important;
}

#mobile_subheader .card {
        background-color: #ffffff1c !important;
    }     
    #mobile_subheader .btn.btn-icon-primary  {
        font-size: 11px;
    }
 #lobbyMenuCardContainer .btn.btn-light-primary {
     border-color: #ffffff !important;
 }
 #lobbyMenuCardContainer .btn.btn-light-primary i, .btn.btn-light-primary span {
     color: #ffffff !important;
 }
button.btn.btn-fixed-height.btn-text-dark-50.btn-hover-text-primary.btn-icon-primary.font-weight-bold.font-size-sm.px-2 {
color: #ffffff !important;
}
#mobile_subheader button i, #mobile_subheader a i {
color: #ffffff !important;
}
}
@media (min-width:801px) and (max-width:991px) {

div#kt_header_mobile {
  background-color: #5C1010 !important;
}

#kt_header_mobile *, .carousel-item i, .notification-description, .notification-description time {
    color: white !important;
}

@media screen and (max-width: 800px) {
    .home-mobile {
        background: linear-gradient(174deg, rgba(130, 43, 31, 1) 0%, rgba(216, 68, 39, 1) 50%);
    }
}


}
