/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  //CSS
  .container, .container-sm {
  max-width: 100%;
  }

}

@media (min-width: 992px)and (max-width: 1280px) {

  .container, .container-lg, .container-md, .container-sm {
	max-width: 100%;
}

}

@media (min-width: 799px)and (max-width: 800px) {
.logo {
	margin-top: -10px;
}
}

@media (max-width: 991px){
.post-list__img-holder {
width: 100%;
}
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  //CSS
  .container, .container-sm {
  max-width: 100%;
  }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  .skin-desktop{display:none!important;}

  .main-container {margin-top:130px;}
  .container, .container-sm {
  max-width: 100%;
  }

  .nav__holder {
  background-color: #283378;
  }



}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  .skin-desktop{display:none!important;}

  .main-container {margin-top:130px;}
  .container, .container-sm {
	max-width: 100%;
  }

    .nav__holder {
  	background-color: #283378;
    }

    .nav__search-trigger {
  	border:none;
    }
    .newsticker__item-url {
    	font-size: 11px;
    }

    .post-list__img-holder {
  	width: 260px;
    }



    .logo {
        margin-top: -5px;
       }
       .logo-small {
      height: 45px;
      margin-top: -7px !important;
     }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

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


  .sidenav {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1200;
    overflow-y: auto;
    -webkit-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
    .sidenav--is-open {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }

  .skin-desktop{display:none!important;}
  .bigEvidenza{display:none!important}
  .main-container {margin-top:0;}
  .container, .container-sm {
	max-width: 100%;
  }

  .skin-desktop{display:none!important;}

  .main-container {margin-top:130px;}
  .trending-now {display:none}

  .container, .container-sm {
	max-width: 100%;
  }
    .nav__holder {
  	background-color: #283378;
    }

    .nav__search-trigger {
  	border:none;
    }



}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

  .sidenav {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1200;
    overflow-y: auto;
    -webkit-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
    .sidenav--is-open {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }

  /*PRIMO POST*/

  .entry__evidenza .data {
      font-size: 13px !important;
      color: #283378;
      margin-bottom: 5px;
      margin-top: 10px;
      }

  .entry__evidenza .abstract {
  	display:none;
  }

  .entry__evidenza {
  	position: relative;
  	z-index: 2001;
  	bottom: 2rem;
  	left: 0;
  	width: 100%;
  	padding: 0;
  	font-size: 22px !important;
  	color: #fff;
  	top: 0;
  }


      .entry__evidenza h2 {
    	color: #fff;
    	font-size: 22px;
    	line-height: 22px;
    }

    .entry__evidenza a {
      color: #283378;
      font-size: 22px;
      line-height: 1.2;
      }

    .img-gradient2::after {
	   display: none;
     }

  /*FINE PRIMO POST*/

  .thumb-entry-title {
  	font-size: 15px;
  }

  .post-list-small__img-holder {
	width: 80px !important;
	float: left;
	margin-right: 15px;
}

  .skin-desktop{display:none!important;}

  .main-container {margin-top:105px;}
  .trending-now {display:none}

  .logo {
    height:45px;
  	line-height: 1;
  	position: absolute;
  	left: 50%;
  	margin-left: 0;
  }
  .header-2 {height:115px}
  .menu-button{margin-top:0!important}
  .menu-small{margin-top:15px!important}
  .social-header-container {display:none}
  .sticky-2 {height:80px!important}

  .logo-small {
    	height: 40px !important;
    	margin-top: 2px;
    }

  .post-list__img-holder {
	width: 100%;
}


  .nav__holder {
	background-color: #283378;
  }

  .nav__search-trigger {
	border:none;
  }

  .all-posts-url{display:none}


}


@media screen (max-width: 1080px) {
  main-container{margin-top:130px;}
}