@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans:400,600,700|Oxygen:400,700");


/* general */
html {
  
}

img {
max-width:100%;
}

footer {
	padding:1rem;
	background-color:#222;
	color:#fff;
	}

footer a {
	color:#fff;
	}

footer a:hover {
	color:#fff;
	}



#main {padding: 0;}



/* all page design */
.page-slider {position:relative;
padding:0;
}

.page-title {
	position:absolute !important;
	top:50%;right:61%;
	z-index: 0;
transform: translate(0, -50%);
}


.padding-top {padding: 3rem 15px 0 15px !important;}
.padding-bottom {padding: 0 15px 3rem 15px !important;}

.padding-top-bottom {padding: 3rem 15px !important;}




/* product list */

#contents .mix{/* filter */
	display: none;
}

.product-list .row-eq-height h3 { /* each product model name */
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    line-height: 1em;
    color: #000;
	text-align:center;
}

.product-list .row-eq-height h4 {/* each product model description */
    padding: 0;
    margin: 0.3rem 0;
    font-size: 0.85rem;
    line-height: 1em;
    color: #1694ff;
	text-align:center;
}


/* each product page */

<!-- icon -->
ul.feature-icon {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0px;
    text-align: center;
}

ul.feature-icon li {
    display: inline;}

ul.feature-icon li img {
    margin: 0 5px;
    padding: 0;
    max-height: 25px;
}
<!-- /icon -->

<!-- carousel -->
.active img.d-block {
    margin: 0 auto !important;
}

.carousel-indicators li {
    width: 60px;
    height: auto;
    background-color: rgba(255,255,255,0);
}

#carouselExampleIndicators {
    padding-bottom: 3rem !important;
}

#carouselExampleIndicators {
    padding-bottom: 4rem !important;
}

.carousel-item.active .img img {margin:0 auto;}

.carousel-inner {
    margin: 0 auto;
    max-width: 630px;
}


<!-- /carousel -->


/* spec */ 
#spec li ul  {
	padding: 0 0 10px 0;
	background-image: url(https://www.sanyo-av.com/img/element/2x980_grade_spec.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: -17px 0 0 0;
	list-style:none;
}

#spec li:last-child ul  {
	padding: 0 0 10px 0;
	background-image: none;
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0;
	list-style:none;
}

#spec ul li{
	list-style: none;
	font-weight: bold;
	line-height: 140%;
	padding: 10px 0 0 0;
	margin: 0;
	z-index:999;
}

#spec ul li li{
	list-style-image: url(https://www.sanyo-av.com/img/element/bread_arrow.png);
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 280px;
	font-weight: normal;
}

#spec li ul {
    padding: 0 0 10px 0;
    background-image: url(https://www.sanyo-av.com/img/element/2x980_grade_spec.png);
    background-position: bottom;
    background-repeat: no-repeat;
    margin: -17px 0 0 0;
    list-style: none;
}


.each-product {
    margin: 1rem 0;
    font-size: 1rem;
    color: #000;
	}
.each-product h4 {
	 padding: 1rem 0 0.5rem 0;
    font-size: 1rem;
    line-height: 1em;
    color: #000;
	text-align:center;
	}

@media screen and (max-width : 768px) {
#spec  ul li li{
	list-style-image: url(../img/element/bread_arrow.png);
	list-style-position: outside;
	margin: 5px 0 0 0;
	font-weight: normal;
	padding: 0 0 5px 0;
	width: 100%;
}

#spec ul ul  {
	padding: 0 0 10px 0;
	background-image: url(../img/element/2x980_grade_spec.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0;
}
}



@media only screen and (min-width:280px) and (max-width:768px) {
.product-list .col-md-3 {display:none;}/* product list page */

.page-title {
    font-size: 1.7rem;
}


}




@media only screen and (min-width:280px) and (max-width:767px) {
	
}



@media only screen and (min-width:280px) and (max-width:480px) {

}