.column-wd-100 {
    width: 100%;
}

.column-wd-75 {
    width: 100%;
}

.column-wd-50 {
    width: 100%;
}

.column-wd-33 {
    /* width: 50%; */
    width: 100%;
}

.column-wd-25 {
    /* width: 50%; */
    width: 100%;
}

.column-wd-15 {
    width: 33%;
  }

.mobile-column-wd-25 {
    width: 25%;
}

.mobile-column-wd-50 {
    width: 50%;
}

.mobile-column-wd-75 {
    width: 75%;
}

.mobile-column-wd-100 {
    width: 100%;
}

/* ----- TABLET */
@media screen and (min-width: 902px) {
    .column-wd-100 {
        width: 100%;
    }
    
    .column-wd-75 {
        width: 50%;
    }
    
    .column-wd-50 {
        width: 50%;
    }
    
    .column-wd-33 {
        /* width: 50%; */
        width: 30%;
    }
    
    .column-wd-25 {
        /* width: 50%; */
        width: 25%;
    }

    .column-wd-15 {
        width: 25%;
      }

    .tablet-column-wd-100 {
        width: 100%;
    }

    .tablet-column-wd-75 {
        width: 75%;
    }

    .tablet-column-wd-50 {
        width: 50%;
    }

    .tablet-column-wd-33 {
        width: 33%;
    }
}

/* ----- LAPTOP */
@media only screen and (min-width: 1000px) {  
    .column-wd-75 {
        width: 75%;
    }
    
    .column-wd-66 {
        width: 66%;
    }

    .column-wd-50 {
        width: 50%;
    }
    
    .column-wd-33 {
        width: 33%;
    }
    
    .column-wd-25 {
        width: 25%;
        /* width: 100%; */
    }  

    .desktop-column-wd-25 {
        width: 25%;
    }

    .column-wd-15 {
        width: 15%;
        min-width: 200px;
    }

    .desktop-column-wd-33 {
        width: 33%;
    }

    .desktop-column-wd-66 {
        width: 66%;
    }

    .desktop-column-wd-75 {
        width: 75%;
    }

    .desktop-column-wd-100 {
        width: 100%;
    }
}