/*! Champion
* Copyright (c) 2014-2024 Xcelerated Technologies Ltd O/A The ThemeBuilders */

@media only screen and (max-width: 979px) {
    .inner {
        width: 100%
    }

    .inner-section {
        width: 100%
    }

    .left_sidebar.sidebar .forcefull .inner-section-full,
    .left_sidebar.sidebar .forcefull .inner-section,
    .right_sidebar.sidebar .forcefull .inner-section-full,
    .right_sidebar.sidebar .forcefull .inner-section {
        max-width: 100% !important
    }

    .right_sidebar #main,
    .left_sidebar #main {
        float: none;
        width: 100% !important
    }

    #page.layout-full #main {
        width: 100% !important
    }

    .right_sidebar #main .content,
    .left_sidebar #main .content {
        width: 100% !important
    }

    .right_sidebar #sidebar,
    .left_sidebar #sidebar {
        float: none;
        width: 100% !important;
        margin: 0
    }

    #page.layout-full #sidebar {
        width: 100% !important
    }

    #sidebar {
        padding-top: 40px !important;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-position: left top !important
    }

    #sidebar:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 13px;
        content: "";
        background-color: transparent;
        background-image: url(../images/r_sidebar_divider.png) !important;
        background-repeat: no-repeat !important;
        background-position: left top !important
    }

    #sidebar:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 13px;
        content: "";
        background-color: transparent;
        background-image: url(../images/r_sidebar_divider_end.png) !important;
        background-repeat: no-repeat !important;
        background-position: right top !important
    }

    #sidebar_content {
        background-image: none !important
    }

    .right_sidebar #sidebar_content.lessgap,
    .right_sidebar #sidebar_content.lessgap {
        padding-top: 0
    }

    .right_sidebar #sidebar_content,
    .left_sidebar #sidebar_content {
        padding: 0;
        margin-bottom: 0
    }

    .right_sidebar #sidebar_content:after,
    .left_sidebar #sidebar_content:after {
        display: none
    }

    .left_sidebar #sidebar_content,
    .right_sidebar #sidebar_content {
        border-right: none;
        border-left: none
    }

    figure:not(.woocommerce-product-gallery__wrapper),
    .image_styled,
    .image_frame,
    .image_frame img {
        max-width: 100% !important
    }

    .image_frame {
        height: auto !important
    }

    .slide-shortcode-wrap.alignleft,
    .slide-shortcode-wrap.alignright {
        float: none;
        width: 100% !important;
        margin-right: auto;
        margin-left: auto
    }

    .box-layout #header-sticker-wrapper.sticker_enabled #header {
        padding-right: 10px;
        padding-left: 10px
    }

    .box-layout.fit-to-sidebar.remove-padding-left-right #page .inner,
    .box-layout.fit-to-sidebar.remove-padding-all #page .inner,
    .box-layout.fit-to-sidebar.remove-all #page .inner {
        width: 100% !important
    }

    .widget.widget_media_image img.image {
        width: 100%
    }

    #footer #searchform .text_input {
        width: 60%
    }

    #footer_right_area section.widget_social .komodomedia_32 {
        margin-top: 0
    }

    .gallery .gallery-item.col-5,
    .gallery .gallery-item.col-6,
    .gallery .gallery-item.col-7,
    .gallery .gallery-item.col-8,
    .gallery .gallery-item[class*='col-']:not(.col-1):not(.col-2):not(.col-3):not(.col-4):not(.col-5):not(.col-6):not(.col-7):not(.col-8) {
        width: 25%
    }
}

