/* 
    Created on : 16/out/2017, 15:01:24
    Author     : takemedia
*/
.headheight{height: 85px;}
#pesquisamobile{border-radius: 20px;border:1px solid #000;height: 26px;padding: 0px 10px 3px 10px;background: #fff;width: 125px;}
#pesquisamobile:hover{background: #000;color:#fff}
#pesquisamobile:hover .search .sicon{color:#fff}
#pesquisamobile:hover::-webkit-input-placeholder {color:rgb(184, 177, 177) !important;}
#submitsearchmobile{background: transparent;position: absolute;top:0px;right: 0px;border:0px;z-index: 2;font-size: 8px;width: 19px;height: 23px;}
.onmobile{display: block}
.menu-toggle{display: block;}
.mobile{background-color: #000;padding: 10px 25px;top: 0px;left:0px;right: 0px;bottom:0px;position:fixed;display: none;z-index: 5;max-height: calc(100vh - 20px);overflow-y:auto;}
.mobile .menuiten{float: none;height: auto;margin: 10px 0px;padding: 0px 10px;}
#header .mobile .menuiten a{color:#fff;font-size: 14px;}
.mobile .submenu{position: relative;width: auto;}
.closemobile{display: block;border:1px solid #fff;width: 20px;height: 20px;text-align: center;color:#fff;;cursor:pointer;position: fixed;right: 7px;top:5px}
.mobile .prehead{background: none;margin-top: 20px;text-transform: uppercase;}
.mobile .menupre li{float: none;}
.mobile .prehead .pwidth{width: 100%;padding:0px;}
#header .mobile .prehead a{color:#858585}
.weekimage img{max-width: 175px;}
.footercolumn{min-width: 150px;margin-bottom: 20px;}
#footer{position: relative;height: auto;}
#documentcontent{padding-bottom: 0px;}
.destaquescatprincipal{display: none;}
.subcats{float: none;}
.prehead ul{float: left;}
.singlepimages img{width: 80%}
.withsub .downothers{display: block;}
.downothers{font-size: 11px;}
.filter .sliderfilter.ui-state-default, .filter .ui-widget-content .ui-state-default, .filter .ui-widget-header .ui-state-default, .filter .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{width: 18px !important;height: 18px !important;}
@media (max-width: 768px){
    .onmobilet{display: block;}
    #header{height:84px}
    #header .logo{font-size: 20px;padding: 12px 0px;}
    #header .loja{font-size: 18px;padding: 14px 0px;}
    #menu{float: none;}
    .icononmenu{margin: 13px 5px;}
    .destaquesweek{float: none;width: 100%;height: 340px !important;}
    .owl-carousel .owl-item .weekimage img{max-width: 100px;}
    .banner{float: none;width: 100%;}
    .destaques{float: none;width: 100%;}
    .footerpart{width:100%;margin-top: 20px;}
    .individual{width: 45%;margin: 20px 2.5%;}
    .individual:nth-child(3n-1){margin: 20px 2.5%;}
    .individual:nth-child(2n){margin: 20px 5% 20px 0px;}
    .individual:nth-child(2n+1){margin: 20px 0px 20px 5%;}
    .langs{margin-top: 17px;}
    .menu-toggle{margin: 13px 0px 8px 10px;}
    .searchmobile{display: block;width: 95%; margin: 0px auto 5px auto;position: relative;}
    .searchmobile #pesquisamobile{width: 85%;padding: 2px 3%;}
    #opensearch{display: none;}
    .filtros{float: none;width: 96%;padding: 15px 2%; margin-bottom: 25px;}
    .produtos{float: none;width: 95%;margin: 0 auto;}
    .allfilters{display: none;}
    .openfilter{display: block;position: relative;left:0px;}
    .filterextend{display: none;}
    .corfilter{display: inline-block;}
    .pickcolor{float: left;}
    .singlepdescription{width: 65%;}
    .othersproducts{float: none;clear: both;}
    .othersproducts .produto{float: left;}
    .mediatext{width: 95%;float: none;margin: 25px auto;}
    #mediagaleria{width: 95%;float: none;margin: 0px auto;}
    .leftdclient{width: 100%;float: none;}
    .rightdclient{width: 100%;float: none;}
    .menufooter{font-size: 16px;padding: 10px;}
    #fotterloja{border:0px;}
    .background{opacity: 0.5;}
    .category{transition: none;}
    .category:hover{transform: none;}
    .logosfooter{float: none;margin: 0 auto;width:240px;}
    .brevecontactos{float:none;text-align: center; margin: 20px 0;}
    .social{width: 225px;margin: 0px auto 20px auto;float:none;}
    .carthead{display: none;}
    #showpagecart .productcart{position: relative;}
    #showpagecart .cartcolo1 .onmobilet{font-size: 16px}
    #showpagecart .onmobilet{font-family: 'source_sans_probold';font-size: 14px;margin-top: 10px;}
    .cartcolo1{float: none;width: 96%;clear: both;}
    #showpagecart .cartcolo2{float: none;width: 96%;display: block;clear: both;padding:10px 2%;text-align: left;min-height: auto;}
    #showpagecart .cartcolo2 .onmobilet{margin-bottom: 5px;}
    #showpagecart .cartcolo3{float: none;width: 96%;display: block;clear: both;padding:10px 2%;text-align: left;position: unset;min-height: auto;}
    #showpagecart .totalprod{padding-top: 0px;font-size: 18px;}
    .pageleft{float: none;width: 100%;}
    .pageright{float: none;width:100%;}
    .contactsc{float: none;width:90%;margin-bottom: 20px;}
    .infocontancts{width: 48%;margin: 0 1%;}
    .horariocontancts{width: 48%;}
    .backcover{display: none;}
    .storagehright{width:auto; margin:0px;padding:15px 10px;float: none;clear: both;}
    .singlestorehead .storagehright{width:110px;text-align: right;}
    .hideontablet{display:none;}
    .listchild{margin: 0px;}
    .storelocation .childcat{padding: 7px;margin: 0px 10px 10px 0px;}
    .storagehright .itensppage{display: inline-block;margin-right: 20px;margin-bottom: 10px;}
    .storagehright .comiva{display: inline-block;margin-right: 20px;margin-bottom: 10px;}
    .storagehright .orderby{display: inline-block;margin:0;margin-right: 20px;margin-bottom: 10px;}
}

@media (max-width: 450px){
    .pwidth{padding: 0 15px;}
    .individual{float: none;width: 100%;margin: 20px 0px;}
    .individual:nth-child(3n-1){margin: 20px 0px;}
    .individual:nth-child(2n){margin: 20px 0px;}
    .individual:nth-child(2n+1){margin: 20px 0px;}
    .dataclient input{width: 90%;}
    .singlepimages{width: 50%;margin: 0 auto;float: none;}
    .storagehright div{margin-bottom: 5px;}
    .iconarea{float: none;width: 100%;margin-bottom: 60px;}
    .singlepdescription{width: 100%;}
    .produto{float: none;margin: 10px auto}
    #loginbox{position: fixed;left:0;right:0;bottom: 0;width:auto;top:47px;}
}
