comMedia.scss 963 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @media screen and (min-width: 0px) and (max-width: 414px) {
  2. .space-box {
  3. width: 100% !important;
  4. }
  5. }
  6. @media screen and (min-width: 414px) and (max-width: 640px) {
  7. .space-box {
  8. width: 50% !important;
  9. }
  10. }
  11. @media screen and (min-width: 640px) and (max-width: 1200px) {
  12. .space-box {
  13. width: 33.33% !important;
  14. }
  15. }
  16. @media screen and (min-width: 1200px) and (max-width: 1440px) {
  17. .space-box {
  18. width: 25% !important;
  19. }
  20. }
  21. @media screen and (min-width: 1440px){
  22. .space-box {
  23. width: 20% !important;
  24. }
  25. }
  26. @media screen and (min-width: 0px) and (max-width: 585px) {
  27. .time-btn-small {
  28. width: 68px !important;
  29. }
  30. }
  31. @media screen and (min-width: 585px) and (max-width: 700px) {
  32. .time-btn-small {
  33. width: 58px !important;
  34. }
  35. }
  36. @media screen and (min-width: 700px) and (max-width: 860px) {
  37. .time-btn-small {
  38. width: 48px !important;
  39. }
  40. }