#top {
    padding: 10px;
    color: #fff;
    font-size: 1.2em;
}

.kj-html {
    text-align: center;
}

.panel.kj-p-image {
    border:none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-bottom: 178%; */
     /* Aspect ratio: 16:9 (9 divided by 16 = 0.5625) */
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.mobile-menu {
    line-height: 43px;
}
.mobile-menu a {
    color: #fff;
}

.kj-latest {
    text-align: center;
}

.spe_desktop { display: none}
.spe_mobile { display: none}

.content img {
    margin: 0 auto;
}

/* Extra Small */
@media(max-width:767px){
    .spe_mobile { display: block}
    #top { margin-bottom: 15px}
    #top .list-inline { margin-bottom:0px}
    ul.breadcrumb { padding-left:0}
    .basic-info > div {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .dropdown-inner ul.list-unstyled {
        padding: 0 0 8px;
    }

    .menu { 
        left: 0;
        padding: 17px;
        height: 100vh;
        width: 90vw;
        background-color: #fff;
        border:1px solid #ccc;
        position: absolute;
        z-index: 99;
        margin-top: -15px;
        display:none;
        -webkit-box-shadow: 6px 8px 16px 4px rgba(0,0,0,0.14); 
        box-shadow: 6px 8px 16px 4px rgba(0,0,0,0.14);
    }

    .navbar-nav .open .dropdown-menu {
        margin-left:28px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    #common-home.container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .kj-latest, .kj-related {
        padding-left: 6px;
        padding-right: 6px;
    }

    #common-home { margin-top: -15px}
    #common-home .kj-latest {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kj-latest .panel-body, .kj-related .panel-body {
        padding:5px;
    }

    .panel.kj-p-image {
        text-align: center;
    }

    #product .form-group {
        padding: 0 10px;
    }

    /* checkout */
    .panel.shipping-icon {
        margin-bottom: 10px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .spe_desktop { display: block}
    .top-logo {
        display: flex;
        justify-content: center;
    }
    .basic-info div {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .spe_desktop { display: block}
    .top-logo {
        display: flex;
        justify-content: center;
    }
}

/* Large */
@media(min-width:1200px){
    div#menu-open { display: none !important}

    .spe_desktop { display: block}
    .dropdown-menu {
        padding:20px;
        min-width: 250px;
    }
    .dropdown-inner ul.list-unstyled {
        padding: 0 0 6px;
    }
    .top-logo {
        display: flex;
        justify-content: center;
    }
    .basic-info {
        display: flex;
        height: 300px;
        align-items: center;
    }

    .menu {
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centers items vertically */
        align-items: center; /* Centers items horizontally */
        margin-bottom:20px
      }
}


.thumbnail {
    border: none !important;
}