@media (max-width: 1083.98px) { 
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 36%;width: 100%;}
}
@media (max-width: 1000.98px) { 
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 100%;width: 100%;top: 0;position: relative;}
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 100%;}
  #tabs {margin-top: 8em;}
  #tabs .tabs.activeTab span {padding-bottom: 0;}
  #tabs .tabContainer .tabs {padding: 1em;}
  html body #composerimage .measurement-vertical,
  html body #composerimage .measurement-horizontal {display: none;}
}
@media (max-width: 700.98px) { 
  header .cs-headerContent .cs-container .cs-logo {position: relative;}
  header .cs-headerContent .cs-container {height: auto;justify-content: unset;}
}
@media (max-width: 600.98px) { 
  .componentimage {width: 100%;background-size: 100%;}
  .canon_configurator #composerimage {height: 60px;}
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {height: 585px;}
  .componentimage {height: 581px;}
  .cs-orderContainer {margin-left: 0;}
  header .cs-headerContent .cs-container .cs-logo {position: relative;margin: 0 0 2em 2em;}
}
@media (max-width: 500.98px) { 
  .canon_configurator #composerimage {height: 550px;}
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {height: 474px;}
  .componentimage {height: 485px;}
  #composerimagebackground {height: 455px;}
  .cs-orderContainer > div {width: 100%;}
}