* {box-sizing: border-box;}
   
.mc-bg{background-color: white;}
.mc-color{color: black;}
      .searchBar{
        border:0px;
        width: 100%;
        height: 2.55em;
        /*border-radius: 0px;*/
        -webkit-appearance: none;
       /* -webkit-border-radius:0px;*/
       border-radius: 0px 25px 25px 0px; 
        text-align: left;
        padding-left: 15px;
      }
      .browser-default:focus{
        border-color: transparent!important;
         webkit-box-shadow: 2px 3px 10px -3px rgba(0,0,0,0.77)!important;
    -moz-box-shadow: 2px 3px 10px -3px rgba(0,0,0,0.77)!important;
    box-shadow: 2px 3px 10px -3px rgba(0,0,0,0.77)!important;
      }
        .ordenar:focus{box-shadow: none!important;
         webkit-box-shadow:none!important;
    -moz-box-shadow: none!important;}
    .searchBar:focus{outline: none!important;}
    .col-search{display: inline-block;float: left;}
    .icon-chevron{margin-bottom:2px;display:inline-block;width: 15px; height: 15px;margin-left: 5px;background-image: url(../images/chevron.svg);background-size: 15px;}
    .icon-chevron:hover{width: 15px; height: 15px;background-size:15px;background-image: url(../images/chevron-red.svg);}
    .nav-link:hover > b > .icon-chevron{width: 15px; height: 15px;background-size:15px;background-image: url(../images/chevron-red.svg);}
    #car-responsive{color: rgba(255,255,255,.5); margin-right: 20px;}
    #car-responsive:hover{color: #c4302b!important;}
    #Artículos{color: white;font-family: 'ralewayregular';}
    #Artículos:hover{color: #c4302b!important;}
    #Artículos:hover > #Articulosp{color: #c4302b!important;}
    #Articulosp{color: white;font-size: 1rem;font-family: 'ralewayregular';}
    #Articulosp:hover{color: #c4302b!important;}
    .active>a>#Articulosp{color: #c4302b!important;}
    .cart-icon{display:inline-block!important;width: 22px; height: 22px;margin-right:5px;margin-left: 5px;background-image: url(../images/supermarket.svg);background-size: 22px;background-repeat: no-repeat;}
    .cart-icon:hover{width: 22px; height: 22px;background-size:22px;background-image: url(../images/supermarket-red.svg);}
    .nav-link:hover > .cart-icon{width: 22px; height: 22px;background-size:22px;background-image: url(../images/supermarket-red.svg);}
    .no-padding{padding-left:0px!important;padding-right: 0px!important;}
    .index-z{z-index: 2000;}
    .top-1{margin-top:1%;}
    .cart-icon:hover~.top-bar-qty{color: #c4302b!important;}
    .top-bar-qty:hover~.cart-icon{width: 22px; height: 22px;background-size:22px;background-image: url(../images/supermarket-red.svg)!important;}
    .active>.nav-link>.cart-icon{width: 22px; height: 22px;background-size:22px;background-image: url(../images/supermarket-red.svg);}
    .border-account{border-radius: 25px!important;border: 1px solid #FFF;}
    .border-account:hover{border-radius: 25px!important;border: 1px solid #c4302b;}
    .border-account:hover >b {color: #c4302b!important;}
    .bg-black{background-color: #000;border-bottom:1px solid #FFF;}
      .searchButton{
        color: var(--top-bar-nav_search-btn-color);
        background-color: var(--top-bar-nav_search-btn);
        width: 40px;    
        height: 2.2em;
        border: 0px; 
        border-bottom-right-radius: 5px; 
        border-top-right-radius: 5px;
        cursor: pointer;
      }

      .searchButton:hover{
        background-color: var(--btn-menu-hover);
      }

      .center{
        display: flex; 
        float left;
        align-items: center;
        justify-content: center; 
        height: 100%;
        padding: 0px 0;
      }

      .notList{
        list-style-type:none; 
        height: 25px; 
        width: 30%; 
        display: flex; 
        justify-content: space-around;
        word-wrap: break-word
      }

      ul li a{
        color:white;
      }

      .divLogo{
        width:33%;
      }

      .divSearch{
        width:67%;
      }

      .divAccount{
        width:33%;
      }

      .carrito{
        background-color: var(--btn-menu);
      }

      .carrito:hover{
        background-color: var(--btn-menu-hover);
      }
      @media screen and (max-width: 1057px){
        .mc-bg{background-color: black!important;}
        .mc-color{color: white!important;}
      }
      @media only screen and (max-width: 950px) {

        /*MUEVE EL LOGO A UN LUGAR MEJOR PARA MÓVILES*/
        .mobileLogo{
          margin-top: 57px;
          margin-left: 90px;
        }
        .top-1{margin-top: 3%;}
        /*AJUSTA LA DISTRIBUCIÓN DEL ANCHO DE LOS DIV PARA MÓVILES*/
        .divLogo{
          width:2%;
        }

        .divSearch{
          width:96%;
        }

        .divAccount{
          width:2%;
          display:none;
        }
      }
@media screen and (max-width: 500px) {    .top-1{margin-top: 5%;}}
@media screen and (max-width: 430px){.top-1{margin-top: 1.3%!important;padding: 0px 5px!important;}}