@media  (max-width : 1900px) {
.js-masonry{;margin-left:80px!important}

}

@media  (max-width : 1580px) {
.js-masonry{margin-left:60px!important}

}


@media  (max-width : 1200px) {
.js-masonry{margin-left:100px!important}

}

@media  (max-width : 1024px) {
	#partners {line-height:70px;display:block;width:100%!important;margin:10px0!important; clear:both;padding:0 ;}
.js-masonry{margin-left:150px!important}
     .content-right .fb-like-box{margin-left:30px;}
     .content-right .twitter-timeline{margin-left:30px;}
.item #info{display:block!important}


}

@media  (max-width : 979px) {
    .js-masonry{margin-left:60px!important}
    .cat-left, .cat-right{    width: 50%;!important;float:left;}
    
    .content-left{        float: left; width: 100%;
        text-align: center;}
    
    #content-bottom1 .bottom1-right{
        text-align: center;
        padding-top: 20px;
        clear: both;
        width: 100%;
        display: block;}
    
    #content-bottom1 h2{
        font-size: 25px;}
    
    #content-bottom .image-desc{
        clear: both;
        float: none;
        width: 100%;
        position: relative;
        margin-top: 35px;}
    
    #content-bottom{
        text-align: center;}
.container{width:100% !important; }



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#footer-cont1 #newsletter input[type=submit]{ margin: 0; padding: 0;}
	.h255{top: 210px;}
	.h480{top: 440px;}
				.cambioLingua{display:none}
			.cambioLinguaMob{display:block!important}
		#language:hover,#language{position:absolute!important;top:72px!important ;right:170px!important;z-index:9999999;width:65px;height:30px;overflow:hidden;background:none!important}
	
}
/* iPAD vertical */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.logo{margin-left:10px;}
	#social img{margin: 0;}
	#footer-cont1 #newsletter input[type=submit]{ margin: 0; padding: 0;}
.cat-left,
.cat-right{min-height:400px!important;border:1px solid  #fff!important}

	.h255{top: 210px;}
	.h480{top: 455px;}
    .js-masonry{margin-left:140px!important}
	    #content-bottom1 .bottom1-right span.scopri{        float: none;        font-size: 20px;        padding-top: 25px;        width: 115px;        height: 115px;        margin:auto;}
		
		.badge-top { display: inline-block; bottom: -20px; z-index: 1; position: absolute; right: -42px;}
			.cambioLingua{display:none}
			.cambioLinguaMob{display:block!important}
	#language:hover{}
	#language{position:absolute!important;top:32px!important ;right:100px!important;z-index:9999999;width:65px;height:30px}
.badge-top  img{width:70%}
}
 /* -------------- ipad vert  ----------------- */

@media (max-width : 768px) {
  html,body{    width: 100%;    height: 100%;    margin: 0px;    padding: 0px;    overflow-x: hidden; }
.container {width: 100%!important;display:block}
.badge-top { display: inline-block; bottom: -15px; z-index: 1; position: absolute; right: -62px;}
.badge-top  img{width:50%!important}
.navbar-nav li a{font-size:15px!important}
 .js-masonry{margin-left:0px!important}
 #social{float:left; padding:0; margin-top:5px;  margin-right:5px; }
#language{margin-right:20px!important}

				.cambioLingua{display:none}
			.cambioLinguaMob{display:block!important}
		#language:hover,#language{position:absolute!important;right:-30px!important;z-index:9999999;width:65px;height:30px;overflow:hidden;background:none!important}


}
 /* -------------- Iphone ----------------- */
@media (max-width : 480px) {
#footer-cont1 #newsletter input[type=submit]{ margin: 0; padding: 0;}
#mail{width:120px!important;margin:0 0 7px 0}
#slideshow .description h2{  margin-bottom: 10px; font-size: 20px!important; font-weight: bold; margin-left: 15px;line-height:28px;   text-transform: uppercase;}
#slideshow .description h2 span{line-height:14px!important;}
#footer-cont4{padding-bottom:10px!important}
#filter-category #elencoA #event .event-right img.read-more{    float: right;    margin-right: 5px;    border-radius: 100%;}

#partners {width:100%!important;vertical-align:middle}
#partners img{margin:5px 0;width:40px ;vertical-align:middle ;}
.partner {width:20%!important; float:left!important; height:65px}
#partners .clear{float:left !important;}

#newsletter{ width:175px; margin:auto; float:left; clear:both !important; height:40px; text-align: center; font-size:14px}
 #newsletter form{margin-left:15px!important}

.logo{margin-top:5px!important; margin-left: 20px;width:200px}															  
#social{float:left; padding:0; margin-top:5px;  margin-right:5px; }
#language{margin-right:20px!important}
    #content-bottom1 .bottom1-right span.scopri{        float: none;        font-size: 20px;        padding-top: 25px!important;        width: 115px;        height: 115px;        margin:auto;}
#footer-cont1 #newsletter{width:200px!important;text-align:center;}
#footer-cont1 #newsletter form{margin-left:25px!important}

.W100{float:left;width:96%;padding:0 2%!important}
.W50{float:left;width:46.0%;padding:0 2%!important}
.W30{float:left;width:25.3%;padding:0 3%!important}
    #content-bottom1 .bottom1-right{        text-align: center;        padding-top: 20px;        clear: both;        width: 100%!important;        display: block;margin:0 0 0 -20px!important}   
	#footer-cont4{width:100px!important;margin:0 auto!important;text-align:center!important}
#footer-cont4 span{display:block;margin:0 0 5px -110px!important}
#content-bottom{    min-height: 200px;    padding-bottom: 20px;}
}

