.case-100 {

    height: 100%;

    position: relative;

}



.case-90 {

    height: 90%;

}



.case-50 {

    height: 50%;

}



.case-33 {

    height: calc(100% / 3);

}



.case-25 {

    height: 25%;

}



.case-10 {

    height: 10%;

}



/*******************/

/* Very Small size */

/*******************/



.case-100-75 {

    height: 75%;

}

.case-100-50 {

    height: 50%;

}



.case-100-40 {

    height: 40%;

}



.case-100-33 {

    height: calc(100% / 3);

}



.case-100-25 {

    height: 25%;

}



.case-100-20 {

    height: 20%;

}



.case-50-60 {

    height: 60%;

}





/***************/

/* Medium Size */

/***************/

@media (min-width: 768px) {

    .case-100-75 {

        height: 100%;

    }



    .case-100-50 {

        height: 100%;

    }



    .case-100-40 {

        height: 100%;

    }



    .case-100-33 {

        height: 100%;

    }



    .case-100-25 {

        height: 100%;

    }



    .case-100-20 {

        height: 100%;

    }



    .case-50-60 {

        height: 50%;

    }


}

@media (max-width:767px) {

    .full-page .case-100-50{

        height: 50%;

    }

}