@media only screen and (max-width: 1024px) {
  #mainContent { z-index: 2; }/* used for JavaScript detection */
  #homePageMiddle, #homePageMiddle * { font-size: 50px;line-height: 62.5px; }
  #logo { margin-left: 10px; }
  #headerCenter { padding: 0; }
  #topMenuButton { display: block; }
  #topMenu { float: left;top: 123px;width: 100%;padding: 0 10px;margin: 0;background: #fff;display: none;overflow: auto; }
  #topMenu .menu { float: left;width: 100%;border-top: 1px solid #efefef; }
  #topMenu .menuItem { width: 100%;border-bottom: 1px solid #efefef; }
  #topMenu .menuLink { float: left;width: 100%;padding: 10px 0 10px 30px;color: #222;font-family: 'Antonio Regular', 'Helvetica Neue', Helvetica, ​Arial, ​sans-serif;font-size: 14px;line-height: 21px;text-transform: uppercase;white-space: normal; }
  #topMenu .menuLink:hover { background-color: #e31d1a;color: #fff; }
  #topMenu .menuLink:hover::after { color: #fff; }
  #topMenu .menuLink::after { content: "•";position: absolute;top: 10px;left: 9px;color: #e31d1a;display: block !important; }
  #topMenu .subMenu { position: relative;top: auto;left: auto;float: left;width: 100%;padding: 0;margin: 0;border: 0;background: transparent;display: block;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
  #topMenu .subMenuItem { position: relative;float: left;width: 100%;border-top: 1px solid #efefef; }
  #topMenu .subMenuLink { position: relative;float: left;width: 100%;padding: 10px 0 10px 30px;display: block;color: #222;font-family: 'Raleway Regular', 'Helvetica Neue', Helvetica, ​Arial, ​sans-serif;font-size: 14px;line-height: 21px;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;white-space: normal; }
  #topMenu .subMenuLink:hover { background-color: #e31d1a;color: #fff; }
  #topMenu .subMenuLink:hover::after { color: #fff; }
  #topMenu .subMenuLink::after { content: "•";position: absolute;top: 10px;left: 9px;color: #e31d1a;display: block !important;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-property: color;transition-property: color; }
  #topLogoLink2 { left: 50%;margin-left: -150px; }

  #languageActive, #languageSelect { right: 80px !important; }
  #languageActive { top: 29px; }
  #languageSelect { top: 49px; }

  .pageTop, .galleryTop, .playContainer { padding-right: 20px;padding-left: 20px; }
  .productContent .content { padding-right: 80px; }
}

@media only screen and (max-width: 960px) {
  .fourColumns .columnWrapper { width: 100%;display: block; }
  .fourColumns .column { width: 50%; }
  .fourColumns .twoColumn1 { padding-right: 18px;padding-left: 0; }
  .fourColumns .twoColumn2 { padding-right: 0; padding-left: 17px; }
  .fourColumns .columnWrapper.filler { display: none; }
  .fourColumns .column.product, .threeColumns .column.product { width: 33.33%; }
  .fourColumns .threeColumn1.product, .threeColumns .threeColumn1.product { padding-right: 23px;padding-left: 0; }
  .fourColumns .threeColumn2.product, .threeColumns .threeColumn2.product { padding-right: 12px; padding-left: 12px; }
  .fourColumns .threeColumn3.product, .threeColumns .threeColumn3.product { padding-right: 0; padding-left: 23px; }
}

@media only screen and (max-width: 767px) {
  #mainContent { z-index: 3; }/* used for JavaScript detection */
  #homePageMiddle, #homePageMiddle *, .pageTitle { font-size: 30px;line-height: 37.5px; }
  .row { display: block; }
  .column { float: left;display: block; }
  .fourColumns .column, .threeColumns .column, .twoColumns .column, .fourColumns .columnWrapper .column { width: 100%; }
  .fourColumns .fourColumn1, .fourColumns .fourColumn2, .fourColumns .fourColumn3, .fourColumns .fourColumn4,
  .threeColumns .threeColumn1, .threeColumns .threeColumn2, .threeColumns .threeColumn3,
  .twoColumns .twoColumn1, .twoColumns .twoColumn2 { padding-right: 0; padding-left: 0; }
  .fourColumns .column.product, .threeColumns .column.product, .twoColumns .column.product { width: 50%; }
  .fourColumns .twoColumn1.product, .threeColumns .twoColumn1.product, .twoColumns .twoColumn1.product { padding-right: 18px;padding-left: 0; }
  .fourColumns .twoColumn2.product, .threeColumns .twoColumn2.product, .twoColumns .twoColumn2.product { padding-right: 0;padding-left: 17px; }
  .column.filler { display: none; }
  .productContent .content { width: 100%;padding-right: 0; }
  .productContent.noBlocks .imageDiv { width: 35%; }
  .productContent .block.bottom { display: block; }
  .productContent .block.right { display: none; }
  #logolenovo img{height:27px;width:auto;}
  #logowindows img{height:25px;width:auto;}
  #logointel img{height:60px;width:auto;}
}

@media only screen and (max-width: 450px) {
  .product { width: 100% !important;padding-left: 0 !important;padding-right: 0 !important; }
  .productContent .imageDiv { width: 100% !important;padding-right: 0;text-align: center; }
  .productContent .block.bottom { max-width: 100%; }
  #logowindows{margin-left:10px;margin-right:10px;}
}

@media only screen and (max-width: 1000px) { #photoContainer { height: 450px; } }
@media only screen and (max-width: 900px) { #photoContainer { height: 400px; } }
@media only screen and (max-width: 800px) { #photoContainer { height: 350px; } }
@media only screen and (max-width: 700px) { #photoContainer { height: 300px; } }
@media only screen and (max-width: 600px) { #photoContainer { height: 250px; } }
@media only screen and (max-width: 500px) { #photoContainer { height: 200px; } }

@media only screen and (max-width: 1040px) {
  #topLogoCenter { padding-right: 20px; }
}
@media only screen and (max-width: 700px) {
  #topLogo { position: relative;float: left;width: 100%; }
  #topLogoCenter { height: auto;padding: 20px; }
  #topLogoLink { position: relative;float: left;width: 100%;margin: 0;text-align: center; }
  #topBanners { position: relative;float: left;top: auto;left: auto;width: 100%; }
  .topBanner.first { margin-top: 20px;border-radius: 8px; }
  #main { padding-top: 0; }
  #topLogoLink img { max-width: 100%; }
}

@media only screen and (max-width: 1100px) { .galleryItem { width: 14.2857%; } }
@media only screen and (max-width:  950px) { .galleryItem { width: 16.667%; } }
@media only screen and (max-width:  800px) { .galleryItem { width: 20%; } }
@media only screen and (max-width:  700px) { .galleryItem, .playContainer .galleryItem { width: 25%; } }
@media only screen and (max-width:  550px) { .galleryItem, .playContainer .galleryItem { width: 33.33%; } }
@media only screen and (max-width:  400px) { .galleryItem, .playContainer .galleryItem { width: 50%; } }