.product-slider { padding: 45px; }

.product-slider #carousel { border: 4px solid #1089c0; margin: 0; }

.product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }

.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { width: 100%; height: auto; }

.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }

.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }

.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }

body {
    background: #83D9FC;
    }
    
    .navwrapper {
        background-color: #1C7DE4;
        position: relative;
        margin: auto;
        width: 100%;
        box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
        margin-bottom: 2em;
        opacity: 1;
        z-index: 9999;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-around;
        align-items: center;
        justify-items: end;
        padding: 1%;
    }
    
    nav a {
        color: #fff;
        text-decoration: none;
    }
    
    .logo {
    justify-self: self-start;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    }
    
    .items-nav {
        position: relative;
        margin: auto;
    }
    
    li {
        width: 120px;
    }
    
    .nombre {
        background-color: #0CF;
        display: inline-block;
        padding: 6px 20px 8px;
        border-radius: 10px;
        margin: auto;
    }

    
    nav ul {
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }

    
.logo img {
    display: none;
}

@media (max-width: 765px) {
    .nombre{
        display: none;

    }
    .logo img {
        display: flex;
        max-width: 50%;
    }
}