/* Media Queries (Breakpoints) */

/* Smartphone (≤ 600px) */
@media (max-width: 560px) {

  body {
/*
    background-color: orange !important;
*/
  }

  #upperlogo { 
    margin-top: 0px;
    width: 80%;
  }

  .header-left {
    width: 13% !important;
  }

  .header-right {
    position: relative;
    top: -33px;
    left: 18%;
  }

  .user-lens-pos {
    top: 0;
  }

  #search {
    position: relative;
    top: 0px;
    left: 138px;
    width: 180px;
  }

  .flag_position  {
    font-size: 12px;
    padding: 8px;
  }

  #home_carousel {
    display: none;
  }

  #home_carousel_mobile {
    width: 100%;
    display: block;
  }

  #home_carousel_mobile .carousel-caption {
   display: block !important;
   position: absolute;
   top: 13%;
  }

  #home_carousel_mobile .carousel_up {
    font-size: 18px;
    margin-bottom: 2%;
  }

  #home_carousel_mobile .carousel_text {
    font-size: 10px;
    font-weight: bold;
  }

  #home_carousel_mobile .carousel_button {
    padding: 5px;
    font-size: 10px;
    position: relative;
  }

  .carousel-item .carousel_button {
    top: -26px;
  }
  
  .in_evidenza_sheet {
    margin-bottom: 25px;
    margin-left: -1.2%;
    width: 100%;
  }

  .home-up-boxes {
    height: 245px;
  }

  .zoom-container {
    position: relative;
    left: 5%;
    width: 92%;
    height: 85%;
  }

  .zoom-container-first {
    margin-left: 0px;
  }

  .zoom-container-content {
    font-size: 20px;
  }

  .home-up-boxes-text-1 {
    top: 31%;
  }

  .home-up-boxes-text-2 {
    top: 24%;
  }
  
  .home-up-boxes-text-3 {
    top: 24%;
  }

  .tmp-position {
    left: 0px;
  }

  #home_subscription {
    display: none;
  }

  #home_subscription_mobile {
    width: 95%;
    display: block;
    position: relative;
    left: 2%;
  }

  #home_subscription_mobile .subscription {
    background-image: url("../img/percorsi_mobile.png");
    background-position: right; 
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-left: 18px;
    background-position: unset;
    background-repeat: round;
  }

  #home_subscription_mobile .subscription .carousel_up {
    font-size: 15px;
    margin-bottom: 2%;
  }

  #home_subscription_mobile .carousel_text {
    font-size: 10px;
  }
    
  #home_subscription_mobile .subscription .carousel_text_bold {
    font-size: 35px;
  }
    
  #home_subscription_mobile .subscription .carousel_button {
    top: -26px;
  }

  #home_subscription_mobile .carousel_button {
    padding: 5px;
    font-size: 10px;
    position: relative;
  }

  
  #home_autors_banner {
    display: none;
  }

  #home_autors_banner_mobile {
    width: 95%;
    display: block;
    position: relative;
    left: 2%;
  }

  #home_autors_banner_mobile .autors_banner {
    background-image: url("../img/autori_mobile.png");
    background-position: right; 
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-left: 18px;
    background-position: unset;
    background-repeat: round;
  }

  
  #home_autors_banner_mobile .autors_banner .carousel_up {
    font-size: 15px;
    margin-bottom: 2%;
  }

  #home_autors_banner_mobile .carousel_text {
    font-size: 10px;
  }
    
  #home_autors_banner_mobile .autors_banner .carousel_text_bold {
    font-size: 35px;
  }
    
  #home_autors_banner_mobile .autors_banner .carousel_button {
    top: -26px;
  }

  #home_autors_banner_mobile .carousel_button {
    padding: 5px;
    font-size: 10px;
    position: relative;
  }


  
  #home_libri_banner {
    display: none;
  }

  #home_libri_banner_mobile {
    width: 95%;
    display: block;
    position: relative;
    left: 2%;
  }

  #home_libri_banner_mobile .libri_banner {
    background-image: url("../img/libri_mobile.png");
    background-position: right; 
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-left: 18px;
    background-position: unset;
    background-repeat: round;
  }

  #home_libri_banner_mobile .libri_banner .carousel_up {
    font-size: 15px;
    margin-bottom: 2%;
  }

  #home_libri_banner_mobile .carousel_text {
    font-size: 10px;
  }
    
  #home_libri_banner_mobile .libri_banner .carousel_text_bold {
    font-size: 35px;
  }
    
  #home_libri_banner_mobile .libri_banner .carousel_button {
    top: -26px;
  }

  #home_libri_banner_mobile .carousel_button {
    padding: 5px;
    font-size: 10px;
    position: relative;
  }




  .no-flex {
    display: contents;
  }

  .col-default {
    margin-left: 4.5%;
  }

  .altri_percorsi_div {
    border-right: none;
    margin-bottom: 10%;
  }

  #footer-list li {
    display: block;
    margin-top: 8px;
  }

  .blank-page, .content-text-pages-width, .content-text-pages {
    width: 108%;
  }

  .content-text-pages {
    margin: 0px;
  }

  .page.row {
    margin: 0px;
  }

  .content-text h1 {
    font-size: 30px;
  }

  .content-text {
    font-size: 17px;
  }

  .cat_links {
    font-size: 19px;
  }

  .pmpro {
    margin-left: 4%;
    width: 100%;
  }

  .libri_banner {
    height: 100%;
    padding-top: 10px;
    padding-left: 12px;
    background-position: unset;
    background-repeat: round;
  }

  .libri_banner .carousel_button {
    top: -26px;
  }

  .autors_banner {
    height: 100%;
    padding-top: 1px;
    padding-left: 12px;
    background-position: unset;
    background-repeat: round;
  }

  .autors_banner .carousel_button {
    top: -26px;
  }

  #footer {
    height: 100%;
  }

  .category-posts {
    width: 108%;
  }

  .small_post_thumbnail {
    width: 140px;
  }

  .big_post_thumbnail {
    float: none;
    margin: 0px 28px 23px 35px;
    height: auto;
  }

  #col-menu {
    left: 12px;
    top: 15px;
    width: 100%;
  }

  .col-border {
    border-right: none;
    border-top: 1px solid #D7D7D7;
  }

  .sidebar {
    left: -15px;
    position: relative;
  }

  #title_evidenza h3 {
    font-size: 25px;
  }

  #title_percorsi h3 {
    font-size: 25px;
  }

  #title_autori h3 {
    font-size: 25px;
  }

  #title_classici h3 {
    font-size: 25px;
  }



  
}



