@charset "utf-8";
@media only screen and (min-width:960px) and (max-width:1240px) {
    .container {
        width: 900px
    }
    h1 {
        line-height: 32px
    }
    h2 {
        line-height: 30px
    }
    .wrapper .dt-sc-button.xlarge {
        font-size: 20px
    }
    .wrapper .dt-sc-button.large {
        font-size: 18px
    }
    .megamenu-4-columns-group .megamenu-child-container {
        width: 850px
    }
    .megamenu-4-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth {
        width: 830px
    }
    .megamenu-child-container>ul.sub-menu>li.menu-item-with-widget-area.fill-two-columns {
        width: 370px
    }
    .menu-item-widget-area-container .widget.widget_recent_entries {
        width: 175px;
        margin-left: 10px
    }
    .megamenu-child-container>ul.sub-menu>li {
        width: 200px;
        padding: 15px 10px
    }
    .megamenu-child-container>ul.sub-menu>li.menu-item-with-widget-area {
        width: 250px
    }
    #main-menu>ul.menu>li>a {
        padding: 0 10px;
        font-size: 12px
    }
    .mailchimp-form input[type=email] {
        width: 72px
    }
    #primary.with-sidebar {
        width: 680px;
        margin-right: 20px
    }
    #secondary {
        width: 200px
    }
    #secondary .widget_categories ul li a {
        font-size: inherit
    }
    #slider .ls-slide img {
        margin-top: 0 !important
    }
    .add-slider-wrapper iframe {
        width: 362px;
        height: 269px
    }
    .portfolio-content {
        width: 194px;
        height: 168px
    }
    .front-portfolio {
        height: 162px
    }
    .portfolio-content2 {
        margin: -85px 0 0 209px
    }
    .portfolio-content3 {
        margin: -85px 0 0 94px
    }
    .portfolio-content4 {
        margin: -3px 0 0 210px
    }
    .portfolio-content5 {
        margin: -86px 0 0 -50px
    }
    .portfolio-content6 {
        margin: -3px 0 0 -50px
    }
    .portfolio-content7 {
        margin: -86px 0 0 354px
    }
    .front-portfolio .image-overlay a.link,
    .front-portfolio .image-overlay a.zoom {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        width: 22px
    }
    .front-portfolio a.link:before,
    .front-portfolio a.zoom:before {
        left: -8px;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 8px solid #fff
    }
    .front-portfolio a.link:after,
    .front-portfolio a.zoom:after {
        right: -8px;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 8px solid #fff
    }
    .front-portfolio .image-overlay h5 {
        font-size: inherit;
        top: 30%
    }
    .front-portfolio .image-overlay .link {
        top: 60%
    }
    .front-portfolio .image-overlay .zoom {
        top: 60%
    }
    .front-portfolio:hover .link {
        left: 28%
    }
    .front-portfolio:hover .zoom {
        right: 28%
    }
    #main .fullwidth-background ul.products li {
        width: 202px
    }
    .entry-meta .blog-author,
    .date,
    .comments,
    .entry_format {
        margin-bottom: 5px
    }
    #primary.with-sidebar .column.dt-sc-one-half .blog-entry-inner {
        padding: 0 0 0 90px
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta {
        width: 85px
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date:after,
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .comments:after,
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .entry_format:after {
        border: 0
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date {
        text-align: center;
        padding: 0 12px
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date p {
        margin-left: 0
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date span {
        font-size: 14px;
        line-height: 27px
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 442px
    }
    .content-full-width .portfolio.dt-sc-one-third .portfolio-thumb {
        max-height: 418px
    }
    #primary.with-sidebar .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 332px
    }
    #primary.with-sidebar .dt-sc-portfolio-container .portfolio.dt-sc-one-third .portfolio-thumb {
        max-height: 341px
    }
    #primary .dt-sc-team .image {
        max-width: none;
        max-height: none;
        width: 212px;
        height: 185px
    }
    .portfolio .image-overlay {
        transition: none;
        -moz-transition: none;
        -webkit-transition: none
    }
    .portfolio.isotope-item .image-overlay {
        transition: opacity .2s ease 0s;
        -moz-transition: opacity .2s ease 0s;
        -webkit-transition: opacity .2s ease 0s
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta {
        width: 78%
    }
    .time-rail {
        width: 218px
    }
    .time-rail:before {
        width: 68px
    }
    .time-rail:after {
        width: 150px
    }
    .audio-list h5 {
        width: 355px
    }
    .events-list .event-thumb {
        margin: 0 20px 20px 0
    }
    .dt-sc-tb-header-img img {
        max-width: 80px
    }
    .dt-sc-pr-tb-col .dt-sc-tb-header .dt-sc-price {
        font-size: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container {
        width: 710px
    }
    h1 {
        line-height: 32px
    }
    h2 {
        line-height: 30px
    }
    h3 {
        line-height: 24px
    }
    .wrapper .dt-sc-button.small {
        font-size: 12px;
        padding: 10px 14px
    }
    .wrapper .dt-sc-button.medium {
        font-size: 13px;
        padding: 14px
    }
    .wrapper .dt-sc-button.large {
        font-size: 17px;
        padding: 16px 14px
    }
    .wrapper .dt-sc-button.xlarge {
        font-size: 18px;
        padding: 20px 14px
    }
    .megamenu-4-columns-group .megamenu-child-container {
        width: 680px
    }
    .megamenu-child-container>ul.sub-menu>li.menu-item-with-widget-area.fill-two-columns {
        width: 285px
    }
    .menu-item-widget-area-container .widget.widget_recent_entries {
        width: 130px;
        margin-left: 10px
    }
    .megamenu-child-container>ul.sub-menu>li {
        width: 200px;
        padding: 15px 10px
    }
    .megamenu-child-container>ul.sub-menu>li.menu-item-with-widget-area {
        width: 200px
    }
    .menu-item-widget-area-container .widget .entry-details p,
    .menu-item-widget-area-container .widget .entry-details p a {
        font-size: 12px
    }
    #main-menu .megamenu-child-container .widget ul.product_list_widget li a img {
        margin-right: 10px;
        max-width: 60px
    }
    #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount {
        margin: 5px 0 0;
        font-weight: 500
    }
    .megamenu-child-container>ul.sub-menu>li {
        width: 165px
    }
    .megamenu-4-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth {
        width: inherit
    }
    #main-menu>ul.menu>li>a {
        padding: 0 5px;
        font-size: 10px
    }
    header ul.dt-sc-social-icons li a {
        width: 40px
    }
    #main-menu ul li.menu-item-simple-parent ul {
        width: 200px
    }
    #main-menu ul li.menu-item-simple-parent ul li ul {
        left: 200px
    }
    #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul {
        left: inherit;
        right: 200px
    }
    #main-menu ul li.menu-item-simple-parent ul li a,
    #main-menu ul li ul li a {
        font-size: 12px
    }
    header ul.dt-sc-social-icons li a {
        padding: 0 5px;
        font-size: inherit
    }
    .breadcrumb-section h1 {
        font-size: 26px
    }
    #slider .ls-slide img {
        margin-top: 0 !important
    }
    .fullwidth-background ul.products li {
        width: 340px;
        margin: 0 0 30px 30px
    }
    .fullwidth-background ul.products li:nth-child(odd) {
        margin-left: 0
    }
    footer .dt-sc-contact-info span {
        font-size: 12px;
        margin: 5px 4px 0 0
    }
    .mailchimp-form p {
        border-right: 1px solid #ddd;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .mailchimp-form input[type=email] {
        width: 118px
    }
    .widget .mailchimp-form input[type=submit] {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        clear: both;
        float: left
    }
    .class_hours p,
    .class_hours ul.dt-sc-social-icons {
        text-align: center;
        width: 100%
    }
    #primary.with-sidebar {
        width: 510px;
        margin-right: 20px
    }
    #secondary {
        width: 180px
    }
    #secondary .widget_categories ul li a {
        font-size: inherit;
        line-height: 24px;
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    .add-slider-wrapper iframe {
        width: 285px;
        height: 212px
    }
    .product-details h5,
    .product-details .price {
        float: none;
        text-align: center;
        display: block
    }
    .front-portfolio-container {
        text-align: center
    }
    .front-portfolio-container .portfolio-content {
        margin: 0 auto 30px;
        float: none
    }
    .images {
        width: 100%;
        margin: 0 0 20px
    }
    .summary {
        width: 100%
    }
    .blog-entry-inner {
        padding: 0 0 0 90px
    }
    .date,
    .comments,
    .entry_format {
        margin-bottom: 5px
    }
    .entry-meta .blog-author {
        margin-bottom: 5px;
        max-width: 40px;
        max-height: 40px
    }
    .entry-meta {
        width: 100px
    }
    .date span {
        font-size: 24px
    }
    .entry-meta .date p {
        margin: 3px 0 0 3px
    }
    .column.dt-sc-one-half .entry-meta .date:after,
    .column.dt-sc-one-half .entry-meta .comments:after,
    .column.dt-sc-one-half .entry-meta .entry_format:after {
        border: 0
    }
    #primary.with-sidebar .column.dt-sc-one-half .blog-entry-inner {
        padding: 0
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta {
        width: 100%;
        text-align: center;
        position: static;
        float: none;
        display: inline-block;
        margin-bottom: 0
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .blog-author {
        max-width: 90px;
        max-height: 90px;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px
    }
    #primary.with-sidebar .column.dt-sc-one-half .date,
    #primary.with-sidebar .column.dt-sc-one-half .comments,
    #primary.with-sidebar .column.dt-sc-one-half .entry_format {
        padding: 0;
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date {
        text-align: center;
        width: 55%
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .comments {
        width: 45%
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .entry_format {
        width: 35%
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date:after,
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .comments:after,
    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .entry_format:after {
        content: "";
        background: url(../images/green-meta-arrow.png) right center no-repeat;
        float: left;
        width: 15px;
        height: 39px;
        margin: 0;
        position: absolute;
        top: 0;
        right: -15px;
        border: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    #primary.with-sidebar .column.dt-sc-one-half .entry_format {
        width: 87%
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth {
        width: 347px
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth .portfolio-thumb {
        max-height: 389px
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 347px
    }
    #primary.with-sidebar .dt-sc-sorting-container a {
        margin: 0 5px 10px 0
    }
    #primary.with-sidebar .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 247px
    }
    .portfolio-single .dt-sc-two-third.column {
        width: 100%
    }
    .portfolio-single .dt-sc-one-third.column {
        width: 100%;
        margin: 20px 0 0
    }
    #primary .dt-sc-team .image {
        max-width: none;
        max-height: none;
        width: 167px;
        height: 146px
    }
    .portfolio.isotope-item .image-overlay {
        transition: opacity .2s ease 0s;
        -moz-transition: opacity .2s ease 0s;
        -webkit-transition: opacity .2s ease 0s
    }
    .dt-sc-team:hover .dt-sc-image-overlay a.link,
    #primary.content-full-width .portfolio.dt-sc-one-fourth.column:hover .image-overlay a.link {
        left: 20%
    }
    .dt-sc-team:hover .dt-sc-image-overlay a.zoom,
    #primary.content-full-width .portfolio.dt-sc-one-fourth.column:hover .image-overlay a.zoom {
        right: 20%
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth.column:hover .image-overlay a.link {
        left: 30%
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth.column:hover .image-overlay a.zoom {
        right: 30%
    }
    .time-rail {
        width: 125px
    }
    .time-rail:before {
        width: 50px
    }
    .time-rail:after {
        width: 75px
    }
    .audio-list h5 {
        width: 265px
    }
    .events-list h2 {
        line-height: inherit
    }
    .fullwidth-background .dt-sc-one-half.column .dt-sc-ico-content.type2 h4 {
        line-height: inherit
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta {
        width: 73%
    }
    .dt-sc-three-fourth.column.contact_form_outer {
        width: 100%;
        margin-bottom: 40px
    }
    .dt-sc-one-fourth.column.class_hours {
        width: 100%;
        margin-left: 0
    }
    .dt-sc-tb-header-img img {
        max-width: 60px
    }
    .dt-sc-pr-tb-col .dt-sc-tb-header .dt-sc-price {
        font-size: 36px
    }
    .dt-sc-pr-tb-col .dt-sc-tb-header .dt-sc-tb-thumb .dt-sc-tb-title {
        padding: 5px 0
    }
    .dt-sc-pr-tb-col .dt-sc-tb-title h3 {
        font-size: 15px
    }
    .dt-sc-one-half.column .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        top: -30px
    }
    #tiptip_content {
        padding: 0 3px !important;
        font-size: 10px !important
    }
    .wrapper blockquote.alignright {
        margin: 0 0 10px;
        width: 100%;
        float: left
    }
}

@media only screen and (max-width:767px) {
    #main-menu ul li.menu-item-simple-parent:hover>ul,
    #main-menu ul li.menu-item-simple-parent ul li:hover>ul,
    #main-menu ul li.menu-item-simple-parent ul li ul li:hover>ul {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .container {
        width: 420px
    }
    .wrapper .column {
        margin-bottom: 20px;
        margin-left: 0
    }
    .dt-sc-one-fourth.column,
    .dt-sc-one-half.column,
    .dt-sc-one-third.column,
    .dt-sc-three-fourth.column,
    .dt-sc-two-third.column,
    .dt-sc-one-fifth.column,
    .dt-sc-four-fifth,
    .dt-sc-three-fifth,
    .dt-sc-two-fifth,
    .dt-sc-one-sixth,
    .dt-sc-two-sixth,
    .dt-sc-three-sixth,
    .dt-sc-four-sixth,
    .dt-sc-five-sixth,
    .column.no-space.dt-sc-one-fourth,
    .column.no-space.dt-sc-one-third,
    .column.no-space.dt-sc-one-half,
    .column.no-space.dt-sc-one-fifth,
    .column.no-space.dt-sc-one-sixth,
    .column.no-space.dt-sc-three-fourth,
    .column.no-space.dt-sc-two-third,
    .column.no-space.dt-sc-four-fifth,
    .column.no-space.dt-sc-three-fifth,
    .column.no-space.dt-sc-two-fifth,
    .column.no-space.dt-sc-two-sixth,
    .column.no-space.dt-sc-three-sixth,
    .column.no-space.dt-sc-four-sixth,
    .column.no-space.dt-sc-five-sixth {
        width: 100%
    }
    h1 {
        line-height: 32px
    }
    h2 {
        line-height: 30px
    }
    th,
    td {
        padding: 10px;
        font-size: 12px
    }
    .is-sticky #menu-container {
        position: static !important
    }
    .logo {
        width: 100%;
        text-align: center
    }
    .logo img {
        display: inline-block;
        max-width: 120px
    }
    header .contact-details {
        float: none;
        margin: 0 0 30px;
        padding: 0;
        clear: both;
        width: 100%;
        text-align: center
    }
    header .contact-details p {
        text-align: center;
        margin: 0 0 15px
    }
    #menu-container {
        position: static
    }
    .dt-menu-toggle {
        display: block
    }
    #main-menu>ul.menu {
        display: none
    }
    .dt-menu-expand {
        display: block !important
    }
    #main-menu>ul.menu>li>a {
        margin-top: 0;
        line-height: 50px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries:first-child {
        margin-bottom: 20px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries {
        margin-left: 0;
        width: 100%
    }
    .megamenu-child-container>ul.sub-menu,
    .megamenu-child-container>ul.sub-menu ul.sub-menu {
        display: none
    }
    #main-menu ul li.menu-item-simple-parent ul li a:before,
    .megamenu-child-container ul.sub-menu>li>ul li a:before {
        top: 18px
    }
    #main-menu ul li.menu-item-simple-parent ul li a,
    .megamenu-child-container ul.sub-menu>li>ul li a {
        line-height: 50px;
        padding: 0 0 0 20px
    }
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul.menu>li>.megamenu-child-container,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0;
        margin: 0;
        width: 100%;
        left: 0;
        border-top: 0
    }
    #main-menu ul li.menu-item-simple-parent ul:before,
    .megamenu-child-container:before {
        background: 0 0
    }
    #main-menu ul.menu>li>.megamenu-child-container>ul.sub-menu,
    #main-menu ul.menu>li>ul.sub-menu {
        padding: 10px 20px;
        float: left;
        width: 100%
    }
    #main-menu ul.menu>li>.megamenu-child-container {
        display: block;
        border: none;
        padding: 0
    }
    #main-menu>ul.menu>li {
        border-bottom: 1px solid #f0f0f0
    }
    #main-menu>ul.menu>li>a {
        border: none
    }
    #main-menu>ul.menu>li>a:after {
        background: 0 0
    }
    #menu-container {
        height: auto
    }
    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li,
    #main-menu ul.menu .megamenu-child-container>ul.sub-menu>li {
        width: 100%;
        padding: 0;
        text-align: left;
        clear: both
    }
    #main-menu {
        width: inherit;
        position: absolute
    }
    #main-menu ul li.menu-item-simple-parent ul {
        position: static
    }
    .megamenu-4-columns-group .megamenu-child-container {
        left: 0 !important;
        width: 420px
    }
    #menu-container ul.dt-sc-social-icons {
        float: none;
        width: 100%;
        text-align: center;
        margin: 44px 0 0
    }
    header ul.dt-sc-social-icons li {
        display: inline-block;
        float: none
    }
    header ul.dt-sc-social-icons li a,
    header ul.dt-sc-social-icons li a span {
        line-height: 60px;
        height: 65px
    }
    .breadcrumb-section h1,
    .breadcrumb-section .breadcrumb {
        text-align: center;
        width: 100%
    }
    .breadcrumb-section .breadcrumb a,
    .breadcrumb-section .breadcrumb span {
        float: none
    }
    .front-portfolio-container {
        text-align: center
    }
    .front-portfolio-container .portfolio-content {
        margin: 0 auto 30px;
        float: none
    }
    .fullwidth-background .blog-entry {
        margin: 0 0 30px
    }
    .entry-meta .blog-author {
        max-width: 50px;
        max-height: 50px;
        margin-bottom: 5px
    }
    .entry-meta {
        width: 111px
    }
    .blog-entry-inner {
        padding: 0 0 0 100px
    }
    .date,
    .comments,
    .entry_format {
        margin: 0 0 5px;
        padding: 0 15px
    }
    #primary.with-sidebar .dt-sc-one-half .date,
    #primary.with-sidebar .dt-sc-one-half .comments,
    #primary.with-sidebar .dt-sc-one-half .entry_format {
        margin: 0 0 5px
    }
    #primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author {
        margin-bottom: 5px
    }
    .front-portfolio-container {
        text-align: center
    }
    .front-portfolio-container .portfolio-content {
        margin: 0 auto 30px;
        float: none
    }
    .fullwidth-background.product_bg ul.products li {
        width: 100%;
        margin: 0 0 30px
    }
    .mailchimp-form input[type=email] {
        width: 282px
    }
    .copyright {
        text-align: center;
        width: 100%
    }
    .copyright .copyright-info {
        float: none;
        margin-bottom: 10px
    }
    footer .copyright .footer-links {
        float: none;
        display: inline-block
    }
    .class_hours p,
    .class_hours ul.dt-sc-social-icons {
        text-align: center;
        width: 100%
    }
    #primary.with-sidebar {
        width: 100%;
        margin-right: 0
    }
    #secondary {
        width: 100%
    }
    .add-slider-wrapper iframe {
        width: 345px;
        height: 257px
    }
    .images {
        width: 100%;
        margin: 0 0 20px
    }
    .summary {
        width: 100%
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth,
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third,
    #primary.with-sidebar .dt-sc-portfolio-container .portfolio.dt-sc-one-third,
    #primary.content-full-width .portfolio.dt-sc-one-fourth {
        width: 100%
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth .portfolio-thumb,
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third .portfolio-thumb,
    #primary.with-sidebar .dt-sc-portfolio-container .portfolio.dt-sc-one-third .portfolio-thumb,
    #primary.content-full-width .portfolio.dt-sc-one-fourth .portfolio-thumb {
        max-height: 100%
    }
    .time-rail {
        width: 195px
    }
    .time-rail:before {
        width: 95px
    }
    .time-rail:after {
        width: 100px
    }
    .audio-list h5 {
        width: 335px
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta {
        width: 78%
    }
    .dt-sc-sorting-container a {
        margin: 0 5px 10px 0
    }
    .dt-sc-three-fourth.column.contact_form_outer {
        width: 100%;
        margin-bottom: 40px
    }
    .dt-sc-ico-content.type3 {
        margin-bottom: 50px
    }
    .dt-sc-pricing-table .dt-sc-pr-tb-col {
        margin: 0 0 50px
    }
    .wrapper blockquote.alignright {
        margin: 0 0 10px;
        width: 100%;
        float: left
    }
}

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

