@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@media only screen and (max-width: 1140px) {
    .lang-inline.afterresp{
        position: fixed;
        left: 0;
        top: 20px;
        z-index: 9999;
        display: block;
        list-style: none;
        padding-left: 15px;
        margin: 0;
    }
    #menu_container {
        display: none;
    }
    #logo{
        width: 100%;
    }
    .tagline{
        display: none;
        width: 100%;
        text-align: center;

    }
    .moduletable,
    .moduletable p
    .moduletable a{
        width: 100%;
        text-align: center;
        display: block;
    }
    .tagline.afterresp{
        display: block;
    }
    .clearfix.afterresp{
        display: block;
    }

    #logo .moduletable a,
    #logo .moduletable img{

        margin: 0;
    }
    #logo .moduletable a{

        width: 100%;
    }
    #logo_container{
        height: 140px;
        background: #fff;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
    }

    #logo_img{
        position: absolute;
        right: 0;
        margin-right: 50px !important;
        margin-top: 10px !important;
        width:146px;
        height: 52px;
    }

    #menu_mob.afterresp{
        display: block;
        position: absolute;
        left: 0;
        margin-left: 50px !important;
        margin-top: -10px !important;
        width:56px;
        height: 56px;
        cursor: pointer;
    }

    #link_tt{
        margin-top: 50px !important;
    }
    #home_content{
        width: 100%;
    }
    #home_content img{
        margin-left: 5%;
        margin-top: 140px;
    }
    #content{
        width: 100%;
        margin: 0;

    }
    #footer_container{
        display: none;
    }

    .menu_mob_hide{
        display: block;
        position: fixed;
        z-index: 1001;
        left: -300px;
        width: 300px;
        background: #000;
        height: 100%;
        top: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        padding-top: 35px;
    }
    .menu_mob_hide .nav.menu{
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }
    .menu_mob_hide .nav.menu li a{
        font-size: 21px;
    }

    .menu_mob_hide .nav.menu li{
        text-align: left;
        float: left;
        margin: 0;
        padding: 10px 40px 10px 20px;
        width: 240px;
        border-bottom: 1px solid #a1a1a1;
    }
    .menu_mob_hide .nav.menu li.isub{
        background: url(../imagens/m_arrow.png) 94% 20px no-repeat;
    }
    .menu_mob_hide .nav.menu li a .line2,
    .menu_mob_hide .nav.menu li a .line1{
        top: 0;
        padding: 0;
        margin: 0;
    }

    .menu_mob_hide .nav.menu li:hover span{
        background: none;
    }
    .menu_mob_hide .nav.menu li:hover .line1{
        color: #fff;
    }
    .menu_mob_hide .nav.menu .nav-child{
        position: relative;
        width: 200px;
        text-align: left;
        padding-top: 10px;
    }
    .menu_mob_hide .nav.menu .nav-child li{
        width: 200px;
        padding: 0;
        border: 0;
    }
    .menu_mob_hide .nav.menu .nav-child li a{
        text-align: left;
        width: 200px;
        font-size: 14px;
        text-transform: lowercase;
    }
    .menu_mob_hide .nav.menu .nav-child li:hover span{
        background: none;
    }
    .menu_mob_hide .nav.menu .nav-child li:hover .line1{
        color: #fff;
    }

    body{
        background-position: -220px -300px !important;
        height: auto;
    }
    .title1, .title2{
        font-size: 35px;
    }
    .title2{
        line-height: 34px;
        top: -10px;
    }
    .block3{
        margin-left: 0px;
    }
    .item-page{
        padding-top: 140px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .block1{
        margin-left: 0;
        padding-left: 0px;
    }
    .objectivo-sustentabilidade .block1{
        margin-left: 0;
        padding-left: 0px;
    }
    div.nn_tabs_container>div.nn_tabs_content{
        padding: 0 !important;
    }
    .image_menu{
        padding: 0;
        margin: 0;
    }

    #main_right{
        display: none;
    }
    .clipping #main_area{
        width: 695px;
        margin: auto;
    }
    .clipping #main_area #main_content .item-page{
        padding: 0;
    }
    .clipping.page{
        padding-top: 270px;
    }
    .imagens.page{
        padding-top: 230px;
    }
    .videos.page{
        padding-top: 230px;
    }
    .objectivo-sustentabilidade.page{
        padding-top: 140px;
        padding-left: 13%;
        padding-right: 6%;
    }


    .nn_tabs_item{
        display: none;
    }

    div.nn_tabs_container>div.nn_tabs_nav>ul.nn_tabs_tabs>li{
        width: 100%;
        float: left;
    }
    div.nn_tabs_container.outline_handles>div.nn_tabs_nav>ul.nn_tabs_tabs>li>span>a
    {
        margin: 3px 0 !important;
        font-size: 15px;
    }
    .moduletable-latestnews.afterresp{
        display: block;
        width: 100%;
        z-index: 999;
        margin: 0;
        position: fixed;
        top:130px;
        left: 0;
    }
    .moduletable-latestnews.afterresp h3{
        margin: 0;
        padding: 120px 0 5px 20px;
        background-position: 30% 0px !important;
        text-align: left;
    }
    #main_content_expanded{
        text-align: center;
        width: 100%;
    }
    #main_content_expanded .item-page{
        padding: 0;
        display: inline-block;
        padding-top: 20px;
        width: 695px;
        margin: auto;
    }

    .moduletable-newsletter.afterresp{
        display: block;
        width: 92%;
        margin: 20px 4%;
        border: 0;
    }
    .moduletable-newsletter.afterresp h3{
        background: none;
        color: #a1a1a1;
        font-size: 18px;
        text-align: left;
    }
    .moduletable-newsletter.afterresp label{
        font-size: 16px;
    }
    .moduletable-newsletter input[type='text']{
        width: 100% !important;
        height: 30px;
        border: 2px solid #939597;
        border-radius: 3px;
        background: #d1d2d4;
        margin: 3px 0;
    }
    .moduletable-newsletter input[type='submit']{
        width: 100px;
        margin: 0;
        border: 2px solid #939597;
        border-radius: 3px;
        height: 30px;
        margin-right: -3px;
        background: #d1d2d4;
    }
    table.acymailing_form{
        width: 100%;
    }
    table.acymailing_form tr td:first-child{
        width: 80px;
    }

    .imagens #main_container #main_area{
        width: 100%;
    }
    .videos #main_area{
        width: 100%;
    }

    #gallery_container{
        width: 100% !important;
    }

    .contacte-nos #fabricas .map,
    .contacte-nos #fabricas #tagline{
        display: none;
    }
    .contacte-nos #fabricas #fabricas_contacts{
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        top: 0;
    }

    .contacte-nos #fabricas{
        width: 300px;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        margin-left: -150px;
        top: 100px !important;
        left: 50% !important;
    }

    .fabricas.page{
        padding-top: 120px;
    }

    .fabricas.page #wrapper{
        width: 100%;
    }
    .fabricas.page #fabricas{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0px !important;
        height: auto;
        left: 0;
        top: 0;
    }
    .fabricas.page #fabricas p{
        width: 300px;
        float: none !important;
        left: 50%;
        margin-left: -30%;
    }
    .fabricas.page .map{
        width: 80% !important;
        margin-left: 10% !important;
        margin-top: 30px !important;
        background: none !important;
        position: relative !important;
        float: left;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .fabricas.page .map .mapd.afterresp{
        display: block;
    }
    .fabricas.page .map img{
        display: none;

    }

    .paises.afterresp{
        display: block; 
    }
    .paises.afterresp h2{
        width: 40%;
        margin: 10px 30%;
        font-family: 'Arvo', serif;
        font-size: 18px;
        font-weight: 300;
        color: #ee3124;
    }


    .fabrica .html{
        width: 100%;
        margin: auto;
    }
    .car_wrapper{
        width: 100%;
    }

    #fabricas .next{
        right:  40px;
        left: auto;
    }

    .caroufredsel_wrapper{
        left: 55px !important;
    }
    .factory_block1{
        width: 35%;
        padding-right: 5%;
    }
    .factory_block2{
        width: 50%;
        padding-left: 5%;
    }
    .factory_block1 .pais{
        width: 100%;
    }

    .page.cronologia{
        background: none !important;
    }
    .hotcarousel{
        width: 100%;
        text-align: center;
        display: none;
    }
    .hotcarousel .foo{
    
    }
    .hotcarousel .js{
        width: 100%;
    }
    
    .foo_m{
        display: block;
    }

    #jcemediabox-popup-ajax .item-page{
        padding: 0;
    }

    .page.certificacoes .item-page table{
        width: 90% !important;
    }
    
    .tomate-industrial.page .item-page table,
    .tomate-food-service.page .item-page table,
    .tomate-retalho.page .item-page table,
    .frutas-e-legumes.page .item-page table{
        width: 100% !important;
    }

}

