@media screen and (max-width : 1280px) { /* CSS CODE HERE FOR DESKTOP ---*/ } @media screen and (max-width : 1024px) { /* CSS CODE HERE FOR TABLETS ---*/ } @media screen and (max-width : 768px) { /* CSS CODE HERE FOR SMALL TABLETS ---*/ } @media screen and (max-width : 640px) { /* CSS CODE HERE FOR IPHONE ---*/ } @media screen and (max-width : 480px) { /* CSS CODE HERE FOR SMARTPHONES ---*/ } @media screen and (max-width : 320px) { /* CSS CODE HERE FOR SMALL MOBILES ---*/ }