.leftmenubutton {display:none; padding:.3em 1.5em; margin-top:-5px;}
.rightContents {width:80%; float:right;}
.rightItems {border:1px solid #444; padding:1%; margin-bottom:1%; }
.rightItems h4 {border-bottom:1px solid #333; margin:0.5em auto; padding-left:0.5em; padding-bottom:0.5em;}
.rightItems h6 {text-align:center; margin-bottom:1em; height:2em;font-size:1.2em;}
.rightItems img {width:80%;}
.rightitem {background:rgba(80,80,80,0.3); text-align:center; padding-top:0.5em;}
.rightitem:hover {background:rgba(80,80,80,0.8); border-radius:5px;}

.Category {margin-top:1em; padding-bottom:0.4em;} .Category:hover {color:#ff0; cursor:pointer;}
.Categories li {padding:0.2em 0; background:#000;} .Categories li:hover {color:#ff0;}
.Fields {width:90%; margin-bottom:.5em; padding-top:.5em; padding-bottom:.5em; padding-left:.5em;}
input[type=checkbox][disabled] {opacity:0.5; filter:alpha(opacity=50);}

.AllModelList {padding:1em; border:1px solid #000;}
.AllModelList h6 {padding-bottom:1em;}
.AllModelList:hover {background:#111; border-radius:3px; border:1px solid #333;}
.AllModelList li {width:31%; float:left; list-style-type:circle; margin-left:1.2em;}
.AllModelList a:hover{text-decoration:none; cursor:pointer;}

div.ModelList {width:24.8%; margin:0 .1% 1% 0; text-align:center; padding-top:.6em; padding-bottom:.6em; color:#888; font-size:.35cm;} div.ModelList:last-child {margin-right:0;}
div.ModelListBig {width:49.8%; margin:0 .1% 1% 0; text-align:center; padding-top:.6em; padding-bottom:.6em; color:#888; font-size:.35cm;}
div.ModelList:hover, div.ModelListBig:hover {background:#222; border-radius:5px;}
div.ModelList h6, div.ModelListBig h6 {font-size:.38cm; height:1cm; line-height:.4cm;}
div.ModelListBig img {width:75%; cursor:pointer;}
div.ModelList img {width:65%; cursor:pointer;}
div.ModelList .spec, .ModelListBig .spec {font-size:.32cm;}

.slider.slick-dotted.slick-slider{margin:0;}
.slider .slick-dots {position:absolute; bottom:15px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slider .slick-dots li {border:2px solid #666; border-radius:8px; position:relative; display:inline-block; width:8px; height:8px; margin:0 5px; padding:0; cursor:pointer;opacity:.75;} 
.slider .slick-dots li button{display:none;}
.slider .slick-dots li:hover {background:#fff;}
.slider .slick-active {background:#aaa;}
.slider img {width:100%;}
.sliderleft, .sliderright {position:absolute; z-index:5;cursor:pointer; opacity:.25; margin-top:-17%;}
.sliderright {right:0;}
.sliderleft:hover, .sliderright:hover {opacity:1;transition:all 0.3s ease-in-out;}

#CompareArea {display:none; position:fixed; top:0; z-index:100; background:#111; width:100%; border-bottom:1px solid #555; text-shadow:1px 1px #444; text-align:center; padding-top:.5em; padding-bottom:.5em; box-shadow:0 0 10px rgba(20%, 50%, 100%, 1);}
#CompareList div {float:left; width:24.6%; margin-right:.2%; border:1px solid #111; border-radius:3px;} #CompareList img {width:50%;} #CompareList h6 {height:24px; font-size:.36cm;} #CompareList div:last-child {margin-right:0;}
#CompareList div:hover {cursor:pointer;color:#ff0; border:1px solid #08a; background:#222;}
div.CompBtn, div.CompNow {font-family:'Trebuchet MS', arial, helvetica, sans-serif; font-size:.3cm; margin-left:5px; background:#333; border:1px solid #555; border-radius:6px; text-align:center; text-shadow:1px 1px #000; color:#fff; width:100px; line-height:22px; transition: all 0.3s ease-in-out;}
.CompBtnOn {background:#07f; border:1px solid #03c;}
.CompBtn:hover, .CompNow:hover {color:#ff0; background:#08f; border:1px solid #03c; cursor:pointer; box-shadow:0 0 8px rgba(20%, 20%, 90%, .7); transition: all 0.5s ease-in-out;}

.wrapper .inner {width:90%;}

@media screen and (max-width:1024px) {
	div.ModelListBig {width:65%;}
	div.ModelList {width:32.5%;}
	.AllModelList li {width:29%;}
	.Fields {width:85%;}
	.wrapper .inner {width:99%;}
}

@media screen and (max-width:480px) {
	.leftmenubutton {display:block;}
	.leftmenu {display:none; position:absolute; background:#000; z-index:5; margin-top:2px; padding-top:1em; padding-bottom:1em; border-bottom:1px solid #555; width:99%;}
	.rightContents{width:100%;}
	.rightItems h6 {font-size:0.9em;}
	.Fields {margin-left:2%;}
	div.ModelList {width:49.5%;}
	div.ModelListBig {width:49.5%;}
	div.ModelListBig img {width:65%;}
	.AllModelList li {width:100%;}
	#CompareList div {width:24.2%;} #CompareList img {width:80%;}
	#CompareList div h6 {font-size:11px; height:44px;}
}