.container, .containerFooter {
  max-width: 100%;
}
/* col-lg */
@media (min-width:1200px){

}
/* col-md */
@media (min-width:992px){

}
@media only screen and (max-width:991px){
  .boxText  {min-height: 110px; display:block;}
  .boxText .top100-left {max-height: 110px; overflow: hidden;}
}
/* col-sm */
@media (min-width:768px) and (max-width:991px){
  nav.navbar {font-size:14px;}
  .mainNav {position: absolute;margin-left: 0;left:60px;}
  .navbar-right {position: absolute; right: 15px; }
}
/* col-xs */
@media (max-width:767px){
  .boxSubCategory {min-height: 85px;}
  .boxFeatured {min-height: 120px;}
  table {width: 100%;}
  .containerSlider  .bx-controls {display: none;}
  header.container {height: auto;}
  header.container .headerCenter .pkpPopover font {display: none;}
  .headerCenter {text-align: right;}
  .siteLogo {margin-left: 0;}
  /* poistetaan alakategoriat mobiilinäkymän boxeista */
  .col-xs-12 > .boxBlue .btn-group{display: none;}
  .top100-right { margin-left: 5px;}
  .navbar-pkp {margin-bottom: 2px;}
  .navbar-pkp, .containerTuoteryhmat {border-width: 0px;}
  nav.navbar {height: 33px;}
  nav.navbar.open {height: auto;}
  nav.navbar .mainNav, nav.navbar .navbar-right, .containerTuoteryhmat {display: none;}
  .toggleopen {display: block!important;}
  nav.navbar ul {margin-left: 0px;width:100%;}
  nav.navbar ul li {width:100%;float:left;}
  nav.navbar .navbar-right {float:left!important;}
  .navbar-toggler {color:#FFF; font-family: 'Open Sans', sans-serif; font-size:17px;text-align: left; margin:5px 0;line-height: 24px;height: 33px;margin-left: 20px;}
  .categories-toggler {height: 50px;background-color: #000;padding-top: 5px;}
  .navbar-pkp +div {margin-bottom: 5px;}
  .categories-toggler .title{position: absolute; left: 15px; font-size: 16px; padding: 5px 0; color: #fff;line-height: 35px;margin-left:10px;}
  .navbar-toggler:hover, .categories-toggler:hover {cursor:pointer;}
  .menuicon {width:33px; height: 33px; background: url(../includes/images/mobmenuicon.png); display: block; position: absolute; right: 15px;}
  .containerTuoteryhmat {width: 100%;  margin: 0;}
  .containerTuoteryhmat ul {list-style-type: none;}
  .containerTuoteryhmat a {font-size: 17px;font-weight: 600;}
  .containerTuoteryhmat td {padding: 10px 2px;}
  .containerTuoteryhmat table > tbody > tr > td > br {display: none;}
  .bx-controls-direction .bx-next { right: 0px!important;}
  .bx-controls-direction .bx-prev { left: 0px!important;}
  .bx-wrapper .bx-controls-direction a {top:30%;}
  .boxShadow img:not([src="images/pixel_trans.gif"]):not([src="images/pixel_silver.gif"]) {max-width: 100%;height: auto;}
  .resTable table tbody tr td:nth-child(4),
  .resTable table tbody tr td:nth-child(5) {display: none;}
  .resTable table tbody tr td[align="left"]:not(.boxText) {width: 50%;}
  .resTable table tbody tr td[align="center"] {width:25%;}
  .resTable table tbody tr td[width="10"] {width:25%!important;}
  .resTable table tbody tr td[class="main"] {width: 75%;}
  .resTable form[name="advanced_search"] select,
  .resTable form[name="kategoria"] select,
  .resTable form[name="toplist"] select {width:100%;margin-bottom:5px;padding:5px;}
  .resTable table td[colspan="5"] > table td,
  .resTable table td.smallText {width: 100%;display:block;text-align: left!important;}
  .resTable .commonPriceSpecial s {display: block;}
  .footer .col-lg-12 {padding-left: 0px!important;}
  .footer .col-xs-12 {text-align: center;}
  .footer li {list-style-type:none!important;}
  .bx-wrapper .commonPriceSpecial s {float:left;}
  .containerHeaderCheckout, .containerRight .input-group, .containerRight .row:nth-child(3) {padding-right: 15px;}
  .containerHeaderCheckout {height: auto;margin-top: 0px;}
  table.fixed table {table-layout: fixed;}
  table.fixed table tbody tr td:first-child {padding-right: 5px;}
  .shoppingCart table {table-layout: fixed;}
  .shoppingCart table.table tr td:nth-child(1) {width:15%;}
  .shoppingCart table.table tr td:nth-child(2) {width:20%;}
  .shoppingCart table.table tr td:nth-child(3) {width:45%;}
  .shoppingCart table.table tr td:nth-child(4) {width:20%;}
  .checkout table.fixed tr td:nth-child(1) {width:15%;}
  .checkout table.fixed tr:nth-child(2) td:nth-child(1),
  .checkout table.fixed tr:nth-child(2) td:nth-child(4),
  .checkout table.fixed tr:nth-child(2) td:nth-child(5) {width: 1%;}
  .checkout table.fixed tr:nth-child(2) td:nth-child(2) {width:70%;}
  .checkout table.fixed tr:nth-child(2) td:nth-child(3) {width:30%;}
  .payment table.fixed tr:nth-child(2) table {table-layout: fixed;}

  .payment table.fixed tr:nth-child(2) table tr:first-child td:nth-child(1) {width:1%;}
  .payment table.fixed tr:nth-child(2) table tr:first-child td:nth-child(2) {width:30%;}
  .payment table.fixed tr:nth-child(2) table tr:first-child td:nth-child(3) {width:5%;}
  .infoBoxContents.upper > td {width: 100%;float:left;}
  .infoBoxContents.upper > td:last-child {margin-top:10px;}
  .billing td[align="right"] table tr td:nth-child(1) {width:74%;}
  #gr-screenshots {width: 100%!important;left:0;margin-left: 0;}
  .grvideo {left: inherit; margin-left: 0;}
}
@media (max-width:500px){
    .containerHeaderCheckout {max-width: 230px; float: right;}
    .containerHeaderCheckout > div a:nth-child(2) {display: block;}
    .container.shoppingCart .btn-primary {width:100%;}
    .container.shoppingCart table[style*="margin-top: 6px"] td {width:100%;float:left;margin-bottom:5px;}
}
@media (max-width:376px){
  form[name="quick_find"] div[style*="width:120px"] {width: 100px!important;margin-left: -10px;}
  .resTable table tbody tr td:nth-child(3) {display:none;}
  .visible-ltoe375 {display: block!important;}
  .containerRight #autocomplete-container .ui-autocomplete {left: 0!important;}
}