/* ----------------------------------------------------------------
Responsive CSS
-----------------------------------------------------------------*/

@media (max-width: 1199px) {

canvas {
 max-width: 100%;
      
 height: auto !important;
}

.promo h3 { font-size: 20px; }

  
.promo > span,
.promo > .container > span { font-size: 15px; }

.promo-uppercase h3 { font-size: 19px; }

.promo-uppercase > span,
.promo-uppercase > .container > span { font-size: 14px; }

}

@media (min-width: 992px) and (max-width: 1199px) {

#wrapper { width: 800px; }

#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 img,
.testi-image i {
 display: block;
 width: 36px;
 height: 36px;
}

.testi-image i {
 line-height: 36px;
 font-size: 20px;
}

/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/

/* Portfolio - Sidebar
-----------------------------------------------------------------*/

.bothsidebar .portfolio-item { width: 50%; }

/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/

.bothsidebar .portfolio.portfolio-3 { margin: 0 -20px -20px 0; }

.bothsidebar .portfolio-3 .portfolio-item { padding: 0 20px 20px 0; }

/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

.bothsidebar .portfolio-shuffle,
.postcontent .portfolio-1 .iconlist { display: none; }

/* Blog - Small
-----------------------------------------------------------------*/

.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; }


/* Blog - Medium Post List
-----------------------------------------------------------------*/

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
 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; }


/* Shop - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.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.portfolio-single-thumbs,
.portfolio-single-image-full .swiper-container { height: 400px; }

.bnews-slider { width: 817px; }

.landing-form-overlay { bottom: -142px; }

}


@media (max-width: 991px) {

#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-3,
#header.sticky-style-2 #header-wrap,
#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.transparent-header,
#header.semi-transparent {
 background: #FFF;
 border-bottom: 1px solid #F5F5F5;
 z-index: auto;
}

#header.dark.transparent-header,
#header.dark.semi-transparent {
 background-color: #333;
 border-bottom: 1px solid rgba(0,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 + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#slider + #header.transparent-header,
#header.transparent-header.floating-header + #slider,
#header.transparent-header + #google-map {
 top: 0;
 margin-bottom: 0;
}

.slider-parallax .slider-parallax-inner { position: relative; }

#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; }

#header-trigger,
.top-advert,
.header-extras { display: none; }

#logo {
 display: block;
 float: none;
 margin: 5px 0px 5px 0px !important;
 max-width: none;
 text-align: center;
 border: 0 !important;
 padding-left: 45px !important;
 padding-bottom: 20px;
}
  
#logo img {
max-width: 85%;
height: auto !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 > ul,
#primary-menu > div > 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,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 > a:after,
#primary-menu.style-6 > ul > li.current > a:after { display: none; }

#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
 background: none !important;
 margin-left: 0;
}

#primary-menu.sub-title > ul > li > a,
#primary-menu.sub-title > div > 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.sub-title ul li:hover > a,
#primary-menu.sub-title ul li.current > a,
#primary-menu.sub-title div ul > li:hover > a,
#primary-menu.sub-title div ul > li.current > a,
#primary-menu.style-3 ul li:hover > a,
#primary-menu.style-3 ul li.current > 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 > ul > li.sub-menu > a,
#primary-menu > .container > ul > li.sub-menu > a {
 background-image: url("../images/icons/submenu.png");
 background-position: right center;
 background-repeat: no-repeat;
}

#primary-menu ul li.mega-menu { position: relative; }

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
 position: relative;
 width: auto;
 max-width: none;
 background: transparent !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; }

#primary-menu ul ul:not(.mega-menu-column) ul {
 top: 0 !important;
 left: 0;
}

#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content.menu-pos-invert {
 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-small .mega-menu-content,
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,
.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
 width: auto;
 margin: 0;
 top: 0;
}

.container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,
#header.full-header #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;
 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; }

#top-search a,
#top-cart,
#side-panel-trigger,
#top-account {
 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 > #top-search a,
#primary-menu > div > #top-cart,
#primary-menu > div > #side-panel-trigger { 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,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,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; }


/* Responsive Sticky Header
-----------------------------------------------------------------*/

.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 #top-search a,
.sticky-responsive-menu.device-touch #primary-menu-trigger,
.sticky-responsive-menu.device-touch #top-cart,
.sticky-responsive-menu.device-touch #side-panel-trigger,
.sticky-responsive-menu.device-touch #top-account {
 -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 > ul,
.responsive-sticky-header #primary-menu > .container > ul {
 max-height: 300px;
 overflow-y: scroll;
}

.responsive-sticky-header #primary-menu > ul,
.responsive-sticky-header #primary-menu > .container > ul { margin-bottom: 20px !important; }

.responsive-sticky-header:not(.static-sticky) #top-search a,
.responsive-sticky-header:not(.static-sticky) #top-cart,
.responsive-sticky-header:not(.static-sticky) #side-panel-trigger { 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; }


/* Off Canvas Menu
-----------------------------------------------------------------*/

body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul,
body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > 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 > ul,
body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right > div > 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 > ul,
body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > 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 > ul.d-block,
body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul.d-block {
 -webkit-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

/* Portfolio - Items
-----------------------------------------------------------------*/

.portfolio .portfolio-item { width: 33.33333333%; }

/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-2 .portfolio-item { width: 50%; }

/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

.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 - Items - 1 Column - Full Width
-----------------------------------------------------------------*/

.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

.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 0 !important;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
 -webkit-transition: none;
 -o-transition: none;
 transition: none;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
.portfolio-1.portfolio-fullwidth .portfolio-item.alt: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 .portfolio-desc,
.portfolio-1.portfolio-fullwidth .alt .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; }

