/* OXID RES - responsive design */

a:hover{text-decoration:underline;color: #dd751f;}
#wrapper {
    width: 100%;
}
.container {padding:0 5px;width:100%;}

.row_f {
  margin: 0 auto;
  width: 1200px;
  padding: 0 10px;
}
.row {
  margin: 0 auto;
}
.justarrived .col-xs-3 {
  width:20%;
}
.thumbnail {
  border-radius: unset;
}
.search .navbar-form {
  width:100%;
}
.search .navbar-form .form-group {
  width:250px;
}
.search .navbar-form .form-control {
  /*border-radius: 0px 0 0 0px;*/
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-right: 0px;
  /*border-left: 0px;*/
  border-color: #bdbdbd;
  background: #4c4c4c;
  color: #bdbdbd;
  /*box-shadow: inherit; */
}
#page-wrapper {
    padding: 0 0px;
/*    min-height: 800px; */
    background-color: #fff;
    margin-bottom: 20px;
}

    #body {font-size: 13px;}
    .nav > li > a {padding: 10px;color:black;font-size:14px;}
    body, table, input, select, textarea, tt {font-size: 13px;}

#footer .navi .info img {display:inline-block;width:30%;}
.img-thumbnail {border:none;}

.nav>li>a:hover, .sidebar ul li a.active:hover, .sidebar .nav-second-level li a:hover {
  background: #4c4c4c;
  color: #fff100;
  text-decoration: underline;
}

#body .status .delivery-time-button button {
  padding: 5px 15px;
  background: #555555;
  border-color: #555555;
  border-radius: 0px;
  border-width: 0;
  color: white;
  font-weight: bold;
  margin-top: 10px;
}
#body .status .delivery-time-button button:hover {
  color: #555555;
  background: #d7d7d7;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 10px 5px 40px 220px;
        padding: 0;
    }

    .row {
    /*margin-right: 1px;
    margin-left: 0px;
    margin-bottom: 5px;*/
    }
    .row .start {
    display:inline;
    }
}
@media(min-width:1024px) {
    #page-wrapper {
        position: inherit;
        margin: 18px 10px 20px 220px;
        padding: 0;
    }
}
@media(max-width:767px) {
  .navbar-brand {
      display:none;
    }
  .navbar-toggle {
      margin-right: 2px;
        /*margin-top: -640px;*/
    }
}
.navbar-brand {
  float: left;
  height: 40px;
  /*padding: 10px 15px;*/
  font-size: 18px;
  line-height: 20px;
}
.navbar-default {
  background-color: white; /* #f8f8f8; */
  border-color: white; /* #e7e7e7; */
}
.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 30px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid white;
    background: #e7e7e7;
}

.sidebar ul li a.active {
    /*background-color: #eee;*/
    background-color: #0072b3;
    color: #ffffff;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 10px; /* 37px */
    background-color: #fff;
    border: 1px dotted #e7e7e7;
}
.sidebar .nav-second-level li a:hover {
    background-color: #4c4c4c;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 200px;
        margin-top: 18px;
        border: 0px solid #ddd;
    }
    .navbar-header {
        height:1px;
        overflow:hidden;
    }
    .navbar-static-top {
        height:0px;
        min-height:0px;
        border-bottom: none;
        padding: 0 8px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}
@media(max-width:1365px) {
    .top_menu a {margin: 15px 8px 0 0;padding: 0 8px 0 0;}
    .curr_cont a {margin: 0 10px 0 0;padding: 0 8px 0 0;}
}
/*
@media(max-width:1339px) {
    div#header {
        height:175px;
    }
    .userAndBasket {
        clear:both;
        margin: -25px 0 0;
    }
    .search {
        margin:0;
    }
}
*/

@media(max-width:800px) {
    #body .i4_docu_wrap{-moz-column-count: 2;-webkit-column-count:2;column-count:2;}
}
@media(max-width:420px) {
    #body .i4_docu_wrap{-moz-column-count: 1;-webkit-column-count:1;column-count:1;}
}
@media(max-width:999px) {
    #body .i4_docu_wrap2in {background-color:rgba(255, 255, 255, 0.5); -moz-column-count: 1;-webkit-column-count:1;column-count:1;padding:10px 0;}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  height: 200px;
  margin: 0px 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel-caption p {
  margin-bottom: 10px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 200px;
  background-color: #fff;/*#777*/
}
.carousel-inner > .item > img {
  height: 200px;
  margin:0 auto;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0,0,0,0);
  border: 1px solid gray;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: gray;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
@media (max-width: 1712px){
    .carousel-inner > .item > img {
      height: 160px;
      margin:0 auto;
    }
    .carousel .item{
      height: 160px;
    }
    .carousel{
      height: 160px;
    }
}
@media (max-width: 1473px){
    .carousel-inner > .item > img {
      height: 120px;
      margin:0 auto;
    }
    .carousel .item{
      height: 120px;
    }
    .carousel {
      height: 120px;
    }
}
@media (max-width: 1233px){
    .carousel-inner > .item > img {
      height: 100px;
      margin:0 auto;
    }
    .carousel .item{
      height: 100px;
    }
    .carousel {
      height: 100px;
    }
}


/* CUSTOMIZE PANELS
-------------------------------------------------- */
@media (min-width: 768px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  /*min-height: 1px;*/
  padding-right: 0px;
  padding-left: 0px;
}
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}

.panel-body {padding:0 0 10px 0;}

.panel-primary {
  /*border-color: white;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.05);
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,.05);*/
  border: 0px solid #fff;
  box-shadow: none;
  margin: 0px;
}
.panel-primary>.panel-heading {
  color: black;
  background: #fff100;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-radius: 0px;
  border-color: black;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
  height: 50px;
  padding: 16px 20px;
  /* margin-top:15px; */
}
.panel-heading-downarrow {
  background: white url('bg/r/blackdown.gif') no-repeat scroll 15px -3px;
  height: 10px;
  margin:0;
  padding:0;
}
.panel-primary>.special {
  font-size: 20px;
  font-weight: bold !important;
}
.panel-primary>.special a {
  font-size: 20px;
  color: #000000;
  font-weight: bold !important;
}
.panel-primary>.panel-heading a.head_more {
  float:right;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 18px!important;
  text-transform: none;
}

.panel-primary>.panel-heading a.JA_head_more {
  float:right;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 18px!important;
  text-transform: none;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width:480px){
}

