.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
.noitalic {
  font-style: normal !important;
}
.nobold {
  font-weight: normal !important;
}
.nomarginall {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.nopaddingall {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nomargintop {
  margin-top: 0 !important;
}
.poscenter {
  display: table;
  margin: 0 auto;
}
.nomarginbottom {
  margin-bottom: 0 !important;
}
.nomarginleft {
  margin-left: 0 !important;
}
.nomarginright {
  margin-right: 0 !important;
}
.nopaddingtop {
  padding-top: 0 !important;
}
.nopaddingbottom {
  padding-bottom: 0 !important;
}
.nopaddingleft {
  padding-left: 0 !important;
}
.nopaddingright {
  padding-right: 0 !important;
}
.thumbnail.pull-left {
  margin: 0 10px 10px 0;
}
.thumbnail.pull-right {
  margin: 0 0 10px 10px;
}
.grayshadow {
  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;
}
#flip-scroll table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
}
#flip-scroll th,
#flip-scroll td {
  margin: 0;
  vertical-align: top;
}
#flip-scroll thead {
  display: block;
  float: left;
}
#flip-scroll tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
#flip-scroll tbody tr {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ccc;
  margin-left: -4px;
}
#flip-scroll th:last-child,
#flip-scroll td:last-child {
  border-bottom: 1px solid #babcbf;
}
#flip-scroll th {
  background: #666666;
  border-radius: 0;
  color: #fff;
  display: block;
  text-align: right;
  border-bottom: 0;
  font-size: 13px;
  border-left: 0;
  padding: 7px 10px 5px;
  min-height: 27px;
}
#flip-scroll td {
  display: block;
  padding: 7px 10px 5px;
  min-height: 26px;
  text-align: left;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