.shop-quick-view-ajax,
.portfolio-ajax-modal { width: 90% !important; }


.small-thumbs .entry-title h2,
.ievent .entry-title h2 { font-size: 18px; }

.entry-meta li {
 font-size: 12px;
 margin: 0 10px 10px 0;
}


/* Blog - Grid
-----------------------------------------------------------------*/

.post-grid { margin-right: -20px; }

.post-grid .entry {
 width: 33.33333333%;
 padding-right: 20px;
}

/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/

.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.30% !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 .pricing-title h3,
.device-md .pricing.pricing-5 .best-price .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-desc,
.pricing-box.pricing-extended .pricing-action-area {
 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,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: 991px) {

.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 -20px;
}

.sidebar-widgets-wrap .widget {
 display: inline-block;
 vertical-align: top;
 float: none;
 width: 49.6%;
 margin: 0 0 40px 0;
 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: 767px) {

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 ul,
.top-links ul div.top-link-section { text-align: left; }

.top-links ul div.top-link-section {
 left: auto;
 right: 0;
 padding: 20px 15px;
}

#top-social,
.flex-caption,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm { 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;
}

.postcontent,
.postcontent.bothsidebar,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
 width: 100%;
 margin-right: 0;
 float: none;
 margin-bottom: 50px !important;
}

.sidebar.col_last { margin-bottom: 0 !important; }

form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { 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
-----------------------------------------------------------------*/

.portfolio-filter {
 border: none;
 border-radius: 0;
 margin-bottom: 20px;
}

.portfolio-filter li {
 width: 33.33%;
 margin: 0 0 20px 0 !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; }


/* Blog
-----------------------------------------------------------------*/

.small-thumbs .entry-image,
.ievent .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.post-grid .entry-meta li i,
#posts .entry-meta li:last-child 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; }

.timeline-border,
.post-timeline .entry-timeline { 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 .qty,
table.cart .quantity .plus,
table.cart .quantity .minus {
 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 0; }

.process-steps li:before,
.process-steps li:after { 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 .first-name,
.wedding-head .last-name,
.wedding-head .and {
 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; }


/* Copyrights
-----------------------------------------------------------------*/

#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: 767px) {

#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 - Items
-----------------------------------------------------------------*/

.portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; }

.portfolio:not(.portfolio-1) .portfolio-item { padding: 0 6px 6px 0; }

/* Portfolio - Items - 5 & 6 Columns
-----------------------------------------------------------------*/

.portfolio:not(.portfolio-1) .portfolio-item { width: 50%; }

/* Portfolio - Items - Descriptions
-----------------------------------------------------------------*/

.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 - Items - Overlay
-----------------------------------------------------------------*/

.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,
.portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,
.portfolio-notitle .iportfolio: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-nomargin,
.portfolio.portfolio-full { 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:not(.grid-3):not(.grid-2) li,
.clients-grid.grid-4 li,
.clients-grid.grid-6 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; }

.landing-video {
 position: relative;
 top: 12px;
 width: 333px;
 height: 187px;
 margin: 19px 0 0 53px;
}

}

@media (max-width: 575px) {

.container,
#header.full-header .container,
.container-fullwidth {
 width: 100% !important;
 padding-left: 15px !important;
 padding-right: 15px !important;
}

#primary-menu-trigger { left: 5px; }

#top-cart { display: none; }

#top-search a { right: 10px; }

#top-search form input { padding-right: 25px; }

#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 0;
}

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
 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 0;
 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-meta,
.parallax .entry-overlay {
 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 img,
.testi-image i {
 width: 36px;
 height: 36px;
}

.testi-image i {
 line-height: 36px;
 font-size: 20px;
}

.clients-grid:not(.grid-3):not(.grid-2) li,
.clients-grid.grid-4 li,
.clients-grid.grid-6 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-video {
 position: relative;
 top: 9px;
 width: 212px;
 height: 119px;
 margin: 19px 0 0 34px;
}

.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; }

}


/* ----------------------------------------------------------------
Retina CSS
-----------------------------------------------------------------*/


@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) {

#logo a.standard-logo,
#header.split-menu #logo a.standard-logo { display: none; }

#logo a.retina-logo { display: block; }

#header.split-menu #logo a.retina-logo { display: inline-block; }

.owl-carousel.owl-loading,
.preloader,
.preloader2,
.form-process {
 background-image: url('../images/preloader@2x.gif');
 background-size: 24px 24px;
}

.dark .owl-carousel.owl-loading,
.dark .preloader,
.dark .preloader2,
.dark .form-process { background-image: url('../images/preloader-dark@2x.gif'); }

.widget_recent_comments li {
 background-image: url("../images/icons/widget-comment@2x.png");
 background-size: 15px 26px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
 background-image: url("../images/icons/widget-link@2x.png");
 background-size: 4px 20px;
}

.dark .widget_recent_comments li { background-image: url("../images/icons/widget-comment-dark@2x.png"); }

.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a,
.dark .widget_recent_comments li a { background-image: url("../images/icons/widget-link-dark@2x.png"); }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
#logo a.standard-logo { display: none; }
#logo a.retina-logo { display: inline-block; }
}