/*18 jan*/
.blog-area{width:100%; font-size:0;}
.blog-blocks{width:48%; display:inline-block; vertical-align:top; margin:0.2% 1% 2% 1%; box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 4px; padding: 1.3vw;}
.blog-blocks figure{width:40%; display:inline-block; vertical-align:top;}
.blog-blocks figure img{box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 4px; border: solid 0.3vw #fff; transform: scale(1); transition: all 0.6s;}
.blog-blocks figcaption{width:60%; display:inline-block; vertical-align:top; padding: 0 0 0 1.5vw;}
.cat-head{display:block; font-size:0.9vw; font-weight: 500; color:#ff3d55; margin-bottom:0.8vw;}
.cat-pera{display:block; font-size:1.4vw; font-weight: 500; margin-bottom:1vw;}
.cat-by{display:block; font-size:0.8vw; color:#58c439;}
.pad01{margin:0 0.5vw 0 0;}
.pad02{margin:0 0.5vw 0 2vw;}
.blog-blocks:hover figure img{transition: all 0.6s; transform: scale(1.03);}
.page-numbers{width: auto; display: block; margin: 2vw 0 0 0;}
.page-numbers ul{margin: 0; padding: 0;}
.page-numbers li{list-style-type: none; display: inline-block; font-size: 0.9vw; border: solid 1px #ccc; color: #000; text-align: center; vertical-align: top; margin: 0; padding: 0.5vw;}
.page-numbers li:hover{ background: #f16b46; color: #fff; border: solid 1px #f16b46;}
.page-numbers a{padding: 0.5vw;}
.page-numbers li:hover a{color: #fff; padding: 0.5vw;}
.page-numbers .active {background: #f16b46; color: #fff; border: solid 1px #f16b46;}
.page-numbers .active a{background: #f16b46; color: #fff; border: solid 1px #f16b46;}


.blog-area-inside{width: 100%; font-size: 0; margin: 3vw 0 0 0;}
.blog-area-left{width: 65%; display: inline-block; margin: 0 3% 0 0; vertical-align: top;}
.blog-area-right{width: 32%; display: inline-block; margin: 0; vertical-align: top;}
.blog-inside-titles{margin: 0 0 2vw 0;}
.cat-pera02{display:block; font-size:1.7vw; font-weight: 500; margin-bottom:1vw;}

.blog-inside-pic{box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 4px; border: solid 0.5vw #fff; transform: scale(1); transition: all 0.6s; margin: 0 0 2.5vw 0;}

.social-share-btns-container {
  font-size: 0;
  margin:3vw 0; width: 100%; background: #fff; padding: 1vw; text-align: right; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 2vw;
}

.social-share-btns-container h4{ font-size: 1vw; font-weight: bold; float: left; vertical-align: middle; margin: 0.5vw 0 0 1vw; text-transform: uppercase; color: #000;}

.social-share-btns {
  display: inline-block;
  overflow: hidden;
}
.social-share-btns .share-btn {
  float: left;
  margin: 0 0.5vw;
  padding: 0.5vw 0.8vw;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8vw;
  line-height: 1.2vw;
  vertical-align: middle;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.social-share-btns .share-btn i {
  margin-right: 5px;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}

.share-btn {
  background-color: #95a5a6;
}
.share-btn:hover {
  background-color: #798d8f;
}

.share-btn-twitter {
  background-color: #00aced;
}
.share-btn-twitter:hover {
  background-color: #0087ba;
}

.share-btn-facebook {
  background-color: #3b5998;
}
.share-btn-facebook:hover {
  background-color: #2d4373;
}

.share-btn-google {
  background-color: #db4a39;
}
.share-btn-google:hover {
  background-color: #bb2e1d;
}

.share-btn-linkedin {
  background-color: #007bb6;
}
.share-btn-linkedin:hover {
  background-color: #005983;
}
.blog-area-right-block{width:100%; display:block; font-size: 0; padding:2vw 2vw 1vw 2vw; border-top: solid 0.3vw #ff828e; box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 4px; margin: 0 0 2.5vw 0;}
.blog-area-right-block h3{font-size:1.3vw; font-weight:500; text-align:left; margin:0 0 1.5vw 0;}

.blog-area-right-block figure{width:40%; display:inline-block; vertical-align:top;}
.blog-area-right-block img{box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 4px; border: solid 0.3vw #fff;}
.blog-area-right-block figcaption{width:60%; display:inline-block; vertical-align:top; padding: 0 0 0 1.5vw;}
.cat-pera03{display:block; font-size:1.1vw; font-weight: 500; margin-bottom:1vw;}

.r-post{margin: 0 0 2.3vw 0; transform: scale(1); transition: all 0.6s;}
.r-post:hover{transition: all 0.6s; transform: scale(1.03);}

.blog-categories{width: auto; display: block;}
.blog-categories ul{margin: 0; padding: 0;}
.blog-categories li{list-style-type: none; width: auto; display: inline-block; font-size: 0.8vw;  color: #000; text-align: center; vertical-align: middle; margin: 0 0.7vw 0.7vw 0; border: solid 1px #d8d8d8;}
.blog-categories .active a {display: inline-block; color: #fff !important; background: #ff828e;}
.blog-categories a {display: block; width: auto; padding: 0.7vw;}
.blog-categories a:hover{display: block; color: #fff; background: #ff828e;}

@media screen and (max-width:767px) {
/*18 jan*/
.blog-blocks{width:100%; display:block; margin:0.2% 0.2% 6% 0.2%; padding: 4vw;}
.blog-blocks figure{width:100%; display:block; margin: 0 0 3.5vw 0;}
.blog-blocks figure img{border: solid 1.2vw #fff;}
.blog-blocks figcaption{width:100%; display:block; padding: 0;}
.cat-head{display:block; font-size:3vw; margin-bottom:2vw;}
.cat-pera{display:block; font-size:4.2vw; margin-bottom:3vw;}
.cat-by{display:block; font-size:2.8vw;}
.pad01{margin:0 1.5vw 0 0;}
.pad02{margin:0 1.5vw 0 4vw;}
.page-numbers{margin: 7vw 0;}
.page-numbers li{font-size: 3vw; padding: 2.5vw;}
	
.blog-area-inside{margin: 3vw 0 0 0;}
.blog-area-left{width: 100%; display: block; margin: 0 0 5% 0;}
.blog-area-right{width: 100%; display: block;}
.blog-inside-titles{margin: 0 0 4vw 0;}
.cat-pera02{font-size:4.2vw; margin-bottom:3vw;}
.blog-inside-pic{border: solid 1.2vw #fff; margin: 0 0 3.5vw 0;}
.social-share-btns-container {margin:8vw 0; padding: 3vw; text-align: center; border-radius: 4vw;}
.social-share-btns-container h4{font-size: 4vw; float: none; display: block; text-align: center;  margin: 1vw 0 3vw 0;}
.social-share-btns .share-btn {margin: 5px; font-size: 2vw;}
		
.blog-area-right-block{padding:3vw 3vw 2vw 3vw; margin: 0 0 5vw 0; border-top: solid 1vw #ff828e;}
.blog-area-right-block h3{font-size:4vw; margin:0 0 3vw 0; text-align: center;}
.blog-area-right-block figure{width:100%; display:block; margin: 0 0 3.5vw 0;}
.blog-area-right-block img{border: solid 1.2vw #fff;}
.blog-area-right-block figcaption{width:100%; display:block; padding: 0;}
.cat-pera03{font-size:4.2vw; margin-bottom:3vw;}
.r-post{margin: 0 0 7vw 0;}
	
.blog-categories li{font-size: 2.5vw; margin: 0 1.5vw 1.5vw 0;}
.blog-categories a {padding: 2vw;}

}

.blog {
  background: #ed7900;
  color: white;
}