@media only screen and (max-width: 730px) {
    body{
        background: none !important;
    }
    .page.certificacoes .item-page table{
        width: 100% !important;
        background: #fff;
        position: absolute;
        left: 0;

        border-top: 1px solid #000;
    }
    .page.certificacoes .item-page tr:first-child td{
        padding-top: 20px;
    }
    
    .tomate-industrial.page .item-page table,
    .tomate-food-service.page .item-page table,
    .tomate-retalho.page .item-page table,
    .frutas-e-legumes.page .item-page table
    {
        width: 100% !important;
        background: #fff;
        position: absolute;
        left: 0;
        margin-top: 30px;
        border-top: 1px solid #000;
    }
    .tomate-industrial.page .item-page tr td:first-child,
    .tomate-food-service.page .item-page tr td:first-child,
    .tomate-retalho.page .item-page tr td:first-child,
    .frutas-e-legumes.page .item-page tr td:first-child
    {
        padding-left: 30px;
    }
    .tomate-industrial.page .item-page tr:first-child td,
    .tomate-food-service.page .item-page tr:first-child td,
    .tomate-retalho.page .item-page tr td:first-child,
    .frutas-e-legumes.page .item-page tr td:first-child
    {
        padding-top: 20px;
    }

    .clipping #main_area #main_content{
        display: none;
    }
    #main_area #main_left{
        width: 100%;
    }
    .clipping #main_area{
        width:  100%;
        margin: 0;
    }
    .nn_tabs_item_active div{
        /*        overflow: auto !important;*/
        height: auto !important;
    }
    .fabrica .image{
        display: none;
    }
    .moduletable-clipping .blog-clipping{
        height: auto;
    }
    .moduletable-clipping{
        padding-right: 0; 
    }
    .moduletable-clipping .blog-clipping .span12{
        padding: 0;
        background: url(../imagens/clip_arrow.jpg) 94% 30% no-repeat;
        width: 100%;
    }
    .moduletable-clipping .blog-clipping .span12 .item{
        width: 70%;
        padding:  0 15% 15px 15%;
        border-bottom: 1px solid #000;
    }
    .moduletable-clipping .item-separator{
        display: none;
    }
    .moduletable-clipping .blog-clipping .span12 .item br{
        display: none;
    }

    .moduletable-clipping .blog-clipping .span12 .item .title{
        display: inline;
        width: auto;
        margin: 0;
        font-weight: 700;
    }
    .moduletable-clipping .blog-clipping .span12 .item .title a{
        color: #000;
        display: inline;
        margin: 0;
    }

    .moduletable-clipping .blog-clipping .span12 .item  .createdby{
        display: inline;
        font-size: 13px;
        margin: 0;
    }

    .img-note.afterresp{
        display: block;
        position: absolute;
        margin-left: -50px;
        margin-top:5px;
    }
    .img-note.afterresp img{
        width: 42px;
        height: 42px;
        border-radius: 5px;
    }


    #main_content.active{
        width: 100%;
    }

    #main_content.active .img-intro-none{
        width: 100%;
        overflow: hidden;
        height: 80px;
        vertical-align: middle;
    }
    #main_content.active .img-intro-none img{
        width: 100%;
    }

    .back.afterresp{
        display: block;
        padding-left: 5%;
    }

    #main_content h2{
        background: none;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 45px;
    }
    #main_content h2 a{
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
    }

    .doc{
        display: none;
    }
    .doc.afterresp{
        display: block;
    }
    .doc img{
        position: absolute;
        right: 20px;
        margin-top: -80px;
    }

    #main_content_expanded .item-page{
        width: 100%;
        margin: 0;
    }

    .cronologia.page .item-page p.block1,
    .cronologia.page .item-page p.block3{
        display: none;
    }

    #jcemediabox-popup-content .item-page table{
        margin-top: 0px !important;

    }
    
    img#traceability{
        left: auto;
        right: 50px;
        top: 140px;
    }
    .block1 img{
        width: 100% !important;
        height: auto !important;
    }
    
    .block2{
        margin-left: 0;
        line-height: 15px;
    }
    .block2 .red{
        font-size: 14px;
        display: block;
        float: left;
        line-height: 15px;
        margin-bottom: 10px;
    }

}
@media only screen and (max-width: 695px) {
    .item-page .moduletable #gallery_container img{
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-width: 600px) {
    #home_content img{
        height: 165px;

        max-height: 317px;
    }

    .page.certificacoes .item-page table img{
        width: 80% !important;
        height: auto;
    }
    
    .nn_tabs_container{
        margin-left: 0;
    }
}

