@media screen and (max-width: 400px) {
   @-ms-viewport {
      width: 320px;
   }
}

.container {
   width: 100%;
   max-width: 1260px;
   margin: 0 auto;
   border-collapse: collapse;
   padding: 0 20px;
   position: relative;
   z-index: 1000;
   clear: both;
}

.container.productContainer {
   padding: 0 0 0 20px;
}

.g5, .g10, .g15, .g20, .g25, .g30, .g35, .g40, .g45, .g50, .g55, .g60, .g65, .g70, .g75, .g80, .g85, .g90, .g95, .g33, .g66, .g100 {
   position: relative;
   margin: 0;
   float: left;
   width: 100%;
   border-collapse: collapse;
   padding: 0px 0px;
}

.g5 {
   width: 5%;
}

.g10 {
   width: 10%;
}

.g15 {
   width: 15%;
}

.g20 {
   width: 20%;
}

.g25 {
   width: 25%;
}

.g30 {
   width: 30%;
}

.g35 {
   width: 35%;
}

.g40 {
   width: 40%;
}

.g45 {
   width: 45%;
}

.g50 {
   width: 50%;
}

.g55 {
   width: 55%;
}

.g60 {
   width: 60%;
}

.g65 {
   width: 65%;
}

.g70 {
   width: 70%;
}

.g75 {
   width: 75%;
}

.g80 {
   width: 80%;
}

.g85 {
   width: 85%;
}

.g90 {
   width: 90%;
}

.g95 {
   width: 95%;
}

.g33 {
   width: 33.33333%;
}

.g66 {
   width: 66.66667%;
}

.g100 {
   width: 100%;
}

@media screen and (max-width: 767px) {

   .hide-mob {
      display: none !important;
   }

   .g5, .g10, .g15, .g20, .g25, .g30, .g35, .g40, .g45, .g50, .g55, .g60, .g65, .g70, .g75, .g80, .g85, .g90, .g95, .g33, .g66, .g100 {
      /*float: none;
      clear: both;*/
      width: 100%;
   }

   .mob-g25 {
      width: 25%;
   }

   .mob-g50{
      width: 50%;
   }

   .mob-g75 {
      width: 75%;
   }

   .mob-g100{
      width: 100%;
   }

   .mob-mar-top-10 {
      margin-top: 10px !important;
   }

   .mob-mar-top-30 {
      margin-top: 30px !important;
   }

   .mob-mar-bot-0{
      margin-bottom: 0px !important;
   }

   .mob-pad-hor-0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .mob-pad-hor-10 {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }

   .mob-pad-right-10{
      padding-right: 10px!important;
   }

   .mob-rem-prod {
      position: relative;
      top: -12px;
   }

   .mob-bor-right-0 {
      border-right: 0 !important;
   }

   .mob-bor-left-0 {
      border-left: 0 !important;
   }

   .container {
      padding: 0 10px;
   }

   .container.container-mob-nopad {
      padding: 0;
   }

   .container.container-mob-pad-2 {
      padding: 0 2px;
   }

   .menuMain li:nth-child(2) a span, .menuMain li:nth-child(4) a span {
      display: none;
   }

   ul.menuMain > li:first-child > a {
      padding-left: 10px;
      padding-right: 10px;
      background: none;
   }

   nav ul.menuMain > li:nth-child(2) > a{
      padding-left: 34px !important;
      background: rgba(0, 0, 0, 0) url("/img/icons/ic-aboutus.png") no-repeat scroll 12px center;
   }

   nav ul.menuMain > li:nth-child(3) > a {
       background: rgba(0, 0, 0, 0) url("/img/icons/ic-webshop.png") no-repeat scroll 10px center;
       padding-left: 39px!important;
       padding-right: 10px!important;
   }

   nav ul.menuMain > li:nth-child(4) > a{
      padding-left: 29px !important;
      background: rgba(0, 0, 0, 0) url("/img/icons/ic-contact.png") no-repeat scroll 12px center;
   }

   nav ul.menuMain > li > a.active, ul.menuMain > li:hover > a {
       background-color: rgba(40, 39, 39, 0.44)!important;
       color: #ffffff;
   }

   ul.menuMain .submenu ul li {
      border-left: 0 !important;
      border-right: 0 !important;
   }

   .menuMain .submenu li a, .menuMain .submenu li:nth-child(2) a, .menuMain .submenu li:nth-child(4) a {
      padding-left: 10px !important;
   }

   .topNavigationHolder {
      position: relative;
   }

   body .mob-pad-10 {
      padding: 10px !important;
   }

   .mob-pad-left-0 {
      padding-left: 0px !important;
   }

   .mob-pad-left-10{
      padding-left: 10px !important;
   }

   .mob-pad-right-0 {
      padding-right: 0px !important;
   }

   .mob-pad-top-0 {
      padding-top: 0px !important;
   }

   .mob-mar-top-0 {
      margin-top: 0px !important;
   }

   .mob-mar-top-20 {
      margin-top: 20px !important;
   }

   .mob-mar-bot-20 {
      margin-bottom: 20px !important;
   }

   .mob-mar-right-0{
      margin-right: 0 !important;
   }

   .mob-border-bottom-1{
      border-bottom: 1px solid #ffffff;
   }

   ul.menuMain .submenu.open {
      display: block;
   }

   .product:nth-child(even) {
      margin-right: 0px;
   }

   .modules .g33:nth-child(1), .modules .g33:nth-child(2) {
      padding-right: 0px;
   }

   .branch {
      width: 154px;
   }

   .footer .menu-item {
      margin-bottom: 50px;
   }

   .footer .sub-item {
      margin-bottom: 30px;
   }

   .categoryPage .module .g25 {
      width: 25% !important;
   }

   .categoryPage .module .g75 {
      width: 75% !important;
   }

   .fancybox-wrap{
      width: 100%!important;
      left:0!important;
   }

   .fancybox-inner{
      width: 100%!important;
   }

   .moduleLinks .readmore-simple{
      float: left;
      margin-top: 5px;
   }

   /*.topNavigationHolder .bkg-stripes{
      background-color: transparent!important;
      background-image: url("/img/framework/bkg-stripes-mob.png")
   }*/
}

@media screen and (min-width: 768px) {
   .hide-desk {
      display: none !important;
   }

   .menuMain .submenu.my {
      width: 385px !important;
      left: auto;
      margin-left: -193px;
      padding: 10px 0 0 0;
   }
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
   .hide-tab {
      display: none !important;
   }

   .show-tab {
      display: block !important;
   }

   .tab-g15 {
      width: 15%;
   }

   .tab-g25{
      width: 25%;
   }

   .tab-g35{
      width: 35%;
   }

   .tab-g45{
      width: 45%;
   }

   .tab-g65{
      width: 65%;
   }

   .tab-g20{
      width: 20%;
   }

   .tab-font-size-22{
      font-size: 22px!important;
   }

   .tab-font-size-32{
      font-size: 32px!important;
   }
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */