/* MOBILE */
@media screen and (max-width:1280px) {
    .rsArrow.rsArrowLeft {
        left: 240px;
    }
    .rsArrow.rsArrowRight {
        right: 240px;
    }
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 360px;
    }
}
@media screen and (max-width:1024px) {
    #menu li img {
        margin-right: 20px;
        margin-left: 20px;
    }
    #menu li  {
        margin:0 auto;
        float: left;
        margin-right: 10px;
    }
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 300px;
    }
    .rsArrow.rsArrowLeft {
        left: 110px;
    }
    .rsArrow.rsArrowRight {
        right: 110px;
    }
    #full-width-slider3_mobile{
        display: block;
    }
    #full-width-slider3{
        display: none;
    }
    #full-width-slider4_mobile{
        display: block;
    }
    div#full-width-slider3_mobile {
        width: 290px !important;
    }
    #full-width-slider4{
        display: none;
    }
    .servicos .servicos_garantia {
        width: 100%;
        float: left;
        margin-top: 90px;
        text-align: center;
    }
    .servicos .servicos_instag {
        width: 100%;
        float: left;
        margin-top: 90px;
        text-align: center;
    }
}
@media screen and (max-width:960px) {
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 295px;
    }
    .rsArrow.rsArrowLeft {
        left: 110px;
    }
    .rsArrow.rsArrowRight {
        right: 110px;
    }
    .footer_content{
        width: 80%;
    }
    .footer_content_left {
        width: 50%;
    }
    .footer_content_right {
        width: 50%;
    }
    /*    .footer_content {
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
        }*/
    .produto1 {
        max-width: 900px;
        margin: 0 auto;
        float: none;
        margin-bottom: 5px;
        box-sizing: border-box;
    }
    .produto1 img {
        margin-left: 15px;
    }
    .produto2 {
        max-width: 900px;
        margin: 0 auto;
        float: none;
        margin-bottom: 5px;
        box-sizing: border-box;
    }
    .produto2 img {
        margin-right: 15px;
    }
    .principios {
        margin-right: 20px;
    }
}
@media screen and (max-width:800px) {
    .hackbanner {
        height: 270px;
    }
    #menu { 
        display: none;
    }
    #menumobile {
        display: block;	
        width: 90%;
    }	
    #menumobile li a, #menumobile li {
        display: block;
        text-decoration: none;
        color: #3b3b3b;
        font-size:12px;
        font-family: 'Hero', sans-serif;
        /*height: 15px;*/
        text-transform: uppercase;
        /*padding-top: 2px;*/
        padding: 20px 0;
    }
    #menumobile li {
        /*height: 25px;*/
    }
    #menumobile li a {
        font-size: 12px;
        font-family: 'Hero', sans-serif;
        text-decoration: none;
    }
    #menumobile li {
        display: none;
    }
    #menumobile li {
        text-align: center;
        padding: 5px;
    }
    #menumobile li.first {
        display: block;
        background: #e30613;

    }
    #menumobile li.first a {
        color: #FFF !important;
        font-family: 'Hero', sans-serif;
        font-size: 12px;
    }
    #menumobile li a:hover {
        color: #e30613;		
    }
    #menumobile {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-top: 0; 
        padding-bottom: 0; 
    }
    .header{
        background-color: rgba(255,255,255,.8);
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }

    .new_logo {
        margin: 80px auto 60px auto;
        width: fit-content;
    }
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 292px;
    }
    .rsArrow.rsArrowLeft {
        left: 110px;
    }
    .rsArrow.rsArrowRight {
        right: 110px;
    }
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 150px;
    }
    .produto1 {
        max-width: 95%;
    }
    .produto1 p {
        margin-right: 20px;
    }
    .produto1 img {
        margin-left: 15px;
        width: 20%;
    }
    .produto2 {
        max-width: 95%;
    }
    .produto2 p {
        margin-left: 20px;
    }
    .produto2 img {
        margin-right: 15px;
        width: 20%;
    }
    .footer_content {
        max-width: 90% !important;
    }
    .principios {
        width: 40%;
        margin-right: 20px;
    }
}
@media screen and (max-width:780px) {
    .principios {
        width: 92%;
    }
}
@media screen and (max-width:768px) {
    /* INDEX MOBILE */
    div#full-width-slider4_mobile .rsArrow.rsArrowLeft {
        left: -50px;
    }
    body {
        min-width: 100%;	
    }
    .topo_geral {
        height: auto;	
    }
    .topo {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #geral_logo {
        float: none;
        margin: 0 auto;	

    }

    .conteudo_geral{
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
        padding: 0;	
    }
    .conteudo_centralizado {
        width: 90%;
        min-width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .bem_vindos{
        float:none;
        width: 100%;
        margin: 0 auto;
    }	
    .bem_vindos h2{
        float:none;
        width: 90%;
        margin: 0 auto;
        text-align:center;
        line-height: 30px;
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .bem_vindos p{
        width: 90%;
        text-align:center;
        display:block;
        float:none;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .bt_mais{
        float:none;
        margin: 0 auto !important;
        clear: both;
        margin-bottom: 20px !important;;
    }
    .saiba{
        float:none;
    }

    .bt_lojas{
        display:none;
    }

    .estrutura_lojas{
        float:none;
        width: 90%;
        margin: 0 auto;
    }

    .lojas_dipoly{
        float:none;
        width: 90%;

    }

    .bloco_destaques{
        float:none;
        height: auto;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    /*    .zero {
            margin-bottom: 20px !important;	
        }*/
    .zero {
        margin-bottom: 20px !important;
        float: left !important;
    }
    .blocos_destaques_interna{
        float:none;
        width: 100%;
        margin: 0 auto;
        overflow:hidden;
    }

    .blocos_destaques_interna h2, .blocos_destaques_interna p{
        float:none;
        width: 90%;
        margin: 0 auto;
        text-align:center !important;
        margin-bottom: 20px;

    }

    .img_destaques{
        float:none;
        width: 98%;
        height:auto;
    }
    .img_destaques img{
        display: block !important;
        width: 100% !important;
    }
    #img_selo_dipoly {
        width: 100px;
        height: 88px;
    }

    /* INSTAGRAM MOBILE */

    .fotos_instragram{
        /*width: 100%;	
        height: auto;
        margin-top: 80px;*/
        display: none;
    }

    .insta_esquerda{
        width: 100%;	
        height: auto;
        overflow: hidden;
        float:none;
        margin: 0 auto;
    }
    .bloco_instagram {
        height: auto;
        overflow: hidden;
    }

    .img_insta{
        float:none;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .insta_esquerda {
        float: none;
        margin: 0 auto;
        width: 100%;
        padding-top: 50px;
        height: auto;
    }

    .insta_esquerda p {
        text-align:center;
    }

    .email{
        text-align:center;
        float:none;
    }

    .tit_insta {
        width: 141px;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

    /* RODAPE MOBILE */

    .rodape_geral{
        width: 100%;
        height:auto;
    }

    .tit_rodape{
        text-align:center;
    }
    .tit_rodape span{
        text-align:center;
    }

    .enderecos{
        width:100%;
        height:auto;
        margin: 0 auto;
        float:none;
    }
    .larga{
        width: 100%;
    }

    address{
        width:100%;
        height:auto;
        margin: 0 auto;
        float:none;
        text-align:center !important;
        overflow:hidden;
        margin-bottom: 25px;
    }
    address strong{
        text-align:center !important;
    }

    .mapa{
        text-align:center;
    }

    .redes_sociais{
        width: 100%;
        height:auto;
        float:none;
        overflow:hidden;
        margin: 0 auto;
    }

    .tt_redes_sociais{
        text-align:center;
        margin-left: 0;
    }

    #facebook{
        margin-left: 0;
        float: left;
        width: 114px;
        margin-top: 0;
    }

    #instagran{
        float:none;
        float: right;
        width: 88px;
        margin-left: 0;

    }
    #topo_site{
        margin-left: 60px;
    }

    #fullscreen{
        margin-right: 60px;
    }

    .direitos{
        float:none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 30px;
        clear: both;
        text-align: center;
        padding-top: 40px;
    }
    .wsete{
        float:none;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #banner {
        height: auto;
    }
    #slider_instagram {
        display: block;	
        width: 148px;
        height: 148px;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 42px;
    }
    #slider_instagram 
    #slider_instagram .rsArrow {
        display: block;
        width: 13px;
        height: 19px;
        background-image: url(../imagens/inicial/setas-instagram.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 128px;
    }
    #slider_instagram .rsArrowIcn { 
        display: block;
        width: 13px;
        height: 19px;
    }
    #slider_instagram .rsArrowLeft {
        background-position: 0 0;
        display: block;
        width: 13px;
        height: 19px;
        left: -20px;
    }
    #slider_instagram .rsArrowRight {
        background-position: -14px 0;
        display: block;
        width: 13px;
        height: 19px;
        left: 153px;
    }
    .footer {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 100%;
    }
    .produto1 img {
        margin-left: 10px;
        width: 20%;
    }
    .produto1 p {
        margin-right: 10px;
    }
    .produto2 img {
        margin-right: 10px;
        width: 20%;
    }
    .produto2 p {
        margin-left: 10px;
    }
    .produto1 {
        width: 100%;
        max-width: 285px;
        height: 495px;
        background: url('../imagens/inicial/produtos/linh1mobile.jpg');
        margin-bottom: 20px;
    }
    .produto1 img {
        /*margin-left: 10px;*/
        width: 100%;
        max-width: 195px;
        float: none;
        margin: 0 auto;
    }
    .produto1 p {
        /*margin-left: 10px;*/
        width: 100%;
        max-width: 90%;
        float: none;
        margin: 0 auto;
        letter-spacing: 1px;
        line-height: 25px;
        font-family: 'kalinga_0', sans-serif;
        font-size: 12.03px;
    }
    .produto2 {
        width: 100%;
        max-width: 285px;
        height: 495px;
        background: url('../imagens/inicial/produtos/linh2mobile.jpg');
    }
    .produto2 img {
        /*margin-left: 10px;*/
        width: 100%;
        max-width: 195px;
        float: none;
        margin: 0 auto;
    }
    .produto2 p {
        /*margin-left: 10px;*/
        width: 100%;
        max-width: 90%;
        float: none;
        margin: 0 auto;
        letter-spacing: 1px;
        line-height: 25px;
        font-family: 'kalinga_0', sans-serif;
        font-size: 12.03px;
    }
    .produtos_bg{
        float: left !important;
        height: auto;
    }
    .footer_content{
        width: 90%;
    }
}
@media screen and (max-width:600px) {
    .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight {
        top: 110px;
    }
    div#full-width-slider4_mobile .rsArrow.rsArrowLeft, div#full-width-slider4_mobile .rsArrow.rsArrowRight {
        top: 225px;
    }
    div#full-width-slider4_mobile .rsArrow.rsArrowLeft {
        left: 160px;
    }
    div#full-width-slider4_mobile .rsArrow.rsArrowRight {
        right: 160px;
    }
    div#full-width-slider4_mobile {
        height: 260px !important;
    }
    .servicos p {
        width: 90%;
    }
    .slide4_item {
        width: 140px;
        float: left;
        margin-right: -5px;
        margin-left: 25px;
    }
    div#full-width-slider4_mobile {
        width: 90% !important;
    }
    .footer_content_left {
        width: 45% !important;
    }
    .footer_content_right {
        width: 45%;
    }
    div#full-width-slider3_mobile .rsArrow.rsArrowLeft, div#full-width-slider3_mobile .rsArrow.rsArrowRight {
        top: 195px;
    }
    div#full-width-slider3_mobile .rsArrow.rsArrowLeft {
        /*left: 130px;*/
        left: 0px;
    }
    div#full-width-slider3_mobile .rsArrow.rsArrowRight {
        right: 0px;
    }
    .footer {
        background: url(../imagens/bg/footerbg.jpg) center bottom no-repeat;
        background-size: 315%; 
    }
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 375px) {
    .footer {
        background: url(../imagens/bg/footer_bg_mobile.jpg) center bottom no-repeat;
        background-size: 100%;
    }
    .footer_content_right {
        width: 100% !important;
    }
    .footer_content_left {
        width: 100% !important;
        margin-bottom: 0;
    }
    .garantiaimg{
        width: 100%;
        max-width: 280px;
    }
    .wsete {
        width: 20px;
    }
    .lightwidget-widget{
        width: 90% !important;
    }
    #full-width-slider4_mobile{
        display: none;
    }
    #full-width-slider4_mobile320{
        display: block;
        width: 190px !important;
        margin: 0 auto;
        margin-top: 40px;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowLeft, div#full-width-slider4_mobile320 .rsArrow.rsArrowRight {
        top: 225px;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowLeft {
        left: 5px;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowRight {
        right: 5px;
    }
    div#full-width-slider4_mobile320 {
        height: 260px !important;
    }
    .servicos .servicos_garantia {
        margin-top: 15px;
    }
    .facebook {
        margin-left: 80px;
    }
    .interna p {
        margin-top: 40px;
    }
    .zero {
        margin-right: 31px !important;
    }
    /*    .principios {
            margin-left: 10px;
            height: auto;
        }*/
    .servicos .servicos_instag {
        margin-top: 0px;
    }
    .lojas_bg {
        height: 365px;
        background: #1d1d1b url(../imagens/inicial/bgmobile_loja.jpg) center center no-repeat;
        background-size: 100%;
    }
    #full-width-slider{
        display: none;
    }
    #full-width-slider_mobile{
        display: block;
        width: 100%;
    }

    #full-width-slider_mobile .rsArrow.rsArrowRight {
        right: 60px;
    }
    #full-width-slider_mobile .rsArrow.rsArrowLeft {
        left: 60px;
    }
    #full-width-slider_mobile .rsArrow.rsArrowLeft,#full-width-slider_mobile .rsArrow.rsArrowRight {
        top: 675px;
        background-image: url('../imagens/inicial/setinha_baner_mobile.png');
    }
    .titulo {
        margin-bottom: 0;
    }
    .principios {
        width: 92%;
        margin-left: -20px;
    }
    .zero {
        margin-left: auto !important;
    }
}

