.t-description {
    position: absolute;
    top: 20%;
    left: 19%;
    width: 62%;
}

/*.t-business-desc {*/
.banner-business-desc {
    position: relative;
    right: -66.5%;
    top: 50%;
    width: 35.5%;
    box-shadow: none;
    min-height: 60%;
    margin-top: -450px;
    margin-bottom: 39px;
}

.business-mobile {
    position: absolute;
    right: 0;
    top: 50%;
    width: 33.5%;
    box-shadow: none;
    min-height: 60%;
}

.remove-list-style {
    list-style: none;
    /*display: inline-block;*/
    display: block;
    padding: 0;
    margin: 0;
}

.remove-list-style li {
    display: inline;
}

.remove-list-style li a {
    font-weight: 500;
    color: #64dd17;
}

.remove-list-style li:last-child {
    border-left: 1px solid #64dd17;
    padding-left: 5px;
}

.menu-options li:hover {
    background-color: #6666CC!important;
}

.menu-options li:focus {
    background-color: #00C853!important;
}

.collapsible li .collapsible-header:hover {
    background-color: #6666CC!important;
}

.collapsible li.active .collapsible-header:focus {
    background-color: #00C853!important;
}

.feature-container {
    display: flex;
    width: 100%;
}

.feature-item {
    flex: 1;
}

.banner-img {
    content:url('/images/home/banner_1.png');
}

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

    .logo-img {
        content:url('/images/home/logo_1500.png');
    }

    .business-mobile {
        display: none!important;
    }

    .banner-business-desc {
        position: relative!important;
        left: 65.25%!important;
        margin-top: -445px!important;
        top: 50%!important;
        width: 30.25%!important;
        box-shadow: none!important;
        height: 375px!important;
    }

    .banner-business-desc .business-info h1 {
        font-size: 1.5rem!important;
    }

    .banner-business-desc .business-info h2,h4 {
        font-size: 1.25rem!important;
        margin: 20px 0 0 0!important;
    }

    .banner-business-desc .business-info h3 {
        font-size: 1.25rem!important;
    }

    .banner-business-desc .business-info .btn {
        margin: 20px 0 0 0!important;
        height: 35px!important;
        line-height: 35px!important;
        width: 53%!important;
        font-size: 1rem!important;
        font-weight: bold!important;
    }

    .line1 {
        width: 99.8%!important;
        -webkit-transform: translateY(-20px) translateX(0.2px) rotate(
                -3deg)!important;
        position: absolute!important;
        top: 0.9%!important;
        border-right: 3px solid transparent!important;
        left: 0.5%!important;
    }

    .line2 {
        width: 101%!important;
        height: 50px!important;
        border-top: 50px solid #f4792e!important;
        -webkit-transform: translateY(-21px) translateX(1%) rotate(-3deg)!important;
        top: -2.1%!important;
        border-right: 3px solid transparent!important;
        left: -8px!important;
    }

    .line3 {
        width: 102%!important;
        height: 75px!important;
        border-top: 75px solid #283747!important;
        -webkit-transform: translateY(-21px) translateX(0.16%) rotate(
                -3deg)!important;
        top: -5.2%!important;
        border-right: 3px solid transparent!important;
        left: -2%!important;
    }

    .feature-container {
        margin: 20px auto 0 auto!important;
    }

    .contact-section {
        margin: 5px auto 0 auto!important;
    }
}

@media only screen and (max-width: 1500px) {
    .t-business-desc {
        top: 41%!important;
    }

    .ten-cols {
        display: flex!important;
        width: 100%!important;
    }

    .business-mobile {
        display: none!important;
    }

    .feature-container,.contact-section {
        max-width: 1500px!important;
    }
}

