
.post-holder {margin-bottom: 30px; }
.post-block { float: left;  margin-bottom: 20px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); padding: 20px 10px }

.post-news { margin-bottom: 0; padding: 20px 10px; min-height: 140px; border-bottom: 1px solid #EEE; }
.post-news:hover {}
.post-news-img { padding:1px; border: 1px solid #F3F3F3;background-color: #F6F6F6 }
.post-news-img:hover > .post-news-img img {width: 120%;}
.post-news-img img {width: 100%;  border: 1px solid #EEE;}
.post-news-title { font-family: 'Roboto Slab', serif; float: left; width: 100%; font-size: 14pt; line-height: 1.3; font-weight: 500; color: #005189}
.post-news-title a { font-family: 'Roboto Slab', serif; float: left; width: 100%; font-size: 15pt; line-height: 1.3; font-weight: 500; color: #005189}
.post-news-title a:hover {color: #f58220}
.post-news-info { float: left; width: 100%; font-size: 10pt; margin: 3px 0 3px 0;color: #F60; text-align: justify}
.post-news-info i {margin-right: 5px }
.post-news-info strong { color: #F60; margin-right: 10px }
.post-news-info span { color: #0095DA; font-weight: 500 }
.post-news-abtract {text-align: justify; color:#888; font-size: 11pt;  line-height: 1.5; padding-top: 5px; margin-top: 5px}
.service-block {float: left; width: 100%; min-height: 120px; margin: 0 0 30px 0; padding: 0}
.post-category-block {float: left; width: 100%; margin: 0; padding: 3px 6px; min-height: 290px;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}



/*==========  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) {
.blog{padding: 0; margin-bottom: 0; text-align: left;}
.post-holder { float: left; margin: 10px 0 30px 0; padding: 0 }

.post-block {margin-bottom: 20px; box-shadow: none; padding: 0}
.post-news {float: left; margin: 0 0 20px 0; padding: 0 0 20px 0; min-height: auto; border-bottom: 1px solid #005189;}
.post-news-title {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #EEE}
.post-news-title a {font-size: 14pt; line-height: 1.4; font-weight: 600; color: #005189; margin: 5px 0}
.post-news-info {float: left; font-size: 11pt; margin: 3px 0; padding: 0}
.post-news-info strong, .post-news-info span  {float: left; font-size: 10pt; margin: 3px 15px 3px 0; color: #333}
.post-news-info strong i  {display: none}
.post-news-abtract {text-align: left; color:#666; font-size: 12pt;  line-height: 1.5; padding-top: 5px; margin-top: 5px}
.service-block {float: left; min-height: auto; margin-top: 10px;}
.post-category-block {min-height: 200px;margin-bottom: 10px;background-color: #EEE; width: 49%; margin-left: 1%}
.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}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
}
