@media (max-width: 1200px) {
	#form-domande label {
  		width: 93%;
	}
	
	.blk .fa.fa-spinner.fa-spin {
	  left: 46%;
	  top: 46%;
	}
}

@media (max-width: 1164px) {
    .link-screen.image {
        height: 175px;
    }
    
    .card .team-voto,
    .card-container .card .vote {
        margin-left: -21px;
    }
}

@media (max-width: 991px) {
    #callout-ql .classe-quick-link {
        padding-bottom: 54px; 
    }	
    
    #corso #quiz-lezione .panel-heading i.show {
        display: none !important;
    }
}

@media (max-width: 992px) {
	
    .link-screen.image {
        height: 218px;
    }
    
    .card .team-voto,
    .card-container .card .vote {
        margin-left: 0px;
    }
    
    #quiz-lezione {
        margin-top: 60px;
    }
    
    .blk .fa.fa-spinner.fa-spin {
       left: 49%;
       top: 49%;
    }
    
    #demo .even .text {
        margin-top: 10px;
    }
    
    #demo .odd .image {
      margin-top: 16px;
    }
    
    #team-job .job-details .job-date-block {
        float: left;
    }    
}

@media (max-width: 768px) {
	#sidebar .nav.navbar-nav.menu-utente li {
       margin-left: 15px;
    }
    
    .form-group.lost {
        margin-bottom: 10px !important;
    }
    
    .collapsed-icons {
        display:block;
    }
    
    .sm-collapse {
        display: none;
    }
    
    #new-classe #add-classe .name {
        width: 100%;
    }
    
    #new-classe #add-classe .name input {
        width: 300px;
    }
    
    #header #punti {
        top: 13px;
        right: 70px;
    }
    
    .nav-student #notifiche {
        right: 126px;
    }
    
    #header #punti {
        right: 120px;
    }
}

@media (max-width: 740px) {
    #form-domande label {
        width: 92%;
    }
}

@media (max-width: 647px) {
    #form-domande label {
        width: 89%;
    }
    
    #callout-ql .classe-quick-link {
        display: block;
        padding-bottom: 24px;
    }
    
    #callout-ql .btn {
        position: unset;
    }
    
    #callout-ql .classe-quick-link {
        border-right: none;
        padding-left: 0; 
    }
}

@media (max-width: 622px) {
	.col-xxs-6 {
	    width: 50% !important;
	}
    .card .team-voto,
    .card-container .card .vote {
        font-size: 50px;
        margin-left: -21px;
    }
    
    .card .edit-job-msg {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
    
    .col-xs-6 {
        width: 100%;
    }   
}

@media (max-width: 576px) {
    .form-group.lost {
        margin-bottom: 10px !important;
    }
    
    .panel-classifica .points-rules {
        display: block;
        float: none;
        margin-top: 5px;
	}
}

@media (max-width: 515px) {
    .buona-scuola img {
        display: block;
       margin: 0 auto;
    }
    
    .buona-scuola .desc {
      width: 100%;
    }
    
    #header #punti {
        right: 101px;
    }
}

@media (max-width: 415px) {
	.blk .fa.fa-spinner.fa-spin {
       left: 47%;
       top: 47%;
    }
    
    #schooluppiadi .content {
        height: 100% !important;
    }
    
    #notifiche #notice-small #notifiche_l {
        top: -1px;
        right: -123px;
    }
    
    #header .logo {
        margin-left: 6px;
    }
    
    #header #punti {
        right: 74px;
    }
}

@media (max-width: 400px) {
	.class-chat {
	   right: 8px;
	}
}

@media (max-width: 380px) {
    .nav-student #punti .points {
        display: none;
    }
    
}

@media (max-width: 310px) {
    #header .logo {
	    width: 86px;
	    margin-left: 0px;
	}
}

@media (min-width: 1660px) {
	#sidebar.sticky {
	    width: auto;
	    padding-bottom: 60px;
	}
	
	#sidebar.sticky .menu_b, #header .menu_b {
        display: none;
    }
    
    #sidebar.sticky .logo img {
        left: 20px;
        top: -2px;
    }
    
    #sidebar.sticky #sidebar-top {
        background-color: #f8f8f8;
    }
    
    #header.sticky-sidebar .logo {
        top: 8px;
        left: 46px;
    }
   
}

@media (min-width: 991px) {
    #sel-packet > select {
      width: 100%;
    }
}

@media (hover: hover) {
    #sidebar #sidebar-content {
        overflow-y: hidden;
    }	
}