@media screen and (max-width :576px){

    .components-text-light{
        font-size: 8px !important;
    }
    .we-do-it-for-these-people {
        font-size: 17px !important;
    }
    .labels-and-publishers {
        font-size: 29px !important;
    }
    .labels-and-publishers1 {
        font-size: 29px !important;
    }

    .pad-to{
        padding-top: 18% !important;
    }

    .pad-to1{
        padding-top: 10% !important;
    }

    .padg-top{
        padding-top: 6% !important;
    }

    .pad-towp{
        padding-top: 23% !important;
    }

    .spanclass1{
        display: inline !important;
    }

    .btm-css{
        padding-bottom: 25% !important;
    }
.All-your-artists-in{
    font-size: 11px !important;
}

.music-companies{
    font-size: 12px !important;
}

.Mass-upload{
    font-size: 11px !important;
}

.Seamless-catalogue-s{
    font-size: 11px !important;
}
.Data-analytics{
    font-size: 11px !important;
    line-height: 1.47 !important;
}

.Money-disbursement-f{
    font-size: 11px !important;
}
    .visible{
       display: none;
    }
}


@media screen and (max-width :340px){
    .pad-to{
        padding-top: 25% !important;
    }

    .pad-towp{
        padding-top: 32% !important;
    }

    .labels-and-publishers{
        font-size: 23px !important;
    }

    .labels-and-publishers1 {
        font-size: 23px !important;
    }
}



@media screen and (max-width :1500px){
    .visible{
        display: none;
    }
}

/*@media screen and (max-width :362px){*/
    /*.components-text-light{*/
        /*font-size: 10px !important;*/
    /*}*/
/*}*/


.spanclass1{
    display: block;
}
.we-do-it-for-these-people {

    font-family: Graphik-Extralight;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.19;
    text-align: left;
    color: #fff;
    word-break: break-all;
}

.music-companies{
    font-size: 15px;
    color: white;
    font-family: Graphik-Regular;
    line-height: 2;
}

.padwedot{
    padding-left: 1.8% !important;
}
.we-do-it-for-these-people .text-style-light{
    font-weight: 200;
}

.we-do-it-for-these-people .text-style-bold{
    font-family: Graphik-Bold;
}

.category, .category a{
    padding-top: 2%;
    font-family: Graphik-Extralight;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.33;
    text-align: left;
    color: #fff;
}
.category a:focus, .category a:hover,.category a.active{
    text-decoration: none;
    border-bottom: 2px solid #7673c0;
    color: #fff;
}

.lg-class{
    padding-top: 5%;
}

.grey-container{
    padding-top: 7%;
    padding-bottom: 5%;
    background-color: #00001c;

    /*padding-top: 5%;
    padding-bottom: 5%;
    background-color: #ece8f1;*/
}

.visible{
    visibility: hidden;
}

.even-images-top-single{
    padding-top: 4%;
}

.even-images-top-double{
    padding-top: 8%;
}

.labels-and-publishers1{
    font-family: Graphik-Extralight;
    font-size: 40px;
    font-weight: 200;
    line-height: 0.98;
    letter-spacing: -0.2px;
    text-align: left;
    color: white;
}

.labels-and-publishers1 .text-style-light{
    font-weight: 200;
}

.labels-and-publishers1 .text-style-bold{
    font-family: Graphik-Bold;
}

.labels-and-publishers1 .text-style-extra-light{
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 2;
    text-align: left;
    color: #00001c;
}

.labels-and-publishers{
    font-family: Graphik-Extralight;
    font-size: 49px;
    font-weight: 200;
    line-height: 0.98;
    letter-spacing: -0.2px;
    text-align: left;
    color: #00001c;
}

.labels-and-publishers .text-style-light{
    font-weight: 200;
}

.labels-and-publishers .text-style-bold{
    font-family: Graphik-Bold;
}

.labels-and-publishers .text-style-extra-light{
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 2;
    text-align: left;
    color: #00001c;
}
.components-text {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 1;
    text-align: left;
    color: #00001c;
}


.All-your-artists-in {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    color: #00001c;
}

.Mass-upload {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 2;
    text-align: left;
    color: #00001c;
}

.Seamless-catalogue-s {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 1.47;
    text-align: left;
    color: #00001c;
}
.Data-analytics {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 2;
    text-align: left;
    color: #00001c;
}

.Money-disbursement-f {
    font-family: Graphik-Regular;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #00001c;
}


.padicon{
    padding-top: 5%;
}