@media only screen and (min-width:320px) and (max-width:479px) {
    .container {
        width: 90%;
    }
    .wrapper .column {
        margin-bottom: 20px;
        margin-left: 0
    }
    .dt-sc-one-fourth.column,
    .dt-sc-one-half.column,
    .dt-sc-one-third.column,
    .dt-sc-three-fourth.column,
    .dt-sc-two-third.column,
    .dt-sc-one-fifth.column,
    .dt-sc-four-fifth.column,
    .dt-sc-three-fifth.column,
    .dt-sc-two-fifth.column,
    .dt-sc-one-sixth.column,
    .dt-sc-two-sixth.column,
    .dt-sc-three-sixth.column,
    .dt-sc-four-sixth,
    .dt-sc-five-sixth,
    .column.no-space.dt-sc-one-fourth,
    .column.no-space.dt-sc-one-third,
    .column.no-space.dt-sc-one-half,
    .column.no-space.dt-sc-one-fifth,
    .column.no-space.dt-sc-one-sixth,
    .column.no-space.dt-sc-three-fourth,
    .column.no-space.dt-sc-two-third,
    .column.no-space.dt-sc-four-fifth,
    .column.no-space.dt-sc-three-fifth,
    .column.no-space.dt-sc-two-fifth,
    .column.no-space.dt-sc-two-sixth,
    .column.no-space.dt-sc-three-sixth,
    .column.no-space.dt-sc-four-sixth,
    .column.no-space.dt-sc-five-sixth {
        width: 100%
    }
    h1 {
        line-height: 32px
    }
    h2 {
        line-height: 40px
    }
    h3 {
        line-height: 24px
    }
    th,
    td {
        padding: 5px;
        font-size: 10px
    }
    .is-sticky #menu-container {
        position: static !important
    }
    .logo {
        width: 100%;
        text-align: center
    }
    .logo img {
        display: inline-block;
        max-width: auto
    }
    header .contact-details {
        float: none;
        margin: 0 0 30px;
        padding: 0;
        clear: both;
        width: 100%;
        text-align: center
    }
    header .contact-details p {
        text-align: center;
        margin: 6px
    }
    #menu-container {
        position: static
    }
    #menu-container ul.dt-sc-social-icons {
        float: none;
        width: 100%;
        text-align: center;
        margin: 44px 0 0
    }
    .dt-menu-toggle {
        display: block
    }
    #main-menu>ul.menu {
        display: none
    }
    .dt-menu-expand {
        display: block !important
    }
    #main-menu>ul.menu>li>a {
        margin-top: 0;
        line-height: 50px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries:first-child {
        margin-bottom: 20px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries {
        margin-left: 0;
        width: 100%
    }
    .megamenu-child-container>ul.sub-menu,
    .megamenu-child-container>ul.sub-menu ul.sub-menu {
        display: none
    }
    #main-menu ul li.menu-item-simple-parent ul li a:before,
    .megamenu-child-container ul.sub-menu>li>ul li a:before {
        top: 18px
    }
    #main-menu ul li.menu-item-simple-parent ul li a,
    .megamenu-child-container ul.sub-menu>li>ul li a {
        line-height: 50px;
        padding: 0 0 0 20px
    }
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul.menu>li>.megamenu-child-container,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0;
        margin: 0;
        width: 100%;
        left: 0;
        border-top: 0
    }
    #main-menu ul li.menu-item-simple-parent ul:before,
    .megamenu-child-container:before {
        background: 0 0
    }
    #main-menu ul.menu>li>.megamenu-child-container>ul.sub-menu,
    #main-menu ul.menu>li>ul.sub-menu {
        padding: 10px 20px;
        float: left;
        width: 100%
    }
    #main-menu ul.menu>li>.megamenu-child-container {
        display: block;
        border: none;
        padding: 0
    }
    #main-menu>ul.menu>li {
        border-bottom: 1px solid #f0f0f0
    }
    #main-menu>ul.menu>li>a {
        border: none
    }
    #main-menu>ul.menu>li>a:after {
        background: 0 0
    }
    #menu-container {
        height: auto
    }
    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li,
    #main-menu ul.menu .megamenu-child-container>ul.sub-menu>li {
        width: 100%;
        padding: 0;
        text-align: left;
        clear: both
    }
    #main-menu {
        width: inherit;
        position: absolute
    }
    #main-menu ul li.menu-item-simple-parent ul {
        position: static
    }
    .megamenu-4-columns-group .megamenu-child-container {
        left: 0 !important;
        width: 290px
    }
    header ul.dt-sc-social-icons li a,
    header ul.dt-sc-social-icons li a span {
        line-height: 60px;
        height: 65px
    }
    header ul.dt-sc-social-icons li {
        display: inline-block;
        float: none
    }
    .breadcrumb-section h1,
    .breadcrumb-section .breadcrumb {
        text-align: center;
        width: 100%
    }
    .breadcrumb-section .breadcrumb a,
    .breadcrumb-section .breadcrumb span {
        float: none
    }
    .front-portfolio-container {
        text-align: center
    }
    .front-portfolio-container .portfolio-content {
        margin: 0 auto 30px;
        float: none
    }
    .portfolio-content {
        width: 254px;
        height: 220px
    }
    .front-portfolio {
        height: 212px
    }
    .front-portfolio .image-overlay .link {
        top: 60%
    }
    .front-portfolio .image-overlay .zoom {
        top: 60%
    }
    .front-portfolio:hover .link {
        left: 30%
    }
    .front-portfolio:hover .zoom {
        right: 30%
    }
    .fullwidth-background .blog-entry {
        margin: 0 0 20px
    }
    .mailchimp-form input[type=email] {
        width: 152px
    }
    .copyright {
        text-align: center;
        width: 100%
    }
    .copyright .copyright-info {
        float: none;
        margin-bottom: 0px;
        line-height: inherit
    }
    footer .copyright .footer-links {
        float: none;
        display: inline-block
    }
    .copyright .footer-links ul li {
        margin: 0 5px 0 0
    }
    .class_hours p,
    .class_hours ul.dt-sc-social-icons {
        text-align: center;
        width: 100%
    }
    #primary.with-sidebar {
        width: 100%;
        margin-right: 0
    }
    #secondary {
        width: 100%
    }
    .add-slider-wrapper iframe {
        width: 238px;
        height: 177px
    }
    .fullwidth-background ul.products li {
        width: 100%;
        margin: 0 0 30px
    }
    .images {
        width: 100%;
        margin: 0 0 20px
    }
    .summary {
        width: 100%
    }
    .blog-entry-inner {
        padding: 0
    }
    .entry-meta {
        width: 100%;
        text-align: center;
        position: static;
        float: none;
        display: inline-block;
        margin-bottom: 0
    }
    #primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author {
        max-width: 90px;
        max-height: 90px;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px
    }
    .entry-meta .date,
    .entry-meta .comments,
    .entry-meta .entry_format {
        padding: 0;
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    .entry-meta .date {
        text-align: center;
        width: 55%
    }
    .entry-meta .comments {
        width: 45%
    }
    .entry-meta .entry_format {
        width: 35%
    }
    .entry-meta .date:after,
    .entry-meta .comments:after,
    .entry-meta .entry_format:after {
        content: "";
        background: url(../images/green-meta-arrow.png) right center no-repeat;
        float: left;
        width: 15px;
        height: 39px;
        margin: 0;
        position: absolute;
        top: 0;
        right: -15px;
        border: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .fullwidth-background.orange-bg .entry-meta .date:after,
    .fullwidth-background.orange-bg .entry-meta .comments:after,
    .fullwidth-background.orange-bg .entry-meta .entry_format:after {
        background: url(../images/meta_arrow.png) right center no-repeat
    }
    #primary.with-sidebar .dt-sc-one-half .entry-meta .date,
    #primary.with-sidebar .dt-sc-one-half .entry-meta .comments,
    #primary.with-sidebar .dt-sc-one-half .entry-meta .entry_format {
        padding: 0;
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    .entry-meta .blog-author {
        max-width: 90px;
        max-height: 90px
    }
    .dt-sc-sorting-container a {
        margin: 0 5px 10px 0
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 100%
    }
    .events-list h2 {
        line-height: inherit
    }
    .time-rail {
        width: 90px;
        margin: 0 10px
    }
    .time-rail:before {
        width: 40px
    }
    .time-rail:after {
        width: 50px
    }
    .audio-list h5 {
        margin: 0 10px;
        width: 200px;
        font-size: 14px;
        line-height: inherit
    }
    ul.commentlist li {
        padding: 100px 0 0
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial blockquote:after {
        left: 0;
        right: 0;
        margin: auto
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 0 auto 10px
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author img {
        float: none
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta {
        width: 100%;
        text-align: center
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta span {
        float: none;
        display: block
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta span.author-rating {
        display: inline-block
    }
    .dt-sc-three-fourth.column.contact_form_outer {
        width: 100%;
        margin-bottom: 40px
    }
    .dt-sc-ico-content.type3 {
        margin-bottom: 50px
    }
	    .dt-sc-ico-content.type33 {
        margin-bottom: 0px !important
    }
    .dt-sc-tb-header-img img {
        max-width: 60px;
        top: 10px;
        right: 0;
        left: 0;
        text-align: center;
        margin: auto
    }
    /* .dt-sc-pr-tb-col:hover .dt-sc-tb-header-img img { */
        /* top: -35px */
    /* } */
    .dt-sc-pricing-table .dt-sc-pr-tb-col {
        margin: 0 0 50px
    }
    .dt-sc-pullquote.alignleft,
    .dt-sc-pullquote.alignright {
        width: 100%
    }
    .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        top: -28px
    }
    .wrapper blockquote.alignright {
        margin: 0 0 10px;
        width: 100%;
        float: left
    }
    .back-to-top {
        bottom: 30px
    }
}

@media only screen and (max-width:319px) {
    .container {
        width: 200px
    }
    .wrapper .column {
        margin-bottom: 20px;
        margin-left: 0
    }
    .dt-sc-one-fourth.column,
    .dt-sc-one-half.column,
    .dt-sc-one-third.column,
    .dt-sc-three-fourth.column,
    .dt-sc-two-third.column,
    .dt-sc-one-fifth.column,
    .dt-sc-four-fifth,
    .dt-sc-three-fifth,
    .dt-sc-two-fifth,
    .dt-sc-one-sixth,
    .dt-sc-two-sixth,
    .dt-sc-three-sixth,
    .dt-sc-four-sixth,
    .dt-sc-five-sixth,
    .column.no-space.dt-sc-one-fourth,
    .column.no-space.dt-sc-one-third,
    .column.no-space.dt-sc-one-half,
    .column.no-space.dt-sc-one-fifth,
    .column.no-space.dt-sc-one-sixth,
    .column.no-space.dt-sc-three-fourth,
    .column.no-space.dt-sc-two-third,
    .column.no-space.dt-sc-four-fifth,
    .column.no-space.dt-sc-three-fifth,
    .column.no-space.dt-sc-two-fifth,
    .column.no-space.dt-sc-two-sixth,
    .column.no-space.dt-sc-three-sixth,
    .column.no-space.dt-sc-four-sixth,
    .column.no-space.dt-sc-five-sixth {
        width: 100%
    }
    h1 {
        line-height: 32px;
        font-size: 25px
    }
    h2 {
        line-height: 30px;
        font-size: 24px
    }
    h3 {
        line-height: 24px;
        font-size: 22px
    }
    th,
    td {
        padding: 5px 0;
        font-size: 8px
    }
    .is-sticky #menu-container {
        position: static !important
    }
    .logo {
        width: 100%;
        text-align: center
    }
    .logo img {
        display: inline-block;
        max-width: 120px
    }
    header .contact-details {
        float: none;
        margin: 0 0 30px;
        padding: 0;
        clear: both;
        width: 100%;
        text-align: center
    }
    header .contact-details p {
        text-align: center;
        margin: 0 0 15px
    }
    #menu-container {
        position: static
    }
    .dt-menu-toggle {
        display: block
    }
    #main-menu>ul.menu {
        display: none
    }
    .dt-menu-expand {
        display: block !important
    }
    #main-menu>ul.menu>li>a {
        margin-top: 0;
        line-height: 50px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries:first-child {
        margin-bottom: 20px
    }
    .menu-item-widget-area-container li.widget.widget_recent_entries {
        margin-left: 0;
        width: 100%
    }
    .megamenu-child-container>ul.sub-menu,
    .megamenu-child-container>ul.sub-menu ul.sub-menu {
        display: none
    }
    #main-menu ul li.menu-item-simple-parent ul li a:before,
    .megamenu-child-container ul.sub-menu>li>ul li a:before {
        top: 18px
    }
    #main-menu ul li.menu-item-simple-parent ul li a,
    .megamenu-child-container ul.sub-menu>li>ul li a {
        line-height: 50px;
        padding: 0 0 0 20px
    }
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul.menu>li>.megamenu-child-container,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0;
        margin: 0;
        width: 100%;
        left: 0;
        border-top: 0
    }
    #main-menu ul li.menu-item-simple-parent ul:before,
    .megamenu-child-container:before {
        background: 0 0
    }
    #main-menu ul.menu>li>.megamenu-child-container>ul.sub-menu,
    #main-menu ul.menu>li>ul.sub-menu {
        padding: 10px 20px;
        float: left;
        width: 100%
    }
    #main-menu ul.menu>li>.megamenu-child-container {
        display: block;
        border: none;
        padding: 0
    }
    #main-menu>ul.menu>li {
        border-bottom: 1px solid #f0f0f0
    }
    #main-menu>ul.menu>li>a {
        border: none
    }
    #main-menu>ul.menu>li>a:after {
        background: 0 0
    }
    #menu-container {
        height: auto
    }
    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li,
    #main-menu ul.menu .megamenu-child-container>ul.sub-menu>li {
        width: 100%;
        padding: 0;
        text-align: left;
        clear: both
    }
    #main-menu {
        width: inherit;
        position: absolute
    }
    .megamenu-4-columns-group .megamenu-child-container {
        left: 0 !important;
        width: 200px
    }
    #main-menu .megamenu-child-container .widget ul.product_list_widget li a img {
        margin-right: 10px
    }
    header ul.dt-sc-social-icons li a,
    header ul.dt-sc-social-icons li a span {
        line-height: 60px;
        height: 65px
    }
    #menu-container ul.dt-sc-social-icons {
        float: none;
        width: 100%;
        text-align: center;
        margin: 44px 0 0
    }
    header ul.dt-sc-social-icons li {
        display: inline-block;
        float: none
    }
    header ul.dt-sc-social-icons li a {
        width: 40px
    }
    .breadcrumb-section h1,
    .breadcrumb-section .breadcrumb {
        text-align: center;
        width: 100%
    }
    .breadcrumb-section .breadcrumb a,
    .breadcrumb-section .breadcrumb span {
        float: none
    }
    .front-portfolio-container {
        text-align: center
    }
    .front-portfolio-container .portfolio-content {
        margin: 0 auto 30px;
        float: none
    }
    .portfolio-content {
        width: 200px;
        height: 172px
    }
    .front-portfolio {
        height: 166px
    }
    .front-portfolio .image-overlay h5 {
        font-size: inherit
    }
    .front-portfolio .image-overlay .link {
        top: 65%
    }
    .front-portfolio .image-overlay .zoom {
        top: 65%
    }
    .front-portfolio:hover .link {
        left: 28%
    }
    .front-portfolio:hover .zoom {
        right: 28%
    }
    .mailchimp-form p {
        border-right: 1px solid #ddd;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .mailchimp-form input[type=email] {
        width: 152px
    }
    .widget .mailchimp-form input[type=submit] {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        clear: both;
        float: left
    }
    .copyright {
        text-align: center;
        width: 100%
    }
    .copyright .copyright-info {
        float: none;
        margin-bottom: 10px;
        line-height: inherit
    }
    footer .footer-links p {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        text-align: center;
        background: 0 0
    }
    footer .copyright .footer-links {
        float: none;
        display: inline-block
    }
    ul.dt-sc-social-icons {
        width: 100%;
        text-align: center
    }
    .copyright .footer-links ul li {
        margin: 0 5px 0 0
    }
    #primary.with-sidebar {
        width: 100%;
        margin-right: 0
    }
    #secondary {
        width: 100%
    }
    .add-slider-wrapper iframe {
        width: 164px;
        height: 122px
    }
    ul.commentlist li {
        padding: 100px 0 0
    }
    .fullwidth-background ul.products li {
        width: 100%;
        margin: 0 0 30px
    }
    .images {
        width: 100%;
        margin: 0 0 20px
    }
    .summary {
        width: 100%
    }
    .blog-entry-inner {
        padding: 0
    }
    .fullwidth-background .blog-entry {
        margin: 0 0 30px
    }
    .entry-meta {
        width: 100%;
        text-align: center;
        position: static;
        float: none;
        display: inline-block;
        margin-bottom: 0
    }
    .entry-meta .blog-author {
        max-width: 90px;
        max-height: 90px;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px
    }
    .entry-meta .date,
    .entry-meta .comments,
    .entry-meta .entry_format {
        padding: 0;
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    .entry-meta .date {
        text-align: center;
        width: 55%
    }
    .entry-meta .comments {
        width: 45%
    }
    .entry-meta .entry_format {
        width: 35%
    }
    .entry-meta .date:after,
    .entry-meta .comments:after,
    .entry-meta .entry_format:after {
        content: "";
        background: url(../images/green-meta-arrow.png) right center no-repeat;
        float: left;
        width: 15px;
        height: 39px;
        margin: 0;
        position: absolute;
        top: 0;
        right: -15px;
        border: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .fullwidth-background.orange-bg .entry-meta .date:after,
    .fullwidth-background.orange-bg .entry-meta .comments:after,
    .fullwidth-background.orange-bg .entry-meta .entry_format:after {
        background: url(../images/meta_arrow.png) right center no-repeat
    }
    #primary.with-sidebar .dt-sc-one-half .entry-meta .date,
    #primary.with-sidebar .dt-sc-one-half .entry-meta .comments,
    #primary.with-sidebar .dt-sc-one-half .entry-meta .entry_format {
        padding: 0;
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    #primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author {
        max-width: 90px;
        max-height: 90px
    }
    .dt-sc-sorting-container a {
        margin: 0 5px 10px 0
    }
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth,
    #primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third {
        width: 100%
    }
    .content-full-width .portfolio.dt-sc-one-third:hover .image-overlay a.zoom {
        right: 29%
    }
    .content-full-width .portfolio.dt-sc-one-third:hover .image-overlay a.link {
        left: 29%
    }
    .author-details {
        width: 100%;
        text-align: center
    }
    .author-thumb {
        margin: 0 auto 20px;
        max-width: 100%
    }
    .author-thumb .item-mask {
        left: 0;
        right: 0;
        margin: auto
    }
    .dt-sc-music-audio .audio-button {
        margin: 0 auto 10px;
        width: 100%;
        text-align: center
    }
    .dt-sc-music-audio h5 {
        text-align: center
    }
    .time-rail {
        width: 75px;
        margin: 0 10px
    }
    .time-rail:before {
        width: 35px
    }
    .time-rail:after {
        width: 40px
    }
    .duration.alignright {
        font-size: 12px;
        display: block
    }
    .audio-list h5 {
        margin: 0 0 0 2px;
        width: 142px;
        font-size: 13px
    }
    .events-list .event-thumb {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
        text-align: center
    }
    .event-details {
        text-align: center
    }
    .events-list h2 {
        line-height: inherit
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial blockquote:after {
        left: 0;
        right: 0;
        margin: auto
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 0 auto 10px
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author img {
        float: none
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta {
        width: 100%;
        text-align: center
    }
    .dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial .author-meta span {
        display: inline-block
    }
    .class_hours p,
    .class_hours ul.dt-sc-social-icons {
        text-align: center;
        width: 100%
    }
    .dt-sc-three-fourth.column.contact_form_outer {
        width: 100%;
        margin-bottom: 40px
    }
    .wrapper .dt-sc-ico-content.type2 h4 {
        line-height: 25px
    }
    .wrapper .dt-sc-button.large {
        font-size: 18px;
        padding: 16px 22px
    }
    .wrapper .dt-sc-button.xlarge {
        font-size: 20px;
        padding: 20px 24px
    }
    .dt-sc-ico-content.type3 {
        margin-bottom: 50px
    }
    .dt-sc-pricing-table .dt-sc-pr-tb-col {
        margin: 0 0 50px
    }
    .dt-sc-tb-header-img img {
        max-width: 60px;
        top: 10px;
        right: 0;
        left: 0;
        text-align: center;
        margin: auto
    }
    .dt-sc-pr-tb-col:hover .dt-sc-tb-header-img img {
        top: -35px
    }
    .dt-sc-pullquote.alignleft,
    .dt-sc-pullquote.alignright {
        width: 100%
    }
    ul.dt-sc-tabs li,
    ul.dt-sc-tabs li a {
        width: 100%
    }
    ul.dt-sc-tabs li {
        margin: 0 0 1px
    }
    .dt-sc-tabs-container ul.dt-sc-tabs li a {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }
    .dt-sc-one-half.column .dt-sc-testimonial-carousel-wrapper .carousel-arrows {
        top: -30px
    }
    #tiptip_content {
        padding: 0 3px !important;
        font-size: 10px !important
    }
    .wrapper blockquote.alignright {
        margin: 0 0 10px;
        width: 100%;
        float: left
    }
}