/*------------------------------------------------------------------------------
  Media Site -CSS:   RioSW All Pages
  Author	 :   Dieter Hodes
  Copyright      :   (c)2022, Rio System Works
--------------------------------------------------------------------------------
Extra small devices (phones, 600px and down): 
@media only screen and (max-width: 600px) {...}

Small devices (portrait tablets and large phones, 600px and up):
@media only screen and (min-width: 600px) {...}

Medium devices (landscape tablets, 768px and up):
@media only screen and (min-width: 768px) {...}

Large devices (laptops/desktops, 992px and up): 
@media only screen and (min-width: 992px) {...}

Extra large devices (large laptops and desktops, 1200px and up):
@media only screen and (min-width: 1200px) {...}
------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) {
/* ------------------------------------------ */
/* Tablets: */
/* ------------------------------------------ */
        .pos-m-1 {
                width: 8.33%;
        }
        .pos-m-2 {
                width: 16.66%;
        }
        .pos-m-3 {
                width: 25%;
        }
        .pos-m-4 {
                width: 33.33%;
        }
        .pos-m-5 {
                width: 41.66%;
        }
        .pos-m-6 {
                width: 50%;
        }
        .pos-m-7 {
                width: 58.33%;
        }
        .pos-m-8 {
                width: 66.66%;
        }
        .pos-m-9 {
                width: 75%;
        }
        .pos-m-10 {
                width: 83.33%;
        }
        .pos-m-11 {
                width: 91.66%;
        }
        .pos-m-12 {
                width: 100%;
        }
        .pos-m-X {
                width: 25%;
        }
}

@media only screen and (min-width: 768px) {
/* ------------------------------------------ */
/* Others: */
/* ------------------------------------------ */ 
        .pos-1 {
                width: 8.33%;
        }
        .pos-2 {
                width: 16.66%;
        }
        .pos-3 {
                width: 25%;
        }
        .pos-4 {
                width: 33.33%;
        }
        .pos-5 {
                width: 41.66%;
        }
        .pos-6 {
                width: 50%;
        }
        .pos-7 {
                width: 58.33%;
        }
        .pos-8 {
                width: 66.66%;
        }
        .pos-9 {
                width: 75%;
        }
        .pos-10 {
                width: 83.33%;
        }
        .pos-11 {
                width: 91.66%;
        }
        .pos-12 {
                width: 100%;
        }
        .pos-X {
                width: 25%;
        }
}