@media screen and (max-width: 480px) {
    .sop {
        
    }
    
    .shop-t {
        height: 330px;
        width: 46%;
    }
    
    img {
        height: 100%;
        width:100%;
    }

    .button2 {
         display: none;
    }
    
    .button3 {
         
    }
    
}

@media screen and (min-width: 480px) {
    .button3 {
        display: none;
    }
}
.button2 {
 text-decoration:none; 
 text-align:center; 
 padding:10px 20px; 
 border:none; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background:#e44c65; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }

  .button3 {
 text-decoration:none; 
 text-align:center; 
 padding:5px 10px; 
 border:none; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background:#e44c65; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }