@media only screen and (min-width: 1200px) {
    .visible-large {
        display: inherit !important
        }
    .hidden-large {
        display: none !important
        }
    .visible-desktop {
        display: inherit !important
        }
    .hidden-desktop {
        display: none !important
        }
    body .fp-rokajaxsearch .module-title h2.title, body .fp-topfeature .module-title h2.title {
        padding-bottom: 0;
        margin-bottom: 10px
        }
    .rokajaxsearch .inputbox {
        width: 135%
        }
    }
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .visible-large {
        display: none !important
        }
    .hidden-large {
        display: inherit !important
        }
    .visible-desktop {
        display: inherit !important
        }
    .hidden-desktop {
        display: none !important
        }
    .promo h1 {
        font-size: 3.7em
        }
    .promo p {
        font-size: 1.3em
        }
    .promo-image {
        width: 40%
        }
    .promo-image img {
        max-width: 100%
        }
    body .layout-showcase .sprocket-features-title {
        font-size: 2.4em
        }
    body .layout-showcase .sprocket-features-desc {
        font-size: 90%
        }
    body .layout-showcase .readon {
        margin-top: 6px
        }
    body .fp-rokajaxsearch .module-title h2.title, body .fp-topfeature .module-title h2.title {
        padding-bottom: 0;
        margin-bottom: 10px
        }
    body .promo1 {
        font-size: 3em
        }
    body .promo2 {
        font-size: 2.5em
        }
    body .promo3 {
        font-size: 1.5em
        }
    }
@media (min-width: 768px) and (max-width: 959px) {
    .visible-tablet {
        display: inherit !important
        }
    .hidden-tablet {
        display: none !important
        }
    .hidden-desktop {
        display: inherit !important
        }
    .visible-desktop {
        display: none !important
        }
    .visible-large {
        display: none !important
        }
    .hidden-large {
        display: inherit !important
        }
    body .component-content h1, body .component-content h2, body .component-content h3 {
        font-size: 170%
        }
    .promo-image {
        width: 38%
        }
    .promo-image img {
        max-width: 100%
        }
    .promo h1 {
        font-size: 2.9em
        }
    .promo p {
        font-size: 1.1em
        }
    .promo-desc {
        padding-top: 0
        }
    body .layout-showcase .sprocket-features-title {
        font-size: 2.1em;
        line-height: 1em
        }
    body .layout-showcase .sprocket-features-desc {
        font-size: 85%;
        line-height: 1.3em
        }
    body .layout-showcase .sprocket-features-desc .readon {
        margin-top: 6px;
        padding: 8px 50px 8px 10px;
        font-size: 0.9em
        }
    body .layout-showcase .sprocket-features-desc .readon:before {
        font-size: 1.2em;
        padding: 8px 10px 8px 13px
        }
    body .layout-showcase .sprocket-features-pagination {
        left: 200px;
        bottom: 20px
        }
    body .sprocket-mosaic-columns-1 li, body .sprocket-mosaic-columns-2 li, body .sprocket-mosaic-columns-3 li, body .sprocket-mosaic-columns-4 li, body .sprocket-mosaic-columns-5 li, body .sprocket-mosaic-columns-6 li {
        width: 33.34%
        }
    body .fp-topfeature .module-title h2.title {
        margin-bottom: 0
        }
    body .promo1 {
        font-size: 2.2em
        }
    body .promo2 {
        font-size: 2em;
        letter-spacing: 0
        }
    body .promo3 {
        font-size: 1em;
        letter-spacing: 0
        }
    body #contact-form legend {
        font-size: 1em;
        line-height: 2em;
        width: 500px;
        padding-bottom: 15px
        }
    body #contact-form textarea {
        width: 300px !important;
        resize: none
        }
    body #k2Container h2, body #k2Container h2 a, body #k2Container h3, body #k2Container h3 a {
        font-size: 1.3em !important
        }
    body #k2Container .subCategoryContainer, body #k2Container .itemContainer, body #k2Container .latestItemsContainer {
        width: 100% !important;
        float: none
        }
    body #k2Container.itemListView .itemListCategory h2, body #k2Container.latestView .latestItemsCategory h2 {
        margin: 10px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory h2 {
        margin: 10px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory {
        margin-bottom: 5px !important
        }
    body #k2Container.itemView .itemToolbar, body #k2Container.itemView .itemRatingBlock, body #k2Container.itemView .itemAuthorLatest, body #k2Container.itemView .itemRelated {
        width: 100% !important;
        float: none
        }
    body table.calendar tr td, body table.calendar tr td.calendarDayName {
        padding: 0;
        font-size: 0.7em
        }
    body div.k2TagCloudBlock {
        font-size: 0.8em;
        padding: 0
        }
    }
