/*------------- RESPONSIVE-----------------------*/
 
.separatore { display: none; }

.bannerMaincontent .bannerDesktop { display:none }
.bannerMaincontent .bannerMobile img { width: 100%; padding: 0 15px;  }
.bannerSpalla img { width: 100%; }

.bannerMaincontent .bannerPostDesktop { display:none }
.bannerMaincontent .bannerPostTablet { display:none }
.bannerMaincontent .bannerPostMobile img { width: 100%; }


@media screen and (min-width:892px) and (max-width:1079px){
	header.smaller .testata .navbar-nav{
	margin-top:5px!important;
	}
}

@media screen and (max-width: 1199px) {	
	.widget{ max-width:315px; margin: 40px auto 0 auto;}
	.manchette img{height:auto;}
	
	.widget-correlati  img.media-object{width:100%; height:auto;}
	
	.widget-correlati .media-left{
    display: inline-block;
	}
	
	.widget-correlati .categoria a {
    padding: inline-block;
	}		
	
	.widget-correlati .categoria {
    font-size: 14px;
	 padding: 7px 0;
	}
	
	.widget-correlati .media-heading{
    font-size: 16px;
	padding: 7px 0;
	}
	
	.widget-correlati .media{
    margin-bottom:20px;
	}
}

@media screen and (min-width:692px) and (max-width: 892px){
	header.smaller .testata .navbar-nav{
	margin-top:20px!important;
	}

}
	
@media screen and (max-width: 992px) {

	.btn-group-vertical>.btn.bottone, .btn-group>.btn.bottone{float:none;}

	.bottone{float:none; margin:10px 0;}
	
	.sottotitolo{margin:20px 0;}
	.sottotitolo.float-left{float:none;}	
	.sharethis, .stampa_pulsante{float:none;}
	.sharethis, .stampa_pulsante{float:left;}
	.data-pub{text-align:left; margin-top:10px;}
	
	.prev-post-next .right{text-align: left; margin-top:15px;border:hidden;}
	
	.info-articoli, .categoria {
		font-size:14px; }
		
	.data{
		padding-right:5px;
		margin-right:5px;
		white-space: nowrap;}
		
	.testo-topic h3{
	font-size:16px;
	margin:20px 0 20px;	
		}
		
	.video-iframe iframe{
		width:100%;	
}	
	
	.footer{bottom:initial;}
}

@media screen and (max-width:486px){
	.social{float:none;}
}


@media screen and (max-width: 767px) {
	#menuServizio.nav>li>a, #menuServizio.nav>li{display:inline-block;}
	#menuServizio.nav>li>a{padding: 10px; font-size: 16px; line-height:26px;}
	#menuServizio{float:left;}
	
	.top .container{padding:5px;}
	
	
	header .logo {text-align:center;}
	
	.testata #menuTop{text-align: center;margin:30px; padding:0;}
	#menuTop.nav > li > a {font-size: 16px; padding: 10px 7px; display: inline; float: none;}
	#menuTop.nav>li {display: inline;}
	.manchette {text-align: center; display: none;}
	.manchette img {width: auto; margin: 10px;}
	
	.post-title {font-size: 28px;}
	
	.post-content img{max-width:100%; width:auto; height: auto;}
	
	.prev-post-next .right{text-align: left; margin-top:15px;}
	
	.giornale-evidenza .image_fx5{max-width: 300px; margin: 0 auto;}
	.data-sfoglia-giornale{text-align: center;}
	.dati-utente{padding-left:0;}
	.articoli-recenti{margin:0;padding:0;}
	 .articolo-taglio h3{margin:10px 0; }
	.topic{margin:25px 0;}
	
	.contentElenco .col-md-4 {min-height:auto;}

	.widget-correlati.widgCorr-style1, .widget-correlati{margin:30px auto 10px;}
	
	.video-verticale { padding-bottom: 110%;}
}




