@charset "utf-8";
/* CSS Document */

/* General Start */

body {
  margin: 0;
  padding: 0;
  font-family: 'UniversCE55MediumRegular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  line-height: 1.4em;
  background-color: #fff;
  min-width: 320px;
}
a {
  color: #006993;
  text-decoration: none;
}
body a:focus {
  text-decoration: none;
}
img {
  border-style: none;
  border: 0px;
  max-width: 100%;
}
ul,
li,
ol,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 18px;
  padding: 0;
  margin: 0;
}
p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4em;
}
sup {
  font-size: 40%;
}
form {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
  display: block;
  visibility: hidden;
  line-height: 0px;
  height: 0;
}
/* General End */

.wrapper {
  width: 1000px;
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
  box-shadow: 0px 0px 5px #888;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: relative;
}

.logo {
  padding: 25px 0 0 20px;
  float: left;
}
.login-area {
  float: right;
  padding: 20px 20px 15px 0;
}
.login-area li {
  float: left;
}
.login-area li a {
  font-size: 11px;
}
.login-area li a:hover {
  text-decoration: underline;
}
.login-area li b {
  font-weight: normal;
  display: inline-block;
  padding: 0 5px;
}
.info-area {
  float: right;
  clear: right;
  padding-right: 16px;
  width: 440px;
}
.free-catalog {
  float: right;
  padding-left: 10px;
}
.live-chat {
  float: left;
  background: url(images/icons.png) -210px -1px no-repeat;
  padding-left: 50px;
  height: 30px;
}
.live-chat a {
  line-height: 20px;
  color: #666;
}
.live-chat a:hover {
  text-decoration: underline;
}
.phone {
  float: right;
  background: url(images/icons.png) -210px -34px no-repeat;
  padding-left: 20px;
  height: 25px;
  width: 240px;
}
.phone p {
  line-height: 25px;
  color: #333;
  font-size: 20px;
  padding-left: 30px;
}

.nav-bar {
  height: 57px;
  background: url(images/bg-nav.png) left top repeat-x;
  position: relative;
  top: -8px;
}
.nav {
  padding-top: 0px;
}
.nav li {
  background: url('images/nav-line.png') no-repeat scroll -8px 8px rgba(0, 0, 0, 0);
  float: left;
}
.nav li.last {
}
.nav li a {
  font-family: 'Lato';
  font-size: 12px;
  color: #333;
}
.nav li a:hover {
  color: #006993;
}

.search {
  position: absolute;
  right: 55px;
  bottom: 90px;
  display: none;
}

.search form {
  height: 25px;
  position: relative;
  padding-right: 55px;
}

.search-text {
  width: 115px;
  height: 15px;
  padding: 5px;
  border: solid 1px #ccc;
}

