/* CSS Document */

/* CSS Document */
.degrade_prdcto {
   
    height: 930px;
  
    right: -80px;
 
}

.producto_fondo img.espada_drakhon {
		
    width: 460px;
    position: absolute;
    top: -456px;
    right: -75px;
    height: auto;
  
}


.excusivo{
	position: absolute;
    top: 200px;
    right: 279px;
    width: 115px;
	height: 115px;
    z-index: 13;
	overflow: hidden;
	display: flex;
	
	
}
 .excusivo a{
	display: flex;
	position: relative;
	width: 100%;
}
 .excusivo a img{
	position: absolute;
	width: 240px;
	height: auto;
	left: 0;
	max-width:none !important;
	
}

.excusivo a:hover img{

	right: 0;
	left: auto;
	    
	
}



@media (max-width: 1100px) {
	
	.producto_fondo img.espada_drakhon {
		
      width: 410px;
 
    top: -423px;
    right: -44px;
   
}
	
}

@media (max-width: 970px) {
	
	.producto_fondo img.espada_drakhon {
		
	width: 373px;
        top: -294px;
        right: -39px;
  
}
	
	
.producto_fondo .excusivo{
	top: 100px;
    right: 175px;

	
}	
	
}



@media (max-width: 700px) {
	
	.producto_fondo img.espada_drakhon {
	
  width: 323px;
}
	
	.excusivo{
	    left: 50%;
        transform: translateX(-50%);
		top:auto;
		bottom: 90px;

	
}	
	
}

@media (max-width: 482px) {
	
	.producto_fondo img.espada_drakhon {
		
         width: 303px;
		top: -128px;
}
	

	
	
}


@media (max-width: 415px) {
	
	.producto_fondo img.espada_drakhon {
		width: 293px;
        top: -117px;
	 
	}
	
}


@media (max-width: 392px) {
	
	.producto_fondo img.espada_drakhon {
			width: 278px;
        top: -105px;
    
  		
  
}
	
}


@media (max-width: 377px) {
	
	.producto_fondo img.espada_drakhon {
			
  		 width: 245px;
        top: -81px;
  
}
	
}

@media (max-width: 325px) {
	
	.producto_fondo img.espada_drakhon {
			
  		        width: 175px;
        top: -42px;
    
		
  
}
	
}