Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* MEDIA QUERIES */
- /* ----------------------------------------------------*/
- /* Code That Doesnt Change Between Mobile Resolution */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 0px) and (max-width : 992px) {
- .innercont .body .column.c1 { width: 100%; margin-right: 0; }
- .innercont .body .column.c2 { width: 100% }
- .container-3 .questions {
- width: 100%
- }
- .container-3 .benefits {
- width: 100%;
- text-align: center;
- }
- .innercont .body .container-3 .benefit {
- height: auto;
- width: 33%;
- }
- .innercont .body .container-3 .benefit img {
- float: none;
- }
- .innercont .body .container-3 .benefit h1 { width: 100%; text-align: center; }
- .innercont .body .container-3 .benefit h2 { width: 100%; text-align: center; }
- .innercont .body .container-3 .questions h2 {
- text-align: center;
- }
- .innercont .body .container-3 .title-one {
- text-align: center;
- margin: 40px 0;
- }
- }
- /* ----------------------------------------------------*/
- /* Custom, iPhone Retina */
- /* ----------------------------------------------------*/
- @media only screen and (max-width : 320px) {
- }
- /* ----------------------------------------------------*/
- /* Extra Small Devices, Phones */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 320px) and (max-width : 480px) {
- .icons .icon {
- width: 100%;
- padding: 30px 0;
- border: 1px solid #cacaca;
- }
- .innercont .body .be-smart h1 {
- width: 100%;
- }
- .innercont .body .be-smart h2 {
- width: 100%;
- }
- .innercont .body .container-3 .benefit {
- height: auto;
- width: 100%;
- margin: 10px 0;
- padding: 10px 0;;
- background-color: #ffffff;
- border: 1px solid #d1d1d1;
- }
- .innercont .body .container-3 .large-text {
- width: 100%;
- text-align: center;
- }
- .innercont .body .container-3 h2 {
- width: 100%;
- }
- .image-3 {
- display: none;
- }
- .innercont .body .container-2 h2 {
- width: 100%;
- }
- }
- /* ----------------------------------------------------*/
- /* Small Devices, Tablets */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 480px) and (max-width : 768px) {
- .icons .icon {
- width: 50%;
- margin: 20px 0;
- } .innercont .body .container-3 .large-text {
- width: 100%;
- text-align: center;
- }
- .innercont .body .container-3 h2 {
- width: 100%;
- }
- .image-3 {
- display: none;
- }
- .innercont .body .container-2 h2 {
- width: 100%;
- }
- }
- /* ----------------------------------------------------*/
- /* Medium Devices, Desktops */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 768px) and (max-width : 992px) {
- }
- /* ----------------------------------------------------*/
- /* Large Devices, Wide Screens */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 992px) and (max-width : 1200px) {
- }
- /* ----------------------------------------------------*/
- /* SPECIAL */
- /* ----------------------------------------------------*/
- @media only screen and (min-width : 1200px) and (max-width : 1550px) {
- }
Add Comment
Please, Sign In to add comment