@media screen and (max-width: 1024px) {
	.menu__icon {
	    display: flex;
	    flex-direction: column;
	    position: absolute;
	    width: 20px;
	    height: 14px;
	    cursor: pointer;
	    margin: 20px 15px;
	    z-index: 110;
	}

	.menu__icon._active::before {
	    top: 50%;
	    transform: rotate(-45deg) translate(0px, -50%);
	}

	.menu__icon::before {
   		 top: 0;
	}

	.menu__icon._active span {
    	transform: scale(0) translate(0px, -50%);
	}

	.menu__icon span {
	    position: relative;
	    top: 50%;
	    transform: scale(1.0) translate(0px, -50%);
	    width: 40px;
	    height: 7px;
	    background: #375bcf;
	}

	.menu__icon span, .menu__icon::before, .menu__icon::after {
	    content: "";
	    left: 0;
	    position: absolute;
	    width: 100%;
	    height: 2px;
	    transition: all 0.3s ease 0s;
	    background-color: #1f1f21;
	}

	.menu__icon._active::after {
	    left: -7%;
	    top: 50%;
	    transform: rotate(45deg) translate(0px, -50%);
	}

	.menu__icon::after {
	    bottom: 0;
	}

	.nav {
	    position: fixed;
	    top: 0;
	    left: -120%;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.9);
	    padding: 0px;
	    transition: left 0.3s ease 0s;
	    overflow: auto;
	    z-index: 100;
	    margin-top: 0px;
	}

	.nav._active {
	    left: 0;
	}

	body {
		flex-direction: column;
	}
    	
    .header {
	    position: fixed;
	    width: 100%;
	    padding-top: 0px;
	    background: #fff;
	    height: 55px;
	}

	.box_icon {
	    display: flex;
	    justify-content: flex-start;
	    margin-left: 60px;
	    align-items: center;
	}

	.icon_text:after {
		display: none;
	}

	.box_icon img {
	    margin: 10px;
	    width: 225px;
	}

	.icon_text {
	    font-size: 20px;
	    margin: auto 0px;
	    padding: 0;
	}

	div#content {
		margin-left: 0px;
	}

	.header .list {	
	    background: #fff;
	    height: 100%;
	    position: fixed;
	    padding: 50px 15px 0px 30px;
	    margin: 0;
	}


}


@media screen and (max-width: 922px) {
		div#center {
		width: 90%;
	}
    
}


@media screen and (max-width: 767px) {    
    
}

@media screen and (max-width: 480px) {
	.icon_text {
		display: none;
	}

	div#content {
		padding-top: 80px;
	}


	    
}

@media screen and (max-width: 576px) {
        
        .imgs_div {
                flex-direction: column;
        }
 
        .imgs_div .col3, .imgs_div .col2  {
                width: 100%;
        }
}


@media screen and (max-width: 374px) {
    

} 

@media screen and (max-width: 320px) {
       
}