/* Mobile start */
@media (max-width: 767px) {

 #top {
 position: relative;
 height: 100px;
 }
 
 #top #topDiv {
 position: fixed;
 width: 100%;
 height: 80px;
 margin: 0 auto 0 auto;
 text-align: center;
 background-color: #000;
 z-index: 100;
 }
 #top #topDiv a {
 margin: 0 auto 0 auto;
 display: inline-block;  
 }
 #top #topDiv #menu {
 position: absolute;
 top: 20px;
 left: 10px;
 display: block !important;
 z-index: 140;
 width: 40px;
 height: 40px;
 border-radius: 2px;
 background-color: #e84e0e;
 text-align: center;
 padding: 10px 0 0 0;
 }
 #top #topDiv #menu .icon { 
 color: #ffffff;
 font-size: 20px;
 line-height: 20px;
 }
 #top #topDiv #menu .icon::before {
 content: "\f0c9";
 }

 #menuPane {
 display: none;
 height: 100%;
 width: 85%;
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 background-color: #111;
 text-align: left;
 border-right: 1px solid #666;

 }
 #top #topDiv #Leki-Logo {
 display: block !important;
 width: 100%;
 max-width: 120px;
 margin: 20px 0 0 0;
 }
 #menuPane #languageSelect {
 padding: 30px 0 0 0;
 text-align: center;
 }
 #menuPane #selectButton {
 display: none;
 }
 #menuPane #selectMenu {
 display: block !important;
 }
 #menuPane #selectMenu a {
 display: inline-block;
 margin: 10px 10px;
 }

 #menuPane #selectMenu a#da.da,
 #menuPane #selectMenu a#en.en,
 #menuPane #selectMenu a#de.de,
 #menuPane #selectMenu a#no.no,
 #menuPane #selectMenu a#se.se,
 #menuPane #selectMenu a#pl.pl,
 #menuPane #selectMenu a#es.es,
 #menuPane #selectMenu a#pt.pt {
 color: #ccc;
 }
 #menuPane #selectMenu a#da.da .flag,
 #menuPane #selectMenu a#en.en .flag,
 #menuPane #selectMenu a#de.de .flag,
 #menuPane #selectMenu a#no.no .flag,
 #menuPane #selectMenu a#se.se .flag,
 #menuPane #selectMenu a#pl.pl .flag,
 #menuPane #selectMenu a#es.es .flag,
 #menuPane #selectMenu a#pt.pt .flag {
 opacity: 1.0;
 filter: alpha(opacity=100);
 -moz-opacity: 1.0;
 } 
 #main .footer_links-wrapper {
 display: none !important;
 }
 
 #main .footer_wrapper {
 display: block;
 }
 #main .footer_some {
 margin: 30px 0 0 0;
 }
 #main h1 {
 font-size: 24px;
 line-height: 115%;
 font-family: Anybody-Regular, sans-serif;
 font-weight: bold;
 margin: 0 0 10px 0;
 }
 #main h2 {
 font-size: 30px;
 line-height: 115%;
 font-family: Anybody-Regular, sans-serif;
 font-weight: bold;
 margin: 0 0 30px 0;
 padding: 12px 0 0 0; 
 text-align: center;
 color: #c64814;
 }

 
 #main h3 {
 font-size: 22px;
 line-height: 22px;
 font-family: Anybody-Regular, sans-serif;
 font-weight: bold;
 margin: 0 0 5px 0;
 }
 #main h4 {
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 margin: 0 0 5px 0;
 } 
 #main #ShopContent {
 padding: 0 20px;
 }
 #main #frontpageCMS {
 padding: 0 20px;   
 }
 
 /* menuPane start */
 
 #menuPane #Leki-Logo-Mobile {
 display: block !important;
 width: 120px;
 margin: 20px auto;
 }
 #menuPane ul.productMenu {
 display: none;
 }
 #menuPane #productMenu_bg {
 text-align: center;
 }
 
 #menuPane ul.topMenu { 
 display: block;
 padding: 0;
 }
 #menuPane ul.topMenu a {
 font-family: Anybody-Regular, sans-serif;
 font-size: 18px;
 }
 #menuPane ul.topMenu a:hover {
 text-decoration: none;
 }
 #menuPane ul.topMenu .icon {
 position: relative;
 color: #fff;
 font-size: 28px;
 line-height: 28px;
 padding: 0 3px 0 20px;
 top: 3px;
 }
 #menuPane ul.topMenu .icon::after {
 content: "\f107";
 }

 #menuPane ul.topMenu > li {
 position: relative;
 display: block;
 padding: 5px 10px 2px 10px;
 margin: 10px;
 }
 #menuPane ul.topMenu > li.b2b {
 background-color: #e84e0e;
 border-radius: 2px;
 margin: 15px 10px 10px 10px;
 }
 #menuPane ul.topMenu > li > a {
 height: 26px;
 padding: 0;
 display: inline-block;
 font-weight: normal;
 color: #fff;
 text-transform: uppercase;
 }
 #menuPane ul.topMenu li a:hover,
 #menuPane ul.topMenu li.activeParent > a, 
 #menuPane ul.topMenu li.active > a {
 color: #ffffff;
 }
 #menuPane .topMenu li > ul {
 display: none;
 background-color: #000000;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
 -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
 box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
 z-index: 150;
 }
 #menuPane ul.topMenu > li ul li {
 display: block;
 border-bottom: 1px solid #333333;
 }
 #menuPane ul.topMenu > li ul li:last-child {
 border-bottom: none;
 padding-bottom: 2px;
 }
 #menuPane ul.topMenu > li ul a {
 display: block;
 padding: 8px 15px 8px 10px;
 color: #cccccc;
 }
 /* productMenu end */
 
 /* Frontpage video start */ 

 .background-video {
 height: 30vh;
 }
 
 /* CMS start */
 .connected-logo { 
 width: 120px;
 }
 .wrapper {
 margin: 20px auto;
 }
 .wrapper .grid {
 grid-template-columns: 1fr;
 }
 .grid .grid_left {
 min-height: inherit;
 }
 .grid .image.store {
 aspect-ratio: 1 / 1;
 }
 .wrapper .text {
 padding: 0 0 30px 0;
 } 
 .wrapper .image.leki, .image.display { 
 height: 300px;
 margin: 20px 0 20px 0;
 } 
 .contentDiv[class*="leki_store"] {
 padding-bottom: 40px;   
 }
 .image.leki {
 grid-area: span 2 / span 1 / span 2 / span 1;
 background-position: 30%;
 background-size: 960px;
 }
 .image.display {
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: contain;
 }

 .image.display {
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: contain;
 }

 #main .certificat-logo {
 justify-content: space-between;  
 align-items: center;
 padding-left: 11px;
 padding-right: 11px;
 display: flex;
 }
 #main .certificat-logo img {
 }
 #main .certificat-logo img.intertek {
 width: 29%;
 margin: 0 5px 0 0;
 }
 #main .certificat-logo img.teknologiskinstitut {
 width: 30%;
 margin: 0 5px;
 }
 #main .certificat-logo img.bsci {
 width: 29%;
 margin: 0 0 0 5px;
 }
 #main .vimeo {
 width: 100%;
 height: 100%;
 min-height: 300px;
 border: 0;
 vertical-align: top;
 }
 .grid.certificates {
 padding-top: 100px;
 } 

 /* CMS end */

 
 
 
 }
 /* Mobile end */
 
 @media (max-width: 450px) { 
   


 #main #languageSelect a {
 display: block;
 }
  
}