body {
        margin: 0px;
        padding: 0px;
        
    }
 


    ul.resp-tabs-list, p {
        margin: 0px;
        padding: 0px; 
    }

    .servicio_cliente_{
        margin-top: 12px !important;
    }

    .resp-tabs-list li {
    
        font-weight: 600;
        font-size: 13px;
        display: inline-block;
        padding: 13px 15px;
        margin: 0 4px 0 0;
        list-style: none;
        cursor: pointer;
        /* float: left;*/
        color: white;

    }

    .resp-tabs-container {
        padding: 0px;
        background-color: #fff;
        clear: left;
    }

    h2.resp-accordion {
        cursor: pointer;
        padding: 5px;
        display: none;
    
        

    }

    .resp-tab-content {
        display: none;
        padding: 15px;
    }

    .resp-tab-active { 
        border-bottom: none;
        margin-bottom: -1px !important;
        padding: 12px 14px 14px 14px !important; 
        /*border-bottom: 0px #fff solid !important; */
    }

    .resp-tab-active {
        border-bottom: none;
        background-color: #fff;
    }

    .resp-content-active, .resp-accordion-active {
        display: block;
    }
    /*
    .resp-tab-content {
    border: 1px solid #c1c1c1; 
    }
    */
    h2.resp-accordion {
        font-size: 13px;
        /*border: 1px solid #c1c1c1;
        border-top: 0px solid #c1c1c1;*/
        margin: 0px;
        padding: 10px 15px;
    


    }

    h2.resp-tab-active {
    /* border-bottom: 0px solid #c1c1c1 !important;*/
        margin-bottom: 0px !important;
        padding: 10px 15px !important;
    }
    /* 
    h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
        
    }*/

    /*-----------Vertical tabs-----------*/
    .resp-vtabs ul.resp-tabs-list {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

    .resp-vtabs .resp-tabs-list li {
        display: block;
        padding: 18px 30px !important;
        margin: 0 0 4px;
        
        margin-top: 14px;

        -webkit-box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.30);
        box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.30);

        cursor: pointer;
        float: none;

        border: 1px solid var(--red) !important;
        border-radius: 33px;
    }

    .resp-vtabs .resp-tabs-list li p{
        
        color:var(--red);
        text-transform: uppercase;
        font-size: 15px;
    
    }

    .resp-vtabs .resp-tabs-container {
        padding: 0px;
        background-color: #e6e6e6;
        /* border: 1px solid #c1c1c1; */
        float: left;
        width: 67%;
        margin-left: 3px !important;
        min-height: 345px;
        /* border-radius: 4px; */
        clear: none;
        margin-top: 45px;
        height: 345px;
        /* margin-left: 25px; */
        /* margin-left: 18px; */
        position: relative;
    }

    .resp-vtabs .resp-tab-content {
        border: none;
        word-wrap: break-word;
    }

    .resp-vtabs li.resp-tab-active { 
        position: relative;
        z-index: 9;
        margin-right: -1px !important;
        /*padding: 14px 15px 15px 14px !important; */
    
        margin-bottom: 4px !important; 
        color: white;
        width: 330px;

        font-size:14px;

        transform: translate(20px);
    
    }

    .resp-vtabs li.resp-tab-active p { 
       
        color: white; 
    
    }
    

    .resp-tabs-list li  {   

        width: 330px;
        z-index: 1;

        height: 70px;
    }

    .resp-arrow {	

        width: 20px;
        height: 39px;
        float: right;
        margin-top: 0px; 
        background-image: url(../img/home/span_right.png);
        background-size: 80%;
        background-position-y: 12px;
        background-repeat: no-repeat;
        
    }	
    h2.resp-tab-active div.resp-arrow {	 

        background-image: url(../img/home/span_down.png);
        background-size: 80%;
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
        height: 29px;
        width: 40px;
        margin-top: 10px;

    }
  

    /*-----------Accordion styles-----------*/
    h2.resp-tab-active {
        background: #DBDBDB;/* !important;*/ 
    }

    h2.resp-tab-active p{ 
        color: white !important;
    }

    .resp-easy-accordion h2.resp-accordion {
        display: block;


    }

    .resp-easy-accordion .resp-tab-content {
        border: 1px solid #c1c1c1;   
    }

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1; /*  !important;*/
    }

    .resp-jfit {
        width: 100%;
        margin: 0px;
    }

    .resp-tab-content-active {
        display: block; 
    }
    /*
    h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1; 
    
    } */

    .servicio_cliente{
        padding-top: 15px!important;
    }
    .ruta-mobile{
        display: none;
    }

    .resp-tabs-container .row{ 
        height: 280px !important;
    }
    .video-collapse-div{ 
         width: 380px !important;
    }

    .video-collapse-div img{ 
        border-radius: 10px;
   }


    .div-btn1{
        padding-top: 90px;
    }
    .div-btn2{
        padding-top: 65px;
    }
    .div-btn3{
        padding-top: 15px;
    }
    .div-btn4{
        padding-top: 40px;
    }
    .div-btn5{
        padding-top: 115px;
    }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/



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

    .div-btn1{
        padding-top: 85px;
    }  
    .div-btn2{
        padding-top: 60px;
    } 
    .div-btn3{
        padding-top: 9px;
    } 
    .div-btn4{
        padding-top: 35px;
    } 
    
    .div-btn5   {
        padding-top: 110px;
    }
}

