/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15/jun/2015, 10:16:03 Author : José-pc */ @media only screen and (max-width: 1600px) { #content_body .banner_home #banner_selector li .details{left: 0;} } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 1125px) { #content_body .banner_home #banner_selector li img{ width: auto; height: auto; } #conversor #tab_manager_conversor{ width: 100%; } #content-body{margin-left: 10px; margin-right: 10px;} #content_body .destaques1{margin:15px 0;} #content_body .destaques1 .wrapper {width: 100%;padding:0 15px;float:left;} #content_body .destaques1 .wrapper a:first-child div{padding-left:15px;} #content_body .destaques1 .wrapper a:first-child div .title{margin-top:10px;margin-bottom:20px;} #content_body .destaques1 .wrapper a:first-child div .text{margin-top: 50px;} #content_body .destaques2 .wrapper{width: 100%;padding:15px;float:left;} #content_body .destaques2{height: auto;} #content_body .destaques2 .wrapper .conversor .button {margin-bottom: 15px;position:relative;clear:left;float: left;bottom:initial;left:initial;margin-top:30px;} #content_body .destaques2 .wrapper .configurador .button{margin-bottom: 15px;position:relative;clear:left;float: left;bottom:initial;left:initial;margin-top:30px;} #content_body .destaques2 .wrapper .noticias .button {margin-bottom: 15px;position:relative;clear:left;float: left;bottom:initial;left:initial;margin-top:30px;} #content_body .destaques2 .wrapper .noticias, #content_body .destaques2 .wrapper .conversor, #content_body .destaques2 .wrapper .configurador{margin-right:0;} #content_body .destaques3 .wrapper { width: 100%; padding: 15px;float:left;} #content_body .destaques2 .wrapper .noticias .title{margin-top:12px;} #content_body .destaques2 .wrapper .conversor .title{margin-top:12px} #content_body .destaques3 .wrapper div{width: 100%;padding-left:15px;} #content_body .destaques2 .wrapper div.catalogo{margin-top:0;} #content_body .destaques2 .wrapper .catalogo .button{position: relative;} #content_body .destaques2 .wrapper .catalogo .title_exc{margin-top: 10px;} #content_body .destaques_final .wrapper .right a {margin-bottom: 15px;border-bottom:2px solid transparent;} #content_body .destaques_final{margin-top:0;} #content_body .destaques2 .wrapper .configurador .title_exc{margin-top: 10px;} #content_body .caminho{padding:0 15px;} /*troca para o botao do menu*/ .logo{width: 156px; height: 28px; margin-left: 15px;} #header {margin-bottom: 0;} #header .content_header{width: 100%; height: 89px; position: relative;} #header .content_header .page_options{display: none;} #header .content_header .wrapper{padding:0 15px;float: left;max-width:none;} #header .content_header .wrapper .menu_principal{display: none;} #header .content_header .wrapper #mobile_menu_icon{display: block;float: right;margin-top: 33px;width:26px;height:24px;} #header .content_header .wrapper #mobile_menu_icon a{display: block;float: left;width:100%;height:100%;position:relative;} #header .content_header .wrapper #mobile_menu_icon a::after{content:" ";position:absolute;top:-5px;right:-5px;width:100%;height:100%;} #header .content_header .wrapper #mobile_menu_icon a img{display: block;float:right;width:16px;height:14px;} #header .content_header .wrapper .logo{margin-left: 0;} #content_body .destaques1 .wrapper div{width: 50%;} #content_body .destaques1 .wrapper a:not(:first-child) div{background-size:100% auto;} #content_body .destaques2 .wrapper div{width: 100%;height: auto;margin:0 0 15px 0;background-position: center;padding-left:15px;} #content_body .destaques2 .wrapper div:last-child{margin-bottom:0;} #content_body .destaques_final .wrapper .left p{margin-bottom:30px;margin-left:30px;margin-top:30px;} #content_body .destaques_final .wrapper .right p{margin-top:0;} #content_body .parceiros .wrapper .title{margin-left: 30px;} .article_info .title{font-size: 20px;} .article_info .subtitle{font-size: 40px;} .article_info .summary_text, .article_info .text_older p{font-size: 13px;line-height: 20px;} #about_us #content_body .wrapper{width: 748px; margin: 0 auto;} #footer{padding-left: 30px;} /*Sobre nos*/ #about_us .right {float: left; width: 100%;} #about_us .wrapper{padding:0 15px;} #about_us .right .contactos .info{display: block; float: left; width: 250px;} #about_us .right .contactos .mapa{display: block; float: left;width: 100%;} #about_us .right .contactos .mapa img{margin: 0; width: 100%; height: auto;} #about_us .right .produtos .holder{margin-top: 24px;width: 33%;display: block;float: left; padding: 10px;} #about_us .right .produtos .holder img{width: 100%; height: auto;} #about_us .right .produtos .holder .prod_description{font-size: 13px;} #about_us .right .contactos .holder{position: relative;} #about_us .right .contactos .holder .info{position: absolute; top: 0; left: 0; padding: 30px;background-color: #fff;z-index: 999;} #about_us .right .contactos .mapa #map-canvas{height: 400px !important;} #about_us .left .galeria .gal_container{overflow:hidden;} #about_us .left .galeria .gal_container img{width:100%;height:auto;} /*Contactos*/ #contacts .holder_both .right{float: left; clear: left;width: 100%;} #contacts #content_body .wrapper .holder_both{display: block; float: left; clear: left;width: 100%;} #contacts .holder_both .right .contact_holder{display: block; float: left; width: 33%;} #contacts #content_body{padding-left: 15px; padding-right: 15px;} #contacts #content_body .map_holder img{width: 100%;height: auto;} /*Detalhe de produto*/ #content_body_product_detail .wrapper{width: 100%; padding: 0 15px 0 15px;} #content_body_product_detail .right{float: left; clear: left; width: 100%;margin-bottom: 15px;} #content_body_product_detail .right .config_controls .layout-slider{width: 33.3%; display: block; float: left;margin-bottom: 35px;} #content_body_product_detail .left{width: 100%;} #content_body_product_detail .right .search_prod{width: 100%;} #content_body_product_detail .right .configurador_principal_ref .btn{width: 100%;margin-bottom:15px;} #content_body_product_detail .right .related_products ul li{width: 25%;display: block; float: left;margin-left: 8%;} #content_body_product_detail .right .related_products ul li:first-child{margin-left: 0;} #content_body_product_detail .right .related_products ul li:last-child{border-bottom: 1px solid #EEE;} #content_body_product_detail .left .img_holder{width: 100%;} #content_body_product_detail .left .img_holder img{width: 100%;height: auto;} #content_body_product_detail .left .info_holder{width: 100%;} #content_body_product_detail .left .info_holder .caracteristicas{width: 45%;} #content_body_product_detail .left .info_holder .aplicacoes_principais{width: 30%;} #content_body_product_detail .left .info_holder .servicos_associados{width: 25%;} #content_body_product_detail .left .info_holder .caracteristicas .description{max-width: 90%;} #content_body_product_detail #tab_manager .tabs ul{width: 100%;} #content_body_product_detail #tab_manager .tabs ul li{padding: 14px 6%;} /*Listagem de produtos*/ #product_list .wrapper{max-width: 100%;} #product_list .wrapper .all_listagem{max-width: 100%;} #product_list .wrapper .listagem{width: 100%;} #product_list .wrapper .listagem .wrapper{width: 839px;} #product_list .wrapper .listagem .wrapper{padding: 10px;max-width: 100%;} #product_list .wrapper .caminho{margin-left: 15px;} /*Noticias*/ #noticias .wrapper{padding: 0 15px;max-width: 100%;} #noticias .wrapper .right{width: 100%;} #noticias .right .content_related .holder{width: 50%;display: block;float: left;} #noticias .right .content_related .holder:first-child{padding-right: 15px;} #noticias .right .catalogo{display: block;float: left;width: 100%;} #noticias .right .title{font-size: 16px;} #noticias .right .content_related .holder .content_title{font-size: 16px; line-height: 20px;} #noticias .right .content_related .holder .content_description{font-size: 13px; line-height: 20px;} #noticias .right .line{font-size: 13px;} #noticias .right .contactos .holder{position: relative;} #noticias .right .contactos .holder .info{position: absolute; top: 0; left: 0; padding: 30px;background-color: #fff;z-index: 999;} #noticias .right .contactos .mapa #map-canvas{height: 400px !important;} #noticias .wrapper .left{width: 100%;} #noticias .wrapper .left .noticia_principal{width: 100%;} #noticias .wrapper .left .noticia_principal .news_img_container{width: 50%; padding-right: 15px;margin-right:0;} #noticias .wrapper .left .noticia_principal .news_img_container img{width: 100%; height: auto;} #noticias .wrapper .left .noticia_principal .news_data_container{max-width: 50%;} #noticias .wrapper .left .noticia_nivel2{width: 50%;} #noticias .wrapper .left .noticia_nivel2 .news_img_container{width: 100%;margin:0;height:300px;overflow: hidden;margin-bottom:10px;} #noticias .wrapper .left .noticia_nivel2 .news_img_container img{width: 100%;height: auto;} #noticias .wrapper .left .noticia_nivel2 .news_data_container .resumo {height:260px;overflow:hidden;} #noticias .wrapper .left .noticia_principal .news_data_container .data {margin-top: -5px;} #noticias .wrapper .left .noticia_principal .news_data_container .titulo {font-size:30px;line-height: 30px;} #noticias .wrapper .left .noticia_nivel2:nth-child(odd){float: left; padding-right: 7.5px;} /*impar*/ #noticias .wrapper .left .noticia_nivel2:nth-child(even){float: right;padding-left: 7.5px;} /*par*/ #noticias .wrapper .left .outras_noticias{width: 50%;} #noticias .wrapper .left .outras_noticias:nth-child(odd){float: left; padding-right: 7.5px;} /*impar*/ #noticias .wrapper .left .outras_noticias:nth-child(even){float: right;padding-left: 7.5px;} /*par*/ #noticias .right .content_related .holder{width: 33.3%;padding-right: 35px; margin-top: 0;} #noticias .right .catalogo{width: 33.3%;} #noticias .right .catalogo img{max-width: 100%;} /* Detalhe Noticias */ #noticia_detalhe .info_holder .data {font-size:13px;line-height:15px;margin-top:15px;} #noticia_detalhe .info_holder .title_of_txt {font-size:25px;line-height:25px;} #noticia_detalhe .info_holder .destaque {font-size:13px;line-height:16px;margin-bottom:0;} #noticia_detalhe .info_holder .text p {font-size:13px;line-height:16px;margin:15px 0;} #noticia_detalhe .lista_produtos .lista_title {font-size:16px;line-height:18px;} #noticia_detalhe .galeria{margin-bottom:20px;width:100%;} #noticia_detalhe .lista_produtos{margin-bottom:20px;} #noticia_detalhe .relacionados .seccion_title, #noticia_detalhe .right .title {font-size:16px;line-height:18px;} #noticia_detalhe .relacionados a .rel_line .rel_title {font-size:16px;line-height:18px;} #noticia_detalhe .relacionados a .rel_line .rel_text {font-size:13px;line-height:16px;} #noticia_detalhe .lista_produtos ul li a, #noticia_detalhe .lista_produtos ul li:last-child a{font-size:13px;line-height:45px;} #noticias .info_holder .data {font-size:13px;line-height:15px;margin-top:15px;} #noticias .info_holder .title_of_txt {font-size:25px;line-height:25px;} #noticias .info_holder .destaque {font-size:13px;line-height:16px;margin-bottom:0;} #noticias .info_holder .text p {font-size:13px;line-height:16px;margin:15px 0;} #noticias .lista_produtos .lista_title {font-size:16px;line-height:18px;} #noticias .galeria{margin-bottom:20px;width:100%;} #noticias .lista_produtos{margin-bottom:20px;} #noticias .relacionados .seccion_title, #noticia_detalhe .right .title {font-size:16px;line-height:18px;} #noticias .relacionados a .rel_line .rel_title {font-size:16px;line-height:18px;} #noticias .relacionados a .rel_line .rel_text {font-size:13px;line-height:16px;} #noticias .lista_produtos ul li a, #noticia_detalhe .lista_produtos ul li:last-child a{font-size:13px;line-height:45px;} /*Pesquisa*/ #pesquisa .wrapper{padding: 0 15px;max-width: 100%;} #pesquisa .wrapper .right{width: 100%;} #pesquisa .right .content_related .holder{width: 50%;display: block;float: left;} #pesquisa .right .content_related .holder:first-child{padding-right: 15px;} #pesquisa .right .catalogo{display: block;float: left;width: 100%;} #pesquisa .right .title{font-size: 16px;} #pesquisa .right .subtitle{font-size: 16px;} #pesquisa .right .content_related .holder .content_title{font-size: 16px; line-height: 20px;} #pesquisa .right .content_related .holder .content_description{font-size: 13px; line-height: 20px;} #pesquisa .right .line{font-size: 13px;} #pesquisa .right .contactos .holder{position: relative;} #pesquisa .right .contactos .holder .info{position: absolute; top: 0; left: 0; padding: 30px;background-color: #fff;z-index: 999;} #pesquisa .right .contactos .mapa #map-canvas{height: 400px !important;} #pesquisa .wrapper .left{width: 100%;} #pesquisa .wrapper .left .pesquisa_container{width: 50%;} #pesquisa .wrapper .left .pesquisa_container:nth-child(odd){float: left; padding-right: 7.5px;} /*impar*/ #pesquisa .wrapper .left .pesquisa_container:nth-child(even){float: right;padding-left: 7.5px;} /*par*/ #pesquisa .right .content_related .holder{width: 33.3%;padding-right: 35px; margin-top: 0;} #pesquisa .right .catalogo{width: 33.3%;} #pesquisa .right .catalogo img{max-width: 100%;} /*INSTITUCIONAL*/ #institucional .wrapper{padding: 0 15px;max-width: 100%;} #institucional .wrapper .left{width: 100%;} #institucional .wrapper .right{width: 100%;} #institucional .right .contactos .holder .mapa #map-canvas{height: 400px !important;} #institucional .right .content_related .holder{width: 50%;display: block;float: left;margin-bottom: 15px;} #institucional .right .content_related .holder:first-child{padding-right: 15px;} #institucional .right .catalogo{display: block;float: left;width: 100%;} #institucional .right .title{font-size: 16px;} #institucional .right .content_related .holder .content_title{font-size: 16px; line-height: 20px;} #institucional .right .content_related .holder .content_description{font-size: 13px; line-height: 20px;} #institucional .right .line{font-size: 13px;} #institucional .right .contactos .holder{position: relative;} #institucional .right .contactos .holder .info{position: absolute; top: 0; left: 0; padding: 30px;background-color: #fff;} #institucional .right .contactos .mapa iframe{height: 300px;} #institucional .right .content_related .holder{width: 33.3%;padding-right: 35px; margin-top: 0;} #institucional .right .catalogo{width: 33.3%;} #institucional .right .catalogo img{max-width: 100%;} #institucional .right .contactos .mapa iframe{width: 100%;} #conversor .wrapper{max-width: 100%; padding: 15px;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs{width: 100%;} #conversor #tab_manager_conversor .body .calculo_peso_tab .image_config{width: 100%;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .material{width: 33%;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .densidade{width: 33%;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .perfil{width: 33%;margin: 0;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .material .input_limiter{width: 100%;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .quantidade{padding-left: 8px;margin-top: 30px;} #conversor #tab_manager_conversor .body .calculo_peso_tab .inputs .preco{padding-right: 0;margin-top: 30px;} #conversor #tab_manager_conversor .body .calculo_peso_tab .image_config .img_holder{clear: left;} #conversor #tab_manager_conversor .body .calculo_peso_tab .image_config{padding-left: 0;margin-top: 30px;} #conversor #tab_manager_conversor #tab2 .main_holder .table_holder{width: 100%;} #conversor #tab_manager_conversor #tab2 .main_holder .table_holder:nth-child(3) > div.subtitles_holder{border-top: 1px solid #D5DADB;} /******APLICACOES E SERVICOS***********/ #aplicacoes_servicos .wrapper{padding: 0 15px;max-width: 100%;} #aplicacoes_servicos .wrapper .left{width: 100%;} #aplicacoes_servicos .wrapper .right{width: 100%;} #aplicacoes_servicos .lista_produtos ul li{display: inline-block; width: 50%;} #aplicacoes_servicos .lista_produtos ul li:last-child{width: 100%;} #aplicacoes_servicos .right .contactos .holder{position: relative;} #aplicacoes_servicos .right .contactos .holder .info{position: relative; padding: 0;background-color: #fff;z-index: 999;} #aplicacoes_servicos .right .contactos .mapa #map-canvas{height: 400px !important;} #aplicacoes_servicos .info_holder{width: 100%;} #aplicacoes_servicos .info_holder .text_and_image .text{width: 100%;} #aplicacoes_servicos .info_holder .youtube_video iframe{width: 100%;} #aplicacoes_servicos .info_holder .text_and_image .text p:first-child{width: 100%;} #aplicacoes_servicos .info_holder .text_and_image .image{display: none;} #aplicacoes_servicos .info_holder .text_and_image .text #img_mobile{display: block; float: left;width: 50%; height: auto;padding: 0 15px 15px 0;} #aplicacoes_servicos .info_holder .text_and_image .text p:nth-child(3){width: 50%;display: block; float: left;margin-top: 0px;} #aplicacoes_servicos .info_holder .text_and_image .text p:nth-child(n+4){width: 100%;} /********DETALHES DE NOTICIAS************/ #noticia_detalhe .wrapper{padding: 0 15px;max-width: 100%;} #noticia_detalhe .wrapper .left{width: 100%;} #noticia_detalhe .info_holder{width: 100%;} #noticia_detalhe .wrapper .right{width: 100%;} #noticia_detalhe .lista_produtos ul li{display: block; width:100%;} #noticia_detalhe .lista_produtos ul li:last-child{width: 100%;} #noticia_detalhe .right .contactos .holder{position: relative;} #noticia_detalhe .right .contactos .holder .info{position: absolute; top: 0; left: 0; padding: 30px;background-color: #fff;z-index: 999;} #noticia_detalhe .right .contactos .mapa #map-canvas{height: 400px !important;} /**************Tabela de resultados do configurador*************************/ #configurador_principal .wrapper{padding: 0 15px;} #configurador_principal .campos_seleccionaveis .controllers_holder .layout-slider{width: 50%;} #configurador_principal .campos_base > div{width: 50%;margin-bottom: 15px;} #configurador_principal .campos_base .dureza ul li{display: inline-block;} #configurador_principal .campos_base .dureza ul li:not(:first-child){margin-left: 45px;} #configurador_principal .search_results .products_list ul li a div{width: 142px; height: 142px;} #configurador_principal .compare_table{display: none} #configurador_principal .compare_table_mobile{display: block; float: left;width: 100%;} #configurador_principal .compare_table_mobile .title_holder .title{font-family: "DIN-Medium";font-size: 16px; line-height: 16px; color: #008dc5;margin-bottom: 10px;} #configurador_principal .compare_table_mobile .title_holder .warning_note{font-family: "DIN-Medium";font-size: 13px; line-height: 16px; color: #53656e;margin-bottom: 13px;} #configurador_principal .compare_table_mobile .comparison_holder{display: block; float: left;margin-bottom: 15px;} #configurador_principal .compare_table_mobile .comparison_holder .comparison{display: block; float: left;width: 288px; border: 1px solid #ececec;margin-bottom: 15px;margin-right: 15px;} #configurador_principal .compare_table_mobile .comparison_holder .comparison .box_header{display: block; float: left;height: 48px; width: 100%;padding: 17px 14px;border-bottom: 1px solid #ececec;background-color: #f2f9fc;position: relative;} #configurador_principal .compare_table_mobile .comparison_holder .comparison .box_header span.titulo{display: block; float: left;font-family: "DIN-Bold";font-size: 15px; line-height: 16px; color: #008dc5;max-width: 230px;} #configurador_principal .compare_table_mobile .comparison_holder .comparison .box_header.grey span.titulo{display: block; float: left;font-family: "DIN-Bold";font-size: 14px; line-height: 16px; color: #008dc5;max-width: 230px; text-transform: uppercase;color: #ababab;} #configurador_principal .compare_table_mobile .comparison_holder .comparison .box_header span.setinha{background: url(../images/configurador_results_arrow.png) no-repeat center center;width: 13px; height: 7px;background-position: 0 0;position: absolute;right: 19px;top: 23px;} #configurador_principal .compare_table_mobile .comparison_holder .comparison .box_header span.open:after{content: ""; display: inline-block;background: url(../images/configurador_results_arrow.png) no-repeat center center;width: 13px; height: 7px;background-position: 0 -7px;margin-left: 24px;} #configurador_principal .compare_table_mobile .comparison_holder .list_of_caracteristics{display: none; float: left; padding: 0 14px;} #configurador_principal .compare_table_mobile .comparison_holder .list_of_caracteristics.open{display: block;} #configurador_principal .compare_table_mobile .comparison_holder .list_of_caracteristics ul{display: block; float: left; list-style: none; padding: 0;margin: 0;} #configurador_principal .compare_table_mobile .comparison_holder .list_of_caracteristics ul li{display: block; float: left; font-family: "DIN-Regular";font-size: 13px; line-height: 40px; color: #53656e;width: 100%;} #configurador_principal .compare_table_mobile .comparison_holder .list_of_caracteristics ul li:not(:last-child){border-bottom: 1px solid #eaeced;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison{display: block; float: left;width: 100%;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul{display: block; float: left;list-style: none;padding: 5px 14px 14px 14px;margin: 0;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li{display: block; float: left;padding: 14px 0;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li:not(:last-child){border-bottom: 1px solid #ececec;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .product_name{font-family: "DIN-Medium";font-size: 13px; line-height: normal; color: #53656e;max-width: 115px;min-width: 115px;text-transform: uppercase;display: inline-block;vertical-align: middle;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .percent_holder{width: 99px; height: 20px; position: relative;display: inline-block;vertical-align: middle;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .percent_holder .grey{position: absolute;width: 100%; height: 20px; z-index: 1;background-color: #e7e7e7} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .percent_holder .blue{position: absolute;width: 0; height: 20px; z-index: 2;background-color: #008dc5} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .percent_holder .mask{position: absolute;background-image: url("../images/barrinha.png");background-repeat:no-repeat;background-position: 0 0;display: block; width: 100%; height: 20px; z-index: 3;} #configurador_principal .compare_table_mobile .comparison_holder .product_comparison ul li .value{font-family: "DIN-Medium";font-size: 15px; line-height: 16px; color: #008dc5;display: inline-block;vertical-align: middle;} #configurador_principal .campos_seleccionaveis{margin: 0;} #configurador_principal .bottom_options .left{width: 100%;} #configurador_principal .bottom_options .left a{width: 100%; color: #fff; background-color: #008dc5;} #configurador_principal .bottom_options .right p{max-width: 140px;line-height: normal;} #configurador_principal .bottom_options .right{float: left;} /***************************************************************************/ #contacts .wrapper{ padding: 0 15px; } #contacts .holder_both{ float: left; display: block; width: 100%; } #contacts .holder_both .left{ width: 100%; } #content_body .destaques3{ height: auto; } #content_body .banner_home #banner_selector li .details{ left: 15px; } #content_body .banner_home #banner_selector li .details p{ font-size: 26px; line-height: 32px; } #contacts .holder_both .right.ct-hide{ display: none; } #contacts .holder_both .left .right.ct-show{ display: block; } } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 930px) { #content_body_product_detail .right .config_controls .layout-slider{width: 50%;} #content_body_product_detail #tab_manager .tabs ul li{padding: 14px 4%;} } @media only screen and (max-width: 850px){ #product_list .wrapper .listagem .wrapper{width: 570px;} }