@media (max-width: 767px) {
    body {
        padding: 0
        }
    .visible-phone {
        display: inherit !important
        }
    .hidden-phone {
        display: none !important
        }
    .hidden-desktop {
        display: inherit !important
        }
    .visible-desktop {
        display: none !important
        }
    .hidden-large {
        display: inherit !important
        }
    .visible-large {
        display: none !important
        }
    body .component-content h1, body .component-content h2, body .component-content h3 {
        font-size: 160%
        }
    #rt-logo {
        margin: 0 auto
        }
    body .component-content .column-1, body .component-content .column-2, body .component-content .column-3 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important
        }
    body .layout-showcase .sprocket-features-title {
        font-size: 2.1em;
        line-height: 1em
        }
    body .layout-showcase .sprocket-features-desc {
        font-size: 85%;
        line-height: 1.5em
        }
    body .layout-showcase .readon {
        margin-top: 6px
        }
    body .layout-showcase .sprocket-features-img-container {
        float: none;
        width: 100%;
        margin-left: 0;
        position: static
        }
    body .layout-showcase .sprocket-features-desc {
        display: none
        }
    #gantry-totop {
        margin: 0 auto;
        text-align: center;
        width: 100%
        }
    .gantry-width-20, .gantry-width-25, .gantry-width-30, .gantry-width-33, .gantry-width-40, .gantry-width-50, .gantry-width-60, .gantry-width-66, .gantry-width-70, .gantry-width-75, .gantry-width-80 {
        width: 100%
        }
    .gantry-width-spacer {
        margin: 5px
        }
    .row {
        margin: 0;
        display: block
        }
    .row .cell {
        display: block;
        width: 100%
        }
    .form-horizontal .control-group .control-label {
        float: none;
        width: auto;
        text-align: left
        }
    .form-horizontal .control-group .controls {
        margin-left: 0
        }
    select {
        width: 100%
        }
    body .rt-stackbox {
        margin-top: 0
        }
    body .promo1 {
        font-size: 2.5em
        }
    body .promo2 {
        font-size: 2em;
        letter-spacing: 0
        }
    body .promo3 {
        font-size: 0.8em;
        letter-spacing: 0
        }
    }
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .promo-image {
        width: 48%;
        margin-top: 0;
        margin-bottom: 0
        }
    .promo-image img {
        max-width: 100%
        }
    .promo h1 {
        font-size: 2.2em
        }
    .promo p {
        font-size: 1em
        }
    .promo-desc {
        padding-top: 0
        }
    body .component-content h1, body .component-content h2, body .component-content h3 {
        font-size: 150%
        }
    body .component-content h2:before {
        font-size: 0.7em
        }
    #gantry-totop {
        padding: 4px 0
        }
    body .layout-showcase .sprocket-features-title {
        display: none
        }
    body .layout-showcase .sprocket-features-desc {
        font-size: 85%;
        line-height: 1.5em
        }
    body .layout-showcase .readon {
        margin-top: 6px
        }
    body .layout-showcase .sprocket-features-img-container {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        position: static
        }
    body .layout-showcase .sprocket-features-img-container img {
        margin-bottom: -20px
        }
    body .layout-showcase .sprocket-features-desc {
        display: none
        }
    body .layout-showcase .sprocket-features-content {
        width: 100%
        }
    body .layout-showcase .sprocket-features-pagination {
        display: none
        }
    body .sprocket-tabs .sprocket-tabs-nav li {
        width: 100%;
        margin-bottom: -4px
        }
    body .sprocket-tabs .sprocket-tabs-nav li:last-child {
        margin-bottom: -1px
        }
    body .sprocket-mosaic .sprocket-mosaic-order li, body .sprocket-mosaic .sprocket-mosaic-filter li {
        padding: 3px 9px;
        font-size: 0.8em
        }
    body .sprocket-mosaic-columns-1 li, body .sprocket-mosaic-columns-2 li, body .sprocket-mosaic-columns-3 li, body .sprocket-mosaic-columns-4 li, body .sprocket-mosaic-columns-5 li, body .sprocket-mosaic-columns-6 li {
        width: 50%
        }
    #roksearch_search_str {
        width: 97%
        }
    body .rt-stackbox {
        margin-top: 0
        }
    body .promo1 {
        font-size: 2.5em
        }
    body .promo2 {
        font-size: 2em;
        letter-spacing: 0
        }
    body .promo3 {
        font-size: 0.9em;
        letter-spacing: 0
        }
    body #k2Container h2, body #k2Container h2 a, body #k2Container h3, body #k2Container h3 a {
        font-size: 1.2em !important
        }
    body #k2Container .subCategoryContainer, body #k2Container .itemContainer, body #k2Container .latestItemsContainer {
        width: 100% !important;
        float: none
        }
    body #k2Container.itemListView .itemListCategory h2, body #k2Container.latestView .latestItemsCategory h2 {
        margin: 5px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory h2 {
        margin: 5px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory {
        margin-bottom: 5px !important
        }
    body #k2Container.itemView .itemToolbar, body #k2Container.itemView .itemRatingBlock, body #k2Container.itemView .itemAuthorLatest, body #k2Container.itemView .itemRelated {
        width: 100% !important;
        float: none
        }
    }
