.elbody{
    /*height: 100vh;*/
    /*display: flex;*/
    justify-content: center;
    align-items: center;  
    padding-bottom: 2rem;
   }
   
   .CartContainer{
     width: 95%;
     height: 90%;
     padding: 2.5rem;
     background-color: #ffffff;
      border-radius: 5px;
     box-shadow: 0px 2px 5px #adb0b3;
     border-top: 1px solid #e2e2e2;
     border-right: 1px solid #e2e2e2;
     border-left: 1px solid #e2e2e2;


   }
   
   .Header{
     margin: auto;
     width: 90%;
     height: 15%;
     display: flex;
     justify-content: space-between;
     align-items: center;     
     background-color: #909090;
     padding: 10px ;
     border-top: 5px;
     border-radius: 5px;
   }
   
   .Heading{
     font-size: 20px;
     font-family: 'Open Sans';
     font-weight: 400;
     color: #ffffff;
   }
   
   .Action{
     font-size: 14px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #E44C4C;
     cursor: pointer;
     border-bottom: 1px solid #E44C4C;
   }
   
   .Cart-Items{
     margin: auto;
     width: 90%;
     /*height: 30%;*/
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   .image-box{
     /*width: 15%;*/
     text-align: center;
   }
   .about{
     /*height: 100%;*/
     /*width: 35%;*/
   }
   .title{
     padding-top: 10px;
     line-height: 10px ;
     font-size: 25px ;
     /*font-family: 'Open Sans';*/
     font-weight: 700;
     color: #495057;
   }
   .subtitle{
     line-height: 10px;
     font-size: 18px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #909090;
   }

   @media(min-width:160px){
    .title{     
      font-size: 15px !important;   
      line-height: 15px !important;  
    }
       
}

@media(min-width:576px){
  .title{     
    font-size: 16px !important ;   
    line-height: 15px !important;
  }

}

@media(min-width:768px){
  .title{     
    font-size: 20px !important ;   
    line-height: 25px !important;
  }
}
   
   .counter{
     /*width: 15%;*/
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   .btn-mi-carrito{
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #d9d9d9;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 20px;
     font-family: 'Open Sans';
     font-weight: 900;
     color: #202020;
     cursor: pointer;
   }
   .count{
     font-size: 20px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #202020;
   }
   
   .prices{
     /*height: 100%;*/
     text-align: right;
   }
   .amount{
     /* padding-top: 20px; */
     font-size: 26px;
     font-family: 'Open Sans';
     font-weight: 800;
     color: #3f3d3d;
   }
   .save{
     padding-top: 5px;
     font-size: 14px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #1687d9;
     cursor: pointer;
   }
   .remove {
     
     font-size: 16px;
     font-family: 'Open Sans';
     font-weight: 600;
     /* color: #E44C4C; */
     cursor: pointer;
   }
   
   .remove a{
     font-family: 'Open Sans';
     font-weight: 600;
     color: #E44C4C;
     cursor: pointer;
   }
   
   .pad{
     margin-top: 5px;
   }
   
   hr{
     width: 66%;
     float: right;
     margin-right: 5%;
   }
   .checkout{
     float: right;
     margin-right: 5%;
     /* width: 28%; */
   }
   .total{
     width: 100%;
     display: flex;
     justify-content: space-between;
   }
   .Subtotal{
     font-size: 22px;
     font-family: 'Open Sans';
     font-weight: 700;
     color: #202020;
   }
   .items{
     font-size: 16px;
     font-family: 'Open Sans';
     font-weight: 500;
     color: #909090;
     line-height: 10px;
   }
   .total-amount{
     font-size: 36px;
     font-family: 'Open Sans';
     font-weight: 900;
     color: #202020;
   }
   .button{
     margin-top: 10px;
     width: 100%;
     height: 40px;
     border: none;
     /* background: linear-gradient(to bottom right, #86b4bb,#00c1de); */
     background-color:#231F20;
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #fff;
   }
   
   .button-2{
     margin-top: 1rem;
     width: 100%;
     height: 40px;
     border: none;
     /* background: linear-gradient(to bottom right, #86b4bb,#00c1de); */
     background-color: #052754 ;  
     cursor: pointer;
     font-size: 16px;
     font-family: 'Open Sans';
     font-weight: 600;
     color: #fff;
     border-radius: 5px;
   }

   .button-2:hover, .button:hover{
     color: white !important;
     font-weight: bold;
}
   
   .rayita{
       border-bottom: 1px solid #d8d8d8;
       /* box-shadow: 0px 2px 5px #495057; */
   }

   .cuentas{
     padding-top: 1rem;
   }
   
   .ctas-trans{
    font-size: 13px;
   }


   /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .elbody{ 
    padding-left: 0px;
    padding-right: 0px;
  
   }
   #detalles-pedido{
    padding-left: 0;
    padding-right: 0;

  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .elbody{ 
    padding-left: 0px;
    padding-right: 0px;
   }
   #detalles-pedido{
    padding-left: 0;
    padding-right: 0;

  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .elbody{
    padding-left: 0px;
    padding-right: 0px;
   }
   #detalles-pedido{
     padding-left: 0;
     padding-right: 0;

   }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .elbody{  
    padding-left: 30px;
    padding-right: 30px;
    
   }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .elbody{  
    padding-left: 30px;
    padding-right: 30px;
    
   }
}


.cta-h1{
    text-transform: uppercase;
	color: #9fa4a9;
	font-weight: 300;
    font-size: 20px !important;
}


.form-control{
    border-radius: 10px !important;
}

.tit-pagos{
    font-size: 18px;
    font-weight: 400;
    color: #3f3d3d;
    text-transform: uppercase;
}