@media (min-width: 992px) and (max-width: 1400px) {
    
    /*########################################## HEADER ##########################################*/

    .container {
        max-width: 850px;
    }
    .logo_content {
        width: 171px;
        height: 120px;
    }
    div#logo img {
        height: 120px;
    }
    div.logo_little img {
        width: 39px!important;
        height: 44px!important;
        margin: 3px 0;
    }
    #barra_sopra_container {
        height: 35px;
    }
    div#top-social li, div#top-social li a, div#top-social li .ts-icon, div#top-social li .ts-text,
    div.top-links ul li, div.top-links li > a {
        height: 35px!important;
        line-height: 35px!important;
        font-size: 10px!important;
    }
    div.top-links ul ul, div.top-links ul div.top-link-section {
        top: 35px!important;
    }
    #menu_container {
        top: 35px;
        height: 50px;
    }
    nav#primary-menu {
        height: 50px;
    }
    nav#primary-menu ul li p {
        padding: 0 6px;
    }
    nav#primary-menu ul,
    nav#primary-menu ul li p,
    nav#primary-menu ul li a {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        letter-spacing: 1px;
    }
    nav#primary-menu ul li.mega-menu .mega-menu-content {
        width: 630px;
        top: 50px;
        left: 0px;
    }
    nav#primary-menu ul li .mega-menu-content > ul {
        padding: 15px!important;
    }
    nav#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title > div {
        font-size: 12px;
        line-height: 12px;
        padding: 0 0 15px 0!important;
    }
    nav#primary-menu ul li .mega-menu-content.col-3 > ul {
        width: -moz-calc((100% - 92px) / 3);
        width: -webkit-calc((100% - 92px) / 3);
        width: calc((100% - 92px) / 3); 
    }
    nav#primary-menu ul ul {
        top: 50px;
        width: 200px;
    }

    nav#primary-menu ul ul li a {
        padding: 8px 0 8px 10px!important;
        font-size: 12px;
        line-height: 14px!important;
    }
    div#top-search a i {
        height: 50px;
        line-height: 50px;
        margin: 0 0 0 10px;
    }
    div#top-search form input {
        height: 50px;
        line-height: 50px;
        margin: 0 0 0 200px;
        padding: 0px!important;
        font-size: 18px;
    }
    div.top-links ul div.top-link-section {
        padding: 15px!important; 
        width: 200px;
    }
    div.top-links li i {
        top: 1px;
        height: 35px;
        width: 20px !important;
        line-height: 35px;
        font-size: 12px;
    }
    .form-control_TOPBAR {
        height: 33px;
        border: 0px;
        font-size: 12px;
        padding: 10px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    .btn_TOPBAR {
        width: 100%;
        font-size: 14px;
        padding: 10px;
        border: 0px;
    }
    .top-links li > a {
        font-size: 10px!important;
    }
    #top-social li .ts-icon {
        font-size: 11px!important;
    }

    div#header_image {
        margin: 85px 0 0 0;
    }
    
    /*########################################## HOME ##########################################*/

    .slider_home {
        margin: 85px 0 0 0;
    }
    
    /*########################################## PATHWAY ##########################################*/

    div#pathway_container {
        height: 35px;
        line-height: 35px;
        font-size: 11px;
    }
    
    /*########################################## PROGETTI ELENCO ##########################################*/

    .progetticat {
        margin: 10px 10px 10px 0;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        padding: 0 15px;
    }
    div.progetto {
        width: -moz-calc((100% - 30px) / 4);
        width: -webkit-calc((100% - 30px) / 4);
        width: calc((100% - 30px) / 4);
        margin: 0 10px 10px 0;
    }
    div.progetto:nth-child(4n) {
        margin: 0 0 10px 0;
    }
    div.progetto_img {
        height: 155px;
    }
    div.progetto_testi {
        padding: 5px 10px;
    }
    span.progetto_testi_zona {
        font-size: 11px;
        margin: 0 0 4px 0;
    }
    h2.progetto_testi_titolo {
        font-size: 12px;
        margin: 0 0 4px 0;
    }
    span.progetto_testi_data {
        font-size: 10px;
    }
    div.progetto_avviso {
        padding: 6px 0;
    }
    div.progetto_avviso span {
        margin: 10px;
        font-size: 11px;
    }
    .progetto_icone {
        bottom: 10px;
        left: 10px;
    }
    .progetto_icona_foto {
        width: 40px;
        height: 40px;
        margin: 0 10px 0 0;
    }
    .progetto_icona_render {
        width: 40px;
        height: 40px;
    }
    
    /*########################################## PROGETTO ##########################################*/

    div.progetto_intro {
        margin: 15px 0 0 0;
    }
    span.progetto_zona {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
    h1.progetto_titolo {
        font-size: 30px;
    }
    div.progetto_data {
        font-size: 12px;
    }
    div.progetto_testo {
        font-size: 12px;
        margin: 15px 0 0 0;
    }
    div.progetto_image_title {
        padding: 5px 0 0 0;
    }
    div.progetto_image_title h2 {
        font-size: 20px;
    }
    div.progetto_image {
        width: -moz-calc((100% - 50px) / 5);
        width: -webkit-calc((100% - 50px) / 5);
        width: calc((100% - 50px) / 5);
        margin: 10px 10px 0 0;
    }
    .progetto_image_description {
        width: -moz-calc(100% - 16px);
        width: -webkit-calc(100% - 16px);
        width: calc(100% - 16px);
        font-size: 10px;
        padding: 8px;
    }
    div#mappa {
        font-size: 12px;
        margin: 10px 0 20px 0;
    }
    div#mappa span {
        line-height: 35px;
    }
    a.aggiungi {
        font-size: 40px;
    }
    .button_piani {
        min-width: 100px;
        font-size: 25px; 
        line-height: 35px; 
    }
    .progetto_piano_img {
        width: 40%;
        margin: 20px 0 20px 10px;
    }
    .progetto_piano_appartamenti {
        width: -moz-calc(60% - 12px);
        width: -webkit-calc(60% - 12px);
        width: calc(60% - 12px);
        margin: 20px 0 0 0;
    }
    .progetto_piano_appartamenti_big {
        width: -moz-calc(100% - 12px);
        width: -webkit-calc(100% - 12px);
        width: calc(100% - 12px);
        margin: 20px 0 0 10px;
    }
    .progetto_piano_appartamenti_testo {
        font-size: 12px;
    }
    .progetto_piano_appartamento_container {
        width: -moz-calc((100% - 40px) / 4);
        width: -webkit-calc((100% - 40px) / 4);
        width: calc((100% - 40px) / 4);
        margin: 0 0 10px 10px;
    }
    .progetto_piano_appartamento span {
        font-size: 10px;
        line-height: 40px;
    }
    .progetto_piano_appartamento h3 {
        font-size: 65px;
        line-height: 10px;
    }
    
    /*########################################## APPARTAMENTO ##########################################*/

    .app_nav {
        padding: 10px 0;
        font-size: 12px;
    }
    .app_nav i {
        padding: 0 6px 0 0;
    }
    .app_img {
        width: 300px;
        margin: 0 10px 10px 0;
    }
    .app_image {
        margin: 0 0 10px 0;
    }
    .app_testi.stretto {
        width: -moz-calc(100% - 310px);
        width: -webkit-calc(100% - 310px);
        width: calc(100% - 310px);
    }
    .app_numero {
        width: 100px;
        height: 100px;
        margin: 0 0 10px 0;
    }
    .app_numero span {
        font-size: 10px; 
        line-height: 40px;
    }
    .app_numero h3 {
        font-size: 60px; 
        line-height: 10px;
    }
    .app_specifiche {
        margin: 0 0 0 10px;
        font-size: 12px;
    }
    .app_descrizione {
        margin: 0 0 10px 0;
        font-size: 12px;
    }
    .app_planimetrie,
    .app_docs,
    .app_images {
        margin: 0 0 10px 0;
        font-size: 12px;
    }
    .app_planimetrie h3,
    .app_docs h3,
    .app_images h3 {
        font-size: 14px;
    }
    .app_planimetrie i,
    .app_docs i {
        padding: 0 10px 0 0;
        font-size: 16px;
    }
    
    /*########################################## TAB ##########################################*/

    div.tabs {
        margin: 20px 0 0 0;
    }
    ul.tab-nav li,
    ul.tab-nav li a {
        height: 35px!important;
        font-size: 12px!important;
        line-height: 36px!important;
    }
    .side-tabs ul.tab-nav.tab-nav2 li {
        margin: 0 0 2px 0!important;
    }
    div.tab-container {
        padding: 0px!important;
    }
    .side-tabs .tab-container {
        padding: 10px 0 0 0!important;
    }
    ul.tab-nav {
        padding: 30px 0 0 0!important;
    }
    
    /*########################################## ARTICOLO ##########################################*/

    #slider_nav {
        height:200px!important; 
        margin: 85px 0 0 0;
    }
    .articolo_testo h2 {
        font-size: 30px; 
        margin: 10px 0 20px 0;
    }
    .articolo_testo p,
    .articolo_testo ul {
        font-size: 12px;
        line-height: 16px;
        margin: 0 10px 0 0;
    }
    .articolo_testo ul {
        padding: 0 0 0 20px;
        margin: 16px 0;
    }
    .allegati {
        padding: 26px 0 0 0;
    }
    div.mfp-title {
        font-size: 12px;
    }
    div.feature-box.fbox-plain.fbox-small .fbox-icon i {
        font-size: 22px;
    }
    div.feature-box.fbox-plain.fbox-small h3 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    
    /*########################################## NEWS ##########################################*/

    .activeFilter a {
        line-height: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
    }
    #portfolio-filter li a {
        line-height: 40px !important;
        padding: 0 10px !important;
        font-size: 12px!important;
    }
    .news_item_titolo {
        height: 60px;
    }
    .news_item_titolo h3 {
        font-size: 14px;
        padding: 10px 0 5px 10px;
    }
    .news_item_titolo p {
        font-size: 9px;
        padding: 0 0 0 10px;
    }
    .portfolio .portfolio-item {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 15px 10px 0 10px;
    }
    .news_item_testo {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        height: 60px;
        padding: 10px;
    }
    .news_item_testo p,
    .news_item_testo ul {
        font-size: 11px;
        line-height: 14px!important;
    }
    .news_item_img {
        width: 200px;
        height: 140px;
    }
    .news_item_dx {
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px);
    }
    
    /*########################################## FOOTER ##########################################*/
    
    #copyrights {
        font-size: 11px!important;
        line-height: 20px!important;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {
   
    .container {
        margin: 60px 0 0 0;
    }
    .progetto_piano_appartamento_container {
        width: -moz-calc((100% - 30px) / 3);
        width: -webkit-calc((100% - 30px) / 3);
        width: calc((100% - 30px) / 3);
        margin: 0 0 10px 10px;
    }   
    
}

