/** * @version 3.2.17 March 5, 2012 * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ /* 12 Grid */ #body-wrapper .rt-container {margin: 0 auto; width: 960px;} .rt-wrap{width: 1000px; margin: 0 auto; } body {min-width: 960px !important;} img{height: auto !important; max-width: 100% !important;} .rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12 {display: inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;} #body-wrapper .rt-container .rt-grid-1 {width: 60px;} #body-wrapper .rt-container .rt-grid-2 {width: 140px;} #body-wrapper .rt-container .rt-grid-3 {width: 220px;} #body-wrapper .rt-container .rt-grid-4 {width: 300px;} #body-wrapper .rt-container .rt-grid-5 {width: 380px;} #body-wrapper .rt-container .rt-grid-6 {width: 460px;} #body-wrapper .rt-container .rt-grid-7 {width: 540px;} #body-wrapper .rt-container .rt-grid-8 {width: 620px;} #body-wrapper .rt-container .rt-grid-9 {width: 700px;} #body-wrapper .rt-container .rt-grid-10 {width: 780px;} #body-wrapper .rt-container .rt-grid-11 {width: 860px;} #body-wrapper .rt-container .rt-grid-12 {width: 940px;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 80px;} #body-wrapper .rt-container .rt-push-2 {left: 160px;} #body-wrapper .rt-container .rt-push-3 {left: 240px;} #body-wrapper .rt-container .rt-push-4 {left: 320px;} #body-wrapper .rt-container .rt-push-5 {left: 400px;} #body-wrapper .rt-container .rt-push-6 {left: 480px;} #body-wrapper .rt-container .rt-push-7 {left: 560px;} #body-wrapper .rt-container .rt-push-8 {left: 640px;} #body-wrapper .rt-container .rt-push-9 {left: 720px;} #body-wrapper .rt-container .rt-push-10 {left: 800px;} #body-wrapper .rt-container .rt-push-11 {left: 880px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -80px;} #body-wrapper .rt-container .rt-pull-2 {left: -160px;} #body-wrapper .rt-container .rt-pull-3 {left: -240px;} #body-wrapper .rt-container .rt-pull-4 {left: -320px;} #body-wrapper .rt-container .rt-pull-5 {left: -400px;} #body-wrapper .rt-container .rt-pull-6 {left: -480px;} #body-wrapper .rt-container .rt-pull-7 {left: -560px;} #body-wrapper .rt-container .rt-pull-8 {left: -640px;} #body-wrapper .rt-container .rt-pull-9 {left: -720px;} #body-wrapper .rt-container .rt-pull-10 {left: -800px;} #body-wrapper .rt-container .rt-pull-11 {left: -880px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {padding-left:80px;} #body-wrapper .rt-container .rt-prefix-2 {padding-left:160px;} #body-wrapper .rt-container .rt-prefix-3 {padding-left:240px;} #body-wrapper .rt-container .rt-prefix-4 {padding-left:320px;} #body-wrapper .rt-container .rt-prefix-5 {padding-left:400px;} #body-wrapper .rt-container .rt-prefix-6 {padding-left:480px;} #body-wrapper .rt-container .rt-prefix-7 {padding-left:560px;} #body-wrapper .rt-container .rt-prefix-8 {padding-left:640px;} #body-wrapper .rt-container .rt-prefix-9 {padding-left:720px;} #body-wrapper .rt-container .rt-prefix-10 {padding-left:800px;} #body-wrapper .rt-container .rt-prefix-11 {padding-left:880px;} /* Extras */ .left-1, .right-1 {width: 30px;} .left-2, .right-2 {width: 110px;} .left-3, .right-3 {width: 190px;} .left-4, .right-4 {width: 270px;} .left-5, .right-5 {width: 350px;} .left-6, .right-6 {width: 430px;} .left-7, .right-7 {width: 510px;} .left-8, .right-8 {width: 590px;} .left-9, .right-9 {width: 670px;} .left-10, .right-10 {width: 750px;} .left-11, .right-11 {width: 830px;} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 767px) and (max-width: 1100px) { #body-wrapper .rt-container {margin: 0 auto;width: 768px;} .rt-wrap{width: 768px; margin: 0 auto; } body {min-width: 768px !important;} #body-wrapper .rt-container .rt-grid-1 {width: 44px;} #body-wrapper .rt-container .rt-grid-2 {width: 108px;} #body-wrapper .rt-container .rt-grid-3 {width: 172px;} #body-wrapper .rt-container .rt-grid-4 {width: 236px;} #body-wrapper .rt-container .rt-grid-5 {width: 300px;} #body-wrapper .rt-container .rt-grid-6 {width: 364px;} #body-wrapper .rt-container .rt-grid-7 {width: 428px;} #body-wrapper .rt-container .rt-grid-8 {width: 492px;} #body-wrapper .rt-container .rt-grid-9 {width: 556px;} #body-wrapper .rt-container .rt-grid-10 {width: 620px;} #body-wrapper .rt-container .rt-grid-11 {width: 684px;} #body-wrapper .rt-container .rt-grid-12 {width: 748px;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 64px;} #body-wrapper .rt-container .rt-push-2 {left: 128px;} #body-wrapper .rt-container .rt-push-3 {left: 192px;} #body-wrapper .rt-container .rt-push-4 {left: 256px;} #body-wrapper .rt-container .rt-push-5 {left: 320px;} #body-wrapper .rt-container .rt-push-6 {left: 384px;} #body-wrapper .rt-container .rt-push-7 {left: 448px;} #body-wrapper .rt-container .rt-push-8 {left: 512px;} #body-wrapper .rt-container .rt-push-9 {left: 576px;} #body-wrapper .rt-container .rt-push-10 {left: 640px;} #body-wrapper .rt-container .rt-push-11 {left: 704px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -64px;} #body-wrapper .rt-container .rt-pull-2 {left: -128px;} #body-wrapper .rt-container .rt-pull-3 {left: -192px;} #body-wrapper .rt-container .rt-pull-4 {left: -256px;} #body-wrapper .rt-container .rt-pull-5 {left: -320px;} #body-wrapper .rt-container .rt-pull-6 {left: -384px;} #body-wrapper .rt-container .rt-pull-7 {left: -448px;} #body-wrapper .rt-container .rt-pull-8 {left: -512px;} #body-wrapper .rt-container .rt-pull-9 {left: -576px;} #body-wrapper .rt-container .rt-pull-10 {left: -640px;} #body-wrapper .rt-container .rt-pull-11 {left: -704px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {padding-left: -64px;} #body-wrapper .rt-container .rt-prefix-2 {padding-left: -128px;} #body-wrapper .rt-container .rt-prefix-3 {padding-left: -192px;} #body-wrapper .rt-container .rt-prefix-4 {padding-left: -256px;} #body-wrapper .rt-container .rt-prefix-5 {padding-left: -320px;} #body-wrapper .rt-container .rt-prefix-6 {padding-left: -384px;} #body-wrapper .rt-container .rt-prefix-7 {padding-left: -448px;} #body-wrapper .rt-container .rt-prefix-8 {padding-left: -512px;} #body-wrapper .rt-container .rt-prefix-9 {padding-left: -576px;} #body-wrapper .rt-container .rt-prefix-10 {padding-left: -640px;} #body-wrapper .rt-container .rt-prefix-11 {padding-left: -704px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #body-wrapper .rt-container {margin: 0 auto; width: 400px;} body {min-width: 420px !important;} .rt-wrap{width: 420px; margin: 0 auto; } #body-wrapper .rt-container .rt-grid-1, #body-wrapper .rt-container .rt-grid-2, #body-wrapper .rt-container .rt-grid-3, #body-wrapper .rt-container .rt-grid-4, #body-wrapper .rt-container .rt-grid-5, #body-wrapper .rt-container .rt-grid-6, #body-wrapper .rt-container .rt-grid-7, #body-wrapper .rt-container .rt-grid-8, #body-wrapper .rt-container .rt-grid-9, #body-wrapper .rt-container .rt-grid-10, #body-wrapper .rt-container .rt-grid-11, #body-wrapper .rt-container .rt-grid-12 {width: 400px; margin-left:0; margin-right:0;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1, #body-wrapper .rt-container .rt-push-2, #body-wrapper .rt-container .rt-push-3, #body-wrapper .rt-container .rt-push-4, #body-wrapper .rt-container .rt-push-5, #body-wrapper .rt-container .rt-push-6, #body-wrapper .rt-container .rt-push-7, #body-wrapper .rt-container .rt-push-8, #body-wrapper .rt-container .rt-push-9, #body-wrapper .rt-container .rt-push-10, #body-wrapper .rt-container .rt-push-11 {left: 0px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1, #body-wrapper .rt-container .rt-pull-2, #body-wrapper .rt-container .rt-pull-3, #body-wrapper .rt-container .rt-pull-4, #body-wrapper .rt-container .rt-pull-5, #body-wrapper .rt-container .rt-pull-6, #body-wrapper .rt-container .rt-pull-7, #body-wrapper .rt-container .rt-pull-8, #body-wrapper .rt-container .rt-pull-9, #body-wrapper .rt-container .rt-pull-10, #body-wrapper .rt-container .rt-pull-11 {left: 0px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1, #body-wrapper .rt-container .rt-prefix-2, #body-wrapper .rt-container .rt-prefix-3, #body-wrapper .rt-container .rt-prefix-4, #body-wrapper .rt-container .rt-prefix-5, #body-wrapper .rt-container .rt-prefix-6, #body-wrapper .rt-container .rt-prefix-7, #body-wrapper .rt-container .rt-prefix-8, #body-wrapper .rt-container .rt-prefix-9, #body-wrapper .rt-container .rt-prefix-10, #body-wrapper .rt-container .rt-prefix-11 {padding-left:0;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 479px) { #body-wrapper .rt-container {margin: 0 auto; width: 300px;} body {min-width: 300px !important;} .rt-wrap{width: 320px; margin: 0 auto; } #body-wrapper .rt-container .rt-grid-1, #body-wrapper .rt-container .rt-grid-2, #body-wrapper .rt-container .rt-grid-3, #body-wrapper .rt-container .rt-grid-4, #body-wrapper .rt-container .rt-grid-5, #body-wrapper .rt-container .rt-grid-6, #body-wrapper .rt-container .rt-grid-7, #body-wrapper .rt-container .rt-grid-8, #body-wrapper .rt-container .rt-grid-9, #body-wrapper .rt-container .rt-grid-10, #body-wrapper .rt-container .rt-grid-11, #body-wrapper .rt-container .rt-grid-12 {width: 300px; margin-left:0; margin-right:0;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1, #body-wrapper .rt-container .rt-push-2, #body-wrapper .rt-container .rt-push-3, #body-wrapper .rt-container .rt-push-4, #body-wrapper .rt-container .rt-push-5, #body-wrapper .rt-container .rt-push-6, #body-wrapper .rt-container .rt-push-7, #body-wrapper .rt-container .rt-push-8, #body-wrapper .rt-container .rt-push-9, #body-wrapper .rt-container .rt-push-10, #body-wrapper .rt-container .rt-push-11 {left: 0px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1, #body-wrapper .rt-container .rt-pull-2, #body-wrapper .rt-container .rt-pull-3, #body-wrapper .rt-container .rt-pull-4, #body-wrapper .rt-container .rt-pull-5, #body-wrapper .rt-container .rt-pull-6, #body-wrapper .rt-container .rt-pull-7, #body-wrapper .rt-container .rt-pull-8, #body-wrapper .rt-container .rt-pull-9, #body-wrapper .rt-container .rt-pull-10, #body-wrapper .rt-container .rt-pull-11 {left: 0px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1, #body-wrapper .rt-container .rt-prefix-2, #body-wrapper .rt-container .rt-prefix-3, #body-wrapper .rt-container .rt-prefix-4, #body-wrapper .rt-container .rt-prefix-5, #body-wrapper .rt-container .rt-prefix-6, #body-wrapper .rt-container .rt-prefix-7, #body-wrapper .rt-container .rt-prefix-8, #body-wrapper .rt-container .rt-prefix-9, #body-wrapper .rt-container .rt-prefix-10, #body-wrapper .rt-container .rt-prefix-11 {padding-left:0;} }