@media screen and (max-width: 1920px) {
	#header{
		width:100%;
		left:50%;
		transform:translateX(-50%);
		padding:30px 50px;
		box-sizing:border-box;
		display:flex;
		justify-content:space-between;
		z-index:99;
		transition:all 0.5s;
	}
	
	#footer{
	    width:100%;
		left:50%;
		transform:translateX(-50%);
	    background:#111;
	    border-top:1px solid #444;
	    padding:120px 50px;
	    box-sizing:border-box;
	    position:relative;
	}
}

@media screen and (max-width: 1179px) {
    #header{
    	width:100%;
    	padding:20px 3%;
    	box-sizing:border-box;
    	display:flex;
    	justify-content:space-between;
    	z-index:99;
    	transition:all 0.5s;
    }
    
    #header .logo{
    	width:153px;
    	place-self:Center;
    }
    
    #header .logo img{
    	width:100%;
    }
    
    #header .rtA{
    	display:flex;
    }
    
    #header .rtA .menu{
    	place-self:center;
    	padding:16px 40px;
    	background:rgba(255,255,255,0.5);
    	display:flex;
    	gap:40px;
    	border-radius:50px;
    	display:none;
    }
    
    #header .rtA .menu li{
    	place-self:center;
    	font-size:18px;
    	color:#fff;
    }
    
    #header .rtA .menu li a{
    	color:#fff;
    }
    
    #header .rtA .link{
    	place-self:center;
    	margin-left:20px;
    	width:24px;
    }
    
    #header .rtA .link img{
    	width:100%;
    }
    
    
    #header .rtA .moMenu{
    	place-self:center;
    	margin-left:20px;
    	width:24px;
    	display:block;
    }
    
    #header .rtA .moMenu img{
    	width:100%;
    }
    
    .moSlideMenu{
		width:100%;
		height:100%;
		position:fixed;
		background:#222;
		top:0;
		z-index:99;
		display:block;
		right:-100%;
		transition:all 1s;
	}
	
	 .moSlideMenu .menu{
		width:100%;
		top:50%;
		transform:translateY(-50%);
		position:fixed;
	}
	
	 .moSlideMenu .menu li{
		width:100%;
		text-align:center;
		margin:30px 0px;
	}

	 .moSlideMenu .menu li a{
		color:#d9d9d9;
	}
	
	 .moSlideMenu .moClose{
		width:23px;
		position:absolute;
		right:3%;
		top:3%;
		cursor:pointer;
	}
    
    #footer{
        width:100%;
        background:#111;
        border-top:1px solid #444;
        padding:6em 3%;
        box-sizing:border-box;
    }
    
    
    
    #footer .topLine{
        width:100%;
        display:block;
    }
    
    
    #footer .topLine .logo{
        width:200px;
        place-self:Center;
        opacity:0.3;
    }
    
    #footer .topLine .logo img{
        width:100%;
    }
    
    #footer .topLine .footMenu{
        place-self:Center;
        padding-left:0px;
        box-sizing:border-box;
        display:flex;
        gap:40px;
        margin-top:20px;
    }
    
    #footer .topLine .footMenu li{
        font-size:16px;
        color:#777;
    }
    
    #footer .topLine .footMenu li a{
        color:#777;
    }
    
    
    #footer .topLine .footMenu li.white a{
        color:#fff;
    }
    
    
    #footer .info{
        font-size:16px;
        color:#777;
        padding-left:00px;
        box-sizing:border-box;
        margin-top:50px;
        line-height:26px;
    }
    

}



@media screen and (max-width: 767px){
    #header{
    	width:100%;
    	padding:20px 3%;
    	box-sizing:border-box;
    	display:flex;
    	justify-content:space-between;
    	z-index:99;
    	transition:all 0.5s;
    }
    
    #header .logo{
    	width:130px;
    	place-self:Center;
    }
    
    #header .logo img{
    	width:100%;
    }
    
    #header .rtA{
    	display:flex;
    }
    
    #header .rtA .menu{
    	place-self:center;
    	padding:16px 24px;
    	background:rgba(255,255,255,0.5);
    	display:flex;
    	gap:60px;
    	border-radius:50px;
    	display:none;
    }
    
    #header .rtA .menu li{
    	place-self:center;
    	font-size:18px;
    	color:#fff;
    }
    
    #header .rtA .menu li a{
    	color:#fff;
    }
    
    #header .rtA .link{
    	place-self:center;
    	margin-left:20px;
    	width:24px;
    }
    
    #header .rtA .link img{
    	width:100%;
    }
    
    
    #header .rtA .moMenu{
    	place-self:center;
    	margin-left:20px;
    	width:24px;
    	display:block;
    }
    
    #header .rtA .moMenu img{
    	width:100%;
    }
    
    #footer{
        width:100%;
        background:#111;
        border-top:1px solid #444;
        padding:4em 3%;
        box-sizing:border-box;
    }
    
    
    
    #footer .topLine{
        width:100%;
        display:block;
    }
    
    
    #footer .topLine .logo{
        width:160px;
        place-self:Center;
        opacity:0.3;
    }
    
    #footer .topLine .logo img{
        width:100%;
    }
    
    #footer .topLine .footMenu{
        place-self:Center;
        padding-left:0px;
        box-sizing:border-box;
        display:flex;
        gap:10px;
        margin-top:20px;
    }
    
    #footer .topLine .footMenu li{
        font-size:11px;
        color:#777;
    }
    
    #footer .topLine .footMenu li a{
        color:#777;
    }
    
    
    #footer .topLine .footMenu li.white a{
        color:#fff;
    }
    
    
    #footer .info{
        font-size:12px;
        color:#777;
        padding-left:00px;
        box-sizing:border-box;
        margin-top:50px;
        line-height:20px;
        word-break:keep-all;
    }
    
}