@media only screen and (max-width: 767px) {

    .forcefull .inner-section,
    .forcefull .inner-section-full {
        width: auto
    }

    #logo {
        position: relative;
        text-align: center;
        bottom: auto !important;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .logo-has-mobile .site-logo {
        display: none
    }

    .logo-has-mobile .mobile-logo {
        display: inline
    }

    #top_area {
        position: relative;
        top: auto;
        right: auto
    }

    #navigation {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0 auto
    }

    #navigation-wrapper {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto
    }

    .slide-shortcode-wrap {
        float: none;
        width: 100% !important;
        margin-right: auto;
        margin-left: auto
    }

    .table_style .table-wrapper tfoot {
        display: none
    }

    .fancybx-mobile.skin-video .fancybx-nav {
        display: none
    }

    .process_steps_horizontal {
        margin-bottom: 20px
    }

    .process_steps_horizontal li {
        float: none;
        width: auto !important;
        padding: 0 0 60px;
        overflow: hidden;
        clear: both;
        text-align: left
    }

    .process_steps_horizontal li:before {
        top: 0;
        left: 53px;
        width: 0;
        height: 100%;
        border-left-width: 1px
    }

    .process_steps_horizontal .process_step_icon {
        display: inline-block;
        float: left;
        margin: 0
    }

    .process_steps_horizontal .process_step_detail {
        padding-left: 30px;
        overflow: hidden
    }

    .process_steps_horizontal.process_steps_small li:before {
        left: 43px
    }

    .process_steps_horizontal.process_steps_large li:before {
        left: 60px
    }

    .image_fit_mobile {
        display: block;
        width: auto !important;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .easy_image_wrapper.image_fit_mobile img {
        width: 100%
    }

    .easy_image_wrapper.alignright.image_fit_mobile,
    .easy_image_wrapper.alignleft.image_fit_mobile,
    .image_styled.alignright.image_fit_mobile,
    .image_styled.alignleft.image_fit_mobile {
        margin-left: 0;
        margin-right: 0
    }

    .framed_box.alignleft,
    .framed_box.alignright,
    .content_box.alignleft,
    .content_box.alignright {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .gallery .gallery-item.col-4,
    .gallery .gallery-item.col-5,
    .gallery .gallery-item.col-6,
    .gallery .gallery-item.col-7,
    .gallery .gallery-item.col-8,
    .gallery .gallery-item[class*='col-']:not(.col-1):not(.col-2):not(.col-3):not(.col-4):not(.col-5):not(.col-6):not(.col-7):not(.col-8) {
        width: 33.33%
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .box-layout .body-wrapper {
        width: 768px
    }

    .box-layout .inner {
        width: 748px
    }

    .box-layout .forcefull .inner-section {
        width: 748px
    }

    #sidebar_content section {
        width: calc(50% - 25px);
        float: left
    }

    #sidebar_content section:nth-child(odd) {
        margin-right: 50px
    }

    .rtl #sidebar_content section {
        float: right
    }

    .rtl #sidebar_content section:nth-child(odd) {
        margin-right: 0;
        margin-left: 50px
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    .box-layout .body-wrapper {
        width: 568px
    }

    .box-layout .inner {
        width: 548px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 548px
    }
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
    .box-layout .body-wrapper {
        width: 480px
    }

    .box-layout .inner {
        width: 460px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 460px
    }
}

@media only screen and (max-width: 479px) {
    .box-layout .body-wrapper {
        width: 320px
    }

    .box-layout .inner {
        width: 300px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 300px
    }

    .entry_left.entry_image {
        float: none;
        width: 100% !important
    }

    .entry_right.entry_image {
        float: none;
        width: 100% !important
    }

    .wp-caption.aligncenter,
    .wp-caption.alignnone,
    .wp-caption.alignleft,
    .wp-caption.alignright {
        display: block;
        text-align: center;
        float: none;
        margin: 2px auto !important;
        width: 100% !important
    }
}

@media only screen and (min-width: 1050px) {
    .box-layout #header-sticker-wrapper.sticker_enabled #header .inner {
        width: 100%
    }
}

@media only screen and (min-width: 980px) and (max-width: 1049px) {
    .box-layout .body-wrapper {
        width: 950px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 910px
    }

    .box-layout .body-wrapper .inner {
        width: 910px
    }

    .box-layout.fit-to-sidebar.remove-padding-left-right #page .inner,
    .box-layout.fit-to-sidebar.remove-padding-all #page .inner,
    .box-layout.fit-to-sidebar.remove-all #page .inner {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 797px) {
    .box-layout .body-wrapper {
        width: 738px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 718px !important
    }

    .box-layout .body-wrapper .inner {
        width: 718px
    }
}

@media only screen and (min-width: 568px) and (max-width: 597px) {
    .box-layout .body-wrapper {
        width: 538px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 518px !important
    }

    .box-layout .body-wrapper .inner {
        width: 518px
    }
}

@media only screen and (min-width: 480px) and (max-width: 519px) {
    .box-layout .body-wrapper {
        width: 450px
    }

    .box-layout .forcefull .inner-section-full,
    .box-layout .forcefull .inner-section {
        width: 430px !important
    }

    .box-layout .body-wrapper .inner {
        width: 430px
    }
}

