RyanEarnshaw

Untitled

Apr 12th, 2017
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.94 KB | None | 0 0
  1. /* MEDIA QUERIES */
  2.  
  3.  
  4.  
  5. /* ----------------------------------------------------*/
  6. /* Code That Doesnt Change Between Mobile Resolution */
  7. /* ----------------------------------------------------*/
  8. @media only screen and (min-width : 0px) and (max-width : 992px) {
  9. .innercont .body .column.c1 { width: 100%; margin-right: 0; }
  10. .innercont .body .column.c2 { width: 100% }
  11. .body .it-training-image-2 { display: none; }
  12. .innercont .body .it-training-half-text {
  13. width: 100%;
  14. padding-right: 0vw;
  15. text-align: center;
  16. }
  17. }
  18.  
  19.  
  20. /* ----------------------------------------------------*/
  21. /* Custom, iPhone Retina */
  22. /* ----------------------------------------------------*/
  23. @media only screen and (max-width : 320px) {
  24. .body .it-training-icon-container .icon {
  25. width: 100%;
  26. float: left;
  27. }
  28. .body .it-training-icon-container {
  29. padding: 0px 0px 20px 0px;
  30. }
  31.  
  32. .body .icons .icon {
  33. position: relative;
  34. display: inline-block;
  35. width: 100%;
  36. margin: 10px 0;
  37. box-sizing: border-box;
  38. float: left;
  39. background-color: #ffffff;
  40. border: 1px solid #bdbdbd;
  41. }
  42. }
  43.  
  44.  
  45. /* ----------------------------------------------------*/
  46. /* Extra Small Devices, Phones */
  47. /* ----------------------------------------------------*/
  48. @media only screen and (min-width : 320px) and (max-width : 480px) {
  49. .body .it-training-icon-container .icon {
  50. width: 100%;
  51. float: left;
  52. }
  53. .body .it-training-icon-container {
  54. padding: 0px 0px 20px 0px;
  55. }
  56. .body .icons .icon {
  57. position: relative;
  58. display: inline-block;
  59. width: 100%;
  60. margin: 10px 0;
  61. box-sizing: border-box;
  62. float: left;
  63. background-color: #ffffff;
  64. border: 1px solid #bdbdbd;
  65. }
  66. .body .bullet-list {
  67. width: 100%;
  68. margin: 30px 0;
  69. }
  70. .body .icons-2 .offericon {
  71. width: 100%;
  72. }
  73. .body .icons {
  74. padding: 100px 20px 20px 20px;
  75. }
  76. .innercont .body .half-text {
  77. width: 100%;
  78. }
  79. .innercont .body .half-image {
  80. display: none;
  81. }
  82. }
  83.  
  84.  
  85. /* ----------------------------------------------------*/
  86. /* Small Devices, Tablets */
  87. /* ----------------------------------------------------*/
  88. @media only screen and (min-width : 480px) and (max-width : 768px) {
  89. .body .it-training-icon-container .icon {
  90. width: 100%;
  91. float: left;
  92. }
  93. .body .icons .icon {
  94. position: relative;
  95. display: inline-block;
  96. width: 100%;
  97. margin: 10px 0;
  98. box-sizing: border-box;
  99. float: left;
  100. background-color: #ffffff;
  101. border: 1px solid #bdbdbd;
  102. }
  103. .body .bullet-list {
  104. width: 100%;
  105. margin: 30px 0;
  106. }
  107. .body .icons-2 .offericon {
  108. width: 50%;
  109. }
  110. .innercont .body .half-text {
  111. width: 100%;
  112. }
  113. .innercont .body .half-image {
  114. display: none;
  115. }
  116. }
  117.  
  118.  
  119. /* ----------------------------------------------------*/
  120. /* Medium Devices, Desktops */
  121. /* ----------------------------------------------------*/
  122. @media only screen and (min-width : 768px) and (max-width : 992px) {
  123. .body .it-training-icon-container .icon {
  124. width: 50%;
  125. float: left;
  126. }
  127.  
  128. }
  129.  
  130.  
  131. /* ----------------------------------------------------*/
  132. /* Large Devices, Wide Screens */
  133. /* ----------------------------------------------------*/
  134. @media only screen and (min-width : 992px) and (max-width : 1200px) {
  135. .body .it-training-image-2 { display: none; }
  136. .innercont .body .it-training-half-text {
  137. width: 100%;
  138. padding-right: 0vw;
  139. text-align: center;
  140. }
  141. .body .it-training-icon-container .icon {
  142. width: 50%;
  143. float: left;
  144. }
  145. }
  146.  
  147.  
  148.  
  149. /* ----------------------------------------------------*/
  150. /* SPECIAL */
  151. /* ----------------------------------------------------*/
  152. @media only screen and (min-width : 1200px) and (max-width : 1550px) {
  153. .body .it-training-image-2 { display: none; }
  154. .innercont .body .it-training-half-text {
  155. width: 100%;
  156. padding-right: 0vw;
  157. text-align: center;
  158. }
  159. }
Advertisement
Add Comment
Please, Sign In to add comment