@media (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) { }
@media (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) { }
@media (min-width: 740px) and (max-width: 1007px) { }
@media (min-width: 740px) and (max-width: 1007px) { }
@media (min-width: 740px) and (max-width: 1007px) { .container-12 { width: 98%; margin-left: 1%; margin-right: 1%; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { display: inline; float: left; position: relative; margin-left: 1.5%; margin-right: 1.5%; } .alpha { margin-left: 0px; } .omega { margin-right: 0px; } .container-12 .grid-1 { width: 5.333%; } .container-12 .grid-2 { width: 13.667%; } .container-12 .grid-3 { width: 22%; } .container-12 .grid-4 { width: 30.333%; } .container-12 .grid-5 { width: 38.667%; } .container-12 .grid-6 { width: 47%; } .container-12 .grid-7 { width: 55.333%; } .container-12 .grid-8 { width: 63.667%; } .container-12 .grid-9 { width: 72%; } .container-12 .grid-10 { width: 80.333%; } .container-12 .grid-11 { width: 88.667%; } .container-12 .grid-12 { width: 97%; } .container-12 .prefix-1 { padding-left: 8.333%; } .container-12 .prefix-2 { padding-left: 16.667%; } .container-12 .prefix-3 { padding-left: 25%; } .container-12 .prefix-4 { padding-left: 33.333%; } .container-12 .prefix-5 { padding-left: 41.667%; } .container-12 .prefix-6 { padding-left: 50%; } .container-12 .prefix-7 { padding-left: 58.333%; } .container-12 .prefix-8 { padding-left: 66.667%; } .container-12 .prefix-9 { padding-left: 75%; } .container-12 .prefix-10 { padding-left: 83.333%; } .container-12 .prefix-11 { padding-left: 91.667%; } .container-12 .suffix-1 { padding-right: 8.333%; } .container-12 .suffix-2 { padding-right: 16.667%; } .container-12 .suffix-3 { padding-right: 25%; } .container-12 .suffix-4 { padding-right: 33.333%; } .container-12 .suffix-5 { padding-right: 41.667%; } .container-12 .suffix-6 { padding-right: 50%; } .container-12 .suffix-7 { padding-right: 58.333%; } .container-12 .suffix-8 { padding-right: 66.667%; } .container-12 .suffix-9 { padding-right: 75%; } .container-12 .suffix-10 { padding-right: 83.333%; } .container-12 .suffix-11 { padding-right: 91.667%; } .container-12 .push-1 { left: 8.333%; } .container-12 .push-2 { left: 16.667%; } .container-12 .push-3 { left: 25%; } .container-12 .push-4 { left: 33.333%; } .container-12 .push-5 { left: 41.667%; } .container-12 .push-6 { left: 50%; } .container-12 .push-7 { left: 58.333%; } .container-12 .push-8 { left: 66.667%; } .container-12 .push-9 { left: 75%; } .container-12 .push-10 { left: 83.333%; } .container-12 .push-11 { left: 91.667%; } .container-12 .pull-1 { left: -8.333%; } .container-12 .pull-2 { left: -16.667%; } .container-12 .pull-3 { left: -25%; } .container-12 .pull-4 { left: -33.333%; } .container-12 .pull-5 { left: -41.667%; } .container-12 .pull-6 { left: -50%; } .container-12 .pull-7 { left: -58.333%; } .container-12 .pull-8 { left: -66.667%; } .container-12 .pull-9 { left: -75%; } .container-12 .pull-10 { left: -83.333%; } .container-12 .pull-11 { left: -91.667%; } }
@media (min-width: 1008px) and (min-device-width: 1008px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) { }
@media (min-width: 1008px) and (min-device-width: 1008px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) { }
@media (min-width: 1008px) and (min-device-width: 1008px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) { body { min-width: 1008px; } .container-12 { margin-left: auto; margin-right: auto; width: 1008px; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { display: inline; float: left; position: relative; margin-left: 15px; margin-right: 15px; } .push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 { position: relative; } .alpha { margin-left: 0px; } .omega { margin-right: 0px; } .container-12 .grid-1 { width: 54px; } .container-12 .grid-2 { width: 138px; } .container-12 .grid-3 { width: 222px; } .container-12 .grid-4 { width: 306px; } .container-12 .grid-5 { width: 390px; } .container-12 .grid-6 { width: 474px; } .container-12 .grid-7 { width: 558px; } .container-12 .grid-8 { width: 642px; } .container-12 .grid-9 { width: 726px; } .container-12 .grid-10 { width: 810px; } .container-12 .grid-11 { width: 894px; } .container-12 .grid-12 { width: 978px; } .container-12 .prefix-1 { padding-left: 84px; } .container-12 .prefix-2 { padding-left: 168px; } .container-12 .prefix-3 { padding-left: 252px; } .container-12 .prefix-4 { padding-left: 336px; } .container-12 .prefix-5 { padding-left: 420px; } .container-12 .prefix-6 { padding-left: 504px; } .container-12 .prefix-7 { padding-left: 588px; } .container-12 .prefix-8 { padding-left: 672px; } .container-12 .prefix-9 { padding-left: 756px; } .container-12 .prefix-10 { padding-left: 840px; } .container-12 .prefix-11 { padding-left: 924px; } .container-12 .suffix-1 { padding-right: 84px; } .container-12 .suffix-2 { padding-right: 168px; } .container-12 .suffix-3 { padding-right: 252px; } .container-12 .suffix-4 { padding-right: 336px; } .container-12 .suffix-5 { padding-right: 420px; } .container-12 .suffix-6 { padding-right: 504px; } .container-12 .suffix-7 { padding-right: 588px; } .container-12 .suffix-8 { padding-right: 672px; } .container-12 .suffix-9 { padding-right: 756px; } .container-12 .suffix-10 { padding-right: 840px; } .container-12 .suffix-11 { padding-right: 924px; } .container-12 .push-1 { left: 84px; } .container-12 .push-2 { left: 168px; } .container-12 .push-3 { left: 252px; } .container-12 .push-4 { left: 336px; } .container-12 .push-5 { left: 420px; } .container-12 .push-6 { left: 504px; } .container-12 .push-7 { left: 588px; } .container-12 .push-8 { left: 672px; } .container-12 .push-9 { left: 756px; } .container-12 .push-10 { left: 840px; } .container-12 .push-11 { left: 924px; } .container-12 .pull-1 { left: -84px; } .container-12 .pull-2 { left: -168px; } .container-12 .pull-3 { left: -252px; } .container-12 .pull-4 { left: -336px; } .container-12 .pull-5 { left: -420px; } .container-12 .pull-6 { left: -504px; } .container-12 .pull-7 { left: -588px; } .container-12 .pull-8 { left: -672px; } .container-12 .pull-9 { left: -756px; } .container-12 .pull-10 { left: -840px; } .container-12 .pull-11 { left: -924px; } }