#flipkart-navbar, #mySidenav {display: none;}


@media (min-width:1100px){
  .megamenu>li.columnaLI{
  width: 16% !important;
  float: left !important;
  }
  .megamenu>li>a{
  font-weight: bold;
  }
  
  .megamenu> li > ul > li {
  width: 100%;
  }
  }
  
  @media (max-width:500px){

    #txt_tellme_mail_F {

      width: 100% !important;
      }
    #btn_mail_save {
      width: 100% !important;
      }
  .megamenu>li{
  width: 100% !important;
  float: initial !important;
  }
  .megamenu>li>a{
  padding-top:10px !important;
  padding-top:10px !important;
  }
  .banner_four_sections {
  margin-top: 10px !important;
  padding-left: 15px;
  padding-right: 15px;
  }
  .megamenu .rmm-back {
  
  background-color: #0a5694;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  }
  .megamenu>li>a {
  line-height: 50px !important;
  }
  .megamenu>li {
  margin-bottom:0px !important;
  }
  .megamenu.derecha-arrow {
  position:relative;
  top: 19px;
  }
  }
  


@media (min-width: 1024px) and (max-width: 1200px){
  #mySidenav {max-width: 30%;}

 }
@media (max-width: 1200px) and (min-width: 769px){
    .carticon {top: 15px !important;}
}

@media (max-width: 1200px){
  

.dom-content-footer .suscrib .form-group .form-control {
width: 75% !important;
}
.usericon{
/*display: flex;
align-items: center;
justify-content: flex-end;*/

}

.dom-content-footer .footer-list strong a {
font-size: 95% !important;
}

.menu_cuenta{ margin-left: 0px !important; }
.contacto-info p *,.contacto-info p { color:#000 !important; }
.contacto-info{
padding-left: 20px;
background-color: #f2f2f2;
padding-top: 20px;
padding-bottom: 20px;
}
.logo_menu_movil{
width: 150px;
margin: auto;
display: block;
margin-top: 10%;

}

#flipkart-navbar #spnCartQty{

font-size: 14px !important; position: absolute; left: auto !important; top: -6px; background: rgb(252, 25, 0); border-radius: 100%; height: 22px; width: 22px; text-align: center; color: #fff !important; line-height: 22px;

}

.sidenav .closebtn{ 
text-decoration: none !important;
margin: auto;
font-size: 38px;
position: relative;
right: -7px;


 }

.cerrar-menu {

line-height: 50px;

}

.search {
position: absolute;
top: 50%;
-webkit-transform: translateX(-20%) translateY(-50%);
transform: translateX(-0%) translateY(-50%);
/*z-index: 999999 !important;*/
z-index: 1000 !important;
left: -5px;
}

.search__wrapper {
position: relative;
}

.search * {
outline: none;
box-sizing: border-box;
}

.search__field {
width: 50px;
height: 50px;
color: transparent;
font-family: Lato, sans-serif;
font-size: 1.35em;
padding: 0.35em 50px 0.35em 0;
border: 1px solid transparent;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.search__icon {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
width: 50px;
height: 50px;
font-size: 1.35em;
text-align: center;
border-color: transparent;
border-radius: 50%;
pointer-events: none;
display: inline-block;
transition: background-color 0.2s ease-in-out;
}

.search__field:focus ~ .search__icon {
background-color: transparent;
cursor: pointer;
pointer-events: auto;
}

.search__field:focus {
  width: 87vw;
  color: #2b2b2b;
  cursor: default;
  padding-left: 10px;
  margin-right: 15px;
}
.search__icon{

  color: #333 !important;
font-size: 24px !important;
}


.dom-content-header{ display: none !important; }

#flipkart-navbar, #mySidenav  {
/*display: block !important;*/

}
    
.navbar-nav .open .dropdown-menu {
width: 200px;
position: absolute;
right: auto;
background-color: #fff;
left: -170px;
top: 30px;
}
.menu{

font-size: 35px;
position: relative;
top: 0px;

}

}


@media(max-width: 768px){
.catgfilter .col-xs-18 {
width: 100%;
position: inherit !important;
bottom: 0px !important;
}
footer #header-section4 *{
text-align: center !important;
}

.carticon{
  top: 0px !important;
}
footer #header-section3>#contenido-box>div {
min-height: auto !important;
}

#social_icon{ display: none; }
.dom-content-footer .footer-list strong {

  margin: 0px !important;

  }
  .dom-content-footer .footer-list .nav-footer{
    margin-top: 20px;
    }

.dom-content-footer .footer-list strong a {
text-align: left;
}

.dom-content-footer .footer-list strong {
    background-image: url(https://resources-sami3.s3.us-west-1.amazonaws.com/sami3-prod/altamar-ceramics.moradahome.pe/images/icons/flecha_derecha.png);
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: right;
}


.dom-content-footer .footer-list.mostrar strong {
  background-image: url(https://resources-sami3.s3.us-west-1.amazonaws.com/sami3-prod/altamar-ceramics.moradahome.pe/images/icons/flecha_abajo.png);
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: right;
  }
.dom-content-footer .footer-list {
margin: 0px 0px 0px 0px !important;
}


.menu_cuenta{
    margin: 0;
}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: transparent !important;
}
.icon_mi_cuenta{ padding: 0px !important; }

.menu_cuenta .navbar-nav>li>a {
padding-top: 0px !important;
padding-bottom: 10px !important;
line-height: 20px !important;
}

.menu_cuenta .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: transparent !important;
border: 0px !important;
}

.rmm .rmm-current{
    animation-duration: .5s;
  animation-name: slidein;
}

.rmm ul ul li{
    animation-duration: .5s;
    animation-name: slidenav;
    overflow: hidden;

}

@keyframes slidein {
  from {
    width: 0%
  }

  to {
    width: 100%;
  }
}

@keyframes slidenav {
  from {
        transform: translateX(-70%);
  }

  to {
      transform: translateX(0%);
  }
}