/*
Responsive CSS
Layout : BitDesign
*/

/*       NON TMODIFICARE FINO ALLA RIGA 27!!       */
/* ADATTAMENTO PER FAR FUNZIONARE DESKTOP E SMARTPHONE */
/* *************************************************** 
@media screen and (min-width: 601px){
    #wall_first{
        min-height: 600px;
        position:relative!important;
        /*background-attachment: fixed!important;
        background-repeat: no-repeat!important;
        background-position:bottom right 20% !important;
    }
}
@media screen and (min-width: 767px) and (max-width: 769px){
    #wall_first{background-attachment: scroll!important;}
}
@media screen and (min-width: 601px) and (max-width: 869px){
    #wall_first{background-position: center right 27% !important;}
}
@media screen and (max-width: 869px){
    #wall_first{height: auto!important;}
}
/* *************************************************** */

/* SMARTPHONE */
@media screen and (max-width: 650px) {
/* *************************************************** */
/*   NON MODIFICARE                                    */
    #wall_first{background-position: center right 27% !important;background-size: cover !important; }
/* *************************************************** */
    .desktop{display: none;}
    .mobile{display: block;}
    /* --------------------- */
    /* testata cellulare */
    header#wall_first {height: 450px;}
    .main_dialog {font-size: 25px;}
    .sub_phrase {line-height: 30px;font-size:26px;}
    .content_header {padding:90px 0 130px;}
    .center_phase{position: relative;top: auto;transform: none;max-width:400px;margin:0;}
    /* --------------------- */
    .titolo_first_space,
    .content_first_space,
    .something_New, .projects,
    .imm_first_aartHome,
    .txt_first_aartHome{float: none; width: 100%;}
    .projects{padding: 0;}
    .content_first_space{margin-top:20px;}
    .box_bbox_TEXT h2 { font-size: 23px; line-height: 29px;}
    .titolo_first_space{text-align: left;}
    .titolo_first_space h2 {margin: 0;font-size: 26px; line-height: 34px; text-align: left;}
    .first_space {width: 85%;margin: 9% auto;}
    .box_bboxLOGO {top: 54px;width: 95%;}
    .box_bbox_TEXT {top: 140px;}
    .box_bbox_DISCOVER {top: 300px;}
    .box_bbox_DISCOVER p {padding: 6px;}
    .one_of_three {max-width: 316px; width: 90%; float: none; margin: 9% auto}
    .something_New {padding: 0;}
    .txt_first_aartHome {margin-left: 0;}
    .lasts_three-arts {padding: 0 ;}
    .first_contattaci {margin: 43px auto;}
    .txt_first_aartHome{width: 90%; margin: 5% auto;}
    .icon_social {margin: 0 3%; width: 45px; height: 45px;}
    .social {max-width: 176px;}
    .do_you_haveANidea p {font-size: 21px;}
    .p-iva_footer {float: none; width: 100%;}
    .social_footer {float: none; width: 61%;margin: 7% auto;width: 200px;}
    /* CONTATTI */
    .cont_contatti {padding-top: 23%;}
    .cont_contatti h2 {font-size: 30px; margin-bottom: 17px; margin-left: 6%; width: auto;}
    .form_sx {width: 95%; margin: 0 5%}
    .form_dx {width: 100%;}
    .wpcf7{width: 94%;}
    .wpcf7-submit {width: 100%;}
    .form_privacy{margin-top: 1px;}
    .form_privacy p{width: 95%; margin: 0 auto;}
    .wpcf7-form p {margin: 5px 0;}
    .wpcf7-text {height: 42px; margin-bottom: 10px;}
    .nome_progettoHOMEb {bottom: 40px;left: 15px; font-size: 15px; width: auto;}
    .strumentiProj_list_HOMEb li {float: none; font-size: 9px;}
    .servizio_progettob { bottom: 6px; left: 15px;}
    .nome_progettoHOME {left: 15px; font-size: 20px;}
    .strumentiProj_list_HOME li { padding: 0px 0px; margin: 0 0px;}
    .bitDesign_blogTitle {margin: 16% 0 9%;}
    .txt_first_aartHome h2 {font-size: 30px;margin-bottom: 15px;}
    .main_art_home {margin-bottom: 49px;}
    .read_more_bottomThree { margin-bottom: 80px;}
    .intro_pgProgetti {width: 90%; margin: 20px auto;}
    .lamp{width: 100px; margin: 0 auto; padding-top: 50px;}
    .lamp img{width: 100%;}
    .contact_US_DW { height: 385px;}
    .onlyForBlog .titolo_pagina h1 {font-size: 25px;line-height:32px;}
    .titolo_pagina h2.special{font-size: 17px!important;line-height: 26px!important;}
    .testata_pageINSIDE  .titolo_pagina h1 {font-size: 25px;line-height:32px;}
    
    /* SINGLE */
    .testata_pageINSIDE {height:300px!important;}
    .titolo_pagina h2 {font-size: 23px;}
    .pg_contact{top: 62%;}
    .intro_pgProgetti { font-size: 18px; line-height: 30px;}
    .titolo_progetto, .titolo_ProjQ {font-size: 25px;}
    .titolo_ProjQ {text-align: left;}
    .attributi_progettoSX {top: 14px;left: 10px;}
    .attributi_progettoSX, .attributi_progettoDX, .specifiche_projQ {bottom: 14px; left: 10px; top: unset; width: 95%;}
    .quadProject { width: 100%; float: none;}
    .strumentiProj_list li {padding: 4px 6px; margin: 0 3px; font-size: 15px; border-radius: 4px; }
    .sottotitolo_progetto {font-size: 16px;text-shadow: -1px 1px 0px #F9F9F9;}
    .sottotitolo_ProjQ {font-size: 16px;text-shadow: -1px 1px 0px #F9F9F9;}
    .moreProjects { padding: 15% 0;}
    .reaD_art_blog {width: 56%;}
    .line_back_toBlog {width: 20%; margin-left: 20px;}
    .testo_progetto_SINGLE {width: 90%;}
    .reaD_art_blog p {font-size: 17px; }
    .intro_progetto_SINGLE {font-size: 18px; line-height: 30px;}
    .ssba img {max-width: 43px!important; padding: 16px!important;}
    .personaggio {background: transparent; width: 100px; height: 100px; margin: 0px;}
    .nome_bittoso, .ruolo_bittoso {display: none;}
    .avatar_personaggio { width: 100%;  height: auto; position: inherit; left: unset; top: unset;}
    .containerBITTOSI {width: 90%;margin-top:-50px;}
    .line {width: 20.3%;}
    .lineTXT {width: 57.3%;font-size: 20px;}
    .part_articoli, #sidebar{float: none; width: 100%;}
    .cont_lastArtSINGLE h3 {font-size: 25px;line-height: 32px;}
    .cont_lastArtSINGLE_estratto p {font-size: 18px; line-height: 29px;margin: 20px 0 20px;}
    .testo_completo_SINGLE {font-size: 18px; line-height: 29px;}
    .testo_completo_SINGLE ul{padding: 10px;}
    .follow_US_BLOGsidebar{display: none;}
    .cat_BLOG_list{margin-top: 40px;}
    .tag-box {font-size: 14px;margin: 5px; line-height: 20px;}
    .inside_partArticoli .cont_lastArtBLOG h3 {font-size: 25px; line-height: 32px;}
    .inside_partArticoli .cont_lastArtBLOG p {font-size: 18px; line-height: 29px;}
    .two_moreArt_BLOG .art_FirstLoadBLOG { width: 100%;float: none; height: auto;margin-bottom: 20px;}
    .alm-reveal .art_FirstLoadBLOG{ width: 100%;float: none; height: auto;margin-bottom: 20px;}
    .BlackBOXins h3 {font-size: 35px;line-height: 38px;}
    .book_R {float: none;width: 61%;margin: 0;position: relative;left: 31%;}
    .author .sIn, .author .dIr {float: none!important;margin: 0 auto}
    .book_R img {position: initial;top: auto;transform: none;max-width: 400px;}
    .clearesponsive{clear:both;}
    .book_L {float: none;width: 87%;margin: 30px auto;text-align:center;}
    .abutton {margin: 0 auto;}
    .book_brandingbox {padding: 20px 0;}
    .HM_contL, .HM_contR {width: 100%;float: none;}
    .uno {font-size: 25px;line-height: 37px;}
    .line_gold {border-bottom: 1px solid #bfa241;padding: 15px 0;}
    .due {font-size: 20px;line-height: 28px;}
    .logo_mobile {margin: 15px 0 0 30px;}
    .logo_mobile img{max-width: 100px;}
    .logo_mobile {margin: 15px 0 0 30px;width: 120px;}
    .book_L .aBook {font-size: 30px;line-height: 35px;}
    /* footer */
    #colophon .FooL{float: none;font-size: 17px;width: 100%;text-align: center;margin-bottom: 15px;}
    #colophon .FooR{float: none;width: 100%;max-width: 160px;margin: 0 auto;position: relative;top: 13px;text-align: center;padding-bottom: 60px;}
    #colophon .FooR img#zoho_partner {border-right: none;padding-right: 0;max-width:150px;}
    #colophon .FooR img#AIC_partner {padding-left:0px;max-width:150px;}
    #colophon .F_B{font-size: 13px;line-height: 15px;}
    #colophon .F_B a{font-size: 15px;}
    .pippo{float: none;text-align: center;}
    .imgLK{float: none;margin: 30px auto 0;}
    .navig{font-size: 14px;line-height:19px;margin-top: 20px;padding-bottom: 20px;margin-bottom: 20px;}
    .navigL{float:none;width:100%;max-width:100%;margin-bottom: 6px;}
    .navigR{float: none;width:100%;text-align: left;}
    .BRANDINGBOX .CTA_bb{background:#009fe3;}
    .BRANDINGBOX .CTA_bb img{position: relative;left: 0;display: block;margin: 0 auto;}
    .BRANDINGBOX .CTA_bb p{ font-size: 25px;line-height: 28px;max-width: 80%;left: auto;text-align: center;margin: 0 auto;padding: 30px 0 0;}
    .testata_pageINSIDE  .titolo_pagina.pagina_bbox h1{font-size: 25px;line-height: 35px;}
    .BRANDINGBOX .BRANDINGBOXc800 .estratto p {font-size: 20px;line-height: 30px;margin-top: 20px;padding-bottom: 32px;margin-bottom: 23px;}
    .BRANDINGBOX .BRANDINGBOXc800 h3 {font-size: 25px;padding: 33px 0;margin-top: 50px;}

    .BRANDINGBOX p{font-size: 18px;line-height: 29px;}
    .BRANDINGBOX em{line-height: 21px;font-size: 20px;}
    .BRANDINGBOX .scrivicisubito {font-size: 27px!important;line-height: 36px!important;text-align: left;margin-top: 30px;}
    .pippo{float: none;width: 100%;}
    .F_B .FooRb {float: none; max-width: 290px;width: 100%; margin: 5px auto 0;text-align: center;}
    .bittoso {width: 90%;float: none;margin: 1% auto;max-width: 250px;}
    .alm-btn-wrap {margin-top: 30px;}

    .onlyForBlog {height: 150px !important;}
    .onlyForBlog .titolo_pagina {top: 75%;}
    .Posts_Only {background: linear-gradient(to bottom, #c00 70px,white 0);}
    .BlackBOX:hover .BlackBOXins h3 {font-size: 35px!important;}
    .BlackBOXins {width: 80%;margin: 0 auto;}
    .two_moreArt_BLOG{margin-top: 30px;}
    .two_moreArt_BLOG .art_next_BLOG h3 {margin-top: 30px;font-size: 25px;line-height: 31px;}
    .colums{margin:0 auto 50px;width:95%;float: none;-moz-column-count: unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;-ms-column-count: unset;-ms-column-gap: unset;column-count: unset;column-gap: unset;}
    .center_phase .main_dialog {max-width: 337px; width: 90%;margin-left: 0px;}
    .center_phase .main_dialog h1 {font-size: 30px;line-height: 33px;}
    .sub_phrase{max-width: 212px;width: 90%;margin-left: 17px;}
    .doblue .sub_phrase h2{font-size: 18px;max-width: 300px;}
    
    .first_space .titolo_first_space h2 {font-size: 21px;line-height: 32px;}
    .first_space .titolo_first_space {float: none;margin-left:0;width: 100%;}
    .first_space .content_first_space {float: none;width: 100%;}
    .BlackBOX {background-position: top center;}
    .BlackBOXins {padding: 25px 0;}
    .BlackBOX .BlackBOXins h3 {font-size: 30px;}
    .BlackBOX:hover .BlackBOXins h3 {font-size: 30px;}
    .BlackBOXins p {font-size: 18px;line-height: 23px;}
    .container .first_space2 .titolo_first_space p{font-size: 18px;line-height: 30px;}
    .container .first_space2 .titolo_first_space {float: none;width: 100%;margin: 0 auto;}
    .first_space2 {width: 85%;}
     .container .first_space2 .content_first_space {float: none;width: 100%;margin: 0 auto;}
   
    .fi_ctA {font-size: 32px!important;line-height: 41px!important;}
    .fi_ctB {font-size: 18px!important;line-height: 26px!important;}
    .CTA_fondopagine {padding-top: 30px;margin: 40px auto 40px;}
    .author .sIn {width: 85px;}
    /* 2021 */
    .mytopmenu-container .logo_top{margin-top: 10px;max-width: 90px;}
    .mytopmenu-container .pyoff{margin: 17px 0 0 7px;padding: 0px 0 0px 7px;font-size: 9px;}
    .mytopmenu-container .buttCoTT{display: block;position: absolute;right: 12px;top: -36px;}
    .mytopmenu-container .buttCoTT div {padding: 7px 14px;font-size: 9px;}



    .mytopmenu-container .CSSlinesMen {top: 8px;}
    .intro .container.psjwbs {font-size: 18px;line-height: 28px;padding: 40px 0;}
    .container .first_space .titolo_first_space {max-width: 100%;float: none;margin: 0 auto;}
    .container .first_space .titolo_first_space, .container .first_space .content_first_space {max-width: 100%;float: none;margin: 0 auto;}
    .container .first_space .content_first_space{margin-top: 10px;}
    .home_team .whoweareINS{position: relative;font-size: 23px;line-height: 32px;}
    .whoweIMG .whoweareINS{position: relative;top: 0;transform: unset;right: 0;}
    .book_brandingbox   .book_L {float: none;width: 90%;margin: 0 auto;}
    .book_brandingbox .book_R {float: none;width: auto;top: 0;position: relative;right: 0;text-align: center;}
    .book_brandingbox .book_R img {width: 300px;position: relative;top: 0;transform: unset;left: auto;right: 0;margin: 0 auto 30px;}

    /* menu */
    .FullMenu{overflow-y: scroll;}
    .FullMenu .FM_voices {top: 60px;transform: none;}
    .FullMenu .FM_voices .FV {font-size: 23px!important;line-height: 46px!important;width: 78%!important;}
    .FullMenu .FM_voices .SV {font-size: 16px!important;line-height: 19px!important;width: 78%!important;}
    .FullMenu ul li {width: 80%;margin: 0 auto;}

    .parte_form form .row .campotxtL, .parte_form form .row .campotxtR {float: none;width: 100%;margin: 0 auto 15px;}
    .parte_form form .campotxtarea textarea {width: 85%;}    
    .parte_form form .row input {padding: 15px;width: 90%;}
    .parte_form form .row2 .g-recaptcha {float: none;}
    .parte_form form .row2 .submitCONTATTI {float: none;margin-top: 40px;}
    /* team */
    .Team2020 .titolo_pagina_team {position: relative;top: 0;}
    .Team2020 .titolo_pagina_team h1 {position: relative;font-size: 31px;}
    .Team2020 .columns{margin:0 auto 50px;width:95%;float: none;-moz-column-count: unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;-ms-column-count: unset;-ms-column-gap: unset;column-count: unset;column-gap: unset;}
    .Team2020 .Team2020ins .bitTeam_BK .bitTeam_el .schedaBit{width: 90%;float: none;max-width: 353px;margin: 10px auto !important;}
    .Team2020 .Team2020ins .bitTeam_BK .bitTeam_el .schedaBit.desktop{ display: none;}               
    .Team2020 .Team2020ins .bitTeam_BK .bitTeam_el .schedaBit.mobile {display: block;}
}







@media screen and (min-width:651px) and (max-width:825px) {
.contentANSW {padding: 30px 0;}
.grazie_per{width: 95%;margin: 0 auto;font-size: 24px;}
.riceverai{font-size: 20px;margin: 20px 0;}
.backhome{font-size: 20px;}
.parte_form .row .campotxtR {float: none;width: 100%;margin: 0 auto ;text-align: center;}
.parte_form .row input{padding: 15px;}
.parte_form .row .campotxtL {float: none;width: 100%;margin: 0 auto 20px;text-align: center;}
.parte_form .campotxtarea textarea {width: 88%;padding: 28px 0 0px 15px;}
.parte_form .campotxtarea {width: 100%;text-align: center;}
.parte_form .row2 .g-recaptcha {float: none;}
.parte_form .row2 .submitCONTATTI {float: none;margin-top: 20px;}
.inside_CONT2 .rif_AZ .rifAZ_L {float: none;width: 100%;font-size: 18px;line-height: 24px;}
.inside_CONT2 .rif_AZ .rifAZ_R {float: none;width: 100%;}
.inside_CONT2 .rif_AZ .rif_AZins {max-width: 100%;width: 90%;}
.inside_CONT2 {margin: 0 auto 40px;}
.parte_form .row2 {margin: 25px 0 40px;}
.inside_CONT2 .rif_AZ .rifAZ_L .name {font-size: 25px;line-height: 30px;margin-bottom: 16px;}
.butt_phone{margin-top: 20px;}
.BRANDINGBOX h3 {font-size: 20px;padding: 30px 0 0;}
.BRANDINGBOX .parte_form .row2 .submitCONTATTI input {font-size: 14px;}
.BRANDINGBOX h4 {font-size: 23px;line-height: 32px;}
.parte_form .privacyCONTATTI p {width: 75%;}

/* menu */
.FullMenu{overflow-y: scroll;}
.FullMenu .FM_voices {top: 60px;transform: none;}
.FullMenu .FM_voices .FV {font-size: 23px!important;line-height: 46px!important;width: 78%!important;}
.FullMenu .FM_voices .SV {font-size: 16px!important;line-height: 19px!important;width: 78%!important;}
.FullMenu ul li {width: 80%;margin: 0 auto;}
.logo_top {float: none;position: absolute;top: 9px;right: auto;left: 0;margin: 0;width: 100px;}
.logo_top img{width: 100px;}
.pyoff{display: block;margin: 21px 0 0 107px;padding: 1px 0 1px 7px;font-size: 9px;line-height: 17px;}
img#linesMen {width: 30px;top: 13px;}
.buttCoTT {display:none;}
.FMC {top: 15px!important;}
.FullMenu ul li:nth-child(3){border-bottom: 1px solid #575757;}
.FullMenu ul li{background: url(../images/icon_arrMOgray.png)no-repeat right 10px center;}
.FullMenu ul li:hover{color:#BA9D41; background: url(../images/icon_arrMOgold.png)no-repeat right 5px center;}
.FullMenu ul li.contattabitLI{display: block;background:#009ADE;color:#FFF;border-radius: 100px;text-align: center;padding: 0;max-width: 350px;margin-top: 40px;}
.FullMenu ul li.contattabitLI .FV{width: 100%;}
.back_to_intoSingle {margin: 25px 0;}
.CSSlinesMen {width: 30px;top: 9px;}
.lineMMCent {margin: 7px 0;}
.first_space .titolo_first_space{border-top:none;border-bottom: none;}
}





/* TABLET */
@media screen and (min-width: 601px) and (max-width: 799px){

.author .dIr {margin: 5px 0 0 10px;font-size: 15px;}
.titolo_first_space h2{font-size: 40px;line-height: 47px;}
.content_first_space p{font-size: 18px;line-height: 28px;}
.aBook {font-size: 30px;line-height: 25px;}
.bBook {font-size: 18px;line-height: 27px;max-width: 80%;}
.sub_phrase {line-height: 56px;font-size: 46px;}
.main_dialog {max-width: 430px;}
.main_dialog h1 {font-size: 37px;line-height: 41px;}
.FooLb{float: none;text-align: center;}
.FooRb{float: none; width: 100%;margin: 15px auto;text-align: center;}
.FooR {position: relative;right: auto;left: auto;top: auto;text-align: center;}
.F_B .pippo {float: none;margin-bottom:25px;}
.BRANDINGBOX .CTA_bb{background:#009fe3;}
.BRANDINGBOX .CTA_bb img{position: relative;left: 0;display: block;margin: 0 auto;}
.BRANDINGBOX .CTA_bb p{ font-size: 25px;line-height: 28px;max-width: 80%;left: auto;text-align: center;margin: 0 auto;padding: 30px 0 0;}
.center_phase {top: 45%;}
}

@media screen and (min-width:600px) and (max-width: 880px){
.first_space .titolo_first_space, .first_space .content_first_space {float: none;margin:0 auto;}
.first_space .titolo_first_space{padding:  0 0 20px 0;border-top: none;border-bottom: none;}
.first_space .content_first_space {max-width: 400px;}
}

@media screen and (min-width:800px) and (max-width: 940px){
.FooRb{float: none; width: 100%;margin: 15px auto;text-align: center;}
.FooR {position: relative;right: auto;left: auto;top: auto;text-align: center;}
.F_B .pippo {float: none;margin-bottom:25px;}
}





@media screen and (min-width:950px) and (max-width: 1050px){
.whoweareINS {max-width: 316px;}
.whoweare {font-size: 26px;}
.scoprici {width: 220px;font-size: 18px;}


}

/* pagina team 2020 */
@media screen and (max-width: 601px) {
    .Team2020ins {width: 100%!important;}
    .titolo_pagina_team, .columns {width: 85%!important;}
    .titolo_pagina_team h1 {position: relative;font-size: 30px; padding-bottom: 30px;}  
}
@media screen and (min-width: 601px) and (max-width: 900px){
    .forTeam2020{height: 500px;}
}
@media screen and (max-width:850px) {
    .titolo_pagina_team{width:95%;}
    .columns{margin:0 auto 50px;width:95%;float: none;-moz-column-count: unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;-ms-column-count: unset;-ms-column-gap: unset;column-count: unset;column-gap: unset;}
    .Team2020 .bitTeam_BK .bitTeam_el .schedaBit{width: 90%;float: none;max-width: 353px;margin: 10px auto !important;}
    .Team2020 .bitTeam_BK .bitTeam_el .schedaBit.desktop{ display: none;}               
    .Team2020 .bitTeam_BK .bitTeam_el .schedaBit.mobile {display: block;}
    .schedaBitLast{top:0px;left: 0px;}  
    .bitTeam_el {margin: 50px auto 0px;}
    .Team2020 .bitTeam_BK .bitTeam_el .schedaBitLast {top:0;}
    .titolo_pagina_team {padding-top: 0px;position: relative;top: 0;}
    .Team2020ins{width: 90%;margin: 0 auto;}
    
}
@media screen and (min-width: 601px) and (max-width: 900px){
    .titolo_pagina_team{position:relative;}
    .titolo_pagina_team h1 {font-size: 40px;line-height:40px;padding-bottom: 30px;}
}
/* /pagina team 2020 */

@media screen and (max-height: 500px) {
    .FullMenu {overflow-y: scroll;}
    .FM_voices {position: relative;top: 60px;transform: none;padding-bottom: 80px;}
}