@media (max-width:1199.98px) {
        canvas {
            max-width: 100%;
            height: auto!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199.98px) {
        #wrapper {
            width: 1000px
        }
        #header.transparent-header.floating-header .container {
            width: 1030px;
            padding: 0 30px
        }
        #header.transparent-header.floating-header.sticky-header .container {
            width: 970px;
            padding: 0 15px
        }
        #primary-menu.sub-title ul>li>a {
            padding-left: 15px;
            padding-right: 15px
        }
        #primary-menu ul li.mega-menu .mega-menu-content,
        .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
            width: 940px
        }
        .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
            width: 1030px
        }
        .col_one_third .landing-wide-form .heading-block h2 {
            font-size: 32px
        }
        .col_one_third .landing-wide-form .heading-block span {
            font-size: 17px
        }
        .col_one_third .landing-wide-form {
            padding: 36px 30px
        }
    }
    
    @media (max-width:991.98px) {
        #wrapper {
            width: 100%;
            margin: 0;
            box-shadow: none
        }
        #header.full-header .container,
        .container-fullwidth {
            padding: 0 15px!important;
            margin: 0 auto;
            width: 750px!important
        }
        .container.vertical-middle {
            width: 100%!important
        }
        .vertical-middle+.video-wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }
        .postcontent,
        .postcontent.bothsidebar,
        .sidebar {
            width: 100%;
            margin-right: 0;
            float: none!important;
            margin-bottom: 40px!important;
            padding-bottom: 40px;
            border-bottom: 1px solid #eee
        }
        .sidebar.col_last {
            float: none;
            margin-bottom: 0!important;
            padding-bottom: 0;
            border-bottom: 0
        }
        #header,
        #header-wrap,
        #header.sticky-style-2,
        #header.sticky-style-2 #header-wrap,
        #header.sticky-style-3,
        #header.sticky-style-3 #header-wrap {
            height: auto!important
        }
        #header.sticky-style-2 #header-wrap,
        #header.sticky-style-3 #header-wrap {
            min-height: 60px
        }
        #header.sticky-header #header-wrap {
            position: relative
        }
        #header.semi-transparent,
        #header.transparent-header {
            background: #fff;
            border-bottom: 1px solid #f5f5f5;
            z-index: auto
        }
        #header.dark.semi-transparent,
        #header.dark.transparent-header {
            background-color: #333;
            border-bottom: 1px solid rgba(0, 0, 0, .1)
        }
        #header.transparent-header.floating-header {
            margin-top: 0
        }
        #header.transparent-header.floating-header .container {
            width: 750px;
            padding: 0 15px;
            border-radius: 0
        }
        #header.transparent-header+#google-map,
        #header.transparent-header+#page-title.page-title-parallax,
        #header.transparent-header+#slider,
        #header.transparent-header.floating-header+#slider,
        #slider+#header.transparent-header {
            top: 0;
            margin-bottom: 0
        }
        .slider-parallax .slider-parallax-inner {
            position: relative
        }
        #header.transparent-header+#page-title.page-title-parallax .container {
            padding-top: 0
        }
        body:not(.primary-menu-open) #header.dark.transparent-header-responsive,
        body:not(.primary-menu-open) #header.transparent-header-responsive {
            background-color: transparent;
            border: none
        }
        body:not(.primary-menu-open) #header.semi-transparent.transparent-header-responsive {
            background-color: rgba(255, 255, 255, .8);
            z-index: 1
        }
        body:not(.primary-menu-open) #header.transparent-header-responsive+#google-map,
        body:not(.primary-menu-open) #header.transparent-header-responsive+#page-title.page-title-parallax,
        body:not(.primary-menu-open) #header.transparent-header-responsive+#slider,
        body:not(.primary-menu-open) #header.transparent-header-responsive.floating-header+#slider,
        body:not(.primary-menu-open) #slider+#header.transparent-header-responsive {
            top: -101px;
            margin-bottom: -101px
        }
        #header-trigger,
        .header-extras,
        .top-advert {
            display: none
        }
        #logo {
            display: none;
            height: 100px;
            float: none;
            margin: 0 auto 0!important;
            max-width: none;
            text-align: center;
            border: 0!important;
            padding: 0!important
        }
        #logo a.standard-logo {
            display: inline-block
        }
        #primary-menu {
            display: block;
            float: none
        }
        #primary-menu-trigger {
            opacity: 1;
            pointer-events: auto;
            top: auto;
            /* top: 25px; */
            margin-top: 0;
            right: 0;
            z-index: 1
        }
        #primary-menu .container #primary-menu-trigger {
            top: 5px;
            left: 0
        }
        #primary-menu>div>ul,
        #primary-menu>ul {
            display: none;
            float: none!important;
            border: 0!important;
            padding: 0!important;
            margin: 0!important;
            -webkit-transition: none;
            -o-transition: none;
            transition: none
        }
        #primary-menu>div>ul {
            padding-top: 60px!important
        }
        body:not(.top-search-open) #primary-menu-trigger {
            opacity: 1;
            -webkit-transition: opacity .2s .2s ease, top .4s ease;
            -o-transition: opacity .2s .2s ease, top .4s ease;
            transition: opacity .2s .2s ease, top .4s ease
        }
        body.top-search-open #primary-menu-trigger {
            opacity: 0
        }
        body.side-push-panel #side-panel-trigger-close a {
            display: block;
            position: absolute;
            z-index: 12;
            top: 0;
            left: auto;
            right: 0;
            width: 40px;
            height: 40px;
            font-size: 18px;
            line-height: 40px;
            color: #444;
            text-align: center;
            background-color: rgba(0, 0, 0, .1);
            border-radius: 0 0 0 2px
        }
        #primary-menu.style-5>ul {
            padding-right: 0;
            margin-right: 0;
            border-right: 0
        }
        #primary-menu ul li {
            float: none;
            margin: 0!important;
            text-align: left!important;
            border-top: 1px solid #eee
        }
        #header.split-menu #primary-menu:not(.mobile-menu-off-canvas)>ul:not(:first-child)>li:first-child {
            border-top: 1px solid #eee
        }
        #primary-menu ul li:first-child {
            border-top: 0
        }
        #primary-menu ul>li>a,
        #primary-menu.style-2>div>ul>li>a {
            padding: 14px 5px!important;
            border: none!important;
            margin: 0!important
        }
        #primary-menu.style-5>ul>li>a>div {
            line-height: 22px
        }
        #primary-menu.style-5>ul>li>a>div i {
            display: inline-block;
            margin: 0 6px 0 0;
            top: -1px;
            width: 16px;
            font-size: 14px;
            line-height: inherit
        }
        #primary-menu.style-6>ul>li.current>a:after,
        #primary-menu.style-6>ul>li>a:after {
            display: none
        }
        #primary-menu.sub-title.style-2>div>ul>li,
        #primary-menu.sub-title>ul>li {
            background: 0 0!important;
            margin-left: 0
        }
        #primary-menu.sub-title>div>ul>li>a,
        #primary-menu.sub-title>ul>li>a {
            line-height: 22px;
            font-size: 13px;
            border-top: none
        }
        #primary-menu.sub-title ul li>a span {
            display: none!important
        }
        #primary-menu.style-3 ul li.current>a,
        #primary-menu.style-3 ul li:hover>a,
        #primary-menu.sub-title div ul>li.current>a,
        #primary-menu.sub-title div ul>li:hover>a,
        #primary-menu.sub-title ul li.current>a,
        #primary-menu.sub-title ul li:hover>a {
            background-color: transparent!important;
            color: #444;
            text-shadow: none
        }
        #primary-menu ul:not(.windows-mobile-menu) li>a i.icon-angle-down:last-child {
            display: none
        }
        #primary-menu>.container>ul>li.sub-menu>a,
        #primary-menu>ul>li.sub-menu>a {
            background-position: right center;
            background-repeat: no-repeat
        }
        #primary-menu ul li.mega-menu {
            position: relative
        }
        #primary-menu ul ul li {
            float: none;
            margin: 0;
            border-top: 1px solid #eee
        }
        #primary-menu ul ul li>a {
            padding: 11px 5px!important;
            font-size: 13px;
            text-transform: none;
            font-weight: 400
        }
        #primary-menu ul ul li:hover>a {
            background-color: transparent!important;
            font-weight: 700;
            padding-left: 5px;
            color: #3c97e8
        }
        #top-search {
            margin: 0!important
        }
        #side-panel-trigger,
        #top-account,
        #top-cart,
        #top-search a {
            position: absolute;
            top: 0;
            left: auto;
            right: 15px;
            margin: 40px 0;
            -webkit-transition: margin .4s ease;
            -o-transition: margin .4s ease;
            transition: margin .4s ease
        }
        #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) {
            min-height: 60px
        }
        .responsive-sticky-header #header-wrap {
            z-index: 199;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            border-bottom: 1px solid #eee;
            -webkit-backface-visibility: hidden
        }
        .responsive-sticky-header:not(.static-sticky) #logo,
        .responsive-sticky-header:not(.static-sticky) #logo img {
            height: 60px
        }
        .responsive-sticky-header:not(.static-sticky) #primary-menu-trigger {
            top: 5px
        }
        .responsive-sticky-header #primary-menu>.container>ul,
        .responsive-sticky-header #primary-menu>ul {
            max-height: 300px;
            overflow-y: scroll
        }
        .responsive-sticky-header #primary-menu>.container>ul,
        .responsive-sticky-header #primary-menu>ul {
            margin-bottom: 20px!important
        }
        .responsive-sticky-header:not(.static-sticky) #side-panel-trigger,
        .responsive-sticky-header:not(.static-sticky) #top-cart,
        .responsive-sticky-header:not(.static-sticky) #top-search a {
            margin: 20px 0
        }
        .responsive-sticky-header:not(.static-sticky) #top-search form {
            height: 60px!important
        }
        .responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content {
            top: 40px
        }
        #header.responsive-sticky-header:not(.static-sticky)~#page-menu.sticky-page-menu #page-menu-wrap {
            top: 60px
        }
        .product {
            width: 33.33333333%
        }
        .product:not(.product-2):not(.product-3) .product-title h3 {
            font-size: 18px
        }
        .section>.testimonial {
            padding: 0 40px!important;
            max-width: none
        }
        .button.button-full {
            font-size: 22px
        }
        .button.button-full i {
            top: 3px!important
        }
    }
    
    @media (max-width:767.98px) {
        body {
            padding: 0!important
        }
        #wrapper {
            width: 100%!important
        }
        .container-fullwidth {
            margin: 0 auto;
            padding: 0 15px!important
        }
        h1 {
            font-size: 28px
        }
        h2 {
            font-size: 24px
        }
        h3 {
            font-size: 20px
        }
        h4 {
            font-size: 16px
        }
        #top-bar {
            height: auto
        }
        #top-bar .col_half {
            display: inline;
            width: 100%;
            margin-top: 10px;
            padding-left: 0px;
            margin-bottom: 0!important
        }
        .top-links,
        .top-links>ul>li {
            float: none!important
        }
        .top-links>ul {
            text-align: center
        }
        .top-links>ul>li {
            display: inline-block
        }
        .top-links>ul>li {
            margin-right: -4px
        }
        .col_five_sixth,
        .col_four_fifth,
        .col_full,
        .col_half,
        .col_one_fifth,
        .col_one_fourth,
        .col_one_sixth,
        .col_one_third,
        .col_three_fifth,
        .col_three_fourth,
        .col_two_fifth,
        .col_two_third,
        .postcontent,
        .postcontent.bothsidebar,
        .sidebar {
            width: 100%;
            margin-right: 0;
            float: none;
            margin-bottom: 50px!important
        }
        .col_last {
            float: none
        }
        .sidebar.col_last {
            margin-bottom: 0!important
        }
        form .col_five_sixth,
        form .col_four_fifth,
        form .col_full,
        form .col_half,
        form .col_one_fifth,
        form .col_one_fourth,
        form .col_one_sixth,
        form .col_one_third,
        form .col_three_fifth,
        form .col_three_fourth,
        form .col_two_fifth,
        form .col_two_third {
            margin-bottom: 25px!important
        }
        #page-title {
            padding: 20px 0 25px;
            text-align: center
        }
        #page-title h1 {
            line-height: 1.5;
            font-size: 24px
        }
        table.cart .quantity {
            display: block
        }
        table.cart .quantity .minus,
        table.cart .quantity .plus,
        table.cart .quantity .qty {
            float: none;
            width: 100%
        }
        table.cart .quantity .qty {
            border: 0;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd
        }
        .heading-block h1 {
            font-size: 30px
        }
        .heading-block h2 {
            font-size: 26px
        }
        .heading-block h3 {
            font-size: 22px
        }
        .heading-block h4 {
            font-size: 19px
        }
        .heading-block h1+span {
            font-size: 20px
        }
        .heading-block h2+span {
            font-size: 18px
        }
        .heading-block h3+span,
        .heading-block h4+span {
            font-size: 17px
        }
        .heading-block~p:not(.lead) {
            font-size: 15px
        }
        .emphasis-title h1,
        .emphasis-title h2 {
            font-size: 44px!important
        }
        #copyrights .col_half {
            text-align: center
        }
        #copyrights .col_half:last-child {
            display: none
        }
        #copyrights .footer-logo {
            margin-left: auto;
            margin-right: auto
        }
        #primary-menu-trigger {
            top: 25px;
        }
        @media (min-width:576px) and (max-width:767.98px) {
            #header.full-header .container,
            .container-fullwidth {
                width: 540px!important
            }
            #header.transparent-header.floating-header .container {
                width: 540px;
                padding: 0 15px
            }
            .post-grid:not(.post-masonry) .entry-image iframe {
                height: 246px
            }
            .shop:not(.product-1) {
                margin: 0 -12px -12px 0
            }
            .shop:not(.product-1) .product {
                padding: 0 12px 12px 0;
                width: 50%
            }
            .shop:not(.product-1) .product-title h3 {
                font-size: 17px
            }
            .clients-grid.grid-4 li,
            .clients-grid.grid-6 li,
            .clients-grid:not(.grid-3):not(.grid-2) li {
                width: 33.33%
            }
            .button.button-full {
                font-size: 18px
            }
            .button.button-full i {
                top: 2px!important;
                margin-left: 3px!important
            }
        }
        @media (max-width:575.98px) {
            #header.full-header .container,
            .container,
            .container-fullwidth {
                width: 100%!important;
                padding-left: 40px!important;
                padding-right: 40px!important
            }
            #top-cart {
                display: none
            }
            #top-search a {
                right: 40px
            }
            #top-search form input {
                padding-right: 55px
            }
            #side-panel-trigger {
                right: 68px
            }
            #header.transparent-header.floating-header .container {
                width: 310px;
                padding: 0 15px
            }
            .shop:not(.product-1) {
                margin: 0!important
            }
            .shop:not(.product-1) .product {
                margin: 0 0 20px 0;
                padding: 0;
                width: 100%
            }
            .button.button-full {
                font-size: 16px
            }
            .button.button-full i {
                top: 2px!important;
                margin-left: 3px!important
            }
            .emphasis-title h1,
            .emphasis-title h2 {
                font-size: 40px!important
            }
        }
        @media only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2/1),
        only screen and (min-device-pixel-ratio:2),
        only screen and (min-resolution:192dpi),
        only screen and (min-resolution:2dppx) {
            #header.split-menu #logo a.standard-logo,
            #logo a.standard-logo {
                display: block
            }
            #logo a.retina-logo {
                display: block
            }
            #header.split-menu #logo a.retina-logo {
                display: inline-block
            }
        }
        @media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),
        only screen and (min--moz-device-pixel-ratio:2) and (max-width:991.98px),
        only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),
        only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),
        only screen and (min-resolution:192dpi) and (max-width:991.98px),
        only screen and (min-resolution:2dppx) and (max-width:991.98px) {
            #logo a.standard-logo {
                display: none
            }
            #logo a.retina-logo {
                display: inline-block
            }
        }