.responsive{display: none;}
.res{
	width: 100%;
	float: left;
	height: 50px;
	background-color: #3a3838;
	color: #fff;
	display: flex;
	/*justify-content: flex-end;*/
	align-items: center;
	border-bottom: 1px solid  #292929;
}
#btn-menu{
	display: none;
}
label{
	color:#FFF;
	font-size: 20px;
	cursor: pointer;
	display: none;
	margin-right: 10px;
	float: right;
}
label.fa-bars{
	font-size: 22px;
	float: right;
}

.menu-r ul{
	background-color: #CE852A;
	display:flex;
	list-style: none;
}

.menu-r ul ul{
	display: none;
}

.menu-r a{
	display: block;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
    text-transform: uppercase;
}

.menu-r a:hover{
	background: rgba(0,0,0,0.3);
}

.menu-r a span{
	margin-left: 10px;
}

.menu-r ul li:hover ul{
	display: block;
	position: absolute;
}
.lo-m{
	float: left;
	width: 100%;

}
.lo-m img{
   float: left;
   width: 300px;
}



@media (max-width:970px) {
	
	nav.black{
	padding: 0px;
}

	label {
		display: block;
	}
	.res{
		height: 80px;
	}

	nav.menu-r{width: 100%;}
	.menu-r{
		position: absolute;
		top:81px;
		left: 0;
		width: 100%;
		transform: translateX(-100%);
		transition: all 0.3s;

	}
	.menu-r ul {
		display: block;
		background-color: #454545;
		margin-right: 200px;
	}

    .menu-r ul li:hover{
		background: #292929;
	}

	.menu-r ul li:hover ul {
		display: none;
		position: static;
	}

	.menu-r a span{
		position: absolute;
		right: 5px;
	}

	#btn-menu:checked ~ .menu-r{
		transform: translateX(0%);
	}
    
    .menu-r ul ul{
    	background: #2c2c2c;
    }
    .menu-r ul ul li{border-bottom: 1px solid #3a3737;}

    .menu-r ul ul a{
    	padding: 15px 40px;
    }
    #b{border-bottom: 1px solid #292929;cursor: pointer;}

    .responsive{display: block;}

    .lo-m img{
   float: left;
   margin-left: 30px;
   width: 300px;
}
}

@media (max-width: 375px){
   	.res{height:65px;}
   	.menu-r{top: 66px;}
   	.lo-m img{
   margin-left: 10px;
   width: 300px;
}
   }

@media (max-width: 360px){
	.res{height:65px;}
	.menu-r{
		position: absolute;
		top:66px;
		left: 0;
		width: 100%;
		transform: translateX(-100%);
		transition: all 0.3s;
	}

	.menu-r ul {
		display: block;
		background-color: #000;
	}
    .menu-r ul li:hover{
		background: #292929;
	}

	.menu-r ul li:hover ul {
		display: none;
		position: static;
	}

	.menu-r a span{
		position: absolute;
		right: 5px;
	}

	#btn-menu:checked ~ .menu-r{
		transform: translateX(0%);
	}
    
    .menu-r ul ul{
    	background: #2c2c2c;
    }
    .menu-r ul ul li{border-bottom: 1px solid #3a3737;}

    .menu-r ul ul a{
    	padding: 15px 40px;
    }
    #b{border-bottom: 1px solid #292929;}

    .responsive{display: block;}

   }


   @media (max-width: 345px){
   	.lo-m img{
   margin-left: 5px;
   width: 280px;
   height: 42px;
}
   }

   @media (max-width: 320px){
   	.lo-m img{
   margin-left: 5px;
   width: 275px;
   height: 41px;
}
   	.res{height:55px;}
   	.menu-r{top: 56px;}
   }