.width5 {
    width: 5%;
}

.width10 {
    width: 10%;
}

.width20 {
    width: 20%;
}

.width20-computer {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width26 {
    width: 27%;
}

.width30 {
    width: 30%;
}

.width33 {
    width: 33%;
}

.width40 {
    width: 40%;
}


.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width66 {
    width: 60%;
}

.width70 {
    width: 70%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width90 {
    width: 90%;
}

.width100 {
    width: 100%;
}

@media (max-width: 1024px) {

    .width100-responsive-agressive {
        width: 100%;
    }
}

@media (max-width: 992px) {

    .width100-responsive {
        width: 100%;
    }
}

.width50-computer {
    width: 50%;
}


.widthFit {
    width: fit-content;
}

.min-width-auto {
    min-width: auto !important;
}

.height5 {
    height: 5%;
}

.height10 {
    height: 10%;
}

.height20 {
    height: 20%;
}

.height20-computer {
    height: 20%;
}

.height25 {
    height: 25%;
}

.height26 {
    height: 27%;
}

.height30 {
    height: 30%;
}

.height33 {
    height: 33%;
}

.height40 {
    height: 40%;
}


.height50 {
    height: 50%;
}

.height60 {
    height: 60%;
}

.height66 {
    height: 60%;
}

.height75 {
    height: 75%;
}

.height80 {
    height: 80%;
}

.height90 {
    height: 90%;
}

.height100 {
    height: 100%;
}

@media (max-height: 1024px) {

    .height100-responsive-agressive {
        height: 100%;
    }
}

@media (max-height: 992px) {

    .height100-responsive {
        height: 100%;
    }
}

.height50-computer {
    height: 50%;
}


.heightFit {
    height: fit-content;
}


@media(max-width:768px){
    .hidden-mobile{
        display: none !important;
    }
}

@media(max-width:1024px) {
    .hidden-mobile-agressive {
        display: none !important;
    }
}