@media only screen and (max-width: 767px) {
    .portfolio_one_column .portfolio_image {
        float: none;
        width: 100% !important
    }

    .portfolio_one_column .portfolio_details {
        float: none;
        width: 100% !important;
        padding-left: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 979px) {

    .portfolios .portfolio_two_columns.margin-half,
    .portfolios .portfolio_three_columns.margin-half,
    .portfolios .portfolio_four_columns.margin-half,
    .portfolios .portfolio_five_columns.margin-half,
    .portfolios .portfolio_six_columns.margin-half,
    .portfolios .portfolio_seven_columns.margin-half,
    .portfolios .portfolio_eight_columns.margin-half {
        margin-right: -2%
    }

    .portfolio_two_columns .portfolio_item.margin-half,
    .portfolio_three_columns .portfolio_item.margin-half,
    .portfolio_four_columns .portfolio_item.margin-half,
    .portfolio_five_columns .portfolio_item.margin-half,
    .portfolio_six_columns .portfolio_item.margin-half,
    .portfolio_seven_columns .portfolio_item.margin-half,
    .portfolio_eight_columns .portfolio_item.margin-half {
        margin-right: 2%
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {

    .portfolio_three_columns .portfolio_item,
    .portfolio_four_columns .portfolio_item,
    .portfolio_five_columns .portfolio_item,
    .portfolio_six_columns .portfolio_item,
    .portfolio_seven_columns .portfolio_item,
    .portfolio_eight_columns .portfolio_item,
    .portfolio_three_columns .portfolio_item.margin-half,
    .portfolio_four_columns .portfolio_item.margin-half,
    .portfolio_five_columns .portfolio_item.margin-half,
    .portfolio_six_columns .portfolio_item.margin-half,
    .portfolio_seven_columns .portfolio_item.margin-half,
    .portfolio_eight_columns .portfolio_item.margin-half {
        width: calc(33.33% - 2%)
    }

    .portfolio_two_columns .portfolio_item.margin-half {
        width: calc(50% - 2%)
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .portfolio_two_columns .portfolio_item,
    .portfolio_three_columns .portfolio_item,
    .portfolio_four_columns .portfolio_item,
    .portfolio_five_columns .portfolio_item,
    .portfolio_six_columns .portfolio_item,
    .portfolio_seven_columns .portfolio_item,
    .portfolio_eight_columns .portfolio_item,
    .portfolio_two_columns .portfolio_item.margin-half,
    .portfolio_three_columns .portfolio_item.margin-half,
    .portfolio_four_columns .portfolio_item.margin-half,
    .portfolio_five_columns .portfolio_item.margin-half,
    .portfolio_six_columns .portfolio_item.margin-half,
    .portfolio_seven_columns .portfolio_item.margin-half,
    .portfolio_eight_columns .portfolio_item.margin-half {
        width: calc(50% - 2%)
    }
}

@media only screen and (max-width: 479px) {

    .portfolios .portfolio_two_columns,
    .portfolios .portfolio_three_columns,
    .portfolios .portfolio_four_columns,
    .portfolios .portfolio_five_columns,
    .portfolios .portfolio_six_columns,
    .portfolios .portfolio_seven_columns,
    .portfolios .portfolio_eight_columns,
    .portfolios .portfolio_two_columns.margin-half,
    .portfolios .portfolio_three_columns.margin-half,
    .portfolios .portfolio_four_columns.margin-half,
    .portfolios .portfolio_five_columns.margin-half,
    .portfolios .portfolio_six_columns.margin-half,
    .portfolios .portfolio_seven_columns.margin-half,
    .portfolios .portfolio_eight_columns.margin-half {
        margin-right: 0;
        margin-left: 0
    }

    .portfolio_two_columns .portfolio_item,
    .portfolio_three_columns .portfolio_item,
    .portfolio_four_columns .portfolio_item,
    .portfolio_five_columns .portfolio_item,
    .portfolio_six_columns .portfolio_item,
    .portfolio_seven_columns .portfolio_item,
    .portfolio_eight_columns .portfolio_item,
    .portfolio_two_columns .portfolio_item.margin-half,
    .portfolio_three_columns .portfolio_item.margin-half,
    .portfolio_four_columns .portfolio_item.margin-half,
    .portfolio_five_columns .portfolio_item.margin-half,
    .portfolio_six_columns .portfolio_item.margin-half,
    .portfolio_seven_columns .portfolio_item.margin-half,
    .portfolio_eight_columns .portfolio_item.margin-half {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .slogan_text {
        font-size: 30px;
        line-height: 33px
    }

    .slogan .theme_button span,
    .slogan .button span {
        font-size: 14px
    }

    .slogan_small .slogan_text {
        font-size: 26px;
        line-height: 33px
    }

    .slogan_small .theme_button span,
    .slogan_small .button span {
        font-size: 14px
    }

    .slogan_large .slogan_text {
        font-size: 36px;
        line-height: 42px
    }

    .slogan_large .theme_button span,
    .slogan_large .button span {
        font-size: 18px
    }

    .masonry_column_2 .masonry_item {
        width: 48.5% !important
    }

    .masonry_column_5 .masonry_item,
    .masonry_column_4 .masonry_item,
    .masonry_column_3 .masonry_item {
        width: 31.5% !important
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    .has-gradient #feature {
        background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .1) 100%);
        background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .1) 100%);
        background-image: radial-gradient(circle at center, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .1) 100%)
    }

    .slogan_text {
        font-size: 22px;
        line-height: 28px
    }

    .slogan .theme_button span,
    .slogan .button span {
        font-size: 12px
    }

    .slogan_small .slogan_text {
        font-size: 18px;
        line-height: 28px
    }

    .slogan_small .theme_button span,
    .slogan_small .button span {
        font-size: 12px
    }

    .slogan_large .slogan_text {
        font-size: 30px;
        line-height: 37px
    }

    .slogan_large .theme_button span,
    .slogan_large .button span {
        font-size: 16px
    }

    .masonry_column_5 .masonry_item,
    .masonry_column_4 .masonry_item,
    .masonry_column_3 .masonry_item,
    .masonry_column_2 .masonry_item {
        width: 48% !important
    }
}

