input {
    height: 30px;
	margin-bottom: 5px;
	box-sizing: border-box;
    border : #6d6d66 2px solid;

}
.button_tipo_3 {
    width: 100%;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 30px;
}
.button_tipo_3 input {
    width: 15%;
    height: 40px;
    border : #6d6d66 1px solid;
    background-color:#a4cc42;
    color:#fff;
}
.label_3 {
    text-align: center;
    color: #000; 
    font-size: 14px;
}
.label_7 {
    text-align: center;
    color: #000; 
    font-size: 14px;
    padding-bottom: 10px;
}
.caja_1_seccion_1 {
    margin-left:10px;
    margin-right:10px;
}
.caja_1_seccion_2 {
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
}
.caja_1_seccion_2 img {
    cursor: pointer;
}

#contenedor_carro {
    width: 1200px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto
}

.contenido_carro {
    display: block;
    text-align: left;

    padding-bottom : 20px;
}
.contenido_carro_1 {
    width :100%;
    display:inline-flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;

}
.barra_separada {
    width: 100%;
    height: 2px;
    background-color: #a4cc42 ;
}
.contenido_compra_2 {
    width :100%;
    display:flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#barra_pasos {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#barra_pasos_2 {
    display: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.contenido_compra_caja_1 {
    width: 30%;
    display : flex;
}
.contenido_compra_caja_1_1 {
    width: 30%;
}
.contenido_compra_caja_2 {
    width: 20%;
}
.contenido_compra_caja_3 {
    width: 20%;
}
.contenido_compra_caja_4 {
    width: 15%;
}
.contenido_compra_caja_5 {
    width: 15%;
}
.contenido_compra_caja_1 img {
    width: 150px;
}
.contenido_compra_caja_1 div {
    text-align: left;
}
#contador_elementos  {
    display : inline-flex;
} 
.div1 input{
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border : #6d6d66 2px solid;
    border-radius: 4px;
    background-color:#a4cc42;
    color:#fff;
    text-align: center;
    
} 
.div2 input{
    width: 60px;
    height: 30px;
	box-sizing: border-box;
    border : #6d6d66 2px solid;
    border-radius: 4px;
    text-align: center;
}
.div3 input {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border : #6d6d66 2px solid;
    border-radius: 4px;
    background-color:#a4cc42;
    color:#fff;
    text-align: center;
}

@media screen and (max-width:1560px){
    #barra_pasos {
        width: 100%;
    }
    #contenedor_carro {
        width: 1100px;
    }

}
@media screen and (max-width:1400px){
    #img_pasos_1 {
        width: 850px;
    }
    .contenido_carro_1 {
        padding-right: 70px;
    }
    .contenido_compra_2 {
        padding-right: 70px;
    }

}

@media screen and (max-width:1250px){
  
    #contenedor_carro {
        width: 90%;
    }
    .contenido_carro {
        padding-left: 70px;
    }
  
    .button_tipo_3 input{
        width: 20%;
    }

}

@media screen and (max-width:1100px){
    .contenido_carro {
        padding-left: 50px;
    }
    .contenido_compra_caja_1 {
        display:block;
    }
    .caja_1_seccion_1 {
        padding-top: 15px;
    }
    .label_7 {
        padding-left: 0px;
    }
    #img_pasos_1 {
        width: 750px;
    }

}

@media screen and (max-width:900px){
    .contenido_carro {
        padding-left: 0px;
    }
    #contenedor_carro {
        width: 90%;
        padding-left: 0px;
    }
    #img_pasos_1 {
        width: 650px;
    }
    .button_tipo_3 input{
        width: 25%;
    } 
  
    
}
@media screen and (max-width:700px){

    #img_prod {
        width: 70%;
    }
    #img_pasos_1 {
        width: 500px;
    }
    .button_tipo_3 {
        text-align: center;
    }  
    .button_tipo_3 input {
        width: 35%;
    }  
 
    .label_3 {
        font-size: 14px;
    }
    .div1 input {
        width: 25px;
        height: 25px;
    } 
    .div2 input {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }
    .div3 input {
        width: 25px;
        height: 25px;
        font-size: 14px;
    } 

  
}
@media screen and (max-width:520px){ 

    .button_tipo_3 input {
        width: 45%;
    }  
    #img_pasos_1 {
        width: 400px;
    }

    .caja_1_seccion_1 {
        padding-top: 0px;
    }
   
    .label_3 {
        font-size: 14px;
    }

 
}

@media screen and (max-width:480px){
    .button_tipo_3 input {
        width: 55%;
    }  
    #barra_pasos {
        display:none;
    }
    #barra_pasos_2 {
        display: block;
    }
    #img_pasos_1 {
        width: 300px;
    }

  
}
@media screen and (max-width:420px){
    .button_tipo_3 input{
        width: 50%;
    }  
    .div1 input {
        width: 20px;
        height: 20px;
    } 
    .div2 input {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }
    .div3 input {
        width: 20px;
        height: 20px;
        font-size: 14px;
    } 


}
@media screen and (max-width:360px){
    .button_tipo_3 input{
        width: 50%;
    }  
    #img_pasos_1 {
        width: 250px;
    }
 
 
}
@media screen and (max-width:320px){
    #img_pasos_1 {
        width: 230px;
    } 
  
}