﻿
/*Flex*/
.visible-upto-sm--flx {
    display: none;
}

.visible-upto-md--flx {
    display: none;
}

.visible-upto-lg--flx {
    display: none;
}

.visible-upto-xl--flx {
    display: none;
}

.visible-upto-xx--flx {
    display: none;
}
.hidden-upto-sm--flx {
    display: flex;
}

.hidden-upto-md--flx {
    display: flex;
}

.hidden-upto-lg--flx {
    display: flex;
}

.hidden-upto-xl--flx {
    display: flex;
}

.hidden-upto-xx--flx {
    display: flex;
}
/*Block*/
.visible-upto-sm--blk {
    display: none;
}

.visible-upto-md--blk {
    display: none;
}

.visible-upto-lg--blk {
    display: none;
}

.visible-upto-xl--blk {
    display: none;
}

.visible-upto-xx--blk {
    display: none;
}
.hidden-upto-sm--blk {
    display: block;
}

.hidden-upto-md--blk {
    display: block;
}

.hidden-upto-lg--blk {
    display: block;
}

.hidden-upto-xl--blk {
    display: block;
}

.hidden-upto-xx--blk {
    display: block;
}

@media (max-width: 599px) {
    .visible-upto-sm--flx {
        display: flex;
    }

    .visible-upto-sm--blk {
        display: block;
    }

    .hidden-upto-sm--flx {
        display: none;
    }

    .hidden-upto-sm--blk {
        display: none;
    }
}

@media (max-width: 959px) {
    .visible-upto-md--flx {
        display: flex;
    }

    .visible-upto-md--blk {
        display: block;
    }

    .hidden-upto-md--flx {
        display: none;
    }

    .hidden-upto-md--blk {
        display: none;
    }
}

@media (max-width: 1279px) {
    .visible-upto-lg--flx {
        display: flex;
    }

    .visible-upto-lg--blk {
        display: block;
    }

    .hidden-upto-lg--flx {
        display: none;
    }

    .hidden-upto-lg--blk {
        display: none;
    }
}

@media (max-width: 1919px) {
    .visible-upto-xl--flx {
        display: flex;
    }

    .visible-upto-xl--blk {
        display: block;
    }

    .hidden-upto-xl--flx {
        display: none;
    }

    .hidden-upto-xl--blk {
        display: none;
    }
}

@media (max-width: 2559px) {
    .visible-upto-xx--flx {
        display: flex;
    }

    .visible-upto-xx--blk {
        display: block;
    }

    .hidden-upto-xx--flx {
        display: none;
    }

    .hidden-upto-xx--blk {
        display: none;
    }
}