@media only screen and (max-width: 567px) {
    .has-gradient #feature {
        background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 100%);
        background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 100%);
        background-image: radial-gradient(circle at center, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 100%)
    }

    .theme_note.alignleft,
    .note.alignleft,
    .note.alignright,
    .theme_note.alignright {
        float: none;
        width: 100% !important;
        margin: 0 0 20px !important
    }

    .slogan_text {
        display: block;
        font-size: 22px;
        line-height: 1.2em;
        text-align: center
    }

    .slogan .theme_button,
    .slogan .button {
        float: none;
        margin-top: 10px
    }

    .slogan_with_button .slogan_text {
        float: none
    }

    .slogan .theme_button,
    .slogan .theme_button span,
    .slogan .button,
    .slogan .button span {
        display: block;
        font-size: 14px
    }

    .slogan_small .slogan_text {
        font-size: 20px;
        line-height: 1.2em
    }

    .slogan_large .slogan_text {
        font-size: 28px;
        line-height: 1.2em
    }

    .slogan_small .theme_button span,
    .slogan_small .button span {
        font-size: 12px
    }

    .slogan_large .theme_button span,
    .slogan_large .button span {
        font-size: 16px
    }

    .masonry_column_5 .masonry_item,
    .masonry_column_4 .masonry_item,
    .masonry_column_3 .masonry_item,
    .masonry_column_2 .masonry_item {
        width: 100% !important
    }

    .gallery .gallery-item.col-3,
    .gallery .gallery-item.col-4,
    .gallery .gallery-item.col-5,
    .gallery .gallery-item.col-6,
    .gallery .gallery-item.col-7,
    .gallery .gallery-item.col-8,
    .gallery .gallery-item[class*='col-']:not(.col-1):not(.col-2):not(.col-3):not(.col-4):not(.col-5):not(.col-6):not(.col-7):not(.col-8) {
        width: 50%
    }

    .theme_lightbox_image_wrapper,
    .theme_lightbox_image_wrapper a,
    .theme_lightbox_image_wrapper img {
        width: 100%
    }

    .theme_lightbox_image_wrapper.alignright,
    .theme_lightbox_image_wrapper.alignleft,
    .theme_lightbox_image_wrapper.alignnone {
        display: block;
        text-align: center;
        float: none;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 479px) {
    .slogan_text {
        font-size: 20px
    }

    .process_steps_horizontal .process_step_icon,
    .process_steps_vertical .process_step_icon {
        display: inline-block;
        float: inherit
    }

    .process_steps li::before {
        border-color: transparent !important
    }

    .process_steps_vertical li::before {
        left: 50%
    }

    .process_step_title,
    .process_steps_horizontal li,
    .process_steps {
        text-align: center
    }

    .process_step_content {
        text-align: justify
    }

    .process_steps_vertical .process_step_detail,
    .process_steps_horizontal .process_step_detail {
        padding: 20px 0 0
    }

    .process_steps_horizontal li,
    .process_steps_vertical li {
        padding: 0 0 20px
    }

    .testimonial_stars {
        padding: 0 !important;
        display: inherit
    }
}