@media screen and (max-width:360px) {
    .zero {
        margin-right: 21px !important;
    }
}
@media screen and (max-width:330px) {
    #full-width-slider_mobile .rsArrow.rsArrowLeft,#full-width-slider_mobile .rsArrow.rsArrowRight {
        top: 595px;
        background-image: url('../imagens/inicial/setinha_baner_mobile.png');
    }
    #full-width-slider4_mobile{
        display: none;
    }
    #full-width-slider4_mobile320{
        display: block;
        width: 190px !important;
        margin: 0 auto;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowLeft, div#full-width-slider4_mobile320 .rsArrow.rsArrowRight {
        top: 225px;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowLeft {
        left: 5px;
    }
    div#full-width-slider4_mobile320 .rsArrow.rsArrowRight {
        right: 5px;
    }
    div#full-width-slider4_mobile320 {
        height: 260px !important;
    }
    #full-width-slider{
        display: none;
    }
    #full-width-slider_mobile{
        display: block;
        width: 100%;
    }

    #full-width-slider_mobile .rsArrow.rsArrowRight {
        right: 60px;
    }
    #full-width-slider_mobile .rsArrow.rsArrowLeft {
        left: 60px;
    }
    div#full-width-slider3_mobile {
        width: 280px !important;
        height: 200px !important;
        top: 90px;
        margin: 0 auto !important;
    }
    div#full-width-slider3_mobile .rsArrow.rsArrowLeft {
        left: 50px;
    }
    div#full-width-slider3_mobile .rsArrow.rsArrowRight {
        right: 50px;
    }
    .servicos .servicos_instag img{
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 280px;
    }
    .servicos .servicos_instag img.insticon{
        width: 100%;
        max-width: 182px;
    }
    .garantiaimg{
        width: 100%;
        max-width: 280px;
    }
    .footer {
        background: url(../imagens/bg/footer_bg_mobile.jpg) center bottom no-repeat;
    }
    .footer_content_right {
        width: 100% !important;
    }
    .footer_content_left {
        width: 100% !important;
    }
    .wsete {
        width: 20px;
    }
    .produto1 img, .produto2 img {
        margin: 10px auto;
        padding-top: 30px;
    }
    .servicos p {
        width: 90%;
        margin-bottom: 30px;
    }
    .apresentacao span{
        letter-spacing: -2px;
    }
    /*    .principios {
            margin-left: -1px;
        }*/
    .zero {
        margin-right: 5px !important;
    }

}