@media (max-width:719px){
  div#header {height: 265px !important;}
  div#header .inner_h {height: 265px !important;}
  .flags{
    display: none;
  }
  div#banner {
    display: none;
  }
  .hidden-xs {
    display: none;
  }
  #footer .navi2 .nadpis {
    width: 25%;
  }
  #footer .navi .products {
    width: 25%;
  }
  #footer .navi .info {
    width: 25%;
  }
}

@media (min-width: 768px) {
  
  .top-info span {
    float: right!important;
    margin-top: 6px;
  }
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .carousel-indicators {
    margin-bottom: 0px;
    bottom: 0px;
  }
  /* Bump up size of carousel content */
  .carousel-caption p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.4;
  }
}

@media (max-width:1199px){
  .carousel {
    height: 95px;
  }
  .carousel .item {
    height: 95px;
  }
  .carousel-inner > .item > img {
    height: 95px;
  }

}
@media (max-width:350px){
  div#page {
      width: 350px;
  }
}

@media (max-width:1600px){
  #body .basket th {
      font-size: 18px;
  }
  #body .basket .bask_am {
      width: 40px;
      height: 40px;
      text-align: center;
      padding-left: 0px;
      border: 1px solid #cccccc;
      font-size: 16px;
  }
  #body .box.info.account sub {
      font-size:11px;
  }
  #body .box.info .shiptable .addTNTcell, #body .box.info .shiptable .addTNTcell a {
      font-size:14px;
  }
  #body .box.info .btn.addTNT {
      height: 27px;
  }
  #body .box.info .btn.addTNT input {
      width: 108px;
      height: 26px;
      padding: 5px;
      margin-top: 8px;
  }
  #body .RMAwOrd {
      font-size:20px;
  }
}
@media (max-width:1366px){
  #body .box.info .addTNTtop {
      line-height: unset;
  }
}

/* Start tiles ----------------------------------------------- */
#body .start_tiles {margin: 5px 0 0;}
#body .start_tiles a {margin: 0 1px 1px 0;}
#body .product.small {height: 275px;width: 124px;padding: 5px;}
#body div.news .newsitem2 {display:none;}
#body .listitem.queue {}

@media (min-width:830px){
    #body .start_tiles {width:600px;}
}
@media (min-width:1450px){
    #body .start_tiles {width:100%; float: left;}
}

@media (max-width:850px){
    div#page {padding: 2px;}
    .col-sm-6 {width:100%;}
    #body div.news img {width: 100%;}
}

  #body div.news h2 {background: #b9dbf2;padding: 0; border: 1px solid #8eb4d9; border-radius: 0px; display:flex; border-left:none; border-right:none;}
  #body div.news h2 .date_outer {background: #0072b3; padding: 0; border: 1px solid #0072b3; border-left:none; border-radius: 0px; float:left; display:flex; color: #d3e0f0;font-size: 13px;}
  #body div.news h2 .date {background: #0072b3; padding: 10px 5px; margin: auto 0;}
  #body div.news h2 .sipka {background: url('bg/r/sipka.gif') no-repeat scroll -4px 0; height:16px; border: none; float:left; margin: auto 0;width:15px;}
  #body .listitem.queue {width: 100%;border-right:none;}
  /* #body .start_tiles a img {width:123px; height:123px;} */

@media (min-width:480px){
    div.bar.links.single {margin-left: 133px;height: auto;}
    a.logo {padding:28px 10px 54px 10px;}
    a.logo img {height: 80px;width: 188px;}
    div.bar.links a {font-size: 12px;line-height: 12px;}
    div.bar.links .left a {padding: 5px 12px;}
    div.bar .right {width:100%;position:unset;}
    div.bar.links.top {display:none;}
    div.bar.links.single .right a.currency {margin: 7px 0 7px 3px;padding: 0 6px 0 10px;}
    div.bar.links.single .right a.currency.sep {padding: 0 7px;}
    div.bar.links.single .right .userNameIn {float:right;display:block;margin: 6px 5px 3px;padding:6px 5px 0 0;border-right:1px solid black;}
    div.bar.links.single .right .userNameIn a.icoUser {background: url("../img/icoUser.png") no-repeat scroll 0 0 #0a5f97;display: block;float: right;height: 24px;opacity: 0.9;width: 24px;}
    div.bar.links.single .right .userNameOut {float:right;display:block;padding-top: 5px;}
    div.bar.links.single .right .userForm input#test_RightLogout {margin: 0 5px 0 0;padding:0;border-width:0 1px 0 0;border-style: solid;border-color: black;background: url("../img/icoUser-logout.png") no-repeat scroll 0 6px #0a5f97;display: block;float: right;height: 31px;opacity: 0.9;width: 37px;}
    div.bar.links.single .right div#top_basket {float:right;margin:0 5px 4px 0;height:30px;border-right:1px solid black;}
    div.bar.links.single .right .curr_cont {float:right;margin: 5px 0 0;}
    div.bar.links.single .right .userNameOut a {padding:5px 1em;}
}
@media(max-width:1370px) {
    .col-lg-6n { width:100% }
}

/*@media (max-width:479px){
    div.bar.links.single {margin-left: 0px;border-top: 2px solid white;clear:both;}
    a.logo {height: 72px;width: 132px;}
    a.logo img {height: 60px;width: 122px;}
    div.bar.links a {font-size: 12px;line-height: 12px;}
    div.bar.links .left a {display: inline-block;float: unset;font-size: 14px;padding: 8px 8px;}
    div.bar .left {margin-top: 8px;text-align: center;width: 100%;}
    div.bar .right {display:none;}
    div.bar.top .right {display:inherit;margin: 5px 10px;position: static;}
    div.bar.links.top {display:inherit;float:right;width:224px;}
    div.bar.links .right a.currency {margin: 7px 0 7px 3px;padding: 0 6px 0 10px;}
    div.bar.links .right a.currency.sep {padding: 7px;}
    div.bar.links .right .userNameIn {float:right;display:block;margin: 5px 0 0;width:100%;}
    div.bar.links .right .userNameIn a.icoUser {background: url("../img/icoUser.png") no-repeat scroll 0 0 #0a5f97;display: block;float: right;height: 24px;opacity: 0.9;width: 24px;}
    div.bar.links .right .userNameOut {float:right;display:block;margin: 5px 0 0;}
    div.bar.links .right .userForm input#test_RightLogout {background: url("../img/icoUser-logout.png") no-repeat scroll 0 0 #0a5f97;display: block;float: right;height: 24px;opacity: 0.9;width: 29px;border:0;margin: 5px 5px 0 0;clear:both;}
    div.bar.links .right div#top_basket {float:right;margin-top:5px;}
    div.bar.links .right .curr_cont {float:right;}
}*/

/*@media (max-width:320px){
    div.bar.links.single {margin-left: 5px;height: 105px;}
    a.logo {display:none;}
    .flags {height:63px;}
    .flags a.logoTop {display:block;height: 52px;width: 91px;float:left;margin-top:0px;}
    .flags a.logoTop:hover {top:0px;}
    .flags a.logoTop img {height: 40px;width: 81px;border:none;}
    .flags .head1 {float:none;padding-left:93px;}
    .flags h1 {margin: 4px 0 0;}
    div.bar.links a {font-size: 12px;line-height: 12px;}
    div.bar.links .left a {padding: 5px 12px;}
}
@media (min-width:321px){
    .flags a.logoTop {display:none;}
}

@media (min-width: 992px){
  .col-md-8 {
  width: 81.00%;
  margin:0px;
  }
}*/

/* Galerie */
@media (max-width:1366px){
    #body .product .cost big {
        font-size:20px;
    }
}
@media (max-width:970px){
    #body .product {
      /*background: none repeat scroll 0 0 #ffffff;
      float: left;
      height: auto;
      margin: 0 5px 10px;
      padding: 10px;
      position: relative;
      width: 100%;*/
    }
    #body .product .picture {
      height: auto;
      width: 100%;
      float:left;
    }
    #body .product .tocart2 {
      /*clear: none;*/
    }
    #body .product strong.h3 {
      /*min-height: 52px;height: 52px;border-bottom: 1px dotted;*/
    }
    #body .product strong.h3 .tile_name {
      /*font-size: 12px;line-height: 16px;*/
    }
    #body .product .actions {
      /*display:none;*/
    }
}

