@media (max-width: 1360px){
.buscador input{ width: 400px;}

}
@media (max-width: 1000px){
    .header > div{ padding:0 25px;}
    .header img{ width: 120px; padding:20px 10px;}
    .buscador input{ width: 250px;}
}
@media (max-width: 800px){
    .header > div{ padding:0 5px; font-size:14px;}
    .header img{ width: 100px; padding:20px 5px;}
    .buscador input{ width: 150px;}
}
@media (max-width: 600px){
.header{ width: 100%; display:flex; justify-content: space-around; align-items: center; }
.header > div{padding:10px 10px;}
.header img{ width: 60px; padding:0px;}
.micuenta > p{ display:inline-block; margin:0px 10px; position: relative;}
.micuenta > span{font-size:14px;}
.buscador input{ width:90%; height: 30px;}
.buscador i{ font-size:18px;}
.buscador i:hover{ color:white;}

.buscador{ width: 100%; background: rgb(61, 61, 60); border-radius:5px;  padding:2px 2px; position:relative; margin-left: 5px;}
.buscador input{ width: 100%; display:block; height: 28px; border:none; border-radius:5px 0 0 5px; padding:11px 0 11px 10px;}
.buscador i{ font-size:18px; color:rgba(0, 0, 0, 0.548); padding:2px 5px 0px 10px; position:absolute; top:50%; transform: translateY(-50%); right: 0;}


.ocul600{display:none;}
.nav{display:none;}
.nav li{font-size:14px; background: red;}
.ubica svg{width: 20px; height: 23px;}
.ubica{ margin-left:0px; cursor:pointer; position:relative; font-size:14px;}
.ubica > svg{ padding-bottom: 5px; margin-right: 5px;}
.resfiltr{display:block;}
.iniseccion .onefril{ position:fixed; bottom: 0; left: 0; width: 100%; background: rgb(2, 2, 2); color:rgba(0, 0, 0, 0.993); padding-bottom:15px; z-index: 1; padding:0 0 20px 20px;  display:none;}
.iniseccion .onefril h3{ height: 32px; color:rgb(255,224,1); display:flex; align-items: center; padding:10px 10px 0 10px; font-size:20px; border-bottom: 1px solid rgba(248, 244, 4, 0.171);}
.iniseccion .onefril h4{ color:rgba(255, 255, 255, 0.883); padding:10px 10px 10px 10px; font-size:16px;}
.iniseccion .onefril p{ color:rgba(255, 255, 255, 0.883); padding:5px 0px 5px 15px; font-size:16px; cursor:pointer;}

.iniseccion .twoprodc{ width: 100%; margin-top:30px; }
.iniseccion .twoprodc > div.selprod{ display:flex; flex-wrap: wrap; justify-content: space-around; padding: 10px 0px;}
.iniseccion .twoprodc > div.selprod > span{ width: 150px; height: auto; margin:10px 5px;}
.iniseccion .twoprodc > div.selprod > span > div{width: 150px; height:150px;}
.iniseccion .twoprodc > div.selprod > span > span{ color:red; font-size:14px; display:block; padding-left:10px; margin:5px 0 5px;}
.iniseccion .twoprodc > div.selprod > span > p{ color:rgba(0, 0, 0, 0.616); font-size:12px; text-align: center;}
.stylbtncart{ background: rgb(168,207,69); border:none; border-radius:5px; padding:0; color:white; font-weight: 600; cursor:pointer; margin-top:5px; width: 100px; height: 30px; margin-left:50%; transform: translateX(-50%); font-size:12px;}
.phonres{display:inline-block;}
/* ======================================== */
.proalnive{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; display:none;}
.proalnive > div.cerrarpro{ width: 5%;}
.proalnive > div.sessdat > div.cerrarpro{ height: 5%;}
.proalnive > div.sessdat > div.infoacti{ width: 100%; height: 90%; position: relative; padding-bottom: 20px; overflow: auto;}
.proalnive > div.sessdat > div.infoacti > h3{ padding:10px 10px 15px; border-bottom:1px solid rgba(0, 0, 0, 0.123); margin-bottom:10px; color:rgba(0, 0, 0, 0.616); overflow: hidden; font-size:16px;}
.proalnive > div.sessdat > div.infoacti > div{ display:flex; flex-direction:column; flex-wrap: wrap; padding:0 15px; }
.proalnive > div.sessdat > div.infoacti > div .imgen{width: 100%;}

.proalnive > div.sessdat > div.infoacti > div .restoinfo{ width: 100%; margin-left: 0%;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo > h5{ color:rgba(0, 0, 0, 0.637); font-size:12px; margin-bottom:10px; margin-top:15px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo p{ font-size:12px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .preciour{ font-size:14px; margin-bottom:10px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur{ width: 230px; display:flex; margin-bottom:20px; position:relative; align-items: center;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur span.uni{width: 20px; height: 20px;  border-radius:50%; background: rgb(240,240,240); cursor:pointer; font-size:18px; display:flex; justify-content: center; align-items: center;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo button.btnanadirce{ margin-top:10px;  width: 130px; height: 30px; font-size:14px; }
.proalnive > div.sessdat > div.infoacti > div .restoinfo p.enviour{font-size:12px;}
.infoacti > i{ position:absolute; top:5px; right: 5px; font-size:22px; color:red; cursor:pointer;}
/* ============================================== */

.vispedio > div.cerrarpro{ width: 1%;}
.vispedio > div.sessdat > div.mepaite{ width: 100%; height: 100%; padding: 20px 1px;}
.vispedio > div.sessdat > div.mepaite > i{ right: 10px; font-size:20px;}
.vispedio > div.sessdat > div.mepaite > div{ padding:0 5px; }
.vispedio > div.sessdat > div.mepaite > div h4{margin-bottom:15px; font-size:16px;}
.vispedio > div.sessdat > div.mepaite > div > div > div{width: 100%; padding:5px 1px; display:flex; justify-content: space-around;}
.vispedio > div.sessdat > div.mepaite > div > div > div.titprin{ margin-bottom:5px;}
.vispedio > div.sessdat > div.mepaite > div > div span{font-size:12px; height: 17px; overflow: hidden;}
.vispedio > div.sessdat > div.mepaite > p button{ margin:5px 0 0px; font-size:14px; }
/* ================================================== */

.perfil > div{ width: 100%; margin:50px auto 0; padding: 20px 5px; border-radius:0px; }
.perfil > div > div > h4{margin-bottom:10px; font-size:15px;}
.perfil > div > div > h3{ margin-bottom:10px; font-size:15px;}
.perfil > div > div > h3 > button{ font-size: 11px; }
.perfil > div > div > h3 > button > span{ font-size: 9px;}
.perfil > div > div > div.b > div > input{ margin-top:4px; padding:3px 5px; font-size: 12px;}
.perfil > div > div > div.b > div > select{ margin-top:4px; padding:3px 5px; font-size: 12px;}
.perfil > div > div > div.b > div > span input.a{ padding:3px 5px; font-size: 12px; }
.perfil > div > div > div.b > div > span input.b{ padding:3px 5px; font-size: 12px;}
.perfil > div > p button{padding:5px 10px; border:none; font-size:13px;}


/* ====================================================== */
.metopago > div.cerrarpro{ width: 2%; height: 100%;}

.metopago > div.sessdat > div.mepaite{ width: 100%; height: 100%; padding: 20px 10px; background: white; border-radius:10px; position:relative;}
.metopago > div.sessdat > div.mepaite > i{ top:5px; right: 5px; font-size:20px;}
.metopago > div.sessdat > div.mepaite > div{ display:flex; flex-direction:column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 5px; }
.metopago > div.sessdat > div.mepaite > div h4{margin-bottom:15px; font-size:14px;}
.metopago > div.sessdat > div.mepaite > div > div{ flex-direction:column; }
.metopago > div.sessdat > div.mepaite > div > div > div{ display:inline-block; width: 100%; height: 150px; margin:5px 0%; display:flex; padding:10px; font-size:12px;}
.metopago > div.sessdat > div.mepaite > div > div > div h5{ text-align: center; margin-bottom:7px; font-size:14px;}
.metopago > div.sessdat > div.mepaite > p{ text-align: center; margin-top:10px;}
.metopago > div.sessdat > div.mepaite > p button{padding:5px 12px; margin:10px 0 0px; font-size:14px;}




/* ============================================================= */

.fathproduc{ width: 100%; height: 75%; }
.panelcart img.logo{ width: 50%; margin-bottom:20px;}
.produlleno{ padding: 10px 0; }
.produlleno > i{font-size: 14px;}
.produlleno > div img{ width: 50px; height: 50px; }
.resumencom{ width: 100%; height: auto; padding:5px 0 25px;}
.resumencom > h6{ font-size:18px; color:rgba(0, 0, 0, 0.746); margin-bottom: 3px;}
.resumencom > p{ display:flex; justify-content: space-between; padding:3px 0; font-size:14px;}
.resumencom > p.tota{ margin-top:5px; }
.resumencom > p.tota span:nth-child(2){ font-size:16px;}
.resumencom > button{ padding:5px 0; margin-top:10px; font-size:14px;}
/* ==================================================================== */
.perfilpr > div.cerrarpro{ display:none;}
.perfilpr > div.sessdat > div.cerrarpro{ width: 100%; height: 5%;}
.perfilpr > div.sessdat > div.baperfi{padding: 20px 0px; overflow: auto;}
.perfilpr > div.sessdat > div.baperfi > i{ top:10px; right: 15px; font-size:20px;}
.perfilpr > div.sessdat > div.baperfi .imgpgot{ width: 70px; height: 70px; top:12px;}
.perfilpr > div.sessdat > div.baperfi .imgpgot > i{ font-size:45px;}
.perfilpr > div.sessdat > div.baperfi .imgrefer{ width: 80px; top:12px; left:7px; font-size:12px; }
.perfilpr > div.sessdat > div.baperfi .imgrefer img{width: 45px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor{ margin-top:80px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor i{margin-right: 10px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor select{border:none; width: 150px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); text-align: center; padding:3px 5px; background: rgb(232,232,232); border-radius:10px; box-shadow: 0 0 2px 0 rgba(5, 5, 5, 0.349);}
.perfilpr > div.sessdat > div.baperfi .datper{ width: 100%; display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top:10px; }
.perfilpr > div.sessdat > div.baperfi .datper i{ font-size: 16px;}
.perfilpr > div.sessdat > div.baperfi .datper label{width: 80%; margin:2px 0; display:flex; position:relative;}
.perfilpr > div.sessdat > div.baperfi .datper label input{ font-size:12px;}
.perfilpr > div.sessdat > div.baperfi .datper label span.ojo{ font-size:16px;}
.perfilpr > div.sessdat > div.baperfi .datper label span.ur-eye-disabled{display:none;}
.perfilpr > div.sessdat > div.baperfi .datper label span.usua{ font-size:12px; overflow: hidden;}
.perfilpr > div.sessdat > div.baperfi > span{ margin-top:10px; font-size:14px; font-weight: 600;}
.perfilpr > div.sessdat > div.baperfi > p{ margin-top:7px;}
.perfilpr > div.sessdat > div.baperfi > p button{padding:5px 10px; margin:5px 10px 0px; font-size:14px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; }
.perfilpr > div.sessdat > div.baperfi .referidoo{padding:5px 10px; font-size:12px;}
.perfilpr > div.sessdat > div.baperfi .referidoo label{ display:block; margin-top:5px;}
.perfilpr > div.sessdat > div.baperfi .referidoo label i{margin-right: 3px; font-size:16px;}
.perfilpr > div.sessdat > div.baperfi .referidoo label button{ margin: 0px 0 0 5px; padding:3px 10px; font-size:13px;}


}

@media (max-width: 400px){ 
    .perfil > div.sessdat > div.seperfil > div input{padding:5px 10px; width:200px;}
    .perfil > div.sessdat > div.seperfil > div select{padding:5px 10px; width: 200px;}
}