@charset "utf-8";
/* CSS Document */

 @media screen and (min-width: 1000px) and (max-width: 1100px){
.slider-button:hover .slider-button1 {
   
    width: 18%;
    height: 14.1%;
    left: 43%;
   
	
}

.slider-button:hover .slider-button2{
    width: 18%;
    height: 14.1%;
    right: 43%;
   
}


 }

@media screen and (min-width: 1120px) and (max-width: 1300px){
.slider-button:hover .slider-button1 {
   
    width: 18%;
    height: 14.1%;
    left: 44.4%;
   
	
}

.slider-button:hover .slider-button2{
    width: 18%;
    height: 14.1%;
    right: 44.4%;
   
}	 
 }
 
 
 
 @media screen and (min-width: 1301px) and (max-width: 1500px){
.slider-button:hover .slider-button1 {
   
    width: 18%;
    height: 14.1%;
    left: 45%;
   
	
}

.slider-button:hover .slider-button2{
    width: 18%;
    height: 14.1%;
    right: 45%;
   
}


 
 }
 
 
@media screen and (min-width: 1540px) and (max-width: 1800px){
.slider-button:hover .slider-button1 {
   
    width: 16%;
    height: 14.1%;
    left: 45.5%;
   
	
}

.slider-button:hover .slider-button2{
    width: 16%;
    height: 14.1%;
    right: 45.5%;
   
}





 
 }