@media only screen and (max-width: 1024px) {
    /* start of medium tablet styles */
    .nav-header {
        height: 40px!important;
        line-height: 40px!important;
    }

    .banner-business-desc {
        display: none!important;
    }

    .logo-img {
        content:url('/images/home/logo_general.png');
    }

    .menu-options li a {
        padding: 0 15px!important;
    }

    .banner-img {
        content:url('/images/home/banner_3.png');
    }

    .ten-cols {
        width: 83.3333333333%!important;
        margin: 0 auto!important;
        display: block!important;
    }

    .business-mobile {
        display: block!important;
        /*height: 435px!important;*/
    }

    .feature-container {
        display: block;
        width: 100%;
    }

    .line1 {
        top: 1%!important;
        width: 100%!important;
        border-right: 3px solid transparent!important;
        -webkit-transform: translateY(-20px) translateX(2px) rotate(-3deg)!important;
        left: 0!important;
    }

    .line2 {
        top: -1.7%!important;
        width: 100.7%!important;
        -webkit-transform: translateY(-21.4px) translateX(0px) rotate(-3deg)!important;
        left: 0!important;
        border-right: 7px solid transparent!important;
    }

    .feature-1 {
        width: 50%!important;
    }

    .desk-image {
        content:url('/images/home/desk_default_3_4.png');
    }

    #tv_container {
        max-height: 40%!important;
    }

    .frame-desk,.frame-delivery {
        content:url('/images/home/marco_3_4.png');
    }

    .feature-2 {
        width: 50%!important;
    }

    .phone-delivery {
        content:url('/images/home/phone_default_3_4.png');
    }

    #phone_container {
        max-height: 67.5%!important;
        top: 13.6%!important;
    }

    .feature-3 {
        width: 100%!important;
    }

    .line3 {
        width: 100%!important;
        height: 50px!important;
        border-top: 50px solid #283747!important;
        top: 0!important;
        -webkit-transform: translateY(-23px) translateX(1px) rotate(-3deg)!important;
        left: 0!important;
        border-right: 3px solid transparent!important;
        z-index: 10!important;
    }

    .t-business-desc {
        position: relative;
        width: 55%;
        margin: 0 auto;
        text-align: center;
    }

    .parallax-img {
        background-image: url('/images/home/Paralax_4.png')!important;
        background-position-y: unset!important;
    }

    .contact-section .motive-img {
        content:url('/images/home/motivo_3.png');
    }

    .contact-section .ribbon {
        content:url('/images/home/moño_3_4.png');
    }

    .legal-contact-info {
        padding: 0.75rem!important;
    }

    .rights-info {
        padding: 0.75rem 40px!important;
    }

    footer {
        padding: 40px 0!important;
        font-size: 12px;
    }

    .feature-mobile .card-content {
        padding: 0!important;
    }

    .feature-mobile h4 {
        font-size: 1.5rem!important;
        margin-top: 10px;
    }

    .feature-mobile p {
        font-size: 12px!important;
    }

    .feature-2 .t-description {
        top: 30%;
    }

    .t-description span {
        font-size: 1.5rem!important;
    }
}

@media only screen and (max-width: 768px) {
    /* start of medium tablet styles */
    .nav-header {
        height: 40px!important;
        line-height: 40px!important;
    }

    .logo-img {
        content:url('/images/home/logo_general.png');
    }

    .menu-options li a {
        padding: 0 15px!important;
    }

    .feature-container {
        display: block;
        width: 100%;
    }

    .ten-cols {
        width: 100%!important;
    }

    .line1 {
        top: 1%!important;
        width: 100.6%!important;
        border-right: 5px solid transparent!important;
        -webkit-transform: translateY(-20px) translateX(0px) rotate(-3deg)!important;
        left: 0!important;
    }

    .line2 {
        top: -1.7%!important;
        width: 101%!important;
        -webkit-transform: translateY(-21px) translateX(0px) rotate(-3deg)!important;
        left: 0!important;
    }

    /*.feature-item {
        display: block;
        width: 100%!important;
    }*/

    .feature-1 {
        width: 50%!important;
    }

    .desk-image {
        content:url('/images/home/desk_default_3_4.png');
    }

    .frame-desk,.frame-delivery {
        content:url('/images/home/marco_3_4.png');
    }

    .feature-2 {
        width: 50%!important;
    }

    .phone-delivery {
        content:url('/images/home/phone_default_3_4.png');
    }

    #phone_container {
        max-height: 67.5%!important;
        top: 13.6%!important;
    }

    .feature-3 {
        width: 100%!important;
    }

    /*.feature-1-2-mix {
        display: block;
        width: 100%;
        height: 50px;
        background: linear-gradient(to right, #9c9e9f 0%,#9c9e9f 50%,#33ccff 50%,#33ccff 100%);
    }*/

    .line3 {
        -webkit-transform: translateY(-21px) translateX(0px) rotate(-3deg)!important;
        top: 0!important;
        left: 0!important;
        z-index: 10!important;
    }

    .t-business-desc {
        position: relative;
        width: 65%;
        margin: 0 auto;
        text-align: center;
    }

    .banner-img {
        content:url('/images/home/banner_4.png');
    }

    .parallax-img {
        background-image: url('/images/home/Paralax_4.png')!important;
        background-position-y: unset!important;
    }

    .contact-section .s4 {
        width: 16.6666666667%!important;
    }

    .contact-section #contactus {
        padding-left: 0.75rem!important;
        width: 83.3333333333%!important;
    }

    .contact-section .motive-img {
        content:url('/images/home/motivo_4.png');
        /*object-fit: contain;*/
        /*height: 80vh;*/
    }

    .contact-section .ribbon {
        content:url('/images/home/moño_3_4.png');
    }

    .contact-section .contactus-container {
        margin: 0 auto;
        width: 80%;
    }

    .legal-contact-info {
        padding: 0.75rem!important;
    }

    .rights-info {
        padding: 0.75rem 40px!important;
    }

    footer {
        padding: 40px 0!important;
        font-size: 12px;
    }

    .feature-mobile .card-content {
        padding: 0!important;
    }

    .feature-mobile h4 {
        font-size: 1.5rem!important;
        margin-top: 10px;
    }

    .feature-mobile p {
        font-size: 12px!important;
    }

    .feature-2 .t-description {
        top: 30%;
    }

    .t-description span {
        font-size: 1.5rem!important;
    }
}

