/* DESK */
@media(min-width:769px){

	#box-nav{
		position:relative;
		z-index:100;
		width:96%;
		margin:0 2%;
		margin-top:-14%;
		float:left;
	}
	
	.box-nav-desk{
        /*background:green;*/
	}
	
	.box-slide-all{
		display:block !important;
		background:#eee;
		float:left;
		width:100%;
	}
	
	.box-slide-mob{
		display:none !important;
	}
	
	.imgSlideDesk{
		width:100% !important;
		float:left;
		margin:0;
	}	
	.imgSlideMob{
		display:none !important;
	}
	
	.bt-back{
		width:28px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
	}
	img.bt-back:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
	.bt-go{
		width:28px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
		}
	img.bt-go:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
	
}




/* TAB */
@media (min-width:600px) and (max-width: 768px){

	#box-nav{
		position:relative;
		z-index:100;
		width:96%;
		margin:0 2%;
		margin-top:-16%;
		float:left;
	}
	
	.box-nav-desk{
        /*background:green;*/
	}
	
	.box-slide-all{
		display:block !important;
		background:#eee;
		float:left;
		width:100%;
	}
	
	.box-slide-mob{
		display:none !important;
	}
	
	.imgSlideDesk{
		width:100% !important;
		float:left;
		margin:0;
	}	
	.imgSlideMob{
		display:none !important;
	}
	
	.bt-back{
		width:18px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
	}
	img.bt-back:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
	.bt-go{
		width:18px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
		}
	img.bt-go:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
}





/* MOB */
@media (max-width: 599px){

	#box-nav{
		position:relative;
		z-index:100;
		width:94%;
		margin:0 3%;
		margin-top:-42%;
		float:left;
	}

	.box-nav-mob{
        /*background:red;*/
	}
	
	.box-slide-all{
		display:none !important;
		background:#eee;
		float:left;
		width:100%;
	}	
	
	.imgSlideDesk{
		display:none !important;
	}	
	.imgSlideMob{
		display:block !important;
	}	
	
	.box-slide-mob{
		display:block !important;
	}
	
	.bt-back{
		width:24px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
	}
	img.bt-back:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
	.bt-go{
		width:24px;
		cursor:pointer;
		opacity:0.4;
		transition:0.3s;
	}
	img.bt-go:hover{
		cursor:pointer;
		opacity:1;
		transform: scale(1.1);
		transition:0.3s;
	}
	
	
}