@media (max-width:420px) {
    /*content goes here*/
}

@media (max-width:767px) {
    /*content goes here*/
}

@media (min-width:768px) {
    /*content goes here*/
}


@media (max-width:991px) {
    /*content goes here*/
}

@media (min-width:992px) {
    .desktophide {display:none} 
}


@media screen and (min-device-width: 421px) and (max-device-width: 991px) {
    /*content goes here*/
}



/* iPad in Portrait Mode */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /*content goes here*/
}

/* iPad in Landscape Mode */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /*content goes here*/
}


/*--PADDING--*/
.pad10 {padding: 10px!important}
.pad20 {padding: 20px!important}
.pad30 {padding: 30px!important}
.pad40 {padding: 40px!important}

.pt10 {padding-top: 10px!important}
.pt20 {padding-top: 20px!important}
.pt30 {padding-top: 30px!important}
.pt40 {padding-top: 40px!important}

.pb10 {padding-bottom: 10px!important}
.pb20 {padding-bottom: 20px!important}
.pb30 {padding-bottom: 30px!important}
.pb40 {padding-bottom: 40px!important}

.pr10 {padding-right: 10px!important}
.pr20 {padding-right: 20px!important}
.pr30 {padding-right: 30px!important}
.pr40 {padding-right: 40px!important}

.pl10 {padding-left: 10px!important}
.pl20 {padding-left: 20px!important}
.pl30 {padding-left: 30px!important}
.pl40 {padding-left: 40px!important}


/*--MARGIN--*/
.mar10 {margin: 10px!important}
.mar20 {margin: 20px!important}
.mar30 {margin: 30px!important}
.mar40 {margin: 40px!important}

.mt10 {margin-top: 10px!important}
.mt20 {margin-top: 20px!important}
.mt30 {margin-top: 30px!important}
.mt40 {margin-top: 40px!important}

.mb10 {margin-bottom: 10px!important}
.mb20 {margin-bottom: 20px!important}
.mb30 {margin-bottom: 30px!important}
.mb40 {margin-bottom: 40px!important}

.mr10 {margin-right: 10px!important}
.mr20 {margin-right: 20px!important}
.mr30 {margin-right: 30px!important}
.mr40 {margin-right: 40px!important}

.ml10 {margin-left: 10px!important}
.ml20 {margin-left: 20px!important}
.ml30 {margin-left: 30px!important}
.ml40 {margin-left: 40px!important}

/*--HEIGHT--*/
.h10 {height: 10px!important;}
.h20 {height: 20px!important;}
.h30 {height: 30px!important;}
.h40 {height: 40px!important;}
.h50 {height: 50px!important;}


/*--GENERAL--*/
.center {text-align: center!important}
.invert {filter:invert(1); -webkit-filter:invert(1);}

.lidot {list-style-type: circle!important; margin-left:20px}