/*iPAD PRO*/
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait){
    .w-32{
        width: 32% !important;
    }
    .w-33{
        width: 33% !important;
    }
    .w-50{
        width: 50% !important;
    }
    .w-100{
        width: 100% !important;
    }
    .w-65{
        width: 65% !important;
    }

    .w150{
        width: 150px !important;
    }

    .mg-30{
        margin: 30px 0 !important;
    }

    .pd-10{
        padding: 10px 10px !important;
    }

    .pt-20{
        padding-top: 20px !important;
    }

    .filter > p {
        float: left;
        margin: 5px 0;
    }

    .filter > select {
        width: 100%;
        float: right;
        font-size: 16px !important;
    }

    .flex-column{
        display: flex;
        flex-direction: column;
    }

    .order-1{
        order: 1;
    }

    .order-2{
        order: 2;
    }

    .fl{
        float: left !important;
    }
}

/*iPAD PRO landscape*/
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation : landscape) {

    .w-32{
        width: 32% !important;
    }
    .w-33{
        width: 33% !important;
    }
    .w-50{
        width: 50% !important;
    }
    .w-100{
        width: 100% !important;
    }
    .w-65{
        width: 65% !important;
    }

    .w150{
        width: 150px !important;
    }

    .mg-30{
        margin: 30px 0 !important;
    }

    .pd-10{
        padding: 10px 10px !important;
    }

    .pt-20{
        padding-top: 20px !important;
    }

    .filter > p {
        float: left;
        margin: 5px 0;
    }

    .filter > select {
        width: 100%;
        float: right;
        font-size: 16px !important;
    }

    .flex-column{
        display: flex;
        flex-direction: column;
    }

    .order-1{
        order: 1;
    }

    .order-2{
        order: 2;
    }

    .fl{
        float: left !important;
    }

}