/* -- Viewport Styles ( > 1160px ) -- */
@media (min-width: $7){

}


/* -- Viewport Styles ( <= 1160px ) -- */
@media (max-width: $6){

}


/* -- Viewport Styles ( <= 1024px ) -- */
@media (max-width: $5){
    
    .content .col.mv0  { display: none; }
    .content .col.mv1  { width:   8.3333%; width: calc((100% / 12) *  1); }
    .content .col.mv2  { width:  16.6666%; width: calc((100% / 12) *  2); }
    .content .col.mv3  { width:  25.0000%; width: calc((100% / 12) *  3); }
    .content .col.mv4  { width:  33.3333%; width: calc((100% / 12) *  4); }
    .content .col.mv5  { width:  41.6666%; width: calc((100% / 12) *  5); }
    .content .col.mv6  { width:  50.0000%; width: calc((100% / 12) *  6); }
    .content .col.mv7  { width:  58.3333%; width: calc((100% / 12) *  7); }
    .content .col.mv8  { width:  66.6666%; width: calc((100% / 12) *  8); }
    .content .col.mv9  { width:  75.0000%; width: calc((100% / 12) *  9); }
    .content .col.mv10 { width:  83.3333%; width: calc((100% / 12) * 10); }
    .content .col.mv11 { width:  91.6666%; width: calc((100% / 12) * 11); }
    .content .col.mv12 { width: 100.0000%; width: calc((100% / 12) * 12); }
        
    .content .col.mv12 {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

}


/* -- Viewport Styles ( <= 900px ) -- */
@media (max-width: $4){

}


/* -- Viewport Styles ( <= 800px ) -- */
@media (max-width: $3){

}


/* -- Viewport Styles ( <= 640px ) -- */
@media (max-width: $2){
    
    .content .col.sv0  { display: none; }
    .content .col.sv1  { width:   8.3333%; width: calc((100% / 12) *  1); }
    .content .col.sv2  { width:  16.6666%; width: calc((100% / 12) *  2); }
    .content .col.sv3  { width:  25.0000%; width: calc((100% / 12) *  3); }
    .content .col.sv4  { width:  33.3333%; width: calc((100% / 12) *  4); }
    .content .col.sv5  { width:  41.6666%; width: calc((100% / 12) *  5); }
    .content .col.sv6  { width:  50.0000%; width: calc((100% / 12) *  6); }
    .content .col.sv7  { width:  58.3333%; width: calc((100% / 12) *  7); }
    .content .col.sv8  { width:  66.6666%; width: calc((100% / 12) *  8); }
    .content .col.sv9  { width:  75.0000%; width: calc((100% / 12) *  9); }
    .content .col.sv10 { width:  83.3333%; width: calc((100% / 12) * 10); }
    .content .col.sv11 { width:  91.6666%; width: calc((100% / 12) * 11); }
    .content .col.sv12 { width: 100.0000%; width: calc((100% / 12) * 12); }
        
    .content .col.sv12 {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

}


/* -- Viewport Styles ( <= 420px ) -- */
@media (max-width: $1){

}


/* -- Viewport Styles ( <= 320px ) -- */
@media (max-width: $0){

}