/*
@media (max-width:539px){
    #body .product {
      background: none repeat scroll 0 0 #ffffff;
      border: 1px solid #9e9e9e;
      float: left;
      height: auto;
      margin: 0 5px 10px;
      padding: 15px 15px 10px;
      position: relative;
      width: 47%;
    }
    #body .product .picture {
      height: auto;
    }
    #body .product strong.h3 {
      min-height: 52px;height: 52px;border-bottom: 1px dotted;
    }
    #body .product strong.h3 .tile_name {
      font-size: 12px;line-height: 16px;
    }
    #body .product .actions {
      display:none;
    }
}
*/
/* ------ Product detail ---------------------*/
/*@media (max-width:1690px){
    #body .product.item.hproduct.details.head.big {
        width:960px;
        margin-bottom: 15px;
    }
    #body .product.item.hproduct.details.head {
        width:960px;
    }
    #body .product.details .picture {
      height: 450px;
      width: 450px;
    }
    #body .product.details .pictures {
      width:470px;
    }
    #body .product.details .morepics img.thumbnail {
      height: 73px;
      width: 73px;  
    }
}
@media (max-width:1199px){
    #body .product.item.hproduct.details.head.big {
        width:755px;
        margin-bottom: 15px;
    }
    #body .product.item.hproduct.details.head {
        width:755px;
    }
    #body .product.details .picture {
      height: 400px;
      width: 400px;
    }
    #body .product.details .pictures {
      width:420px;
    }
    #body .product.details .morepics img.thumbnail {
      height: 64px;
      width: 64px; 
    }
    #body .product.details .info {
      width:300px;
    }
}
@media (max-width:990px){
    #body .product.item.hproduct.details.head.big {
        width:590px;
        margin-bottom: 15px;
    }
    #body .product.item.hproduct.details.head {
        width:590px;
    }
    #body .product.details .picture {
      height: 300px;
      width: 300px;
    }
    #body .product.details .pictures {
      width:320px;
    }
    #body .product.details .morepics img.thumbnail {
      height: 57px;
      width: 57px;
    }
    #body .product.details .info {
      width:300px;
    }
    #body .product.details h1 {
      font-size:18px;
      margin:0;
    }
    #body .product.item.hproduct.details.head {
      padding-bottom:0;
    }
    #body .product.details .cats, #body .product.details .cats a, #body .product.details tt, #body .product.details .cost .level, #body .product.details .cost .big .hiddenprice, #body .product.details .status, #body .product.details .status span, #body .product.details .status a, #body .product.details .status span, #body .product .amount label, #body .product.details .amount input, #body .product.details .pperunit {
      font-size:12px;
    }
    #body .product.details .cost {
      margin: 0 0 1em;
    }
    #body .product.details .cost .pricerow {
      line-height:26px;
    }
    #body .product.details .cost .big {
      font-size:14px;
    }
    #body .product.details .status span.delinfoico {
      display: block;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      right: 2px;
      top: -4px;
    }
    #body .product.details .status div.delqueue {
      line-height: 120%;
    }
    #body .product.details .amount {
      padding-top: 10px;
    }
}
@media (max-width:800px){
    #body .product.details .picture {
      height: 290px;
      width: 290px;
      margin-right:10px;
    }
    #body .product.details .pictures {
      width:300px;
    }
    #body .product.details .morepics img.thumbnail {
      height: 55px;
      width: 55px; 
    }
    #body .product.details .info {
      width:260px;
    }
    #body .product.details h1 {
      font-size:18px;
      margin:0;
    }
    #body .product.item.hproduct.details.head {
      padding-bottom:0;
    }
    #body .product.details .cats, #body .product.details .cats a, #body .product.details tt, #body .product.details .cost .level, #body .product.details .cost .big .hiddenprice, #body .product.details .status, #body .product.details .status span, #body .product.details .status a, #body .product.details .status span, #body .product .amount label, #body .product.details .amount input, #body .product.details .pperunit {
      font-size:12px;
    }
    #body .product.details .cost {
      margin: 0 0 1em;
    }
    #body .product.details .cost .pricerow {
      line-height:26px;
    }
    #body .product.details .cost .big {
      font-size:14px;
    }
    #body .product.details .status span.delinfoico {
      display: block;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      right: 2px;
      top: -4px;
    }
    #body .product.details .status div.delqueue {
      line-height: 120%;
    }
    #body .product.details .amount {
      padding-top: 10px;
    }
    #body .product.item.hproduct.details.head.big {
        width:97%;
        margin-bottom: 15px;
    }
    #body .product.item.hproduct.details.head {
        width:97%;
    }
}*/

