@media (max-device-width: 480px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media screen and (min-width: 768px) {

}

@media (max-width: 767px) {
	/**/
	
	.header {
		top:10%;
	}
	
	.webbuton {
		width:150px		
	}
	
	.footer a {
		padding:5px;
	}
	
	.mutebutton {
		right:5px
	}
	.playbutton {
		right:40px
	}
	
	.header h1 {
		font-size:20px;
		width:190px;
		/* background-color:#245 */
	}
	
	.header h1 span  {
		font-size:20px
	}
	
	.header  {
		font-size:15px
	}
	
	.nokta1 {
		font-size:20px;
		left:163px;
		margin-top:25px!important
	}
	
	.nokta2 {
		font-size:20px;
		left:18px;
		margin-top:25px!important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/**/
}

@media (min-width: 992px) and (max-width: 1199px) {
	/**/
}

@media (min-width: 1200px) {
	/**/
}