@media only screen and (max-width: 479px) {
    /* start of phone styles */
    .logo-img {
        content:url('/images/home/logo_movil.png');
    }

    .feature-container {
        display: block;
        width: 100%;
    }

    .feature-item {
        display: block;
        width: 100%!important;
    }

    .t-business-desc {
        position: relative;
        width: 100%;
        margin-top: -6px;
        text-align: left;
    }

    .t-business-desc a.btn {
        width: 100%!important;
    }

    .banner-img {
        content:url('/images/home/banner_2.png');
    }

    .parallax-img {
        background-image: url('/images/home/Paralax_2.png')!important;
        background-position-y: unset!important;
    }

    .contact-section .s4 {
        width: 8.3333333333%!important;
    }

    .contact-section .s4 img {
        content:url('/images/home/motivo_2.png');
        height: 130vh;
        object-fit: cover;
    }

    .contactus-container h1 {
        font-size: 1.75rem!important;
    }

    .contactus-container p {
        font-size: 1rem!important;
    }

    .contact-section .ribbon {
        content:url('/images/home/moño_2.png');
    }

    .contact-section #contactus {
        padding-left: 20px!important;
        width: 83.3333333333%!important;;
    }

    .legal-contact-info,.rights-info {
        padding: 0 .75rem!important;
    }

    .legal-info,.contact-info {
        text-align: center;
    }

    .rights-info {
        margin-top: 40px;
        text-align: center;
    }

    footer {
        padding: 60px 50px 60px 50px!important;
    }

    .menu-options {
        display: none;
    }

    .menu-options-mobile {
        display: block!important;
        margin-top: -23px!important;
    }

    .logo-img {
        width: 100%;
        height: unset!important;
    }

    .feature-mobile .card-content {
        padding: 0!important;
    }

    .feature-mobile h4 {
        font-size: 1.5rem!important;
        margin-top: 10px;
    }

    .feature-mobile p {
        font-size: 12px!important;
    }

    .feature-2 .t-description {
        top: 30%;
    }

    .t-description span {
        font-size: 1.5rem!important;
    }

    .card.no-margin {
        z-index: 0!important;
    }

    .line1,.line2,.line3 {
        top: 1%!important;
        z-index: 0!important;
        width: 103%!important;
    }
}

.line1 {
    width: 101%;
    height: 80px;
    border-top: 80px solid #692a1f;
    -webkit-transform: translateY(-20px) translateX(5px) rotate(-3deg);
    position: absolute;
    top: -2.9%;
    border-right: 4px solid transparent;
    left: -8px;
    z-index: 3;
}
.line2 {
    width: 101.1%;
    height: 120px;
    border-top: 120px solid #f4792e;
    -webkit-transform: translateY(-21px) translateX(6px) rotate(-3deg);
    position: absolute;
    top: -5.9%;
    border-right: 6px solid transparent;
    left: -9px;
    z-index: 2;
}

.line3 {
    width: 102.2%;
    height: 150px;
    border-top: 150px solid #283747;
    -webkit-transform: translateY(-21px) translateX(6px) rotate(-3deg);
    position: absolute;
    top: -9%;
    border-right: 6px solid transparent;
    left: -10px;
    z-index: 1;
}

@font-face {
    font-family: Carme-Regular;
    src: url(/fonts/Carme-Regular.ttf);
}
@font-face {
    font-family: Sf-Bold;
    src: url(/fonts/sf-ui-display-bold-58646a511e3d9.otf);
}
@font-face {
    font-family: Sf-Light;
    src: url(/fonts/sf-ui-display-light-58646b33e0551.otf);
}
@font-face {
    font-family: Sf-Semibold;
    src: url(/fonts/sf-ui-display-semibold-58646eddcae92.otf);
}

.sf-bold {
    font-family: Sf-Bold, Arial;
}
.sf-light {
    font-family: Sf-Light, Arial;
}
.sf-semibold {
    font-family: Sf-Semibold, Arial;
}
.carme-regular {
    font-family: Carme-Regular;
}