@media (max-width:1365px){
    #body .product.details .pictures {width:520px;}
    #body .product.details .picture {height: 500px;width:500px;margin:0 20px 20px 0;}
    #body .product .picture img { width: 100%; margin:0; border: 0px;}
    #body .product.details .info {width:calc(100% - 525px);padding-left:20px;}
}
@media (max-width:1199px){
    #body .product.details .pictures {width:420px;}
    #body .product.details .picture {height: 400px;width:400px;margin:0 20px 20px 0;}
    #body .product .picture img { width: 100%; margin:0; border: 0px;}
    #body .product.details .info {width:calc(100% - 425px);padding-left:20px;}
}
@media (max-width:999px){
    #body .product.details .pictures {width:320px;}
    #body .product.details .picture {height: 300px;width:300px;margin:0 20px 20px 0;}
    #body .product .picture img { width: 100%; margin:0; border: 0px;}
    #body .product.details .info {width:calc(100% - 325px);padding-left:20px;}
}
@media (max-width:879px){
    #body .product.details .pictures {width:100%;}
    #body .product.details .picture {height: 100%; width:100%;margin:0 20px 20px 0;}
    #body .product .picture img { width: 100%; margin:0; border: 0px;}
    #body .product.details .info {width:100%;padding-left:10px;}
}

#body .product.moredetails.recently {
    float: left;
    /*width: 100%; - ANJ*/
    border:0;
    padding:0;
    margin:10px 0 0;
}
#body .product.moredetails.recently strong {
    width:100%;
    margin:10px 0px;
}
/* --- Bootstrap Multitab --- */
#body .nav-tabs, #body .tab-content .box, #body .tab-content .box {
    width:100%;
}

#body .nav-tabs > li.active > a, #body .nav-tabs > li.active > a:focus, #body .nav-tabs > li.active > a:hover, #body .nav-tabs > li > a, #body .nav-tabs > li > a:focus, #body .nav-tabs > li > a:hover {
    font-size: 14px;
}
#body .nav-tabs > li > a {
    /*border-radius: 0;*/
    border-top-left-radius: 0px; /* ANJ - n */
    border-top-right-radius: 0px; /* ANJ - n */
    line-height: 1.42857;
    text-align: center; /* ANJ - n*/
    min-width: 110px; /* ANJ - n*/
    margin-right: 4px; /* ANJ - 2*/
    border-style: solid;
    border-width: 1px; 
    /*background-color: #3bc6f4;*/
    background-color: #e7e7e7;
    border-color: #ddd #ddd transparent;
}
#body .nav-tabs > li > a:hover {
    background-color: #4c4c4c;
    color: #fff;
}
#body .nav-tabs > li.active > a {
    background-color: white;
    /*background-image: url("bg/detGA.png");*/
    font-weight: bold;
    border-bottom: 1px solid white;
}
#body .nav-tabs > li.active > a:hover {
    /*background-image: url("bg/detGB.png");*/
    background-color: #4c4c4c;
    color: #fff;
}
@media (min-width:1366px){
    #body .nav-tabs, #body .tab-content .box, #body .tab-content, #body .product.moredetails {
        /*width:963px;*/
    }
    #body .nav-tabs, #body .tab-content {
        /*margin-left:10px;*/ /* ANJ */ 
    }
}
@media (max-width:1365px){
    #body .nav-tabs, #body .tab-content .box, #body .tab-content, #body .product.moredetails {
        /*width:99%;*/
    }
    #body .nav-tabs, #body .tab-content {
        /*margin-left:10px;*/
    }
}
@media (max-width:1040px){
    #body .tab-content .longdesc img, #body .tab-content .longdesc iframe {
        width: auto;
        max-width:500px;
        height: auto;
    }
}
@media (max-width:768px){
    #body .nav-tabs, #body .tab-content .box, #body .tab-content .box, #body .product.moredetails {
        /*width:97%;*/
        padding-right: 5px;
        padding-left: 5px;
    }
    #body .nav-tabs {
        padding-left: 0px;
    }
    #body .tab-content .longdesc img, #body .tab-content .longdesc iframe {
        width: auto;
        max-width:500px;
        height: auto;
    }
}
@media (max-width:600px){
    #body .tab-content .longdesc img, #body .tab-content .longdesc iframe {
        width: 100%;
        height: auto;
    }
}
@media (max-width:500px){
    #body .product.moredetails .longdesc {
        padding: 0 0 10px;
    }
    #body .master {
        display:none;
    }
    .tab-content > .tab-pane {
        display:block;
    }
    #body .tab-content .box {
        margin-bottom: 10px;
    }
}
@media (min-width:501px){
    #body .slave {
        display:none;
    }
}

.stockItems { padding: 0px; margin: 0px -5px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  margin: 0px auto;
  image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 1200px){
  .col-lg-2-e {
    width: 12.5%;
  }
}
/* @media (max-width: 992px){
  .panel-primary>.special {
    background-color: yellow;
    border: 1px solid #ddd;
    border-radius: 0px;
    color: black;
    font-size: 12px;
    font-weight: bold !important;
    text-transform: uppercase;
  }
}
*/
/* --- end of bootstrap multitab --- */
/* ------ End of Product detail ---------------------*/

.next-deliveries .col-xs-3.more {display:none;}
.latestnews {width:calc(100% - 290px);margin-bottom: 20px;}

@media(min-width:1200px) {
.stockItems .col-lg-2, .searching .col-lg-2 {width:20%;}
#body .basket .art_title a {font-size: 18px;}
#body .basket .totalprice {font-size: 18px;}
#body .basket th {font-size:18px;}
#body .basket th.tprice {width:120px;}
}

@media (max-width: 1919px){
    #body .attach {
       /* display:none; */
    }
}
.attached {width:80%;}

