/** * @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; max-width: 960px; max-width:92%;} body {} 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: 1%; margin-right: 1%;} #body-wrapper .rt-container .rt-grid-1 {width: 6.333%;} #body-wrapper .rt-container .rt-grid-2 {width: 20.667%;} #body-wrapper .rt-container .rt-grid-3 {width: 23.0%;} #body-wrapper .rt-container .rt-grid-4 {width: 31.333%;} #body-wrapper .rt-container .rt-grid-5 {width: 39.667%;} #body-wrapper .rt-container .rt-grid-6 {width: 48.0%;} #body-wrapper .rt-container .rt-grid-7 {width: 56.333%;} #body-wrapper .rt-container .rt-grid-8 {width: 64.667%;} #body-wrapper .rt-container .rt-grid-9 {width: 73.0%;} #body-wrapper .rt-container .rt-grid-10 {width: 81.333%;} #body-wrapper .rt-container .rt-grid-11 {width: 89.667%;} #body-wrapper .rt-container .rt-grid-12 {width: 98.0%;} #body-wrapper #rt-main.mb8-sa4 #rt-content-bottom div.rt-grid-8{width:100%;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 8.333%;} #body-wrapper .rt-container .rt-push-2 {left: 16.667%;} #body-wrapper .rt-container .rt-push-3 {left: 25.0%;} #body-wrapper .rt-container .rt-push-4 {left: 33.333%;} #body-wrapper .rt-container .rt-push-5 {left: 41.667%;} #body-wrapper .rt-container .rt-push-6 {left: 50.0%;} #body-wrapper .rt-container .rt-push-7 {left: 58.333%;} #body-wrapper .rt-container .rt-push-8 {left: 66.667%;} #body-wrapper .rt-container .rt-push-9 {left: 75.0%;} #body-wrapper .rt-container .rt-push-10 {left: 83.333%;} #body-wrapper .rt-container .rt-push-11 {left: 91.667%;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -8.333%;} #body-wrapper .rt-container .rt-pull-2 {left: -16.667%;} #body-wrapper .rt-container .rt-pull-3 {left: -25.0%;} #body-wrapper .rt-container .rt-pull-4 {left: -33.333%;} #body-wrapper .rt-container .rt-pull-5 {left: -41.667%;} #body-wrapper .rt-container .rt-pull-6 {left: -50.0%;} #body-wrapper .rt-container .rt-pull-7 {left: -58.333%;} #body-wrapper .rt-container .rt-pull-8 {left: -66.667%;} #body-wrapper .rt-container .rt-pull-9 {left: -75.0%;} #body-wrapper .rt-container .rt-pull-10 {left: -83.333%;} #body-wrapper .rt-container .rt-pull-11 {left: -91.667%;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {left: -8.333%;} #body-wrapper .rt-container .rt-prefix-2 {left: -16.667%;} #body-wrapper .rt-container .rt-prefix-3 {left: -25.0%;} #body-wrapper .rt-container .rt-prefix-4 {left: -33.333%;} #body-wrapper .rt-container .rt-prefix-5 {left: -41.667%;} #body-wrapper .rt-container .rt-prefix-6 {left: -50.0%;} #body-wrapper .rt-container .rt-prefix-7 {left: -58.333%;} #body-wrapper .rt-container .rt-prefix-8 {left: -66.667%;} #body-wrapper .rt-container .rt-prefix-9 {left: -75.0%;} #body-wrapper .rt-container .rt-prefix-10 {left: -83.333%;} #body-wrapper .rt-container .rt-prefix-11 {left: -91.667%;} /* 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: 768px) and (max-width: 959px) { #body-wrapper .rt-container {margin: 0 auto; width: 92%;} body {min-width: 92% !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: 1%;margin-right: 1%;} #body-wrapper .rt-container .rt-grid-1 {width: 6.333%;} #body-wrapper .rt-container .rt-grid-2 {width: 14.667%;} #body-wrapper .rt-container .rt-grid-3 {width: 23.0%;} #body-wrapper .rt-container .rt-grid-4 {width: 31.333%;} #body-wrapper .rt-container .rt-grid-5 {width: 39.667%;} #body-wrapper .rt-container .rt-grid-6 {width: 48.0%;} #body-wrapper .rt-container .rt-grid-7 {width: 56.333%;} #body-wrapper .rt-container .rt-grid-8 {width: 64.667%;} #body-wrapper .rt-container .rt-grid-9 {width: 73.0%;} #body-wrapper .rt-container .rt-grid-10 {width: 81.333%;} #body-wrapper .rt-container .rt-grid-11 {width: 89.667%;} #body-wrapper .rt-container .rt-grid-12 {width: 98.0%;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 8.333%;} #body-wrapper .rt-container .rt-push-2 {left: 16.667%;} #body-wrapper .rt-container .rt-push-3 {left: 25.0%;} #body-wrapper .rt-container .rt-push-4 {left: 33.333%;} #body-wrapper .rt-container .rt-push-5 {left: 41.667%;} #body-wrapper .rt-container .rt-push-6 {left: 50.0%;} #body-wrapper .rt-container .rt-push-7 {left: 58.333%;} #body-wrapper .rt-container .rt-push-8 {left: 66.667%;} #body-wrapper .rt-container .rt-push-9 {left: 75.0%;} #body-wrapper .rt-container .rt-push-10 {left: 83.333%;} #body-wrapper .rt-container .rt-push-11 {left: 91.667%;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -8.333%;} #body-wrapper .rt-container .rt-pull-2 {left: -16.667%;} #body-wrapper .rt-container .rt-pull-3 {left: -25.0%;} #body-wrapper .rt-container .rt-pull-4 {left: -33.333%;} #body-wrapper .rt-container .rt-pull-5 {left: -41.667%;} #body-wrapper .rt-container .rt-pull-6 {left: -50.0%;} #body-wrapper .rt-container .rt-pull-7 {left: -58.333%;} #body-wrapper .rt-container .rt-pull-8 {left: -66.667%;} #body-wrapper .rt-container .rt-pull-9 {left: -75.0%;} #body-wrapper .rt-container .rt-pull-10 {left: -83.333%;} #body-wrapper .rt-container .rt-pull-11 {left: -91.667%;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {left: -8.333%;} #body-wrapper .rt-container .rt-prefix-2 {left: -16.667%;} #body-wrapper .rt-container .rt-prefix-3 {left: -25.0%;} #body-wrapper .rt-container .rt-prefix-4 {left: -33.333%;} #body-wrapper .rt-container .rt-prefix-5 {left: -41.667%;} #body-wrapper .rt-container .rt-prefix-6 {left: -50.0%;} #body-wrapper .rt-container .rt-prefix-7 {left: -58.333%;} #body-wrapper .rt-container .rt-prefix-8 {left: -66.667%;} #body-wrapper .rt-container .rt-prefix-9 {left: -75.0%;} #body-wrapper .rt-container .rt-prefix-10 {left: -83.333%;} #body-wrapper .rt-container .rt-prefix-11 {left: -91.667%;} } /* #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: 92%; min-width:420px !important} body {min-width: 420px !important; } #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: 100%; 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: 92%; min-width:300px !important} body {min-width: 300px !important; } #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: 100%; 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;} }