@media (min-width: 991px) and (max-width: 1199px) {
	body{
		width: auto;
	}
	.title{
		margin-left: 30px;
	}
	.menu li:nth-child(1){
	  width: 600px;
	}
	.menu li:nth-child(2){
	  width: 520px;
	}
	.menu li:nth-child(3){
	  width: 460px;
	}
	.menu li:nth-child(4){
	  width: 400px;
	}
	.menu li:nth-child(5){
	  width: 340px;
	}
	.menu li:nth-child(6){
	  width: 260px;
	}
	.main .title-index{
		width: 550px;
	}

}
@media (min-width: 832px) and (max-width: 991px) {
	body{
		width: auto;
	}
	.title{
		margin-left: 30px;
		margin-top: 20px;
	}
	h1{
		width: auto;
		position: relative;
	}
	.search{
		margin-top: 20px;
	}
	.menu li:nth-child(1){
	  width: 500px;
	}
	.menu li:nth-child(2){
	  width: 440px;
	}
	.menu li:nth-child(3){
	  width: 380px;
	}
	.menu li:nth-child(4){
	  width: 320px;
	}
	.menu li:nth-child(5){
	  width: 260px;
	}
	.menu li:nth-child(6){
	  width: 200px;
	}
	.info{
		width: auto;
	}
	.info2{
		width: auto;
	}
	.main .title-index{
		width: 500px;
	}
	h5{
		width: 500px;
	}
		
}
@media screen and (min-width:780px) and (max-width:832px) {
	body{
		width: auto;
	}
	h1{
		width: auto;
		position: relative;
		font-size: 28px;
	}
	.title{
		margin-left: 30px;
		margin-top: 30px;
	}
	.bsuir{
		font-size: 56px;
	}
	.search{
		margin-top: 20px;
	}
	.menu li:nth-child(1){
	  width: 460px;
	}
	.menu li:nth-child(2){
	  width: 400px;
	}
	.menu li:nth-child(3){
	  width: 340px;
	}
	.menu li:nth-child(4){
	  width: 280px;
	}
	.menu li:nth-child(5){
	  width: 220px;
	}
	.menu li:nth-child(6){
	  width: 160px;
	}
	.menu li a{
		font-size: 22px;
	}
	.info{
		width: auto;
	}
	.info2{
		width: auto;
	}
	.main .title-index{
		width: 400px;
	}
	h5{
		width: 400px;
	}
	
}
@media screen and (min-width:660px) and (max-width:780px) {
	header{
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	h1{
		position: relative;
		text-align: center;
		line-height: 35px;
		padding-top: 10px;
	}
	.title {
	    margin-top: 20px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.logo{
		flex-direction: column;
	}
	.bsuir{
		font-size: 56px;
		margin-top: 10px;
	}
	.search{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.menu{
		margin: 0;
		margin-top: 20px;
		align-self: flex-start;
		width: 100%;
		align-content: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.menu li{
		justify-content: flex-start;
	}
	.menu li:nth-child(1){
	  	width: 100%;
	  	height: 50px;
	  
	}
	.menu li:nth-child(2){
	  width: 100%;
	}
	.menu li:nth-child(3){
	  width: 100%;
	}
	.menu li:nth-child(4){
	  width: 100%;
	}
	.menu li:nth-child(5){
	  width: 100%;
	}
	.menu li:nth-child(6){
	  width: 100%;
	}
	.menu li a{
		font-size: 22px;
	}
	.main .title-index{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	h5{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	#box, #trigger{
		display: flex;
		width: auto;
	}
	.main .title{
		width: 100%;
	}
	.info{
		width: auto;
		padding: 10px;
	}
	.info2{
		width: auto;
		padding: 10px;
	}
	#box, #trigger{
		margin: 10px;
	}
	footer{
		text-align: center;
	}
	
	
}
@media screen and (min-width:480px) and (max-width:660px) {
	header{
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	h1{
		position: relative;
		text-align: center;
		line-height: 35px;
		padding-top: 10px;
	}
	.title {
	    margin-top: 20px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.logo{
		flex-direction: column;
	}
	.bsuir{
		font-size: 56px;
		margin-top: 10px;
	}
	.search{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.menu{
		margin: 0;
		margin-top: 20px;
		align-self: flex-start;
		width: 100%;
		align-content: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.menu li{
		justify-content: flex-start;
	}
	.menu li:nth-child(1){
	  	width: 100%;
	  	height: 50px;
	  
	}
	.menu li:nth-child(2){
	  width: 100%;
	}
	.menu li:nth-child(3){
	  width: 100%;
	}
	.menu li:nth-child(4){
	  width: 100%;
	}
	.menu li:nth-child(5){
	  width: 100%;
	}
	.menu li:nth-child(6){
	  width: 100%;
	}
	.menu li a{
		font-size: 22px;
	}
	.main .title-index{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	h5{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	#box, #trigger{
		width: auto;
	}
	.main .title{
		width: 100%;
	}
	.info{
		width: auto;
		padding: 10px;
	}
	.info2{
		width: auto;
		padding: 10px;
	}

	.image{
		margin-right: 0;
	}
	footer{
		text-align: center;
	}
	
	
}
@media screen and (max-width:479px) {
	header{
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	h1{
		position: relative;
		text-align: center;
		line-height: 35px;
		padding-top: 10px;
	}
	.title {
	    margin-top: 20px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.logo{
		flex-direction: column;
	}
	.bsuir{
		font-size: 56px;
		margin-top: 10px;
	}
	.search{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.menu{
		margin: 0;
		margin-top: 20px;
		align-self: flex-start;
		width: 100%;
		align-content: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.menu li{
		justify-content: flex-start;
	}
	.menu li:nth-child(1){
	  	width: 100%;
	  	height: auto;
	  
	}
	.menu li:nth-child(2){
	  width: 100%;
	}
	.menu li:nth-child(3){
	  width: 100%;
	}
	.menu li:nth-child(4){
	  width: 100%;
	}
	.menu li:nth-child(5){
	  width: 100%;
	}
	.menu li:nth-child(6){
	  width: 100%;
	}
	.menu li a{
		font-size: 22px;
		padding: 10px;
	}
	.main .title-index{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	h5{
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
	}
	.main .title-index h2{
		font-size: 24px;
	}
	#box, #trigger{
		
		width: auto;
	}
	.main .title{
		width: 100%;
	}
	.info{
		width: auto;
		padding: 10px;
	}
	.info2{
		width: auto;
		padding: 10px;
	}
	.info ul{
		width: auto;
		margin: 0;
		padding-left: 0;
	}
	.info2 ul{
		width: auto;
		margin: 0;
		padding-left: 0;
	}
	.image{
		margin-right: 0;
	}
	footer{
		text-align: center;
	}
	
}