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

    .container {
        max-width: 850px;
    }
    .logo_content {
        width: 316px;
        height: 100px;
    }
    div#logo img {
        height: 100px;
    }
    div.logo_little img {
        width: 162px!important;
        height: 40px!important;
        margin: 5px 0 0 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 330px;
        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;
    }
	
	
	






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

    .slider_home {
        margin: 85px 0 0 0;
    }
    div.slider-caption {
        max-width: 700px!important;
    }
    div.slider-caption h2 {
        font-size: 50px;
        line-height: 15px;
    }
    div.slider-caption p {
        font-size: 11px;
    }
    #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 ##########################################*/

    #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;
    }
	
	/*########################################## ELENCO CAMPO ##########################################*/

    .campo_content {
        width: calc((100% - 40px) / 3);
        margin: 0 10px 10px 0;
    }
    .campo_content h3 {
        font-size: 12px;
        margin: 10px;
    }
    .campo_content a.campo_bottone_img {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }
    .campo_content a.campo_bottone_prenota {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }
    div#campo_filtro_container {
        display: block;
        width: 100%;
        height: 40px;
    }
    div#campo_filtro {
        font-size: 11px;
        line-height: 40px;
        height: 40px;
    }
    div#campo_filtro li {
        padding: 0 0 0 10px;
    }
    .events-calendar-header {
        height: 40px;
    }
    .events-calendar-header h2 {
        font-size: 20px;
        margin: 0;
        line-height: 40px;
    }
    span.calendar-month-year {
        font-size: 10px;
        margin: 0 100px 0 0;
    }
    .cal_titolo {
        height: 100px;
        line-height: 100px;
    }
    .cal_header {
        font-size: 11px;
        margin: 0 0 3px 0;
    }
    
    /*########################################## 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) {
	
	/*########################################## 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: #e84e1b;
        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: #e84e1b;
        color: #FFFFFF;
    }
	
	.sottoheader { 
		height: 90px; 
		margin: 64px 0 0 0;
	}
	.sottoheader_title {
		font-size: 25px;  
		top:50px; 
		right: 0px;  
		padding: 5px 30px; 
		margin: 0 15px 0 0;
		z-index: 1;
	}
	
	/*########################################## HOME ##########################################*/

    .slider_home {
        /*height: 100%!important;*/
        margin: 60px 0 0 0;
    }
    
  /*########################################## ELENCO CAMPO ##########################################*/

    .campo_content {
        width: calc((100% - 40px) / 2);
        margin: 0 10px 10px 0;
    }
    .campo_content h3 {
        font-size: 12px;
        margin: 10px;
    }
    .campo_content a.campo_bottone_img {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }
    .campo_content a.campo_bottone_prenota {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }  
    
}

@media (max-width: 767px) {
	
	.container {
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 30px;
	}
    
    /*########################################## 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: #e84e1b;
        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: #e84e1b;
        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;
    }
	
	.sottoheader { 
		height: 90px; 
		margin: 0px;
	}
	.sottoheader_title {
		font-size: 25px;  
		top:50px; 
		right: 0px;  
		padding: 5px 30px; 
		margin: 0 15px 0 0;
		z-index: 1;
	}
    
    /*########################################## HOME ##########################################*/

    .slider_home {
        /*height: 100%!important;*/
        margin: 60px 0 0 0;
    }
    div.slider-caption {
        max-width: 350px!important;
    }
    div.slider-caption h2 {
        font-size: 20px!important;
    }
    div.slider-caption p {
        font-size: 12px!important;
    }
    div#slider-arrow-right,
    div#slider-arrow-left {
        display: none!important;
    }
    
    section#content.content_home {
        margin: 0px!important;
        background-image: none!important;
    }
    #home_sx,
    #home_centro,
    #home_dx {
        width: 100%;
        margin: 15px 0;
    }
    #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 {
        display: none;
    }
    .home_news_item {
        height: 50px;
        margin: 0 0 3px 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;
    }
    
    /*########################################## ARTICOLO ##########################################*/

    #slider_nav {
        height:200px!important; 
        margin: 85px 0 0 0;
    }
    .articolo_testo h2 {
        font-size: 18px; 
        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;
    }
    
    section#content {
        margin: 64px 0 0 0!important;
    }
	
	/*########################################## ELENCO CAMPO ##########################################*/

    .campo_content {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .campo_content h3 {
        font-size: 12px;
        margin: 10px;
    }
    .campo_content a.campo_bottone_img {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }
    .campo_content a.campo_bottone_prenota {
        width: calc(100% - 20px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px 10px 10px;
        font-size: 12px;
    }  
    
}
    
}

