/*!---------- RESPONSIVE ----------*/

@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }

  .menu>li ul {
    padding: 10px 0;
  }

  .menu>li ul::before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background: white;
    position: absolute;
    top: -5px;
    left: 30px;
    transform: rotate(45deg);
  }
}

@media all and (max-width: 1100px) {
  .menu>li {
    margin-right: 24px;
  }
}

@media all and (max-width: 991px) {
  .scuola-header {
    width: 100%;
  }

  .align-children,
  .toggle-sub>ul {
    display: block !important;
  }

  .nav-bar,
  .nav-bar .module,
  .nav-bar .module-group {
    /*height: auto;*/
    overflow: hidden;
  }

  .nav-bar .module-group {
    width: 100%;
    padding: 16px 0;
  }

  .nav-bar .module-group .module {
    display: block;
    float: none;
    width: 100%;
  }

  .menu,
  .scrolled .nav-bar .module-group {
    height: auto;
  }

  .scrolled .nav-bar>a {
    line-height: 24px;
    height: auto;
  }

  .scrolled .nav-bar .logo a {
    height: 60px;
  }

  .nav-bar {
    background: rgba(255, 255, 255, 0);
    transition: all 0.2s;
  }

  .nav-open {
    padding-bottom: 30px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 1);
  }

  .nav-open .service-menu {
    display: block;
    padding: 0;
  }

  .service-menu {
    position: unset;
  }

  .scrolled .service-menu {
    display: unset;
  }

  .service-menu>a {
    display: block;
    margin-left: 0;
    line-height: 1 !important;
  }

  .menu li {
    line-height: 36px !important;
    height: auto !important;
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .menu li a {
    height: auto;
    line-height: 24px;
    padding: 4px 0;
    display: inline-block;
  }

  .menu>li ul {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    box-shadow: none;
  }

  .menu>li>ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .menu>li>ul>.dropdown:after {
    content: "\f107";
  }

  .menu>li>ul>li>ul {
    left: 0;
    display: none;
    padding: 0;
  }

  .menu>li>ul li a {
    padding: 4px 0;
  }

  .menu li li.current-menu-item a::before {
    margin: auto;
    height: 3px;
    bottom: 2px;
  }

  .dropdown .dropdown li {
    padding-left: 18px;
  }

  .dropdown {
    padding-right: 0;
  }

  .module.widget-handle {
    border-left: none;
    line-height: 40px;
    min-height: 40px;
  }

  .module.widget-handle i {
    line-height: 40px;
  }

  .module.widget-handle .title {
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-left: 8px;
  }

  .widget-handle .function,
  #loginLogout {
    max-width: unset;
    width: 100%;
    position: relative;
    top: 5px;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    margin-top: 0;
    display: block;
    box-shadow: none !important;
    padding: 5px 0 0;
  }

  .widget-handle .search-form {
    padding: 0px;
  }

  .toggle-search .function {
    display: block;
  }

  .search-widget-handle .search {
    padding: 0 15px;
  }

  .mobile-toggle i {
    line-height: var(--menuheight-scrolled) !important;
    font-size: 20px;
  }

  .menu .sub {
    display: unset;
    position: unset;
    margin-left: 8px;
    color: #444;
  }

  .lightbox-grid li {
    width: 33.33333%;
  }

  .entry-content .alignwide {
    margin-left: unset;
    margin-right: unset;
  }

  .top-news_item {
    width: 100% !important;
  }

  .wp-block-media-text {
    display: unset;
  }

  .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }

  .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 24px;
  }

  #topprofile::after {
    clear: both;
    content: " ";
    display: table;
  }

  #splitlist {
    column-count: 2;
  }

  .correlati .container {
    padding: 0;
  }

  .huge-et::after {
    display: none;
  }

  .eccellenze {
    display: block;
  }

  .icon-items {
    display: none;
  }
}

@media all and (max-width: 767px) {

  .nav-bar,
  .nav-bar .module {
    height: var(--menuheight-scrolled);
    line-height: unset;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 14px;
  }

  .top-news_item {
    padding: 0;
  }

  .ultima-uscita .text,
  .ultima-uscita .cover {
    float: none;
    width: 100%;
  }

  .entry-content ul,
  .entry-content ol {
    font-size: 15px;
  }

  blockquote {
    padding: 10px;
    margin: 0 0 16px;
  }

  section {
    padding: 36px 0;
  }

  .mb-xs-24 {
    margin-bottom: 24px;
  }

  .mb-xs-40 {
    margin-bottom: 40px;
  }

  .nav-bar .module {
    height: var(--menuheight-scrolled);
  }

  .logo {
    width: 200px;
  }

  #filter div {
    display: unset;
    padding: 0;
  }

  .partner-logo {
    margin: 0 0 20px;
  }

  .cols-2,
  .servizi ul {
    columns: 1;
  }

  .cols-3 {
    columns: 1;
  }

  .servizi li {
    width: 100%;
  }

  .main-container.scrolled {
    margin-top: calc(var(--menuheight-scrolled) + 30px);
  }

  #splitlist {
    column-count: 1;
  }

  .scuola-header {
    flex-direction: column;
    text-align: center;
  }

  .scuola-header img {
    width: clamp(200px, 50%, 400px);
    margin: 0 0 40px 0;
  }
}

@media all and (max-width: 600px) {

  .alignright,
  .alignleft {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}