@media(max-width:1199.98px){
    canvas{
        max-width:100%;
        height:auto!important
    }
    .promo h3{
        font-size:20px
    }
    .promo>.container>span,.promo>span{
        font-size:15px
    }
    .promo-uppercase h3{
        font-size:19px
    }
    .promo-uppercase>.container>span,.promo-uppercase>span{
        font-size:14px
    }
}
@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
    }
    .team.team-list .team-image{
        width:200px
    }
    .testi-image,.testi-image a,.testi-image i,.testi-image img{
        display:block;
        width:36px;
        height:36px
    }
    .testi-image i{
        line-height:36px;
        font-size:20px
    }
    .bothsidebar .portfolio-item{
        width:50%
    }
    .bothsidebar .portfolio.portfolio-3{
        margin:0 -20px -20px 0
    }
    .bothsidebar .portfolio-3 .portfolio-item{
        padding:0 20px 20px 0
    }
    .bothsidebar .portfolio-shuffle,.postcontent .portfolio-1 .iconlist{
        display:none
    }
    .postcontent .small-thumbs .entry-image{
        width:200px
    }
    .bothsidebar .small-thumbs .entry-image{
        width:120px
    }
    .post-timeline .entry{
        width:400px!important
    }
    .post-timeline .entry.entry-date-section{
        width:100%!important
    }
    .mpost .entry-image,.mpost .entry-image a,.mpost .entry-image i,.mpost .entry-image img{
        width:120px;
        height:90px
    }
    .mpost .entry-image a i{
        line-height:90px
    }
    .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
    }
    .bothsidebar .product-1 .product-image{
        width:200px;
        height:267px
    }
    .product-title h3{
        font-size:18px
    }
    .landing-video{
        width:465px;
        height:262px;
        margin:19px 0 0 75px
    }
    .panel .portfolio-meta li{
        padding-left:22px
    }
    .panel .portfolio-meta li span{
        display:block;
        margin-left:-21px
    }
    .portfolio-single-image-full .swiper-container,.portfolio-single-image-full.portfolio-single-thumbs{
        height:400px
    }
    .bnews-slider{
        width:817px
    }
    .landing-form-overlay{
        bottom:-142px
    }
}
@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:block;
        height:100px;
        float:none;
        margin:0 auto!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:25px;
        margin-top:0;
        left: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-image:url(../img/icons/submenu.png);
        background-position:right center;
        background-repeat:no-repeat
    }
    #primary-menu ul li.mega-menu{
        position:relative
    }
    #primary-menu ul li .mega-menu-content,#primary-menu ul ul:not(.mega-menu-column){
        position:relative;
        width:auto;
        max-width:none;
        background:0 0!important;
        box-shadow:none;
        border:0;
        border-top:1px solid #eee;
        z-index:1;
        top:0;
        padding-left:15px
    }
    #primary-menu ul li .mega-menu-content{
        padding-left:0;
        display:none
    }
    #primary-menu.on-click ul li .mega-menu-content.d-block{
        display:block!important
    }
    #primary-menu ul ul:not(.mega-menu-column) ul{
        top:0!important;
        left:0
    }
    #primary-menu ul li .mega-menu-content.menu-pos-invert,#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column){
        left:0;
        right:0
    }
    #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert{
        right:0
    }
    #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:#1abc9c
    }
    #primary-menu ul li .mega-menu-content,#primary-menu ul li.mega-menu .mega-menu-content,#primary-menu ul li.mega-menu-small .mega-menu-content,.floating-header #primary-menu ul li.mega-menu .mega-menu-content,.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content{
        width:auto;
        margin:0;
        top:0
    }
    #header.full-header #primary-menu ul li.mega-menu .mega-menu-content,.container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content{
        width:auto!important;
        margin:0!important
    }
    #primary-menu ul li.mega-menu .mega-menu-content.style-2{
        padding:0
    }
    #primary-menu ul li .mega-menu-content ul{
        display:block!important;
        position:relative;
        opacity:1!important;
        top:0;
        left:0;
        min-width:inherit
    }
    #primary-menu ul li .mega-menu-content ul ul{
        border-top:1px solid #eee
    }
    #primary-menu ul li .mega-menu-content ul.mega-menu-column{
        float:none;
        width:auto!important;
        -ms-flex:0 0 100%!important;
        flex:0 0 100%!important;
        max-width:100%!important;
        margin:0;
        border-left:0!important;
        padding-left:15px;
        border-top:1px solid #eee
    }
    #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child{
        border:0
    }
    #primary-menu ul li .mega-menu-content ul{
        width:100%!important
    }
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column{
        padding:0 0 0 15px
    }
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title{
        margin:0
    }
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a{
        font-size:13px;
        font-weight:700;
        text-transform:none!important;
        padding:11px 5px!important;
        line-height:22px!important;
        color:#444!important
    }
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a{
        background-color:transparent;
        color:#1abc9c!important
    }
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover{
        color:#1abc9c!important
    }
    #primary-menu ul li .mega-menu-content.style-2 li{
        border-top:1px solid #eee
    }
    #primary-menu ul li .mega-menu-content.style-2 li:first-child{
        border-top:0
    }
    #primary-menu ul li .mega-menu-content.style-2 ul>li>a:hover{
        padding-left:5px
    }
    .mega-menu-column .widget{
        padding:30px 0;
        margin:0!important
    }
    #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
    }
    #primary-menu>div>#side-panel-trigger,#primary-menu>div>#top-cart,#primary-menu>div>#top-search a{
        margin:20px 0!important
    }
    #primary-menu ul.windows-mobile-menu li.sub-menu{
        position:relative
    }
    #primary-menu ul.windows-mobile-menu li.sub-menu a{
        background-image:none!important
    }
    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger{
        position:absolute;
        cursor:pointer;
        width:32px;
        height:50px;
        line-height:51px;
        top:0;
        right:0;
        z-index:1;
        padding:0!important;
        text-align:center!important
    }
    #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger{
        display:none
    }
    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i{
        margin:0!important
    }
    #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger{
        text-align:center!important;
        height:45px;
        line-height:45px
    }
    #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger i{
        display:inline-block;
        line-height:45px
    }
    #header.sticky-style-3 #top-cart .top-cart-content{
        top:40px
    }
    #top-search a{
        right:43px
    }
    #top-search form{
        height:100px!important
    }
    #primary-menu>div>#top-search form{
        height:60px!important
    }
    #top-search form input{
        font-size:24px
    }
    #side-panel-trigger{
        right:71px
    }
    #top-account{
        margin:33px 0 32px;
        right:75px
    }
    #top-account a.btn span{
        display:none
    }
    body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap{
        position:relative!important;
        top:0!important
    }
    #page-submenu-trigger{
        opacity:1;
        pointer-events:auto;
        color:#fff
    }
    #page-menu.pagemenu-active #page-submenu-trigger{
        background-color:rgba(0,0,0,.2)
    }
    #page-menu nav{
        display:none;
        position:absolute;
        float:none;
        width:200px;
        top:43px;
        left:auto;
        right:15px;
        height:auto;
        background-color:#1abc9c;
        z-index:11
    }
    #page-menu.pagemenu-active nav{
        display:block
    }
    #page-menu nav ul{
        height:auto;
        background-color:rgba(0,0,0,.2)
    }
    #page-menu nav li{
        float:none
    }
    #page-menu nav li a{
        height:40px;
        line-height:40px;
        margin:0;
        padding:0 15px;
        border-radius:0
    }
    #page-menu ul ul{
        position:relative;
        width:auto;
        top:0;
        background-color:transparent
    }
    #page-menu ul ul a{
        padding-left:25px
    }
    .sticky-responsive-menu #header{
        min-height:100px;
        -webkit-transition:min-height .4s ease;
        -o-transition:min-height .4s ease;
        transition:min-height .4s ease
    }
    .sticky-responsive-menu #header-wrap{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .sticky-responsive-menu #header.sticky-style-2,.sticky-responsive-menu #header.sticky-style-3{
        min-height:160px
    }
    .sticky-responsive-menu.device-touch #header,.sticky-responsive-menu.device-touch #header-wrap,.sticky-responsive-menu.device-touch #logo,.sticky-responsive-menu.device-touch #logo img,.sticky-responsive-menu.device-touch #primary-menu-trigger,.sticky-responsive-menu.device-touch #side-panel-trigger,.sticky-responsive-menu.device-touch #top-account,.sticky-responsive-menu.device-touch #top-cart,.sticky-responsive-menu.device-touch #top-search a{
        -webkit-transition:none!important;
        -o-transition:none!important;
        transition:none!important
    }
    #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
    }
    .responsive-sticky-header:not(.static-sticky)~#page-menu.sticky-page-menu #page-menu-wrap{
        top:60px
    }
    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul{
        position:fixed;
        display:block;
        z-index:499;
        width:280px;
        height:100%;
        height:calc(100vh);
        max-height:none!important;
        margin:0!important;
        left:0!important;
        top:0!important;
        padding:35px 25px 60px!important;
        background-color:#fff;
        border-right:1px solid #eee!important;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:translate3d(-280px,0,0);
        -o-transform:translate3d(-280px,0,0);
        transform:translate3d(-280px,0,0);
        -webkit-backface-visibility:hidden;
        transform-style:preserve-3d
    }
    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>div>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>ul{
        left:auto!important;
        right:0;
        border-right:0!important;
        border-left:1px solid #eee!important;
        -webkit-transform:translate3d(280px,0,0);
        -o-transform:translate3d(280px,0,0);
        transform:translate3d(280px,0,0)
    }
    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul{
        -webkit-transition:-webkit-transform .3s ease-in-out,opacity .2s ease!important;
        -o-transition:-o-transform .3s ease-in-out,opacity .2s ease!important;
        transition:transform .3s ease-in-out,opacity .2s ease!important
    }
    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul.d-block,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul.d-block{
        -webkit-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .portfolio .portfolio-item{
        width:33.33333333%
    }
    .portfolio-2 .portfolio-item{
        width:50%
    }
    .portfolio-1 .portfolio-item{
        width:100%
    }
    .portfolio-1 .portfolio-item .portfolio-image{
        float:none!important;
        margin:0!important;
        margin-bottom:20px!important
    }
    .portfolio-1 .portfolio-item .portfolio-image,.portfolio-1 .portfolio-item .portfolio-image a,.portfolio-1 .portfolio-item .portfolio-image img,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img{
        width:100%;
        height:auto
    }
    .portfolio-1 .portfolio-desc{
        width:100%!important;
        padding:0!important
    }
    .portfolio-1.portfolio-fullwidth{
        margin:0 0 -60px
    }
    .portfolio-1.portfolio-fullwidth .portfolio-item{
        margin-bottom:60px;
        padding-bottom:0;
        border-bottom:0;
        overflow:hidden
    }
    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image{
        float:none;
        margin:0 0 20px!important
    }
    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img{
        -webkit-transition:none;
        -o-transition:none;
        transition:none
    }
    .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img,.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img{
        -webkit-transform:translateX(0)!important;
        -moz-transform:translateX(0)!important;
        -ms-transform:translateX(0)!important;
        -o-transform:translateX(0)!important;
        transform:translateX(0)!important
    }
    .portfolio-1.portfolio-fullwidth .alt .portfolio-desc,.portfolio-1.portfolio-fullwidth .portfolio-desc{
        position:relative;
        height:auto;
        background-color:transparent;
        left:0!important;
        right:0!important;
        -webkit-transition:none;
        -o-transition:none;
        transition:none
    }
    .portfolio-1.portfolio-fullwidth .portfolio-overlay a{
        left:50%!important
    }
    .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a{
        left:auto;
        right:50%!important
    }
    .device-touch .portfolio-parallax .portfolio-item .portfolio-desc,.device-touch .portfolio-parallax .portfolio-overlay{
        opacity:1
    }
    .portfolio-ajax-modal,.shop-quick-view-ajax{
        width:90%!important
    }
    .ievent .entry-title h2,.small-thumbs .entry-title h2{
        font-size:18px
    }
    .entry-meta li{
        font-size:12px;
        margin:0 10px 10px 0
    }
    .post-grid{
        margin-right:-20px
    }
    .post-grid .entry{
        width:33.33333333%;
        padding-right:20px
    }
    .post-grid.grid-2,.post-grid.grid-3{
        margin-right:-30px
    }
    .post-grid.grid-2 .entry,.post-grid.grid-3 .entry{
        width:50%;
        padding-right:30px
    }
    .post-masonry-full .entry{
        width:33.3%!important
    }
    .post-masonry-full.grid-3 .entry{
        width:50%!important
    }
    .post-timeline .entry{
        width:290px!important
    }
    .post-timeline .entry.entry-date-section{
        width:100%!important
    }
    .product{
        width:33.33333333%
    }
    .product:not(.product-2):not(.product-3) .product-title h3{
        font-size:18px
    }
    .pricing [class^=col-md-] .pricing-box.best-price{
        margin-top:0
    }
    .pricing.pricing-5 .pricing-box.best-price{
        margin-top:20px
    }
    .device-md .pricing.pricing-5 .best-price .pricing-title h3,.device-md .pricing.pricing-5 .pricing-title h3{
        font-size:14px
    }
    .device-md .pricing.pricing-5 .pricing-title span{
        font-size:12px
    }
    .device-md .pricing.pricing-5 .pricing-price{
        font-size:48px
    }
    .device-md .pricing.pricing-5 .pricing-price span{
        font-size:20px
    }
    .device-md .pricing.pricing-5 .pricing-price span.price-tenure{
        font-size:12px
    }
    .device-md .pricing.pricing-5 .pricing-box.best-price .pricing-title{
        padding:15px 0
    }
    .pricing-box.pricing-extended .pricing-action-area,.pricing-box.pricing-extended .pricing-desc{
        position:relative;
        float:none;
        width:auto;
        padding:25px
    }
    .pricing-box.pricing-extended .pricing-action-area{
        height:auto;
        border-left:0;
        border-top:1px solid rgba(0,0,0,.05);
        border-radius:0 0 3px 3px
    }
    .testimonials-grid.grid-3 li{
        width:50%
    }
    .section>.testimonial{
        padding:0 40px!important;
        max-width:none
    }
    .promo:not(.promo-full){
        padding:30px 20px!important
    }
    .promo.promo-dark h3{
        line-height:1.6
    }
    .promo a.button{
        position:relative!important;
        top:0!important;
        margin:20px 0 0!important;
        left:0!important;
        right:0
    }
    #contact-form-overlay-mini{
        float:none;
        width:auto;
        max-width:380px;
        margin:0 auto
    }
    .button.button-full{
        font-size:22px
    }
    .button.button-full i{
        top:3px!important
    }
    .bnews-title{
        float:none;
        display:inline-block
    }
    .bnews-slider{
        float:none;
        margin:10px 0 0;
        width:100%
    }
    .wedding-head{
        font-size:60px
    }
    .wedding-head .first-name span,.wedding-head .last-name span{
        font-size:40px
    }
    .wedding-head .and{
        font-size:144px
    }
    .error404{
        font-size:180px
    }
    .landing-form-overlay{
        position:absolute;
        width:100%;
        max-width:400px;
        right:auto;
        left:50%;
        margin-left:-200px;
        bottom:0
    }
}
@media(min-width:768px) and (max-width:991.98px){
    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide{
        height:400px!important
    }
    .sidebar-widgets-wrap{
        position:relative;
        margin:0 -20px -40px
    }
    .sidebar-widgets-wrap .widget{
        display:inline-block;
        vertical-align:top;
        float:none;
        width:49.6%;
        margin:0 0 40px;
        padding-top:0;
        padding-left:20px;
        padding-right:20px;
        border-top:0
    }
    .landing-video{
        width:352px;
        height:199px;
        margin:14px 0 0 60px
    }
}
@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
    }
    .one-page-arrow{
        display:none!important
    }
    #top-bar{
        height:auto
    }
    #top-bar .col_half{
        width:100%;
        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
    }
    .top-links ul div.top-link-section,.top-links ul ul{
        text-align:left
    }
    .top-links ul div.top-link-section{
        left:auto;
        right:0;
        padding:20px 15px
    }
    #top-social,.flex-caption{
        display:none!important
    }
    .flex-control-nav li{
        opacity:1!important
    }
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs{
        height:60px
    }
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img{
        display:block;
        width:80px!important;
        height:60px!important
    }
    .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
    }
    #page-title .breadcrumb{
        position:relative!important;
        top:0!important;
        left:0!important;
        right:0!important;
        margin:20px 0 0!important;
        justify-content:center
    }
    #page-title #portfolio-navigation,#portfolio-ajax-title #portfolio-navigation{
        position:relative;
        top:0;
        left:0;
        margin:15px auto 0
    }
    #portfolio-ajax-title{
        text-align:center
    }
    .portfolio-filter{
        border:none;
        border-radius:0;
        margin-bottom:20px
    }
    .portfolio-filter li{
        width:33.33%;
        margin:0 0 20px!important
    }
    .portfolio-filter li a{
        text-align:center;
        border-left:none;
        padding:12px 18px!important;
        border-radius:2px!important
    }
    .portfolio-filter li a:hover{
        color:#1abc9c
    }
    .portfolio-filter li.activeFilter a{
        color:#fff;
        margin:0
    }
    .portfolio-filter.style-2 li a,.portfolio-filter.style-3 li a{
        border-radius:22px!important
    }
    .portfolio-shuffle{
        display:none
    }
    .ievent .entry-image,.small-thumbs .entry-image{
        float:none!important;
        width:100%!important;
        margin:0 0 20px!important
    }
    .entry-title h2,.post-grid .entry-title h2{
        font-size:18px!important;
        font-weight:600
    }
    .entry-meta li{
        font-size:11px;
        margin:0 10px 10px 0
    }
    #posts .entry-meta li i{
        display:none
    }
    #posts .entry-meta li:last-child i,#posts.post-grid .entry-meta li i{
        display:inline-block
    }
    .post-grid{
        margin-right:0!important
    }
    .post-grid .entry,.post-masonry-full.grid-3 .entry{
        float:none!important;
        width:100%!important;
        margin-right:0!important;
        border-right:0!important
    }
    .post-timeline .entry.entry-date-section{
        margin-left:0
    }
    .postcontent .post-timeline{
        margin:0
    }
    .post-timeline .entry-timeline,.timeline-border{
        display:none!important
    }
    .postcontent .post-timeline{
        padding-left:0
    }
    .post-masonry-full .entry{
        padding:40px!important
    }
    .product-1 .product{
        width:100%
    }
    .product-1 .product-image{
        float:none!important;
        width:100%!important;
        height:auto!important;
        margin:0 0 20px!important
    }
    .product-1 .product-title h3{
        font-size:19px
    }
    .product-1 p{
        display:none
    }
    .pricing-box.best-price{
        margin-top:0
    }
    .pricing.pricing-5 .pricing-box{
        float:none;
        width:100%
    }
    .pricing-box.pricing-extended .pricing-features li{
        width:auto;
        float:none
    }
    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
    }
    .button.button-desc{
        padding:20px 17px;
        font-size:15px;
        max-width:100%
    }
    .button.button-desc span{
        font-size:11px
    }
    .process-steps li{
        float:none;
        width:auto!important;
        margin-top:20px
    }
    .process-steps li:first-child{
        margin-top:0
    }
    .process-steps li h5{
        margin:10px 0 0
    }
    .process-steps li:after,.process-steps li:before{
        display:none
    }
    .tabs-responsive .tab-container{
        padding:0!important
    }
    .tabs-responsive .tab-container:not(.accordion-border){
        border:0
    }
    .testimonials-grid li{
        float:none;
        width:auto!important;
        padding-left:0;
        padding-right:0
    }
    .team.team-list .team-image{
        float:none;
        width:100%;
        margin-right:0
    }
    .team.team-list .team-title{
        margin-top:15px
    }
    .title-block{
        padding:2px 0 3px 15px;
        border-left-width:5px
    }
    .title-block-right{
        padding:2px 15px 3px 0;
        border-right-width:5px
    }
    .title-block h1+span{
        font-size:18px
    }
    .title-block h2+span{
        font-size:17px
    }
    .title-block h3+span{
        font-size:15px
    }
    .title-block h4+span{
        font-size:13px
    }
    .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
    }
    .wedding-head{
        font-size:48px
    }
    .wedding-head .and,.wedding-head .first-name,.wedding-head .last-name{
        display:block;
        margin:0 0 15px;
        text-align:center
    }
    .wedding-head .first-name span,.wedding-head .last-name span{
        font-size:36px
    }
    .wedding-head .and{
        font-size:120px
    }
    .news-carousel .overlay{
        display:none
    }
    .landing-video{
        position:relative;
        top:14px;
        width:76%;
        height:auto;
        margin:19px auto 0
    }
    #cookie-notification .container{
        padding-right:15px
    }
    #cookie-notification .cookie-noti-btn{
        position:relative;
        left:0;
        display:block;
        margin-top:20px
    }
    #copyrights .col_half{
        text-align:center
    }
    #copyrights .col_half:last-child{
        display:none
    }
    #copyrights .footer-logo{
        margin-left:auto;
        margin-right:auto
    }
}
@media(min-width:576px) and (max-width:767.98px){
    #header.full-header .container,.container-fullwidth{
        width:540px!important
    }
    .container.vertical-middle{
        width:100%!important
    }
    .full-screen:not(.force-full-screen) .container.vertical-middle{
        width:540px!important
    }
    #top-search form input{
        padding-right:60px
    }
    .swiper_wrapper:not(.force-full-screen),.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide{
        height:300px!important
    }
    .swiper_wrapper .slider-caption h2{
        font-size:2.25rem
    }
    .swiper_wrapper .slider-caption p{
        font-size:1.25rem
    }
    #header.transparent-header.floating-header .container{
        width:540px;
        padding:0 15px
    }
    .portfolio:not(.portfolio-1){
        margin:0 -6px -6px 0
    }
    .portfolio:not(.portfolio-1) .portfolio-item{
        padding:0 6px 6px 0
    }
    .portfolio:not(.portfolio-1) .portfolio-item{
        width:50%
    }
    .portfolio:not(.portfolio-1) .portfolio-desc{
        padding:15px 5px 10px
    }
    .portfolio:not(.portfolio-1) .portfolio-desc h3{
        font-size:16px
    }
    .portfolio:not(.portfolio-1) .portfolio-desc span{
        font-size:14px
    }
    .portfolio-notitle:not(.portfolio-1) .portfolio-desc{
        height:78px;
        padding:15px 5px;
        bottom:-79px
    }
    .portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc,.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc{
        bottom:-78px;
        border-bottom:0
    }
    .portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,.portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon,.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon,.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon{
        margin-top:-55px!important
    }
    .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc~a{
        margin:20px 0 0!important
    }
    .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc~a.right-icon{
        margin-left:5px!important;
        margin-right:0!important
    }
    .portfolio.portfolio-full,.portfolio.portfolio-nomargin{
        margin:0!important
    }
    .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
    }
    .error404,.error404-wrap .error404{
        font-size:160px
    }
}
@media(max-width:575.98px){
    #header.full-header .container,.container,.container-fullwidth{
        width:100%!important;
        padding-left:40px!important;
        padding-right:40px!important
    }
    #primary-menu-trigger{
        left:20px
    }
    #top-cart{
        display:none
    }
    #top-search a{
        right:40px
    }
    #top-search form input{
        padding-right:55px
    }
    #side-panel-trigger{
        right:68px
    }
    #top-account{
        right:68px
    }
    #top-account a.btn{
        padding-left:8px;
        padding-right:8px
    }
    #top-account a.btn i:last-child{
        display:none
    }
    .swiper_wrapper:not(.force-full-screen),.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide{
        height:180px!important
    }
    .swiper_wrapper .slider-caption h2{
        font-size:1.75rem
    }
    .swiper_wrapper .slider-caption p{
        font-size:1rem
    }
    #header.transparent-header.floating-header .container{
        width:310px;
        padding:0 15px
    }
    .portfolio-filter li{
        width:50%
    }
    .portfolio:not(.portfolio-1){
        margin:0
    }
    .portfolio .portfolio-item{
        width:100%;
        padding:0
    }
    .post-grid:not(.post-masonry) .entry-image iframe{
        height:157px
    }
    .mpost .entry-image{
        float:none;
        margin:0 0 20px
    }
    .mpost .entry-image,.mpost .entry-image a,.mpost .entry-image i,.mpost .entry-image img{
        width:100%;
        height:auto
    }
    .mpost .entry-image i{
        height:150px;
        line-height:150px
    }
    .shop:not(.product-1){
        margin:0!important
    }
    .shop:not(.product-1) .product{
        margin:0 0 20px;
        padding:0;
        width:100%
    }
    .shop:not(.product-1) .product-title h3{
        font-size:19px
    }
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs{
        height:45px
    }
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img{
        display:block;
        width:60px!important;
        height:45px!important
    }
    .si-share span{
        display:none
    }
    .parallax .entry-overlay,.parallax .entry-overlay-meta{
        left:50%!important;
        right:0!important;
        margin:0 0 0 -140px!important;
        width:280px!important
    }
    .parallax .entry-overlay{
        width:288px!important
    }
    .parallax .countdown-section{
        width:64px;
        height:64px;
        margin:0 8px 0 0;
        font-size:11px;
        padding:0;
        padding-top:12px
    }
    .parallax .countdown-amount{
        font-size:20px
    }
    .countdown-large .countdown-section{
        display:block;
        width:auto;
        margin:30px 0 0;
        border:0
    }
    .countdown-large .countdown-section:first-child{
        margin-top:0
    }
    .testi-image,.testi-image a,.testi-image i,.testi-image img{
        width:36px;
        height:36px
    }
    .testi-image i{
        line-height:36px;
        font-size:20px
    }
    .clients-grid.grid-4 li,.clients-grid.grid-6 li,.clients-grid:not(.grid-3):not(.grid-2) li{
        width:50%
    }
    .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
    }
    .error404,.error404-wrap .error404{
        font-size:120px
    }
    .landing-form-overlay{
        margin-left:-155px
    }
    .button.button-desc{
        padding:20px 17px;
        font-size:15px;
        max-width:100%
    }
    .button.button-desc span{
        font-size:11px
    }
}
@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:none
    }
    #logo a.retina-logo{
        display:block
    }
    #header.split-menu #logo a.retina-logo{
        display:inline-block
    }
    .form-process,.owl-carousel.owl-loading,.preloader,.preloader2{
        background-image:url(../img/preloader%402x.gif);
        background-size:24px 24px
    }
    .dark .form-process,.dark .owl-carousel.owl-loading,.dark .preloader,.dark .preloader2{
        background-image:url(../img/preloader-dark%402x.gif)
    }
    .widget_recent_comments li{
        background-image:url(../img/icons/widget-comment%402x.png);
        background-size:15px 26px
    }
    .widget_archive li a,.widget_categories li a,.widget_links li a,.widget_meta li a,.widget_nav_menu li a,.widget_pages li a,.widget_recent_comments li a,.widget_recent_entries li a,.widget_rss li a{
        background-image:url(../img/icons/widget-link%402x.png);
        background-size:4px 20px
    }
    .dark .widget_recent_comments li{
        background-image:url(../img/icons/widget-comment-dark%402x.png)
    }
    .dark .widget_archive li a,.dark .widget_categories li a,.dark .widget_links li a,.dark .widget_meta li a,.dark .widget_nav_menu li a,.dark .widget_pages li a,.dark .widget_recent_comments li a,.dark .widget_recent_entries li a,.dark .widget_rss li a{
        background-image:url(../img/icons/widget-link-dark%402x.png)
    }
}
@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
    }
}
.scw-switcher-wrap,.scw-trigger-icon{
    position:fixed;
    left:auto;
    background-color:#fff
}
.scw-trigger-icon{
    width:44px;
    height:44px;
    top:121px;
    right:26px;
    border:0;
    padding:0;
    text-align:center;
    z-index:5;
    cursor:pointer
}
.scw-trigger-icon i{
    font-size:18px
}
.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2){
    display:none
}
.scw-switcher-wrap{
    top:120px;
    right:25px;
    padding:23px;
    width:0;
    height:0;
    border:1px solid rgba(0,0,0,.09);
    border-radius:3px;
    box-shadow:0 13px 42px 11px rgba(0,0,0,.05);
    z-index:9999;
    overflow:hidden;
    -webkit-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease
}
.scw-switcher-wrap.scw-switcher-open{
    width:300px;
    height:70%;
    padding:35px 25px;
    overflow-y:scroll
}
.scw-switcher-wrap .widget{
    margin:0
}
.scw-switcher-wrap .line,.scw-switcher-wrap .widget{
    opacity:0;
    -webkit-transition:opacity 0s ease;
    -o-transition:opacity 0s ease;
    transition:opacity 0s ease
}
.scw-switcher-wrap.scw-switcher-open .line,.scw-switcher-wrap.scw-switcher-open .widget{
    opacity:1;
    -webkit-transition:opacity .3s .4s ease;
    -o-transition:opacity .3s .4s ease;
    transition:opacity .3s .4s ease
}
.scw-switcher-wrap .widget h4{
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:15px
}
.scw-switcher-wrap .btn-container{
    margin:0 -5px -5px 0
}
.scw-switcher-wrap .btn{
    margin:0 5px 5px 0
}
.scw-switcher-wrap .row{
    margin:0 -3px
}
.scw-switcher-wrap .col-6{
    padding:3px
}
.scw-switcher-wrap .img-thumbnail{
    border-radius:2px
}
body.no-transition #wrapper{
    animation-duration:0s!important
}
.disable-pagetransition{
    position:absolute;
    top:auto;
    bottom:20px;
    left:50%;
    margin-left:-87px;
    color:#aaa!important;
    background-color:#eee!important;
    text-shadow:none!important
}