/* Extra small(col) < 576px */
@media (min-width:0px) and (max-width:575px){
    .father {
        width: unset;
    }
    .head-text {
        font-size: 14px !important;
    }
    .domen-title p{
        font-size: 20px;
    }
    .father .row:nth-child(3) {
        margin-top: unset;
    }

    .input-label {
        font-size: 12px;
        text-align: left;
    }
    .track-title p {
        font-size: 12px !important;
    }

    #playBtn,#pauseBtn {
        font-size: 30px;
      }
    
    #prevBtn, #nextBtn {
        font-size: 20px;
    }
     
}
/* Small (col-sm) ≥ 576px */
@media (min-width:576px) and (max-width:767px){
    .father {
        width: unset;
    }
    .head-text {
        font-size: 14px !important;
    }
    .domen-title p{
        font-size: 20px;
    }
    .father .row:nth-child(3) {
        margin-top: unset;
    }
    .track-title p {
        font-size: 15px !important;
    }

    .input-label {
        font-size: 12px;
        text-align: left;
    }
    #playBtn,#pauseBtn {
        font-size: 35px;
      }
}
/* Medium (col-md) ≥ 768px */
@media (min-width:768px) and (max-width:991px){
    .father {
        width: unset;
    }
    .head-text {
        font-size: 18px !important;
    }
    .domen-title p{
        font-size: 30px;
    }
    .father .row:nth-child(3) {
        margin-top: unset;
    }

    .input-label {
        font-size: 12px;
        text-align: left;
    }
}
/* Large (col-lg) ≥ 992px */
@media (min-width:992px) and (max-width:1199px){
    
}
/* Extra large (col-xl) ≥ 1200px */
@media (min-width:1200px){
    
}