#flip-scroll .bs-docs-example th {
  min-height: 30px;
}
@media (min-width: 1200px) {
  #bd .layout-boxed + .yt-off-resmenu {
    visibility: hidden;
  }
  #bd .move + .yt-off-resmenu {
    visibility: visible;
  }
  #bd #yt_mainmenu .yt-resmenu {
    position: fixed;
    top: 40px;
    right: 0px;
  }
  #bd #content_left {
    left: -75%;
  }
  #bd .manufacturers .select-manufacturer {
    width: 260px;
  }
  #bd .manufacturers .select-manufacturer select {
    width: 258px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  #bd .container {
    width: 980px;
  }
  #bd .layout-boxed {
    background: #fff;
  }
  #bd #content_left {
    left: -75%;
  }
  #bd #yt_mainmenu #meganavigator li.level1 > .item-link {
    padding: 9px 20px;
  }
  #bd #yt_mainmenu #meganavigator .mega-content.megachild .mega-content-inner {
    width: 765px !important;
  }
  #bd #yt_mainmenu .yt-resmenu {
    position: fixed;
    top: 40px;
    right: 0px;
  }
  #bd .module.badge_hot h3.modtitle,
  #bd .module.badge_new h3.modtitle,
  #bd .module.badge_sale h3.modtitle,
  #bd .module.badge_feature h3.modtitle {
    font-size: 15px;
  }
  #bd .statistics {
    min-height: 241px;
  }
  #bd .watch .modcontent .items {
    margin: 0px -5px;
  }
  #bd .watch .modcontent .items .item-content {
    padding: 0px 5px;
  }
  #bd .watch .modcontent .items .item-content .desc {
    left: 5px;
    width: 94%;
  }
  #bd #bottom2 .brands ul li {
    margin-left: 12px;
  }
  #bd div.contact .socials a {
    margin-right: 3px;
  }
  #bd div.sj-extraslider .extraslider-control {
    left: 46%;
    top: 48%;
  }
  #bd .watch div.yt-extra-carousel.pull-none .carousel-control {
    height: 58px;
  }
  #bd .watch div.yt-extra-carousel.pull-none .carousel-control.left {
    top: 58px;
  }
  #bd.rtl div.contact .socials a {
    margin-right: 0px;
    margin-left: 3px;
  }
  #bd.rtl #bottom2 .brands ul li {
    margin-left: 0px;
    margin-right: 12px;
  }
  #bd.rtl div.sj-extraslider .extraslider-control {
    left: auto;
  }
}
@media (min-width: 767px) and (max-width: 979px) {
  #bd .container {
    width: 750px;
  }
  #bd #content_left {
    left: -75%;
  }
  #bd #yt_mainmenu ul.navi {
    display: none;
  }
  #bd #yt_mainmenu div.yt-resmenu {
    display: block;
  }
  #bd .hidden-xs {
    display: none;
  }
  #bd .blog .items-row .item.col-sm-4 .article-text .blog-in-bottom,
  #bd .blog .items-row .item.col-sm-3 .article-text .blog-in-bottom,
  #bd .blog .items-row .item.col-sm-6 .article-text .blog-in-bottom {
    width: 100%;
  }
  #bd .blog .items-row .item.col-sm-4 .article-text .blog-in-bottom dd,
  #bd .blog .items-row .item.col-sm-3 .article-text .blog-in-bottom dd {
    display: block;
  }
  #bd .blog .items-row .item.col-sm-4 .article-text .blog-in-bottom dd.seperator,
  #bd .blog .items-row .item.col-sm-3 .article-text .blog-in-bottom dd.seperator {
    display: none;
  }
  #bd .module.badge_new h3.modtitle span.badge {
    float: none;
    margin-top: 10px;
  }
  #bd .module.badge_hot h3.modtitle span.badge {
    float: none;
    margin-top: 10px;
  }
  #bd .module.badge_sale h3.modtitle span.badge {
    float: none;
    margin-top: 10px;
  }
  #bd .module.badge_feature h3.modtitle span.badge {
    float: none;
    margin-top: 10px;
  }
  #bd .statistics {
    min-height: 328px;
  }
  #bd .bonusmenu .modcontent > div {
    padding: 0px 27px;
  }
  #bd .bonusmenu .modcontent #saleInMainPage{
    padding: 10px 0px;
    line-height: 0.9;
    font-size: 2.2em;
  }
  #bd .bonusmenu .modcontent > div.shipping {
    border-left: none;
  }
  #bd .bonusmenu .modcontent > div.support {
    border-right: none;
  }
  #bd .bonusmenu .modcontent > div.support .desc {
    left: auto;
    right: 0px;
  }
  #bd .bonusmenu .modcontent > div.support .desc:after {
    left: auto;
    right: 30px;
  }
  #bd .watch .modcontent {
    background-color: #46454D;
    background-position: left top;
  }
  #bd .watch .modcontent .items {
    background: #fff;
    margin: 0px -10px;
  }
  #bd .watch .modcontent .items .item-content {
    width: 50%;
    padding: 0px 10px;
    margin-bottom: 20px;
  }
  #bd .watch .modcontent .items .item-content .image img {
    width: 100%;
  }
  #bd .watch .modcontent .items .item-content .desc {
    width: 93%;
    left: 10px;
  }
  #bd #content #mainbottom2 div.moduletabs.top-position {
    margin: 0px 0px 20px;
  }
  #bd #content #mainbottom3 {
    padding: 0px;
  }
  #bd div.contact {
    padding: 30px 0px 0px;
    border: none;
  }
  #bd #bottom2 .brands ul li {
    margin-left: 14px;
  }
  #bd .about-content .ourmember .pre-text {
    padding: 0px;
  }
  #bd div.sj-extraslider {
    padding: 0px;
  }
  #bd div.sj-extraslider .item {
    display: inline-block;
  }
  #bd div.sj-extraslider .extraslider-control {
    top: 54%;
    left: 18%;
  }
  #bd.rtl .bonusmenu .modcontent > div {
    border-right: none;
    border-left: dotted 1px #ccc;
  }
  #bd.rtl .bonusmenu .modcontent > div.support {
    border: none;
  }
  #bd.rtl .watch .modcontent {
    background-position: right top;
  }
  #bd.rtl #bottom2 .brands ul li {
    margin-left: 0px;
    margin-right: 14px;
  }
  #bd.rtl div.sj-extraslider {
    padding: 0px;
  }
  #bd.rtl div.sj-extraslider .item {
    float: right;
  }
  #bd.rtl div.sj-extraslider .extraslider-control {
    right: 18%;
    left: auto;
  }
  #bd.rtl .bonusmenu .modcontent > div.support .desc {
    right: auto;
    left: 30px;
  }
  #bd.rtl .bonusmenu .modcontent > div.support .desc:after {
    right: auto;
    left: 10px;
  }
}
@media (max-width: 767px) {
  #bd .container {
    width: 100%;
  }
  #bd #yt_top {
    height: auto;
  }
  #bd #yt_top #top1 {
    border-bottom: solid 1px #fff;
    text-align: center;
  }
  #bd #yt_top #top2 {
    text-align: center;
    padding: 0px;
  }
  #bd #bottom3,
  #bd #bottom4,
  #bd #bottom5,
  #bd #bottom6 {
    width: 50%;
    float: left;
  }
  #bd #bottom7 {
    display: inline-block;
    width: 100%;
  }
  #bd #yt_mainmenu {
    float: left;
  }
  #bd #yt_mainmenu ul.navi {
    display: none;
  }
  #bd #yt_mainmenu div.yt-resmenu {
    display: block;
  }
  #bd .hidden-mobile {
    display: none;
  }
  #bd #yt_top #top1 {
    display: none;
  }
  #bd .statistics {
    min-height: inherit;
  }
  #bd .bonusmenu .modcontent > div {
    padding: 0px 10px;
    border: none;
  }
  #bd .bonusmenu .modcontent #saleInMainPage{
    line-height:0.9;
    padding-top: 10px;
    font-size: 2.2em;
  }
  #bd .bonusmenu .modcontent > div a {
    padding-left: 30px;
  }
  #bd .bonusmenu .modcontent > div.shipping {
    border-left: none;
  }
  #bd .bonusmenu .modcontent > div.support {
    border-right: none;
  }
  #bd .bonusmenu .modcontent > div.support .desc {
    left: auto;
    right: 0px;
  }
  #bd .bonusmenu .modcontent > div.support .desc:after {
    left: auto;
    right: 30px;
  }
  #bd div.banner-saleoff .modcontent div {
    float: left;
    width: 48%;
  }
  #bd div.banner-saleoff .modcontent div img {
    width: 100%;
  }
  #bd div.banner-saleoff .modcontent div.first {
    float: left;
  }
  #bd div.banner-saleoff .modcontent div.last {
    float: right;
  }
  #bd div.banner-saleoff .modcontent div.hiddenmobile {
    display: none;
  }
  #bd .watch .modcontent {
    background-color: #46454D;
    background-position: left top;
  }
  #bd .watch .modcontent .items {
    background: #fff;
  }
  #bd .watch .modcontent .items .item-content {
    width: 50%;
    padding: 0px 15px;
    margin-bottom: 20px;
  }
  #bd .watch .modcontent .items .item-content .image img {
    width: 100%;
  }
  #bd .watch .modcontent .items .item-content .desc {
    width: 87%;
    left: 15px;
  }
  #bd #content #mainbottom2 div.moduletabs.top-position {
    margin: 0px 0px 20px;
  }
  #bd div.bsn-wrap .item {
    margin-bottom: 20px;
  }
  #bd #content #mainbottom3 {
    padding: 0px;
  }
  #bd div.contact {
    padding: 30px 0px 0px;
    border: none;
  }
  #bd #bottom2 .brands {
    padding: 35px 0px 0px;
  }
  #bd #bottom2 .brands ul li {
    margin: 0px 40px 20px;
  }
  #bd div.menu-footer2 ul.menu li {
    margin-right: 5px;
  }
  #bd div.contact-ajax .ctajax-wrap .ctajax-element .el-inner .el-map #map-canvas {
    width: 100%;
  }
  #bd .about-content .wellcomeshop {
    margin-bottom: 20px;
  }
  #bd .about-content .ourmember .pre-text {
    padding: 0px;
  }
  #bd .about-content .ourmember #yt-extra-carousel .carousel-indicators {
    right: 40%;
  }
  #bd .about-content .ourmember #yt-extra-carousel .item-content {
    margin-bottom: 20px;
  }
  #bd div.aboutshop .image {
    display: inline-block;
    float: left;
    margin-right: 20px;
  }
  #bd div.bsn-wrap .item .bsn-image {
    float: left;
    margin-right: 20px;
  }
  #bd .yt-loginform li.yt-login #myLogin {
    min-width: 195px;
  }
  #bd div.sj-extraslider {
    padding: 0px;
  }
  #bd div.sj-extraslider .item {
    display: inline-block;
  }
  #bd div.sj-extraslider .extraslider-control {
    top: 54%;
    left: 18%;
  }
  #bd.rtl #yt_mainmenu {
    float: right;
  }
  #bd.rtl #content_left {
    width: 100%;
    left: auto !important;
    right: auto !important;
  }
  #bd.rtl .bonusmenu .modcontent > div a {
    padding-left: 0px;
    padding-right: 30px;
  }
  #bd.rtl .watch .modcontent {
    background-position: right top;
  }
  #bd.rtl div.menu-footer2 ul.menu li {
    margin-left: 5px;
    margin-right: 0px;
  }
  #bd.rtl div.bsn-wrap .item .bsn-image {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
  }
  #bd.rtl div.aboutshop .image {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
  }
  #bd.rtl div.sj-extraslider {
    padding: 0px;
  }
  #bd.rtl div.sj-extraslider .item {
    float: right;
  }
  #bd.rtl div.sj-extraslider .extraslider-control {
    right: 18%;
    left: auto;
  }
  #bd.rtl .bonusmenu .modcontent > div.support .desc {
    right: auto;
    left: 30px;
  }
  #bd.rtl .bonusmenu .modcontent > div.support .desc:after {
    right: auto;
    left: 10px;
  }
}
@media (max-width: 567px) {
  #bd div.setting {
    margin: 0px;
  }
  #bd #bottom3,
  #bd #bottom4,
  #bd #bottom5,
  #bd #bottom6 {
    width: 100%;
    float: none;
  }
  #bd div.moduletabs.top-position div.tabs-container ul.tabs li .tab {
    font-size: 14px;
    margin-right: 10px;
  }
  #bd #mod-finder-searchform .mod-finder {
    width: 290px;
  }
  #bd #mod-finder-searchform .mod-finder .inputbox {
    width: 233px;
  }
  #bd .watch .modcontent .items .item-content {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-left: 15px;
  }
  #bd .watch .modcontent .items .item-content .image img {
    width: 100%;
  }
  #bd .watch .modcontent .items .item-content.res {
    margin-bottom: 20px !important;
  }
  #bd .about-content .wellcomeshop .image {
    margin: 0px 0px 20px;
  }
  #bd .finder #search-form .inputbox {
    margin-bottom: 10px;
  }
  #bd .form-inline .filters .button {
    padding: 4px 10px;
  }
  #bd.rtl .shopping-account .box_oc {
    padding: 0px 0px 0px 10px;
  }
  #bd.rtl div.aboutshop .image {
    margin: 0px 0px 20px;
  }
  #bd .bonusmenu .modcontent #saleInMainPage{
    padding: 15px 0px;
    line-height: 0.9;
    font-size: 2em;
  }

}
@media (max-width: 360px) {
  #bd .bonusmenu .modcontent > div.gift {
    border-right: none;
  }
  #bd .bonusmenu .modcontent > div.gift .desc {
    left: auto;
    right: 0px;
  }
  #bd .bonusmenu .modcontent > div.gift .desc:after {
    left: auto;
    right: 30px;
  }
  #bd .about-content .wellcomeshop .image {
    float: none;
  }
  #bd.rtl .bonusmenu .modcontent > div.gift .desc {
    right: auto;
    left: 30px;
  }
  #bd.rtl .bonusmenu .modcontent > div.gift .desc:after {
    right: auto;
    left: 10px;
  }
  #bd .bonusmenu .modcontent #saleInMainPage{
    padding: 10px 0px;
    line-height: 0.9;
    font-size: 1.7em;
  }
}