@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(../images/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(../images/preloader@2x.gif);
  background-size:24px 24px
 }
 .dark .form-process,
 .dark .owl-carousel.owl-loading,
 .dark .preloader,
 .dark .preloader2 {
  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_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(../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_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(../images/icons/widget-link-dark@2x.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
}