@media (max-width : 568px) {.js-masonry{margin-left:45px!important} }
@media (max-width : 480px) {.js-masonry{margin-left:0px!important} }

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.js-masonry{margin-left:0px!important}
}

@media (max-width : 320px) {.js-masonry{margin-left:40px!important} }


@media (max-width : 800px) {
.nav{width:80%!important}
.nav li a{padding-left:4px!important;padding-right:4px!important}
#mail{width:120px!important;margin:0 0 7px 0}
#footer-cont2{padding: 20px 1%;}
#footer-cont3{padding: 15px 1%; }
#footer-cont4{padding: 15px 1%; }
#filter-category #category-header .filter-1{ width: 98%}
#filter-category #category-header .filter-2{width: 98%;}
#filter-category #category-header .filter-3{ width: 98%;        margin-left: 0;}


}
@media (max-width : 640px) {
#header_left{text-align:center; float: none; width: 100%;}
#header_right{text-align:center; width: 100%; padding-left: 0;}

.W50{float:none;width:98.0%;padding:0 1%;;margin:0 0 30px 0}
.W30{float:none;width:98.0%;padding:0 1.0%;margin:0 0 30px 0}

.videoBox{float:left;width:48.66666666%;padding:0 1%;height:190px}
.filtriVideo .filter-1,
.filtriVideo .filter-2{ padding-left: 15px;    width:98%;    float: left;    margin-right: 0px;    display: inline-block,  overflow: hidden;    background:#c7d13c;     text-transform:uppercase;    height: 24px;    padding: 10px 14px 35px  10px;     text-align:left;       margin-top:15px;}

.logo{margin-top:20px; margin-left: 0;}

#newsletter{ width:175px; margin:auto; float:none; clear:both !important; height:40px; text-align: center; }
#social{text-align:center; float:left; margin:10px auto; clear:inherit !important;  height:20px; margin:10px ; text-align: center;  }
#social img{margin:0 5px; float:left;}
#language{float:right!important;      height: 20px;    margin:20px 20px 0 0;    text-align: left;}

#language ul{margin:auto;}

.badge-top{display:none;}

#partners {line-height:100px;}
#partners img{margin:20px 0;  }
.partner {width:50%; float:left; text-align:center; line-height:100px;}
 /*#partners .clear{clear:both !important;} */

#footer-cont1{padding: 15px 0; width: 100%; text-align: center; float: none;}
#footer-cont2{padding: 20px 0; width: 100%; text-align: center; float: none;}
#footer-cont3{padding: 15px 0; width: 100%; text-align: center; float: none;}
#footer-cont4{padding: 15px 0; width: 100%; text-align: center; float: none; height: 100%; overflow: auto}
#footer-cont1 #newsletter{margin: auto; left: 50%; float:none; clear:both !important; width:229px; text-align: center;}
#footer-cont1 #newsletter input {width: 199px;}
#footer-cont4 #social{margin: auto; width: 200px; }

#copyright-left{width: 100%; float: none; text-align: center;}
#copyright-left span{margin-left: 0;}
#copyright-right{width: 100%; float: none; text-align: center;}



#slideshow .description{

        width: 100%;
        color: #fff;
        position: absolute;
        top:20%;
        left: 0;
        background:url(images/caption.png) repeat-y;
	}
#slideshow .description h2{
        margin-bottom: 10px; font-size: 28px; font-weight: bold; margin-left: 15px;
        text-transform: uppercase;}

    #slideshow .description h5{ margin-left: 15px;
        font-size: 18px;}

	.item .cift img{width: 236px !important; height: auto !important; max-width: 100% !important;display:block}
	.item .cift2 img{width: 236px !important; height: auto !important; max-width: 100% !important;}
	
	#slider{ width:236px !important; overflow: hidden; height: 236px; }
	#slider img{width:214px;}
	#slider .slider-inner{height: 216px;}
	
	.item .cift{width:236px; height: auto; margin: 2px;}
	.item .cift2{width:236px; height: auto; margin: 2px;}
	
	.item {min-height: inherit;}
	
	#filter-category #filter-content {  clear: both;  padding-top: 135px;  width: 100%;}

