@media (min-width:576px) {
    * {
        font-size: 0.95rem;
        font-family: 'Montserrat';
    }
    .navbar-mobile {
        display: none !important;
    }

    top-bar h1 {
        font-size: 2.5rem;
    }

    top-bar svg.brand {
        display:revert;
        width: 124.16px;
        height: 23.68px;
        fill: rgb(36,134,255);
    }

    top-bar svg.brand + h2 {
        display:block;
        font-size: 0.9rem;
        letter-spacing:0.3px;
        margin-top: 5px;
        margin-bottom: 0;
        font-weight: 700;
        color:#333;
    }

    top-bar .search-cont {
        display: block;
    }

    top-bar .search-cont .dropdown-menu {
        padding: 0 !important;
        min-width: 400px;
    }

    .shoppingcart.shoppingcart-lg {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1440px;
    }

    .shoppingcart.shoppingcart-lg .checkout-cart-wrapper {
        width: 100%;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .shoppingcart.shoppingcart-lg .items {
        width: 70%;
    }

    .shoppingcart.shoppingcart-lg .total-container {
        width: 30%;
    }

    .shoppingcart.shoppingcart-lg .total-container > div {
        top: 5.3rem;
        border: 1px solid #e1e1e1;
        margin-left: 2rem;
        border-radius: 0.5rem;
        padding: 0.5rem;
    }

    .form span[data-type="CARD"]::after {
        content: "";
        position: absolute;
        right: 0;
        width: 300px;
        height: 86px;
        background: url(/assets/img/card_schemes_ideal_no_bg.png) no-repeat right top;
        background-size: contain;
    }
}

@media (min-width: 960px) {
    .m960 {display:inline;}

    .space-10 {
        height: 10px;
    }

    .space-20 {
        height: 20px;
    }

    .space-40 {
        height: 40px;
    }

    .space-60 {
        height: 60px;
    }

    .space-80 {
        height: 80px;
    }

    .space-100 {
        height: 100px;
    }

    header { background-image:url(/assets/img/cash_register.jpg); }
    header { height:100vh; position:relative; overflow:hidden; background-color:#000000; background-position-x:center; background-position-y:top; background-repeat:no-repeat; background-size:contain; }

    header::before {        display: block;    }

    .img-device {
        margin-top: 0px;
    }
    .img-paper {
        background: url(/img/pos-paper.png) no-repeat right center;
        width: 100%;
        height: 299px;
        background-size: contain;
        position: absolute;
        margin-top: -130px;
        margin-left: 120px;
    }

    .flex-even { flex: 1; }

    h1 {
        font-size: 2.4rem;
    }
    #intro h1 { text-align:center; }

    #news .news-img { display:block !important; }
    #news .news-text {
    flex: 0 0 83.33333333333%;
    max-width: 83.33333333333%;
    padding-left: 4rem;
    }
    #xst { display:none;}
    header .header-title, header .about-me {
        display: block;
    }

    #maps{width:100%; height:500px; }

    #activities .img {
        width: 450px;
        height: 253px;
    }

    #activities .img.v {
        width: 420px;
        height: 500px;
    }

    #program .card::before {
        width:500px;
    }

    #program .card h3 {
        font-size:1rem;
        text-shadow:none;
    }

        #program .card p {
            padding:1rem;
            padding-top:1rem;
        }

        #program .card {
            cursor: default;
            overflow: hidden;
            margin: 1.5rem 1rem;
            height: 160px;
            border-radius: 10px;
            border: 0;
            background-color: #e1e1e1 !important;
            box-shadow: 0px 5px 20px #ccc;
        }

    #program .prog > div:nth-child(odd) .card {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #program .prog > div:nth-child(even) .card {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    ol {
        padding-left: 60px;
    }

    ol li .badge {
        position: absolute;
        margin-left: -68px;
        margin-top: -8px;
        border-radius: 50%;
        background: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 2.4rem;
        color: #1169d4;
        width: 54px;
        height: 54px;
    }

    .snip1265 .plan { width:33.33%; }

    .pricing-cont {
        width: 75%;
    }

}