﻿@media (max-width: 575.98px) {
    .nav-menu .nav-menu-holder ul li {
        display: inline;
    }

    .section {
        margin-top: 60px;
        margin-bottom: 0;
    }

    .feature-list-holder {
        padding: unset !important;
        align-content: unset !important;
        align-items: unset !important;
        display: unset !important;
    }

    .btn-add-cart{
        display:block;
        width:100%;
    }
    .btn-inspect {
        margin-bottom: 10px;
        display:block
    }

    footer {
        text-align: center;
    }

    footer .title {
        margin-top: 20px;
    }

    footer .agency-text {
        text-align: center !important;
    }

    .map-holder {
        margin-top: 20px;
    }

    .product-holder .product-title {
        margin-top: 40px;
    }

    .shipment-hour {
        margin-top: 20px;
    }

    .swiper-container {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .feature-list-content-box {
        margin-left: unset !important;
    }

    .newsletter-form-input{
        margin-bottom: 15px !important;
    }
    
    .call-to-action-box{
        text-align: center;
        padding:60px 40px 60px 40px;
    }

    .call-to-action .content{
        margin-right: unset !important;
        padding:unset !important;
    }

    .top-header .top-header-nav .top-header-icon-link{
        display:block;
        margin-bottom:20px;
    }
}

@media (max-width: 1024px) {
    .connector {
        display: none;
    }

    .feature-list-item {
        text-align: center;
    }
    
    .
}

/* Navbar for Mobile */
/*.offcanvas-header{ display:none; }*/
@media (max-width: 992px) {
    .mobile-menu{
        z-index:999;
    }
    .offcanvas-header{ display:block; }
    .navbar-collapse {
        position: fixed;
        top:0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #f0eae8;
        color:black;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
    }
}