/* Medium Layout: 1280px. */
.menu-mobile {
    display: none;
}

@media only screen and (min-width: 992px) {}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .menu-mobile {
        display: block;
    }

    .header {
        padding: 0px;
    }
    .header .col-left {
        width: 100%;
        text-align: center;
        padding: 6px;
    }

    .header .col-left img {
        width: 80px;
        height: auto;
    }
    
    .header .col-right {
        width: 100%;
        display: none;
    }

    .wrapper .form-search {
        display: none;
    }

    .wrapper .col-left {
        display: none;
    }

    .wrapper .col-right {
        margin: 0px;
        padding: 0px 12px;
    }

    .wrapper .footer {
        
    }

    .offcanvas-title {
        color: #0d2b71;
    }

    .main-menu ul {
        list-style: none;
        padding: 0px;
    }

    .main-menu a {
        color: #0d2b71;
        text-decoration: none;
        font-weight: 600;
    }

    .main-menu ul li {
        border-bottom: solid 1px #0d2b71;
        padding: 3px 0px;
    }

    .menu-mobile > button {
        border: solid 1px #0d2b71;
        padding: 12px;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .menu-mobile .offcanvas-body {
        height: 100vh;
        overflow-y: auto;
    }

    .menu-mobile .category-title {
        font-size: 16px;
        font-weight: 600;
        padding: 6px;
        border: solid 1px #0d2b71;
        background: #2a8bd2;
        color: #fff;
        border-radius: 6px;
    }

    .main-category ul {
        
    }

    .main-category ul a {
        text-decoration: none;
        color: #2a8bd2;
    }

    .main-category ul > li {
        padding: 3px 0px;
    }

    .main-category ul li::marker {
        color: #00b4ff;
        font-size: 18px;
    }

    #slider {
        height: 150px;
    }

    .nivo-controlNav {		
        z-index: 100;
        display: none;
    }

    .main-category {
        border: solid 1px #ccc;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 12px;
        padding: 6px;
    }

    .menu-mobile .search {
        height: 40px;
    }
    
    .menu-mobile .search input {
        border: solid 1px #ccc;
        width: 70%;
        height: 40px;
        border-radius: 0px;
        font-size: 18px;
    }

    .menu-mobile .search button {
        border: solid 1px #ccc;
        height: 40.5px;
        width: 29%;
        border-radius: 0px;
        font-size: 18px;
    }

    .offcanvas-header {
        border-bottom: solid 1px #ccc;
    }

    .box-img .img img {
        width: 100%;
        height: 220px;
    }

    .box-img {
        border: solid 1px #ccc;
        border-radius: 6px;
        margin-bottom: 6px;
        height: 230px;
    }
}