@media (max-width: 991px) {
	#stickyNav {
		background-color: #fff !important;
		box-shadow: 0px 0px 5px rgba(0,0,0,.25);
		padding: 10px 0;
	}

	.hamburger,
	.hamburger::before,
	.hamburger::after {
	  background: var(--textdark);
	}

	.nav-link {
		color: var(--textdark) !important;
	}
	.nav-link:hover {
		/*color: var(--textlight) !important;*/
	}
	#stickyNav>.container, #stickyNav>.container-fluid {
		padding-left: 15px;
	}
	#lg3, #lg1 {
		display: none !important;
	}
	.scrollFix #lg2, #lg4, #lg2 {
		display: block !important;
	}
	.nav-top .bottom nav .nav-link.login {
		border-color: var(--theme1);
		margin-bottom: 10px;
	}
	#spotlight {
		text-align: center;
		padding: 130px 0 50px;
	}
	#spotlight .glass {
		display: none;
	}

}

@media (max-width: 900px) {
	.popup-inner {
		width: 90%;
	}
}

@media (max-width: 767px) {	
	#about .left {
		width: 100%;
	}
	#about .right {
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}
	#components .components {
		width: 100%;
	}

	#slideLeft {		
	    left: 0px;	    
	}
	#slideLeft.show {
		left: -270px;
	}
	#slideRight {	    
	    width: 100%;	    
	}
	#slideRight.full {
	    width: calc(100% - 250px);
	}
}

@media (max-width: 575px) {
	.nav-logo {
		width: 35%;
	}
	.nav-logo img {
		display: block;
		width: 100%;
		height: auto;
	}
}
@media (max-width: 480px) {
	.popup__photo {
		display: none;
	}
	.popup__text {
		width: 100%;
	}
}
@media (max-width: 328px) {
	.nav-logo {
		width: 100px;
	}
}