@media only screen and (max-width: 767px) {

    .entry_image.image_styled,
    .image_styled.entry_image,
    .entry_image .image_frame,
    .entry_image .image_frame img {
        width: 100% !important
    }

    .entry_right.entry_image,
    .entry_left.entry_image {
        float: none;
        margin-top: 0;
        margin-left: 0
    }

    table.responsive {
        margin-bottom: 0
    }

    .pinned {
        float: left;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll
    }

    .pinned table {
        width: 100%;
        border-right: none;
        border-left: none
    }

    .pinned table th,
    .pinned table td {
        white-space: nowrap
    }

    .pinned td:last-child {
        border-bottom: 0
    }

    div.table-wrapper {
        position: relative;
        margin-left: 1px;
        overflow: hidden;
        clear: both;
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5
    }

    .scrollable table {
        border-right: none
    }

    div.table-wrapper div.scrollable {
        float: right;
        width: 65%;
        overflow: scroll;
        overflow-y: hidden
    }

    table.responsive td,
    table.responsive th {
        position: relative;
        overflow: hidden;
        white-space: nowrap
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none
    }

    table.responsive th:last-child {
        display: table-cell
    }
}

@media only screen and (max-width: 767px) {

    :not([class^="one_"])>[class^="one_"]:not(.blog_list_column),
    :not([class^="one_"])>[class^="two_"],
    :not([class^="one_"])>[class^="three_"],
    :not([class^="one_"])>[class^="four_"],
    :not([class^="one_"])>[class^="five_"] {
        display: block;
        float: none;
        width: 100% !important;
        margin: 0 !important;
        clear: both
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {

    #sidebar :not([class^="one_"])>[class^="one_"]:not(.blog_list_column),
    #sidebar :not([class^="one_"])>[class^="two_"],
    #sidebar :not([class^="one_"])>[class^="three_"],
    #sidebar :not([class^="one_"])>[class^="four_"],
    #sidebar :not([class^="one_"])>[class^="five_"] {
        display: block;
        float: none;
        width: 100% !important;
        margin: 0 !important;
        clear: both
    }
}

@media only screen and (max-width: 567px) {

    #footer [class^="one_"]>[class^="one_"],
    #footer [class^="one_"]>[class^="two_"],
    #footer [class^="two"]>[class^="one_"],
    #footer [class^="two_"]>[class^="two_"],
    #footer [class^="two_"]>[class^="three_"] {
        display: block;
        float: none;
        width: 100% !important;
        margin: 0 !important;
        clear: both
    }
}

@media only screen and (max-width: 479px) {

    [class^="one_"]:not(.blog_list_column),
    [class^="two_"],
    [class^="three_"],
    [class^="four_"],
    [class^="five_"] {
        display: block;
        float: none;
        width: 100% !important;
        margin: 0 !important;
        clear: both
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    #fancybx-loading,
    .fancybx-close,
    .fancybx-prev span,
    .fancybx-next span {
        background-image: url(../images/fancybox_sprite@2x.png);
        -webkit-background-size: 44px 152px;
        background-size: 44px 152px
    }

    #fancybx-loading div {
        background-image: url(../images/fancybox_loading@2x.gif);
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }
}

.visible {
    display: block !important
}

/* .visible--768,
.visible--568,
.visible--480,
.visible--320,
.visible-768,
.visible-568,
.visible-480,
.visible-320 {
    display: none !important;
    visibility: hidden
} */

@media only screen and (min-width: 980px) {
    .visible--980 {
        display: block !important;
        visibility: visible;
    }
}

