API tools faq
paste
ForbodingAngel

Replace the contents of responsive.css with this

ForbodingAngel
Dec 22nd, 2014
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.65 KB | None | 0 0
raw download clone embed print report
  1. @media only screen and (min-width: 1030px) and (max-width:1345px) {
  2.  
  3. .wrapper{max-width:1100px;}
  4.  
  5. .header_left .logo { margin-left:0;}
  6.  
  7. .header_right span.send {margin-left: 10px;padding: 20px 0 8px 50px;}
  8.  
  9. .header_right span.send small {padding: 0 30px 8px 0;}
  10.  
  11. .header_right nav {margin-top: 22px;}
  12.  
  13. .header_right nav ul.menu {padding-left: 1%;}
  14.  
  15. .header_right nav ul.menu li {padding: 0 2% 11px 0.5%; font-size:16px; line-height:20px;}
  16.  
  17. .container .left_side h1 {font-size: 50px;line-height: 54px;}
  18.  
  19. .container .left_side p {padding-right: 20%;}
  20.  
  21. .container .right_side h3 {font-size: 17px;line-height: 21px;padding-left: 60%;}
  22.  
  23. .container .right_side p {font-size: 14px;line-height: 16px;padding-left: 60%;}
  24.  
  25. .testimonial blockquote p {font-size: 18px;line-height: 22px;padding-right: 28%;}
  26.  
  27. .testimonial span {font-size: 13px;line-height: 17px;}
  28.  
  29. .inner .left_side{ padding-left:0; width:35%;}
  30.  
  31. .inner .left_side p {padding-right: 8%;}
  32.  
  33. .inner .left_side iframe {max-width: 360px;}
  34.  
  35. .inner .left_side img{max-width:360px;}
  36.  
  37. .inner .left_side img.alignleft{  margin:5px 5px 5px 0px;}
  38.  
  39. .inner .left_side img.alignright{margin:5px 0px 5px 5px;}
  40.  
  41. .inner .left_side img.aligncenter{margin:5px auto 5px auto;}
  42.  
  43. .inner .left_side img.alignnone{  margin:5px 5px 5px 0px;}
  44.  
  45. .inner .right_side figure iframe{max-width:600px;}
  46.  
  47. .inner .right_side img{max-width:600px;}
  48.  
  49. .content img{max-width:1000px;}
  50.  
  51. .content iframe{max-width:1000px;}
  52.  
  53. }
  54.  
  55.  
  56.  
  57. @media only screen and (min-width: 1030px) and (max-width:1140px) {
  58.  
  59. .wrapper{max-width:960px;}
  60.  
  61. header .header_left{ min-height:98px;}
  62.  
  63. .header_left .logo { margin-left:0;margin-right:30px;}
  64.  
  65. .header_right span.send {margin-left: 10px;padding: 20px 0 8px 50px;}
  66.  
  67. .header_right span.send small {padding: 0 15px 8px 0;}
  68.  
  69. .header_right span.send small a {font-size: 15px;}
  70.  
  71. .header_right ul.wrap_login_logout li {padding: 0 6px;}
  72.  
  73. .header_right nav {margin-top: 14px;}
  74.  
  75. .header_right nav ul.menu {padding-left: 1%;}
  76.  
  77. .header_right nav ul.menu li {font-size: 14px;line-height: 19px;padding: 0 2.5% 10px 0;}
  78.  
  79. .container .left_side h1 {font-size: 40px;line-height: 44px;}
  80.  
  81. .container .left_side p {font-size: 15px;line-height: 19px; letter-spacing:0;}
  82.  
  83. .container .right_side h3 {font-size: 15px;line-height: 19px;padding-left: 66%;}
  84.  
  85. .container .right_side p {font-size: 14px;line-height: 16px;padding-left: 66%;}
  86.  
  87. .testimonial blockquote p {font-size: 18px;line-height: 22px;padding-right: 17%;}
  88.  
  89. .testimonial span {font-size: 13px;line-height: 17px;}
  90.  
  91. .inner .left_side{ padding-left:0; width:35%;}
  92.  
  93. .inner .left_side p {padding-right: 10%;}
  94.  
  95. .inner .left_side iframe {max-width: 310px;}
  96.  
  97. .inner .left_side img{max-width:310px;}
  98.  
  99. .inner .left_side img.alignleft{  margin:5px 5px 5px 0px;}
  100.  
  101. .inner .left_side img.alignright{margin:5px 0px 5px 5px;}
  102.  
  103. .inner .left_side img.aligncenter{margin:5px auto 5px auto;}
  104.  
  105. .inner .left_side img.alignnone{  margin:5px 5px 5px 0px;}
  106.  
  107. .inner .right_side figure iframe{max-width:600px;}
  108.  
  109. .inner .right_side img{max-width:600px;}
  110.  
  111. .content img{max-width:800px;}
  112.  
  113. .content iframe{max-width:800px;}
  114.  
  115. }
  116.  
  117.  
  118.  
  119. @media only screen and (min-width: 1030px) and (max-width:991px) {
  120.  
  121. .wrapper{max-width:760px;}
  122.  
  123. header .header_left{ min-height:86px;}
  124.  
  125. .header_left .logo { margin-left:5px;margin-right: 15px;}
  126.  
  127. .header_right span.send {margin-left: 10px; margin-top:0;}
  128.  
  129. .header_right span.send small {padding: 0 0 8px;}
  130.  
  131. .header_right span.send small a {font-size: 14px;line-height: 22px;}
  132.  
  133. .header_right ul.wrap_login_logout {margin-top: 20px;}
  134.  
  135. .header_right ul.wrap_login_logout li {font-size: 11px;padding: 0 4px;}
  136.  
  137. .header_right ul.wrap_login_logout li input {margin-left: 5px;max-width: 90px;}
  138.  
  139. .header_right nav {margin-top: 10px;}
  140.  
  141. .header_right nav ul.menu {padding-left: 1%;}
  142.  
  143. .header_right nav ul.menu li {font-size: 11px;line-height: 15px;padding: 0 12px 10px 0;}
  144.  
  145. .container{ background:url(../images/left_bg.png) no-repeat; background-size:cover; min-height:500px;}
  146.  
  147. .container .left_side {width:96%; padding:90px 2% 0;}
  148.  
  149. .container .left_side h1 {font-size: 36px;line-height: 40px;letter-spacing:-2px;}
  150.  
  151. .container .left_side p {font-size: 14px;line-height: 18px;padding-right: 40%;letter-spacing:0;}
  152.  
  153. .container .left_side ul li a {font-size: 12px;line-height: 16px;}
  154.  
  155.  
  156.  
  157. .container .right_side {width:96%; padding:50px 2% 40px;}
  158.  
  159. .container .right_side h3 {font-size: 16px;line-height: 20px;padding-right: 58%; padding-left:0; margin-bottom:5px;}
  160.  
  161. .container .right_side p {font-size: 14px;line-height: 18px; padding-right:57%;padding-left: 1%;margin-bottom:9px;}
  162.  
  163.  
  164.  
  165. .testimonial blockquote p {font-size: 16px;line-height: 20px;padding-right: 0;}
  166.  
  167. .testimonial span {font-size: 12px;line-height: 16px;}
  168.  
  169. .footer ul { padding:0 2%;}
  170.  
  171. .footer ul li {padding: 0 11px 0 3px; font-size:11px; line-height:15px;}
  172.  
  173. .inner .left_side {padding-left: 0.5%;width: 34.5%; padding-top:80px;}
  174.  
  175. .inner .left_side h1 {font-size: 31px;line-height: 35px;margin-bottom: 15px; padding-right:10%;}
  176.  
  177. .inner .left_side p {padding-right: 5%;}
  178.  
  179. .inner .left_side ul li a {font-size: 14px;}
  180.  
  181. .inner .left_side a {font-size: 14px;line-height: 20px;}
  182.  
  183. .inner .left_side iframe {max-width: 250px;}
  184.  
  185. .inner .left_side img{max-width:245px;}
  186.  
  187. .inner .left_side img.alignleft{  margin:4px 4px 4px 0px;}
  188.  
  189. .inner .left_side img.alignright{margin:4px 0px 4px 4px;}
  190.  
  191. .inner .left_side img.aligncenter{margin:4px auto 4px auto;}
  192.  
  193. .inner .left_side img.alignnone{  margin:4px 4px 4px 0px;}
  194.  
  195. .inner .right_side figure iframe{max-width:470px;}
  196.  
  197. .inner .right_side figure img {width: 90%;}
  198.  
  199. .inner .right_side img{max-width:470px;}
  200.  
  201. .inner .right_side h1 {font-size: 31px;line-height: 35px;}
  202.  
  203. .inner .right_side h2 {font-size: 28px;line-height: 32px;}
  204.  
  205. .inner .right_side h3 {font-size: 26px;line-height: 30px;}
  206.  
  207. .inner .right_side h4 {font-size: 23px;line-height: 27px;}
  208.  
  209. .inner .right_side h5 {font-size: 20px;line-height: 24px;}
  210.  
  211. .content h1 {font-size: 45px;line-height: 49px;margin-bottom: 25px;}
  212.  
  213. .content h2 {font-size: 35px;line-height: 39px;margin-bottom: 8px;}
  214.  
  215. .content h3 {font-size: 26px;line-height: 30px;margin-bottom: 8px;}
  216.  
  217. .content h4 {font-size: 22px;line-height: 26px;margin-bottom: 5px;}
  218.  
  219. .content h5 {font-size: 20px;line-height: 24px;margin-bottom: 3px;}
  220.  
  221. .content p {font-size: 16px;line-height: 20px;}
  222.  
  223. .content ul li {font-size: 16px;line-height: 20px;}
  224.  
  225. .content ol li {font-size: 16px;line-height: 20px;}
  226.  
  227. .content img{max-width:700px;}
  228.  
  229. .content iframe{max-width:700px;}
  230.  
  231.  
  232.  
  233. }
  234.  
  235.  
  236.  
  237. @media only screen and (max-width:1030px) {
  238.  
  239. blockquote {margin: 0 1em;}
  240.  
  241. header .header_left {width: 100%;text-align: center; min-height:65px;} 
  242.  
  243. .header_left .logo {margin-left: 10px; margin-top:5px; margin-bottom:5px;}
  244.  
  245. .header_left .logo img{ width:100%; max-width:250px;}
  246.  
  247. .header_left .toggle_menu { display:block;}
  248.  
  249. header .header_left:after {display:none;}
  250.  
  251. header .header_right { width: 100%; text-align:center;}
  252.  
  253. .header_right span.send {display:none;}
  254.  
  255. .header_right ul.wrap_login_logout {float: none;margin-top: 5px; text-align:center;}
  256.  
  257. .header_right ul.wrap_login_logout li {display: inline-block;float: none;}
  258.  
  259. .header_right nav {margin-top: 5px;}
  260.  
  261. .header_right nav ul.menu {display: none;width: 100%;padding: 10px 0 0;}
  262.  
  263. .header_right nav ul.menu li {background: none;display: list-item;font-family: "DINPro-Regular";font-size: 16px;line-height: 20px;text-align: left;padding: 5px 0 5px 3%;border-top: 1px solid #000;}
  264.  
  265. .container{ background:url(../images/left_bg.png) no-repeat; background-size:cover; min-height:500px;}
  266.  
  267. .container .left_side {padding: 20px 2% 0;width: 96%;}
  268.  
  269. .container .left_side h1 {font-size: 52px;line-height: 56px;}
  270.  
  271. .container .left_side p {padding-right: 25%;letter-spacing:0;}
  272.  
  273. .container .right_side {width: 96%;padding: 40px 2% 30px;}
  274.  
  275. .container .right_side h3 {padding-left: 0;}
  276.  
  277. .container .right_side p {padding-left: 0;padding-right:25%;}
  278.  
  279. .testimonial blockquote p {font-size: 17px;line-height: 21px;padding-right: 0;}
  280.  
  281. .testimonial span {font-size: 13px;line-height: 17px;}
  282.  
  283. .footer ul.contact{ display:block; float:none; padding-left:0;}
  284.  
  285. .footer ul.terms{ display:block; float:none; padding-right:0;}
  286.  
  287. .footer ul { padding:0 2%; text-align:center;}
  288.  
  289. .footer ul li{ display:list-item; padding:2px 0; background:none;}
  290.  
  291. .inner .left_side {padding: 20px 2% 0;width: 96%;}
  292.  
  293. .inner .left_side h1 {font-size: 35px;line-height: 39px;}
  294.  
  295. .inner .right_side {padding: 20px 2% 0;width: 96%;}
  296.  
  297. .inner .left_side iframe {max-width: 550px;}
  298.  
  299. .inner .left_side img{max-width:550px;}
  300.  
  301. .inner .right_side h1 {font-size: 35px;line-height: 39px;}
  302.  
  303. .inner .right_side h2 {font-size: 32px;line-height: 36px;}
  304.  
  305. .inner .right_side h3 {font-size: 28px;line-height: 32px;}
  306.  
  307. .inner .right_side h4 {font-size: 26px;line-height: 30px;}
  308.  
  309. .inner .right_side h5 {font-size: 24px;line-height: 28px;}
  310.  
  311. .inner .right_side img{max-width:550px;}
  312.  
  313. .inner .right_side figure iframe{max-width:550px;}
  314.  
  315. .full-width {padding-top: 20px;}
  316.  
  317. .content h1 {font-size: 35px;line-height: 39px;margin-bottom: 25px;}
  318.  
  319. .content h2 {font-size: 32px;line-height: 36px;margin-bottom: 8px;}
  320.  
  321. .content h3 {font-size: 28px;line-height: 32px;margin-bottom: 8px;}
  322.  
  323. .content h4 {font-size: 26px;line-height: 30px;margin-bottom: 5px;}
  324.  
  325. .content h5 {font-size: 24px;line-height: 28px;margin-bottom: 3px;}
  326.  
  327. .content p {font-size: 16px;line-height: 20px;}
  328.  
  329. .content ul li {font-size: 16px;line-height: 20px;}
  330.  
  331. .content ol li {font-size: 16px;line-height: 20px;}
  332.  
  333. .content img{max-width:550px;}
  334.  
  335. .content iframe{max-width:550px;}
  336.  
  337. }
  338.  
  339.  
  340.  
  341. @media only screen and (min-width:481px) and (max-width:599px) {
  342.  
  343. header .header_left{min-height:55px;}
  344.  
  345. .header_left .logo img{ max-width:200px;}
  346.  
  347. .header_left .toggle_menu {margin: 15px 20px 0 0;}
  348.  
  349. .container .left_side h1 {font-size: 43px;line-height: 47px;}
  350.  
  351. .container .left_side p {padding-right: 15%;}
  352.  
  353. .container .right_side p {padding-right:0%;}
  354.  
  355. .testimonial blockquote p {font-size: 16px;line-height: 20px;}
  356.  
  357. .testimonial span {font-size: 12px;line-height: 16px;}
  358.  
  359. .inner .left_side h1 {font-size: 32px;line-height: 36px;margin-bottom: 15px;}
  360.  
  361. .inner .left_side p {padding-right: 5%;}
  362.  
  363. .inner .left_side ul li a {font-size: 16px;}
  364.  
  365. .inner .left_side iframe {max-width: 450px;}
  366.  
  367. .inner .left_side img{max-width:450px;}
  368.  
  369. .inner .right_side img{max-width:450px;}
  370.  
  371. .inner .right_side figure iframe{max-width:450px;}
  372.  
  373. .inner .right_side h1 {font-size: 32px;line-height: 36px;}
  374.  
  375. .inner .right_side h2 {font-size: 29px;line-height: 33px;}
  376.  
  377. .inner .right_side h3 {font-size: 24px;line-height: 28px;}
  378.  
  379. .inner .right_side h4 {font-size: 20px;line-height: 24px;}
  380.  
  381. .inner .right_side h5 {font-size: 18px;line-height: 22px;}
  382.  
  383. .full-width {padding-top: 10px;}
  384.  
  385. .content h1 {font-size: 32px;line-height: 36px;margin-bottom: 15px;}
  386.  
  387. .content h2 {font-size: 29px;line-height: 33px;margin-bottom: 5px;}
  388.  
  389. .content h3 {font-size: 24px;line-height: 28px;margin-bottom: 5px;}
  390.  
  391. .content h4 {font-size: 20px;line-height: 24px;margin-bottom: 3px;}
  392.  
  393. .content h5 {font-size: 18px;line-height: 22px;}
  394.  
  395. .content p {font-size: 15px;line-height: 19px;}
  396.  
  397. .content ul {margin-bottom: 10px;}
  398.  
  399. .content ul li {font-size: 15px;line-height: 19px;}
  400.  
  401. .content ol {margin-bottom: 10px;}
  402.  
  403. .content ol li {font-size: 15px;line-height: 19px;}
  404.  
  405. .content img{max-width:450px;}
  406.  
  407. .content iframe{max-width:450px;}
  408.  
  409. }
  410.  
  411.  
  412.  
  413. @media only screen and (min-width:320px) and (max-width:480px) {   
  414.  
  415. header .header_left{min-height:55px;}
  416.  
  417. .header_left .logo img {max-width: 200px;}
  418.  
  419. .header_left .toggle_menu {margin: 15px 20px 0 0;}
  420.  
  421. .container .left_side { padding-top:10px;}
  422.  
  423. .container .left_side h1 {font-size: 26px;letter-spacing: -2px;line-height: 30px;}
  424.  
  425. .container .left_side p {font-size: 14px;line-height: 18px;margin-top: 8px;padding-right: 15%;}
  426.  
  427. .container .left_side ul li a {font-size: 12px;line-height: 16px;}
  428.  
  429. .container .right_side h3 {font-size: 15px;line-height: 19px; margin-bottom:6px;}
  430.  
  431. .container .right_side p {padding-right:0%;}
  432.  
  433. .testimonial blockquote p {font-size: 15px;line-height: 19px;}
  434.  
  435. .testimonial span {font-size: 11px;line-height: 15px;}
  436.  
  437. .inner .left_side{ padding-top:10px;}
  438.  
  439. .inner .left_side h1 {font-size: 27px;line-height: 31px;margin-bottom: 15px; padding-right:8%;}
  440.  
  441. .inner .left_side p {padding-right: 5%;}
  442.  
  443. .inner .left_side ul li a {font-size: 16px;}
  444.  
  445. .inner .left_side a {font-size: 16px;line-height: 20px;}
  446.  
  447. .inner .left_side iframe {max-width: 450px; width:100%;}
  448.  
  449. .inner .left_side img{max-width:450px; width:100%;}
  450.  
  451. .inner .right_side figure iframe{max-width:280px; max-height:400px;}
  452.  
  453. .inner .right_side img{max-width:280px;}
  454.  
  455. .inner .right_side h1 {font-size: 27px;line-height: 31px;}
  456.  
  457. .inner .right_side h2 {font-size: 25px;line-height: 29px;}
  458.  
  459. .inner .right_side h3 {font-size: 20px;line-height: 24px;}
  460.  
  461. .inner .right_side h4 {font-size: 18px;line-height: 22px;}
  462.  
  463. .inner .right_side h5 {font-size: 16px;line-height: 20px;}
  464.  
  465. .full-width {padding-top: 10px;}
  466.  
  467. .content h1 {font-size: 27px;line-height: 31px;margin-bottom: 10px;}
  468.  
  469. .content h2 {font-size: 25px;line-height: 29px;margin-bottom: 5px;}
  470.  
  471. .content h3 {font-size: 20px;line-height: 24px;margin-bottom: 5px;}
  472.  
  473. .content h4 {font-size: 18px;line-height: 22px;margin-bottom: 3px;}
  474.  
  475. .content h5 {font-size: 16px;line-height: 20px;}
  476.  
  477. .content p {font-size: 13px;line-height: 17px;}
  478.  
  479. .content ul {margin-bottom: 8px;}
  480.  
  481. .content ul li {font-size: 13px;line-height: 17px;}
  482.  
  483. .content ol {margin-bottom: 8px;}
  484.  
  485. .content ol li {font-size: 13px;line-height: 17px;}
  486.  
  487. .content img{max-width:450px;width:100%;}
  488.  
  489. .content iframe{max-width:450px;width:100%;}
  490.  
  491. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!