@media only screen 

	and (max-width : 1280px) {
.flex-wrap {
	max-width: 1034px;
		padding-left: 82px;
}

}
@media only screen 

	and (max-width : 800px) {
.top-white {
		height: 100px;
	}
		@media only screen 

	and (max-width : 800px) {
		.preflex-title {
	width: 90%;
	font-size: 35px;
	flex-wrap: wrap;
}
nav .menu {
	width: 90%;
}
.flex-row {
	flex-wrap: wrap;
}
.field-wrap {
	margin: 20px;
}

}
@media only screen 

	and (max-width : 768px) {
	nav .menu {
		width: 95%;

}	
.preflex-title {
	
	width: 90%;
	font-size: 35px;

}		
.flex-row {
	justify-content: center;
	flex-wrap: wrap;
}
		
	.field-wrap {
	margin: 20px;
}
}

@media only screen 

	and (max-width : 414px) {
	nav .menu {

	display: none;

}

#toggle-menu {

	display: block;

}	
.preflex-title {
	font-size: 25px;
	flex-wrap: wrap;
}
.top-white {
	height: 100px;

}
nav .menu li {
	text-align: left;
	}
nav .menu .m-submenu {
	width: 55%;
	}
nav .menu {
	width: 98%;
	}

}
@media only screen 
and (max-width : 384px) {
.preflex-title {
	font-size: 24px;
	padding-top:0px;

}
}



@media only screen 

and (max-width : 375px) {
nav .menu {

	display: none;

}

#toggle-menu {

	display: block;

}
.top-white {

	height: 85px;
	justify-content: center;
	background-image: url("");

}
#hd-inf {
	color: #dfdfdf;
	 margin-right: 0px; 
	 flex:auto; 
	 text-align:center;
}
.preflex-title {
	width: 97%;
	height: auto;
	padding-top: 5px;
	font-size: 22px;
	justify-content: center;
	flex-wrap: wrap;
}
.flex-row {
	flex-direction: column;

}
.field-wrap {
	align-items: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

	
nav .menu li {
	text-align: left;
	}
nav .menu .m-submenu {
	width: 55%;
	}
nav .menu {
	width: 98%;
	}

}