/*width Settings*/

.width-fit-content {width: fit-content;}

.w-auto {width: auto;}



/*Percentage weight Settings*/
/*-------------------------------------------*/
.w-0 {width: 0%;}
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-55 {width: 55%;}
.w-60 {width: 60%;}
.w-65 {width: 65%;}
.w-70 {width: 70%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-85 {width: 85%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

/*Pixel width Settings*/
/*-------------------------------------------*/
.w-0px {width: 0px;}
.w-5px {width: 5px;}
.w-10px {width: 10px;}
.w-15px {width: 15px;}
.w-20px {width: 20px;}
.w-25px {width: 25px;}
.w-30px {width: 30px;}
.w-35px {width: 35px;}
.w-40px {width: 40px;}
.w-45px {width: 45px;}
.w-50px {width: 50px;}
.w-55px {width: 55px;}
.w-60px {width: 60px;}
.w-65px {width: 65px;}
.w-70px {width: 70px;}
.w-75px {width: 75px;}
.w-80px {width: 80px;}
.w-85px {width: 85px;}
.w-90px {width: 90px;}
.w-95px {width: 95px;}
.w-100px {width: 100px;}

/*Vertical width Settings*/
/*-------------------------------------------*/
.w-0vh {width: 0vh;}
.w-1vh {width: 1vh;}
.w-2vh {width: 2vh;}
.w-3vh {width: 3vh;}
.w-4vh {width: 4vh;}
.w-5vh {width: 5vh;}
.w-6vh {width: 6vh;}
.w-7vh {width: 7vh;}
.w-8vh {width: 8vh;}
.w-9vh {width: 9vh;}
.w-10vh {width: 10vh;}
.w-15vh {width: 15vh;}
.w-20vh {width: 20vh;}
.w-25vh {width: 25vh;}
.w-30vh {width: 30vh;}
.w-35vh {width: 35vh;}
.w-40vh {width: 40vh;}
.w-45vh {width: 45vh;}
.w-50vh {width: 50vh;}
.w-55vh {width: 55vh;}
.w-60vh {width: 60vh;}
.w-65vh {width: 65vh;}
.w-70vh {width: 70vh;}
.w-75vh {width: 75vh;}
.w-80vh {width: 80vh;}
.w-85vh {width: 85vh;}
.w-90vh {width: 90vh;}
.w-95vh {width: 95vh;}
.w-100vh {width: 100vh;}

/*-------------------------------------------*/
/*Mobile Break Points*/
/*-------------------------------------------*/

/*On Desktop*/

@media (orientation: landscape) {

.w-md-0vh {width: 0vh;}
.w-md-1vh {width: 1vh;}
.w-md-2vh {width: 2vh;}
.w-md-3vh {width: 3vh;}
.w-md-4vh {width: 4vh;}
.w-md-5vh {width: 5vh;}
.w-md-6vh {width: 6vh;}
.w-md-7vh {width: 7vh;}
.w-md-8vh {width: 8vh;}
.w-md-9vh {width: 9vh;}
.w-md-10vh {width: 10vh;}
.w-md-15vh {width: 15vh;}
.w-md-20vh {width: 20vh;}
.w-md-25vh {width: 25vh;}
.w-md-30vh {width: 30vh;}
.w-md-35vh {width: 35vh;}
.w-md-40vh {width: 40vh;}
.w-md-45vh {width: 45vh;}
.w-md-50vh {width: 50vh;}
.w-md-55vh {width: 55vh;}
.w-md-60vh {width: 60vh;}
.w-md-65vh {width: 65vh;}
.w-md-70vh {width: 70vh;}
.w-md-75vh {width: 75vh;}
.w-md-80vh {width: 80vh;}
.w-md-85vh {width: 85vh;}
.w-md-90vh {width: 90vh;}
.w-md-95vh {width: 95vh;}
.w-md-100vh {width: 100vh;}

.w-md-0 {width: 0%;}
.w-md-1 {width: 1%;}
.w-md-2 {width: 2%;}
.w-md-3 {width: 3%;}
.w-md-4 {width: 4%;}
.w-md-5 {width: 5%;}
.w-md-6 {width: 6%;}
.w-md-7 {width: 7%;}
.w-md-8 {width: 8%;}
.w-md-9 {width: 9%;}
.w-md-10 {width: 10%;}
.w-md-15 {width: 15%;}
.w-md-20 {width: 20%;}
.w-md-25 {width: 25%;}
.w-md-30 {width: 30%;}
.w-md-35 {width: 35%;}
.w-md-40 {width: 40%;}
.w-md-45 {width: 45%;}
.w-md-50 {width: 50%;}
.w-md-55 {width: 55%;}
.w-md-60 {width: 60%;}
.w-md-65 {width: 65%;}
.w-md-70 {width: 70%;}
.w-md-75 {width: 75%;}
.w-md-80 {width: 80%;}
.w-md-85 {width: 85%;}
.w-md-90 {width: 90%;}
.w-md-95 {width: 95%;}
.w-md-100 {width: 100%;}

}

@media (orientation: portrait) {
    .w-sm-100 {width: 100% !important;}
}