*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

img {
    width: 100%;
    display: block;
}

.loginbox {
    margin-top: 150px;
    margin-bottom: 25px;
}

.searchbar.d-sm-inline-block {
    width: 50%;
    margin-left: 5%;
}

.main slider {
    margin-top: 60px;
}

.manual-nav {
    margin-top: 55px;
}

.product-list {
    margin-top: 135px;
}

.product-details-content {
    margin-top: 100px;
}

.slider {
    margin-top: 95px;
}

.avatar img.rounded-circle {
    max-width: 150px;
}

.avatar img {
    max-width: 200px;
    height: auto;
}

img.rounded-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.avatar {
    max-width: 150px;
    max-height: 150px;
    margin-top: -70px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
}

.profile-content .loginbox {
    margin-top: 200px;
}

.cascading-admin-card .admin-up {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -1.25rem;
}

.cascading-admin-card .admin-up .fab,
.cascading-admin-card .admin-up .far,
.cascading-admin-card .admin-up .fas {
    padding: 1.7rem;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.data {
    margin-top: 35px;
}

.admin-login {
    background-image: url("img/bgimg.jpg");
}

.card-login {
    border: 2px solid #fff;
}

.card-login i {
    margin-top: 5px;
}

.card-login label {
    color: #fff;
}

.custom-img {
    height: 322px;
}

img.avatar.rounded-circle.z-depth-1-half {
    margin-top: 0px;
}


/* HEADER */

.img-logo {
    width: 150px;
    height: 35px;
    object-fit: contain;
    display: inline-block;
}

.mt-6 {
    margin-top: 4.5rem !important;
}

.z-index-full {
    z-index: 100000;
}

.z-index-1000 {
    z-index: 1000;
}

.mt-7 {
    margin-top: 6.5rem !important;
}

@media screen and (max-width:390px) {
    .navbar-brand {
        width: 100%;
        text-align: center;
    }
    .mt-6 {
        margin-top: 6.5rem !important;
    }
}

@media (max-width: 740px) {
    header {
        height: auto !important;
    }
}