@media screen and (max-width: 540px){
	header .logo img {max-width: 250px; margin-top:10px;}
	
	.social {text-align: center;margin: 15px; float:none;}
	
	.testata .logo{margin:10px;}
	.testata #menuTop{ margin:20px 0 15px; }
	#menuTop.nav > li > a {font-size: 12px; padding: 10px 7px;}
	
	.manchette img {width: 100%;padding-right: 20px;}
	
	.navbar-nav {padding: 7.5px -5px}
	#menuServizio{float:none; text-align: center;}
	
	.categoria-big, .info-articoli-big {font-size:15px;}
	.homepage-big-image .testo-homepage-big-image {position: initial; background-color: #111;padding: 10px 23px;}
	.homepage-big-image .gradientImg:before {background: transparent;}
	h1{font-size:1.8em;line-height: 1.4em;}
	.testo-homepage-big-image h1{font-size:23px;}
	
	.fascia-news .col-lg-9, .fascia-news .col-lg-3{width:100%; float:none;}
	.sezione-topic{display:block;}
	.sezione-topic span{font-size: 24px;}
	.fascia-news .scopri{ display: block; margin: 0 0 10px 0;text-align: left; font-size: 16px;}
	
	.search-box.widgetfx-1 {z-index: 9999;}
	#searchform{width:90%;top: 45%;}
	.search-box.widgetfx-1 span {top: 5%; width: 90%;}
	
	.footer {}
	#footer, #footer > .container {}
	#footer .nav-footer ul li {padding: 0 5px;}
	#footer .nav-footer ul li a{font-size:12px;}
	.nav-footer ul{padding:0;}
	#footer > .container {padding: 10px;}
	
	.col-xs-6.spalla{width:100%;}
	
	.featured-image-post.pull-left{float:none !important;}
	
	#contour label.fieldLabel, .contour label.fieldLabel{float:none;}
	
	#contour input.text, #contour textarea, .contour input.text, .contour textarea{width:100% !important;}
	
	.giornale-evidenza .btn-group-lg>.btn.log-out{margin-top: 10px;border-radius: 0;}
	.giornale-evidenza .btn-group-vertical>.btn, .btn-group>.btn{float:none !important;}
	.giornale-evidenza button{display:block; float:none;}
	
	.loginBgForm table, .loginBgForm input.form1, .loginBgForm input.form2{width:100%;}
	.testo-spalla{
		left:20px;}
	
	.footer .info-footer li{
		width:100%;
		margin-bottom:10px;
	}
	
	.footer .info-footer .info-padding{
		padding-left:6px; }
	
	#menuServizio .fa-sign-in {
    font-size: 20px;
}
	
	.video-verticale { padding-bottom: 155%;}
	

}


@media screen and (max-width: 400px) {
	.contentElenco .col-xs-6.item-img{width:100%;}
	.col-lg-9.interna {padding: 0 20px;}
	.post-content ul li ul {margin-left: 20px;}
}

@media screen and (max-width: 320px) {
	hmtl, body{width:320px;}
}

@media (min-width: 714px) and (max-width: 767px) {
.articolo-taglio{margin-bottom:50px;}	
}



@media (min-width: 500px) {
	.testo-homepage-big-image {position: absolute;}
	.separatore{display:none;}
	
	.bannerMaincontent .bannerDesktop { display: block; padding: 14px 14px 0px 14px;  }
	.bannerMaincontent .bannerMobile { display: none }
	
}

@media (min-width: 541px) and (max-width:767px) {
	.testo-homepage-big-image h1{font-size:28px;}
	.categoria-big, .info-articoli-big{font-size:18px;}
	.testo-articolo-taglio{overflow:auto;}
	

}


@media (max-width: 540px) {
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child), .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-radius: 5px;
}
	
.opinione-tv iframe{height:250px !important;}

.opinione-tv .gradientImg{height: 450px !important;}
}

@media (min-width: 500px) and (max-width: 767px) {
	.articolo-taglio .image_fx5{ max-width: 38%;float: left;margin: 0 15px 0 0;}
	.articolo-taglio .testo-articolo-taglio{}
	.topic .image_fx5 img{height:300px; width:auto;}

}

@media (min-width: 400px) {
	.bannerMaincontent .bannerPostMobile { display:none }
}