@media only screen and (max-width: 600px) and (min-width: 411px)  {
    
    h2.resp-accordion p{ 
        font-size: 15px; 
        
    }
    
    
}

/* Responsive Home */
@media screen and (max-width: 1024px) and (min-width: 970px) {
    .resp-vtabs li.resp-tab-active { 
        width: 293px;  
    }

    .resp-tabs-list li {
        width: 276px; 
    }

    .video-collapse-div {
        width: 300px !important; 
        padding-top: 10px; 
 
    }
    .div-btn1,  .div-btn2, .div-btn3, .div-btn4, .div-btn5   {
        padding-top: 20px;
    }
    .resp-vtabs .resp-tabs-container {
         
        min-height: 380px; 
    }
    .btn-collapse-div a {
        font-size: 13px;
    }

}

@media screen and (max-width: 970px) and (min-width: 600px) {
       
    .resp-vtabs li.resp-tab-active { 
        width: 245px;  
    }

    .resp-tabs-list li {
        width: 230px; 
    }
    .resp-vtabs .resp-tabs-list li p {
        color: var(--red);
        font-size: 12.5px;
    }
    .servicio_cliente_ {
        margin-top: 19px !important;
    }
    .resp-vtabs .resp-tabs-list li {
 
        padding-top: 12px   !important; 
    }

    .col-sm-5 {
         flex: inherit;  
         max-width: none;
    }

    .div-btn1,  .div-btn2, .div-btn3, .div-btn4, .div-btn5   {
        padding-top: 20px;
    }
    .video-collapse-div {
        width: 230px !important; 
        padding-top: 10px;
        margin-left: -20px;
    }

    .row {
        margin-left: 0px; 
    }

    .resp-vtabs .resp-tabs-container {
        
        width: 65%;
        margin-left: 30px !important;
        min-height: 399px; 
    }

  }
  

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

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        
        margin-top: 20px;
        height: 80px;


        -webkit-box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.17);
        -moz-box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.17);
        box-shadow: 0px 21px 1px -15px rgba(0,0,0,0.17);

        border: 1px solid var(--red) !important;
        border-radius: 33px;

    }

    h2.resp-accordion p{
        /*color: var(--red);
        font-size: 15.3px;
        padding-top: 10px;
        display: flex;
        align-items: center;
        font-weight: bolder;*/
        color: var(--red) !important;
        font-size: 18px;
        padding-top: 10px;
        display: flex;
        align-items: center;
        font-weight: bolder; 
        margin-left: 15px;

        
    }

    h2.resp-tab-active {
        background: #ffffff !important;
        color: #e7162e !important;
    }

    
 
 

    .video-collapse-div{
        border: none;
         width: 100% !important;
    } 

    .video-collapse-div img{ 
        border-radius: 0px;
   }

    .servicio_cliente{
        padding-top: 20px!important;
    }
    .resp-tabs-container .row{ 
        height: 340px!important;
    }

    .resp-vtabs .resp-tab-content {
       /* border: 1px solid #C1C1C1; */ 
        background: #e6e6e6;

        background: #e6e6e6;
        margin-top: -30px;
        margin-left: -50px;
        margin-right: -50px;
   
    }

    .resp-tab-content-active {
        display: block;
        margin-left: -30px;
        margin-right: -30px;
        /*margin-top: -40px;*/
        z-index: -1;
        position: relative;
        /*padding-top: 60px;*/
        padding-bottom: 70px;
    }
     
    .resp-vtabs .resp-tabs-container {

        margin-top: -25px;
        background-color: white;
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
 
        margin-left: 0px;
        z-index: 0;
        position: relative;
        }
         

        .container-width {
            padding-right: 20px;
            padding-left: 20px;
        }
        .col-sm-5{
            padding-top: 20px;
        }
        h2{
            font-size: 1.3rem;
        }
        .col-sm-5 p{
            font-size: 0.95em;
            line-height: 122%;
            font-weight: bolder;
        }
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-right: 0px; 
            margin-left: 0px; 
            margin-top: 20px;
        }
        .btn-collapse-div{
            padding-top: 10px; 
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .btn-collapse-div a {
            color: white !important; 
            margin-left: 0px; 
            border-radius: 18px;
            width: 110px;
            text-align: center;
            font-size: 14px;
        }
        .servicio_cliente_{
            margin-top: 15px !important;
        }
        .ruta-mobile{
            display: block;
            font-size: 10px;
             color: var(--graySilver);
        }

 
        

}   

   

   

    .resp-accordion-closed {
        display: none !important;
    }
    /*
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important; 
    }*/