

@media screen and (max-width: 992px ){

    #wrap-topbar { display: table; width: 100%; }
    #border { display: block; clear: both; border-bottom: 5px solid #004a80; }

    #bigwrap-header { display: none; }
    #bigwrap-header-mobile { display: inline-block; width: 100%; margin-top: 48px;}
    #bigwrap-header-mobile #wrap-header { height: auto; width: auto; position: relative; }

    #webmail { /* float: right; */ text-align: inherit; padding: 0% 2% 0; margin-top: -20px;}
    #numero-verde { position: relative; margin-left: 5px;}
    /*#numero-verde,*/ #loghi-network { display: none; }
    #numero-verde img { max-width: 115px; }

    #logo { position: relative; top: 0; left: 0; }
    #logo img { max-width: 55%; float: left; padding: 20px 6% 10px; }
    #wrap-menu { clear: both; /*display: none;*/ }
    #likebox { display: none; }
    #sidebar { float: none; width: auto; text-align: center; }
    #sidebar ul li { display: inline-block; }

    #presentazione h2, #presentazione h1 { margin-left: 15px; }
    #presentazione p { width: 59%; }
    #bigwrap-content { width: auto; }
    #wrap-content {float: none; width: auto; clear: both; }
    .jcarousel-prev, .jcarousel-next { display: none; }
    .prodotto-editoria p { width: 59%; }

    .counter h1, .counter h3, #editoria h1, #ediblog h1, /*.jcarousel-skin-tango,*/  #menu-footer, #info-bottom  { padding-left: 15px; }
    .counter h1 { margin-bottom: 10px; }
    .counter h3 { text-align: center; }

    #bigwrap-footer {height: auto; }
    #wrap-footer { width: auto; }
    #menu-footer { height: auto; }
    #menu-footer li { float: none; display: inline-block; vertical-align: top; width: 100%;  }
    #logo-bottom { bottom: 0px; top: 400px;}
    #logo-bottom img { max-width: 80%; padding-right: 15px;}

    #w3c-logo { padding-right: 15px; }

    .jcarousel-skin-siti .jcarousel-prev-horizontal, .jcarousel-skin-siti .jcarousel-next-horizontal { background-size: 50%;}
    /*.jcarousel-skin-tango { display: none; }*/
    .jcarousel-skin-tango .jcarousel-next-horizontal { right: 0; background-size: 50%; }
    .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 0; background-size: 50%; }

    .counter h3 { width: 280px; }

    #wrap-portfolio { position: relative; text-align: center; }
    #wrap-portfolio .mosaic-block, #wrap-content .mosaic-block  { float: none; margin: 3px; display: inline-block; position: relative; }
    #wrap-content .portfolio-page { text-align: center; }

    .portfolio-page { width: auto!important; }

    #content-page h1 { text-align: center; }

    .wrap-migrazione { float: none; width: auto; text-align: center; margin: 20px auto!important; }
    .wrap-migrazione .assistenza-item-03, .wrap-migrazione .assistenza-item-04 { display: inline-block; position: relative; bottom: auto; left: auto; }
    .wrap-migrazione img { padding: 20px 0; }
    /*.prodotto-editoria a img { margin-left: 50px;  margin-top: 10px;}*/

    #edi-prodotti li { margin: 0; }

    #menu-pubblicita-ivg { clear: both; width: 50%; text-align: center; float: none; }
    #menu-pubblicita-ivg li { display: inline-block; /* padding: 1%; */ }
    .year-select ,.year-select-ivg, .year-select-ivg-single, .year-select-ge24 { position: relative; width: 100%; left: auto; top: auto; }
    .sf-menu li { float: none; }
    #info-pubblicita-ivg { width: 100%; float: none; text-align: center; padding-left: 0; border-left: none;}
    #info-pubblicita-ivg img { max-width: 100%; height: auto; text-align: center; margin: auto;}
    #info-pubblicita-ivg p, #info-pubblicita-ivg h2 { padding: 0 15px; }
    .edinet-number-first { width: 100%; text-align: center;}
    .ge24 { float: none; max-width: 100%; }
    .edinet-number { width: 100%;  text-align: center;}
    .ivg { float: none; }
    .contattarci { text-align: center; display: inline-block;}
    #content-page p { padding: 10px 5%; width: 90%; }

    .single-prodotti #content-page ol, .single-prodotti #content-page ul { margin: 0 10%; }
    /*.single-prodotti #content-page ol ul {margin: 0 5%;}*/
    #content-page #menu-pubblicita-ivg {  margin: 0 25%!important;  }
    #content-page .attachment-large { width: 90%; border: none; margin: 5%; }

    .viddler-auto-embed { margin-bottom: 15px; }

    .page-template-page-staff-php #content-page { text-align: center; }
    .page-template-page-staff-php #content-page h1 { padding-bottom: 35px; }
    .page-template-page-staff-php #content-page h2 { padding-top: 35px; }
    .staff { float: none; display: inline-block; margin: 0; }

    .wrap-siti-page-title { width: 90%; margin: 20px 5%;}

    #menu-pubblicita { float: none; width: 100%!important; margin: 0 5px!important; }
    #menu-pubblicita a, #menu-pubblicita-ivg a { width: 99%; display: block; }
    #info-pubblicita { width: 100%; float: none; text-align: center; padding: 0;}
    #info-pubblicita h2 { text-align: center; }
    #info-pubblicita img { max-width: 95%; height: auto;}

    #map { width: 95%; margin: auto;}

    .single-prodotti #wrap-content { text-align: center; }
    .page-id-1453 #content-page ul { margin: 0 8%; }

    .page #content-page h3 { margin-left: 5%; }
    #edi-prodotti-page { text-align: center; }
    #edi-prodotti-page li { float: none; display: inline-table; }
    #edi7 p { font-size: 1.1em!important; }
    .page-id-18 #content-page ul { margin: 0; }
    .page-id-36 #content-page ul, .page-id-40 #content-page ul { margin-left: 5%; }
    .anni-archive, .archive h3 { text-align: center; padding: 0 5%; }
    .anni-archive li { float: none; display: inline-block; }

    .category-job #wrap-content { width: 95%; padding: 0 2%; }

}