@media (min-width: 400px) and (max-width: 767px) {
	.topic { overflow:auto; background-color: #111; clear:both; padding:0; }
	.topic .image_fx5 { max-width: 50%; float:left; margin-right:15px;}
	.topic .gradientImg:before { background: transparent;}
	.testo-topic { position: initial; }
	
	

.bannerMaincontent .bannerPostTablet { display:block; }
.bannerMaincontent .bannerPostTablet img { width: 100%; }
	
}
	
@media (min-width: 768px) {    

.social{padding:5px;}
header .logo img{width:170px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
header.smaller .logo img{width: 180px;height: auto;margin: 10px; }
header{}
header.smaller{position:fixed;  z-index:9999; background-color: #fff; width:100%; top:0;}
header.smaller .manchette, header.smaller .manchette, header.smaller .social{ display:none;}
header.smaller #menuServizio{position: absolute; right: 10%; top:5px;}
header.smaller .menuPrincipale.navbar{margin-bottom:0;}
header.smaller #menuTop.nav > li > a{font-size:13px;}
header.smaller .testata .logo{margin-top: 15px;}
/* header.smaller .testata #menuTop{margin-top: 0;margin-left:-17%; float:right; margin-left:5%;} */
header.smaller .top .col-md-9{width:100%}
header.smaller .testata .container {padding: 0;}
header.smaller .menuPrincipale{-webkit-box-shadow: 0px 15px 54px -2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 15px 54px -2px rgba(0,0,0,0.30); box-shadow: 0px 15px 54px -2px rgba(0,0,0,0.30);}
header.smaller #menuPrincipale .navbar-nav>li>a{font-size:14px; padding: 10px;}
header.smaller .testata .col-sm-6{width: 75%;padding-top: 35px;}
#menuPrincipale .nav li{display:inline; float:none;}
	
.navbar{min-height:inherit;}
.social{margin-top:10px;}
	
#menuTop.nav > li > a{font-size: 13px;padding: 10px 8px;}

.manchette img{max-width:110px;}
	
.testata #menuTop {margin-top: 35px;}
	
header.smaller .testata .navbar-nav{margin-top:20px;}
	
.bannerMaincontent .bannerDesktop {  padding-bottom: 20px;  }	
	
.bannerMaincontent .bannerPostTablet, .bannerMaincontent .bannerPostMobile { display:none; } 
.bannerMaincontent .bannerPostDesktop { display:block; }
.bannerMaincontent .bannerPostDesktop img { width: 100%; }

}   

@media (min-width: 1080px) {
	header.smaller #menuServizio{
	right:0;
	}
}

@media (min-width: 830px) {
}
@media (min-width: 992px) {
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:10px; padding-right:10px;}
#menuPrincipale .navbar-nav>li>a{padding:15px; font-size:16px;}

.testata #menuTop{margin-left:55px; }
	
header .logo img{width:250px; }
header.smaller .top .col-md-6{width:100%;}
header.smaller .testata .col-sm-6{width:initial; padding-top:0;}
header.smaller .testata .logo{margin-top:0;}
.bannerAbbonati	{ width: 632px}
	
	
.bannerMaincontent .bannerDesktop { padding: 20px 0 20px 10px; width:960px }	
}
@media (max-width: 1199px){
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #710909;}
	
.smaller #menuTop.navbar-nav>li>a{padding:15px 5px;}

.sidebar{clear:both;}

.widget.articoli-recenti .image_fx5{float:left; margin:0 10px 10px 0;}

.bg-container-evidenza{height:200px;}

.testo-widget h5 {
    font-size: 15px;
    margin-top: 4px;
    line-height: 20px;}
	

.testo-widget .categoria-small, .testo-widget .info-articoli-small {
	font-size: 15px;
}
	
.opinione-tv .gradientImg{height: 500px;}
.opinione-tv iframe{width:100%; height:350px;}
.opinione-tv .testo-spalla{left:0;}
.maincontent .opinione-tv iframe{width:100%; height:200px;}
	
.mensile .gradientImg::before,  .maincontent .mensile .gradientImg {height: 460px; height: 530px;}
	

}


@media (min-width: 400px) and (max-width: 767px) {

	.mensile .testo-spalla { position:initial; }
	.mensile img.img-mensile {width: auto; position:initial; max-width:290px;}
	.mensile .gradientImg::before { background-color: transparent; background:transparent; }
	.mensile .gradientImg { height:100%; position: initial; position: relative;   }
	.mensile .position-etichetta{ /* left:10px;*/ }
}

@media (max-width: 400px) {
	.mensile .gradientImg, .mensile .gradientImg::before{ height: 450px;}
	.mensile .gradientImg{width:300px;}
}


@media (min-width: 1200px) {
	
	#menuPrincipale .navbar-nav>li>a{padding:15px 25px;}
	header .logo img {width: 310px;}
	#menuTop.nav > li > a{font-size:18px; }
	.manchette img{max-width:100%;}
	
	.testata #menuTop{margin-top: 50px;}
	
	header.smaller .testata #menuTop{margin-top: 10px;margin-left:-10%;}
	header.smaller #menuTop.nav > li > a{font-size:16px;}
	
	.bannerAbbonati	{ width: 100%}	
	.bannerAbbonati span { display:block}	

	.bannerSidebar img { /*min-height: 414px*/}	
	.bannerMaincontent .bannerDesktop { padding: 0px 0 20px 10px; width: 868px  }
	
	.smallerNew .navbar{position:fixed; top:0; width:100%;}
	header{height:250px;}

}

@media (min-width: 692) and (max-width: 892){
	header.smaller.testata #menuTop{
	margin-top:19px;
	}
}