@charset "utf-8";

@media screen and (max-width: 1130px) {
	.grid-3 {grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
	.heroGrid {grid-template-columns: 1fr;}
	.heroTitle {font-size: 50px;}
	.footerGrid {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 1050px) {
	#accBtn{right:400px;}
	#merkImage{position:relative;}
	#merkImage img{display:none;}
}

@media screen and (max-width: 980px) {
	
	h1 {font-size:20px;}
	#homniv ul.prodniv1 li a {padding:4px 25px 4px 35px;}
	.topCartTxt{display:none;}
	
}

@media screen and (max-width: 860px) {
    .grid-2 {grid-template-columns: 1fr;}
	.shopTop {flex-direction: column;gap: 10px;align-items: flex-start;}
	#prodDiv {grid-template-columns: 1fr;}
	
	.shopSide {display: none;}
	.shopLayout.is-overview {grid-template-columns: 1fr;}
	.grid-4 {grid-template-columns: repeat(3,1fr);}
	.aboutWrap, #faq-home, #reviews, #carousel, .brandsWrap {padding: 60px 0;}
	.btnPrimary, .btnGhost, .allProd {padding:12px 26px;font-size: 16px;}

	.heroTitle {font-size: 40px;}
	#navHniv {display:block;}
	#nav ul li a {padding:10px 10px 11px;font-size:14px;}
	#folder {padding:4px 0;}
	#folder a {font-size:13px;}
	.menuleft {float:none;width:100%;margin-right:0%;display:none;}
	.menuright {float:none;width:100%;clear:both;}
	nav {display:block;}
	nav {margin-bottom:20px;}
	#main {padding:20px 0;}
	#fct, #fct2 {float:none;width:100%;}
	
	#slideshow {margin-bottom:20px;}
	#loginLnks {display:none;}
	#loginLnks ul {float:none;margin-left:0px;position:inherit;display:inline-block;width:100%;}
	#loginLnks ul li{float:none;}
	#loginLnks ul li a{border-right:none;border-bottom:solid 1px #ccc;padding:7px 0 7px 0;float:none;}
	#accBtn{right:300px;}
	#accBtn a{background-color:#1868b9;padding:3px 7px 3px 7px;text-decoration:none;color:#fff;}
	#shop_name a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	#shop_name a img{margin-left:10px;}
	#folder{margin-top:20px;margin-top:0px;}
	
	.headLeft, .headRight {display: none;}
	#topbar {display: none;}
	#header {justify-content: center;border: 0;}
	#logo img {width: 200px;}
	#navContainer {display:none;}
	#navMobMenu{background-color:#c00;border-bottom:solid 1px #fff;display:table;width:100%;z-index:15000;position:sticky;top: 0px;left: 0px;}
	#navMobMenu div.innerNMM {display:table-row;}
	#navMobMenu div.innerNMM div{display:table-cell;}
	#navMobMenu div div a{color:#fff;background-color:#1868b9;border-right:solid 1px #fff;display:block;padding:10px;text-align:center;text-transform:uppercase;text-decoration:none;}
	
	#navMob,#languagesMob,#searchMob,#loginLnksMob {color:#000;top:0px;z-index:10000 !important;background-color:#fff;border-bottom:solid 20px #1868b9;width:100%;padding-top:20px;padding-bottom:20px;text-align:center;}
	#navMob ul,#languagesMob ul,#languagesMob ul,#loginLnksMob ul{margin:0px;padding:0px;}
	#navMob ul li,#languagesMob ul li,#searchMob ul li,#loginLnksMob ul li{list-style-position:inside;list-style-image:none;list-style-type:none;padding:5px;text-align:left;padding-left:20px;}
	#navMob ul li ul{margin-top:10px;margin-bottom:20px;}
	#navMob ul li a,#languagesMob ul li a,#searchMob a,#loginLnksMob a{text-align:left;padding-left:20px;text-decoration:none;}
	#navMob ul li a {color: #1868b9; text-decoration: none;font-size:18px;font-weight: 600;}
	#navMob ul li ul {display: none}
	#navMob a,#languagesMob a{text-decoration:none;}
	#searchMob a.closeMob,#navMob a.closeMob,#languagesMob a.closeMob,#loginLnksMob a.closeMob{display:block;margin-bottom:15px;text-align:center;}
	
	.aboutTitle, .brandsTitle, .carTitle, .reviewsTitle, .faqTitle {font-size: 30px;}
    
    .heroInner {flex-wrap:wrap;gap:30px;}
    .heroLogo img {height:40px;}
    .heroCtas2 {width:100%;justify-content:flex-start;}
    .heroTitle2 {max-width:100%;}
    .topText {font-size: 13px;}
    .topBanner.page1 {display: block;}
}
	
@media screen and (max-width: 750px){#accBtn{right:210px;}}
@media screen and (max-width: 700px) {#nav ul li a {padding:10px 4px 11px;font-size:14px;}}

@media screen and (max-width: 640px) {
    .topLeft img {height:15px;}
    .topText, .topBtn {font-size: 12px;}
	.grid-3 {grid-template-columns: repeat(1,1fr);}
	.grid-4 {grid-template-columns: repeat(2,1fr);}
	.brandsGrid li a {font-size: 16px;}
	.aboutTitle, .brandsTitle, .carTitle, .reviewsTitle, .faqTitle {font-size: 24px;}
	.aboutWrap, #faq-home, #reviews, #carousel, .brandsWrap {padding: 40px 0;}
	.btnPrimary, .btnGhost, .allProd {padding:10px 20px;font-size: 15px;}
	.footerBottom {flex-direction: column;}
	.footerGrid {grid-template-columns: 1fr;}
	.aboutText {font-size:	16px;line-height: 28px;}
	.heroTitle {font-size: 30px;}
	.heroWrap {padding: 40px 0}
	#webshop1{display:block;}
	#webshop2{display:none;}
	#languages2 {}
	#accBtn{margin-top:10px;right:0px;top:0px;}
	
	#searchbox {float:none;margin-top:10px;}
	
	#navniv ul li {float:left;width:50%;}
	.koptekst {min-height:57px;}
	.detail {display:none;}
	#prodShop {}
	
	#slogan {font-size:13px;clear:both;}
	#catBtn a {padding:10px 30px;}
	
	.mobBtnC{float:left;width:30px;text-align:center;}
	.mobBtnS{float:left;width:30px;text-align:center;}
	
	#searchbox{display:none;}
	#mobSearch{padding-top:30px;padding-bottom:30px;}
	
	#fct ul li{float:none;margin-right:0px;font-size:15px;}
	#fct ul li span{display:none;}
	#fct{float:none;}
	#fct2{float:none;clear:both;margin-top:15px;}
	
	.flexslider .slides img {height: auto;aspect-ratio: 4/3;}
	
	.shop_submit {font-size: 15px;}
	.bsktL .shopCol1 {float:left;width:85%;}
	.bsktL .shopCol2 {float:left;width:80%;font-weight:bold;margin-top:10px;}
	.bsktL .shopCol3 {float:left;width:70%;text-align:left;margin-left:5%;margin-bottom:10px;}
	.bsktL .shopCol4 {float:left;width:25%;text-align:right;margin-left:5%;}
	.bsktL .shopCol5 {float:right;width:5%;text-align:right;margin-left:5%;}
	.bsktL .shopCol1b{width:100%;}
	.bsktL .shopCol2b{width:85%;padding-right:15%;}
	
}

@media screen and (max-width: 480px) {
	.grid-4 {grid-template-columns: repeat(1,1fr);}
	.faq-question h3 {font-size: 16px;}
	body {font-size: 15px;}
	.aboutText {font-size:	15px;line-height: 24px;}
	
}