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

    .container {
        width: 80%!important;
        min-width: 850px;
    }
    .logo_content {
        width: 171px;
        height: 120px;
        padding: 12px;
    }
    div#logo.logo_content img {
        max-height: 70px;
        max-width: 120px;
    }
    div.logo_little img {
        width: 76px!important;
        height: 40px!important;
        margin: 5px 0;
    }
    #barra_sopra_container {
        height: 32px;
    }
    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: 32px!important;
        line-height: 32px!important;
        font-size: 10px!important;
    }
    div.top-links ul ul, div.top-links ul div.top-link-section {
        top: 32px!important;
    }
    #menu_container {
        top: 32px;
        height: 54px;
    }
    nav#primary-menu {
        height: 54px;
    }
    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: 54px;
        line-height: 54px;
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    nav#primary-menu ul li.mega-menu .mega-menu-content {
        width: 630px;
        top: 62px;
        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: 62px;
        width: 220px;
    }

    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: 54px;
        line-height: 54px;
        margin: 0 0 0 10px;
    }
    div#top-search form input {
        height: 54px;
        line-height: 54px;
        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;
    }






    .color-band {
        top: 86px;
    }

    .header_parallax {
        padding: 160px 0;
        background-size: 100%;
        background-min-height:1000px;
    }

    /*########################################## HOME ##########################################*/

    .slider_home {
        height: 100%!important;
        margin: 86px 0 0 0;
    }
    div.slider-caption {
        max-width: 700px!important;
    }
    div.slider-caption h2 {
        font-size: 30px;
    }
    div.slider-caption p {
        font-size: 20px;
    }
    #home_sx,
    #home_centro,
    #home_dx {
        width: -moz-calc((100% - 30px) / 3);
        width: -webkit-calc((100% - 30px) / 3);
        width: calc((100% - 30px) / 3);
        margin: 15px 0 15px 15px;
    }
    #home_sx {
        margin: 15px 0 !important;
    }
    #home_sx h2,
    #home_centro h2,
    #home_dx h2 {
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .home_sx_img {
        height: 185px;
    }
    .home_news_item {
        height: 50px;
        margin: 0 0 10px 0;
    }
    .home_news_item_content {
        padding: 10px;
    }
    .home_news_item h3 {
        font-size: 13px;
    }
    .home_news_item p {
        margin: 5px 0 0 0;
        font-size: 8px;
    }
    
    /*########################################## PATHWAY ##########################################*/

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

    div#submenu_container {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    
    /*########################################## ARTICOLO ##########################################*/
   
    #header_image {
        margin: 85px 0 0 0;
    }
    #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;
    }
    
    /*########################################## RISORSE ##########################################*/

    div.risorsa {
        width: -moz-calc((100% - 75px) / 2);
        width: -webkit-calc((100% - 75px) / 2);
        width: calc((100% - 75px) / 2);
        height: 100%;
        min-height: 70px;
        margin: 15px 15px 0 0;
        padding: 15px;
    }
    div.risorsa:nth-child(2n) {
        margin: 15px 0 0 0;
    }
    div.risorsa_icona {
        width: 50px;
        height: 70px;
        font-size: 40px;
        line-height: 70px;
    }
    div.risorsa_content {
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
    }
    div.risorsa_content h3 {
        font-size: 20px;
        font-weight: 400;
        margin: 0 0 5px 15px;
    }
    div.risorsa_content span p {
        font-size: 13px;
        font-weight: 300;
        margin: 0 0 0 15px;
    }
    
    /*########################################## 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_img img {
        /*max-width: 190px;
        max-height: 130px;*/
    }
    .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) {
    
    /*########################################## ARTICOLO ##########################################*/
    
    section#content {
        margin: 70px 0 0 0!important;
    }
    
}

@media (max-width: 767px) {
    
    /*########################################## 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: #FFFFFF;
        color: #00BCD4;
        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: #00BCD4;
        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: #0097A7!important;
        color: #FFFFFF!important;
        padding: 0px!important;
    }
    nav#primary-menu ul ul li a:hover {
        background-color: #FFFFFF!important;
        color: #0097A7!important;
    }
    nav#primary-menu ul ul ul li a {
        font-size: 12px;
        line-height: 40px!important;
        background-color: #00838F!important;
        color: #FFFFFF!important;
        padding: 0px!important;
    }
    
    /*########################################## HOME ##########################################*/

    div#img_home {
		position: absolute;
		top: 80px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: #00BCD4;
		height: 100%;
	}
	div#img_home img {
		display: block;
		margin: 0 auto;
	}
	.logged #img_home {
		top: 120px;
	}
    
    /*########################################## ARTICOLO ##########################################*/
    
    section#content {
        margin: 60px 0 0 0!important;
    }
	
	
	.news_item_dx {
        width: 100%;
    }
    
}