.search-btn {
  background: url(images/btn-search.png) left top no-repeat;
  border: none;
  width: 51px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.content {
  padding: 0 10px;
}

.footer {
  padding: 13px 20px 0;
}
.sitemap {
  background: none repeat scroll 0 0 #e8e8e8;
  float: left;
  padding-top: 10px;
  width: 100%;
}
.sitemap-area {
  float: left;
  width: 225px;
  padding-left: 15px;
}
.sitemap-area-last {
  float: left;
  width: 250px;
  padding-left: 15px;
}
.sitemap-area h3 {
  font-size: 18px;
  color: #e0e0e0;
  font-family: 'Lato';
  font-weight: 600;
  padding: 7px 0px;
  margin: 0 0 15px;
}
.sitemap-area h3.footer-inner-heading {
  padding-top: 35px;
}
.sitemap-area li {
  padding: 0px;
  line-height: 17px;
  margin: 0 0 10px;
}
.sitemap-area li a {
  font-size: 13px;
  color: #e0e0e0;
  line-height: 15px;
  font-family: 'Lato';
}
.sitemap-area li a:hover {
  text-decoration: underline;
}
.sitemap .last {
  width: 190px;
}
.sitemap {
  padding-bottom: 20px;
}
.sitemap-area .newsletter {
}
.sitemap-area .newsletter p {
  line-height: 30px;
  padding-top: 4px;
  font-size: 13px;
}
.signup-text {
  background: url(images/input-text-search.png) left top no-repeat;
  width: 165px;
  height: 15px;
  padding: 5px;
  border: none;
  font-size: 11px;
  color: #999;
}
.signup-btn {
  background: url(images/btn-signup.png) left top no-repeat;
  border: none;
  width: 56px;
  height: 25px;
  margin-top: 8px;
  cursor: pointer;
}
.sitemap-area .social {
  padding-top: 20px;
}
.sitemap-area .social p {
  font-size: 14px;
  color: #333;
  padding-bottom: 7px;
}
.sitemap-area .social a {
  display: block;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  float: left;
  padding-right: 8px;
}
.sitemap-area .social a.facebook {
  background: url(images/social-icon.png) left top no-repeat;
}
.sitemap-area .social a.twitter {
  background: url(images/social-icon.png) -35px top no-repeat;
}
.sitemap-area .social a.youtube {
  background: url(images/social-icon.png) -70px top no-repeat;
}

.footer-ctn {
  background: none repeat scroll 0 0 #323232;
  float: left;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.footer-ctn p {
  color: #8f8f8f;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  padding: 0 0 0 20px;
}
.footer-ctn p a {
  color: #8f8f8f;
}
.footer-ctn p a:hover {
  text-decoration: underline;
}

.footer-ctn-3 {
  clear: both;
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.breadcrumb {
  text-transform: uppercase;
  padding: 20px 0;
}
.breadcrumb p {
  font-family: 'Lato';
  font-size: 11px;
  color: #666;
}
.breadcrumb p a {
  color: #666;
}
.breadcrumb p a:hover {
  text-decoration: underline;
}
.breadcrumb p span {
  color: #006993;
}

/*index start*/
.banner {
  background: url(images/banner-bg.png) bottom left no-repeat;
  height: 400px;
}
.banner-pics {
  padding-left: 10px;
}
.banner-pics .slide {
  position: relative;
}
.banner-pics .slide p {
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #333;
  background: url(images/banner-text-bg.png) left bottom repeat-x;
  height: 60px;
  width: 960px;
}
.banner-pics .slide p span {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.banner-btns {
  position: relative;
}
.banner-arrow .arrow-l {
  position: absolute;
  top: -230px;
}
.banner-arrow .arrow-r {
  position: absolute;
  top: -230px;
  left: 943px;
}
.banner-slide-nav {
  position: absolute;
  left: 30px;
  bottom: 23px;
}
.banner-slide-nav a {
  display: block;
  background: url(images/banner-btn.png) no-repeat -95px 0;
  height: 15px;
  width: 14px;
  float: left;
  padding-right: 5px;
  text-indent: -9999px;
}
.banner-slide-nav a.activeSlide {
  background: url(images/banner-btn.png) no-repeat 0 0;
}

.four-boxes {
  background: url(images/bg-four-boxes.png) no-repeat;
  height: 180px;
  padding: 15px 0 0 10px;
  margin-left: 10px;
}
.banner-box {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.banner-box p {
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #333;
  position: absolute;
  left: 20px;
  top: 8px;
}

.four-boxes-shop {
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #333;
  text-align: center;
  float: left;
  width: 940px;
  line-height: 40px;
  position: relative;
}

.btn-start-here {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.four-boxes-shop a {
  text-decoration: underline;
}
.three-infos {
  padding: 5px 0 0 0px;
}
.banner-info-1 {
  background: url(images/bg-banner-info-1.png) left top no-repeat;
  width: 457px;
  height: 203px;
  padding: 0 0 0 30px;
  float: left;
}
.banner-info-2 {
  background: url(images/bg-banner-info-2.png) left 4px no-repeat;
  width: 490px;
  height: 95px;
  float: right;
}
.banner-info-3 {
  background: url(images/bg-banner-info-3.png) left 3px no-repeat;
  width: 490px;
  height: 95px;
  float: right;
  margin-top: 7px;
}

.banner-info-1-ctn {
  background: url(images/info-1.png) right 9px no-repeat;
  width: 448px;
  padding-top: 20px;
  height: 174px;
}
.banner-info-2-ctn {
  background: url(images/info-2.png) 12px 11px no-repeat;
  width: 345px;
  padding: 20px 0 0 145px;
  height: 72px;
}
.banner-info-3-ctn {
  background: url(images/info-3.png) 12px 12px no-repeat;
  width: 345px;
  padding: 23px 0 0 145px;
  height: 72px;
}

.three-infos p {
  width: 250px;
  font-size: 16px;
  line-height: 20px;
}
.three-infos .click-here {
  color: #006993;
  text-decoration: underline;
}
.three-infos h2 {
  font-family: 'UniversCE55MediumRegular';
  font-size: 17px;
  color: #333;
  font-weight: normal;
  padding-bottom: 7px;
}
.three-infos h2 .info-title {
  font-size: 22px;
}
.three-infos p {
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #006993;
}
#contactForm label em {
  color: red;
}
.banner-info-1 p {
  font-size: 20px;
}
.banner-info-1 h2 {
  font-size: 22px;
  padding: 8px 0 10px 0;
}
.banner-info-1 h2 a,
.banner-info-2 h2 a,
.banner-info-3 h2 a {
  color: black;
}
.banner-info-1 ul {
  padding: 7px 0;
}
.banner-info-1 li {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding-left: 20px;
  background: url(images/banner-list-icon.png) left center no-repeat;
}
.banner-info-2 h2 i {
  font-size: 24px;
  color: #006993;
}
.banner-info-2 .click-here {
  position: relative;
  top: -19px;
  left: 260px;
}
.banner-info-3 .click-here {
  position: relative;
  top: -19px;
  left: 260px;
}

/*index end*/
.build-own-nav {
  display: flex;
  justify-content: center;
  font-family: 'Lato';
  counter-reset: i;
  text-transform: capitalize;
  font-size: 13px;
  text-align: center;
  margin: 0 0 35px;
}
.widget .build-own-nav {
  display: block;
}
.build-own-nav p {
  position: relative;
  font-weight: 600;
  width: 80px;
  color: #666;
  font-size: 13px;
  margin: 0 30px 0 0;
}
.build-own-nav p:before {
  content: '';
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #046689;
  display: block;
  margin: 0 auto 15px;
}
.build-own-nav ul {
  display: flex;
}
.build-own-nav ul li {
  width: 80px;
  margin: 0 30px;
  position: relative;
}
.build-own-nav ul li:last-child {
  margin-right: 0;
}
.build-own-nav ul li:before {
  counter-increment: i;
  content: counter(i);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: #046689;
  color: #fff;
  display: block;
  font-size: 16px;
  margin: 0 auto 15px;
  position: relative;
  z-index: 1;
}
.build-own-nav ul li:after {
  content: '';
  display: block;
  height: 3px;
  width: calc(100% + 60px);
  position: absolute;
  top: 22px;
  right: 40px;
  background: #046689;
}
.build-own-nav ul li:first-child:after {
  display: none;
}
.build-own-nav .build-own-title ~ ul li:first-child:after {
  display: block;
}
.build-own-nav ul li a {
  color: #666;
  transition: 0.3s all ease;
}
.build-own-nav ul li a:hover {
  color: #046689;
  text-decoration: none;
}
.build-own-nav ul li.current ~ li:before {
  background: #e6e6e6;
  color: #666;
}
.build-own-nav ul li.current ~ li:after {
  background: #e6e6e6;
  color: #666;
}

/*side-menu start*/
.sidebar * {
  box-sizing: border-box;
}
.side-menu {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.1;
}
.side-menu-unit {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px #e0e0e0;
  margin: 0 0 20px;
  padding: 15px;
}

.side-menu-unit h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 1.3;
  padding: 0 0 15px;
  margin: 0 0 25px;
  color: #666;
  box-sizing: border-box;
  border-bottom: 1px solid #d1d1d1;
}
.side-menu-unit .AuthorizeNetSeal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.side-menu-unit .AuthorizeNetSeal a {
  width: 48%;
  font-size: 13px;
  font-weight: 300;
  font-family: 'Lato';
  line-height: 1.3;
  color: #666;
  text-align: left;
}
.side-menu-unit .AuthorizeNetSeal a:hover {
  text-decoration: none;
  color: #046689;
}
.side-menu-unit .AuthorizeNetSeal a img {
  max-width: 100%;
  height: auto;
}
.side-menu-list li {
  margin: 0 0 15px;
  position: relative;
  padding: 0 0 0 20px;
}
.side-menu-list li:before {
  content: '';
  height: 13px;
  width: 13px;
  background-image: url('./images/icons/arrow-right-circle.svg');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.side-menu-list li a {
  color: #666;
}
.side-menu-list li a:hover,
.side-menu-list li.current a {
  color: #046689;
  text-decoration: none;
}
.sitemap-area li ul {
  padding-left: 0px;
  padding: 0;
  margin: 10px 0 0;
}
.side-menu-choose {
  border-top: 1px solid #d1d1d1;
  margin: 15px 0 0;
  padding: 15px 0 0;
}
.side-menu-choose:first-child {
  margin: 0;
  padding: 0;
  border: none;
}
.side-menu-choose h3 {
  color: #666;
  font-family: 'Lato';
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 15px;
}
.side-menu-choose-unit li {
  margin: 0 0 11px;
  line-height: 1.4;
  position: relative;
}
.side-menu-choose-unit a {
  color: #666;
  position: relative;
}
.side-menu-choose-unit input[type='checkbox'],
.product-options ul.options-list input.checkbox {
  position: absolute;
  height: 1px;
  width: 1px;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
}
.side-menu-choose-unit input[type='checkbox'] + label,
.product-options ul.options-list input[type='checkbox'] + .label {
  padding: 0 0 0 20px;
  display: block;
}
.side-menu-choose-unit input[type='checkbox'] + label:before,
.product-options ul.options-list input[type='checkbox'] + .label:before {
  content: '';
  height: 13px;
  width: 13px;
  border: 1px solid #d3cfd0;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  top: 1px;
  left: 0;
  box-sizing: border-box;
}
.product-options ul.options-list input[type='checkbox'] + .label:before {
  top: 4px;
}
.side-menu-choose-unit input[type='checkbox']:checked + label:before,
.product-options
  ul.options-list
  input[type='checkbox']:checked
  + .label:before {
  background-image: url('./images/icons/check.svg');
  background-size: 13px 11px;
  background-repeat: no-repeat;
  background-position: center 1px;
}
/*side-menu end*/

/*main-content start*/
.sidebar {
  width: 22%;
}
.sidebar-mobile-block {
  display: none;
}
.main-content {
  width: 76%;
  position: relative;
}
.main-content.one-column {
  padding: 0 0 10px;
  float: none;
  width: 100%;
}
.main-content h2 {
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  padding: 3px 0 8px 0;
}
.main-content a.view-full {
  position: absolute;
  top: 15px;
  right: 10px;
  text-decoration: underline;
  display: block;
  height: 12px;
  line-height: 12px;
  background: url(images/backicon.png) top right no-repeat;
  padding-right: 22px;
}

/*adj-desks*/
.choose-desks-banner {
  float: left;
  width: 760px;
}
.choose-desks-banner-box {
  float: left;
  position: relative;
}
.choose-desks-button {
  background: url(images/choose-desks-button.png) left top no-repeat;
  position: absolute;
  height: 30px;
  width: 151px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}
.choose-desks-banner .box-1 {
  padding-right: 15px;
  padding-bottom: 15px;
}
.choose-desks-banner .box-2 {
  padding-bottom: 15px;
}
.choose-desks-banner .box-3 {
  padding-right: 15px;
}

.choose-desks-banner .box-1 a {
  right: 15px;
  bottom: 15px;
}
.choose-desks-banner .box-2 a {
  right: 0;
  bottom: 15px;
}
.choose-desks-banner .box-3 a {
  right: 15px;
  bottom: 0;
}
.choose-desks-banner .box-4 a {
  right: 0;
  bottom: 0;
}

.choose-desks-infos {
  float: left;
  width: 775px;
  padding-bottom: 0px;
  margin-top: 0px;
}

.choose-desks-infos h3 {
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  line-height: 50px;
  padding-top: 10px;
  padding-left: 5px;
  letter-spacing: -1px;
}
.choose-desks-infos h3 {
  font-weight: normal;
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  line-height: 50px;
  padding-top: 10px;
  padding-left: 5px;
  letter-spacing: -1px;
}

.bio-advantage {
  float: left;
  width: 755px;
  padding-right: 15px;
}

.bio-advantage ul {
  padding-top: 10px;
}

.bio-advantage li {
  background: url(images/banner-list-icon.png) 12px 11px no-repeat;
  padding-left: 23px;
  padding-bottom: 6px;
  float: left;
  margin-right: 4px;
}

.bio-advantage li p {
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 15px;
  line-height: 30px;
}

.bio-advantage li a {
  color: #006993;
  font-family: 'UniversCE55MediumRegular';
  font-size: 12px;
  text-decoration: underline;
}

.watch-video {
  float: left;
  margin-left: 20px;
}

.watch-video {
  position: relative;
}

.video-button {
  position: absolute;
  left: 167px;
  top: 142px;
}

/*government*/

.bio-recommends h3 {
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  line-height: 1.4;
  padding: 10px 0 10px 5px;
}

.bio-recommends li.last {
  padding-right: 0;
}

.bio-recommends li a {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.bio-recommends li a p {
  color: #333;
  font-size: 14px;
  font-family: 'UniversCE55MediumRegular';
}

.four-boxes-shop-2 {
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #333;
  text-align: center;
  float: left;
  width: 760px;
  line-height: 60px;
  position: relative;
}

.four-boxes-shop-2 a {
  text-decoration: underline;
}

/*select your desk*/
.two-columns-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.anim {
  transition: 0.3s all ease;
}
.catalog-category-view {
  background: #f2f2f2;
}
.category-page * {
  box-sizing: border-box;
}
.category-page {
  font: 300 15px/1.2 'Lato', sans-serif;
  position: relative;
}
.category-page .content-box-holder {
  font-size: 15px;
}
.content-box-holder {
  font-family: 'Lato', sans-serif;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px #e0e0e0;
  margin: 0 0 20px;
  padding: 15px 20px 20px;
  font-size: 14px;
}
.category-page .product-title-holder {
  padding: 20px 20px 0;
  background: #fff;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -2px 3px #eaeaea;
  position: relative;
  display: flex;
}
.category-page .category-page-content-holder .title-category {
  font-family: 'Lato';
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  color: #666;
  padding: 3px 0 8px 30px;
  border-left: 3px solid #056787;
}
.category-ergonomic-adjustable-desks
  .category-page
  .category-page-content-holder
  .title-category {
  font-size: 12px;
  color: #046689;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
  border: none;
}
.category-page
  .category-page-content-holder
  .product-title-holder
  + .content-box-holder,
.sub-banner-box + .content-box-holder {
  border-radius: 0 0 10px 10px;
}
.content-box-holder .page-title {
  font: 300 28px/1.2 'Lato', sans-serif;
  margin: 0 0 10px;
  color: #666;
  float: none;
}
.content-box-holder .block-title {
  font: 300 24px/1.2 'Lato', sans-serif;
  margin: 0 0 20px;
  color: #666;
  float: none;
}
.content-box-holder .block-subtitle {
  font: 400 15px/1.2 'Lato', sans-serif;
  margin: 0 0 15px;
  color: #666;
}
.category-page .list-categories {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
.category-page .list-categories .item-category {
  width: 32.8%;
  color: #666;
  position: relative;
}
.category-page .item-category:hover {
  text-decoration: none;
}
.category-page .item-category img {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}
.category-page .item-category .item-category-titles-holder {
  padding: 20px;
  color: #fff;
  text-align: left;
  background: #046787;
}
.category-page .item-category .category-title {
  font: 300 23px/1.2 'Lato', sans-serif;
  margin: 0 0 9px;
  text-transform: uppercase;
}
.category-page .item-category .category-subtitle {
  font: 300 16px/1.2 'Lato', sans-serif;
  margin: 0;
}
.category-page .item-category .toggle-description-block {
  position: relative;
  margin: 0 0 10px;
}
.category-page .item-category .toggle-description-block .hover-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.category-page .item-category .toggle-description-block .hover-block > div {
  flex: 1;
}
.category-page
  .item-category
  .toggle-description-block
  .hover-block
  .category-scheme-image-holder {
  background: #f0f0f0;
  position: relative;
}
.category-page
  .item-category
  .toggle-description-block
  .hover-block
  .category-scheme-image-holder
  img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 60%;
}
.category-page .item-category .toggle-description-block:hover .hover-block {
  opacity: 1;
}
.category-page .item-category .category-scheme-image-holder {
  position: relative;
  background: #68aac8;
}
.category-page .item-category .category-full-description {
  text-align: left;
  padding: 25px 20px;
  line-height: 1.4;
  font-size: 13px;
  min-height: 150px;
  background: #f0f0f0;
}
.category-page .item-category .category-full-description ul li {
  position: relative;
  margin: 0 0 2px;
  padding: 0 0 0 20px;
}
.category-page .item-category .category-full-description ul li:before {
  content: '';
  display: block;
  width: 13px;
  height: 16px;
  background-image: url('./images/icons/check.svg');
  background-size: cover;
  position: absolute;
  top: 3px;
  left: 0;
}
.category-page .item-category .category-short-description {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 15px 20px;
}
.category-page .item-category .category-short-description h4 {
  font: 300 14px/1.4 'Lato', sans-serif;
  margin: 0;
}
.category-page .category-button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  padding: 10px;
  border-radius: 7px;
  color: #272727;
  line-height: 1;
  background: #f9a706; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f9a706 0%,
    #e1aa12 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a706', endColorstr='#e1aa12',GradientType=0 ); /* IE6-9 */
}
.category-page .category-button:hover {
  text-decoration: none;
  background: #e1aa12; /* Old browsers */
  background: -moz-linear-gradient(top, #e1aa12 0%, #f9a706 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #e1aa12 0%,
    #f9a706 99%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #e1aa12 0%,
    #f9a706 99%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1aa12', endColorstr='#f9a706',GradientType=0 ); /* IE6-9 */
}
.category-page .category-button:before {
  content: '';
  width: 18px;
  height: 16px;
  margin: 0 18px 0 0;
  background-size: contain;
  background-image: url('./images/icons/supermarket-black.svg');
}
.category-page .item-category .category-button {
  width: 100%;
  border-radius: 0;
}
.category-page .call-us-block {
  padding: 12px;
  text-align: center;
  border-radius: 7px;
  color: #272727;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  background: #f9a706; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f9a706 0%,
    #e1aa12 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a706', endColorstr='#e1aa12',GradientType=0 ); /* IE6-9 */
  margin: 0 0 20px;
}
.list-articles-holder {
  background: #f0f0f0;
  padding: 15px;
  border-radius: 4px;
  display: flex;
}
.list-articles-holder ul {
  display: flex;
  flex-wrap: wrap;
}
.list-articles-holder ul li {
  width: 50%;
  padding: 3px 15px;
  font-size: 13px;
  font-weight: 300;
  font-family: 'Lato';
  color: #666;
  position: relative;
}
.list-articles-holder ul li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  height: 8px;
  width: 8px;
  background: #046787;
  border-radius: 50%;
}
.category-page .list-articles-holder .article-button {
  padding: 11px 24px;
  font-size: 9px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #046689;
  color: #046689;
  border-radius: 5px;
  align-self: flex-start;
  margin: 4px 0 0;
  white-space: nowrap;
}
.category-page .list-articles-holder .article-button:hover {
  color: #fff;
  background: #046689;
  text-decoration: none;
}
.content-text-holder {
  color: #666;
  font-weight: 300;
}
.content-text-holder p {
  margin: 0 0 17px;
  font-size: 14px;
}

/* ============= Category List ========= */
.category-description {
  margin: -15px 0 35px;
  border-left: 3px solid #056787;
  padding: 12px 0 0 30px;
  color: #046787;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
}
.category-description-holder {
  padding: 0 20px 20px;
  background: #fff;
  position: relative;
}
.category-description-holder .category-description {
  margin: 0;
}
.category-description-holder ~ .content-box-holder {
  border-radius: 0 0 10px 10px;
}
.image-current-category img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.category-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 102%;
  margin: 0 -1%;
}
.category-list .category-item {
  width: 33%;
  padding: 0 1%;
  margin: 0 0 15px;
}
.category-list .category-item-wrapper {
  background: #f0f0f0;
  padding: 25px;
  border-radius: 4px;
  text-align: center;
}
.category-list .category-item .image-holder {
  position: relative;
  padding: 40% 0 0;
  margin: 0 0 15px;
  display: block;
}
.category-list .category-item .image-holder img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 80%;
  max-height: 100%;
}
.category-list .category-item h3 {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 8px;
  min-height: 42px;
}
.category-list .category-item.category-item-with-subtitle h3 {
  min-height: 0;
}
.category-list .category-item h4 {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 20px;
}
.category-list .category-item .category-button {
  margin: 15px 0 0;
}

/* ============= Product Page ============ */
.catalog-product-view {
  background: #f2f2f2;
}
.catalog-product-view .content {
  font-family: 'Lato';
  font-size: 14px;
}
.tabs.product-types {
  display: flex;
  border-bottom: 2px solid #e1e1e1;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.tabs.product-types li {
  flex: 1;
  border-left: 1px solid #e1e1e1;
}
.tabs.product-types li:first-child {
  border: none;
}
.tabs.product-types li a {
  text-align: center;
  padding: 14px 9px;
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
  display: block;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #f1f1f1 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #f1f1f1 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f1f1f1 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.tabs.product-types li.current a,
.tabs.product-types li a:hover {
  text-decoration: none;
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#056787+0,05617f+100 */
  background: #056787; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #056787 0%,
    #05617f 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #056787 0%,
    #05617f 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #056787 0%,
    #05617f 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056787', endColorstr='#05617f',GradientType=0 ); /* IE6-9 */
}
.product-wrap {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 8px #d8d8d8;
}
.product-wrap * {
  box-sizing: border-box;
}
.product-columns {
  display: flex;
  padding: 35px 0 30px;
}
/* =========== Product Media ========= */
.product-img-box {
  margin: 0 0 20px;
}
.product-img-box .zoomWrapper {
  border: none;
}
.product-img-box .zoom-notice {
  font-size: 12px;
  margin: 20px 0;
  color: #666;
}
.also-like-box,
.more-views {
  overflow: hidden;
}
.also-like-box .carousel .owl-carousel,
.product-wrap .carousel .owl-carousel {
  padding: 0 35px;
  box-sizing: border-box;
}
.also-like-box .carousel .owl-dots,
.product-wrap .carousel .owl-dots {
  display: none;
}
.also-like-box .carousel .owl-nav .owl-prev,
.also-like-box .carousel .owl-nav .owl-next,
.product-wrap .carousel .owl-nav .owl-prev,
.product-wrap .carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 23px;
  width: 23px;
  background-color: #046787;
  background-image: url('./images/icons/arrow.svg');
  background-size: 10px 9px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
}
.also-like-box .carousel .owl-nav .owl-prev,
.product-wrap .carousel .owl-nav .owl-prev {
  left: 0;
  transform: rotate(180deg);
}
.also-like-box .carousel .owl-nav .owl-next,
.product-wrap .carousel .owl-nav .owl-next {
  right: 0;
}
.also-like-box .carousel .owl-nav .owl-next:hover,
.also-like-box .carousel .owl-nav .owl-prev:hover,
.product-wrap .carousel .owl-nav .owl-prev:hover,
.pproduct-wrap .carousel .owl-nav .owl-next:hover {
  opacity: 0.8;
}
.also-like-box .carousel li,
.product-wrap .carousel li {
  text-align: center;
  background: none;
}
.also-like-box .carousel li p,
.product-wrap .carousel li p {
  font-size: 11px;
  color: #666;
  font-weight: 300;
}
.also-like-box .carousel li p a,
.product-wrap .carousel li p a {
  color: #666;
}
.also-like-box .carousel .thumbnail-item,
.product-wrap .carousel .thumbnail-item {
  display: block;
  padding: 100% 0 0;
  border-radius: 3px;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-subtitle {
  font-size: 19px;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 15px;
}

.product-columns .product-left-col {
  padding: 0 15px 0 25px;
  width: 48%;
  border-right: 1px solid #d1d1d1;
}
.product-columns .product-right-col {
  padding: 0 25px 0 15px;
  width: 52%;
}
.product-title-holder {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 15px;
}
.product-title-holder a.view-full {
  margin: 0 0 0 auto;
  color: #056787;
  position: relative;
  font-size: 11px;
  font-weight: 600;
  align-items: center;
  display: flex;
  order: 1;
  text-decoration: none;
  padding: 0;
  background: none;
}
.product-title-holder .view-full:before {
  content: '';
  height: 23px;
  width: 23px;
  background-color: #046787;
  background-image: url('./images/icons/arrow.svg');
  background-size: 10px 9px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 11px 0 0;
  transform: rotate(180deg);
  border-radius: 50%;
}
.product-title-holder .product-title {
  font-family: 'Lato';
  font-size: 27px;
  font-weight: 300;
  color: #666;
  line-height: 1.2;
}
.product-custom-option-select .cbox-inline img {
  display: none;
}
.product-custom-option-select .cbox-inline,
.product-title-holder .product-title .product-tooltip {
  cursor: pointer;
  margin: 0 0 0 3px;
  display: inline-block;
}
.product-custom-option-select .cbox-inline:before,
.product-title-holder .product-title .product-tooltip:before {
  content: '';
  display: block;
  height: 17px;
  width: 17px;
  background-image: url('./images/icons/help.svg');
  background-size: cover;
}
.pruduct-image #image {
  max-width: 100%;
}
.product-custom-option-select {
  margin: 0 0 20px;
  padding: 0 0 25px;
  border-bottom: 1px solid #d1d1d1;
  display: flex;
  flex-direction: column;
}
.product-custom-option-select .select-title {
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 15px;
  padding: 0;
  color: #666;
  line-height: 1.2;
  position: relative;
}
.product-custom-option-select .select-title:after {
  color: #046787;
}
.product-custom-option-select select {
  width: 100%;
}
.product-custom-option-select .product-pnone-info {
  order: 1;
  font-weight: 300;
}
.product-custom-option-select .tooltip-option-popup {
  display: none;
  box-shadow: 0 0 7px #ccc;
  width: 100%;
  background: #fff;
  z-index: 200;
  position: absolute;
  left: 0;
  top: 100%;
}
.product-custom-option-select .tooltip-option-holder {
  display: inline-block;
}
.product-custom-option-select
  .tooltip-option-holder:hover
  .tooltip-option-popup {
  display: block;
}
.product-custom-option-select .popupa {
  width: 100%;
  padding: 14px;
  font-family: 'Lato';
  font-weight: 300;
}
.product-options ul.options-list input + .label {
  max-width: 300px;
  font-size: 13px;
}
.product-info-holder {
  padding: 15px 25px;
  background: #f0f0f0;
  border-radius: 3px;
  margin: 0 0 20px;
}
.product-info-holder img {
  max-width: 100%;
  margin: 0;
}
.product-options-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-options-bottom .product-price {
  width: 49%;
  order: -1;
  padding: 0;
}
.product-options-bottom .product-price p {
  font-weight: 300;
  font-size: 20px;
  color: #666;
}
.product-options-bottom .product-price span {
  display: block;
  font-weight: 300;
  font-size: 20px;
  color: #666;
  padding: 0;
}
.product-options-bottom .add-to-truck,
.product-options-bottom .popup-qty-box {
  width: 48%;
}
.product-options-bottom .popup-qty-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.product-options-bottom .popup-qty-box p {
  padding: 0;
  line-height: 1;
  font-size: 12px;
  color: #666;
  margin: 0 15px 0 0;
}
.product-options-bottom .popup-qty-box .selectBox-dropdown {
  min-width: 90px;
  background: #fff;
  border-radius: 4px;
}
.add-to-truck {
  position: relative;
  margin: 15px 0 0;
}
.add-to-truck img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
}
.add-to-truck a,
.add-to-truck button {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 10px;
  border-radius: 7px;
  line-height: 1;
  width: 100%;
  text-transform: uppercase;
}
.add-to-truck a {
  color: #fff;
  background: #056787;
  border: 1px solid #056787;
}
.add-to-truck button {
  color: #272727;
  background: #f9a706; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f9a706 0%,
    #e1aa12 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f9a706 0%,
    #e1aa12 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a706', endColorstr='#e1aa12',GradientType=0 ); /* IE6-9 */
}
.add-to-truck button:before {
  content: '';
  width: 18px;
  height: 16px;
  margin: 0 18px 0 0;
  background-size: contain;
  background-image: url('./images/icons/supermarket-black.svg');
}
.add-to-truck button:hover {
  background: #e1aa12;
  background: -moz-linear-gradient(top, #e1aa12 0%, #f9a706 99%);
  background: -webkit-linear-gradient(top, #e1aa12 0%, #f9a706 99%);
  background: linear-gradient(to bottom, #e1aa12 0%, #f9a706 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1aa12', endColorstr='#f9a706',GradientType=0 );
}
.add-to-truck a:before {
  content: '';
  width: 16px;
  height: 16px;
  margin: 0 18px 0 0;
  background-size: contain;
  background-image: url('./images/icons/heart.svg');
}
.add-to-truck a:hover {
  background: #ffffff;
  color: #056787;
  text-decoration: none;
}
.add-to-truck a:hover:before {
  background-image: url('./images/icons/heart-blue.svg');
}
.product-social-holder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px 0 0;
}
.product-social-holder p {
  font-size: 11px;
  text-transform: uppercase;
}
.facebook-like {
  display: flex;
}
.facebook-like a {
  margin: 0 12px 0 0;
}
.facebook-like a:last-child {
  margin: 0;
}
.facebook-like .facebook-share .stButton .stMainServices,
.facebook-like .twitter-share .stButton .stMainServices {
  width: 30px;
  height: 30px !important;
  background: #046787 !important;
  border-radius: 50%;
  position: relative;
  padding: 0;
}

.facebook-like .facebook-share .stButton .stArrow,
.facebook-like .twitter-share .stButton .stArrow {
  display: none;
}
.facebook-like .addthis_button_email,
.facebook-like .print-share {
  border-radius: 50%;
  background-color: #046787;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  position: relative;
}

.facebook-like .facebook-share .stButton .stMainServices:before,
.facebook-like .twitter-share .stButton .stMainServices:before,
.facebook-like .addthis_button_email:before,
.facebook-like .print-share:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.facebook-like .facebook-share .stButton .stMainServices:before {
  background-image: url('./images/icons/facebook.svg');
  width: 8px;
  height: 15px;
}
.facebook-like .twitter-share .stButton .stMainServices:before {
  background-image: url('./images/icons/twitter.svg');
  width: 14px;
  height: 11px;
}
.facebook-like .addthis_button_email:before {
  background-image: url('./images/icons/email.svg');
  width: 14px;
  height: 10px;
}
.facebook-like .print-share:before {
  background-image: url('./images/icons/printer.svg');
  width: 14px;
  height: 13px;
}
.product-info-holder .info-block {
  padding: 15px 0;
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
}
.product-info-holder .info-block .info-block-description {
  padding: 0 10px 0 0;
}
.product-info-holder .info-block .info-block-description p {
  margin: 15px 0 0 0;
  font-size: 13px;
}
.product-info-holder .more-info-holder-toggled {
  border-top: 1px solid #d1d1d1;
}
.product-info-holder .more-info-holder-toggled:first-child {
  border: none;
}
.product-info-holder .toggle-full-info-block,
.product-info-holder .toggle-full-info-block p,
.product-info-holder .toggle-full-info-block td,
.product-info-holder .toggle-full-info-block th {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
}
.toggle-full-info-block h1,
.toggle-full-info-block h2,
.toggle-full-info-block h3,
.toggle-full-info-block h4,
.toggle-full-info-block h5,
.toggle-full-info-block h6 {
  font-weight: 300;
  margin: 0 0 10px;
  line-height: 1.2;
}
.toggle-full-info-block {
  visibility: hidden;
  max-height: 0;
}
.more-info-holder-toggled {
  overflow: hidden;
}
.more-info-holder-toggled.opened .toggle-full-info-block {
  visibility: visible;
  max-height: 4000px;
}
.more-info-holder-toggled .full-info-block {
  padding: 15px 0;
  overflow: hidden;
}
.product-info-holder h4 {
  font-weight: 300;
  font-size: 21px;
  padding: 0;
  line-height: 1;
}
.product-info-holder h4.title-product-info {
  margin: 0 0 15px;
}
.delivery-warranty-holder .info-block h5:before {
  content: '';
  width: 45px;
  height: 45px;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.delivery-warranty-holder .info-block.delivery-info h5:before {
  background-image: url('./images/icons/logistics-delivery-truck-in-movement.svg');
  background-size: 44px 25px;
}
.delivery-warranty-holder .info-block.warranty-info h5:before {
  background-image: url('./images/icons/ribbon.svg');
  background-size: 35px 35px;
  color: #046787;
}
.delivery-warranty-holder .info-block h5 {
  margin: 0 10px 0 0;
  display: flex;
  font-size: 16px;
  font-weight: 300;
}
.delivery-warranty-holder .info-block h5 span {
  display: flex;
  align-self: center;
}
.product-info-holder.download-installation-holder a,
.more-info-button {
  font-weight: 600;
  color: #046787;
  font-size: 10px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 7px;
  border: 1px solid #046787;
  flex-shrink: 0;
  margin: 0 0 0 auto;
  display: block;
  text-transform: uppercase;
  position: relative;
}
.more-info-button .default-text {
  display: block;
}
.more-info-button .active-text {
  display: none;
}
.more-info-button:hover,
.product-info-holder.download-installation-holder a:hover {
  background: #046787;
  text-decoration: none;
  color: #fff;
}
.more-info-button:hover span {
  color: #fff;
}
.more-info-button.blue-button {
  background-color: #046787;
  color: #fff;
}
.more-info-button.blue-button:hover {
  background-color: #fff;
  color: #046787;
  text-decoration: none;
}
.more-info-button.blue-button:hover span {
  color: #046787;
}
.more-info-button.button-with-arrow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 12px;
  height: 7px;
  background-size: cover;
}
.more-info-button.button-with-arrow-left-side {
  padding: 10px 40px;
}
.more-info-button.button-with-arrow-left-side:before {
  left: 23px;
}
.more-info-button.button-with-arrow-right-side {
  padding-right: 40px;
}
.more-info-button.button-with-arrow-right-side:before {
  right: 15px;
}
.more-info-button.button-with-arrow:before,
.more-info-button.blue-button.button-with-arrow:hover:before {
  background-image: url('./images/icons/arrow-down.svg');
}
.more-info-button.blue-button.button-with-arrow:before,
.more-info-button.button-with-arrow-right-side:hover:before {
  background-image: url('./images/icons/arrow-down-white.svg');
}
.more-info-holder-toggled.opened .more-info-button.button-with-arrow:before {
  transform: rotate(180deg);
}
.product-wrap .pro-intro {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 20px;
}
.also-like-box {
  margin: 0 0 20px;
}

.products-general-description-holder {
  font: 300 32px/1.1 'Lato', sans-serif;
  margin: 0 0 15px;
  width: 100%;
}
.products-info-holder {
  display: flex;
  margin: 0 0 15px;
}
.products-info-holder *,
.special-products-info-holder * {
  box-sizing: border-box;
}
.products-info-holder > div {
  width: 50%;
  padding: 28px 27px 36px;
}
.products-info-holder .products-info-text-holder,
.special-products-holder .special-products-info-text-holder {
  color: #fff;
  background: #60a0bc;
  font: 300 18px/1.3 'Lato', sans-serif;
}
.products-info-holder .products-info-img-holder,
.special-products-holder .special-products-info-img-holder {
  background: #787880;
  position: relative;
}
.products-info-holder .products-info-img-holder img,
.special-products-holder .special-products-info-img-holder img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}
.special-products-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.special-products-holder .special-products-left-side,
.special-products-holder .special-products-right-side {
  width: 49%;
  margin: 0 0 15px;
}
.special-products-holder .special-products-info-holder {
  position: relative;
}
.special-products-holder .special-products-info-holder > div {
  padding: 28px 27px 36px;
}
.special-products-holder .special-products-info-img-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.special-products-holder
  .special-products-info-holder:hover
  .special-products-info-text-holder {
  opacity: 0;
}
.special-products-holder
  .special-products-info-holder:hover
  .special-products-info-img-holder {
  opacity: 1;
}
.special-products-holder .shop-product-line {
  justify-content: center;
}
.special-products-holder .product-list .desk-box {
  width: 48%;
}
.shop-product-line {
  display: flex;
  flex-wrap: wrap;
}
.product-list .desk-box {
  width: 23%;
  padding: 0 0 30px;
  margin: 0 1% 15px;
  height: auto;
  float: none;
  min-height: 0;
}
.product-list.shop-product-line .view-details-btn {
  bottom: 4px;
  background: #faa707;
  padding: 7px 12px 9px;
  border-radius: 9px;
  color: #fff;
  text-align: center;
  display: inline-block;
  font: 400 15px/1 'Lato', sans-serif;
  position: absolute;
}
.product-list.shop-product-line .view-details-btn:hover {
  text-decoration: none;
  background: #009cc0;
}
.desk-box {
  width: 32%;
  float: left;
  position: relative;
  margin-bottom: 15px;
  margin-right: 14px;
  background: #fdfdfd;
  box-shadow: 0px 0px 3px #999;
  height: 276px;
}
.desk-box-last {
  margin-right: 0;
}
.desk-box-left {
  padding-right: 18px;
}

.desk-box h3 {
  padding: 5px 5px 0 10px;
}

.desk-box h3 a {
  font-family: 'UniversCE55MediumRegular';
  font-size: 18px;
  color: #006993;
  font-weight: normal;
  line-height: 24px;
}
.desk-box a img {
  display: block;
  height: auto;
  max-width: 100%;
}
.desk-box-infos {
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.product-list .desk-box h3 {
  min-height: 50px;
}

.desk-box p.starting-at {
  font-size: 11px;
  color: #333;
  position: absolute;
  left: 10px;
  bottom: 8px;
}
.desk-box p.starting-at span {
  color: #990000;
  font-size: 17px;
  font-weight: bold;
}
.view-details-btn {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.monitor-pic {
  display: block;
  text-align: center;
  padding: 5px 0;
}

/*workspace*/
.workshop-img {
  float: left;
  padding-top: 20px;
}
.workshop-img img {
  padding: 0 50px 0 50px;
}
.workshop-img-1 {
  padding-right: 18px;
  float: left;
}
.workshop-logo {
  float: left;
  padding: 30px 0 40px 0;
}
.workshop-logo p {
  text-align: center;
}
.workshop-logo p a:hover {
  text-decoration: underline;
}
.workshop-logo p a {
  font-size: 14px;
  line-height: 36px;
}
.workshop-logo-1 {
  padding-right: 18px;
}
.workshop-logo-1,
.workshop-logo-2 {
  width: 368px;
  float: left;
}

/*Story*/
.story-area {
  float: left;
  width: 756px;
}
.story-area img {
  float: right;
  padding-left: 20px;
  padding-top: 8px;
}
.story-area p {
  font-size: 12px;
  line-height: 20px;
}
.story-area p span {
  color: #006993;
  font-weight: bold;
}
.story-man-area {
  float: left;
  padding-top: 50px;
}
img.story-man {
  float: left;
  padding-right: 20px;
}
img.story-man-title {
  padding-top: 30px;
  float: left;
}
.story-man-area h3 {
  font-weight: normal;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 30px;
  float: left;
  width: 400px;
}
.story-man-area p {
  font-size: 12px;
  line-height: 20px;
  float: left;
  width: 450px;
}

h3.build-own-title-now {
  font-family: 'UniversCE55MediumRegular';
  font-size: 18px;
  color: #333;
  font-weight: normal;
  line-height: 36px;
  position: relative;
  top: 50px;
}
.story-own-nav {
  float: left;
  position: relative;
  left: -11px;
  position: relative;
  top: 30px;
  height: 36px;
}
.story-own-nav ul {
  width: 748px;
}
.story-own-nav .sub-nav-1 {
  left: 0;
  padding-left: 20px !important;
  width: 130px;
}
.story-own-nav .sub-nav-2 {
  left: 115px;
}
.story-own-nav .sub-nav-3 {
  left: 265px;
}
.story-own-nav .sub-nav-4 {
  left: 435px;
}
.story-own-nav .sub-nav-5 {
  left: 560px;
}

.new-topic {
  padding-top: 0px;
  float: left;
  color: #333;
}
.new-topic h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
}
.new-topic h3 span {
  font-weight: bold;
}
.new-topic p {
  font-size: 12px;
  line-height: 20px;
}

/*cool desk*/
.pager-line {
  float: left;
  width: 100%;
}
.pager-box {
  float: right;
  padding-right: 4px;
}
.pre-btn {
  padding-right: 10px;
}
.next-btn {
  padding-left: 10px;
}
.pre-btn,
.next-btn {
  float: left;
}
.pre-btn:hover,
.next-btn:hover {
  text-decoration: underline;
}
.pager-box a {
  font-family: 'UniversCE55MediumRegular';
  font-size: 12px;
  color: #333;
}
.pager-box ul {
  float: left;
}
.pager-box li {
  float: left;
  padding: 0 2px;
}
.pager-box li a {
  width: 15px;
  height: 15px;
  display: block;
  border: 1px solid #006993;
  text-align: center;
}
.pager-box li a:hover {
  background: #006993;
  color: #fff;
}
.pager-box li.current a {
  background: #006993;
  color: #fff;
}
.cool-desk-products {
  float: left;
  padding-top: 15px;
  padding-bottom: 20px;
}
.cool-desk-products ul {
}
.cool-desk-products li {
  float: left;
  padding-right: 17px;
  padding-bottom: 10px;
  height: 200px;
}
.cool-desk-products li p {
  text-align: left;
}
.cool-desk-products li p a {
  font-family: 'UniversCE55MediumRegular';
  font-size: 14px;
  color: #333;
  line-height: 16px;
}
.cool-desk-products li p a:hover {
  color: #006993;
}
.cool-desk-products li.last {
  padding-right: 0;
}

/*cool desk upload*/
p.info {
  font-family: 'UniversCE55MediumRegular';
  font-size: 12px;
  color: #333;
  line-height: 18px;
}
.upload-yours-form {
  padding: 20px 0 50px 0;
  float: left;
  width: 750px;
}
.red-star {
  color: #ff0000;
}
.form-label {
  float: left;
  clear: left;
  padding-top: 8px;
  font-size: 12px;
  line-height: 20px;
}
.input-text-box {
  width: 404px;
  height: 21px;
  float: left;
  clear: left;
  border: 1px solid #c6c6c6;
}
.textarea-text {
  width: 404px;
  height: 140px;
  float: left;
  clear: left;
  border: 1px solid #c6c6c6;
}
.select-photo {
  line-height: 20px;
  padding-right: 20px;
}
.file-box {
  padding-top: 30px;
  float: left;
  clear: left;
}
.upload-yours-form .file {
  font-size: 95%;
}
.submit-btn {
  margin: 30px 0 0 316px;
  float: left;
  clear: left;
}
.submit-btn {
  background: url(images/submit-btn.png) left top no-repeat;
  border: 0px none;
  text-indent: -9999px;
  overflow: hidden;
  width: 88px;
  height: 25px;
}
.copyright-title {
  font-family: 'UniversCE55MediumRegular';
  font-size: 14px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}
.copyright-ctn {
  font-family: 'UniversCE55MediumRegular';
  font-size: 12px;
  color: #666;
  line-height: 18px;
}

/*contact us*/
.banner2 {
  float: right;
  height: auto;
  padding-right: 0;
  width: 70%;
}
.banner-pics2 {
}
.slide > img {
  float: right;
}
.banner-pics2 .slide {
  position: relative;
}
.banner-pics2 .slide p {
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-family: 'UniversCE55MediumRegular';
  font-size: 16px;
  color: #333;
}
.banner-pics2 .slide p span {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.banner-btns2 {
  position: relative;
  display: none;
}
.banner-arrow2 .arrow-l {
  position: absolute;
  top: -270px;
  left: 10px;
}
.banner-arrow2 .arrow-r {
  position: absolute;
  top: -270px;
  left: 455px;
}
.banner-slide-nav2 {
  position: absolute;
  right: 8px;
  bottom: 16px;
}
.banner-slide-nav2 a {
  display: block;
  background: url(images/banner-btn.png) no-repeat -95px 0;
  height: 15px;
  width: 14px;
  float: left;
  padding-right: 5px;
  text-indent: -9999px;
}
.banner-slide-nav2 a.activeSlide {
  background: url(images/banner-btn.png) no-repeat 0 0;
}

.bio-logo {
  padding-bottom: 20px;
  position: relative;
  left: -3px;
}
.contact-left-text {
  line-height: 20px;
  padding-bottom: 30px;
}
.contact-left-text a {
  color: #666;
}
.contact-left-text a:hover {
  text-decoration: underline;
}

.contact-form-area {
  width: 100%;
  padding-top: 40px;
}
.contact-form-area ul {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.contact-form-area li {
  float: left;
  background: url(images/contact-form-title.png) left top no-repeat;
  margin-right: 15px;
}
.contact-form-area li a {
  display: block;
  padding: 0 20px 0 15px;
  background: url(images/contact-form-title.png) right top no-repeat;
  height: 34px;
  line-height: 34px;
  position: relative;
  left: 5px;
  font-size: 14px;
  color: #333;
}
.contact-form-area li.current,
.contact-form-area li:hover {
  background: url(images/contact-form-title.png) left -39px no-repeat;
}
.contact-form-area li.current a,
.contact-form-area li:hover a {
  background: url(images/contact-form-title.png) right -39px no-repeat;
  color: #fff;
}

.form-left {
  float: left;
  padding-right: 53px;
  width: 340px;
}
.form-left-last {
  padding-right: 0px;
}
.form-left label {
  width: 300px;
}
.form-left .input-text-box {
  width: 340px;
}
.form-left .textarea-text {
  width: 340px;
}
.form-left .input-text-box-half {
  width: 150px;
}
.form-in-a-line {
  float: left;
  clear: left;
  width: 340px;
}
.form-line-half {
  float: left;
  margin-right: 10px;
}
.form-line-half label {
  width: 150px;
}
.form-in-a-line .last {
  padding-right: 0;
}
.form-in-a-line ul {
  border: none;
  width: 340;
  margin-bottom: 0px;
  clear: left;
}
.form-in-a-line li {
  margin-right: 10px;
  float: left;
  width: 340px;
  background-image: none;
}
.form-in-a-line li:hover {
  background-image: none;
}
.form-in-a-line li p {
  background-color: #f6f6f6;
  font-size: 10px;
  line-height: 18px;
  padding-left: 3px;
  clear: left;
}
.form-in-a-line2 {
  float: left;
}
.form-in-a-line2 .form-line-half {
  padding: 2px 0;
}
.form-in-a-line2 label {
  width: 140px;
  padding-top: 0;
}
.form-in-a-line2 input {
  clear: none;
}
.form-subscribe {
  float: left;
  clear: left;
  width: 340px;
}
.form-subscribe label {
  display: inline-block;
  float: left;
  clear: none;
  width: auto !important;
}
.form-subscribe input {
  margin-top: 12px;
  margin-left: 5px;
  margin-right: 10px;
  float: left;
}

/*Customer and Testimonials*/
.customer-info {
  font-size: 12px;
  color: #333;
  line-height: 20px;
}
.customer-list {
  padding-top: 20px;
}
.customer-list h3 {
  font-size: 14px;
  color: #006993;
  line-height: 24px;
}
.customer-list ul.list-title {
  float: left;
  padding-bottom: 10px;
  width: 100%;
}
.customer-list .list-title li {
  padding-left: 15px;
  line-height: 20px;
  background: url(images/customer-dot.png) 2px 8px no-repeat;
}
.customer-list .list-title li a {
  font-size: 12px;
  font-family: 'UniversCE55MediumRegular';
  color: #333;
}
.customer-list .list-title li a:hover {
  text-decoration: underline;
}
.list-box {
  padding-bottom: 20px;
  background: #ededed;
}
.list-box h4 {
  font-size: 14px;
  line-height: 40px;
  background: #fff;
  display: block;
}
.list-box-detail {
  background: #ededed;
  position: relative;
  padding: 20px 0 20px 50px;
  width: 708px;
}
.list-box-detail ul {
  float: left;
  padding-right: 40px;
}
.list-box-detail ul.last {
  padding-right: 0;
}
.list-box-detail ul li {
  font-size: 12px;
  font-family: 'UniversCE55MediumRegular';
  color: #333;
  line-height: 20px;
}
.banner-arrow3 .arrow-l {
  position: absolute;
  top: 160px;
  left: 8px;
}
.banner-arrow3 .arrow-r {
  position: absolute;
  top: 160px;
  right: 0px;
}
.back-to-top {
  background: url(images/back-to-top-icn.png) left 3px no-repeat;
  padding-left: 15px;
  text-decoration: underline;
}

.testimonials-area {
  padding: 40px 0 20px 0;
}
.testimonials-area h4 {
  font-size: 14px;
}
.testimonials-box {
  padding-top: 30px;
}
.test-info {
  font-size: 14px;
  padding-left: 10px;
  color: #333;
  line-height: 30px;
}
.test-words {
  background: #ededed;
  padding: 20px;
  width: 85%;
  position: relative;
  margin-top: 30px;
}

.test-words:after,
.test-words:before {
  bottom: 99%;
  left: 7%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.test-words:after {
  border-color: rgba(237, 237, 237, 0);
  border-bottom-color: #ededed;
  border-width: 30px;
  margin-left: -30px;
  border-left: 0 none;
}
.test-words:before {
  border-color: rgba(0, 0, 0, 0);
  border-width: 36px;
  margin-left: -36px;
}

.test-words p {
  background: url(images/test-words-bg-line.png) left top repeat-y;
  width: 95%;
  padding: 3px 20px 20px 13px;
  font-size: 12px;
  line-height: 20px;
  color: #333;
}

/*add-ons*/
.add-ons-ctn {
  padding-top: 30px;
  padding-bottom: 80px;
}
.add-ons-ctn img {
  float: left;
}
.add-ons-ctn-right {
  float: right;
  width: 346px;
  padding-left: 20px;
  padding-right: 0;
}
.add-ons-ctn-right h3 {
  font-weight: normal;
  line-height: 20px;
  color: #333;
  padding-bottom: 15px;
}
.add-ons-ctn-right ul {
  float: left;
}
.add-ons-ctn-right ul.add-ons-ul-left {
  padding-right: 50px;
}
.add-ons-ctn-right ul li {
  padding-left: 15px;
  background: url(images/banner-list-icon.png) left 8px no-repeat;
  line-height: 20px;
}
.add-ons-ctn-right ul li a:hover {
  text-decoration: underline;
}

/*conference tables*/
.conference-ctn {
  padding-bottom: 30px;
}
.custom-archite {
  float: left;
  padding-top: 40px;
}
.custom-archite h4 {
  font-size: 14px;
  color: #333;
  padding-bottom: 20px;
}
.custom-archite ul {
}
.custom-archite ul li {
  float: left;
  padding-right: 13px;
}
.custom-archite ul li.last {
  padding-right: 0;
}
.custom-archite ul p {
  line-height: 30px;
}
.custom-archite ul p a {
  color: #333;
  font-size: 10px;
}

.conference-title {
  font-weight: normal;
  padding: 30px 0 20px 0;
  color: #333;
  font-size: 20px;
}

.select-order-box {
  display: flex;
  flex-direction: column;
}

.product-name h5 {
  font-size: 16px;
  font-weight: normal;
  color: #006993;
}
.product-color,
.textile-color {
  display: flex;
  flex-wrap: wrap;
}
.product-color li,
.textile-color li {
  padding: 0 9px 9px 0;
}
.product-color li a,
.textile-color li a {
  display: block;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  width: 76px;
}
.textile-color a.selected,
.product-color a.selected {
  border: 2px solid #ff0000;
}
.product-color li.color-1 a {
  background: #0d0d0e;
}
.product-color li.color-2 a {
  background: #2d2c32;
}
.product-color li.color-3 a {
  background: #636557;
}
.product-color li.color-4 a {
  background: #626364;
}
.product-color li.color-5 a {
  background: #383734;
}
.product-color li.color-6 a {
  background: #7d733f;
}
.product-color li.color-7 a {
  background: #4d3117;
}
.product-color li.color-11 a {
  background: #354423;
}
.product-color li.color-12 a {
  background: #505c30;
}
.product-color li.color-13 a {
  background: #abab57;
}
.product-color li.color-14 a {
  background: #161841;
}
.product-color li.color-15 a {
  background: #4d598f;
}
.product-color li.color-16 a {
  background: #6d1929;
}
.product-price {
  padding: 15px 0;
}
.product-price p {
  font-size: 14px;
  color: #333;
}
.product-price p span {
  color: #990000;
  font-size: 18px;
  font-weight: bold;
  padding-left: 5px;
}

.select-title {
  color: #333;
  line-height: 36px;
  font-size: 14px;
  padding-top: 5px;
}
.select-box-area {
  height: 27px;
  width: 337px;
  border: 1px solid #ddd;
  border-top: 2px solid #ddd;
  position: relative;
}
.select-btn {
  background: url(images/select-btn.png) left 9px no-repeat;
  float: right;
  width: 18px;
  height: 25px;
  cursor: pointer;
}
.select-list {
  position: absolute;
  top: 27px;
  left: -1px;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px 0;
  z-index: 10000;
}
.select-list span {
  display: block;
  margin-left: 7px;
  margin-right: 7px;
  line-height: 20px;
  font-size: 14px;
  padding: 3px 0 3px 3px;
}
.select-list span:hover {
  background: #666;
  color: #fff;
}
.select-current-item {
  line-height: 27px;
  padding-left: 10px;
  font-size: 14px;
  height: 27px;
  overflow: hidden;
}

.product-height {
  position: relative;
  z-index: 8000;
}
.product-size {
  float: left;
  z-index: 6000;
  position: relative;
}
.product-size .select-box-area {
  width: 231px;
}
.product-qty {
  float: right;
  z-index: 6000;
  position: relative;
}
.product-qty .select-box-area {
  width: 90px;
}
.block-content {
  clear: both;
}

.product-infos {
  position: relative;
  margin-top: 25px;
}
.product-infos .tabs {
  width: 100%;
  float: left;
}
.product-infos .tabs li {
  float: left;
  height: 35px;
  padding-left: 5px;
  background: url(images/contact-form-title.png) left top no-repeat;
  margin-right: 10px;
  line-height: 35px;
}
.product-infos .tabs li a {
  padding: 0 18px 0 10px;
  display: block;
  background: url(images/contact-form-title.png) right top no-repeat;
  color: #333;
  font-size: 14px;
  position: relative;
  right: -5px;
  height: 35px;
}
.product-infos .tabs li.current {
  background: url(images/contact-form-title.png) left -38px no-repeat;
}
.product-infos .tabs li.current a {
  color: #fff;
  background: url(images/contact-form-title.png) right -38px no-repeat;
}
.product-infos .tabs li:hover {
  background: url(images/contact-form-title.png) left -38px no-repeat;
}
.product-infos .tabs li:hover a {
  color: #fff;
  background: url(images/contact-form-title.png) right -38px no-repeat;
}

/*popup window*/
.popup-window {
  width: 760px;
  height: 540px;
  position: absolute;
  background: #fff;
  z-index: 10000;
  left: 110px;
  top: 90px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  padding: 20px;
}
.popup-window h2 {
  font-size: 20px;
  margin-top: 25px;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  line-height: 30px;
  padding-bottom: 10px;
  color: #333;
}
.popup-ctn {
  height: 420px;
  overflow-y: scroll;
}
.popup-info {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  line-height: 22px;
}
.popup-info i {
  font-size: 12px;
}
.popup-products-box {
}
.popup-products-box h3 {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  padding: 15px 0;
  font-weight: bold;
}
.popup-radio-box li {
  height: 30px;
}
.popup-radio-box label {
  font-size: 14px;
  color: #333;
  padding-left: 5px;
}

.popup-btns {
  float: right;
  padding-top: 30px;
}
.popup-btns a {
  font-size: 14px;
  padding-right: 15px;
  text-decoration: underline;
}
.popup-btns button {
  background: none;
  border: none 0px;
  cursor: pointer;
  width: 210px;
}
.popup-btns button span {
  background: url(images/add-to-truck-btn.png) left top no-repeat;
  display: block;
  width: 202px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 18px;
}
.popup-close-btn {
  position: absolute;
  top: 8px;
  right: 10px;
}
.popup-close-btn a {
  display: block;
  width: 55px;
  height: 20px;
  background: url(images/close-button.png) right top no-repeat;
  color: #333;
}

.popup-products-box2 {
  width: 340px;
  padding: 13px;
  float: right;
}
.popup-pic {
  width: 360px;
  text-align: center;
}
.popup-pic img {
  border: #eee 5px solid;
  border-radius: 5px;
}

/*Benefits*/
.benefits-banner {
}
.benefits-banner ul {
}
.benefits-banner li {
  float: left;
  padding-right: 6px;
  padding-bottom: 10px;
}
.benefits-banner li.last {
  padding-right: 0;
}
.benefits-banner p {
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  clear: both;
}
.benefits-banner p a:hover {
  text-decoration: underline;
}

.benefits-tabs {
  padding-top: 20px;
}
.benefits-tabs ul {
}
.benefits-tabs li {
  line-height: 24px;
  padding-left: 10px;
  background: url(images/customer-dot.png) left 10px no-repeat;
}
.benefits-tabs li a {
  font-size: 12px !important;
}
.benefits-tabs li a:hover {
  text-decoration: underline;
}
.benefits-tabs li.current a {
  text-decoration: underline;
}

.posture-box-1 {
  padding-top: 20px;
}
.posture-box-2 {
  padding-top: 50px;
}
.posture-box-1 img {
  float: right;
}
.posture-box-1 .posture-box-ctn {
  float: left;
}
.posture-box-2 img {
  float: left;
}
.posture-box-2 .posture-box-ctn {
  float: right;
}
.posture-box-ctn {
  width: 485px;
}
.posture-box-ctn h4 {
  font-size: 14px;
}
.posture-box-ctn ul {
  padding-top: 20px;
}
.posture-box-ctn li {
  padding-left: 50px;
  line-height: 18px;
  padding-bottom: 20px;
}
.num-1 {
  background: url(images/num-1.png) left top no-repeat;
}
.num-2 {
  background: url(images/num-2.png) left top no-repeat;
}
.num-3 {
  background: url(images/num-3.png) left top no-repeat;
}

.sha {
  padding-top: 50px;
}
.sha-logo {
  float: left;
}
.sha-logo img {
  float: left;
}
.sha-logo p {
  padding-top: 16px;
  line-height: 18px;
}
.sha-show {
  clear: left;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  padding-top: 30px;
}
.sha-show a:hover {
  text-decoration: underline;
}

/*five-steps*/
.five-steps-total {
}
.five-steps-total img {
  float: left;
}
.five-steps-total h4 {
  float: left;
  font-size: 14px;
  padding: 5px 0 10px 25px;
}
.five-steps-total-ctn {
  background: url('images/five-steps-total-bg.png') no-repeat scroll left top /
    contain rgba(0, 0, 0, 0);
  float: left;
  padding-top: 30px;
  width: 75%;
}
.five-steps-total-ctn-inside {
  background: url('images/five-steps-total-bg-line.png') repeat-y scroll left
    top / contain rgba(0, 0, 0, 0);
  float: left;
  width: 100%;
}
.five-steps-total-ctn-inside p {
  font-size: 16px;
  line-height: 26px;
  padding: 5px 10px 10px 40px;
  color: #333;
}

.follow-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #333;
  padding-top: 20px;
  padding-bottom: 2px;
}
.steps-box {
  padding-bottom: 30px;
  float: left;
}
.steps-pic {
  float: left;
}
.steps-box-ctn {
  float: right;
  width: 520px;
  padding-left: 6px;
}
.steps-box-ctn h5 {
  font-weight: normal;
  font-size: 14px;
  position: relative;
  padding-left: 15px;
  color: #333;
  padding-bottom: 20px;
  line-height: 18px;
}
.steps-box-ctn h5 span {
  position: absolute;
  left: 0;
}
.steps-box-ctn p {
  padding-left: 15px;
  padding-bottom: 8px;
  clear: left;
  font-size: 14px;
}
.steps-box-ctn ul {
  padding-left: 15px;
  padding-bottom: 20px;
  float: left;
  clear: left;
}
.steps-box-ctn li {
  line-height: 22px;
  text-align: left;
}
.steps-box-ctn li a {
  font-size: 14px;
}
.steps-box-ctn li a img {
  padding: 3px 10px 0 0;
  float: left;
  clear: left;
}
.steps-box-ctn li a span {
  display: block;
  float: left;
  color: #333;
}

.step-1 {
  color: #006993;
}
.step-2 {
  font-style: italic;
}
.step-3 {
  color: #333;
  padding-bottom: 20px !important;
  line-height: 18px;
  float: left;
  width: 490px;
}

.step-4 li.last {
  padding-bottom: 0;
}

.submit-box {
  text-align: center;
}
.submit-box p a {
  font-size: 14px;
  position: relative;
  top: 15px;
}
.submit-box p a:hover {
  text-decoration: underline;
}

/*My Truck*/
.my-truck {
  background: url(images/truck-icon.png) 2px 6px no-repeat;
  display: inline-block;
  padding-left: 45px;
  color: #fff;
}
.truck-subtotal {
  margin: 10px 8px 5px 8px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}
.items-num {
  font-weight: bold;
}
.items-price {
  padding: 5px 0;
}
.items-price span {
  color: #900;
  font-weight: bold;
}
.recent-box {
  margin: 0 8px 0px 8px;
}
.recent-box h3 {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 24px;
}
.recent-item {
  position: relative;
  border-top: 1px solid #eee;
  width: 170px;
}
.recent-item-pic {
  float: left;
  padding: 10px 10px 10px 0;
}
.recent-item-name {
  float: left;
  width: 110px;
  padding-top: 8px;
}
.recent-item-price {
  float: left;
  width: 110px;
  padding-bottom: 10px;
  color: #333;
}
.recent-item-close {
  position: absolute;
  top: 10px;
  right: 0;
}

/*selectyourdesk popup*/
.popup-leveldesk-box {
  float: left;
  width: 220px;
  padding: 0 10px;
}
.desk-info {
  border-right: 1px solid #eee;
  height: 370px;
}
.desk-info a img {
  width: 220px;
  padding: 20px 0;
}
.desk-info h3 {
  font-size: 14px;
  color: #333;
  line-height: 16px;
  margin-bottom: 10px;
}
.desk-info p {
  width: 220px;
}
.popup-leveldesk-box p.starting-at {
  font-size: 13px;
  padding-bottom: 15px;
  color: #333;
}
.popup-leveldesk-box p.starting-at span {
  color: #990000;
  font-size: 17px;
  font-weight: bold;
}
.learnmore {
  display: inline-block;
  position: relative;
  top: -8px;
  left: 10px;
}
.learnmore:hover {
  text-decoration: underline;
}
/*main-content end*/

/*dropdown menu*/
.nav-bar {
  position: relative;
  z-index: 100;
}
.content {
  position: relative;
  z-index: 90;
}
.nav li {
  position: relative;
  padding-bottom: 15px;
}
.nav .dropdown-menu {
  position: absolute;
  left: -9915px;
  top: 27px;
  width: 480px;
  background: #f6f6f6;
  padding: 15px 15px 30px 25px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  display: none;
}
.nav .dropdown-menu h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  color: #111;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.nav .dropdown-menu .drop-left {
  float: left;
  width: 220px;
  padding-right: 30px;
}
.nav .dropdown-menu .drop-right {
  float: left;
  width: 220px;
}
.nav li:hover .dropdown-menu {
  display: block;
  left: -15px;
}
.nav .dropdown-menu li {
  background: none;
  padding-bottom: 0;
}
.nav .dropdown-menu li a {
  display: block;
  line-height: 20px;
  background: url(images/banner-list-icon.png) left 8px no-repeat;
  padding-left: 20px;
  font-size: 12px;
}

/*0821 Added*/

.cart-btns {
  border-top: 1px solid #eee;
  padding: 10px 0 5px 0;
}
.view-cart-popup-btn {
  background: url(images/cart-btn.png) left top no-repeat;
  height: 25px;
  width: 80px;
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
}
.check-out-popup-btn {
  background: url(images/cart-btn.png) left top no-repeat;
  height: 25px;
  width: 80px;
  float: left;
  color: #fff;
  font-size: 12px;
  border: none;
  font-family: 'UniversCE55MediumRegular', Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.popup-window2 {
  width: 400px;
  height: auto;
}

.add-to-cart-message {
  height: 30px;
  background: #f0f0f0;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}
.product-box-popup-area {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 15px;
}
.pro-popup-img {
  float: left;
  padding-right: 15px;
}
.pro-popup-img img {
  width: 80px;
}
.pro-popup-name {
  float: left;
  width: 170px;
}
.pro-popup-name .title {
  font-weight: bold;
  color: #006993;
  font-size: 14px;
}
.pro-popup-name p {
  padding-bottom: 5px;
}
.pro-popup-price {
  float: right;
  width: 120px;
  text-align: right;
  padding-top: 20px;
}
.pro-popup-price p {
  padding-bottom: 5px;
}
.pro-popup-price .price-num {
  color: #900;
}
.pro-popup-price .subtotal-price {
  color: #900;
}

.totle-price {
  padding-top: 10px;
}
.update-btn-popup {
  float: left;
}
.update-btn-popup:hover {
  text-decoration: underline;
}
.grand-total {
  float: right;
}
.grand-total span {
  color: #900;
  font-size: 16px;
  font-weight: bold;
}

.cart-btns2 {
  border: none;
}
.view-cart-popup-btn2 {
  width: 155px;
  padding-right: 5px;
  background: url(images/cart-btn3-left.png) left top no-repeat !important;
}
.view-cart-popup-btn3 {
  width: 155px;
  padding-left: 5px;
  background: url(images/cart-btn3-right.png) left top no-repeat !important;
  float: right;
}
.or-line {
  text-align: center;
  line-height: 30px;
}
.check-out-popup-btn {
  margin-left: 140px;
  width: 120px;
}
.contact-left > iframe {
  width: 100% !important;
}
/*Added for flexoseries page*/
/*.nav{padding-top:15px;}*/
.nav li {
  padding-bottom: 0px;
}
.nav li a {
  line-height: 30px;
}

.view-arrow-left {
  background: url(images/slide-arrow2.png) -60px 36px no-repeat;
  display: block;
  width: 15px;
  height: 96px;
  position: absolute;
  left: 10px;
  top: 0;
}
.view-arrow-right {
  background: url(images/slide-arrow2.png) -40px 36px no-repeat;
  display: block;
  width: 15px;
  height: 96px;
  position: absolute;
  right: 0;
  top: 0;
}
.view-arrow-left:hover {
  background: url(images/slide-arrow2.png) -20px 36px no-repeat;
}
.view-arrow-right:hover {
  background: url(images/slide-arrow2.png) 0px 36px no-repeat;
}

#faq p {
  margin: 12px;
}

.view-cart-popup-btn {
  background: url(images/cart-btn3.png) left top no-repeat;
}
.check-out-popup-btn2 {
  margin-left: 0;
  width: 80px;
  background: url(images/cart-btn3.png) left top no-repeat;
  float: right;
}
.side-menu-unit h6 {
  font-size: 11px;
  color: #3488aa;
  margin-left: 7px;
}

.my-igallery-grid li {
  width: 234px;
}
.upload-yours {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
#customer_list,
#cul,
li.cl {
  width: 758px;
  height: 480px;
  display: block;
}
.list-box {
  width: 758px;
  height: 480px;
  overflow: hidden;
}
.list-box-detail {
  padding-left: 40px;
}
.list-box-detail dl {
  float: left;
  /*  padding-right: 40px;*/
  padding-right: 0px;

  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.list-box-detail dl.last {
  padding-right: 0;
}
.list-box-detail dl dd {
  color: #333333;

  font-size: 11px;
  line-height: 14px;
  padding-bottom: 6px;
  margin: 0;
  width: 203px;
}

.list-box-detail.healthcare dl dd {
  font-size: 10px;
  line-height: 12px;
  padding-bottom: 3px;
}

.list-box-detail dl dd:before {
  content: '- ';
}

.customer-list {
  position: relative;
}
.banner-arrow3 .arrow-l,
.banner-arrow3 .arrow-r {
  top: 360px;
  z-index: 10000;
}

/*extra code*/

.downcategroy {
  border: solid 1px #d6d6d6;
  background: url(images/downcategroybg.gif);
  box-shadow: 2px 2px 2px #cccccc;
}
.downcategroy .title {
  font-size: 18px;
  line-height: 48px;
  font-family: 'UniversCE55MediumRegular', Arial, Helvetica, sans-serif;
  color: #000;
  text-indent: 10px;
}
.downcategroy .titlea {
  font-size: 18px;
  text-indent: 15px;
  height: 40px;
  line-height: 40px;
  color: #333333;
}
.downcategroy .logos {
  margin-left: 15px;
  float: left;
}
.downcategroy .leftpart {
  float: left;
  width: 460px;
  height: 110px;
}
.downcategroy ol {
  float: left;
  margin-right: 20px;
  margin-top: 13px;
}
.downcategroy ol li {
  background: url(images/banner-list-icon.png) no-repeat 0 5px;
  padding-left: 14px;
}
.downcategroy ol li a:hover {
  text-decoration: underline;
}
.downcategroy ul li {
  width: 181px;
  height: 44px;
  background: url(images/downcategroy-btn.png);
  float: left;
  text-align: center;
  margin-left: 6px;
}
.downcategroy ul li a {
  color: #ffffff;
  line-height: 44px;
  width: 181px;
  height: 44px;
  display: block;
}
.downcategroy ul li:active {
  background: url(images/downcategroy-btn.png) 0 -44px;
}
.likebox {
  float: left;
}
.picp {
  margin-top: 17px;
  margin-left: 20px;
  float: left;
}
.pagetitle h1,
.pagetitle h2 {
  border-bottom: solid 1px #ccc;
  padding: 0px;
  color: #333;
  font-family: 'UniversCE55MediumRegular';
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

.side-menu-list h5 {
  font-size: 15px;
}

.achieve .time {
  background: none repeat scroll 0 0 #dcdcdc;
  font-size: 14px;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  margin: 0px 0 10px;
  text-align: center;
}
.achieve .time a {
  display: inline-block;
  height: 10px;
  width: 9px;
}
.time .before {
  background: url('images/time-arrowL.png') no-repeat scroll right top
    transparent;
  margin-right: 17px;
}
.time .after {
  background: url('images/time-arrowR.png') no-repeat scroll right top
    transparent;
  margin-left: 17px;
}
.time .before:hover {
  background: url('images/time-arrowL.png') no-repeat scroll left top
    transparent;
  margin-right: 17px;
}
.achieve {
  background: none repeat scroll 0 0 #f2f2f2;
  float: left;

  width: 186px;
}

.achieve ul li {
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
}
.achieve ul li a {
  font-weight: bold;
  padding-left: 19px;
  text-decoration: none;
}
.achieve ul li a:hover,
.achieve ul li.current a {
  color: #993333;
}
.achieve ul li.future a {
  color: #999999;
}

ul.bloglist {
  width: 100%;
  margin-top: 14px;
}
ul.bloglist li {
  padding-bottom: 20px;
  width: 100%;
  background: url(images/blogbg_25.gif) repeat-x bottom;
  margin-bottom: 20px;
}
ul.bloglist li .blogtitle,
ul.bloglist li .blogtitle a {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 30px;
}
ul.bloglist li .pic {
  width: 150px;
  float: left;
  margin-right: 10px;
}
ul.bloglist li .info {
  margin-bottom: 10px;
}
ul.bloglist li .info em {
  color: #006993;
}
ul.bloglist li .info span {
  margin-left: 5px;
  margin-right: 5px;
}
ul.bloglist li .brief {
  margin-bottom: 20px;
}
ul.bloglist li .brief p {
  line-height: 18px;
  margin-bottom: 10px;
}
ul.bloglist li .brief a:hover {
  text-decoration: underline;
}
.socialshare {
  float: left;
}
ul.bloglist li a.comments {
  width: 95px;
  height: 18px;
  display: block;
  background: url(images/commenticon_19.gif) no-repeat;
  padding-left: 25px;
  float: right;
}
ul.bloglist li a.comments:hover {
  text-decoration: underline;
}

.pageselector {
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  width: 745px;
  height: 29px;
  background: #f2f2f2;
  float: left;
  padding-top: 7px;
  padding-left: 10px;
}
.pageselector b {
  float: left;
  line-height: 20px;
}

.pages {
}
.pages label {
  float: left;
  line-height: 20px;
}
.pages ol li.current {
  width: 20px;
  height: 20px;
  background: #6a6c67;
  color: white;
  text-align: center;
  font-size: 12px;
  border: solid 1px #333;
  line-height: 20px;
}
.pages ol li.current p {
  color: #fff;
  line-height: 20px;
}
.pages ol li {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background: #ffffff;
  border: solid 1px #dedede;
}
.pages ol li a {
  font-size: 12px;
  padding-left: 3px;
  padding-right: 3px;
  height: 20px;
  text-align: center;
  display: block;
  line-height: 20px;
}
.pages ol .next {
  width: 50px;
  font-size: 11px;
}
.pages ol .next a {
  height: 20px;
  display: block;
  line-height: 20px;
  text-align: left;
  text-indent: 5px;
}
.pages ol li a:hover {
  text-decoration: underline;
}
.pages ol li.omission {
  background: none;
  width: 15px;
  text-align: center;
}
ul.bloglist li .text {
  margin-top: 15px;
}
ul.bloglist li .text p {
  line-height: 18px;
  color: #333333;
}
ul.bloglist li .text p img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.related-box {
  margin-top: 15px;
  width: 755px;
}
.related-box h3 {
  width: 755px;
}
.portrait {
  float: left;
}
.portrait .name {
  font-size: 14px;
  color: #006897;
  width: 30px;
  margin-top: 10px;
}
.commentsblock h3 {
  float: left;
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}
.messagewrapper {
  width: 626px;
  height: 126px;
  background: #f0f0f0;
  float: left;
  margin-left: 10px;
  padding: 12px;
}
.messagewrapper textarea {
  width: 600px;
  height: 65px;
  border: solid 1px #cccccc;
  padding: 10px;
}

button.post {
  width: 88px;
  height: 24px;
  background: url(images/postbtn_11.png) no-repeat;
  border: none;
  cursor: pointer;
  float: right;
  margin-top: 10px;
}

ul.comments li {
  background: none;
  margin-top: 20px;
  float: left;
  padding: 0px;
  margin-bottom: 0px;
}
ul.comments li .messageblock {
  padding-left: 15px;
  float: left;
  width: 635px;
}
ul.comments li .messageblock .username {
  font-size: 14px;
  color: #006897;
  margin-bottom: 5px;
}
ul.comments li .messageblock .username span {
  font-size: 12px;
  color: #999999;
}

ul.comments li .messageblock a.reply {
  width: 36px;
  height: 15px;
  background: url(images/replyicon_11.gif) no-repeat;
  padding-left: 20px;
  line-height: 16px;
  margin-top: 10px;
  float: left;
  display: block;
}
ul.comments li .messageblock span.date {
  margin-top: 10px;
  float: left;
  color: #999;
}

ul.comments li .messageblock a.reply:hover {
  text-decoration: underline;
}

ul.commentslevel2 li .message {
  width: 480px;
  margin-left: 10px;
  float: left;
}
ul.commentslevel2 li .message span {
  color: #006897;
}
ul.commentslevel2 li .portrait img {
  width: 50px;
}

ul.commentslevel2 li .messagewrapper {
  width: 560px;
  margin-left: 0px;
  margin-top: 10px;
}
ul.commentslevel2 li .messagewrapper textarea {
  width: 535px;
  color: #666666;
  font-size: 12px;
}

.pagetitle h2 a.back {
  font-size: 12px;
  float: right;
  background: url(images/backicon.png) no-repeat;
  height: 16px;
  padding-left: 24px;
  display: block;
  line-height: 16px;
  margin-top: 10px;
}

.blockc {
  width: 170px;
  height: 70px;
  background: url(images/catalog-bg.jpg) no-repeat;
  border: solid 1px #e3e3e3;
  padding-left: 13px;
  padding-top: 16px;
  margin-bottom: 10px;
}
.blockc p {
  color: #333333;
}
.blockc button {
  width: 73px;
  height: 22px;
  background: url(images/getitnowbtn.jpg) no-repeat;
  border: none;
  cursor: pointer;
  margin-top: 5px;
}

.blockd {
  width: 170px;
  height: 95px;
  background: url(images/sbg_10.jpg) no-repeat;
  border: solid 1px #e3e3e3;
  padding-left: 13px;
  padding-top: 16px;
  margin-bottom: 20px;
}
.blockd p {
  color: #333333;
}
.blockd button {
  width: 83px;
  height: 22px;
  background: url(images/updatebtn.jpg) no-repeat;
  border: none;
  cursor: pointer;
  margin-top: 5px;
}
.blockd input {
  width: 147px;
  height: 20px;
  border: solid 1px #a0a0a0;
  font-size: 12px;
  color: #999999;
  padding-left: 5px;
  margin-top: 5px;
  margin-bottom: 2px;
  float: left;
}
.blog-index-list .side-menu {
  padding-bottom: 6px;
  float: left;
  margin: 7px 0 20px 10px;
}

.watch-videob {
  float: left;
  margin-left: 0px;
}
.watch-videob img.video-button {
  left: 240px;
}
.sidebanner {
  float: right;
}
.textg {
  margin-left: 18px;
  margin-top: 14px;
}
.textg b,
.textg strong {
  font-size: 14px;
  color: #494949;
  line-height: 24px;
}
.textg span {
  font-size: 12px;
}
.downcategroyb {
  margin-bottom: 20px;
}
.textlistb ul li {
  padding-left: 55px;
  background: url(images/check_10.gif) no-repeat;
  margin-bottom: 20px;
}
.textlistb ul li b,
.textlistb ul li strong {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  letter-spacing: 0px;
}
.textlistb ul li p {
  font-size: 12px;
  line-height: 20px;
}
.testimony {
  margin-bottom: 10px;
  overflow: hidden;
}
.testimony ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.testimony ul li {
  margin-bottom: 10px;
  width: 48%;
}
.testimony ul li .portrait {
  overflow: hidden;
  box-shadow: 2px 2px 4px #999;
  float: left;
}
.testimony ul li .name {
  position: relative;
  width: 280px;
  height: 75px;
  float: left;
  margin-left: 13px;
}
.testimony ul li .name b {
  font-size: 14px;
  color: #333;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
}
.testimony ul li {
  float: left;
}
.testimony ul li .name b span {
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
.theword {
  border: solid 1px #ccc;
  padding-bottom: 15px;
  background: #e5e5e5 url(images/bg_21.gif) center top repeat-x;
  position: relative;
  margin-top: 20px;
  padding-left: 17px;
  padding-top: 15px;
  padding-right: 17px;
}
.theword .tri {
  width: 19px;
  height: 10px;
  position: absolute;
  top: -9px;
  left: 20px;
  background: url(images/tri_17.gif) no-repeat;
}
.theword .mark {
  width: 26px;
  height: 19px;
  background: url(images/mark_21.png) no-repeat;
  margin-bottom: 10px;
}
.theword p {
  color: #333333;
  line-height: 20px;
}

.custom-archite {
  margin: 0;
  padding: 0;
  width: 100%;
}
.custom-archite ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.custom-archite ul li {
  float: left;
  width: 48%;
  margin-top: 10px;
  margin-left: 1.5%;
  padding-right: 0px !important;
}
.custom-archite ul li img {
  float: left;
  width: 100%;
}
.custom-archite ul p {
  float: left;
  line-height: normal;
  padding: 10px 0;
}

.clickblock a {
  height: 45px;
  display: block;
  background: url(images/bg_28.gif);
  color: #ffffff;
  border-radius: 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-shadow: -1px -1px 2px #296b87;
}
.clickblock a:hover {
  color: #fff;
}
.fronthead {
  margin-bottom: 10px;
  margin-top: 10px;
}
.fronthead strong {
  font-size: 18px;
  color: #026993;
  font-weight: normal;
}
.fronthead span {
  font-style: italic;
  line-height: 30px;
  text-align: right;
  width: 660px;
  display: block;
}
.fronthead p {
  font-size: 15px;
  color: #3c3c3c;
  line-height: 24px;
}

.popupa {
  width: 775px;
  background: #fff;
  z-index: 200;
  padding: 20px;
}
.popupa .title,
.popupa .page-title {
  font-size: 24px;
  color: #333333;
  width: 778px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 0px;
  line-height: 40px;
  margin-bottom: 5px;
}
.popupa .title h1,
.popupa .page-title h1 {
  line-height: 40px;
}
.std h3 {
  font-weight: normal;
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 30px;
}
.popupa p {
  font-size: 14px;
  max-width: 670px;
}
.popupa .contenta {
  margin-left: 20px;
}
.popupa .contenta strong {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 30px;
  margin-top: 20px;
}
.popupa img {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
}
.popupa .contenta ul {
  margin-bottom: 20px;
}
.popupbg {
  background: url(images/bg_37.png);
  position: absolute;
  z-index: 190;
  left: 0px;
  top: 0px;
}
.popupa .contenta a:hover {
  text-decoration: underline;
}
.popupa a {
  font-size: 14px;
}
a.close {
  position: absolute;
  right: 20px;
  top: 10px;
  display: block;
  width: 55px;
  background: url(images/close-button.png) no-repeat right;
}
.popup-close-btn.close {
  display: none;
}
#cboxContent .popup-close-btn.close {
  display: block;
}
.indexboxa {
  margin-left: 10px;
  width: 960px;
  height: 70px;
  box-shadow: 0px 0px 2px #ccc;
}
.indexboxa .textg {
  margin-top: 20px;
  float: left;
}
.indexboxa p {
  font-size: 20px;
  color: #333333;
}
.indexboxa p strong {
  color: #006996;
}
.indexboxa p span {
  font-size: 22px;
  color: #006996;
}
.indexboxa img {
  float: left;
  margin-top: 10px;
  margin-left: 22px;
}
.shopbutton a span {
  color: #006993;
}
.nav li.cataloga {
  padding-left: 0px;
  padding-right: 10px;
  margin-top: -6px;
}
.sitemap-areab {
  padding-top: 10px;
  padding-right: 10px;
}
.nav li:hover .dropdown-menu {
  display: block;
  left: 0px;
  top: 40px;
}

#product_tabs_specs_contents img {
  width: 65%;
  margin: 20px 0 0;
}

#colorbox {
  padding-right: 0 !important;
  width: 100% !important;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  width: 100% !important;
}
#cboxContent {
  float: none !important;
  margin: 0 auto;
  width: 61% !important;
}
#cboxLoadedContent {
  width: 100% !important;
}
.popup-window {
  padding: 10px;
  width: 92% !important;
}
.popup-close-btn {
  right: 8px;
  top: 16px;
}
#cboxMiddleLeft {
  display: none;
}
.banner {
  margin-bottom: 10px !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: hidden;
  height: auto;
}
.banner-pics {
  height: auto !important;
  width: 100% !important;
}
.banner-pics img {
  height: auto !important;
  width: 100% !important;
}
.nivo-caption {
  width: 100% !important;
}
.nivo-controlNav {
  bottom: 12px !important;
  left: 12px !important;
}
.nivo-caption span {
  bottom: 12px !important;
  right: 12px !important;
}
.nivo-caption {
  font-size: 16px !important;
}

.li_text {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
.li_img {
  float: left;
  width: 50%;
}
.li_img img {
  max-width: 100%;
}
.li_text li {
  line-height: 20px;
  list-style: outside none disc;
}
.li_text > ul {
  margin-left: 10px;
}

#product_tabs_assembly_contents iframe {
  width: 100% !important;
}
.shop-product-line .view-details-btn {
  bottom: 7px;
}
.main-content .monitor-pic > img {
  max-width: 100%;
}
.multiple-checkout {
  overflow: auto;
  width: 100%;
}
.cell {
  float: left;
  overflow: auto;
  width: 100%;
}

#cboxContent .popup-window2 {
  height: auto;
  padding: 30px 20px !important;
  width: 95% !important;
}

/*#cboxContent {
  height: 500px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}*/
.or {
  margin-bottom: 50px;
}

@media (max-width: 480px) {
  .shopbutton a {
    height: auto !important;
  }
  .wrapper {
    width: 96%;
    padding: 0 2%;
    background: none;
    box-shadow: none;
    border: none;
  }
  .login-area {
    clear: both;
    display: inline-block;
    float: none;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }
  .login-area li {
    display: inline-block;
    float: none;
  }
  .phone {
    float: none;
    margin: 10px auto;
  }
  #topCart {
    top: 83px;
  }
  .nav-bar {
    width: 100%;
    float: left;
    background: none;
    height: auto;
    position: static;
  }
  .nav {
    float: left;
    padding-top: 0px;
    width: 100%;
  }
  .nav li {
    background: none;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
  }
  .nav .dropdown-menu {
    width: 99%;
    float: left;
    border-radius: 0px;
    padding: 0;
    background: none;
    border: none;
    position: static;
  }
  .nav .dropdown-menu .drop-left {
    float: left;
    width: 100%;
  }
  .nav .dropdown-menu .drop-right {
    float: left;
    width: 100%;
  }
  .drop-left a {
    font-weight: normal;
  }
  .drop-right a {
    font-weight: normal;
  }
  .nav li a {
    font-weight: normal;
  }
  .shopbutton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
  }
  .shopbutton a {
    line-height: normal !important;
    padding: 15px 0;
    float: left;
  }
  .content {
    padding: 0px;
  }
  .one-column .std {
    margin: 0;
    padding: 0;
  }
  .four-boxes {
    padding: 0px;
    margin-left: 10px;
    background: none;
    height: auto;
    float: left;
  }
  .banner-box {
    padding-left: 0px;
    width: 46%;
    float: left;
    margin-top: 10px;
  }
  .banner-box img {
    width: 100%;
  }
  .btn-start-here {
    width: 80px !important;
  }
  .banner-box p {
    font-size: 11px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .banner-box p {
    color: #333333;
    font-size: 11px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .indexboxa {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    text-align: center;
  }
  .banner-info-1 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-1-ctn {
    width: 100%;
  }
  .banner-info-2 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-3 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-2 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .banner-info-3 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .three-infos p {
    line-height: normal;
    font-size: 13px;
    width: 100%;
  }
  .banner-info-1 h2 {
    font-size: 20px;
  }
  .banner-info-3-ctn {
    width: 70%;
    padding: 10px 0 0 46%;
    width: 54%;
  }
  .footer {
    padding: 0px;
    margin: 15px 0 0;
    line-height: normal;
  }
  .sitemap-area {
    margin: 0px auto;
    text-align: center;
    width: 94% !important;
    height: auto;
    padding: 0px 3%;
  }
  .sitemap-area-last {
    margin: 0px auto;
    text-align: center;
    width: 94% !important;
    height: auto;
    padding: 0px 3%;
  }
  .sitemap {
    padding-top: 0px;
  }
  .footer-ctn p {
    height: auto;
    text-align: center;
    padding: 0 10px;
  }
  .nav li.cataloga {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0px;
  }
  .banner-info-1 h2 {
    padding: 0px;
  }
  .banner-info-1 ul {
    width: 95%;
  }
  .banner-info-2-ctn {
    padding: 10px 0 0 46%;
    width: 54%;
  }
  .banner-info-3-ctn {
    padding: 10px 0 0 46%;
    width: 54%;
  }
  .three-infos p {
    float: left;
    width: 100%;
  }
  .side-menu {
    background: none;
    padding: 0px;
    margin: 0px;
    width: 100% !important;
  }
  .desk-box {
    width: 100%;
    height: auto;
  }
  .desk-box a img {
    width: 96% !important;
    height: auto;
    padding: 10px 2%;
  }
  .desk-box p.starting-at {
    float: left;
    padding: 10px 0 0 10px;
    position: static;
  }
  .view-details-btn {
    float: right;
    padding-right: 10px;
    position: static;
  }
  .view-details-btn img {
    width: 100px !important;
  }
  .main-content h2 {
    font-size: 20px;
  }
  .choose-desks-infos {
    float: left;
    width: 100%;
  }
  .choose-desks-infos iframe {
    width: 100% !important;
    float: left;
  }
  .choose-desks-infos h3 {
    font-size: 13px !important;
  }
  .downcategroy {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    float: left;
  }
  .downcategroy .logos img {
    float: left;
    width: 250px;
  }
  .downcategroy ol {
    height: auto;
    padding-left: 10px;
    margin: 0px;
  }
  .bio-advantage {
    float: left;
    width: 100%;
    padding: 0px;
  }
  .questions {
    float: left;
    height: auto;
    width: 100%;
    background: none;
  }
  .questions p {
    line-height: normal;
  }
  .bio-advantage ul {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .downcategroy .leftpart {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .picp {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    float: left;
    width: 100%;
  }
  .cbox.cboxElement > img {
    width: 100%;
  }
  .watch-video {
    float: left;
    margin-left: 0px;
    width: 100%;
  }
  .main-content h2 {
    line-height: normal;
    padding: 30px 0 8px;
    text-align: center;
  }
  .main-content a.view-full {
    top: 10px;
  }
  .fb_iframe_widget {
    position: static !important;
  }
  .fb_iframe_widget span {
    width: 100% !important;
    float: left;
    position: static !important;
  }
  .add-ons-ctn {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .add-ons-ctn img {
    width: 100%;
  }
  .add-ons-ctn-right {
    width: 100%;
    padding: 10px 0px;
    margin: 0px;
    float: left;
  }
  .custom-archite {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul li {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 0px !important;
  }
  .custom-archite ul li img {
    float: left;
    width: 100%;
  }
  .custom-archite ul p {
    float: left;
    line-height: normal;
    padding: 10px 0;
  }
  .testimony {
    float: left;
    width: 100%;
  }
  .sidebanner {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .sidebanner img {
    width: 100%;
    padding: 0px;
    margin: 0px !important;
  }
  .fronthead span {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    line-height: normal;
  }
  .watch-videob .video-box > iframe {
    float: left;
    width: 100%;
  }
  .testimony ul {
    float: left;
    width: 100%;
  }
  .testimony ul li {
    float: left;
    width: 100%;
  }
  .testimony ul li .theword {
    padding: 15px 5%;
    width: 89.5%;
    background: none;
  }
  .testimony ul li .portrait {
    border: 1px solid #cccccc;
    box-shadow: none;
  }
  .testimony ul li .name {
    width: 60%;
  }
  .clickblock a {
    width: 100%;
    font-size: 12px !important;
  }
  .textlistb ul li {
    float: left;
    width: 88%;
    padding-left: 12%;
  }
  .page-title {
    margin-top: 10px;
    float: left;
  }
  .page-title h1 {
    line-height: normal;
    font-size: 18px !important;
  }
  .benefits-banner {
    width: 100%;
    float: left;
  }
  .benefits-banner ul {
    width: 100%;
    float: left;
  }
  .benefits-banner ul li {
    float: left;
    margin-left: 1%;
    margin-right: 0 !important;
    margin-bottom: 5px;
    padding: 0 !important;
    width: 49% !important;
  }
  .benefits-banner ul li img {
    width: 100%;
    float: left;
  }
  .product-infos {
    width: 100% !important;
    float: left;
  }
  .product-infos .tabs {
    width: 100% !important;
    float: left !important;
  }
  .new-topic.tab4 > p {
    float: left;
    width: 100% !important;
  }
  .new-topic.tab4 > img {
    position: static !important;
  }
  .new-topic {
    width: 100%;
    float: left;
  }
  .posture-box-ctn {
    width: 100%;
    float: left;
  }
  .product-infos ul.tabs {
    border: 1px solid #cccccc;
    border-bottom: 0px !important;
  }
  .product-infos .tabs li.current {
    background: #2881a5 !important;
  }
  .product-infos .tabs li {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #ccc;
    list-style: none;
  }
  .product-infos .tabs li:hover {
    background: none;
  }
  .product-infos .tabs li:hover a {
    color: #505050;
    text-decoration: none;
  }
  .product-infos .tabs li.current a {
    background: none;
    color: #fff;
    text-decoration: none;
  }
  .product-infos .tabs li a {
    background: none;
  }
  .product-infos .tabs li:hover a {
    background: none;
  }
  .story-area {
    width: 100%;
    float: left;
  }
  .widget-static-block {
    float: left;
    width: 100%;
  }
  .story-area img {
    padding-left: 0px;
    padding-top: 0px;
    float: left;
    width: 100%;
  }
  .story-man-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
  }
  .story-man-area p {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
  }
  .std h3 {
    margin-bottom: 0px !important;
  }
  .story-man-area h3 {
    width: 100%;
    float: left;
  }
  .story-own-nav {
    float: left;
    height: auto;
    position: static;
    clear: both;
    width: 100%;
  }
  .story-man-area img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  .story-own-nav .sub-nav-1 {
    float: left;
    width: 100%;
  }
  h3.build-own-title-now {
    position: static;
  }
  .testimonials-box .test-words p {
    width: 96%;
    padding: 0 2% 15px 2%;
  }
  .banner-arrow3 .arrow-r {
    right: 0px !important;
  }
  .cool-desk-products {
    float: left;
    width: 100%;
  }
  .cool-desk-products ul {
    float: left;
    width: 100%;
  }
  .cool-desk-products li {
    width: 100% !important;
    float: left;
    padding-right: 0px !important;
  }
  .cool-desk-products li a {
    float: left;
    width: 100%;
    width: 100% !important;
    max-width: 100% !important;
  }
  .cool-desk-products li a img {
    float: left;
    width: 100% !important;
    max-width: 100% !important;
  }
  .pager-line {
    float: left;
    width: 100%;
  }
  #customer_list,
  #cul,
  li.cl {
    display: inline;
    height: auto !important;
    width: 100% !important;
    left: 0 !important;
  }
  .list-box {
    height: auto;
    width: 100%;
  }
  .list-box-detail {
    width: 100%;
  }
  .list-box-detail dl {
    float: none;
  }
  .banner-arrow3 .arrow-l,
  .banner-arrow3 .arrow-r {
    display: none;
  }
  img {
    max-width: 100%;
  }
  #lightbox-container-image-box {
    width: 100% !important;
    height: auto !important;
  }
  #lightbox-container-image-data-box {
    padding: 0 !important;
    width: 100% !important;
  }
  .contact-form-area {
    width: 100%;
  }
  .contact-form-area ul {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
  }
  .contact-form-area ul li {
    display: inline-block;
    float: none;
    text-align: center;
  }
  .contact-form-area li a {
    padding: 0 2px;
    font-size: 11px;
  }
  .input-text-box {
    width: 95%;
  }
  .textarea-text {
    width: 95%;
  }
  .submit-btn {
    float: right;
    margin: 30px 13px 0 0;
  }
  .five-steps-total {
    text-align: center;
  }
  .five-steps-total img {
    float: none;
  }
  .five-steps-total h4 {
    float: none;
    padding: 5px 0 10px;
  }
  .five-steps-total-ctn {
    padding-top: 16px;
  }
  .std h3 {
    text-align: center;
  }
  .steps-box {
    text-align: center;
    width: 100%;
  }
  .steps-pic {
    float: none;
  }
  .five-steps-total-ctn {
    width: 100%;
  }
  .steps-box-ctn {
    width: 100%;
  }
  .steps-box-ctn h5 {
    padding-left: 10px;
  }
  .steps-box-ctn p {
    padding-left: 0;
  }
  .steps-box-ctn ul {
    float: none;
    padding-left: 0;
  }
  .step-3 {
    width: 100%;
  }
  .page-title h1 {
    text-align: center;
  }
  .banner2 {
    height: auto;
    padding-right: 0;
    width: 100%;
  }
  .contact-form-area li {
    margin-right: 4px;
  }
  .form-left {
    padding-right: 0;
    width: 100%;
  }
  .form-in-a-line {
    width: 100%;
  }
  .form-line-half {
    margin-right: 0px;
    width: 100%;
  }
  .form-left .input-text-box-half {
    width: 100%;
  }
  .form-left .input-text-box {
    width: 100%;
  }
  .form-in-a-line ul {
    border: medium none;
    clear: left;
    display: block;
    float: left;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
  }
  .form-left .textarea-text {
    width: 99%;
  }
  .form-subscribe {
    width: 100%;
  }
  .orderStatusTable td {
    padding: 8px 3px !important;
  }
  #cboxContent {
    width: 90% !important;
  }
  .popup-window h2 {
    margin-top: 25px;
  }
  .popup-info {
    font-size: 16px;
  }
  #cboxLoadedContent {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #main-image {
    min-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .pruduct-image {
    padding: 10px 10px 0;
    overflow: hidden;
  }
  .zoomPad {
    width: 100%;
  }

  .left_td {
    float: left;
    margin: 0;
    width: 40%;
  }
  .right_td {
    clear: both;
    float: left;
    margin: 30px 0 0;
    width: 44%;
  }
  .product-infos .tabs li {
    background: none repeat scroll 0 0 #ececec;
  }
  .product-infos ul.tabs {
    border: none;
  }
  .dropdown-menu > ul h1 {
    border-bottom: 1px solid #ddd;
    color: #111;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .navbar-nav > li > .dropdown-menu {
    padding: 10px 15px;
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important;
  }
  .cms-chooseergonomic form {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .opc .step {
    padding: 15px 10px;
  }
  .col2-set .col-1 {
    width: 100%;
  }
  .col2-set .col-2 {
    margin-top: 10px;
    width: 100%;
  }
  p.required {
    text-align: left;
  }
  .buttons-set button.button {
    float: left;
  }
  .form-list li.wide input.input-text {
    width: 48%;
  }

  .popup-window2 {
    width: 240px;
  }
  .popup-window3 {
    right: 20px;
  }
  .view-cart-popup-btn2 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 95%;
    margin: 0 0 5px;
  }
  .view-cart-popup-btn3 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 95%;
    float: left;
  }
  .add-to-cart-message {
    margin-top: 20px;
  }

  .blog-index-list .side-menu {
    margin: 0 0 20px;
    width: 100%;
  }
  .blockc {
    background: url('images/catalog-bg.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    width: 100%;
    padding-left: 0;
  }
  .blockd {
    background: url('images/sbg_10.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    padding-left: 0;
    width: 100%;
  }
  .side-menu-unit h2 {
    margin-bottom: 10px;
  }
  .achieve {
    width: 100%;
  }
  .addthis_toolbox a.at300b,
  .addthis_toolbox a.at300m {
    width: 22% !important;
  }
  .pageselector {
    padding-left: 0;
    width: 100%;
  }
  .info-area {
    padding-right: 0 !important;
    text-align: center;
    width: 100% !important;
  }
  .buttons-set {
    margin: 0 0 0;
    padding: 8px 0 15px 10px;
  }
  .buttons-set button.button {
    clear: both;
    float: left;
    margin: 10px 0 0;
  }
  .account-login .content {
    min-height: 110px;
  }

  .nivo-controlNav {
    bottom: 2px !important;
    left: 2px !important;
  }
  .nivo-caption span {
    bottom: 2px !important;
    right: 2px !important;
  }
  .nivo-caption {
    font-size: 12px !important;
  }

  .footer-ctn-3 {
    width: 95%;
  }
  .footer-ctn {
    padding: 20px 0 50px;
  }
  #livechat-full {
    width: 292px !important;
  }

  .indexboxa .textg {
    float: none;
    margin: 10px 0 0 0;
  }
  .indexboxa img {
    float: none;
    margin: 10px 0 5px;
  }
  .slide > img {
    float: none;
  }
  .contact-left {
    width: 100%;
  }

  .popup-products-box2 {
    padding: 0;
    width: 100%;
  }

  .category-xo2-desk-series form {
    overflow-x: hidden;
  }

  .wishlist-index-index .my-account {
    overflow-x: auto;
  }

  .popup-pic {
    width: 95%;
  }

  .test-words::after,
  .test-words::before {
    left: 18%;
  }

  .category-xo2-desk-series form {
    float: left;
    overflow-x: hidden;
    width: 100%;
  }

  .product-custom-option {
    width: 100% !important;
  }
  .selectBox-options LI A {
    font-size: 11px !important;
  }

  .checkout-progress {
    padding: 0;
  }
  .checkout-progress li {
    padding: 5px 0;
    width: 100%;
  }

  #cboxContent .popup-window2 {
    width: 85% !important;
  }

  .pruduct-image {
    float: left;
    padding: 10px;
    width: 94%;
    overflow: hidden;
  }

  .product_tab {
    display: block !important;
  }
  .product-tabs-content img {
    max-width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 640px) {
  .wrapper {
    width: 96%;
    padding: 0 2%;
    background: none;
    box-shadow: none;
    border: none;
  }
  .login-area {
    clear: both;
    display: inline-block;
    float: none;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }
  .login-area li {
    display: inline-block;
    float: none;
    height: 20px;
  }
  .phone {
    float: none;
    margin: 10px auto;
  }
  #topCart {
    top: 83px;
  }
  .nav-bar {
    width: 100%;
    float: left;
    background: none;
    height: auto;
    position: static;
  }
  .nav {
    float: left;
    padding-top: 0px;
    width: 100%;
  }
  .nav li {
    background: none;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
  }
  .nav .dropdown-menu {
    width: 99%;
    float: left;
    border-radius: 0px;
    padding: 0;
    background: none;
    border: none;
    position: static;
  }
  .nav .dropdown-menu .drop-left {
    float: left;
    width: 100%;
    padding-right: 0 !important;
  }
  .nav .dropdown-menu .drop-right {
    float: left;
    width: 100%;
  }
  .drop-left a {
    font-weight: normal;
  }
  .drop-right a {
    font-weight: normal;
  }
  .nav li a {
    font-weight: normal;
  }
  .shopbutton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
  }
  .shopbutton a {
    line-height: normal !important;
    padding: 15px;
    float: left;
  }
  .content {
    padding: 0px;
  }
  .one-column .std {
    margin: 0;
    padding: 0;
  }
  .four-boxes {
    padding: 0px;
    margin-left: 10px;
    background: none;
    height: auto;
    float: left;
  }
  .banner-box {
    padding-left: 0px;
    width: 46%;
    float: left;
    margin-top: 10px;
  }
  .banner-box img {
    width: 100%;
  }
  .btn-start-here {
    width: 80px !important;
  }
  .banner-box p {
    font-size: 11px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .banner-box p {
    color: #333333;
    font-size: 15px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .indexboxa {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    text-align: center;
  }
  .banner-info-1 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-1-ctn {
    width: 100%;
  }
  .banner-info-2 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-3 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-2 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .banner-info-3 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .three-infos p {
    line-height: normal;
    font-size: 13px;
    width: 100%;
  }
  .banner-info-1 h2 {
    font-size: 20px;
  }
  .footer {
    padding: 0px;
    margin: 15px 0 0;
    line-height: normal;
  }
  .sitemap-area {
    margin: 0px auto;
    text-align: center;
    width: 94% !important;
    height: auto;
    padding: 0px 3%;
    margin: 0px;
  }
  .sitemap-area-last {
    margin: 0px auto;
    text-align: center;
    width: 94% !important;
    height: auto;
    padding: 0px 3%;
  }
  .sitemap {
    padding-top: 0px;
  }
  .footer-ctn p {
    height: auto;
    text-align: center;
    padding: 0;
  }
  .nav li.cataloga {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0px;
  }
  .banner-info-1 h2 {
    padding: 0px;
  }
  .banner-info-1 ul {
    width: 95%;
  }
  .banner-info-3-ctn {
    padding: 10px 0 0 30%;
    width: 70%;
  }
  .banner-info-2-ctn {
    padding: 10px 0 0 30%;
    width: 70%;
  }
  .three-infos p {
    float: left;
    width: 100%;
  }
  .side-menu {
    background: none;
    padding: 0px;
    margin: 0px;
    width: 100% !important;
  }
  .desk-box {
    min-height: 354px;
    width: 48%;
    height: auto;
    margin-left: 1% !important;
    margin-right: 0px;
    margin-bottom: 3px;
  }
  .desk-box a img {
    width: 96% !important;
    height: auto;
    padding: 10px 2%;
  }
  .desk-box p.starting-at {
    float: left;
    padding: 10px 0 0 10px;
    position: static;
  }
  .view-details-btn {
    float: right;
    padding-right: 10px;
    position: static;
  }
  .view-details-btn img {
    width: 100px !important;
  }
  .main-content h2 {
    font-size: 20px;
  }
  .choose-desks-infos {
    float: left;
    width: 100%;
  }
  .choose-desks-infos iframe {
    width: 100% !important;
    float: left;
  }
  .choose-desks-infos h3 {
    font-size: 13px !important;
  }
  .downcategroy {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    float: left;
  }
  .downcategroy .logos img {
    float: left;
    width: 250px;
  }
  .downcategroy ol {
    height: auto;
    padding-left: 10px;
    margin: 0px;
  }
  .bio-advantage {
    float: left;
    width: 100%;
    padding: 0px;
  }
  .questions {
    float: left;
    height: auto;
    width: 100%;
    background: none;
  }
  .questions p {
    line-height: normal;
  }
  .bio-advantage ul {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .downcategroy .leftpart {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .picp {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    float: left;
    width: 100%;
  }
  .cbox.cboxElement > img {
    width: 100%;
  }
  .watch-video {
    float: left;
    margin-left: 0px;
    width: 100%;
  }
  .main-content h2 {
    line-height: normal;
    padding: 15px 0 8px;
    text-align: center;
  }
  .fb_iframe_widget {
    position: static !important;
  }
  .fb_iframe_widget span {
    width: 100% !important;
    float: left;
    position: static !important;
  }
  .add-ons-ctn {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .add-ons-ctn img {
    width: 45%;
  }
  .add-ons-ctn-right {
    width: 52%;
    padding: 0px 0px 0 2%;
    margin: 0px;
    float: left;
  }
  .build-own-nav li {
    padding: 0px !important;
  }
  .custom-archite {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul li {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-left: 1.5%;
    padding-right: 0px !important;
  }
  .custom-archite ul li img {
    float: left;
    width: 100%;
  }
  .custom-archite ul p {
    float: left;
    line-height: normal;
    padding: 10px 0;
  }
  .sidebanner {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .sidebanner img {
    width: 100%;
    padding: 0px;
    margin: 0px !important;
  }
  .fronthead span {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    line-height: normal;
  }
  .watch-videob .video-box > iframe {
    float: left;
    width: 100%;
  }
  .testimony ul {
    float: left;
    width: 100%;
  }
  .testimony ul li {
    float: left;
    width: 100%;
  }
  .testimony ul li .theword {
    padding: 15px 5%;
    width: 89.5%;
    background: none;
  }
  .testimony ul li .portrait {
    border: 1px solid #cccccc;
    box-shadow: none;
  }
  .testimony ul li .name {
    width: 60%;
  }
  .clickblock a {
    width: 100%;
    font-size: 15px !important;
  }
  .textlistb ul li {
    float: left;
    width: 90%;
    padding-left: 10%;
  }
  .page-title {
    margin-top: 10px;
    float: left;
  }
  .page-title h1 {
    line-height: normal;
    font-size: 18px !important;
  }
  .benefits-banner {
    width: 100%;
    float: left;
  }
  .benefits-banner ul {
    width: 100%;
    float: left;
  }
  .benefits-banner ul li {
    float: left;
    margin-left: 1.2%;
    margin-right: 0 !important;
    margin-bottom: 5px;
    padding: 0 !important;
    width: 32% !important;
  }
  .benefits-banner ul li img {
    width: 100%;
    float: left;
  }
  .product-infos {
    width: 100% !important;
    float: left;
  }
  .product-infos .tabs {
    width: 100% !important;
    float: left !important;
  }
  .new-topic.tab4 > p {
    float: left;
    width: 100% !important;
  }
  .new-topic.tab4 > img {
    position: static !important;
  }
  .new-topic {
    width: 100%;
    float: left;
  }
  .posture-box-ctn {
    width: 100%;
    float: left;
  }
  .product-infos ul.tabs {
    border: 1px solid #cccccc;
    border-bottom: 0px !important;
  }
  .product-infos .tabs li.current {
    background: #2881a5 !important;
  }
  .product-infos .tabs li {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #ccc;
    list-style: none;
  }
  .product-infos .tabs li:hover {
    background: none;
  }
  .product-infos .tabs li:hover a {
    color: #505050;
    text-decoration: none;
  }
  .product-infos .tabs li.current a {
    background: none;
    color: #fff;
    text-decoration: none;
  }
  .product-infos .tabs li a {
    background: none;
  }
  .product-infos .tabs li:hover a {
    background: none;
  }
  .story-area {
    width: 100%;
    float: left;
  }
  .widget-static-block {
    float: left;
    width: 100%;
  }
  .story-area img {
    padding-left: 0px;
    padding-top: 0px;
    float: left;
    width: 100%;
  }
  .story-man-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
  }
  .story-man-area p {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
  }
  .std h3 {
    margin-bottom: 0px !important;
  }
  .story-man-area h3 {
    width: 100%;
    float: left;
  }
  .story-own-nav {
    float: left;
    height: auto;
    position: static;
    clear: both;
    width: 100%;
  }
  .story-man-area img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  .story-own-nav .sub-nav-1 {
    float: left;
    width: 100%;
  }
  h3.build-own-title-now {
    position: static;
  }
  .testimonials-box .test-words p {
    width: 96%;
    padding: 0 2% 15px 2%;
  }
  .banner-arrow3 .arrow-r {
    right: 0px !important;
  }
  .cool-desk-products {
    float: left;
    width: 100%;
  }
  .cool-desk-products ul {
    float: left;
    width: 100%;
  }
  .cool-desk-products li {
    width: 48% !important;
    float: left;
    padding-right: 0px !important;
    margin-left: 1%;
  }
  .cool-desk-products li a {
    float: left;
    width: 100%;
    width: 100% !important;
    max-width: 100% !important;
  }
  .cool-desk-products li a img {
    float: left;
    width: 100% !important;
    max-width: 100% !important;
  }
  .pager-line {
    float: left;
    width: 100%;
  }
  #customer_list,
  #cul,
  li.cl {
    display: inline;
    height: auto !important;
    width: 100% !important;
    left: 0 !important;
  }
  .list-box {
    height: auto;
    width: 100%;
  }
  .list-box-detail {
    width: 100%;
  }
  .list-box-detail dl {
    float: none;
  }
  .banner-arrow3 .arrow-l,
  .banner-arrow3 .arrow-r {
    display: none;
  }
  .cool-desk-products ul {
    float: none;
  }
  img {
    max-width: 100%;
  }
  #lightbox-container-image-box {
    width: 480px !important;
    height: auto !important;
  }
  #lightbox-container-image-data-box {
    padding: 0 !important;
    width: 480px !important;
  }
  .contact-form-area {
    width: 100%;
  }
  .contact-form-area ul {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
  }
  .contact-form-area ul li {
    display: inline-block;
    float: none;
    text-align: center;
  }
  .contact-form-area li a {
    padding: 0 10px;
  }
  .input-text-box {
    width: 95%;
  }
  .textarea-text {
    width: 95%;
  }
  .submit-btn {
    float: right;
    margin: 30px 13px 0 0;
  }
  .five-steps-total {
    text-align: center;
  }
  .five-steps-total img {
    float: none;
  }
  .five-steps-total h4 {
    float: none;
    padding: 5px 0 10px;
  }
  .five-steps-total-ctn {
    padding-top: 25px;
  }
  .std h3 {
    text-align: center;
  }
  .steps-box {
    text-align: center;
    width: 100%;
  }
  .steps-pic {
    float: none;
  }
  .five-steps-total-ctn {
    width: 100%;
  }
  .steps-box-ctn {
    width: 100%;
  }
  .steps-box-ctn h5 {
    padding-left: 0;
  }
  .steps-box-ctn p {
    padding-left: 0;
  }
  .steps-box-ctn ul {
    float: none;
    padding-left: 0;
  }
  .step-3 {
    width: 100%;
  }
  .page-title h1 {
    text-align: center;
  }
  .banner2 {
    height: auto;
    padding-right: 0;
    width: 100%;
  }
  .form-left {
    padding-right: 0;
    width: 100%;
  }
  .form-in-a-line {
    width: 100%;
  }
  .form-line-half {
    margin-right: 0px;
    width: 100%;
  }
  .form-left .input-text-box-half {
    width: 100%;
  }
  .form-left .input-text-box {
    width: 100%;
  }
  .form-in-a-line ul {
    border: medium none;
    clear: left;
    display: block;
    float: left;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
  }
  .form-left .textarea-text {
    width: 99%;
  }
  .form-subscribe {
    width: 100%;
  }
  #cboxContent {
    width: 90% !important;
  }
  .popup-window h2 {
    width: 93%;
  }
  .popup-info {
    font-size: 16px;
  }
  #cboxLoadedContent {
    overflow: hidden !important;
  }
  .dropdown-menu > ul h1 {
    border-bottom: 1px solid #ddd;
    color: #111;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .navbar-nav > li > .dropdown-menu {
    padding: 10px 15px;
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important;
  }

  a.selectBox {
    width: 100% !important;
  }
  #main-image {
    min-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .pruduct-image {
    padding: 10px 10px 0;
  }
  .zoomPad {
    width: 100%;
  }
  .view-arrow-left {
    display: none;
  }

  .left_td {
    float: left;
    margin: 0;
    width: 70%;
  }
  .right_td {
    clear: both;
    float: left;
    margin: 30px 0 0;
    width: 66%;
  }
  .product-infos .tabs li {
    background: none repeat scroll 0 0 #ececec;
  }
  .product-infos ul.tabs {
    border: none;
  }
  .cms-chooseergonomic form {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .opc .step {
    padding: 15px 10px;
  }
  .col2-set .col-1 {
    width: 100%;
  }
  .col2-set .col-2 {
    margin-top: 10px;
    width: 100%;
  }
  p.required {
    text-align: left;
  }
  .buttons-set button.button {
    float: left;
  }

  .popup-window2 {
    width: 240px;
  }
  .popup-window3 {
    right: 20px;
  }
  .view-cart-popup-btn2 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    margin: 0 0 5px;
  }
  .view-cart-popup-btn3 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    float: left;
  }
  .add-to-cart-message {
    margin-top: 20px;
  }
  .blog-index-list .side-menu {
    margin: 0 0 20px;
    width: 100%;
  }
  .blockc {
    background: url('images/catalog-bg.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    width: 100%;
    padding-left: 0;
  }
  .blockd {
    background: url('images/sbg_10.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    padding-left: 0;
    width: 100%;
  }
  .side-menu-unit h2 {
    margin-bottom: 10px;
  }
  .achieve {
    width: 100%;
  }
  .addthis_toolbox a.at300b,
  .addthis_toolbox a.at300m {
    width: 22% !important;
  }
  .pageselector {
    padding-left: 0;
    width: 100%;
  }
  .info-area {
    padding-right: 0 !important;
    text-align: center;
    width: 100% !important;
  }
  .buttons-set {
    margin: 0 0 0;
    padding: 8px 0 15px 10px;
  }
  .buttons-set button.button {
    clear: both;
    float: left;
    margin: 10px 0 0;
  }
  .account-login .content {
    min-height: 110px;
  }

  .nivo-controlNav {
    bottom: 2px !important;
    left: 2px !important;
  }
  .nivo-caption span {
    bottom: 2px !important;
    right: 2px !important;
  }
  .nivo-caption {
    font-size: 15px !important;
  }
  .footer-ctn {
    padding: 20px 0 50px;
  }

  .indexboxa .textg {
    float: none;
    margin: 10px 0 0 0;
  }
  .indexboxa img {
    float: none;
    margin: 10px 0 5px;
  }
  .slide > img {
    float: none;
  }
  .contact-left {
    width: 100%;
  }
  #cboxLoadedContent {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .popup-products-box2 {
    width: 92%;
  }
  .main-content h2 {
    line-height: normal;
    padding: 30px 0 8px;
    text-align: center;
  }
  .main-content a.view-full {
    top: 10px;
  }

  .wishlist-index-index .my-account {
    overflow-x: auto;
  }
  .test-words::after,
  .test-words::before {
    left: 11%;
  }
  .checkout-progress {
    padding: 0;
  }

  .product-tabs-content img {
    width: 100%;
  }
}

@media (min-width: 641px) and (max-width: 767px) {
  .wrapper {
    width: 96%;
    padding: 0 2%;
    background: none;
    box-shadow: none;
    border: none;
  }
  .login-area {
    clear: both;
    display: inline-block;
    float: none;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }
  .login-area li {
    display: inline-block;
    float: none;
    height: 20px;
  }

  .phone {
    float: none;
    margin: 10px auto;
  }
  #topCart {
    top: 83px;
  }
  .nav-bar {
    width: 100%;
    float: left;
    background: none;
    height: auto;
    position: static;
  }
  .nav {
    float: left;
    padding-top: 0px;
    width: 100%;
  }
  .nav li {
    background: none;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
  }
  .nav .dropdown-menu {
    width: 99%;
    float: left;
    border-radius: 0px;
    padding: 0;
    background: none;
    border: none;
    position: static;
  }
  .nav .dropdown-menu .drop-left {
    float: left;
    width: 100%;
    padding-right: 0 !important;
  }
  .nav .dropdown-menu .drop-right {
    float: left;
    width: 100%;
  }
  .drop-left a {
    font-weight: normal;
  }
  .drop-right a {
    font-weight: normal;
  }
  .nav li a {
    font-weight: normal;
  }
  .shopbutton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
  }
  .shopbutton a {
    line-height: normal !important;
    padding: 15px;
    float: left;
  }
  .content {
    padding: 0px;
  }
  .one-column .std {
    margin: 0;
    padding: 0;
  }
  .four-boxes {
    padding: 0px;
    background: none;
    height: auto;
    float: left;
  }
  .banner-box {
    padding-left: 0px;
    width: 47%;
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 14px;
  }
  .banner-box img {
    width: 100%;
  }
  .btn-start-here {
    width: 80px !important;
  }
  .banner-box p {
    font-size: 11px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .banner-box p {
    color: #333333;
    font-size: 15px;
    left: 10px;
    line-height: normal;
    position: absolute;
    top: 10px;
  }
  .indexboxa {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    text-align: center;
  }
  .banner-info-1 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-1-ctn {
    width: 100%;
  }
  .banner-info-2 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-3 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-2 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .banner-info-3 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .three-infos p {
    line-height: normal;
    font-size: 13px;
    width: 100%;
  }
  .banner-info-1 h2 {
    font-size: 20px;
  }
  .footer {
    padding: 0px;
    margin: 15px 0 0;
    line-height: normal;
  }
  .sitemap-area {
    float: left;
    width: 44% !important;
    height: auto;
    padding: 0px 3%;
    margin: 0px;
    min-height: 260px;
  }
  .sitemap {
    padding-top: 0px;
  }
  .footer-ctn p {
    height: auto;
    text-align: center;
    padding: 0;
  }
  .nav li.cataloga {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0px;
  }
  .banner-info-1 h2 {
    padding: 0px;
  }
  .banner-info-1 ul {
    width: 95%;
  }
  .banner-info-3-ctn {
    padding: 10px 0 0 30%;
    width: 70%;
  }
  .banner-info-2-ctn {
    padding: 10px 0 0 30%;
    width: 70%;
  }
  .three-infos p {
    float: left;
    width: 100%;
  }
  .side-menu {
    background: none;
    padding: 0px;
    margin: 0px;
    width: 100% !important;
  }
  .desk-box {
    min-height: 300px;
    width: 32%;
    height: auto;
    margin-left: 1% !important;
    margin-right: 0px;
    margin-bottom: 3px;
  }
  .desk-box a img {
    width: 96% !important;
    height: auto;
    padding: 10px 2%;
  }
  .desk-box p.starting-at span {
    font-size: 15px;
  }
  .desk-box p.starting-at {
    font-size: 12px;
  }
  .desk-box-infos > p {
    font-size: 10px;
  }
  .desk-box p.starting-at {
    float: left;
    padding: 10px 0 0 10px;
    position: static;
  }
  .view-details-btn {
    float: right;
    padding-right: 10px;
    position: static;
  }
  .view-details-btn img {
    width: 100px !important;
  }
  .main-content h2 {
    font-size: 20px;
  }
  .choose-desks-infos {
    float: left;
    width: 100%;
  }
  .choose-desks-infos iframe {
    width: 100% !important;
    float: left;
  }
  .choose-desks-infos h3 {
    font-size: 13px !important;
  }
  .downcategroy {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    float: left;
  }
  .downcategroy .logos img {
    float: left;
    width: 250px;
  }
  .downcategroy ol {
    height: auto;
    padding-left: 10px;
    margin: 0px;
  }
  .bio-advantage {
    float: left;
    width: 100%;
    padding: 0px;
  }
  .questions {
    float: left;
    height: auto;
    width: 100%;
    background: none;
  }
  .questions p {
    line-height: normal;
  }
  .bio-advantage ul {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .downcategroy .leftpart {
    float: left;
    padding-top: 10px;
    width: 100%;
  }
  .picp {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    float: left;
    width: 100%;
  }
  .cbox.cboxElement > img {
    width: 100%;
  }
  .watch-video {
    float: left;
    margin-left: 0px;
    width: 100%;
  }
  .main-content h2 {
    line-height: normal;
    padding: 15px 0 8px;
    text-align: center;
  }
  .fb_iframe_widget {
    position: static !important;
  }
  .fb_iframe_widget span {
    width: 100% !important;
    float: left;
    position: static !important;
  }
  .add-ons-ctn {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .add-ons-ctn img {
    width: 45%;
  }
  .add-ons-ctn-right {
    width: 52%;
    padding: 0px 0px 0 2%;
    margin: 0px;
    float: left;
  }
  .custom-archite {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul li {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-left: 1.5%;
    padding-right: 0px !important;
  }
  .custom-archite ul li img {
    float: left;
    width: 100%;
  }
  .custom-archite ul p {
    float: left;
    line-height: normal;
    padding: 10px 0;
  }
  .sidebanner {
    float: right;
    width: 32.5%;
  }
  .sidebanner img {
    width: 100%;
    padding: 0px;
    height: 297px;
    margin: 0px !important;
  }
  .fronthead span {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    line-height: normal;
  }
  .watch-videob {
    width: 66% !important;
    float: left;
  }
  .watch-videob .video-box {
    width: 100% !important;
    float: left;
  }
  .watch-videob .video-box > iframe {
    float: left;
    width: 100% !important;
  }
  .testimony ul {
    float: left;
    width: 100%;
  }
  .testimony ul li {
    float: left;
    width: 100%;
  }
  .testimony ul li .theword {
    padding: 15px 5%;
    width: 89.5%;
    background: none;
  }
  .testimony ul li .portrait {
    border: 1px solid #cccccc;
    box-shadow: none;
  }
  .testimony ul li .name {
    width: 60%;
  }
  .clickblock a {
    width: 100%;
    font-size: 15px !important;
  }
  .textlistb ul li {
    float: left;
    width: 92%;
    padding-left: 8%;
  }
  .page-title {
    margin-top: 10px;
    float: left;
  }
  .page-title h1 {
    line-height: normal;
    font-size: 18px !important;
  }
  .benefits-banner {
    width: 100%;
    float: left;
  }
  .benefits-banner ul {
    width: 100%;
    float: left;
  }
  .benefits-banner ul li {
    float: left;
    margin-left: 1.2%;
    margin-right: 0 !important;
    margin-bottom: 5px;
    padding: 0 !important;
    width: 32% !important;
  }
  .benefits-banner ul li img {
    width: 100%;
    float: left;
  }
  .product-infos {
    width: 100% !important;
    float: left;
  }
  .product-infos .tabs {
    width: 100% !important;
    float: left !important;
  }
  .new-topic.tab4 > p {
    float: left;
    width: 100% !important;
  }
  .new-topic.tab4 > img {
    position: static !important;
  }
  .new-topic {
    width: 100%;
    float: left;
  }
  .posture-box-ctn {
    width: 100%;
    float: left;
  }
  .product-infos ul.tabs {
    border: 1px solid #cccccc;
    border-bottom: 0px !important;
  }
  .product-infos .tabs li.current {
    background: #2881a5 !important;
  }
  .product-infos .tabs li {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #ccc;
    list-style: none;
  }
  .product-infos .tabs li:hover {
    background: none;
  }
  .product-infos .tabs li:hover a {
    color: #505050;
    text-decoration: none;
  }
  .product-infos .tabs li.current a {
    background: none;
    color: #fff;
    text-decoration: none;
  }
  .product-infos .tabs li a {
    background: none;
  }
  .product-infos .tabs li:hover a {
    background: none;
  }
  .story-area {
    width: 100%;
    float: left;
  }
  .widget-static-block {
    float: left;
    width: 100%;
  }
  .story-area img {
    padding-left: 0px;
    padding-top: 0px;
    float: left;
    width: 100%;
  }
  .story-man-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
  }
  .story-man-area p {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
  }
  .std h3 {
    margin-bottom: 0px !important;
  }
  .story-man-area h3 {
    width: 100%;
    float: left;
  }
  .story-own-nav {
    float: left;
    height: auto;
    position: static;
    clear: both;
    width: 100%;
  }
  .story-man-area img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  .story-own-nav .sub-nav-1 {
    float: left;
    width: 100%;
  }
  h3.build-own-title-now {
    position: static;
  }
  .testimonials-box .test-words p {
    width: 96%;
    padding: 0 2% 15px 2%;
  }
  #customer_list,
  #cul,
  li.cl {
    display: inline;
    height: auto !important;
    width: 100% !important;
    left: 0 !important;
  }
  .list-box {
    height: auto;
    width: 100%;
  }
  .list-box-detail {
    width: 100%;
  }
  .list-box-detail dl {
    float: none;
  }
  .banner-arrow3 .arrow-l,
  .banner-arrow3 .arrow-r {
    display: none;
  }
  .cool-desk-products li {
    float: left;
    margin-left: 1%;
    padding-right: 0 !important;
    width: 48% !important;
  }
  .cool-desk-products li a {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .cool-desk-products li a img {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .contact-form-area {
    width: 100%;
  }
  .contact-form-area ul {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
  }
  .contact-form-area ul li {
    display: inline-block;
    float: none;
    text-align: center;
  }
  .contact-form-area li a {
    padding: 0 10px;
  }
  .input-text-box {
    width: 95%;
  }
  .textarea-text {
    width: 95%;
  }
  .submit-btn {
    float: right;
    margin: 30px 13px 0 0;
  }
  .five-steps-total-ctn {
    width: 70%;
  }
  .steps-box-ctn {
    padding-left: 10px;
    width: 63%;
  }
  .banner2 {
    height: auto;
    padding-right: 0;
    width: 100%;
  }
  .form-left {
    padding-right: 0;
    width: 100%;
  }
  .form-in-a-line {
    width: 100%;
  }
  .form-line-half {
    margin-right: 0px;
    width: 100%;
  }
  .form-left .input-text-box-half {
    width: 100%;
  }
  .form-left .input-text-box {
    width: 100%;
  }
  .form-in-a-line ul {
    border: medium none;
    clear: left;
    display: block;
    float: left;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
  }
  .form-left .textarea-text {
    width: 99%;
  }
  .form-subscribe {
    width: 100%;
  }
  #cboxContent {
    width: 90% !important;
  }
  .popup-window h2 {
    width: 93%;
  }
  .popup-info {
    font-size: 16px;
  }
  #cboxLoadedContent {
    overflow: hidden !important;
  }

  .dropdown-menu > ul h1 {
    border-bottom: 1px solid #ddd;
    color: #111;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .navbar-nav > li > .dropdown-menu {
    padding: 10px 15px;
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important;
  }
  #main-image {
    min-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .pruduct-image {
    padding: 10px 10px 0;
  }
  .zoomPad {
    width: 100%;
  }
  .view-arrow-left {
    display: none;
  }
  .left_td {
    float: left;
    margin: 0;
    width: 70%;
  }
  .right_td {
    clear: both;
    float: left;
    margin: 30px 0 0;
    width: 66%;
  }
  .product-infos .tabs li {
    background: none repeat scroll 0 0 #ececec;
  }
  .product-infos ul.tabs {
    border: none;
  }
  p.required {
    text-align: left;
  }
  .buttons-set button.button {
    float: left;
  }
  .form-list li.wide input.input-text {
    width: 48%;
  }
  .popup-window2 {
    width: 240px;
  }
  .popup-window3 {
    right: 20px;
  }
  .view-cart-popup-btn2 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    margin: 0 0 5px;
  }
  .view-cart-popup-btn3 {
    background: none repeat scroll 0 0 #157ca5 !important;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    float: left;
  }
  .add-to-cart-message {
    margin-top: 20px;
  }

  .blog-index-list .side-menu {
    margin: 0 0 20px;
    width: 100%;
  }
  .blockc {
    background: url('images/catalog-bg.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    width: 100%;
    padding-left: 0;
  }
  .blockd {
    background: url('images/sbg_10.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    padding-left: 0;
    width: 100%;
  }
  .side-menu-unit h2 {
    margin-bottom: 10px;
  }
  .achieve {
    width: 100%;
  }
  .addthis_toolbox a.at300b,
  .addthis_toolbox a.at300m {
    width: 22% !important;
  }
  .pageselector {
    padding-left: 0;
    width: 100%;
  }
  .info-area {
    padding-right: 0 !important;
    text-align: center;
    width: 100% !important;
  }
  .buttons-set {
    margin: 0 0 0;
    padding: 8px 0 15px 10px;
  }
  .buttons-set button.button {
    clear: both;
    float: left;
    margin: 10px 0 0;
  }
  .account-login .content {
    min-height: 110px;
  }

  .nivo-controlNav {
    bottom: 5px !important;
    left: 5px !important;
  }
  .nivo-caption span {
    bottom: 5px !important;
    right: 5px !important;
  }
  .nivo-caption {
    font-size: 15px !important;
  }
  .sitemap-area {
    margin: 0 0 20px;
    min-height: 180px;
    width: 94% !important;
  }

  .footer-ctn {
    padding: 20px 0 50px;
  }

  .indexboxa .textg {
    float: none;
    margin: 10px 0 0 0;
  }
  .indexboxa img {
    float: none;
    margin: 10px 0 5px;
  }
  .slide > img {
    float: none;
  }
  .contact-left {
    width: 100%;
  }

  .popup-products-box2 {
    width: 92%;
  }
  #cboxLoadedContent {
    overflow: auto !important;
  }
  .main-content h2 {
    line-height: normal;
    padding: 30px 0 8px;
    text-align: center;
  }
  .main-content a.view-full {
    top: 10px;
  }
  #lightbox-container-image-box {
    height: auto !important;
    width: 600px !important;
  }
  #lightbox-container-image-data-box {
    width: 580px !important;
  }
  .checkout-progress {
    padding: 0;
  }
  .product-tabs-content img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .logo {
    float: left;
    padding: 25px 0 0;
    width: 250px;
  }
  .logo img {
    float: left;
    width: 100%;
  }
  .wrapper {
    width: 96%;
    padding: 0 2%;
    background: none;
    box-shadow: none;
    border: none;
  }
  .nav-bar {
    width: 100%;
    float: left;
    background: none;
    height: auto;
    position: static;
  }
  .banner {
    display: block;
  }
  .banner-pics {
    width: 100% !important;
    height: auto;
  }
  .shopbutton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
  }
  .shopbutton a {
    float: left;
    height: auto !important;
    line-height: normal !important;
    padding: 15px 0;
    width: 100%;
  }
  .content {
    padding: 0px;
  }
  .one-column .std {
    margin: 0;
    padding: 0;
  }
  .four-boxes {
    padding: 0px;
    background: none;
    height: auto;
    float: left;
  }
  .banner-box {
    padding-left: 0px;
    width: 24%;
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 7px;
  }
  .banner-box img {
    width: 100%;
  }
  .btn-start-here {
    width: 80px !important;
  }
  .banner-box p {
    font-size: 11px;
    left: 5px;
    line-height: normal;
    position: absolute;
    top: 4px;
  }
  .banner-box p {
    color: #333333;
    font-size: 13px;
    left: 10px;
    line-height: normal;
    position: absolute;
    top: 10px;
  }
  .indexboxa {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    text-align: center;
  }
  .banner-info-1 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 96%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-1-ctn {
    width: 100%;
  }
  .banner-info-2 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 44%;
    min-height: 103px;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-3 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 44%;
    margin-top: 15px;
    float: right;
    margin-left: 0px;
    padding: 0px 2%;
  }
  .banner-info-2 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .banner-info-3 .click-here {
    float: left;
    position: static;
    width: 100%;
  }
  .three-infos p {
    line-height: normal;
    font-size: 13px;
    width: 100%;
  }
  .banner-info-1 h2 {
    font-size: 20px;
  }
  .footer {
    padding: 0px;
    margin: 15px 0 0 0;
    line-height: normal;
  }
  .sitemap-area {
    float: left;
    width: 44% !important;
    height: auto;
    padding: 0px 3%;
    margin: 0px;
    min-height: 260px;
  }
  .sitemap {
    padding-top: 0px;
  }
  .footer-ctn p {
    height: auto;
    text-align: center;
    padding: 0;
  }
  .nav li.cataloga {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0px;
  }
  .banner-info-1 h2 {
    padding: 0px;
  }
  .banner-info-1 ul {
    width: 95%;
  }
  .banner-info-3-ctn {
    padding: 10px 0 0 44%;
    width: 56%;
  }
  .banner-info-2-ctn {
    padding: 10px 0 0 44%;
    width: 56%;
  }
  .three-infos p {
    float: left;
    width: 100%;
  }
  .indexboxa p span {
    font-size: 17px;
  }
  .indexboxa p {
    font-size: 17px;
  }
  .build-own-nav {
    margin: 0 0 20px;
  }
  div.AuthorizeNetSeal {
    width: 100% !important;
    text-align: center;
  }
  div.AuthorizeNetSeal a {
    float: left;
    text-align: center;
    text-decoration: none;
    width: 100% !important;
  }
  .desk-box {
    min-height: 300px;
    width: 32%;
    height: auto;
    margin-left: 1%;
    margin-right: 0px;
    margin-bottom: 3px;
  }
  .desk-box a img {
    width: 96% !important;
    height: auto;
    padding: 10px 2%;
  }
  .desk-box p.starting-at span {
    font-size: 15px;
  }
  .desk-box p.starting-at {
    font-size: 12px;
  }
  .desk-box-infos > p {
    font-size: 11px;
  }
  .desk-box p.starting-at {
    float: left;
    padding: 10px 0 0 10px;
    position: static;
  }
  .view-details-btn {
    float: right;
    padding-right: 10px;
    position: static;
  }
  .view-details-btn img {
    width: 100px !important;
  }
  .main-content h2 {
    font-size: 20px;
  }
  .choose-desks-infos {
    float: left;
    width: 100%;
  }
  .choose-desks-infos h3 {
    font-size: 13px !important;
  }
  .downcategroy {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    float: left;
  }
  .downcategroy .logos img {
    float: left;
    width: 250px;
  }
  .downcategroy ol {
    height: auto;
    padding-left: 10px;
    margin-top: 15px;
  }
  .bio-advantage {
    float: left;
    width: 100%;
    padding: 0px;
  }
  .bio-advantage ul {
    float: left;
    padding-top: 10px;
    width: 100%;
    border: 1px solid #cccccc;
  }
  .downcategroy .leftpart {
    float: left;
    padding-top: 10px;
    width: 60%;
  }
  .picp {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    float: left;
    width: 100%;
  }
  .cbox.cboxElement > img {
    width: 100%;
  }
  .watch-video {
    float: left;
    margin-left: 0px;
    width: 100%;
  }
  .main-content h2 {
    line-height: normal;
    padding: 0px 0 8px;
    text-align: left;
  }
  .fb_iframe_widget {
    position: static !important;
  }
  .fb_iframe_widget span {
    width: 100% !important;
    float: left;
    position: static !important;
  }
  .likebox {
    float: left;
    width: 49%;
  }
  .watch-video {
    float: right;
    width: 49%;
  }
  .build-own-nav {
    width: 100%;
  }
  .fb_iframe_widget {
    width: 100%;
  }
  .fb_iframe_widget iframe {
    position: static !important;
    width: 100% !important;
  }
  .video-box {
    width: 100% !important;
  }
  .video-box > iframe {
    width: 100%;
  }
  .add-ons-ctn {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .add-ons-ctn img {
    width: 45%;
  }
  .add-ons-ctn-right {
    width: 52%;
    padding: 0px 0px 0 2%;
    margin: 0px;
    float: left;
  }
  .custom-archite {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul li {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-left: 1.5%;
    padding-right: 0px !important;
  }
  .custom-archite ul li img {
    float: left;
    width: 100%;
  }
  .custom-archite ul p {
    float: left;
    line-height: normal;
    padding: 10px 0;
  }
  .sidebanner {
    float: right;
    width: 32.5%;
  }
  .sidebanner img {
    width: 100%;
    padding: 0px;
    height: 297px;
    margin: 0px !important;
  }
  .fronthead span {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    line-height: normal;
  }
  .watch-videob {
    width: 66% !important;
    float: left;
  }
  .watch-videob .video-box {
    width: 100% !important;
    float: left;
  }
  .watch-videob .video-box > iframe {
    float: left;
    width: 100% !important;
  }
  .testimony ul {
    width: 100%;
  }
  .testimony ul li {
    width: 100%;
  }
  .testimony ul li .theword {
    padding: 15px 5%;
    width: 89.5%;
    background: none;
  }
  .testimony ul li .portrait {
    border: 1px solid #cccccc;
    box-shadow: none;
  }
  .testimony ul li .name {
    width: 60%;
  }
  .clickblock a {
    width: 100%;
    font-size: 15px !important;
  }
  .textlistb ul li {
    width: 95%;
    padding-left: 7%;
  }
  .page-title {
    margin-top: 10px;
    float: left;
  }
  .page-title h1 {
    line-height: normal;
    font-size: 18px !important;
  }
  .benefits-banner {
    width: 100%;
    float: left;
  }
  .benefits-banner ul {
    width: 100%;
    float: left;
  }
  .benefits-banner ul li {
    float: left;
    margin-left: 1%;
    margin-right: 0 !important;
    margin-bottom: 20px;
    padding: 0 !important;
    width: 24% !important;
  }
  .benefits-banner ul li img {
    max-width: 100%;
    float: left;
  }
  .product-infos {
    width: 100% !important;
    float: left;
  }
  .product-infos .tabs {
    width: 100% !important;
    float: left !important;
  }
  .new-topic.tab4 > p {
    float: left;
    width: 100% !important;
  }
  .new-topic.tab4 > img {
    position: static !important;
  }
  .new-topic {
    width: 100%;
    float: left;
  }
  .posture-box-ctn {
    width: 100%;
    float: left;
  }
  .product-infos .tabs li {
    margin-right: 10px;
    padding-left: 0px !important;
  }
  .story-area {
    width: 100%;
    float: left;
  }
  .widget-static-block {
    float: left;
    width: 100%;
  }
  /*.story-area img{padding-left:0px; padding-top:0px; float:left; width:100%;}*/
  .story-man-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
  }
  .story-man-area p {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
  }
  .std h3 {
    margin-bottom: 0px !important;
  }
  .story-man-area h3 {
    width: 100%;
    float: left;
  }
  .story-own-nav {
    float: left;
    height: auto;
    position: static;
    clear: both;
    width: 100%;
  }
  /*.story-man-area img{margin: 0 !important;padding: 0 !important;width: 100%;}*/
  .story-own-nav .sub-nav-1 {
    float: left;
    width: 100%;
  }
  h3.build-own-title-now {
    position: static;
  }
  .testimonials-box .test-words p {
    width: 96%;
    padding: 0 2% 15px 2%;
  }
  .cool-desk-products li {
    float: left;
    margin-left: 1%;
    padding-right: 0 !important;
    width: 32% !important;
  }
  .cool-desk-products li a {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .cool-desk-products li a img {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .five-steps-total-ctn {
    width: 70%;
  }
  .steps-box-ctn {
    padding-left: 10px;
    width: 63%;
  }
  .steps-box-ctn {
    float: left;
  }

  .navbar-nav > li > a {
    font-size: 10px !important;
    padding: 10px 8px !important;
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0 !important;
  }

  #main-image {
    min-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .pruduct-image {
    padding: 10px 10px 0;
  }
  .zoomPad {
    width: 100%;
  }

  .left_td {
    float: left;
    margin: 0;
    width: 64%;
  }
  .right_td {
    clear: both;
    float: left;
    margin: 30px 0 0;
    width: 62%;
  }

  .product-infos {
    float: right;
    width: 100% !important;
  }
  .product-infos .tabs li a {
    font-size: 12px;
    padding: 0 6px 0 4px;
  }

  .cart .discount .input-box {
    width: 100%;
  }
  .cart .discount input.input-text {
    width: 100%;
  }
  .cart .shipping .form-list .input-box {
    width: 100%;
  }
  .cart .shipping .form-list select {
    width: 100%;
  }
  .cart .shipping .form-list input.input-text {
    width: 100%;
  }

  .blog-index-list .side-menu {
    margin: 0 0 20px;
    width: 100%;
  }
  .blockc {
    background: url('images/catalog-bg.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    width: 100%;
    padding-left: 0;
  }
  .blockd {
    background: url('images/sbg_10.jpg') no-repeat scroll 0 0 / cover
      rgba(0, 0, 0, 0);
    padding-left: 0;
    width: 100%;
  }
  .achieve {
    width: 100%;
  }

  .nivo-controlNav {
    bottom: 12px !important;
    left: 12px !important;
  }
  .nivo-caption span {
    bottom: 12px !important;
    right: 12px !important;
  }
  .nivo-caption {
    font-size: 16px !important;
  }

  .sitemap-area {
    padding: 0 1%;
    width: 22% !important;
    min-height: 310px;
  }
  .sitemap-area-last {
    width: 22%;
  }
  .sitemap .last {
    width: 98% !important;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    min-height: 170px;
  }
  .footer-ctn {
    padding: 20px;
    width: 95%;
  }
  .indexboxa .textg {
    float: none;
    margin: 10px 0 0 0;
  }
  .indexboxa img {
    float: none;
    margin: 10px 0 5px;
  }

  .category-multimedia-design-workstation-desks .product-infos {
    float: right;
    width: 57% !important;
  }
  #cboxContent {
    width: 90% !important;
  }
  #cboxLoadedContent {
    overflow: auto !important;
  }
  .popup-products-box2 {
    width: 240px;
  }
  .desk-box {
    width: 48%;
  }

  #lightbox-container-image-box {
    height: auto !important;
    width: 700px !important;
  }
  #lightbox-container-image-data-box {
    width: 680px !important;
  }
  .checkout-progress {
    padding: 0 30px;
  }
}

@media (min-width: 981px) and (max-width: 1024px) {
  .wrapper {
    width: 960px;
  }

  .banner-pics {
    width: 930px !important;
  }
  .indexboxa {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    text-align: center;
  }
  .shopbutton {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
  }
  .shopbutton a {
    line-height: normal !important;
    padding: 10px 0;
    float: left;
  }
  .shopbutton a {
    width: 98%;
    text-align: center;
    height: auto !important;
    line-height: normal !important;
  }
  .four-boxes {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    height: auto !important;
    line-height: normal;
    width: 100%;
    float: left;
    margin-left: 0px !important;
    margin: 0px;
    padding: 10px 0;
  }
  .banner-info-1 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    float: left;
    width: 48%;
    padding-bottom: 5px;
    min-height: 221px;
  }
  .banner-info-2 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    float: left;
    width: 47%;
    float: right !important;
    height: auto;
    padding-bottom: 5px;
  }
  .banner-info-3 {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    float: left;
    width: 47%;
    float: right !important;
    height: auto;
    padding-bottom: 5px;
  }
  .banner-info-2-ctn {
    padding: 23px 0 0 30%;
    width: 62%;
    height: auto;
  }
  .banner-info-3-ctn {
    padding: 23px 0 0 30%;
    width: 62%;
    height: auto;
  }
  .banner-info-2 .click-here {
    position: static;
    float: left;
    width: 100%;
  }
  .banner-info-3 .click-here {
    position: static;
    float: left;
    width: 100%;
  }
  .footer {
    padding: 13px 10px;
  }
  .footer {
    padding: 13px 10px 0;
  }
  .sitemap-area {
    width: 215px;
  }
  .cbox.cboxElement > img {
    margin: 6px 3%;
    width: 94%;
  }
  .downcategroy {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #ffffff),
      color-stop(100%, #eeeeee)
    ) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* IE10+ */
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eeeeee 100%
    ) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #c9cfd6;
    box-shadow: none;
    height: auto;
    width: 100%;
    float: left;
  }
  .downcategroy .logos img {
    width: 200px;
  }
  .downcategroy .leftpart {
    width: 350px;
  }
  .desk-box-infos > p {
    font-size: 10px;
  }
  .likebox {
    float: left;
    width: 48%;
    float: left;
  }
  .fb_iframe_widget {
    width: 100%;
  }
  .fb_iframe_widget span {
    width: 100% !important;
    position: static !important;
  }
  .fb_iframe_widget span iframe {
    width: 100% !important;
    position: static !important;
  }
  .watch-video {
    position: relative;
    float: left;
    width: 48%;
    margin-left: 0px;
    float: right;
  }
  .questions {
    width: 100%;
    background: none;
    margin-left: 20px !important;
  }
  .bio-advantage {
    width: 100%;
    background: none;
  }
  .video-box > iframe {
    width: 100%;
  }
  .picp {
    margin-left: 0px !important;
    float: left;
    width: 100%;
  }
  .picp img {
    padding: 0px;
    margin: 0px !important;
  }
  .fb_iframe_widget iframe {
    position: static !important;
  }
  .choose-desks-infos {
    width: 100%;
  }
  .add-ons-ctn {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .add-ons-ctn img {
    width: 45%;
  }
  .add-ons-ctn-right {
    width: 52%;
    padding: 0px 0px 0 2%;
    margin: 0px;
    float: left;
  }
  .custom-archite {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .custom-archite ul li {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-left: 1.5%;
    padding-right: 0px !important;
  }
  .custom-archite ul li img {
    float: left;
    width: 100%;
  }
  .custom-archite ul p {
    float: left;
    line-height: normal;
    padding: 10px 0;
  }
  .category-image img {
    margin-top: 10px;
    width: 100%;
  }
  .sidebanner {
    float: right;
    width: 32.5%;
  }
  .sidebanner img {
    width: 100%;
    padding: 0px;
    height: 297px;
    margin: 0px !important;
  }
  .fronthead span {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    line-height: normal;
  }
  .watch-videob {
    width: 66% !important;
    float: left;
  }
  .watch-videob .video-box {
    width: 100% !important;
    float: left;
  }
  .watch-videob .video-box > iframe {
    float: left;
    width: 100% !important;
  }
  .testimony ul {
    float: left;
    width: 100%;
  }
  .testimony ul li {
    float: left;
    width: 100%;
  }
  .testimony ul li .theword {
    padding: 15px 5%;
    width: 89.5%;
    background: none;
  }
  .testimony ul li .portrait {
    border: 1px solid #cccccc;
    box-shadow: none;
  }
  .testimony ul li .name {
    width: 60%;
  }
  .clickblock a {
    width: 100%;
    font-size: 15px !important;
  }
  .textlistb ul li {
    float: left;
    width: 95%;
    padding-left: 7%;
  }
  .page-title {
    margin-top: 10px;
    float: left;
  }
  .page-title h1 {
    line-height: normal;
    font-size: 18px !important;
  }
  .benefits-banner {
    width: 100%;
    float: left;
  }
  .benefits-banner ul {
    width: 100%;
    float: left;
  }
  .benefits-banner ul li {
    float: left;
    margin-left: 1%;
    margin-right: 0 !important;
    margin-bottom: 5px;
    padding: 0 !important;
    width: 24% !important;
  }
  .benefits-banner ul li img {
    width: 100%;
    float: left;
  }
  .product-infos {
    width: 100% !important;
    float: left;
  }
  .product-infos .tabs {
    width: 100% !important;
    float: left !important;
  }
  .new-topic.tab4 > p {
    float: left;
    width: 100% !important;
  }
  .new-topic.tab4 > img {
    position: static !important;
  }
  .new-topic {
    width: 100%;
    float: left;
  }
  .posture-box-ctn {
    width: 100%;
    float: left;
  }
  .product-infos .tabs li {
    margin-right: 10px;
    padding-left: 0px !important;
  }
  .product-infos .tabs li a {
    padding: 0 15px 0 5px !important;
  }
  .story-area {
    width: 100%;
    float: left;
  }
  .story-own-nav {
    position: static;
  }
  .story-own-nav ul {
    width: 100%;
  }
  h3.build-own-title-now {
    position: static;
  }
  .story-own-nav li {
    position: static;
    background: none !important;
  }
  .story-own-nav .current {
    background: none !important;
  }
  .story-own-nav li:hover {
    background: none !important;
  }
  .story-own-nav li:hover a {
    color: #333333;
  }
  .testimonials-box .test-words p {
    width: 96%;
    padding: 0 2% 15px 2%;
  }
  .cool-desk-products li {
    float: left;
    margin-left: 1%;
    padding-right: 0 !important;
    width: 32% !important;
  }
  .cool-desk-products li a {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .cool-desk-products li a img {
    float: left;
    max-width: 100% !important;
    width: 100% !important;
  }
  .five-steps-total-ctn {
    width: 70%;
  }
  .steps-box-ctn {
    padding-left: 10px;
    width: 63%;
  }
  .steps-box-ctn {
    float: left;
  }

  .footer-ctn p {
    padding: 0;
  }
  .footer-ctn {
    padding: 20px;
    width: 96%;
  }

  .form-left .textarea-text {
    width: 310px;
  }
  .form-left .input-text-box {
    width: 316px;
  }
  .contact-form-area ul {
    width: 733px;
  }
  .contact-form-area {
    width: 742px;
  }
  #cboxLoadedContent {
    overflow: auto !important;
  }
  .popup-products-box2 {
    width: 180px;
  }
  .desk-box h3 {
    width: 210px;
  }

  .selectBox-dropdown {
    width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1265px) {
  .popup-products-box2 {
    width: 190px;
  }
  a.selectBox {
    width: 100% !important;
  }
}

@media (min-width: 300px) and (max-width: 980px) {
  .category-image img {
    margin-top: 10px;
    width: 100%;
  }
  .shop-product-line .desk-box h3 {
    float: left;
    width: 98%;
    padding: 0px !important;
    margin-left: 2% !important;
  }
}

.pruduct-image.product-image-zoom > a {
  min-height: auto !important;
}
.product_tab {
  display: none !important;
}

.fb-like-box span iframe html body ._li div #u_0_0 div {
  width: 100% !important;
}
.likebox {
  float: left !important;
}

@media (max-width: 992px) {
  .sidebar {
    width: 25%;
  }
  .main-content {
    width: 73%;
  }
  .category-page .page-title {
    font-size: 26px;
    padding: 0 0 10px;
  }
  .category-page .block-title {
    margin: 0 0 12px;
    padding: 0;
    font-size: 21px;
    text-align: left;
  }
  .category-page .item-category .category-title {
    font-size: 20px;
  }
  .category-page .item-category .category-subtitle {
    font-size: 15px;
  }
  .list-articles-holder {
    flex-direction: column;
  }
  .list-articles-holder ul {
    margin: 0 0 10px;
  }
  .category-page .list-articles-holder .article-button {
    width: 100%;
  }
  .category-page .list-categories,
  .category-list {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .category-page .list-categories .item-category {
    width: 48%;
    margin: 0 0 15px;
  }
  .category-list .category-item {
    width: 50%;
  }
}
@media (max-width: 880px) {
  /* ========= Category Page ======= */
  .build-own-nav p {
    margin: 0 12px 0 0;
  }
  .build-own-nav ul li {
    margin: 0 12px;
  }
  .build-own-nav ul li:after {
    width: calc(100% + 24px);
  }
  /* ========= Product Page ======== */
  .product-options-bottom .popup-qty-box {
    width: 100%;
    justify-content: flex-start;
  }
  .product-options-bottom .popup-qty-box p {
    margin: 0 15px 5px 0;
  }
  .product-options-bottom .product-price {
    margin: 0 0 15px;
  }
  .product-options-bottom .add-to-truck,
  .product-options-bottom .product-price,
  .product-social-holder {
    width: 100%;
  }
  .product-social-holder {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .product-social-holder p {
    margin: 0 0 10px;
  }
  .product-info-holder .info-block {
    flex-direction: column;
  }
  .product-info-holder .more-info-button {
    width: 100%;
    margin: 10px 0 0;
  }
}
@media (max-width: 767px) {
  .sidebar,
  .main-content {
    width: 100%;
  }
  .sidebar.sidebar-mobile-block {
    display: block;
  }
  .products-general-description-holder {
    font-size: 20px;
    line-height: 1.2;
  }
  .product-list .desk-box {
    width: 31%;
  }
  .special-products-holder .special-products-left-side,
  .special-products-holder .special-products-right-side {
    width: 100%;
  }
  .special-products-holder .special-products-right-side {
    order: 1;
  }
  .special-products-holder .special-products-info-holder {
    display: flex;
    flex-wrap: wrap;
  }
  .special-products-holder .special-products-info-holder > div {
    width: 50%;
  }
  .special-products-holder .special-products-info-img-holder {
    position: relative;
    opacity: 1;
    height: auto;
  }
  .special-products-holder
    .special-products-info-holder:hover
    .special-products-info-text-holder {
    opacity: 1;
  }
  /* ========= Category Page ======= */
  .sidebar .side-menu-ctn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sidebar .side-menu-unit,
  .sidebar .side-menu-ctn #layered-nav {
    width: 48%;
  }
  .sidebar .mobile-bottom-visible-side-menu-unit,
  .sidebar.sidebar-mobile-block .mobile-top-visible-side-menu-unit {
    display: none;
  }
  .sidebar.sidebar-mobile-block .mobile-bottom-visible-side-menu-unit {
    display: block;
  }
  .sidebar .side-menu-ctn #layered-nav .side-menu-unit {
    width: 100%;
  }
  .sidebar .authorize-sidebar-block {
    align-self: flex-start;
  }
  /* =========== Product Page ========== */
  .product-columns {
    flex-direction: column;
  }
  .product-columns .product-left-col,
  .product-columns .product-right-col {
    width: 100%;
    padding: 0 15px;
    border: none;
  }
  /* =========== Cart Page ======== */
  .cart .cart-collaterals .cart-bottom-columns {
    flex-direction: column;
    align-items: center;
  }
  .cart .cart-shipping-holder,
  .cart .totals {
    width: 100%;
    max-width: 430px;
    margin: 0 0 30px;
  }
}
@media (max-width: 640px) {
  .products-info-holder {
    flex-direction: column;
  }
  .products-info-holder > div,
  .special-products-holder .special-products-info-holder > div {
    width: 100%;
  }
  .products-info-holder .products-info-text-holder,
  .special-products-holder .special-products-info-text-holder {
    order: 1;
  }
  .products-info-holder .products-info-img-holder img,
  .special-products-holder .special-products-info-img-holder img {
    position: static;
    margin: 0 auto;
    display: block;
  }
  .product-list .desk-box {
    width: 48%;
  }
  /* ========= Category Page ======= */
  .build-own-nav {
    display: block;
    text-align: left;
  }
  .build-own-nav p {
    width: 100%;
    display: flex;
    margin: 0 0 10px;
    align-items: center;
  }
  .build-own-nav p:before,
  .build-own-nav ul li:before {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
  }
  .build-own-nav ul {
    display: block;
  }
  .build-own-nav ul li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .build-own-nav ul li:after {
    width: 3px;
    height: calc(100% + 20px);
    left: 13px;
    right: auto;
    top: auto;
    bottom: 50%;
  }
  .category-page .item-category .item-category-titles-holder,
  .category-page .item-category .category-full-description,
  .category-page .item-category .category-short-description {
    padding: 12px 10px;
  }
  .social_links {
    justify-content: center;
  }
  /* ========= Cart Page ========= */
  .cart-table .tr {
    flex-wrap: wrap;
  }
  .cart-table .td.item-name {
    width: 80%;
    padding: 0 0 0 5px;
  }
  .cart-table .td.item-qty,
  .cart-table .td.item-subtotal {
    width: 100%;
    order: 1;
    margin: 10px 0 0;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
  }
  .cart-table .tfoot .td {
    flex-direction: column;
  }
  .cart-table .tfoot .button.btn-update,
  .cart-table .tfoot .button.btn-empty {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .products-info-holder > div,
  .special-products-holder .special-products-info-holder > div {
    padding: 10px;
  }
  .product-list .desk-box,
  .special-products-holder .product-list .desk-box {
    width: 100%;
  }
  /* ========= Category Page ======= */
  .sidebar .side-menu-unit,
  .sidebar .side-menu-ctn #layered-nav {
    width: 100%;
  }
  .side-menu-unit .AuthorizeNetSeal {
    flex-direction: column;
  }
  .side-menu-unit .AuthorizeNetSeal a {
    text-align: center;
  }
  .category-page .page-title {
    font-size: 22px;
  }
  .category-page .list-categories .item-category,
  .category-list .category-item {
    width: 100%;
  }
  .category-page .content-text-holder h3 {
    font-size: 15px;
  }
  .category-page .content-text-holder p {
    font-size: 14px;
  }
}