/*RESPONSIVE*/

@media (max-width:1180px){
	.footer-pad{
		height:380px;
	}
	
	.footer-pad.group{
		height:356px;
	}
}

@media (max-width: 1024px) {
	.highlight-spot{
		width: 90vw;
		height: 90vw;
		-webkit-border-bottom-left-radius: 90vw;
		-moz-border-radius-bottomleft: 90vw;
		border-bottom-left-radius: 90vw;
	}

    .secondary-navbar .titolo {
        text-align: left;
        padding: 10px 0px;
    }
    

    .blocco-user-home {
        margin-bottom: 0px;
    }

    .cont-numbers {
        padding: 0px;
    }

    .bg-forma {
        margin-top: -310px;
    }

    .mb-r-4 {
    margin-bottom: 10px !important;
    }

    
    .mb-t-4 {
    margin-top: 40px !important;
    }

    .btn-r {
        width: 100%;
    }

    .t-l-r {
        text-align: left !important;
    }

    .tempo-riconosciuto {
        font-size: 10px;
    }

    .linea-sotto-btn {
        font-size: 10px;
    }

    .linea-r:after {
    width: 160px;
    left: 210px;
    
    }

    .quote-col {
        padding: 40px;
    }

    .mb-responsive-40 {
    margin-bottom: 40px;
    }

    .playlist-videos {
    padding-right: 20px !important;
    }

  


}

@media (min-width: 992px){
	.modal-lg, .modal-xl {
		max-width: 800px;
	}
}

@media (max-width:991px){
	.titoletto.double:before {
		width: 100%;
	}

	.titoletto{
		text-align:left;
	}

	#menu{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
		z-index: -1;
		background:rgba(39, 118, 163, 0.98) !important;
		transition: opacity 0.3s, z-index 0s 0.3s;
		opacity:0;
	}
	
	.dropdownmenu li:hover > a, 
	.dropdownmenu li:active > a, 
	.dropdownmenu li:focus > a, 
	.dropdownmenu .dropdown.show > a {
    	background: transparent;
	}
	
	.dropdownmenu li > a:hover, 
	.dropdownmenu li > a:active, 
	.dropdownmenu li > a:focus, 
	.dropdownmenu .dropdown.show > a {
    	background: #094466;
	}
	
	#menu .navbar{
		margin-top:40px;
	}
	
	.bg-nav-custom{
		background:transparent;
	}
	
	#menu .navbar .collapse{
		display:block;
	}
	
	#menu .navbar-nav .user-menu {
		border-top: 1px solid rgba(255,255,255,0.2);
		padding-top:10px;
		margin-top:10px;
    	width:100%;
	}
	
	#menu .dropdownmenu a{
		display:inline-block;
		padding-left:25px !important;
		padding-right:25px !important;
	}
	
	#menu li .dropdown-menu{
		margin-top:0;
		background:transparent;
	}
	
	#menu li .dropdown-menu li{
		margin-left:20px;
		border-bottom:0px;
	}
	
	.mobile-menu-on #menu{
		transition: opacity 0.3s, z-index 0s 0s;
		z-index:100;
		opacity:1;
	}
	
	.mobile-hamburger{
		display:block;
	}
	
	.col-menu{
		height:0px !important;
		min-height:0px !important;
	}

	.bg-dash{
		max-height:800px;
	}
}

@media (max-width: 780px) {
	.highlight-spot{
		width: 100vw;
		height: 100vh;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-left-radius: 0;
		background:rgba(248, 248, 250, 0.7);
	}
}

@media (max-width: 767px) {
	/*.navbar {
		background:#fff;
		
	}*/
	
	
	.menu .navbar-collapse li{
 		display:block;
 		text-align:left;
	}
	
	.menu .dropdown-menu{
		position:relative;
		float:none;
	}
	
	.footer-pad{
		height:760px;
	}
	
	.navbar-right{
		border-bottom:2px solid #48547c;
	}
	
	.logo {
		width: 242px;
		height: 90px;
		background-size: 242px 90px;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
	  	position: absolute;
	}
	
	.menu.fixed{
		width:100%;
		background-color:transparent;
		position:relative;
	}
	
	.group-stripe{
		padding:20px 5px;
	}
	
	.group-stripe .container{
		padding-left:0px;
		padding-right:0px;
	}
	
	.tabs-left > .nav-tabs{
		width:45px;
	}
	
	.group-nav li a span{
		display:none;
	}
	
	.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a{
		width:45px;
		min-width:0px;
	}
	
	.tab-content {
		margin-left: 45px;
	}
}

@media (max-width: 560px) {


	.primary-navbar img.logo-mi {
		width: 140px;
		transform: translateY(10px);
	}

    .module-preview{
        width:100%;
    }

    .user-strip-detail-btn{
        float:none;
        margin-top:12px;
    }

    .bg-dash {
        max-height:1500px;
	}
	
	.logo-paths {
		padding: 10px 0;
		/*background-size: 50%;
		background-position: right 32%;
		background-repeat: no-repeat;
		background-image: url(../img/paths_sitoweb_0-08.svg);*/
	}

	.box-text{
		width:100%;
	}

	#discipline-list {
		flex-direction: row;
	}

	#discipline-list.fixed {
		position: fixed;
		top: 0;
		z-index: 10;
		background: rgba(255,255,255,0.9);
		left: 0;
		padding: 10px;
		-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
		box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
	}

	.regbox{
		border-left:0 !important;
		border-top:1px solid rgba(0,0,0,0.2);
	}

	.tab-content {
		margin-left: 0px;
	}

	.window .footer.profile-menu-footer li a[aria-selected = 'true']::before,
	.window .footer.profile-menu-footer li a[aria-selected = 'true']::after {
		content: none;
		
	}

	.page-filosofi-per-pensare .parola-likes span:nth-child(1), .page-filosofi-per-pensare .parola-likes span:nth-child(2) {
		padding: 0px 0px 0px 5px;
		display: inline-block;
	}

	.page-filosofi-per-pensare .parola-likes span:nth-child(3) {
		padding: 0px 0px 0px 5px;
		display: inline-block;
	}

	.like-pref-box .pref {
		border-top: 1px dashed #ccc;
		border-left:0px;
	}
}

@media (min-width: 1200px){
	.modal-xl {
		max-width: 1600px;
	}	
}