.clearfix {
    *zoom: 1
  }
  
  .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
  }
  
  .input-block-level {
    display: block;
    width: 100%;
    min-height: 30px
  }
  
  .visible-xxs {
    display: none !important
  }
  
  .hidden-xxs {
    display: block !important
  }
  
  @-ms-viewport {
    width: device-width
  }
  
  .hidden {
    display: none;
    visibility: hidden
  }
  
  .visible-phone {
    display: none !important
  }
  
  .visible-tablet {
    display: none !important
  }
  
  .hidden-desktop {
    display: none !important
  }
  
  .visible-desktop {
    display: inherit !important
  }
  
  .visible-print {
    display: none !important
  }
  
  @media print {
    .visible-print {
      display: inherit !important
    }
  
    .hidden-print {
      display: none !important
    }
  }
  
  @media (min-width:768px) and (max-width:992px) {
    .hidden-desktop {
      display: inherit !important
    }
  
    .visible-desktop {
      display: none !important
    }
  
    .visible-tablet {
      display: inherit !important
    }
  
    .hidden-tablet {
      display: none !important
    }
  
    .form-horizontal .control-group {
      margin-bottom: 10px
    }
  
    .contact_form .form-horizontal .controls {
      margin-left: 0
    }
  }
  
  @media only screen and (min-width :1921px) {
    .force-img-fullwidth .slides li img {
      width: 100%
    }
  }
  
  @media (min-width:1200px) {
  
    body input,
    body textarea,
    body .uneditable-input {
      margin-left: 0
    }
  
    body .thumbnails {
      margin-left: -30px
    }
  
    body .thumbnails>li {
      margin-left: 30px
    }
  
    .site-header-main-center {
      margin-right: auto;
      margin-left: 69px
    }
  
    .chaser .main-menu .hg_mega_container {
      width: 1110px
    }
  
    body.boxed-layout.sticky-header .header {
      left: auto;
      width: 1194px
    }
  
    .site-header[data-header-style="9"] .main-nav {
      margin-left: 50px
    }
  
    .btn-fullwidth {
      width: 100%
    }
  
    .btn-halfwidth {
      width: 50%
    }
  
    .btn-third {
      width: 33.33%
    }
  
    .btn-forth {
      width: 25%
    }
  
    .rev_slider,
    .rev_slider_wrapper {
      height: 780px
    }
  
   /* body .footer .contact-details {
      background: url(https://dbeta.b-cdn.net/at-eco/icons/say_hi.png) no-repeat right top
    }*/
  
    .newsletter-signup input {
      border: none;
      width: calc(90% - 83px)
    }
  
    .newsletter-signup input[type=submit] {
      margin-left: -7px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title {
      height: 350px
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title .m_title {
      font-size: 3.3rem
    }
  
    .latest_posts.default-style.kl-style-2 .post {
      margin-bottom: 20px
    }
  
    .action_box .action_box_content.partners-carousel {
      display: initial
    }
  
    .stage-ibx__point {
      display: block;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      -webkit-transition: opacity 1s ease-out;
      transition: opacity 1s ease-out
    }
  
    .stage-ibx__point:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 10px;
      height: 10px;
      margin-left: -5px;
      margin-top: -5px;
      display: block;
      background: rgba(255, 255, 255, .6);
      box-shadow: 0 0 0 3px #FFF;
      border-radius: 50%;
      -webkit-transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out;
      transition: box-shadow .2s ease-out, transform .2s ease-out;
      background: rgba(40, 204, 229, .6);
      box-shadow: 0 0 0 3px #28cce5
    }
  
    .stage-ibx__point:hover:after,
    .stage-ibx__point.kl-ib-point-active:after {
      box-shadow: 0 0 0 5px #28cce5, 0 4px 10px #000;
      -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
      transform: scale(1.4)
    }
  
    .stage-ibx__point[data-title]:before {
      content: attr(data-title);
      position: absolute;
      bottom: 100%;
      left: 50%;
      min-width: 100px;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, .9);
      color: #fff;
      font-size: 12px;
      line-height: 1.4;
      padding: 6px 3px;
      text-align: center;
      border-radius: 3px;
      margin-bottom: 30px;
      visibility: hidden;
      opacity: 0;
      transition: opacity .2s ease-out .1s, visibility .2s ease-out .1s, margin-bottom .2s ease-out .1s
    }
  
    .stage-ibx__point[data-title]:hover:before,
    .stage-ibx__point[data-title].kl-ib-point-active:before {
      opacity: 1;
      visibility: visible;
      margin-bottom: 20px
    }
  
    .screenshot-box .left-side h3.title {
      font-size: 1.5rem;
      font-weight: 100;
      margin-top: 20px
    }
  
    .media-container {
      height: 300px
    }
  
    .container-fluid .recentwork_carousel__left {
      padding-left: -webkit-calc((100vw - (1200px - 15px)) / 2) !important;
      padding-left: calc((100vw - (1200px - 15px)) / 2) !important
    }
  
    .static-content--height .static-content__inner {
      position: relative
    }
  
    .static-content--height .static-content__inner:not(.container) {
      position: absolute;
      width: 100%
    }
  
    .cd-immersive-video {
      padding: 0 calc(50% - 510px)
    }
  
    .recentwork_carousel--2.container {
      max-width: 100%
    }
  
    .section-video-icons .left-side .kl-iconbox__desc {
      padding-left: 100px
    }
  
    .section-video-icons .right-side .kl-iconbox__desc {
      padding-right: 100px
    }
  
    .tablet-device img {
      padding: 14.4% 12% 1%
    }
  
    body.boxed-layout #page_wrapper,
    body.boxed-layout .support_panel {
      width: 1200px;
      border-left: 3px solid #fff;
      border-right: 3px solid #fff;
      margin: 0 auto;
      background: #f5f5f5;
      box-shadow: 0 0 10px rgba(0, 0, 0, .4)
    }
  
    body.boxed-layout .support-panel-close {
      top: 0;
      right: 0;
      border-radius: 0
    }
  
    body.boxed-layout .support_panel {
      background-color: #fff
    }
  
    body.boxed-layout .screenshot-box .screenshot-slider,
    body.boxed-layout .screenshot-box .screenshot-slider {
      height: 364px !important
    }
  
    body.boxed-layout .hg_col_eq_last {
      padding-right: 0
    }
  
    body.boxed-layout .container-fluid .recentwork_carousel__left {
      padding-left: 30px
    }
  
    body.boxed-layout .kl-iconbox__content-wrapper {
      clear: both
    }
  
    body.boxed-layout .skills-responsive-diagram {
      padding-bottom: 70%
    }
  
    body.boxed-layout .kl-skills-legend.legend-topright {
      left: 80%
    }
  
    body.boxed-layout .world-office.stockholm {
      top: 7px !important;
      left: 331px !important
    }
  
    body.boxed-layout .world-office.bucharest {
      top: 87px !important;
      left: 343px !important
    }
  
    body.boxed-layout .world-office.sydney {
      top: 225px !important;
      left: 545px !important
    }
  
    body.boxed-layout .world-office.botswana {
      top: 196px !important;
      left: 340px !important
    }
  
    body.boxed-layout .world-office.quebec {
      top: 62px !important;
      left: 152px !important
    }
  
    body.boxed-layout .world-office.newyork {
      top: 83px !important;
      left: 163px !important
    }
  
    body.boxed-layout.isometric #page_wrapper {
      background: linear-gradient(90deg, #58A8FB, #465683)
    }
  }
  
  @media (max-width:1200px) {
    .container_fluid .row {
      padding-left: 15px;
      padding-right: 15px
    }
  
    .support-panel-close {
      top: 5px;
      right: 5px;
      border-radius: 0;
      width: 40px;
      height: 40px;
      line-height: 40px
    }
  
    .kl-iconbox--fright .kl-iconbox__icon-wrapper {
      float: right
    }
  
    .world-map-offices {
      max-height: 550px;
      overflow: auto;
      max-width: calc(100% - 30px)
    }
  
    .world-map-offices .world-office {
      position: static
    }
  
    .world-map-offices .world-office::before {
      display: none
    }
  
    .world-map-offices .office-details {
      opacity: 1;
      visibility: visible;
      position: static;
      padding-bottom: 0
    }
  
    .logos-bar {
      position: static;
      width: auto
    }
  
    .media-container.custom-oh {
      overflow: hidden
    }
  
    .kl-bg-source__bgimage.parallax {
      background-size: initial
    }
  
    .action_box {
      text-align: center
    }
  
    .bigsocialblock--style2 .bigsocialblock__social-icon {
      opacity: .25
    }
  
    .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__social-icon {
      opacity: .4
    }
  
    .kl-skills-diagram .kl-skills-legend {
      position: static;
      left: auto;
      top: auto
    }
  
    .sc__video-line {
      font-size: 30px
    }
  
    .sc--videobg:not(.static-content--fullscreen) {
      min-height: 500px
    }
  
    .sc--videobg .static-content__inner {
      position: absolute;
      bottom: 30px;
      width: 100%
    }
  
    .section-video-icons .right-side,
    .section-video-icons .left-side {
      padding: 0 !important
    }
  
    .section-video-icons .kl-iconbox__icon-wrapper {
      max-width: 220px
    }
  
    .btn {
      white-space: normal
    }
  
    .btn-forth {
      min-width: 25%
    }
  }
  
  @media (min-width:992px) {
    .nav-collapse.collapse {
      height: auto !important;
      overflow: visible !important
    }
  
    .v-hidden {
      visibility: hidden
    }
  
    .menu-item-mega-parent.dropdown {
      position: inherit !important
    }
  
    body.one-page .main-nav>ul>li>a {
      font-size: 13px
    }
  
    .site-header[data-header-style="3"] .site-header-bottom {
      margin: 10px 0 15px
    }
  
    .site-header[data-header-style="4"] .main-nav ul li:hover>.hg_mega_container {
      left: -215px
    }
  
    .site-header[data-header-style="4"] .main-nav .hg_mega_container {
      width: 1110px
    }
  
    .site-header[data-header-style="4"] .main-nav ul li:hover>.hg_mega_container {
      margin-top: 10px
    }
  
    .site-header[data-header-style="5"] .main-nav ul li:hover>.hg_mega_container {
      left: -215px
    }
  
    .site-header[data-header-style="5"] .main-nav .hg_mega_container {
      width: 1110px
    }
  
    .site-header[data-header-style="6"] .main-nav ul li:hover>.hg_mega_container {
      left: -205px
    }
  
    .site-header[data-header-style="6"] .main-nav .hg_mega_container {
      width: 1110px
    }
  
    .site-header[data-header-style="7"] .main-nav ul li:hover>.hg_mega_container {
      left: -205px
    }
  
    .site-header[data-header-style="7"] .main-nav .hg_mega_container {
      width: 1110px
    }
  
    .site-header[data-header-style="10"] .main-nav .hg_mega_container {
      width: calc(100% - 15px)
    }
  
    .site-header[data-header-style="10"] .site-header-bottom {
      margin: 0 0 15px
    }
  
    body.sticky-header .site-header[data-header-style="10"].header--is-sticked .site-header-bottom {
      margin: 10px 0 15px
    }
  
    .site-header[data-header-style="11"] .main-nav ul ul.sub-menu li:hover>ul {
      left: auto;
      right: 100%
    }
  
    .site-header[data-header-style="11"] .site-header-main-wrapper .siteheader-container {
      padding-top: 10px;
      padding-bottom: 10px
    }
  
    .site-header[data-header-style="12"] .main-nav>ul {
      display: inline-block;
      text-align: left
    }
  
    .media-container.custom-height {
      height: 800px
    }
  
    .left_sidebar {
      float: right
    }
  
    .pricing-table-element .plan-column.featured {
      margin: -20px
    }
  
    .pricing-table-element[data-columns="1"] .plan-column.featured {
      width: -webkit-calc(100% + 40px);
      width: calc(100% + 40px)
    }
  
    .pricing-table-element[data-columns="2"] .plan-column.featured {
      width: -webkit-calc(50% + 40px);
      width: calc(50% + 40px)
    }
  
    .pricing-table-element[data-columns="3"] .plan-column.featured {
      width: -webkit-calc(33.3333% + 40px);
      width: calc(33.3333% + 40px)
    }
  
    .pricing-table-element[data-columns="4"] .plan-column.featured {
      width: -webkit-calc(25% + 40px);
      width: calc(25% + 40px)
    }
  
    .pricing-table-element[data-columns="5"] .plan-column.featured {
      width: -webkit-calc(20% + 40px);
      width: calc(20% + 40px)
    }
  
    .static-content--fullscreen {
      height: 85vh
    }
  
    .static-content--fullscreen .static-content__inner {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
    .site-header-main-center {
      margin-right: auto;
      margin-left: 30px
    }
  
    .main-nav>ul>li>a {
      font-size: 12px
    }
  
    .main-nav ul ul.sub-menu li a {
      font-size: 10px
    }
  
    .main-nav .hg_mega_container li a {
      font-size: 10px
    }
  
    .chaser .main-menu li a {
      font-size: 10px
    }
  
    .chaser .main-menu .hg_mega_container {
      width: 940px
    }
  
    .site-header .topnav .topnav-item,
    .site-header .topnav>a,
    .site-header .topnav>.topnav-item span,
    .site-header .kl-header-toptext,
    .site-header .kl-header-toptext a,
    .site-header .topnav.topnav--lang .toplang-item a {
      font-size: .9rem
    }
  
    .site-header[data-header-style="1"] .main-nav>ul>li>a {
      font-size: .9rem
    }
  
    .site-header[data-header-style="4"] .main-menu-wrapper,
    .site-header[data-header-style="4"] .main-nav {
      margin-left: 0
    }
  
    .site-header[data-header-style="4"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="4"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="4"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="4"] .ctabutton {
      margin-left: 0
    }
  
    .site-header[data-header-style="4"] .main-nav ul li:hover>.hg_mega_container {
      left: -205px
    }
  
    .site-header[data-header-style="4"] .main-nav .hg_mega_container {
      width: 930px
    }
  
    .site-header[data-header-style="5"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="5"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="5"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="5"] .main-nav ul li:hover>.hg_mega_container {
      left: -205px
    }
  
    .site-header[data-header-style="5"] .main-nav .hg_mega_container {
      width: 930px
    }
  
    .site-header[data-header-style="5"] .kl-cta-ribbon {
      margin-left: 0
    }
  
    .site-header[data-header-style="6"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="6"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="6"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="6"] .ctabutton {
      margin-left: 0
    }
  
    .site-header[data-header-style="6"] .main-nav ul li:hover>.hg_mega_container {
      left: -205px
    }
  
    .site-header[data-header-style="6"] .main-nav .hg_mega_container {
      width: 930px
    }
  
    .site-header[data-header-style="7"] .main-nav ul li:hover>.hg_mega_container {
      left: -170px
    }
  
    .site-header[data-header-style="7"] .main-nav .hg_mega_container {
      width: 930px
    }
  
    .site-header[data-header-style="7"] .ctabutton {
      margin-left: 0
    }
  
    .site-header[data-header-style="8"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="8"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="8"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="8"] .ctabutton {
      margin-left: 12px
    }
  
    .site-header[data-header-style="9"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="9"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="9"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="11"] .main-nav>ul>li>a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="11"] .main-nav .hg_mega_container li a {
      font-size: .7rem
    }
  
    .site-header[data-header-style="11"] .main-nav ul ul.sub-menu li a {
      font-size: .7rem
    }
  
    .kl-iconbox__content-wrapper {
      clear: both
    }
  
    .newsletter-signup input {
      border: none;
      width: calc(90% - 62px)
    }
  
    .newsletter-signup input[type=submit] {
      width: 100px;
      margin-left: -14px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }
  
    .photogallery-widget .pg-thumb .pg-caption,
    .photogallery-widget .pg-thumb .pg-caption a {
      font-size: 12px;
      font-weight: 400;
      padding: 10px 5px 0 10px
    }
  
    .latest_posts-acc-inner,
    .latest_posts-acc-item:hover~.latest_posts-acc-item>.latest_posts-acc-inner {
      width: 465px !important
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title {
      height: 289px
    }
  
    .el-devimages--type-img .el-devimages__laptop {
      height: 490px;
      width: 850px
    }
  
    .el-devimages--type-vector .el-devimages__laptop {
      height: 428px;
      width: 845px
    }
  
    .el-devimages__frame {
      width: 900px;
      height: 490px
    }
  
    .el-devimages--type-vector .el-devimages__smartphone {
      height: 330px;
      width: 166px
    }
  
    .el-devimages--type-img .el-devimages__smartphone {
      height: 324px;
      width: 197px
    }
  
    .bigsocialblock.count-4 .bigsocialblock__social-icon {
      border-width: 5px;
      font-size: 60px;
      width: 120px;
      height: 120px;
      line-height: 110px;
      left: -30px;
      bottom: -20px
    }
  
    .bigsocialblock.count-5 .bigsocialblock__social-icon {
      border-width: 5px;
      font-size: 50px;
      width: 100px;
      height: 100px;
      line-height: 90px;
      left: -30px;
      bottom: -10px
    }
  
    .bigsocialblock.count-4 .bigsocialblock__title,
    .bigsocialblock.count-5 .bigsocialblock__title {
      font-size: 16px
    }
  
    .process_steps--style2 .process_steps__container {
      padding-right: calc(((100vw - 970px) / 2) + 15px)
    }
  
    .process_steps--style2 .process_steps__container:before {
      padding-right: calc(((100vw - 970px) / 2) + 60px)
    }
  
    .process_steps--style2 .process_steps__intro {
      padding-left: calc(((100vw - 970px) / 2) + 15px)
    }
  
    .statistic-box__title {
      font-size: 32px
    }
  
    .media-container {
      height: 400px
    }
  
    .static-content__title {
      font-size: 48px
    }
  
    .static-content__subtitle {
      font-size: 28px
    }
  
    .sc__boxes {
      margin-top: 50px
    }
  
    .sc__boxes .static-content__infopop {
      margin: 0 20px
    }
  
    .productzoom-style .sc__features li {
      font-size: 13px
    }
  
    .productzoom-style .static-content__subtitle {
      font-size: 20px
    }
  
    .productzoom-style .row {
      margin-bottom: 0
    }
  
    .kl-contentmaps__panel {
      left: calc((100vw - 970px) / 2)
    }
  }
  
  @media (max-width:992px) {
    body {
      padding-top: 0
    }
  
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      position: static
    }
  
    .navbar-fixed-top {
      margin-bottom: 20px
    }
  
    .navbar-fixed-bottom {
      margin-top: 20px
    }
  
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
      padding: 5px
    }
  
    .navbar .container {
      width: auto;
      padding: 0
    }
  
    .navbar .brand {
      padding-right: 10px;
      padding-left: 10px;
      margin: 0 0 0 -5px
    }
  
    .nav-collapse {
      clear: both
    }
  
    .nav-collapse .nav {
      float: none;
      margin: 0 0 10px
    }
  
    .nav-collapse .nav>li {
      float: none
    }
  
    .nav-collapse .nav>li>a {
      margin-bottom: 2px
    }
  
    .nav-collapse .nav>.divider-vertical {
      display: none
    }
  
    .nav-collapse .nav .nav-header {
      color: #777;
      text-shadow: none
    }
  
    .nav-collapse .nav>li>a,
    .nav-collapse .dropdown-menu a {
      padding: 9px 15px;
      font-weight: 700;
      color: #777;
      border-radius: 3px
    }
  
    .nav-collapse .btn {
      padding: 4px 10px 4px;
      font-weight: 400;
      border-radius: 4px
    }
  
    .nav-collapse .dropdown-menu li+li a {
      margin-bottom: 2px
    }
  
    .nav-collapse .nav>li>a:hover,
    .nav-collapse .nav>li>a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
      background-color: #f2f2f2
    }
  
    .navbar-inverse .nav-collapse .nav>li>a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
      color: #999
    }
  
    .navbar-inverse .nav-collapse .nav>li>a:hover,
    .navbar-inverse .nav-collapse .nav>li>a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus {
      background-color: #111
    }
  
    .nav-collapse.in .btn-group {
      padding: 0;
      margin-top: 5px
    }
  
    .nav-collapse .dropdown-menu {
      position: static;
      top: auto;
      left: auto;
      display: none;
      float: none;
      max-width: none;
      padding: 0;
      margin: 0 15px;
      background-color: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none
    }
  
    .nav-collapse .open>.dropdown-menu {
      display: block
    }
  
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
      display: none
    }
  
    .nav-collapse .dropdown-menu .divider {
      display: none
    }
  
    .nav-collapse .nav>li>.dropdown-menu:before,
    .nav-collapse .nav>li>.dropdown-menu:after {
      display: none
    }
  
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
      float: none;
      padding: 10px 15px;
      margin: 10px 0;
      border-top: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
    }
  
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
      border-top-color: #111;
      border-bottom-color: #111
    }
  
    .navbar .nav-collapse .nav.pull-right {
      float: none;
      margin-left: 0
    }
  
    .nav-collapse,
    .nav-collapse.collapse {
      height: 0;
      overflow: hidden
    }
  
    .navbar .btn-navbar {
      display: block
    }
  
    .navbar-static .navbar-inner {
      padding-right: 10px;
      padding-left: 10px
    }
  
    body.boxed-layout #page_wrapper {
      width: 100%;
      border: 0
    }
  
    body .kl-slideshow .scrollbarContainer {
      width: 100%
    }
  
    .hg_section .full_width {
      margin-left: 15px;
      margin-right: 15px
    }
  
    .topnav-item--text,
    .topnav .topnav-item .topnav-item--text {
      display: none
    }
  
    .topnav {
      margin: 0 0px
    }
  
    .support-info {
      margin: 0
    }
  
    .site-header-main-center {
      margin-right: 30px;
      margin-left: auto
    }
  
    .topnav.topnav--lang .languages .pPanel {
      right: -10px;
      left: auto
    }
  
    .site-header .logo-container {
      padding: 10px 0
    }
  
    .site-header[data-header-style="2"] .kl-main-header .ctabutton {
      padding: 10px 10px 3px
    }
  
    .site-header[data-header-style="3"] .kl-cta-ribbon {
      margin-top: -3px
    }
  
    .site-header[data-header-style="4"] .main-menu-wrapper {
      text-align: right
    }
  
    .site-header[data-header-style="6"] .main-menu-wrapper {
      text-align: right
    }
  
    .site-header[data-header-style="7"] .kl-cta-ribbon {
      margin-top: 0
    }
  
    body.sticky-header .site-header[data-header-style="7"].header--is-sticked .kl-cta-ribbon {
      margin-top: 5px
    }
  
    .site-header[data-header-style="8"] .siteheader-container {
      margin-top: 0 !important
    }
  
    .site-header[data-header-style="11"] .logo-container {
      padding: 10px 0
    }
  
    .site-header[data-header-style="11"] .header-search {
      margin-left: 10px
    }
  
    .subheader-maintitle {
      font-size: 1.5rem
    }
  
    .breadcrumbs li {
      font-size: .8rem
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title .m_title {
      font-size: 2rem
    }
  
    .newsletter-signup input {
      border: none;
      width: calc(90% - 67px)
    }
  
    .newsletter-signup input[type=submit] {
      width: 90px;
      margin-left: -7px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }
  
    .pos-vertical-middle>.container {
      top: 200px;
      transform: none
    }
  
    .photogallery-widget .pg-thumb .pg-caption {
      display: none
    }
  
    .logolist {
      width: 100%
    }
  
    .logolist a {
      display: block;
      margin-left: 10px;
      margin-right: 10px
    }
  
    .logolist img {
      max-width: 100%;
      display: block
    }
  
    .hover-box-2 {
      margin-bottom: 25px
    }
  
    .gobox.ok>.far {
      left: 20px
    }
  
    .latest_posts-acc-title {
      font-size: 15px;
      line-height: 1.3;
      margin: 8px 0
    }
  
    .latest_posts-acc-text {
      font-size: 14px;
      line-height: 1.4
    }
  
    .hg-portfolio-sortable ul#thumbs li {
      width: 33.333% !important
    }
  
    .grid-ibx--cols-4 .grid-ibx__item,
    .grid-ibx--cols-5 .grid-ibx__item {
      width: 50%
    }
  
    .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
    .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {
      width: -webkit-calc(50% - 30px);
      width: calc(50% - 30px)
    }
  
    .statistic-box--stl-style1.statistic-box__container {
      width: 100%;
      display: block;
      margin: 0
    }
  
    .statistic-box--stl-style1 .statistic-box {
      position: relative;
      display: block;
      float: left;
      width: 50%;
      margin-bottom: 30px;
      text-align: center
    }
  
    .statistic-box--stl-style1 .statistic-box__icon-holder {
      position: static;
      transform: none;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style1 .statistic-box__details {
      position: static;
      min-height: 90px;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style1 .statistic-box--odd .statistic-box__icon-holder {
      transform: none;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style1 .statistic-box--odd .statistic-box__details {
      transform: none;
      padding-bottom: 0;
      padding-top: 0
    }
  
    .statistic-box--stl-style1 .statistic-box__line {
      display: none
    }
  
    .statistic-box--stl-style2.statistic-box__container {
      width: 100%;
      display: block;
      margin: 0
    }
  
    .statistic-box--stl-style2 .statistic-box {
      position: relative;
      display: block;
      float: left;
      width: 50%;
      margin-bottom: 30px;
      text-align: center
    }
  
    .statistic-box--stl-style2 .statistic-box__icon-holder {
      position: static;
      transform: none;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style2 .statistic-box__details {
      position: static;
      min-height: 90px;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style2 .statistic-box--odd .statistic-box__icon-holder {
      transform: none;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .statistic-box--stl-style2 .statistic-box--odd .statistic-box__details {
      transform: none;
      padding-bottom: 0;
      padding-top: 0
    }
  
    .statistic-box--stl-style2 .statistic-box__line {
      display: none
    }
  
    .pricing-table-element .features-column.hidesm {
      display: none
    }
  
    .pricing-table-element[data-columns="1"] .features-column~.plan-column {
      width: 100%
    }
  
    .pricing-table-element[data-columns="2"] .features-column~.plan-column {
      width: -webkit-calc(100% / 2);
      width: calc(100% / 2)
    }
  
    .pricing-table-element[data-columns="3"] .features-column~.plan-column {
      width: -webkit-calc(100% / 3);
      width: calc(100% / 3)
    }
  
    .pricing-table-element[data-columns="4"] .features-column~.plan-column {
      width: -webkit-calc(100% / 4);
      width: calc(100% / 4)
    }
  
    .pricing-table-element[data-columns="5"] .features-column~.plan-column {
      width: -webkit-calc(100% / 5);
      width: calc(100% / 5)
    }
  
    .pricing-table-element .plan-column.featured {
      margin: -20px 0
    }
  
    .ts-pt-testimonials__item--size-1,
    .ts-pt-testimonials__item--size-2,
    .ts-pt-testimonials__item--size-3 {
      width: -webkit-calc(50% - 50px);
      width: calc(50% - 50px)
    }
  
    .ts-pt-partners__title {
      width: 100%;
      float: none;
      margin-bottom: 30px
    }
  
    .ts-pt-partners__title:after {
      content: '';
      position: absolute;
      bottom: -15px;
      left: 0;
      width: 50px;
      height: 3px;
      background: #fff
    }
  
    .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {
      width: 100%;
      clear: left;
      float: none
    }
  
    [class*='gridPhotoGalleryItem--w'] {
      width: 50% !important
    }
  
    [class*='gridPhotoGalleryItem--h'] {
      padding-bottom: 100% !important
    }
  
    .sc__boxes {
      margin-top: 40px
    }
  
    .sc__boxes .static-content__infopop {
      margin: 0 15px
    }
  
    .services_boxes_wgt .intro-col+ul[class*="sbox-"] {
      width: auto;
      margin-left: 0
    }
  
    .services_boxes_wgt .sbox-1>li,
    .services_boxes_wgt .sbox-2>li,
    .services_boxes_wgt .sbox-3>li,
    .services_boxes_wgt .sbox-4>li,
    .services_boxes_wgt .sbox-5>li {
      width: 100%;
      margin-left: 0
    }
  
    .services_boxes_wgt .intro-col {
      float: left;
      width: 100%;
      color: #888;
      margin-bottom: 40px;
      padding-right: 0 !important
    }
  
    .services_boxes_wgt .inner-box {
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0
    }
  
    .services_boxes_wgt .hover-details {
      position: static;
      opacity: 1;
      visibility: visible;
      clear: both;
      box-shadow: none;
      padding: 0
    }
  
    .services_boxes_wgt .hover-details::after {
      display: none
    }
  
    .productzoom-style .sc__screenshot {
      margin-top: 30px
    }
  
    .sc--wb-style .sc__actionarea {
      margin-top: 20px
    }
  
    .sc__actionarea .btn {
      width: auto
    }
  
    .sc--wb-style .sc-infopop__text {
      font-size: 13px
    }
  
    .sc__weather {
      min-height: 100px
    }
  
    ul.scw_list {
      margin: 50px 10px 0
    }
  
    .scw_list .wt-icon {
      font-size: 90px;
      height: 70px
    }
  
    .scw__degs {
      font-size: 22px;
      margin-bottom: 10px
    }
  
    .scw__high {
      font-weight: 400
    }
  
    .scw__day {
      font-size: 18px
    }
  
    .scw__alt {
      font-size: 13px
    }
  
    .scw_list li:first-child {
      width: 32%;
      margin-top: -35px
    }
  
    .scw_list li:first-child .wt-icon {
      font-size: 160px;
      height: 125px;
      margin-bottom: 10px
    }
  
    .scw_list li:first-child .scw__degs {
      font-size: 30px
    }
  
    .scw_list li:first-child .scw__high {
      font-weight: 700
    }
  
    .scw_list li:first-child .scw__day {
      font-size: 28px
    }
  
    .scw_list li:first-child .scw__alt {
      font-size: 18px
    }
  
    .sc--showroom-carousel .static-content--fullscreen {
      height: auto
    }
  
    .sc--showroomcrs-style {
      max-width: 90%
    }
  
    .photo-wall .isotope-item,
    .photo-wall .grid-sizer {
      width: -webkit-calc(100% / 2);
      width: calc(100% / 2)
    }
  
    .photo-wall .isotope-item {
      padding-bottom: -webkit-calc(100% / 2);
      padding-bottom: calc(100% / 2)
    }
  
    .photo-wall .isotope-item.width2 {
      width: -webkit-calc((100% / 2) *2);
      width: calc((100% / 2) *2)
    }
  
    .photo-wall .isotope-item.height2 {
      padding-bottom: -webkit-calc((100% / 2) *2);
      padding-bottom: calc((100% / 2) *2)
    }
  
    .photo-wall .isotope-item {
      width: -webkit-calc(100% / 2);
      width: calc(100% / 2);
      padding-bottom: -webkit-calc(100% / 2);
      padding-bottom: calc(100% / 2)
    }
  
    .photo-wall .isotope-item.width2 {
      width: -webkit-calc(100% / 2);
      width: calc(100% / 2)
    }
  
    .photo-wall .isotope-item.height2 {
      padding-bottom: -webkit-calc(100% / 2);
      padding-bottom: calc(100% / 2)
    }
  
    .photo-wall .isotope-item:nth-child(odd):last-child {
      width: 100%;
      padding-bottom: 100%
    }
  
    .gobox:after,
    .gobox:before {
      transform: none;
      left: auto;
      right: auto
    }
  
    .gobox.ok {
      padding-left: 50px
    }
  
    .gobox.ok>.glyphicon {
      left: 20px
    }
  
    .process-list .processitems li {
      width: 100%;
      margin-bottom: 30px
    }
  
    .process-list .processitems li .ico-wrapper {
      margin-bottom: 70px
    }
  
    .process-list .processitems li.lined .ico-wrapper>span::after {
      width: 2px;
      height: 100%;
      left: calc(50% - 2px)
    }
  
    .section-video-icons .right-side,
    .section-video-icons .left-side {
      padding: 50px 15px !important
    }
  
    .grid-ibx--cols-3 .grid-ibx__item {
      width: 100%
    }
  
    .fun-fact .fun-number {
      font-size: 60px
    }
  
    .kl-store-page ul.products li.product {
      width: 50%
    }
  }
  
  @media (min-width:768px) and (max-width:991px) {
  
    input,
    textarea,
    .uneditable-input {
      margin-left: 0
    }
  
    #zn-res-menu {
      width: 50%
    }
  
    .kl-iconbox__content-wrapper {
      clear: both
    }
  
    .kl-slideshow.iosslider-slideshow {
      padding-bottom: 80% !important
    }
  
    .recentwork_carousel li a iframe {
      width: 100%;
      height: auto
    }
  
    .subheader-subtitle {
      font-size: 14px
    }
  
    body .gobox h4 {
      font-size: 15px;
      line-height: 1.2
    }
  
    body .gobox.ok>img {
      margin-bottom: 10px
    }
  
    .css3accordion .content>.m_title {
      font-size: 12px;
      line-height: 1.3;
      margin: 8px 0
    }
  
    .css3accordion .text {
      font-size: 11px;
      line-height: 1.4
    }
  
    body .css3panels {
      height: 450px
    }
  
    body .css3panels .panel img {
      max-height: 460px
    }
  
    body .css3panels .caption {
      top: 300px;
      width: 300px
    }
  
    body .css3panels .caption.upper {
      top: 250px
    }
  
    #skills_diagram .legend {
      right: -30px
    }
  
    .feature_box.style3 .box {
      font-size: 12px
    }
  
    .how_to_shop>.row {
      margin-bottom: 10px;
      font-size: 14px
    }
  
    .tabs_style1>ul.nav>li>a {
      padding: 8px 10px
    }
  
    .feature_box .box .title+p {
      font-size: 12px
    }
  
    .latest_posts-acc-inner,
    .latest_posts-acc-item:hover~.latest_posts-acc-item>.latest_posts-acc-inner {
      width: 345px !important
    }
  
    .flickr_feeds li a {
      width: 40px
    }
  
    .header-search .searchBtn {
      margin-top: 0
    }
  
    .social-share li {
      margin-left: 0
    }
  
    .flickr_feeds li a {
      width: 65px
    }
  
    .info-text {
      font-size: 20px
    }
  
    .hover-box>img {
      margin: 10px 10px 8px 5px
    }
  
    .hover-box>h3 {
      font-size: 18px
    }
  
    .hover-box>h4 {
      font-size: 14px
    }
  
    .screenshot-slider {
      float: none
    }
  
    .screenshot-box .left-side {
      width: auto;
      float: none;
      margin: 20px
    }
  
    .vertical_tabs .tabbable .nav {
      width: 35%
    }
  
    .vertical_tabs .tabbable .tab-content {
      width: 65%
    }
  
    .statbox {
      min-height: 90px
    }
  
    .statbox h4 {
      font-size: 24px
    }
  
    .testimonial_box {
      padding: 0
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title {
      height: 215px
    }
  
    .el-devimages--type-img .el-devimages__laptop {
      height: 416px;
      width: 720px
    }
  
    .el-devimages--type-vector .el-devimages__laptop {
      height: 370px;
      width: 720px
    }
  
    .el-devimages__frame {
      width: 720px;
      height: 440px
    }
  
    .el-devimages--type-vector .el-devimages__smartphone {
      height: 250px;
      width: 125px
    }
  
    .el-devimages--type-img .el-devimages__smartphone {
      height: 274px;
      width: 167px
    }
  
    .el-devimages--type-vector .el-devimages__smartphone {
      left: 70px
    }
  
    .el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {
      right: 40px
    }
  
    .el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {
      right: 70px
    }
  
    .bigsocialblock.count-3 .bigsocialblock__social-icon {
      border-width: 5px;
      font-size: 60px;
      width: 120px;
      height: 120px;
      line-height: 110px;
      left: -30px;
      bottom: -20px
    }
  
    .bigsocialblock.count-4 .bigsocialblock__social-icon {
      border-width: 5px;
      border-color: transparent;
      font-size: 60px;
      width: 120px;
      height: 120px;
      line-height: 110px;
      left: -30px;
      bottom: -20px
    }
  
    .bigsocialblock.count-3 .bigsocialblock__title,
    .bigsocialblock.count-4 .bigsocialblock__title {
      font-size: 16px
    }
  
    .bigsocialblock.count-5 .bigsocialblock__item {
      padding: 15px
    }
  
    .bigsocialblock.count-5 .bigsocialblock__title {
      font-size: 15px;
      position: relative;
      right: 0;
      top: auto;
      bottom: auto;
      text-align: right;
      margin-bottom: 10px;
      opacity: 1;
      visibility: visible
    }
  
    .bigsocialblock__item:hover .bigsocialblock__title {
      bottom: auto
    }
  
    .bigsocialblock.count-5 .bigsocialblock__count,
    .bigsocialblock.count-5 .bigsocialblock__follow {
      font-size: 14px;
      opacity: 1;
      visibility: visible;
      transform: none;
      position: relative;
      right: 0;
      top: auto;
      bottom: auto;
      text-align: right
    }
  
    .bigsocialblock.count-5 .bigsocialblock__social-icon {
      border-color: transparent;
      font-size: 50px;
      width: 100px;
      height: 100px;
      line-height: 90px;
      left: -20px;
      bottom: -10px
    }
  
    .bigsocialblock--style2 .bigsocialblock__title {
      position: relative;
      bottom: auto;
      right: auto;
      margin-bottom: 10px
    }
  
    .process_steps--style1 {
      display: block
    }
  
    .process_steps--style1 .process_steps__intro {
      display: block;
      width: 100%;
      height: auto
    }
  
    .process_steps--style2 {
      display: block
    }
  
    .process_steps--style2 .process_steps__container {
      width: 100%
    }
  
    .process_steps--style2 .process_steps__intro {
      display: block;
      width: 100%;
      height: auto;
      min-height: 0
    }
  
    .process_steps--style2 .process_steps__container:before {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      left: -5px;
      padding: 0;
      width: calc(100% + 10px)
    }
  
    .process_steps--style2 .process_steps__container:after {
      display: none
    }
  
    .process_steps--style2 .process_steps__container .process_steps__step:after {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
    }
  
    .media-container {
      height: 600px
    }
  
    .static-content.event-style .or {
      display: none
    }
  
    .kl-contentmaps__panel {
      left: calc((100vw - 750px) / 2)
    }
  
    .scontent__maps.static-content--fullscreen {
      height: 90vh
    }
  
    .pricing-table-element[data-columns="5"] .plan-column .subscription-price .price {
      font-size: 30px
    }
  
    .pricing-table-element[data-columns="5"] .plan-title .inner-cell {
      font-size: 18px
    }
  
    .post-info li:first-child {
      margin-left: 0
    }
  
    .footer .copyright {
      float: left
    }
  
    .footer .contact-details {
      background: url(https://dbeta.b-cdn.net/at-eco/icons/say_hi_smaller.png) no-repeat right top
    }
  }
  
  @media (min-width:768px) {
    .site-header[data-header-style="9"] .kl-cta-ribbon {
      margin-top: 20px
    }
  
    .site-header[data-header-style="11"] .separator {
      margin-bottom: 0
    }
  
    .process_box .number span {
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%)
    }
  
    .process_box[data-align=right] .content {
      text-align: right
    }
  
    .process_box .content:before,
    .process_box .content:after {
      -webkit-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out
    }
  
    .process_box .content:before {
      position: absolute;
      content: '';
      top: 0;
      width: 2px;
      height: 100%;
      background-color: #cd2122
    }
  
    .process_box[data-align=left] .content:before {
      left: 240px
    }
  
    .process_box[data-align=right] .content:before {
      right: 240px
    }
  
    .process_box:hover .content:before {
      width: 5px
    }
  
    .process_box .content:after {
      position: absolute;
      content: '';
      border: 14px solid;
      border-color: transparent;
      top: 50%;
      margin-top: -14px
    }
  
    .process_box[data-align=left] .content:after {
      left: 242px;
      border-left-color: #cd2122
    }
  
    .process_box[data-align=right] .content:after {
      right: 242px;
      border-right-color: #cd2122
    }
  
    .process_box[data-align=left]:hover .content:after {
      left: 245px
    }
  
    .process_box[data-align=right]:hover .content:after {
      right: 245px
    }
  
    .process_box:after,
    .process_box .number:before,
    .process_box .number:after {
      background-color: #F1F1F1 !important
    }
  
    .process_box:after {
      position: absolute;
      content: '';
      width: calc(100% - 234px);
      height: 6px;
      bottom: -43px
    }
  
    .process_box[data-align=left]:after {
      left: 130px
    }
  
    .process_box[data-align=right]:after {
      right: 114px
    }
  
    .process_box .number:before,
    .process_box .number:after {
      position: absolute;
      content: '';
      width: 6px;
      height: 50px
    }
  
    .process_box .number:before {
      top: -37px
    }
  
    .process_box .number:after {
      bottom: -37px
    }
  
    .process_box:first-child .number:before,
    .process_box.last .number:after,
    .process_box.last:after {
      content: none
    }
  
    .process_box.last {
      margin-bottom: 0
    }
  
    .latest_posts.default-style.kl-style-2 .lp-title {
      margin-bottom: 0
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav {
      border-right: 0
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav>li.active>a {
      border-right: 0;
      background-image: none;
      background-color: #fff
    }
  
    .vertical_tabs .tabbable .nav {
      float: left;
      width: 20%
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav {
      width: 30%
    }
  
    .vertical_tabs .tabbable .tab-content {
      float: left;
      width: 80%;
      min-height: 240px;
      padding-left: 30px;
      border-left: 1px solid #c2c2c2
    }
  
    .vertical_tabs.kl-style-2 .tabbable .tab-content {
      width: 70%;
      min-height: 316px
    }
  
    .limited-offers-carousel .caroufredsel_wrapper {
      width: calc(100% - 80px) !important
    }
  
    .cd-immersive-video .intro-wrapper {
      display: table;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 1.5s, visibility 1.5s;
      transition: opacity 1.5s, visibility 1.5s
    }
  
    .cd-immersive-video.video-is-loaded .intro-wrapper {
      visibility: visible;
      opacity: 1
    }
  
    .cd-loader {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      height: 32px;
      width: 32px;
      background: #ececec;
      -webkit-animation: cd-loading .8s infinite;
      animation: cd-loading .8s infinite;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s
    }
  
    .cd-loader.no-animation {
      -webkit-animation: none;
      animation: none
    }
  
    .cd-loader.scale-down {
      -webkit-transform: translateY(-50%) translateX(-50%) scale(.001);
      -ms-transform: translateY(-50%) translateX(-50%) scale(.001);
      transform: translateY(-50%) translateX(-50%) scale(.001)
    }
  
    .video-is-loaded .cd-loader {
      visibility: hidden;
      opacity: 0
    }
  
    .cd-immersive-video .product-intro {
      display: table-cell;
      vertical-align: middle;
      -webkit-animation: none;
      animation: none;
      text-align: left
    }
  
    .cd-immersive-video .product-intro>div {
      width: calc(100% - 400px);
      max-width: 500px
    }
  
    .cd-immersive-video .product-intro h1 {
      font-size: 2.6rem
    }
  
    .cd-immersive-video .product-intro .item {
      opacity: 0
    }
  
    .cd-immersive-video .product-intro.animate-content .item {
      -webkit-animation: cd-item-slide-in .4s both;
      animation: cd-item-slide-in .4s both
    }
  
    .cd-immersive-video .product-intro.animate-content .item-1 {
      -webkit-animation-delay: .1s;
      animation-delay: .1s
    }
  
    .cd-immersive-video .product-intro.animate-content .item-2 {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
    }
  
    .cd-immersive-video .product-intro.animate-content .item-3 {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
    }
  
    .no-cssanimations .cd-immersive-video .product-intro.animate-content .item {
      opacity: 1
    }
  
    .cd-immersive-video .product-preview {
      position: absolute;
      width: 300px;
      top: 40px;
      left: 0;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      will-change: transform;
      -webkit-transition: -webkit-transform 0.8s;
      transition: -webkit-transform 0.8s;
      transition: transform 0.8s;
      transition: transform 0.8s, -webkit-transform 0.8s;
      -webkit-transition-timing-function: cubic-bezier(.67, .17, .32, .95);
      transition-timing-function: cubic-bezier(.67, .17, .32, .95);
      -webkit-animation: none;
      animation: none
    }
  
    .cd-immersive-video .product-preview.no-transition {
      -webkit-transition: none;
      transition: none
    }
  
    .cd-immersive-video .product-preview.video-zoomed-out {
      -webkit-transition-duration: .4s;
      transition-duration: .4s
    }
  
    .cd-immersive-video .product-preview .product-video {
      display: block
    }
  
    .cd-immersive-video .product-preview .product-video.has-bg-color {
      background: #000
    }
  
    .cd-immersive-video .product-preview .video-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: hidden
    }
  
    .cd-immersive-video .product-preview video {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-height: 100%;
      min-width: 100%;
      max-width: none;
      height: 100%;
      width: auto;
      background: #000
    }
  }
  
  @media (min-width :481px) and (max-width :768px) {
    .header-search .searchBtn {
      margin-top: 0
    }
  
    .site-header[data-header-style="3"] .site-header .xs-icon {
      color: #252525
    }
  
    .feature_box .title {
      font-size: 13px
    }
  
    .feature_box.feature_box.style2 p {
      font-size: 12px
    }
  
    .feature_box.style2 .box {
      min-height: 130px
    }
  
    .css3accordion .content>.m_title {
      font-size: 15px;
      line-height: 1.3;
      margin: 8px 0
    }
  
    .css3accordion .text {
      font-size: 14px;
      line-height: 1.4
    }
  
    .recentwork_carousel li .details h4 {
      font-size: 13px
    }
  
    .social-share li {
      margin-left: 0
    }
  
    .flickr_feeds li a {
      width: 65px
    }
  
    .info-text {
      font-size: 20px
    }
  
    .hover-box>img {
      margin: 10px 10px 8px 5px
    }
  
    .hover-box>h3 {
      font-size: 18px
    }
  
    .hover-box>h4 {
      font-size: 14px
    }
  
    .screenshot-slider {
      float: none
    }
  
    .screenshot-box .left-side {
      width: auto;
      float: none;
      margin: 20px
    }
  
    .statbox {
      min-height: 90px
    }
  
    .statbox h4 {
      font-size: 24px
    }
  
    body .css3panels {
      height: 450px
    }
  
    body .css3panels .panel img {
      max-height: 460px
    }
  
    body .css3panels .caption {
      top: 300px;
      width: 300px
    }
  
    body .css3panels .caption.upper {
      top: 250px
    }
  
    .flickr_feeds[data-size="small"] li a {
      width: 50px
    }
  
    #skills_diagram .legend {
      right: -20px
    }
  
    .feature_box.style3 .box {
      font-size: 12px
    }
  
    .how_to_shop>.row {
      margin-bottom: 10px;
      font-size: 14px
    }
  
    .contact_form .form-horizontal input[type=text].inputbox {
      width: 200px
    }
  
    .scrollbarContainer {
      display: none
    }
  
    .media-container__link--style-borderanim2 .media-container__text {
      font-size: 26px
    }
  
    .shop-features .shop-feature>h4 {
      font-size: 14px
    }
  
    .shop-features .shop-feature>h5 {
      font-size: 13px
    }
  
    .shop-features .shop-feature>img {
      margin-right: 10px
    }
  
    .footer .contact-details {
      background: url(https://dbeta.b-cdn.net/at-eco/icons/say_hi_smaller.png) no-repeat right top
    }
  }
  
  @media (max-width:767px) {
  
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
      margin-right: -20px;
      margin-left: -20px
    }
  
    .dl-horizontal dt {
      float: none;
      width: auto;
      clear: none;
      text-align: left
    }
  
    .dl-horizontal dd {
      margin-left: 0
    }
  
    .thumbnails {
      margin-left: 0
    }
  
    .thumbnails>li {
      float: none;
      margin-left: 0
    }
  
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    .uneditable-input {
      display: block;
      width: 100%;
      min-height: 30px
    }
  
    .input-prepend input,
    .input-append input {
      display: inline-block;
      width: auto
    }
  
    body .header.site-header {
      height: auto !important;
      position: relative !important
    }
  
    body.sticky-header .header.site-header {
      position: fixed !important
    }
  
    .kl-cta-ribbon {
      margin-bottom: -20px
    }
  
    .logo-container.hasInfoCard:before,
    .logo-container .logo-infocard {
      display: none
    }
  
    .zn_menu_trigger {
      background: rgba(228, 228, 228, .25);
      text-align: center;
      padding: 5px 0;
      cursor: pointer;
      display: block
    }
  
    .separator.visible-xxs {
      display: block !important
    }
  
    .site-header,
    .site-header[data-header-style="2"],
    .site-header[data-header-style="4"],
    .site-header[data-header-style="5"] {
      background-color: #2f2f2f
    }
  
    .site-header .cart-container,
    .site-header .kl-cart-button+.pPanel {
      min-width: 280px
    }
  
    .site-header[data-header-style="3"] {
      background-color: #fff
    }
  
    .site-header[data-header-style="3"] .search-container {
      display: block !important
    }
  
    .site-header[data-header-style="3"] .header-search,
    .site-header[data-header-style="3"] .header-search .search-container {
      width: 150px
    }
  
    .site-header[data-header-style="4"] .site-logo a:after {
      display: none
    }
  
    .site-header[data-header-style="4"] .topnav li.drop .pPanel {
      left: 0
    }
  
    .site-header[data-header-style="4"] .kl-cart-button+.pPanel .inner:after {
      right: auto;
      left: 9px
    }
  
    .site-header[data-header-style="4"] .zn-res-trigger {
      margin-left: 5px
    }
  
    body.sticky-header .site-header[data-header-style="8"].header--is-sticked,
    body.sticky-header .site-header[data-header-style="8"].header--is-sticked .site-header-main-wrapper {
      height: 60px !important
    }
  
    .site-header[data-header-style="9"] .kl-header-toptext {
      margin-left: 5px
    }
  
    .site-header[data-header-style="11"] {
      position: relative;
      background-color: #2f2f2f
    }
  
    .subheader-currentdate {
      display: none
    }
  
    .subheader-titles {
      text-align: start;
      margin-top: 0
    }
  
    .breadcrumbs {
      padding: 4px 8px 3px;
      margin-bottom: 20px
    }
  
    .breadcrumbs li {
      font-weight: 400;
      font-size: .8rem
    }
  
    .page-subheader .ph-content-wrap {
      height: auto !important;
      padding-top: 0;
      min-height: 300px
    }
  
    .page-subheader[class*="maskcontainer--"] {
      padding-bottom: 0
    }
  
    .recentwork_carousel--2 .recentwork_carousel__controls,
    .recentwork_carousel_v3 .recentwork_carousel__controls {
      opacity: 1
    }
  
    .btn-fullwidth {
      width: 50%
    }
  
    .circlehover.style2 {
      width: 35%
    }
  
    .rev_slider,
    .rev_slider_wrapper {
      height: 600px
    }
  
    .screenshot-box .screenshot-slider {
      overflow: hidden !important
    }
  
    .imgbox_image.cover-fit-img {
      height: 100%
    }
  
  
    .imgboxes_style2 .imgboxes-wrapper,
    .imgboxes_style4 .imgboxes-wrapper {
      height: auto
    }
  
    .buybtn-panel {
      padding-top: 10px;
      padding-bottom: 10px
    }
  
    .buybtn-cta {
      padding: 5px 12px;
      font-size: 12px
    }
  
    .buybtn-close {
      height: 50px;
      line-height: 47px
    }
  
    .kl-slideshow.iosslider-slideshow {
      padding-bottom: 84%
    }
  
    #action_box {
      text-align: center;
      height: auto
    }
  
    #action_box h4.text {
      font-size: 16px
    }
  
    .action_box.style3 {
      margin-top: 50px !important
    }
  
    .kl-contentmaps__panel {
      left: calc((100vw - 450px) / 2)
    }
  
    body .testimonial_box {
      width: 100% !important;
      margin-bottom: 20px
    }
  
    .hboxes {
      margin-bottom: 30px
    }
  
    .image-boxes .box {
      text-align: center
    }
  
    .hg-portfolio-sortable ul#thumbs li {
      width: 50% !important
    }
  
    .testimonial_slider__carousel-wrapper {
      margin: 0 20px
    }
  
    .newsletter-signup.cd-news .nl-email {
      width: 100%
    }
  
    .hg-portfolio-sortable #sorting {
      float: left;
      margin-bottom: 15px
    }
  
    .hg-portfolio-sortable #portfolio-nav li {
      width: 50%;
      float: left
    }
  
    .hg-portfolio-sortable #portfolio-nav,
    .hg-portfolio-sortable #portfolio-nav li a {
      width: 100%
    }
  
    .static-content__wrapper {
      min-height: 400px !important
    }
  
    .scontent__maps:not(.static-content--fullscreen),
    .scontent__maps:not(.static-content--fullscreen) .th-google_map {
      height: auto;
      max-height: 400px
    }
  
    .callout-banner .col-sm-10 {
      margin-bottom: 20px
    }
  
    .latest_posts-acc-elm-title {
      position: static;
      margin: 0 0 20px
    }
  
    .latest_posts-acc-details {
      display: block
    }
  
    .latest_posts-acc-item,
    .latest_posts-acc-item:hover,
    .latest_posts-acc-item.last,
    .latest_posts-acc-item.last:hover {
      width: 100% !important;
      margin-right: 0;
      padding: 20px 0;
      float: none
    }
  
    .latest_posts-acc-inner,
    .latest_posts-acc-item:hover~.latest_posts-acc-item>.latest_posts-acc-inner {
      width: 100% !important
    }
  
    .keywordbox {
      line-height: 1.4
    }
  
    .latest_posts.default-style a+em {
      display: block
    }
  
    .latest_posts.style2 ul.posts .details {
      float: none;
      margin-bottom: 25px
    }
  
    .latest_posts.style2 ul.posts .text {
      margin-left: 0
    }
  
    .infobox2 .btn {
      margin-left: 20px
    }
  
    .process_box .number {
      position: relative;
      width: 100%
    }
  
    .process_box .content {
      margin-left: 0
    }
  
    .process_box[data-align="right"] .content {
      margin-right: 0
    }
  
    .span6+.span12.end_timeline {
      margin-bottom: 0
    }
  
    .timeline_box:hover::before,
    .timeline_box::after {
      background: transparent;
      border: 0
    }
  
    .team_member {
      clear: both;
      padding-top: 10px;
      padding-left: 10px
    }
  
    .team_member:before,
    .team_member:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0
    }
  
    .team_member:after {
      clear: both
    }
  
    .team_member a.grayHover {
      overflow: hidden;
      position: relative;
      float: left;
      display: inline-block;
      max-width: 130px;
      margin-right: 20px
    }
  
    .team_member .details {
      float: left;
      overflow: visible;
      visibility: visible;
      opacity: 1;
      position: static;
      background: none;
      box-shadow: none;
      width: auto;
      padding: 10px 0 0
    }
  
    #skills_diagram,
    .timeline_box:hover::before,
    .timeline_box::after {
      display: none !important
    }
  
    div[data-align=right] .timeline_box .date,
    .timeline_box .date {
      left: 30%;
      right: 30%;
      text-align: center;
      width: 40%;
      top: -39px;
      padding: 5px 0
    }
  
    div[data-align=right] .timeline_box:before,
    .timeline_box:before {
      display: none
    }
  
    .timeline_box,
    div[data-align="right"] .timeline_box {
      margin: 76px 0
    }
  
    .vertical_tabs .tabbable .nav>li>a {
      text-align: left
    }
  
    .vertical_tabs .tabbable .nav>li>a>span {
      float: left
    }
  
    .bubble-box {
      bottom: 0
    }
  
    .bubble-box.bb--anim-show {
      left: 0;
      max-width: 100%;
      bottom: 0;
      border-radius: 0;
      z-index: 11111
    }
  
    .ads-box .pp-adimg {
      max-width: 100px;
      float: left
    }
  
    .newsletter-signup input[type=text] {
      width: 100%
    }
  
    .newsletter-signup input[type=submit] {
      width: 100%;
      margin: 0;
      margin-bottom: 15px
    }
  
    .iosslider-slideshow .iosSlider,
    .static-content__source {
      transform: none !important
    }
  
    .services_box--boxed:hover {
      z-index: 3
    }
  
    .services_box--boxed .services_box__list {
      padding-top: 250px !important
    }
  
    .container .process_steps--style2 .process_steps__intro {
      border-top-right-radius: 5px
    }
  
    .process_steps__intro-wrp {
      margin-bottom: 30px
    }
  
    .bigsocialblock__title {
      margin-bottom: 0
    }
  
    .photo-wall .pw-details [data-role="title"] {
      line-height: 24px
    }
  
    .kl-slideshow .kl-slideshow-safepadding {
      padding-top: 50px !important
    }
  
    .flickrfeed {
      overflow: hidden;
      margin-bottom: 30px
    }
  
    .hover-box.hover-box-2 {
      margin-bottom: 15px
    }
  
    .info-text {
      margin-bottom: 25px
    }
  
    .full_width {
      padding-left: 0;
      padding-right: 0
    }
  
    .hg_section--relative.ptop-210 {
      padding-top: 70px !important
    }
  
    .footer[data-footer-style="2"] .newsletter-signup .nl-email {
      width: 100%
    }
  
    .team_member,
    .team_member:hover {
      padding: 20px;
      margin-bottom: 20px
    }
  
    .vertical_tabs.kl-style-2 .tabbable {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav>li>a {
      margin-right: 1px
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav>li:first-child a {
      border-top-right-radius: 3px
    }
  
    .vertical_tabs.kl-style-2 .tabbable .nav>li:last-child a {
      border-bottom-right-radius: 3px
    }
  
    .imgboxes_style4 .imgboxes-wrapper {
      display: block
    }
  
    .newsletter-signup input {
      width: 100%
    }
  
    .login-panel .create_account {
      margin-bottom: 10px
    }
  
    .login-panel .form-control {
      margin-bottom: 10px
    }
  
    .error404-content h2 {
      font-size: 160px
    }
  
    .pos-vertical-middle>.container {
      top: 100px
    }
  
    .photogallery-widget .caroufredsel {
      width: 100%
    }
  
    .photogallery-widget .cfs--navigation {
      width: 100%
    }
  
    .photogallery-widget .cfs--pagination {
      width: 100%;
      position: static;
      height: auto
    }
  
    .photogallery-widget .pg-thumb,
    .photogallery-widget .pg-thumb:nth-child(9):last-child {
      width: 20%;
      height: auto
    }
  
    .testimonial_slider.quoter-style {
      margin: 0 30px 20px
    }
  
    .media-container__link--style-borderanim2 .media-container__text {
      font-size: 18px
    }
  
    .jsf-block {
      display: block;
      margin-bottom: 30px
    }
  
    .fun-fact .fun-thing {
      margin-top: 25px;
      font-size: 13px
    }
  
    .section-video-icons .kl-video img {
      height: 50% !important
    }
  
    .el-devimages--type-img .el-devimages__laptop {
      width: 100%;
      height: 0;
      padding-bottom: 57.77%
    }
  
    .el-devimages--type-vector .el-devimages__laptop {
      width: 100%;
      height: 0;
      padding-bottom: 51%
    }
  
    .el-devimages__frame {
      width: 100%;
      padding-bottom: 63%;
      height: 0
    }
  
    .el-devimages__smartphone {
      display: none
    }
  
    .elm-searchbox__submit {
      width: 130px !important
    }
  
    .elm-searchbox__input {
      width: calc(100% - 130px) !important
    }
  
    .bigsocialblock {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
    }
  
    .bigsocialblock__item {
      width: 100%;
      display: block;
      min-height: 100px;
      padding: 15px
    }
  
    .bigsocialblock__title {
      position: relative;
      right: 0;
      top: auto;
      bottom: auto;
      text-align: right;
      margin-bottom: 10px;
      opacity: 1;
      visibility: visible
    }
  
    .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title {
      bottom: auto
    }
  
    .bigsocialblock__count,
    .bigsocialblock__follow {
      opacity: 1;
      visibility: visible;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      position: relative;
      right: 0;
      top: auto;
      bottom: auto;
      text-align: right
    }
  
    .bigsocialblock--style2 .bigsocialblock__item {
      height: 120px
    }
  
    .grid-ibx--cols-3 .grid-ibx__item,
    .grid-ibx--cols-4 .grid-ibx__item,
    .grid-ibx--cols-5 .grid-ibx__item {
      width: 100%
    }
  
    .grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item,
    .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
    .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {
      width: -webkit-calc(50% - 30px);
      width: calc(50% - 30px)
    }
  
    .process_steps--style1 {
      display: block
    }
  
    .process_steps--style1 .process_steps__intro {
      display: block;
      width: 100%;
      height: auto
    }
  
    .process_steps--style2 {
      display: block
    }
  
    .process_steps--style2 .process_steps__container {
      width: 100%
    }
  
    .process_steps--style2 .process_steps__step {
      width: 100%;
      margin-bottom: 30px
    }
  
    .process_steps--style2 .process_steps__intro {
      display: block;
      width: 100%;
      float: none;
      height: auto;
      min-height: 0;
      padding: 30px;
      margin-bottom: 0
    }
  
    .process_steps--style2 .process_steps__container:before {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      left: -5px;
      padding: 0;
      width: calc(100% + 10px)
    }
  
    .process_steps--style2 .process_steps__container:after,
    .process_steps--style2 .process_steps__container .process_steps__step:after {
      display: none
    }
  
    .process_box4 {
      display: block;
      margin-bottom: 50px
    }
  
    .statistic-box--stl-style1 .statistic-box,
    .statistic-box--stl-style2 .statistic-box {
      float: none;
      display: block;
      width: 100%
    }
  
    .pricing-table-element .plan-column {
      width: 100% !important
    }
  
    .pricing-table-element .plan-column:not(.featured) {
      border: solid #cdcdcd;
      border-width: 3px 0
    }
  
    .pricing-table-element .plan-column.featured {
      margin-bottom: 0
    }
  
    .vertical_tabs .tabbable>.nav {
      margin-bottom: 25px
    }
  
    .screenshot-box .left-side {
      padding: 0 30px 25px 30px
    }
  
    .screenshot-box .left-side h3.title {
      text-align: center
    }
  
    .screenshot-box .left-side>.btn {
      margin-left: 0;
      display: block
    }
  
    .screenshot-box .screenshot-slider {
      margin-top: 0
    }
  
    .ts-pt-testimonials__item--size-1,
    .ts-pt-testimonials__item--size-2,
    .ts-pt-testimonials__item--size-3 {
      width: -webkit-calc(100% - 50px);
      width: calc(100% - 50px)
    }
  
    .media-container {
      min-height: 400px !important;
      height: 400px
    }
  
    .kl-skills-diagram {
      width: 100%
    }
  
    .recentwork_carousel--2 .recentwork_carousel__left {
      margin-bottom: 30px
    }
  
    .recent_works3 .carousel-item--height {
      height: auto
    }
  
    .static-content__title,
    .static-content__subtitle {
      word-break: normal
    }
  
    .sc__boxes {
      margin-top: 40px
    }
  
    .sc__boxes .static-content__infopop {
      margin: 10px 15px
    }
  
    .textpop__line1 {
      font-size: 18px
    }
  
    .textpop__line2 {
      font-size: 42px
    }
  
    .textpop__line3 {
      font-size: 32px
    }
  
    .textpop__line4 {
      font-size: 24px
    }
  
    .video-container .captions .line {
      font-size: 26px
    }
  
    .static-content.event-style .ud_counter {
      text-align: center
    }
  
    .static-content.event-style .till_lauch {
      margin: 0
    }
  
    .static-content.event-style .ud_counter ul li {
      font-size: 18px;
      padding: 15px 10px;
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0
    }
  
    .static-content.event-style .static-content__subtitle {
      font-size: 2rem;
      text-align: center
    }
  
    .static-content.event-style .sc_counter {
      width: 100%;
      text-align: center
    }
  
    .static-content.event-style .mail_when_ready {
      margin-bottom: 15px;
      display: block;
      float: none;
      text-align: center
    }
  
    .static-content.event-style .or {
      float: none;
      display: block;
      clear: left;
      margin: 0;
      margin-bottom: 15px;
      text-align: center
    }
  
    .static-content.event-style .social-icons {
      text-align: center;
      display: block
    }
  
    .sc--weatherbox .static-content__wrapper {
      height: auto !important
    }
  
    .sc__actionarea .btn.btn-third {
      width: auto
    }
  
    ul.scw_list {
      margin: 50px 10px 0
    }
  
    ul.scw_list li {
      width: 25%
    }
  
    .scw_list .wt-icon {
      font-size: 50px;
      height: 40px
    }
  
    .scw__degs {
      font-size: 18px;
      margin-bottom: 10px
    }
  
    .scw__high {
      font-weight: 400
    }
  
    .scw__day {
      font-size: 18px
    }
  
    .scw__alt {
      font-size: 13px
    }
  
    .scw_list li:first-child {
      width: 100%;
      margin-top: -35px;
      display: block
    }
  
    .scw_list li:first-child .wt-icon {
      font-size: 160px;
      height: 125px;
      margin-bottom: 10px
    }
  
    .scw_list li:first-child .scw__degs {
      font-size: 30px
    }
  
    .scw_list li:first-child .scw__high {
      font-weight: 700
    }
  
    .scw_list li:first-child .scw__day {
      font-size: 28px
    }
  
    .scw_list li:first-child .scw__alt {
      font-size: 18px
    }
  
    .sc__res-form {
      width: 95%;
      margin: 70px auto 0
    }
  
    .sc-huge-arrow {
      display: none
    }
  
    .sc--showroomcrs-style .sc__textcontent h2 {
      font-size: 3rem
    }
  
    .sc--showroomcrs-style {
      max-width: 100%
    }
  
    .kl-contentmaps__panel {
      position: static;
      width: 100%;
      border-radius: 0
    }
  
    .scontent__maps.static-content--fullscreen {
      height: 90vh
    }
  
    .shop-latest .tabbable .nav li {
      float: none;
      width: 100%;
      padding-left: 0;
      margin-left: 0;
      display: block;
      margin-bottom: 10px
    }
  
    .shop-latest .tabbable .nav li.active {
      margin-left: 10px
    }
  
    .shop-latest .tabbable .nav li.active a:after,
    .shop-latest .tabbable .nav li.active a:before {
      display: none
    }
  
    .limited-offers-carousel {
      margin-bottom: 40px
    }
  
    .limited-offers-carousel .controls {
      width: 44px
    }
  
    .limited-offers-carousel .controls a {
      width: 40px
    }
  
    .kl-store-page table.cart td.actions .coupon+.button {
      margin: 30px auto 20px;
      display: block
    }
  
    .kl-store-page .cart-collaterals .cross-sells,
    .kl-store-page .cart-collaterals .cart_totals {
      width: 100%
    }
  
    .infobox3 {
      padding: 50px 30px
    }
  
    .kl-newsletter-box {
      width: 100%
    }
  
    .nlbox--inner {
      margin-left: 0
    }
  
    .nlbox--preview {
      display: none
    }
  
    .nlbox--hugediscount>span {
      font-size: 5rem;
      line-height: 1.3
    }
  
    .kl-newsletter-box input[type="email"] {
      width: 100%
    }
  
    .contact-popup {
      width: 100%
    }
  
    .contact-popup-panel .contactForm {
      padding: 20px
    }
  
    .contact-popup-panel .contactForm form {
      padding: 0
    }
  
    .footer .menu:before,
    .footer .menu:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0
    }
  
    .footer .menu:after {
      clear: both
    }
  
    .footer .social-icons {
      float: none;
      margin-left: 0;
      padding-left: 0;
      margin-bottom: 30px
    }
  
    .footer .copyright img {
      margin-bottom: 20px
    }
  
    .kl-store-page .left_sidebar ul.products li.product,
    .kl-store-page .right_sidebar ul.products li.product {
      width: 50%
    }
  
    .spp-products-rows .spp-title {
      font-size: 1.4rem
    }
  
    .post-info li:first-child {
      margin-left: 0
    }
  
    .offline-page .containerbox {
      width: 100%;
      margin-top: 40px
    }
  
    .offline-page .containerbox__logo {
      position: static;
      width: 100%;
      height: auto;
      padding-bottom: 20px
    }
  
    .offline-page .containerbox .site-logo {
      width: 100%;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      float: none
    }
  
    .offline-page .containerbox .content {
      border-top: 1px solid #777;
      padding: 40px 0 0;
      clear: both;
      margin: 0;
      border-left: 0
    }
  
    .offline-page .mail_when_ready {
      float: none
    }
  
    .offline-page .ud_counter ul {
      width: 100%
    }
  
    .offline-page .ud_counter ul li {
      display: block;
      width: 100%;
      margin: 0;
      margin-bottom: 20px;
      font-size: 20px
    }
  
    .offline-page .ud_counter .till_lauch {
      margin: 10px 0;
      width: 100%;
      height: 70px;
      vertical-align: middle
    }
  
    .offline-page .till_lauch img {
      max-height: 100%
    }
  }
  
  @media (max-width:600px) {
    .site-header .kl-header-toptext {
      display: none
    }
  
    .site-header[data-header-style="4"] .logo-container {
      min-width: auto
    }
  
    .site-header[data-header-style="4"] .kl-cart-button+.pPanel {
      left: -150px
    }
  
    .site-header[data-header-style="5"] .logo-container {
      min-width: auto
    }
  
    .site-header[data-header-style="7"] .logo-container {
      min-width: auto
    }
  
    .site-header[data-header-style="10"] .quote-ribbon {
      right: 15px
    }
  
    .tabs_style5>ul.nav {
      border-bottom: none
    }
  
    .tabs_style5>ul.nav>li>a {
      border-bottom: 2px solid transparent
    }
  
    .tabbable>ul.nav>li {
      float: none;
      display: block;
      width: 100%
    }
  
    .tabs_style5>ul.nav>li:first-child>a {
      padding: 8px 20px
    }
  
    .tabs_style2>ul.nav>li:first-child a,
    .tabs_style5>ul.nav>li a,
    .tabs_style2>ul.nav>li a,
    .tabs_style3>ul.nav>li>a,
    .tabs_style4>ul.nav>li>a,
    .tabs_style1>ul.nav>li>a {
      padding: 12px 20px;
      width: 100%;
      display: block
    }
  
    .tabs_style4>ul.nav {
      border: solid 1px #ddd;
      border-radius: 3px;
      margin-bottom: 10px
    }
  
    .tabs_style4>ul.nav>li>a.active {
      border: none
    }
  
    .symbol-line::before,
    .symbol-line::after {
      width: 47%
    }
  
    .services_box {
      width: 100%
    }
  
    .post-info li {
      display: block
    }
  
    .kl-store-page ul.products li.product {
      width: 100%
    }
  }
  
  @media (max-width:480px) {
    .visible-xxs {
      display: block !important
    }
  
    .hidden-xxs {
      display: none !important
    }
  
    .nav-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  
    .site-logo {
      max-width: 70%
    }
  
    .loginbox-popup {
      width: 100%
    }
  
    .zn-res-trigger {
      margin-left: 0;
      margin-top: 11px
    }
  
    .action_box_content .ac-buttons a {
      margin-bottom: 10px
    }
  
    .header-leftside-container {
      overflow: visible
    }
  
    .topnav li.drop .inner.cart-container {
      width: 230px;
      right: 0;
      position: absolute
    }
  
    .cart-container .cart_list {
      margin: 0 0 7px !important
    }
  
    .cart-container .cart_list li {
      text-align: left
    }
  
    .cart-container .cart_list li a {
      line-height: 13px
    }
  
    .cart-container .cart_list li img {
      width: 59px !important
    }
  
    .cart-container .buttons .button.wc-forward {
      font-size: 9px
    }
  
    .cart-container .buttons .button.checkout {
      font-size: 9px;
      padding: 9px 20px
    }
  
    .cart-container .buttons .button {
      width: 48%
    }
  
    .cart-container .total {
      padding: 0 0 6px
    }
  
    .site-header.kl-cta-lined {
      display: none
    }
  
    .site-header[data-header-style="3"] .header-search {
      display: none !important
    }
  
    .site-header[data-header-style="3"] .kl-header-toptext {
      display: none
    }
  
    .site-header[data-header-style="4"] .topnav {
      margin: 0 0 0 15px
    }
  
    .site-header[data-header-style="4"] .header-search {
      margin-left: 15px
    }
  
    .site-header[data-header-style="5"] .topnav {
      margin: 0 0 0 15px
    }
  
    .site-header[data-header-style="5"] .header-search {
      margin-left: 15px
    }
  
    .site-header[data-header-style="6"] .topnav {
      margin: 0 0 0 15px
    }
  
    .site-header[data-header-style="6"] .header-search {
      margin-left: 15px
    }
  
    .site-header[data-header-style="6"] .logo-container {
      min-width: auto;
      padding: 0 10px
    }
  
    .zn_post_image {
      margin-right: 0;
      width: 100%
    }
  
    .page-header h1 small {
      display: block;
      line-height: 20px
    }
  
    input[type="checkbox"],
    input[type="radio"] {
      border: 1px solid #ccc
    }
  
    .form-horizontal .control-label {
      float: none;
      width: auto;
      padding-top: 0;
      text-align: left
    }
  
    .form-horizontal .controls {
      margin-left: 0
    }
  
    .form-horizontal .control-list {
      padding-top: 0
    }
  
    .form-horizontal .form-actions {
      padding-right: 10px;
      padding-left: 10px
    }
  
    .media .pull-left,
    .media .pull-right {
      display: block;
      float: none;
      margin-bottom: 10px
    }
  
    .media-object {
      margin-right: 0;
      margin-left: 0
    }
  
    .modal {
      top: 10px;
      right: 10px;
      left: 10px
    }
  
    .modal-header .close {
      padding: 10px;
      margin: -10px
    }
  
    .carousel-caption {
      position: static
    }
  
    .css3accordion>ul>li .thumb {
      float: none;
      width: auto
    }
  
    .social-share li {
      margin-bottom: 10px
    }
  
    .infobox2 {
      text-align: center
    }
  
    .infobox2 .btn {
      margin: 0 0 10px
    }
  
    .action_box_content .ac-buttons a {
      margin-bottom: 10px
    }
  
    .symbol-line::before,
    .symbol-line::after {
      width: 46%
    }
  
    .hg-portfolio-sortable ul#thumbs li {
      width: 100% !important
    }
  
    .eBlog .featured-post .zn_sticky_no_image {
      min-height: 200px
    }
  
    .eBlog .featured-post .itemFeatContent {
      padding: 10px 15px
    }
  
    .eBlog .featured-post .itemTitle,
    .eBlog .itemTitle {
      font-size: 16px;
      line-height: 1.6;
      margin: 0 0 10px
    }
  
    .eBlog .featured-post .itemHeader {
      margin-bottom: 10px;
      padding-bottom: 10px
    }
  
    .latest_posts.default-style.kl-style-2 .m_title {
      margin-bottom: 0;
      font-size: 10px
    }
  
    .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {
      content: none
    }
  
    .latest_posts.default-style.kl-style-2 .post-details em {
      display: none
    }
  
    .grid-ibx--cols-2 .grid-ibx__item,
    .grid-ibx--cols-3 .grid-ibx__item,
    .grid-ibx--cols-4 .grid-ibx__item,
    .grid-ibx--cols-5 .grid-ibx__item {
      width: 100% !important;
      float: none !important;
      margin-left: 0
    }
  
    [class*='gridPhotoGalleryItem--w'] {
      width: 100% !important
    }
  
    .gridPhotoGallery__link:after {
      font-size: 13px
    }
  
    .static-content.event-style .sc_counter {
      width: 100%;
      text-align: center
    }
  
    .static-content.event-style .static-content__subtitle {
      text-align: center
    }
  
    .static-content.event-style .ud_counter ul li {
      width: 19%
    }
  
    .static-content.event-style .ud_counter ul li:last-child {
      margin-right: 0
    }
  
    .static-content.event-style .mail_when_ready {
      margin-bottom: 15px;
      display: block;
      float: none;
      text-align: center
    }
  
    .static-content.event-style .or {
      float: none;
      display: block;
      clear: left;
      margin: 0;
      margin-bottom: 15px;
      text-align: center
    }
  
    .static-content.event-style .social-icons {
      text-align: center
    }
  
    .rf__block {
      width: 100%;
      padding: 20px 15px;
      float: none;
      border-radius: 3px 3px 0 0
    }
  
    .rfblock--submit {
      padding: 0 15px
    }
  
    .rfblock--fields .rf__field {
      margin-left: 15px;
      padding-left: 15px
    }
  
    .rfblock--fields .rf__field:first-child {
      width: calc(50% - 10px)
    }
  
    .rf__submit {
      width: 100%;
      height: 60px;
      border-radius: 0 0 3px 3px
    }
  
    .rf__submit:after {
      font-size: 38px;
      line-height: 60px;
      color: rgba(255, 255, 255, .25)
    }
  
    .auth-popup {
      width: 100%
    }
  
    .testimonial_fader__carousel .testimonials_fader__carousel-item:after {
      font-size: 100px
    }
  
    .testimonial_fader__carousel .testimonials_fader__carousel-item {
      padding: 0 0 20px 80px
    }
  
    .recentwork_carousel__crsl .recent-work_carousel-item {
      padding: 0
    }
  
    .kb-category--related-articles li {
      overflow: hidden
    }
  
    .kb-category--related-articles .likes,
    .kb-category--related-articles .views {
      clear: right
    }
  
    .kl-store-page .left_sidebar ul.products li.product,
    .kl-store-page .right_sidebar ul.products li.product {
      width: 100% !important
    }
  }
  
  @media (min-width:320px) {
    .action_box .ac-btn {
      margin: 0 5px
    }
  }
  
  @-webkit-viewport {
    width: device-width
  }
  
  @-moz-viewport {
    width: device-width
  }
  
  @-ms-viewport {
    width: device-width
  }
  
  @-o-viewport {
    width: device-width
  }
  
  @viewport {
    width: device-width
  };