@media only screen and (max-width: 480px) {
    .promo-image {
        margin: 0 auto;
        width: 100%;
        float: none;
        text-align: center
        }
    .promo-image img {
        max-width: 50%
        }
    .promo h1 {
        font-size: 2.2em
        }
    .promo p {
        font-size: 0.9em
        }
    .promo-desc {
        padding-top: 0
        }
    body .component-content h1, body .component-content h2, body .component-content h3 {
        font-size: 140%
        }
    body .component-content h2:before {
        font-size: 0.7em
        }
    #gantry-totop {
        padding: 4px 0
        }
    body .layout-showcase {
        border-radius: 10px 10px 0 0
        }
    body .layout-showcase .sprocket-features-title {
        display: none
        }
    body .layout-showcase .sprocket-features-desc {
        font-size: 85%;
        line-height: 1.5em
        }
    body .layout-showcase .readon {
        margin-top: 6px
        }
    body .layout-showcase .sprocket-features-img-container {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        position: static
        }
    body .layout-showcase .sprocket-features-img-container img {
        margin-bottom: -20px
        }
    body .layout-showcase .sprocket-features-desc {
        display: none
        }
    body .layout-showcase .sprocket-features-content {
        width: 100%;
        float: left
        }
    body .layout-showcase .sprocket-features-pagination {
        display: none
        }
    body .sprocket-mosaic .sprocket-mosaic-order, body .sprocket-mosaic .sprocket-mosaic-filter {
        float: right !important;
        right: 50%;
        position: relative;
        clear: both
        }
    body .sprocket-mosaic .sprocket-mosaic-order ul, body .sprocket-mosaic .sprocket-mosaic-filter ul {
        float: right;
        right: -50%;
        position: relative
        }
    body .sprocket-mosaic .sprocket-mosaic-order li, body .sprocket-mosaic .sprocket-mosaic-filter li {
        padding: 3px 9px;
        font-size: 0.75em
        }
    body .sprocket-mosaic .sprocket-mosaic-filter {
        margin-bottom: 15px
        }
    body .sprocket-mosaic .sprocket-mosaic-filter ul li {
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.3)
        }
    body .sprocket-mosaic .sprocket-mosaic-filter ul li.active:hover {
        border-bottom: 1px solid rgba(0, 0, 0, 0.3)
        }
    body .sprocket-mosaic-columns-1 li, body .sprocket-mosaic-columns-2 li, body .sprocket-mosaic-columns-3 li, body .sprocket-mosaic-columns-4 li, body .sprocket-mosaic-columns-5 li, body .sprocket-mosaic-columns-6 li {
        width: 100%
        }
    body .sprocket-tabs .sprocket-tabs-nav li {
        width: 100%;
        margin-bottom: -4px
        }
    body .sprocket-tabs .sprocket-tabs-nav li:last-child {
        margin-bottom: 0
        }
    body .sprocket-tabs .sprocket-tabs-nav .sprocket-tabs-inner {
        font-size: 0.9em
        }
    #roksearch_results {
        width: auto
        }
    #roksearch_search_str {
        width: 96%
        }
    body .rt-stackbox {
        margin-top: 0
        }
    body .promo1 {
        font-size: 2em
        }
    body .promo2 {
        font-size: 1.7em;
        letter-spacing: 0
        }
    body .promo3 {
        font-size: 0.9em;
        letter-spacing: 0
        }
    body #contact-form legend {
        font-size: 1em;
        line-height: 2em;
        width: 220px;
        padding-bottom: 15px
        }
    body #contact-form fieldset dt, body #contact-form fieldset dd {
        float: none !important
        }
    body #contact-form textarea {
        width: 205px !important;
        resize: none
        }
    body #k2Container h2, body #k2Container h2 a, body #k2Container h3, body #k2Container h3 a {
        font-size: 1em !important
        }
    body #k2Container .subCategoryContainer, body #k2Container .itemContainer, body #k2Container .latestItemsContainer {
        width: 100% !important;
        float: none
        }
    body #k2Container.itemListView .itemListCategory h2, body #k2Container.latestView .latestItemsCategory h2 {
        margin: 5px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory h2 {
        margin: 5px 0
        }
    body #k2Container.itemListView .itemListSubCategories .subCategory {
        margin-bottom: 5px !important
        }
    body #k2Container.itemView .itemToolbar, body #k2Container.itemView .itemRatingBlock, body #k2Container.itemView .itemAuthorLatest, body #k2Container.itemView .itemRelated {
        width: 100% !important;
        float: none
        }
    }