@media only screen and (min-width: 768px) {
    .visible--768 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (min-width: 568px) {
    .visible--568 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (min-width: 480px) {
    .visible--480 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (min-width: 320px) {
    .visible--320 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (max-width: 979px) {
    .visible-980 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (max-width: 767px) {
    .visible-768 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (max-width: 567px) {
    .visible-568 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (max-width: 479px) {
    .visible-480 {
        display: block !important;
        visibility: visible
    }
}

@media only screen and (max-width:479px) {

    ul.theme_vertical_tabs a,
    ul.vertical_tabs a {
        max-width: 100px;
        white-space: normal
    }

    blockquote.alignnone,
    blockquote.alignright,
    blockquote.aligncenter,
    blockquote.alignleft {
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:479px) {
    .fullwidth-480 {
        width: 100% !important;
        display: block
    }

    .remove-border-480 {
        border-width: 0 !important
    }

    .remove-border-both-480 {
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .remove-border-left-480 {
        border-left-width: 0 !important
    }

    .remove-border-right-480 {
        border-right-width: 0 !important
    }

    .one_half.blog_list_column.fullwidth-480,
    .one_third.blog_list_column.fullwidth-480,
    .one_fourth.blog_list_column.fullwidth-480,
    .one_fifth.blog_list_column.fullwidth-480,
    .one_sixth.blog_list_column.fullwidth-480 {
        display: block;
        float: none;
        width: none;
        width: 100%;
        margin: 0;
        clear: both
    }
}

@media only screen and (max-width:567px) {
    .fullwidth-568 {
        width: 100% !important;
        display: block
    }

    .remove-border-568 {
        border-width: 0 !important
    }

    .remove-border-both-568 {
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .remove-border-left-568 {
        border-left-width: 0 !important
    }

    .remove-border-right-568 {
        border-right-width: 0 !important
    }

    .one_half.blog_list_column.fullwidth-568,
    .one_third.blog_list_column.fullwidth-568,
    .one_fourth.blog_list_column.fullwidth-568,
    .one_fifth.blog_list_column.fullwidth-568,
    .one_sixth.blog_list_column.fullwidth-568 {
        display: block;
        float: none;
        width: none;
        width: 100%;
        margin: 0;
        clear: both
    }
}

@media only screen and (max-width:767px) {
    .fullwidth-768 {
        width: 100% !important;
        display: block
    }

    .remove-border-768 {
        border-width: 0 !important
    }

    .remove-border-both-768 {
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .remove-border-left-768 {
        border-left-width: 0 !important
    }

    .remove-border-right-768 {
        border-right-width: 0 !important
    }

    .one_half.blog_list_column.fullwidth-768,
    .one_third.blog_list_column.fullwidth-768,
    .one_fourth.blog_list_column.fullwidth-768,
    .one_fifth.blog_list_column.fullwidth-768,
    .one_sixth.blog_list_column.fullwidth-768 {
        display: block;
        float: none;
        width: none;
        width: 100%;
        margin: 0;
        clear: both
    }
}

@media only screen and (max-width:979px) {
    .fullwidth-980 {
        width: 100% !important;
        display: block
    }

    .remove-border-980 {
        border-width: 0 !important
    }

    .remove-border-both-980 {
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .remove-border-left-980 {
        border-left-width: 0 !important
    }

    .remove-border-right-980 {
        border-right-width: 0 !important
    }

    .one_half.blog_list_column.fullwidth-980,
    .one_third.blog_list_column.fullwidth-980,
    .one_fourth.blog_list_column.fullwidth-980,
    .one_fifth.blog_list_column.fullwidth-980,
    .one_sixth.blog_list_column.fullwidth-980 {
        display: block;
        float: none;
        width: none;
        width: 100%;
        margin: 0;
        clear: both
    }
}

@media only screen and (max-width:1149px) {
    .fullwidth-1150 {
        width: 100% !important;
        display: block
    }

    .remove-border-1150 {
        border-width: 0 !important
    }

    .remove-border-both-1150 {
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .remove-border-left-1150 {
        border-left-width: 0 !important
    }

    .remove-border-right-1150 {
        border-right-width: 0 !important
    }

    .one_half.blog_list_column.fullwidth-1150,
    .one_third.blog_list_column.fullwidth-1150,
    .one_fourth.blog_list_column.fullwidth-1150,
    .one_fifth.blog_list_column.fullwidth-1150,
    .one_sixth.blog_list_column.fullwidth-1150 {
        display: block;
        float: none;
        width: none;
        width: 100%;
        margin: 0;
        clear: both
    }
}

@media only screen and (min-width:783px) {

    body.admin-bar .esgbox-infobar,
    body.admin-bar .esgbox-toolbar,
    body.admin-bar .esgbox-thumbs {
        top: 32px
    }
}

@media only screen and (max-width:782px) {

    body.admin-bar .esgbox-infobar,
    body.admin-bar .esgbox-toolbar,
    body.admin-bar .esgbox-thumbs {
        top: 46px
    }
}

@media screen and (max-width: 782px) {
    #wp-toolbar li#wp-admin-bar-champion {
        display: block
    }
}