.category{padding: 0 20px 10px 0; margin-bottom: 0; text-align: left;}
.category .category-title{font-size: 22pt; font-weight: 300; color: #005189; text-transform: uppercase; margin: 10px 6px ;padding: 0 0 8px 0; border-bottom: 1px solid #DDD}
.category .category-img{width:100%}
.category .category-img img{width: 100%; height: 200px}
.category .category-description {float: left; margin: 0 0 10px 0; border-top: 1px solid #DDD; }
.category .category-description .title{float: left; width: 100%; font-size: 22pt; font-weight: 400; color: #0095DA; text-transform: uppercase; margin: 20px 0 10px 0; border-bottom: 1px solid #0095DA;}

.category .category-description .abtract, .category .category-description .content{font-family: 'Roboto', sans-serif; text-align: justify; font-size: 12pt; line-height: 1.3; font-weight: 400; color: #181c18; margin: 20px 0 10px 0}
.category .category-description .abtract, .category .category-description .content strong {color: #181c18}
.category .category-description .content p{margin: 10px 0}
.category .category-description .abtract {font-family: 'Roboto', sans-serif; font-size: 13; font-weight: 500px;}
.category .category-description .content img{width: 100%; margin: 6px 0; padding: 6px; border: 1px solid #EEE}

.category .category-extra {float: left; margin-bottom: 50px; width: 100%; }
.category .category-extra .extra-title{font-size: 16pt; font-weight: 400; color: #F60; margin: 10px 0 0 0}
.category .category-extra .extra-item{float:left;width:auto; font-size: 12pt; line-height: 1.3; font-weight: 500; background-color: #0095DA; color: #FFF; margin: 10px 20px 10px 0; padding: 8px 20px; border: 1px solid #DDD; border-radius: 5px}
.category .category-extra .extra-item:hover{background-color: #005189; color: #FFF}
/* CATEGORY LIST*/
.category-list{float: left;  width: 100%; padding: 0; margin-bottom: 10px}
.category-list-title{font-size: 22pt; font-weight: 300; color: #005189; text-transform: uppercase; margin: 20px 0 10px 0; border-bottom: 1px solid #005189}
.post-category-block {float: left; margin: 0 0 0 6px; padding: 3px 6px; min-height: 290px; background-color: #FAFAFA;overflow: hidden}
.post-category {float: left; width: 100%; margin: 0; }
.post-category-img {float: left; width: 100%; padding:0; border: 1px solid #EEE; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  }
.post-category-img:hover {border: 1px solid #F00;  }
.post-category-img:hover img {}
.post-category-img img {float: left; width: 100%;}
.post-category-title {float: left; width: 96%; font-size: 11pt; color: #F00; font-weight: 400; padding:5px; margin: 5px 2%;}
.post-category-title a {line-height: 1.2; font-weight: 500; color: #005189; text-transform: uppercase}
.post-category-title a:hover {color: #F60}

.post-category-code {font-size: 11pt; font-weight: 400; margin: 0 5px; color: #005189}
.post-category-code span{float: right; color: #F60; font-weight: 300}
.post-category-sub-title {font-size: 11pt; line-height: 1.1; font-weight: 400; color:#F60; margin: 4px 0;}
.post-category-info { font-size: 11pt; margin: 3px 0}
.post-category-info strong { color: #F60 }
.post-category-abtract {text-align: left; color:#333; font-size: 12pt;  line-height: 1.3; border-top: #DDD solid 1px; padding-top: 10px; margin-top: 5px}/* category */

/* PRODUCT LIST*/
.result-list{float: left; width: 98%; padding: 5px 10px; margin: 6px 1% 10px 1%; text-align: left; background-color: #EEE; font-size: 11pt}
.result-list strong{color: #005189}

.product-list{float: left; width: 100%; padding: 0; margin: 0 0 20px 0; text-align: left;}
.post-block {float: left; margin-bottom: 0; padding: 6px; min-height: 240px; }
.post-product { margin-bottom: 50px }
.post-product-img { padding:5px; border: 1px solid #EEE;  }
.post-product-img:hover {border: 1px solid #F90; background-color: #EEE  }
.post-product-img img {  border: 1px solid #EEE;}
.post-product-code {color: #0095DA; font-weight: 400; padding: 3px 0; margin: 8px 5px; height: auto; overflow: hidden}
.post-product-code {font-size: 11pt; font-weight: 400; margin: 8px 0; color: #005189; border-top: 1px solid #0095DA;}
.post-product-code a {font-size: 12pt; line-height: 1.1; font-weight: 400; color: #005189; text-transform: uppercase;}
.post-product-code a:hover {color: #F30;}
.post-product-code span{float: right; color: #F60; font-weight: 300}
.post-product-category {font-size: 11pt; font-weight: 400; margin: 0 5px; padding: 4px 0; color: #005189; border-bottom: 1px solid #DDD}
.post-product-sub-title {font-size: 11pt; line-height: 1.1; font-weight: 400; color:#F60; margin: 4px 0;}
.post-product-info { font-size: 11pt; margin: 3px 0}
.post-product-info strong { color: #F60 }
.post-product-abtract {text-align: left; color:#333; font-size: 12pt;  line-height: 1.3; border-top: #DDD solid 1px; padding-top: 10px; margin-top: 5px}/* PRODUCT */
.post-product { margin-bottom: 50px; min-height: 140px }
.post-product-img { padding:5px; border: 1px solid #EEE;  }
.post-product-img img {  border: 1px solid #EEE;}
.post-product-title {font-size: 11pt; font-weight: 400; margin: 0 5px; padding: 5px 0; height: auto; overflow: hidden; max-height: 52px}
.post-product-title a {font-size: 12pt; line-height: 1.1; font-weight: 500; color: #333}
.post-product-title a:hover {color: #F60}
.post-product-sub-title {font-size: 11pt; line-height: 1.1; font-weight: 400; color:#F60; margin: 4px 0;}
.post-product-info { font-size: 11pt; margin: 3px 0}
.post-product-info strong { color: #F60 }
.post-product-abtract {text-align: left; color:#333; font-size: 12pt;  line-height: 1.3; border-top: #DDD solid 1px; padding-top: 10px; margin-top: 5px}

.post-content{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.post-img{
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}
.post-img img{
	width: 100%;
}

.product-title {
	color: #005189;
	font-size: 25pt;
	font-weight: 300;
	border-bottom: 1px solid #005189;
	padding: 3px 0 10px 0;
	margin: 0 0 5px 0;
}
.product-code {
	color: #F60;
	font-size: 16pt;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
}

.post-small-img{
}
.post-small-img ul{
	float: left;
	border: 1px solid #CCC;
	margin-top: 6px;
	width:100%;
}
.post-small-img ul li{
	float: left;
	width:15%;
	padding: 1%;
}
.post-small-img ul li img{
	width:98%;
}
.detail{
	float: left;
	margin: 0 0 30px 0;
}
.info-frame{
	float: left;
	padding: 0 10px 0 0;
	margin: 10px 0 0 0;
}
.info-frame img{
	width: 100%;
	height: auto;
}
.product-detail-frame{
	float: left;
	width: 100%;
	padding: 10px 15px;
	margin: 36px 0 20px 0;
	border: 1px solid #CCC;
	font-size: 12pt; 
	text-align: justify;
}
.product-detail-head-title{
	float: left;
	width: auto;
	position: relative;
	top:-33px;
	padding: 10px 10px;
	margin-bottom: -33px;
	background-color: #FFF;
	font-size: 14pt;
	font-weight: 500;
	text-transform: uppercase;
}
.product-detail-item{
	float: left;
	width: 100%;
	padding: 10px 8px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 12pt; 
	text-align: justify;
}
.product-detail-item img{
	float: left;
	width: 100%;
	padding: 1px;
	margin: 6px 0;
	border: 1px solid #EEE;
}
.product-detail-title{
	float: left;
	width: 100%;
	margin-bottom: 3px;
	color: #005189;
	
}
.product-detail-name{
	float: left;
	width: auto;
	text-transform: uppercase;
	color: #F60;
	margin-bottom: 10px;
	padding-top: 3px;
	border-top: 1px solid #F60;
}
.product-detail-description{
	float: left;
	width: 100%;
	color: #666;
	margin-bottom: 10px;
}
.scroll-box-top-line{
	float:left;
}
.scroll-frame{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFF;
}
.scroll-box{
	float: left;
	width: 270px;
	padding: 0;
	margin: 0 0 0 0;
}
.contact-box{
	float:left;
	width: 100%;
	height: auto;
	padding: 13px;
	position: relative;
	z-index: 9;
	border: 1px solid #EEE;
	margin: 0px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.contact-box-title{
	float: left;
	padding: 10px 15px;
	width: 100%;
	height: auto;
	background-color: #0095DA;
	color: #FFF;
	font-size: 13pt;
}
.contact-box-sub-title{
	float: left;
	width: 100%;
	height: auto;
	color: #0095DA;
	font-size: 13pt;
	margin-bottom: 20px;
}
.same-product-frame{
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
}
.same-product{
	float: left;
	width: 100%;
	padding: 0;
	margin: 33px 0 0 0;
	border-top: 1px solid #CCC;
}
.same-product-title{
	float: left;
	position: relative;
	width: auto;
	top:-15px;
	padding-right: 10px;
	margin-bottom: -10px;
	background-color: #FFF;
	font-size: 15pt;
	text-transform: uppercase;
}
.same-product-list{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.same-product-list .post-block {float: left; margin-bottom: 10px; padding: 6px; min-height: 135px }
.same-product-list .post-product-code {font-size: 10pt; font-weight: 400; margin: 5px 0; color: #000; border-top: 1px solid #F90; text-transform: uppercase}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) { 
	
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
.category{padding: 10px 0 10px 0; margin: 0; text-align: left;}
.product-list{float: left; width: 100%; padding: 0; margin: 0 0 20px 0; text-align: left; position: relative;z-index: 999}
	.product-block {float: left;
		 width: 100%; margin: 0 1% 0 0;
	}
.post-block {float: left; margin-bottom: 5px; padding: 10px 0; min-height: auto; border-bottom: 1px solid #DDD; }
.post-product {float: left; margin-bottom: 10px }
.post-product-img {float: left; width: 45%; margin-right: 2%; padding:1px; border: 1px solid #EEE  }
.post-product-img:hover {border: 1px solid #F90; background-color: #EEE  }
.post-product-img img {  border: 1px solid #EEE;}
.post-product-category {float: left; width: 53%;font-size: 9pt; font-weight: 400; margin: -4px 0 0 0; padding: 4px 0 4px 0; color: #005189; border-bottom: 1px solid #DDD}
.post-product-category a{ color: #999 }
.post-product-title {float: left; width: 53%; font-size: 11pt; font-weight: 400; margin: 0; padding: 4px 0 4px 0; height: auto; overflow: hidden; max-height: 100px}
.post-product-title a {font-size: 11pt; line-height: 1.1; font-weight: 500; color: #333}

.category .category-description {float: left; margin: 0 0 10px 0; padding: 0 6px; border-top: 1px solid #DDD; }
.category .category-description .title{float: left; width: 100%; font-size: 22pt; font-weight: 400; color: #0095DA; text-transform: uppercase; margin: 20px 0 10px 0; border-bottom: 1px solid #0095DA;}

.category .category-description .abtract, .category .category-description .content{font-family: 'Roboto', sans-serif; text-align: justify; font-size: 12pt; line-height: 1.3; font-weight: 400; color: #181c18; margin: 20px 0 10px 0; padding: 5px}
.category .category-description .abtract, .category .category-description .content strong {color: #181c18}
.category .category-description .content p{margin: 10px 0}
.category .category-description .abtract {font-family: 'Roboto', sans-serif; font-size: 13; font-weight: 500px;}
.category .category-description .content img{width: 100%; margin: 6px 0; padding: 6px; border: 1px solid #EEE}

	
	.contact-frame{
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
.scroll-box{
	float: left;
	width: 100%;
	padding: 10px;
	margin: 0 0 0 0;
}
.contact-box{
	float:left;
	width: 100%;
	height: auto;
	padding: 13px;
	position: relative;
	z-index: 9;
	border: 1px solid #EEE;
	margin: 0px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
}