@media screen and (max-width: 810px) {
    /*#logo img { max-width: 44%; }*/
    #presentazione p { width: 50%; }
}

@media screen and (max-width: 726px) {

    #menu-pubblicita-ivg { width: 100%; /* padding: 0 5%; */ margin: auto;  }
    #content-page #menu-pubblicita-ivg { margin: auto!important;}
    #content-page ul { /*margin: 0!important;*/ /* width: 70%; */ }
    .single-prodotti #content-page h1 { font-size: 2em; }
    #content-page .year-select ul ,#content-page .year-select ,#content-page ul.year-select,.tax-testate #content-page ul.year-select-ivg, .tax-testate #content-page ul.year-select-ivg ul ,#content-page ul.year-select-ivg-single, #content-page ul.year-select-ivg-single ul { width: 100%; }
    #menu-pubblicita-ivg li { display: block; }

    #cformsform { padding: 0 5%; }
    .cf-ol { width: 90%; height: auto; }
    .cf-ol input, #li--1 ,#li--1 input { width: 100%; }
    .cf-ol select { width: 100%; }
    .cf-ol li { width: 100%; height: auto; }
    .cf-ol textarea { width: 100%; }
    #sendbutton { position: relative; right: auto; bottom: auto; }
    .single p { display: inline-block; width: 95%; }
    .cf-sb { padding: 0 5% 20px!important; }

    .wrap-migrazione { width: 100%!important; /*margin: 0!important;*/  }
    .cat-posts h2, .thumb-category { width: 100%; text-align: center; }
    .category-history .cat-posts h2 { font-size: 1.2em; }

}

@media screen and (max-width: 655px){
    /*@media screen and (max-width: 768px){*/
    #logo img { max-width: 90%; padding: 10px 5% 10px; }
    /*#webmail { float: none; text-align: center;}*/
    #webmail { display: none; }
    .counter h1, .counter h3, #editoria h1, #ediblog h1, /*.jcarousel-skin-tango,*/  #menu-footer, #info-bottom  { padding-left: 0px; }
    .counter h1 { float: none; text-align: center; }
    .counter h3 { width: 100%; }
    #ediblog h1 { text-align: center; }

    #presentazione { height: auto; }
    #presentazione h1, #presentazione h2, #editoria h1 { text-align: center; }
    #presentazione h1, #presentazione h2, #presentazione p { position: relative; }
    #presentazione h2, #presentazione h1, #ediblog h1, #editoria h1 {  font-size: 35px; }
    #presentazione h1 { bottom: auto; left: auto; }
    #presentazione p { padding: 3%; width: 90%; }
    .counter { height: auto; }
    .counter h1 { width: auto; font-size: 5em;}
    .counter h3 { width: auto; float: none; }

    #html5-logo, #w3c-logo {display: none; }



    .prodotto-editoria { height: auto; padding: 5px; }
    .prodotto-editoria a { position: relative; top: 0; text-align: center;}
    .prodotto-editoria a img { padding-bottom: 10px;  }
    .prodotto-editoria p { position: relative; width: auto; top: 0;}

    #bigwrap-footer, #wrap-footer  { height: auto; width: auto;}
    #info-bottom { left: auto; top: auto; position: relative; padding: 5px; text-align: center; margin-top: 0; font-size: 16px; }

    #wrapper-logo-bottom { text-align: center; }
    #logo-bottom { position: relative; top: auto; left: auto; }
    #logo-bottom img { max-width: 50%; padding: 2%; }
    #menu-footer { padding-bottom: 15px; padding-left: 15px; }
    #menu-footer ul { display: inline-table; padding: 5px 0 0 0 ;}
    #menu-footer ul li { width: 100% ;}
    #wrap-footer { width: auto; height: auto;  }
    #border-white { display: block; clear: both; border-bottom: 2px solid #fff; }

    .year-select { position: relative; top: auto; right: auto; width: auto; margin-bottom: 10px!important;}
    .sf-menu li { float: none; }

    .viddler-app-wrap  { margin-bottom: 35px; }

    .viddler-app-wrap.sub-480 div.vid-interface { height: 90px!important; }

    #seo-bar { display: none; }

    #webmail a img { padding-left: 50px; }

    #webmail-mobile { display: block; float: right; margin-right: 5px; padding: 0;}

    .single-prodotti #content-page ol, .single-prodotti #content-page ul { margin-left: 10%; }


}

@media screen and (max-width: 357px) {


    .page-id-26 #content-page h1,.page-id-1455 #content-page h1, .tax-testate #content-page h1, .single-pubblicita #content-page h1 {  font-size: 32px;  }

    #logo img { padding: 10px 5% 10px; max-width: 90%; }
    #edi-prodotti li { width: 100%; }
    .mosaic-block { width: 100%; height: 150px; }

    #webmail a img { padding-left: 0; }

    .page-template-page-staff-php #content-page h1 { /* font-size: 28px; */ }

    #wrap-portfolio .mosaic-block, #wrap-content .mosaic-block { width: 95%; }
    .page-id-1453 #content-page ul { margin: 0 10%; }


}