@media only screen and (max-width: 540px) {
    .block3, .block1, .block2{
        margin-left: 5%;
        margin-right: 5%;
        line-height: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .block2 .red{
        font-size: 14px;
        display: block;
        float: left;
        line-height: 15px;
        margin-bottom: 10px;
    }
    .image_menu{
        text-align: right;
        width: 100%;
    }
    .jcepopupajax{
        display: inline-block;
        clear: both;
        float: right !important;
    }
    .jcepopupajax img[alt="viveiros"],
    .jcepopupajax img[alt="fertilizacao"],
    .jcepopupajax img[alt="preparacao sumo"],
    .jcepopupajax img[alt="esterlizacao"],
    .jcepopupajax img[alt="tetra"]{
        margin-right: -22px;
    }
    
    #jcemediabox-popup-content .item-page table{
        width: 100% !important;
        height: 400px !important;
        margin-top: 0px !important;

    }
    #jcemediabox-popup-content .item-page img{
        width: 100% !important;
    }
    #jcemediabox-popup-content .item-page img[alt='pdf'],
    #jcemediabox-popup-content .item-page  a img{
        width: 20px !important;
    }
    #jcemediabox-popup-content .item-page table tr td{
        float: left;
        width: 100%;
        display: block;
        padding: 0 !important;
    }
    #jcemediabox-popup-content{
        height: 400px !important;
    }
    .fancybox-wrap{
        width: 90% !important;
        
    }
    .jspHorizontalBar{
        display: none;
    }
    
    #jcemediabox-popup-ajax .item-page,
    #jcemediabox-popup-ajax,
    .jspContainer,
    .jspPane,
    #jcemediabox-popup-content{
        width: 100% !important;
    }
    
    .fancybox-inner{
        width: 100% !important;
    }
    
    .products .jcepopupajax{
        float: none !important;
    }
}