﻿.astro_floatWraper {
    position: relative;
    float: left;
    width: 100%;
}

.astro_flexContainer {
    display:flex;
    width:100%;
}

.astro_flexWrap {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 2%;
}

.astro_mainItemRow, .astro_mainItemRow_center {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 2%;
    transition: width 0.5s;
    transition-timing-function: ease-in-out;
}

.astro_mainItemRow_center {
    justify-content: center;
}


.astro_wrapBox_4, .astro_wrapBox_3, .astro_wrapBox_2 {
    display: flex;
    flex-wrap: wrap;
}


.astro_flexContainer_center {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.astro_flexContainer_left, .astro_flexContainer_leftgap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 1.25em 0 1.25em 0;
}

.astro_flexContainer_top, .astro_flexContainer_topgap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 1.25em 0 1.25em 0;
}

.astro_flexContainer_middle, .astro_flexContainer_middlegap_blueNav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1.25em 0 1.25em 0;
}

.astro_flexContainer_right, .astro_flexContainer_rightgap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 1.25em 0 1.25em 0;
    width: 100%;
}

.astro_flexContainer_leftgap, .astro_flexContainer_rightgap, .astro_flexContainer_topgap, .astro_flexContainer_middlegap_blueNav_blueNav {
    gap: 0 2%;
}

.astro_flexGrow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
}

.float_Row {
    position: relative;
    float: left;
    width: 100%;
}


.rs_grid1 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
}

.rs_grid2 {
    display: grid;
    width: 100%;
}

.rs_grid3 {
    display: grid;
    width: 100%;
}

.rs_grid4 {
    display: grid;
    width: 100%;
}

.rs_grid5 {
    display: grid;
    width: 100%;
}

.rs_grid6 {
    display: grid;
    width: 100%;
}

.rs_grid7 {
    display: grid;
    width: 100%;
}

.rs_grid8 {
    display: grid;
    width: 100%;
}

.rs_center {
    align-items: center;
    justify-items: center;
}

.rs_vcenter {
    align-items: center;
}
.rs_hcenter {
    justify-items: center;
}

.marginKiller_all {
    margin:0 0 0 0 !important;
}

.paddingKiller_all {
    padding: 0 0 0 0 !important;
}

/*===Phone================================================================================================*/
@media screen and (max-width: 38.4375em) {

    .astro_responsiveRap {
        flex-wrap: wrap;
    }

    .rs_grid2 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid3 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid4 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid5 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid6 {
        grid-template-columns: repeat(2, 1fr);
        gap: 2%;
    }

    .rs_grid7 {
        grid-template-columns: repeat(3, 1fr);
        gap: 2%;
    }

    .rs_grid7 {
        grid-template-columns: repeat(3, 1fr);
        gap: 2%;
    }

    .rs_grid8 {
        grid-template-columns: repeat(4, 1fr);
        gap: 2%;
    }

    .float_Row {
        padding: 0 1em 0 1em;
    }

    .astro_flexGrow_item {
        flex: 100%;
    }

    .astro_wrapBox_4 {
        width: 48%;
    }

    .astro_wrapBox_3 {
        width: 100%;
    }

    .astro_wrapBox_2 {
        width: 100%;
    }

    .astro_mainItemRow, .astro_mainItemRow_center, .astro_intFlexRow, .astro_intFlexRow_blog {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0.5em 0;
    }
}
/*===tablet================================================================================================*/
@media screen and (min-width: 38.4375em) {

    .astro_responsiveRap {
        flex-wrap: wrap;
    }

    .rs_grid2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid4 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid5 {
        grid-template-columns: repeat(1, 1fr);
        gap:0;
    }

    .rs_grid6 {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid7 {
        grid-template-columns: repeat(5, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid8 {
        grid-template-columns: repeat(6, 1fr);
        gap: 1.25em 1.25em;
    }

    .float_Row {
        padding: 0 1em 0 1em;
    }

    .astro_flexGrow_item {
        flex: 100%;
    }

    .astro_wrapBox_4 {
        width: 31%;
    }

    .astro_wrapBox_3 {
        width: 48%;
    }

    .astro_wrapBox_2 {
        width: 48%;
    }

    .astro_mainItemRow, .astro_mainItemRow_center, .astro_intFlexRow, .astro_intFlexRow_blog {
        width: 100%;
        flex-wrap: wrap;
        padding: 0.75em 0;
    }

    .astro_intFlexRow {
        padding: 0 0 0 0;
    }
}


/*===Small Screen================================================================================================*/
@media screen and (min-width: 53.875em) {

    
    .astro_responsiveRap {
        flex-wrap: nowrap;
    }

    .rs_grid4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid5 {
        grid-template-columns: repeat(5, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid6 {
        grid-template-columns: repeat(6, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid7 {
        grid-template-columns: repeat(7, 1fr);
        gap: 1.25em 1.25em;
    }

    .rs_grid8 {
        grid-template-columns: repeat(8, 1fr);
        gap: 1.25em 1.25em;
    }

    .astro_intFlexRow {
        gap: 0em 5%;
    }

    .astro_flexGrow_item {
        flex: 1 1 auto;
    }

    .astro_wrapBox_4 {
        width: 23%;
    }

    .astro_wrapBox_3 {
        width: 31%;
    }

    .gapKiller {
        gap:0 2% !important;
    }

    .marginKiller {
        margin: 0 !important;
    }

    .astro_mainItemRow, .astro_mainItemRow_center {
        padding: 1.25em 0;
    }

    .astro_mainItemRow {
        flex-wrap: nowrap;
    }

}

/*===Large Screen================================================================================================*/
@media screen and (min-width: 70.8125em) {

    .float_Row {
        padding: 0 0 0 0;
    }

    .astro_mainItemRow, .astro_mainItemRow_center, .astro_intFlexRow, .astro_intFlexRow_blog {
        width: 62.5em;
    }
    
}