@media only screen and (min-width: 992px) {
		.navbar .star-logo {left: 0 !important}
}	
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar .star-logo {left: 0 !important}
		#audio > .container > .row > .row {margin-left: -15px !important}
}

@media only screen and (max-width:1200px) {
	.navbar .star-logo {left: 0 !important}
}

@media only screen and (max-width: 767px) {
	
	.navbar-nav .nav-item:first-child{
		display: none !important
	}
	
	.navbar {padding: 10px 0;}
	.navbar .container {padding: 0}
	#top-menu {display: table !important; vertical-align: middle !important; width: 100%; margin: -15px 0}
	#top-menu li {float: none !important; display: inline-block; vertical-align: middle}
	.star-logo {position: static !important; margin: 0 !important}
	#audio > .container > .row > .row {margin-left: -15px !important}
	#main img{margin-left: -13px}
	#cd-vertical-nav {display: none}
	#news > .container > .row, #info > .container > .row, #team > .container > .row, #contacts > .container > .row {padding: 30px 10px 10px;}
	
	body {background: none}
	
	body {
		height: 100vh;
	}

	.fixed-img {
	  background-image: url("../img/bg_20_mini.jpg");
	  height: 100%;
	  width: 100%;
	  position: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  z-index: -1;
	}
	.nav.navbar-nav {
		position: relative
	}
	.construct {
		position: absolute;
	    display: block !important;
	    width: 330px;
	    text-align: center;
	    top: 70px;
	    left: 50%;
	    margin-left: -165px !important;
	}

}	

@media only screen and (min-width: 768px) {
	.construct {margin-left: 270px !important}
	
}

@media only screen and (max-width: 479px) {

}




.navbar-nav .nav-item+.nav-item {margin-left: 15px}