@media(max-width:1199px) {
#body .accountUser .account_header .account_header_link {width: calc(50% - 10px);}
.row_f {width: 100%;}
div#header .inner_h { width:100%;}
.inner_main {width:calc(100% - 15.1px);}
div.barfoot.copy{ width: 100%;}
div.barfoot.manufact {width:100%;}
.upper_tiles {width: 100%;}
.search .navbar-form .form-group {width:150px;}
div.barfoot.manufact .inner_logos {height: 80px;}
div.barfoot.manufact a {display: inline-block; margin-top:15px; margin-right:calc(( 100% - (( 134px + 164px + 56px + 148px + 173px + 162px ) * .75)) / 5 - 1px );}
div.barfoot.manufact a.logo1 {width: 101px;}
div.barfoot.manufact a.logo2 {width: 123px;}
div.barfoot.manufact a.logo3 {width: 42px;}
div.barfoot.manufact a.logo4 {width: 111px;}
div.barfoot.manufact a.logo5 {width: 130px;}
div.barfoot.manufact .inner_logos img {width:100%;}
div.barfoot.manufact a.last {width:121px;}
div.barfoot.manufact a.last img {width:100%;}
.next-deliveries .col-xs-3 {width:12.5%}
.next-deliveries .col-xs-3.more {display:none;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:20%; float:left;}
#body .user_cont {margin: 0 10px;float:left;width:calc(100% - 20px);}
#body .basket.itemslist .art_title a {font-size: 16px;}
#body .basket.itemslist .totalprice {font-size: 18px;}
#body .basket.itemslist .price {font-size:16px; border-top: 0 none; }
#body .basket.itemslist th {font-size:16px;}
#body .basket.itemslist th.tprice {width:110px;}
#body .box.info.account .cbox {margin-top: 5px;}
#body .stockItems .col-lg-2.bantop {display:none;}

#body .box.compare .compAttrib {border: none;}
#body .box.compare .compAttrib.header {width: calc(100% - 15px); border-top: 1px solid #808080; margin: 0 5px;}
#body .box.compare .compAttrib.header p {padding: 2px 9px 0; margin: 0; font-weight: bold;}
#body .box.compare .compAttrib.header.mosttop {width: 100%; display: block; border: none; margin: 10px 0 5px 5px;}
#body .box.compare .p_tile.empty2, #body .box.compare .compAttrib.mosttop {display: none;}
#body .box.compare .wrap {width:calc(100% - 0px);}
#body .box .res {width: 100%;}
/*#body .box {width: 100%;}*/

#body .box img {max-width:100%; height: auto;}

}
@media(max-width:1080px) {
.curr_cont {clear:right;}
.userAndBasket .user {float:right;}
.userAndBasket {margin-top:-3px;}
.search {margin-top: 48px;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:25%; float:left;}
}
@media(max-width:1125px) {
  .userNameOut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-size: 15px;
    color: #bdbdbd;
    }
