/*CUSTOM RESPONSIVE SPACING CSS*/


/*----ADD CLASSES TO KC SPACING TO USE RESPONSIVE SPACING-----*/


/*MEDIA QUERY DESKTOP - ALLE SCREENS MIT RESOLUTION VON WIDTH 1600px - 1024px --> Laptop, Big Desktop*/

.spacer_10 {
    height: 10px !important;
}

.spacer_20 {
    height: 20px !important;
}

.spacer_30 {
    height: 30px !important;
}

.spacer_40 {
    height: 40px !important;
}

.spacer_50 {
    height: 50px !important;
}

.spacer_60 {
    height: 60px !important;
}

.spacer_70 {
    height: 70px !important;
}

.spacer_80 {
    height: 80px !important;
}

.spacer_90 {
    height: 90px !important;
}

.spacer_100 {
    height: 100px !important;
}


/*MEDIA QUERY 1024 - ALLE SCREENS MIT RESOLUTION VON WIDTH 1024px - 999px --> iPad Landscape*/

@media only screen and (max-width: 1024px) {
    .spacer_10 {
        height: 5px !important;
    }
    .spacer_20 {
        height: 15px !important;
    }
    .spacer_30 {
        height: 20px !important;
    }
    .spacer_40 {
        height: 30px !important;
    }
    .spacer_50 {
        height: 40px !important;
    }
    .spacer_60 {
        height: 50px !important;
    }
    .spacer_70 {
        height: 60px !important;
    }
    .spacer_80 {
        height: 70px !important;
    }
    .spacer_90 {
        height: 80px !important;
    }
    .spacer_100 {
        height: 90px !important;
    }
}


/*MEDIA QUERY 999 - ALLE SCREENS MIT RESOLUTION VON WIDTH 999px - 767px --> Grosse Tablets - iPad Portrait*/

@media only screen and (max-width: 999px) {
    .spacer_10 {
        height: 10px !important;
    }
    .spacer_20 {
        height: 20px !important;
    }
    .spacer_30 {
        height: 30px !important;
    }
    .spacer_40 {
        height: 40px !important;
    }
    .spacer_50 {
        height: 50px !important;
    }
    .spacer_60 {
        height: 60px !important;
    }
    .spacer_70 {
        height: 70px !important;
    }
    .spacer_80 {
        height: 80px !important;
    }
    .spacer_90 {
        height: 90px !important;
    }
    .spacer_100 {
        height: 100px !important;
    }
}


/*MEDIA QUERY 767 - ALLE SCREENS MIT RESOLUTION VON WIDTH 767px - 479px --> iPhone Landscape*/

@media only screen and (max-width: 767px) {
    .spacer_10 {
        height: 5px !important;
    }
    .spacer_20 {
        height: 15px !important;
    }
    .spacer_30 {
        height: 20px !important;
    }
    .spacer_40 {
        height: 30px !important;
    }
    .spacer_50 {
        height: 40px !important;
    }
    .spacer_60 {
        height: 50px !important;
    }
    .spacer_70 {
        height: 60px !important;
    }
    .spacer_80 {
        height: 70px !important;
    }
    .spacer_90 {
        height: 80px !important;
    }
    .spacer_100 {
        height: 90px !important;
    }
}


/*MEDIA QUERY 479 - ALLE SCREENS MIT RESOLUTION VON WIDTH 479px - 0px --> Grosse Smartphone - iPhone etc...*/

@media only screen and (max-width: 479px) {
    .spacer_10 {
        height: 5px !important;
    }
    .spacer_20 {
        height: 10px !important;
    }
    .spacer_30 {
        height: 15px !important;
    }
    .spacer_40 {
        height: 20px !important;
    }
    .spacer_50 {
        height: 25px !important;
    }
    .spacer_60 {
        height: 30px !important;
    }
    .spacer_70 {
        height: 35px !important;
    }
    .spacer_80 {
        height: 40px !important;
    }
    .spacer_90 {
        height: 45px !important;
    }
    .spacer_100 {
        height: 50px !important;
    }
}