/* 1024 */

@media all and (max-width: 1139px) {
	.menu .menu-main .title {
    	font-size: 22px;
    }

    #menu-block .menu-info {
    	font-size: 14px;
    	padding: 15px 5px;
	}

	.menu .menu-contacts .menu-contacts-block .menu-contancts-block-flex .menu-contancts-block-flex-line img {
	    width: 15px;
	    height: 15px;
	    margin-right: 3px;
	}
}

/* 800 */

@media all and (max-width: 1023px) {

	.header {
    	font-size: 18px;
    }

	.menu {
    	z-index: 10;
	}
	.menu .menu-main .title {
    	font-size: 16px;
	}

	.menu .menu-main ul li {
    	padding: 0 20px;
    }

    .menu .menu-contacts .menu-contacts-block {
    	flex-direction: column;
    }

    .menu .menu-contacts .menu-contacts-block .menu-contancts-block-flex {
    	width: 100%;
    	padding-left: 25px;
    }

    .menu .menu-main .close {
	    width: 0px;
	    height: 20px;
	    background-position: center 15px;
	}
}

/* 320 */

@media all and (max-width: 500px) {
	.page .container, .page .container-reg {
	    position: absolute;
	    top: 60%;
	    left: 50%;
	    width: 300px;
	}

	.page .container .container-logo, .page .container-reg .container-logo {
		top: -110px;
	    background: #5DC8CD70 url(../icons/icon-user-white.svg) center no-repeat;
	    background-size: 40px;
	    width: 80px;
	    height: 80px;
	}

	.page .container:hover .container-logo{
		opacity: 1.0;
		background: #5DC8CD98 url(../icons/icon-user-white.svg) center no-repeat;
		background-size: 55px;
	}

	.header {
	    top: 0;
	    right: 0;
	    width: 95%;
	}

	.menu {
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100vh;
	}

	#menu-block .menu-info {
    	padding: 15px 10px;
	}
}