/* Tablet (601px–900px) */
@media (min-width: 561px) and (max-width: 750px) {

  body {

   /* background-color: green !important; */

  }

  #upperlogo { 
    margin-top: 0px;
    width: 80%;
  }

  .header-left {
    width: 13% !important;
  }

  .header-right {
    position: relative;
    top: -33px;
    left: 22%;
  }

  #home_carousel {
    width: 100%;
  }

  .user-lens-pos {
    top: 0;
  }

  .carousel-caption {
   display: block !important;
   position: absolute;
   top: 1%;
  }

  .carousel_up {
    font-size: 13px;
    margin-bottom: 2%;
  }

  .carousel_text_bold {
    font-size: 15px;
  }

  .carousel_button {
    padding: 5px;
    font-size: 10px;
    top: -26px;
    position: relative;
  }

  .in_evidenza_sheet {
    margin-bottom: 25px;
    margin-left: -1.2%;
    width: 100%;
  }

  .zoom-container {
    position: relative;
    left: 5%;
    width: 95%;
  }

  .zoom-container-first {
    margin-left: 0px;
  }

  .subscription {    
    width: 100%;
    height: 400px;
    padding-top: 70px;
    padding-left: 0px;
    text-align: center;
    background-position: unset;
  }

  .subscription > .carousel_up {
    font-size: 25px;
    margin-bottom: 2%;
  }
    
  .subscription > .carousel_text_bold {
    font-size: 35px;
  }
    
  .subscription > .carousel_button {
    padding: 12px;
    font-size: 14px;
    top: 0px;
    position: relative;
  }

  .no-flex {
    display: contents;
  }

  .col-default {
    margin-left: 4.5%;
  }

  .altri_percorsi_div {
    border-right: none;
    margin-bottom: 10%;
  }

  #footer-list li {
    display: block;
    margin-top: 8px;
  }

  .blank-page, .content-text-pages-width, .content-text-pages {
    width: 100%;
  }

  .content-text-pages {
    margin: 0px;
  }

  .page.row {
    margin: 0px;
  }

  .content-text h1 {
    font-size: 30px;
  }

  .content-text {
    font-size: 17px;
  }

  .cat_links {
    font-size: 19px;
  }

  .pmpro {
    margin-left: 4%;
    width: 100%;
  }

  #col-menu {
    width: 33%;
  }

  #col-center {
    width: 66%;
  }

  #col-void {
    width: 0px;
  }
	
}