@media (max-width: 767px) {
    
    div.container {
        width: calc(100% - 20px)!important;
        padding: 0px!important;
        margin: 0 10px;
        position: relative!important;
    }
    
    /*########################################## HEADER ##########################################*/
    
    nav#primary-menu ul,
    nav#primary-menu ul li p,
    nav#primary-menu ul li a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        letter-spacing: 1px;
        background-color: #6f92c6;
        color: #FFFFFF;
        text-indent: 10px;
    }
    nav#primary-menu ul li a:hover,
    nav#primary-menu ul li p:hover,
    nav#primary-menu ul li.current a,
    nav#primary-menu ul li.current p,
    nav#primary-menu ul li.sfHover a,
    nav#primary-menu ul li.sfHover p {
        background-color: #123368;
        color: #FFFFFF;
    }
    
    nav#primary-menu ul ul {
        top: 40px;
        width: 100%;
        padding: 0px!important;
    }

    nav#primary-menu ul ul li a {
        font-size: 12px;
        line-height: 40px!important;
        background-color: #89112e!important;
        color: #FFFFFF!important;
        padding: 0px!important;
    }
    nav#primary-menu ul ul li a:hover {
        background-color: #FFFFFF!important;
        color: #89112e!important;
    }
    nav#primary-menu ul ul ul li a {
        font-size: 12px;
        line-height: 40px!important;
        background-color: #600d25!important;
        color: #FFFFFF!important;
        padding: 0px!important;
    }
    
    /*########################################## HOME ##########################################*/

    
    div#slider-arrow-right,
    div#slider-arrow-left {
        display: none!important;
    }
    
    section#content.content_home {
        margin: 0px!important;
        background-image: none!important;
    }
    
    /*########################################## PROGETTI ELENCO ##########################################*/

    .progetticat {
        float: left;
        width: calc((100% - 70px) / 2);
        margin: 0 10px 10px 0;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
        padding: 0 15px;
        text-align: center;
    }
    .progetticat:nth-child(2n) {
        margin: 0 0 10px 0;
    }
    div.progetto {
        width: 100%;
        margin: 10px 0;
    }
    div.progetto:nth-child(4n) {
        
    }
    div.progetto_img {
        height: 200px;
    }
    div.progetto_testi {
        padding: 5px 10px;
    }
    span.progetto_testi_zona {
        font-size: 11px;
        margin: 0 0 4px 0;
    }
    h2.progetto_testi_titolo {
        font-size: 12px;
        margin: 0 0 4px 0;
    }
    span.progetto_testi_data {
        font-size: 10px;
    }
    div.progetto_avviso {
        padding: 6px 0;
    }
    div.progetto_avviso span {
        margin: 10px;
        font-size: 11px;
    }
    .progetto_icone {
        bottom: 10px;
        left: 10px;
    }
    .progetto_icona_foto {
        width: 40px;
        height: 40px;
        margin: 0 10px 0 0;
    }
    .progetto_icona_render {
        width: 40px;
        height: 40px;
    }
    
    /*########################################## PROGETTO ##########################################*/

    div.progetto_intro {
        margin: 5px 0 0 0;
    }
    span.progetto_zona {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
    h1.progetto_titolo {
        font-size: 30px;
    }
    div.progetto_data {
        font-size: 12px;
    }
    div.progetto_testo {
        font-size: 12px;
        margin: 15px 0 0 0;
    }
    div.progetto_image_title {
        padding: 5px 0 0 0;
    }
    div.progetto_image_title h2 {
        font-size: 20px;
    }
    div.progetto_image {
        width: -moz-calc((100% - 10px) / 2);
        width: -webkit-calc((100% - 10px) / 2);
        width: calc((100% - 10px) / 2);
        margin: 5px 5px 0 0;
    }
    .progetto_image_description {
        width: -moz-calc(100% - 16px);
        width: -webkit-calc(100% - 16px);
        width: calc(100% - 16px);
        font-size: 10px;
        padding: 8px;
    }
    div#mappa {
        font-size: 12px;
        margin: 10px 0 20px 0;
    }
    div#mappa span {
        line-height: 35px;
    }
    a.aggiungi {
        font-size: 40px;
    }
    .button_piani {
        min-width: 100px;
        font-size: 25px; 
        line-height: 35px;
    }
    .progetto_piano_img {
        width: calc(100% - 10px);
        margin: 10px 0 0 0;
    }
    .progetto_piano_appartamenti {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .progetto_piano_appartamenti_testo {
        font-size: 12px;
        margin: 0px;
    }
    .progetto_piano_appartamento_container {
        width: -moz-calc((100% - 20px) / 2);
        width: -webkit-calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2);
        max-width: 150px;
        margin: 0 10px 10px 0;
    }
    .progetto_piano_appartamento span {
        font-size: 10px;
        line-height: 40px;
    }
    .progetto_piano_appartamento h3 {
        font-size: 65px;
        line-height: 10px;
    }
    
    /*########################################## APPARTAMENTO ##########################################*/

    .app_nav {
        padding: 10px 0;
        font-size: 12px;
    }
    .app_nav i {
        padding: 0 6px 0 0;
    }
    .app_img {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .app_image {
        margin: 0 0 10px 0;
    }
    .app_testi.stretto {
        width: 100%;
    }
    .app_numero {
        width: 100px;
        height: 100px;
        margin: 0 0 10px 0;
    }
    .app_numero span {
        font-size: 10px; 
        line-height: 40px;
    }
    .app_numero h3 {
        font-size: 60px; 
        line-height: 10px;
    }
    .app_specifiche {
        margin: 0 0 0 10px;
        font-size: 12px;
    }
    .app_descrizione {
        margin: 0 0 10px 0;
        font-size: 12px;
    }
    .app_planimetrie,
    .app_docs,
    .app_images {
        margin: 0 0 10px 0;
        font-size: 12px;
    }
    .app_planimetrie h3,
    .app_docs h3,
    .app_images h3 {
        font-size: 14px;
    }
    .app_planimetrie i,
    .app_docs i {
        padding: 0 10px 0 0;
        font-size: 16px;
    }
    
    /*########################################## TAB ##########################################*/

    div.tabs {
        margin: 5px 0 0 0;
    }
    ul.tab-nav li,
    ul.tab-nav li a {
        height: 35px!important;
        font-size: 11px!important;
        line-height: 36px!important;
    }
    ul.tab-nav:not(.tab-nav-lg) li a {
        padding: 0 10px!important;
    }
    .side-tabs ul.tab-nav.tab-nav2 li {
        margin: 0 0 2px 0!important;
    }
    div.tab-container {
        padding: 0px!important;
    }
    ul.tab-nav {
        padding: 10px 10px 0 0 !important;
    }
    
    /*########################################## ARTICOLO ##########################################*/
    
    section#content {
        margin: 70px 0 0 0!important;
    }
    
    /*########################################## USER MENU ##########################################*/
    
    #user_menu ul a {
        line-height: 40px;
        padding: 0 5px;
        font-size: 12px;
    }
    
}