/*Break points*/
       @media (max-width: 768px) {
           
           .singer-img{
               
               width:100%; height:300px;
               
           }
           
       }
          @media (min-width: 768px) {
           
           .singer-img{
               
               width:500px; height:auto;
               
           }
           
       }
     
     
 
        .vertical-center {
            min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
            min-height: 100vh; /* These two lines are counted as one :-)       */
        
            display: flex;
            align-items: center;
        }
  /*BUTTONS*/
 
        .btn-purple {background-image: linear-gradient(to right, #380242 30%, #310657 51%); color: white;}
        .btn-purple:hover { background-position: left right; color:whitesmoke !important; opacity: 0.9;}

  /*COUNTER*/
        .qty .count {
            color: #000;
            display: inline-block;
            vertical-align: top;
            font-size: 25px;
            font-weight: 700;
            line-height: 30px;
            padding: 0 2px
            ;min-width: 35px;
            text-align: center;
        }
        .qty .plus {
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            color: white;
            width: 30px;
            height: 30px;
            font: 30px/1 Arial,sans-serif;
            text-align: center;
            border-radius: 50%;
            }
        .qty .minus {
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            color: white;
            width: 30px;
            height: 30px;
            font: 30px/1 Arial,sans-serif;
            text-align: center;
            border-radius: 50%;
            background-clip: padding-box;
        }
      
        .minus:hover{
            background-color: #380242 !important;
        }
        .plus:hover{
            background-color: #380242 !important;
        }
        /*Prevent text selection*/
        span{
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        input{  
            border: 0;
            width: 2%;
        }
        nput::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input:disabled{
            background-color:white;
        }