@media only screen and (min-width : 0px) and (max-width : 420px) {
    .d-xs-none{
        display: none;
    }
}
@media only screen and (min-width : 420px) and (max-width : 669px) {
    .d-sm-none{
        display: none;
    }
}
@media only screen and (min-width : 669px) and (max-width : 1024px) {
    .d-md-none{
        display: none;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 1200px) {
    .d-lg-none{
        display: none;
    }
}
@media only screen and (min-width : 1200px) and (max-device-width : 1500px){
.d-xl-none{
    display: none;
}
}
@media only screen and (min-width : 1500px) and (max-width : 4000px){
    .d-xll-none{
        display: none;
    }
}