.back {
    color: #FFF;
}


header .logo-port {
    padding-left:0px;
    width: 100%;
}
.logo-port h1,.logo-port h2{margin:0 !important; display:inline-block;}
.logo-port h1 img{height:56px !important}
.content-wrap {
    background-color: #fff;
    color: #333;
    float: left;
    height: 100vh;
    position: relative;
    width: 50%;
}

.content-inner-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    padding: 0;
    text-align: left;
}

.menu-wrap {
    height: 100vh;
    width: 50%;
    padding: 0;
    float: left;
    position: relative;
}




@media (max-width: 1024px) {
	header{/* height:64px; */
		border-bottom: 0.5px solid rgba(0, 0, 0, 0);
		border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 40%, #2a2a2a 50%, #2a2a2a 60%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
		color: #333;
		position: fixed;
		width: 100%;
		top: 0px;
		padding: 5px 10px;
		z-index: 99;
		background:#fff; 
	}
}

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

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {}

@media (min-width: 768px) and (max-width: 991px) {
   
}

@media (min-width: 992px) and (max-width: 1024px) {
    
}