/* Tablet (601px–900px) */
@media (min-width: 751px) and (max-width: 900px) {

  body {

    /* background-color: pink !important; */

  }

  #upperlogo { 
    margin-top: 25px;
    width: 150%;
    position: relative;
    left: -50px;
  }

  .header-left {
    width: 22% !important;
  }

  .header-right {
    position: relative;
    top: -33px;
    left: 29%;
  }

  #home_carousel {
    width: 100%;
  }
  
  #home_evidenza {
    width: 73%;
  }

  .carousel-caption {
   display: block !important;
   position: absolute;
   top: 7%;
  }

  .carousel_up {
    font-size: 18px;
    margin-bottom: 2%;
  }

  .carousel_text_bold {
    font-size: 21px;
  }

  .carousel_button {
    padding: 5px;
    font-size: 10px;
    top: -10px;
    position: relative;
  }

  .in_evidenza_sheet {
    margin-bottom: 25px;
    margin-left: -1.2%;
    width: 100%;
  }

  .zoom-container {
    position: relative;
    left: 5%;
    width: 95%;
  }

  .zoom-container-first {
    margin-left: 0px;
  }

  .subscription {    
    width: 100%;
    height: 400px;
    padding-top: 70px;
    padding-left: 0px;
    text-align: center;
    background-position: unset;
  }

  .subscription > .carousel_up {
    font-size: 25px;
    margin-bottom: 2%;
  }
    
  .subscription > .carousel_text_bold {
    font-size: 35px;
  }
    
  .subscription > .carousel_button {
    padding: 12px;
    font-size: 14px;
    top: 0px;
    position: relative;
  }

  .no-flex {
    display: contents;
  }

  .col-default {
    margin-left: 4.5%;
  }

  .altri_percorsi_div {
    border-right: none;
    margin-bottom: 10%;
  }

  #footer-list li {
    display: block;
    margin-top: 8px;
  }

  .blank-page, .content-text-pages-width, .content-text-pages {
    width: 100%;
  }

  .content-text-pages {
    margin: 0px;
  }

  .page.row {
    margin: 0px;
  }

  .content-text h1 {
    font-size: 30px;
  }

  .content-text {
    font-size: 17px;
  }

  .cat_links {
    font-size: 19px;
  }

  #col-menu {
    width: 33%;
  }

  #col-center {
    width: 66%;
  }

  #col-void {
    width: 0px;
  }

  
}

/* Laptop (901px–1200px) */
@media (min-width: 901px) and (max-width: 1200px) {

  body {
   /* background-color: violet !important; */
  }

  #upperlogo {
    margin-top: 25px;
    width: 150%;
    position: relative;
    left: -50px;
  }

  #search {
    position: relative;
    left: 40px;
    top: -3px;
    width: 180px;
  }

  .header-left {
    width: 22% !important;
  }

  .header-right {
    position: relative;
    top: -33px;
    left: 32%;
  }

  #home_carousel {
    width: 100%;
  }
  
  #home_evidenza {
    width: 73%;
  }

  .carousel-caption {
   display: block !important;
   position: absolute;
   top: 7%;
  }

  .carousel_up {
    font-size: 18px;
    margin-bottom: 2%;
  }

  .carousel_text_bold {
    font-size: 21px;
  }

  .carousel_button {
    padding: 5px;
    font-size: 10px;
    top: -10px;
    position: relative;
  }

  .in_evidenza_sheet {
    margin-bottom: 25px;
    margin-left: -1.2%;
    width: 100%;
  }

  .zoom-container {
    position: relative;
    margin: 0 auto;
    width: 50%;
  }

  .subscription {    
    width: 100%;
    height: 400px;
    padding-top: 70px;
    padding-left: 0px;
    text-align: center;
    background-position: unset;
  }

  .subscription > .carousel_up {
    font-size: 25px;
    margin-bottom: 2%;
  }
    
  .subscription > .carousel_text_bold {
    font-size: 35px;
  }
    
  .subscription > .carousel_button {
    padding: 12px;
    font-size: 14px;
    top: 0px;
    position: relative;
  }

  .no-flex {
    display: contents;
  }

  .col-default {
    margin-left: 4.5%;
  }

  .altri_percorsi_div {
    border-right: none;
    margin-bottom: 10%;
  }

  #footer-list li {
    display: block;
    margin-top: 8px;
  }

  .blank-page, .content-text-pages-width, .content-text-pages {
    width: 100%;
  }

  .content-text-pages {
    margin: 0px;
  }

  .page.row {
    margin: 0px;
  }

  .content-text h1 {
    font-size: 30px;
  }

  .content-text {
    font-size: 17px;
  }

  .cat_links {
    font-size: 19px;
  }

  #col-menu {
    width: 28%;
  }

  #col-center {
    width: 70%;
  }

  #col-void {
    width: 0px;
  }

  
}

/* Desktop (1201px e oltre) */
@media (min-width: 1201px) {

  body {
   /* background-color: blue !important; */
  } 
	
  #col-center {
	width: 66%;
  }
  
}

@media (min-width: 1450px) {
  .container {
    max-width: 1460px;
  }
}