@media only screen and (max-width: 779px) {

    .main-container > section {
        padding: 10px 0px;
    }
    
    .vertical-tab .tab-content .tab-title {
        text-transform: uppercase;
        /* font-size: 40px; */
        font-size: 1.5rem;
        position: relative;
        display: none;
    }
    
    .m-top-30 {
        margin-top: 0px;
    }
    
}



.card-pinned {
    position: relative;
    display: block
}

.card-pinned-top-start {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.card-pinned-top-end {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.card-pinned-bottom-start {
    position: absolute;
    bottom: 9rem;
    left: 1rem
}

.card-pinned-bottom-end {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.precio_old{
    text-decoration: line-through;
    color: #6c757d!important;
}



@media only screen and (min-width: 779px) {
    
    :root {
        --main-color: #7ac5ff;
        --text-color: #3b3b3b;
        --heading-color: #374599;
        --light-gray: #eeeeee;
        --white-color: #ffffff;
        --dark-gray: #282828;
        --dark-gray-2: #8c8c8c;
        --black-color: #000000;
    }
    
    
    .logo img {
        max-height: 90px;
        display: block;
    }
    
    .regular-logo{
        vertical-align: inherit !important;
    }
    
    .site-navigation > ul {
        display: inline-block;
        vertical-align: middle !important;
    }
    
    .light-header.fixed .site-navigation .main-menu li a {
        color: #374599;
    }
    
    .site-navigation .main-menu li a {
        display: block;
        color: #000000;
        padding: 0px 5px;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        line-height: 90px;
        position: relative;
    }
    
    body {
        background: #eee;
        font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #374599;
        margin: 0;
        padding: 0;
    }
    
    h2.large-heading span {
        display: block;
        font-size: 2.225rem;
        color: var(--main-color);
        font-weight: 400;
    }
    
    .naranja {
        color: var(--heading-color) !important;
    }
    
    .footer-logo {
        position: relative;
        top: -1rem;
        max-height: 50px;
        margin-bottom: 0px !important;
    }
    
    .site-footer {
        background: var(--black-color);
        color: var(--main-color);
    }
    
    /*
    .btn-primary {
        background: transparent;
        color: var(--heading-color) !important;
    }
    
    .btn, input[type="button"], input[type="submit"], button, .btn-primary {
        color: var(--heading-color);
        height: 56px;
        line-height: 50px;
        border: 3px solid var(--heading-color) !important;
        font-size: 1.175rem;
        padding: 0px 45px;
        text-align: center;
        text-transform: uppercase;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        font-weight: 700;
        letter-spacing: 1px;
        transition: all 300ms ease-in-out;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: var(--white-color) !important;
        position: relative;
        cursor: pointer;
    }
    */
    
}
.blue {
	background: #394599;
}
.text-blue {
	color:#374599!important;
}