#article-header-container{width:100%; position: relative; height: auto;}

#article-header{ height: 100%; overflow: auto; clear: both; margin-top: 10px; position: relative;}
#article-header-left{ width: 100%; float: none;}
#article-header-middle{width: 100%; float: none; padding-top: 0;} <!-- -- >


#article-header-right{width: 100%; float: none;  position: relative; }
#article-header-right{width: 33.33%; float: left;  position: relative; padding-top: 75px;}


.category-name{width:100%; padding: 10px 0; text-align: center; color: #fff; font-size: 18px; line-height: 28px; font-weight: bold; display: inline-block;}
.category-name.verde{background: #6fb649; }

#article-header-middle a{ display: block; margin: 10px auto 10px auto; width: 100%;}


#content{margin-top: 10px; clear: both;}

.filter-event1{ position: absolute;     z-index: 9999999;    padding:12px 15px 12px 25px;     width: 250px;    top: 0px;    overflow: hidden;    height: 45px; left: 50%; margin-left: -130px;    background:url(images/arrow-bottom.png) no-repeat  200px 10px #c7d13c;    }
    
.content-left{width:100%; float: none; text-align: center;}
.content-right{width:100%; float: none;  text-align: center;}
.cat-left{width:100%; float: none; text-align: center;}
.cat-right{width:100%; float: none;  text-align: center;}

#content-inside .content-left #event .cat-left .image img.img-1, #content-inside .content-left #event .cat-left .image img.img-2{	float: none;}
.content-right .fb-like {width: 100%;}

}
@media (max-width : 740px) {
    
    .content-left{        width: 100%;        float: none;        text-align: center;}    
        #content-bottom1 .bottom1-right h3{        width: 90%; margin: auto;}
    
    #content-bottom1 .bottom1-right span.scopri{        float: none;        font-size: 20px;        padding-top: 5px;        width: 115px;        height: 115px;        margin:auto;}
           
    #content-bottom1 .bottom1-right{       text-align: center;       padding-top: 20px;       clear: both;        width: 100%;        display: block;}    
    #content-bottom1 h2{        font-size: 25px;}    
    #content-bottom .image-desc{        clear: both;        float: none;        width: 100%;        position: relative;        margin-top: 35px;}
        #content-bottom{        text-align: center;}
    
    #category-header img.arrow-right{        margin-bottom: -5px;}
    
    #content-bottom .image-desc span{       position: relative;}
    
    #category-header img.arrow-left{
        margin-bottom: -5px;}
    
    #category-header{
        position: relative!important;
        clear: both;
        float: none;
        width: 100%;}
    
   
    #category-header .torna a h3{
        font-size: 18px;}
    
    #content-inside .content-left #event .cat-right{        width: 100%;        max-width: 1000px;        clear: both;       margin-bottom: 35px;}
    
    #content-inside .content-left #event .cat-left .image{        text-align: center;}    
    #content-inside .content-left #event .cat-left .image img.img-1,
    #content-inside .content-left #event .cat-left .image img.img-2{        display: inline-block;        float: left;}
    
    #categorie-header ul li{
        font-size: 16px;}
    
        #categorie-header ul li{
        width: 100%;
        max-width: inherit;
        padding: 10px;}
    
    #filter-category #category-header .filter-1{
        width: 100%;padding-left: 30px; padding-right: 15px; margin-right: 0px;}
    
    #filter-category #category-header .filter-2{
        width: 100%;}
    
    #filter-category #category-header .filter-3{
        width: 100%;
        margin-left: 0;}
#article-header-container{width:100%; position: relative; height: auto;}

#article-header{ height: 100%; overflow: auto; clear: both; margin-top: 10px; position: relative;}
#article-header-left{ width: 100%; float: none;}
#article-header-middle{width: 100%; float: none; padding-top: 0;}
#article-header-right{width: 100%; float: none;  position: relative; }

.category-name{width:100%; padding: 10px 0; text-align: center; color: #fff; font-size: 18px; line-height: 28px; font-weight: bold; display: inline-block;}
.category-name.verde{background: #6fb649; }

#article-header-middle a{ display: block; margin: 10px auto 10px auto; width: 100%;}
.filter-event1{ position: absolute; 
    z-index: 9999999;
    padding:12px 15px 12px 25px; 
    width: 250px;
    top: 0px;
    overflow: hidden;
    height: 45px; left: 50%; margin-left: -130px;
    background:url(images/arrow-bottom.png) no-repeat  200px 10px #c7d13c;
    }
}

@media (min-width: 480px) and (max-width: 640px){
    #footer-cont1 #newsletter input {float:none;}
}