@media screen and (max-width: 1240px) {
	.size_it::after{
		content:"1240";
	}
	header nav {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media screen and (max-width: 1035px) 	{
	.size_it::after{
		content:"1035";
	}
	.footer_logo {
		margin-bottom: var(--gap-1);
	}
}

@media screen and (max-width: 900px) 	{
	.size_it::after{
		content:"900";
	}
	:root {
		--gap-1: 2vw;
		--gap-2: 3vw;
		--gap-3: 4vw;
		--gap-4: 5vw;
		--gap-5: 6vw;
		--gap-6: 7vw;
		--gap-7: 8vw;
	}
	.ul_cont {
		position: absolute;
		top: 90px;
		left: 0;
		display: none;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background: var(--blue-fade);
		padding-left: 20px;
		height: 100vh;
		padding-top: 50px;
	}
	.toggler {
  		display: flex;
  	}
	.hamburger {
		display: flex;
	}
	header nav ul {
		flex-direction: column;
		display: none;
		gap: 0;
	}
	header {
		background: var(--blue-fade);
		height: 90px;
	}
	header nav li a {
		font-size: 1.5rem;
		padding: 10px;
		color: white;
	}
	header nav .current-menu-ancestor .current-menu-ancestor:hover > a {
		color: white;
	}
	header nav .current-menu-ancestor .current-menu-item:hover > a {
		color: white;
	}
}
@media screen and (max-width: 820px) 	{
	.size_it::after{
		content:"800";
	}
	footer .in-1240 {
		flex-wrap: wrap;
	}
	footer .child-cont-c, footer .child-cont-c:last-child {
		width: 100%;
		align-items: flex-start;
	}
	footer .child-cont-c:last-child {
		margin-top: var(--gap-1);
	}
	.main-body {
		height: calc(100vh - 215px);
	}
	footer .child-cont-c:first-child {
		width: 100%;
	}
}

@media screen and (max-width: 700px) 	{
	.size_it::after{
		content:"680";
	}
	:root {
		--gap-1: 3vw;
		--gap-2: 4vw;
		--gap-3: 5vw;
		--gap-4: 6vw;
		--gap-5: 7vw;
		--gap-6: 8vw;
		--gap-7: 9vw;
	}
	.main-body {
		height: auto;
		margin-top: 40px;
	}
	.signin-account {
		border: none;
		border-radius: 0;
	}
	footer .child-cont {
		flex-direction: column;
	}
	footer ul.menu {
		margin: 0 0 10px 0;
	}
		
}
@media screen and (max-width: 430px) 	{
	.main-body input[type=text], .main-body input[type=password] {
		margin: 20px 0;
		width: 100%;
	}
	.main-body input[type=submit] {
		margin-top: 20px;
	}
	.signin-account {
		padding-bottom: 30px;
	}
	.main-body {
		margin-top: 78px;
		margin-bottom: -20px;
	}
	footer {
		padding-bottom: 20px;
	}
	.container-main {
		margin-top: 20px;
	}
}