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

}


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

}


/* -- Viewport Styles ( <= 1024px ) -- */
@media (max-width: $5){
        
    .page_home .content .desktop-only { display: none; }
    .page_home .content .mobile-only { display: block; }

}


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

}


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

}


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

}


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

}


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

}