.justarrived .col-xs-3 {width:25%;}
.justarrived {float:none;}
.JA_banner{display:none;}
.fifth {display:none;}
.bannerB {display:none;}
.latestnews {width:100%;float:none;}
.latestnews .col-md-12 {padding-right:0!important;}
#body .bargain {width:100%;float:none;}
#body .bargain .panel-body {margin: 0 -10px 0 0;}
#body .listitem.bargain {width:calc(50% - 10px); margin:8px 10px 2px 0;}
#body .listitem.bargain p {max-height: 51px; overflow:hidden; width:auto;}
#body .listitem.bargain .price {font-size:18px;}
.top_menu {float:right; /*width: calc(100% - 340px);*/ margin-top:10px; margin-right:15px;}
.top_menu a {display: table-row;line-height:100%;}
.top_menu .last {padding: 0 10px 0 0;margin:15px 0 0 0;} /* table-header-group */
.flags {clear: right;}
.flags {margin-bottom: 10px;}
div#header {height: 210px;}
div#header .inner_h {height: 210px; background: rgba(0, 0, 0, 0) linear-gradient(to right, white 0px, #221f1f 0px) repeat scroll 0 0;}
.userAndBasket {margin-top: 4px; clear:left; padding:0;}
.search {margin:7px 0 0 15px; clear:left; float:left;}
.curr_cont {clear:none;}
.userAndBasket .user {float:left;}
.search .navbar-form .form-group {width:210px;}
#footer .navi .icos {display:none;}
#footer .navi .info, #footer .navi .products {width: 20%;}
div#header .inner_h .aux {height:auto; border-top: 0px solid white; clear:left;}
.next-deliveries .col-xs-3 {width:16.66%}
.next-deliveries .col-xs-3.more {display:block;}
#body .listitem.queue a.title {height:70px;}
inner_main {width:100%;}
.navbar-static-top {/*padding: 0 3px;*/}
.sidebar {margin-top: 10px;}
.userNameOut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  font-size: 15px;
  color: #bdbdbd;
  }
}
@media (min-width:1023px) {
.JA_head_more{display:none;}
}
@media(min-width:1000px) {
.start_tiles .col-xs-3 {width:8.33333%}
.basket span.pcsstock {display: none;}
}
@media(max-width:999px) {
.start_tiles .col-xs-3 {width:16.6667%}
#body .user_cont2 {width: 100%;}

/* basket */
#body .basket tr.baskItem td {border-bottom: 0;}
.basket.itemslist tr {border-bottom: 1px solid #cccccc; display: table; padding: 5px 0 5px 0; position: relative; }
.basket.itemslist tr.sumrow {border-bottom: 0; display: table; }
.basket.itemslist tr.sumrow td.price {width: 25%;}
.basket.itemslist thead { display: none; }
.basket.itemslist .baskItem .price::before, .basket.itemslist .totalprice::before { display: inline-block; font-size: 14px; position: relative; width: 120px;}
.basket.itemslist .baskTitle { display: block; width: calc(100% - 60px) !important; border-bottom: 1px solid #cccccc;}
.basket.itemslist td.brd {position: absolute;right: 0; top: -30px;}
.basket.itemslist td.brd.sumary {position: unset;}
.basket.itemslist td.brd::after {bottom: 10px; content: "remove"; display: block; position: relative; text-align: center;}
.basket.itemslist.order td.brd::after {bottom: 10px; content: ""; display: none; position: relative; text-align: center;}
.basket.itemslist td.brd.ne::after {content: "";}
#body .basket.itemslist .price {font-size:16px; border-top: 0 none; width: calc(100% - 5px);}
#body .basket.itemslist tr.sumrow td {padding-right:0px;}
#body .basket.itemslist tr.sumrow td.sumdesc {padding-right:0px; width: 80%;}
#body .basket tr.sumrow td .cbox label {margin: 15px 10px 10px;}
.basket.itemslist tr.sumrow div.cbox {width:46px;float:left; margin-right:10px;}
.basket.itemslist tr.sumrow div.cbox::after {top: 50px; content: "toggle all"; display: block; text-align: center; position:absolute;}
#body .basket td.brd .cbox {width: 50px;margin: 0 auto;}
.basket.itemslist td.baskCount, #body .basket td.stock {display: inline-table; width: auto;margin: 20px 20px 15px 0;}
#body .basket.itemslist .totalprice {text-align: left; margin-bottom: 10px;}
#body .basket.itemslist .baskItem .price {text-align: left;}
.basket.itemslist td.price, .basket td.totalprice {display: block; border-top: 1px solid #cccccc; text-align: left; height: auto; padding-right: 0 !important; width: 100%;}
.basket.itemslist .baskItem td.price::before {content: "Unit price";}
.basket.itemslist td.totalprice::before {content: "Total price";}
.basket.itemslist td.baskCount {margin-right:20px;margin-bottom:15px;}
.basket.itemslist td.baskCount::before {font-size: 14px;content: "Quantity";display: block; margin-top: -19px; position: relative; width: inherit;}
.basket.itemslist.order td.baskCount::before {padding-left: 5px; vertical-align: top; font-size: 14px;content: "Quantity:";display: inline; margin-top: 0px; position: relative; width: inherit;}
.basket.itemslist td.stock::before {font-size: 14px;content: "Stock";display: block; font-weight: normal; margin-top: -19px; position: relative; width: inherit;}
.basket td.baskCount.ne::before {content: "";}
.basket td.stock.ne::before {content: "";}
#body .basket.itemslist tbody {border: none;}
.basket.itemslist tr {width:100%;}
.basket.itemslist .outer, .basket.itemslist .outer2 {display: none;}
#body .basket.itemslist tbody td.baskImg {width: 60px;padding-left:10px;}
.basket.itemslist br.brstock {display: none;}
.basket.itemslist span.pcsstock {padding-right: 10px;}
#body .basket .stock img {margin:0;}
#body .basket .btnUpdate {float:right;}
#body .baskNotice {padding: 20px 20px 30px;}

#body .giftsnotice {padding: 10px;}
.giftsnotice thead {display: none;}
.giftsnotice .basket tr.giftrow {display: table; position: relative; width: 100%;}
.giftsnotice .basket .giftrow .baskImg {vertical-align: top; width:85px;}
.giftsnotice .basket .giftrow .art_title { display: block; width: calc(100%) border-bottom: 1px solid #cccccc;}
#body .giftsnotice .basket .giftrow td.baskCount, #body .giftsnotice .basket .giftrow td.baskPromo {display: inline-flex; width: auto;padding: 10px 20px 10px 0;}
.giftsnotice .basket .giftrow td.original, .giftsnotice .basket .giftrow td.your {display: block; border-top: 1px solid #cccccc; text-align: left; height: auto; padding-right: 0 !important; width: 100%;}
.giftsnotice .basket .rest {display: none;}
.giftsnotice .basket .giftrow td.original::before {content: "Original price";float: left; font-size: 16px;display: inline-flex;}
.giftsnotice .basket .giftrow td.your::before {content: "Your price";float: left; font-size: 18px;display: inline-flex;}
}
@media(max-width:1199px) {
#body .warr_box .war_title {width:100%;}
}
@media(max-width:999px) {
#body .warr_box .war_title {width:initial;}
.basket.baskItem.GWarr td.brd {display: none;}
#body .basket.itemslist tbody .baskItem.GWarr td.baskImg {display: none;}
#body .basket.itemslist tbody .baskItem.GWarr td.baskTitle {width: 100%; display:inline;}
}
@media(max-width:900px) {
div.barfoot.manufact .inner_logos {height: 60px;}
div.barfoot.manufact a {display: inline-block; margin-top:15px; margin-right:calc(( 100% - (( 134px + 164px + 56px + 148px + 173px + 162px ) * .5)) / 5 - 1px );}
div.barfoot.manufact a.logo1 {width: 67px;}
div.barfoot.manufact a.logo2 {width: 82px;}
div.barfoot.manufact a.logo3 {width: 28px;}
div.barfoot.manufact a.logo4 {width: 74px;}
div.barfoot.manufact a.logo5 {width: 86px;}
div.barfoot.manufact .inner_logos img {width:100%;}
div.barfoot.manufact a.last {width:81px;}
div.barfoot.manufact a.last img {width:100%;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:33.3333%; float:left;}
#body .user_cont2.mid dd.last {border-width: 0 0 1px;}
#body .box.info.order  {padding: 0px; width:calc(100% - 20px); margin: 0 11px; border-color: #bdbdbd; border-radius: 0 0 5px 5px; border-style: solid; border-width: 0 1px 1px;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-width: calc(100% - 20px);
     -moz-column-width: calc(100% - 20px);
          column-width: calc(100% - 20px);}

#body .box.compare .product .cost {width: 100%;}
#body .box.compare .product .actions a {width: 100%;}
#body .box.compare .product strong.h3 .tile_name {font-size: 12px; line-height: unset;}

}
@media(max-width:840px) {
#body .accountUser .account_header .account_header_link {width: calc(100% - 10px);}
}
@media(max-width:799px) {
div#header {height: 245px;}
div#header .inner_h {height: 245px;}
.curr_cont {clear:right;}
.userAndBasket .user {float:right;}
.userAndBasket {margin-top:0px;}
.search {margin:21px 0 0 15px; clear:left; float:left; width:calc(100% - 350px);}
.form-control {width: 100%;}
.navbar-form .form-control {width: 100%;}
#footer .navi .payico {display:none;}
#footer .navi .info, #footer .navi .products {width: 25%;}
.justarrived .col-xs-3 {width:50%;}
.next-deliveries .col-xs-3 {width:25%}
.next-deliveries .col-xs-3.more {display:none;}
#body .listitem.queue a.title {height:54px;}
#body .ordersteps .arrows {display:none;}
#body .ordersteps dl {width: 100px;}
/* #body .ordersteps .text {display:none;} */
#body .ordersteps .titul {width: calc( ( 100% - ( 5 * 100px ) ) / 2 );}
#body .basket .WarrExt {padding: 6px 5px 0;}
#body .basket .WarrExt input[type="radio"] + label {font-size: 14px; margin: 8px 0;}
#body .basket .WarrExt input[type="radio"] + label span {width:30px; height:30px;}
}
@media(max-width:767px) {
.justarrived .col-xs-3 {width:25%;}
.next-deliveries .col-xs-3 {width:16.66%}
.next-deliveries .col-xs-3.more {display:block;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:25%; float:left;}
.sidebar {margin-top: 0px;}
.container {margin-bottom:0px; padding: 0;}
#body .container.accountUser {margin-bottom: 0px;}
#body .container.account_detail_box {margin-bottom: 0px; padding: 0px 5px;}
#body div.container.account-bar-bottom {margin-bottom: 0px; padding: 0px 5px;}
#body .accountUser .account_header .account_header_link {width: calc(50% - 10px); margin: 5px;}
#body .accountUser .account_header .row {margin-left: -8px;margin-right: -8px;}
#body .boxhead {margin: 0 5px;font-size: 20px;}
#body .box {margin: 0 5px;}
#body div.news .col-md-12 {padding: 0 5px!important;}
div#path  { width: calc(100% - 10px); margin: 0px 5px 5px;}
#body .box.info.contact {margin: 20px 5px; width: calc(100% - 10px);}
#body .box.compare {width: calc(100% - 5px);}
#body .box.compare .product {margin: 3px 5px; padding: 5px;}
#body div.news {margin: 0px -5px;}
.smallBuy .desc {display: none;}
}
@media(min-width:640px) {
#body .basket .sumrow .hint {display: block; font-size: 18px; margin-left: 10px; padding: 3px; text-align: end;}
}
@media(max-width:639px) {
#body div.news .newsbody .news_thumb {width:25%;}
a.logo {width: 51%; position:relative; padding:0;margin-right: 0px;}
a.logo img {width:45%; height:auto;position:absolute;top:0; bottom:0; margin: auto 0 auto 10px;}
.top_menu {/*width: calc(38% - 0px);*/margin-top: 5px;}
.top_menu a {display:block; border:0; padding-right:10px; margin: 6px 0 0 0;}
.top_menu .last { margin: 6px 0 0 0;}
#footer .navi .info, #footer .navi .products {width: 50%;}
#footer .navi .second {margin-top: 20px;}
div.barfoot.copy .visitors {display:none;}
.bannerA {display:none;}
#body .listitem.bargain .price {margin-right: 3px; font-size:16px;}
.panel-primary>.panel-heading {font-size:18px;}
.footer2 {display: none;}
.next-deliveries .col-xs-3 {width:25%}
.next-deliveries .col-xs-3.more {display:none;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:33.3333%; float:left;}
#body .box.attached {width:calc(100% - 10px);}
#body .attach {display:none;}
#body .basket .sumrow .hint {display: block; font-size: 16px; margin-left: 10px; padding: 3px 20px; text-align: end;}
#body .basket .sumdesc {font-size:18px;}
#body .basket .sumrow.total td {font-size:22px;}
}
@media(max-width:600px) {
.start_tiles .col-xs-3 {width:16.6666%}
.justarrived .col-xs-3 {width:50%;}
#body .accountUser .account_header .account_header_link {width: calc(100% - 0px); margin: 5px 0;}
}
@media(max-width:580px) {
#body .warr_box .war_title {width:100%;}
#body .basket tr td.inner-slash {right: -2px;}
}
@media(max-width:560px) {
.search {height:45px; margin:0; padding: 5px 10px; width:100%; background: #221f1f;}
.search .navbar-form .form-group {width: calc(100% - 46px);}
.userAndBasket {margin: 0; padding: 0 10px; width: 100%;}
/*.userAndBasket .user {width: 100%;}*/
.userAndBasket .user {float:left !important;}
a.logo img {width:55%; height:auto; margin: auto 0 auto 10px;}
div#header {height: 265px;}
div#header .inner_h {height: 265px;}
#body .basket.itemslist tr.sumrow td.sumdesc {width: 70%;}
#body .box.compare .product .cost big {font-size: 18px;}
#body .box.compare .product {margin: 3px 2px; padding: 5px;}
#body .box.compare .reorder {margin: 0 2px; width: calc(100% - 4px);}
#body .box.compare .reorder a {font-size: 24px; padding: 2px 6px 4px;}
.userNameOut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
  font-size: 15px;
  color: #bdbdbd;
  }
}
@media(max-width:510px) {
#body .i4_docu_ico span {font-size: 12px;}
#body .i4_docu_ico strong {font-size: 14px;}
#body .i4_docu_ico a {font-size: 12px;}
#body .listitem.bargain {width:100%;}
#body .bargain .panel-body {margin:0;}
#body div.news h2 a {font-size: 14px;}
#body div.news .newsbody .news_text, #body div.news .newsbody .news_text a, #body div.news .newsbody .news_text_full, #body div.news .newsbody .news_text_full a {font-size: 12px;}
#body div.news .newsbody {display:block; overflow: auto;}
#body div.news .newsbody .news_thumb {float:left; padding: 0 5px 5px 0; display:block; width: 33%;}
#body div.news .newsbody .news_text {display:block;}
#body div.news .newsitem.more img {width: 75px; height: auto;}
#body div.news .newsitem.more a.link3 .inner {font-size: 22px;}
.stockItems .col-lg-2, .searching .col-lg-2 {width:50%; float:left;}
#body .ordersteps { height:auto; border-width: 0 0 1px 0; border-radius: 0px;padding-bottom: 10px;}
#body .ordersteps .arrows {display:none;}
#body .ordersteps dl {width: 70px;}
#body .ordersteps .text {display:none;}
#body .ordersteps .titul {width: calc( ( 100% - ( 5 * 70px ) ) / 2 );}
.basket.itemslist *::before { display: inline-block; font-size: 14px; position: relative; width: 80px;}
#body .NewNextStep {margin: 40px 10px 10px;}
#body .grandtotal {border-bottom: 1px solid black;width: 100%;margin: 20px 0px; height: auto; height: 50px;}
#body .grandtotal span {font-size: 20px; height: auto; line-height: normal; padding: 15px 10px 5px;}
#body .NewNextStepBut {background-image: url("bg/but-sipka-63.png"); height: 38px; padding: 0 40px 0 15px; background-position: 235px 12px; font-size:17px;}
#body .BackToBask a {font-size: 17px; background-image: url(""); background-position: 262px 0; height: 38px; padding: 10px 73px 0px 28px; margin-bottom: 10px;}
#body .BackToAddress {width: 100%;}
#body .BackToAddress a {font-size: 17px; background-image: url(""); background-position: 262px 0; height: 38px; padding: 10px 73px 0px 28px; margin: 0px auto 10px auto;}
#body .NewNextStep input.NewNextStepBut:hover {background-color: #006cc1;}
#body .NewToBasketBut {background-image: url("bg/but-sipka-63.png"); height: 38px; padding: 0 40px 0 15px; background-position: 212px 12px; font-size:17px;}
#body input.NewToBasketBut:hover {background-image: url("bg/continue-to-basket-63-B.png");}
#body .NewContShop { background-image: url("bg/continue_shopping_small.png");height: 55px; padding-left: 50px;margin-bottom: 20px;}
#body .NewSubmitBut {background-image: url("bg/but-sipka-63.png"); height: 38px; padding: 0 40px 0 15px; background-position: 152px 12px; font-size:17px;}
#body input.NewSubmitBut:hover {background-color: #006cc1;}
#body .NewSubmitBut[disabled] {background-color: silver; cursor: default;}
#body input.NewSubmitBut[disabled]:hover {background-color: silver; cursor: default;}
#body table.basket {width: 100%; margin:0;}
#body .baskNotice {padding: 20px 10px 5px;}
#body .termsconfirm {float: left; font-size: 14px; margin: 20px 10px 20px 0; padding: 10px 0; height: auto;}
#body .termsconfirm a {font-size: 14px;}
#body .account.box.info.grayback .send .btnCreate {background-image: url("bg/but-sipka-63.png"); height: 38px; padding: 0 40px 0 15px; background-position: 178px 12px; font-size:17px;}
#body .account.box.info.grayback .send input.btnCreate:hover {background-color: #006cc1;}
.smallBuy .title {display: none;}
}
@media(max-width:450px) {
.next-deliveries .col-xs-3 {width:33.33%}
.next-deliveries .col-xs-3.more {display:block;}
#body .boxhead {margin: 0;}
#body .box.info.account {padding:5px;}
#body .user_cont {margin:5px 0; width:100%;}
#body .box.info.account label {font-size:16px;line-height:150%;width:auto; margin-bottom: 0; margin-top: 15px;}
#body .box.info.account.grayback select[readonly], #body .box.info.account.grayback select, #body .box.info.account.grayback input[readonly], #body .box.info.account.grayback input, #body .box.info.account.grayback textarea {
    width:calc(100%); font-size:16px; margin: 0;}
#body .box.info.account select[readonly], #body .box.info.account select, #body .box.info.account input[readonly], #body .box.info.account input, #body .box.info.account textarea {
    width:calc(100%); font-size:18px; margin: 0;}
#body .box.info.account sub {margin-left: 0; position: relative; top: 0px;}
div#path  { width: 100%; margin: 0px 0px 5px;}
#body .box.info.contact {margin: 10px 0; width: calc(100% - 0px);}
#body .box.compare .product .cost big {font-size: 15px;}
#body .box.info.order .topheader {padding: 10px;}
#body .user_cont2 dd.last {margin: 0 10px 10px;}
#body .warr_box input.WarrantyDur {margin-bottom: 5px;}
.userAndBasket .user {float:right !important;}
div#header {height: 295px !important;}
div#header .inner_h {height: 295px !important;}
.userNameOut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  font-size: 15px;
  color: #bdbdbd;
}
.lang-menu {
  float: right;
  margin: 5px;
  width: 160px;
}
.lang-menu .items {
  width: 100%;
  padding-right: 15px;
}
}
@media(max-width:420px) {
#body .basket .sumrow td.update {width:100%; display: table-row; text-align: right;}
#body .basket .sumdesc {font-size:16px;}
#body .basket .sumrow .hint {display: block; font-size: 14px; margin-left: 10px; padding: 3px 20px; text-align: end;}
#body .basket .btnRemove {margin-right:0;}
#body .i4_docu_cont img {margin:0; width: 100%;}
#body .box.compare .product .cost big {font-size: 14px;}
#body .user_cont2 .popis {width: 85px;}
}
@media(max-width:360px) {
#body .product .cost big {font-size:18px}
#body .product.details .cost .big {font-size:16px}
#body .ordersteps dl {width: 60px;}
#body .ordersteps .titul {width: calc( ( 100% - ( 5 * 60px ) ) / 2 );}
#body .basket {margin:0;}
.basket.itemslist .baskTitle { width: calc(100% - 0px) !important;}
.basket.itemslist td.brd {position: absolute;left: 30px; top: 65px; width:43px;}
.basket.itemslist td.brd::after {}
#body .giftsnotice {padding: 10px 5px;}
.giftsnotice .basket .shortdesc {display: none;}
.giftsnotice .basket .giftrow td.original::before {font-size: 14px;}
.giftsnotice .basket .giftrow td.your::before {font-size: 16px;}
#body .original {font-size: 16px;}
#body .your {font-size: 18px;}
}

@media(min-width: 850px) {
#body .line-right {border-right:1px solid #eeeeee;}
}

@media(max-width:1199px) {
#body .faq_icon img {margin: 40px 30px 10px 17px;}
#body .faq_text {padding: 0px 0px 20px 20px; }
#body .faq_bank {padding-left: 50px;}
#body .tr_bank {padding-left: 50px;}
}

@media (min-width: 1200px) {
#body .faq_text {padding: 0px 0px 20px 106px;}
#body .faq_bank {padding: 0px 0px 20px 106px;}
#body .tr_bank {padding: 0px 0px 20px 106px;}
#body .navbar-blogs {visibility: hidden; height:1px;}
/*#body .navbar-blog a {color: red;}*/
#body .navbar-blog a ? {color: red;}
#body .catmenu {padding: 5px 30px 5px 10px;}
}

@media (max-width: 1199px) {
#body .kb_small {color:grey; padding: 0 10px 0 0px; white-space:nowrap;}
#body .catmenu {visibility:hidden;height:1px; }
#body .navbar-text-cat {font-size:20px; font-weight:bold; text-align:center; padding-top:6% }
#body .navbar-blogs {padding-left: 10px; width:97%;}
#body .blogs_cat {padding: 10px; width:97%;}
}