.blog_page .container{
	width:auto;
	max-width:1600px;
	
}
@media(min-width:1025px){
.blog_page .container{
	
	padding:0 70px;
	
	
}
}
@media(min-width:1200px){
.blog_left{
	width:70%;
	float:left;
	
}
.blog_right{
	width:30%;
	float:left;
	padding-left:30px;
	
}
}
@media(min-width:1400px){
.blog_left{
	width:73%;
	float:left;
	
}
.blog_right{
	width:27%;
	float:left;
	
	
}
}

.subscription_plan h3{
font-size:22px;
font-weight:600;
text-transform: uppercase;
color:#fff;
margin: 0 0 12px;	
}

.blog_card_m{
margin-bottom:50px;	
}

.blog_card_m figure{
	overflow: hidden;
    border-radius: 15px;
    padding-top: 36%;
    position: relative;
  /*  background-color: #f2f2f2;*/
    transition: all 0.3s;
	z-index: 1;
}

.blog_card_m figure > img{
	min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    transition: 0.3s;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    bottom: auto;
    right: auto;
    z-index: 1;
    transition: all 0.3s;
    opacity: 1;
	

}

.blog_card_m article{
position: relative;	
padding:28px 10px 0;
}
.blog_card_m article img{
    max-height: 440px !important;
    height: auto !important;
    width: auto !important;
    border-radius: 10px;
}

.blog_card_m article > span{
display: inline-block;
position: absolute;
text-transform: uppercase;
font-size: 14px;
color: #fff;
font-weight: 500;
background-color: #6699ff;
padding: 6px 12px;
border-radius: 4px;
top: -15px;
left: 10px;
z-index: 2;
}

.blog_card_m h2 a{
font-size:20px;
font-weight:600;	
display: block;
}

.blog_card_m h2 a:hover{
text-decoration: underline;
}

.blog_card_m p{
font-size:16px;	
margin: 12px 0 15px;
}

.blog_card_m p > a{
color: #06B56D;
font-weight: 500;
}

.blog_date{
text-transform: capitalize;
color: #575757;
font-size: 14px;
}

.blog_share{
list-style: none;
margin: 0;
padding:0;
text-align: right;
}

.blog_share li{
display: inline-block;
margin-left: 5px;
margin-bottom:4px;
	}

.blog_share li a{
display: inline-block;
background-color: #f6f7f8;
color: #000;
font-size: 15px;
text-align: center;
padding: 2px;
line-height: 1.7;
width: 32px;
height: 28px;
border-radius: 2px;
transition: 0.4s;
}

.blog_share li a:hover{
transition: 0.4s;
background-color: #000;
color:#f6f7f8;
	}

.blog_share li:nth-child(1){
font-size: 14px;
color: #575757;
}	

.blog_sidebar{
background-color:#eff5ff;
padding:15px 22px;
border-radius:8px;	
}

.search_blog{
position: relative;	
}

.search_blog input[type="text"],
.search_blog input[type="search"]{
background-color: #0033cc;
padding: 10px 45px 10px 18px;
width: 100%;
border-radius: 100px;
border: none;
color: #fff;
font-size: 16px;	
}

.search_blog input[type="submit"]{
background-image: url(../images/search-b.png);
background-repeat: no-repeat;
position: absolute;
top: 4px;
background-color: transparent;
padding: 0;
width: 30px;
height: 35px;
margin: 0;
right: 12px;
background-position: center;
cursor: pointer;
}

.search_blog input[type="submit"]:hover{
box-shadow: none;
	}

.search_blog input[type="search"]::-webkit-input-placeholder,
.search_blog input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity: 1;
}
.search_blog input[type="search"]::-moz-placeholder,
.search_blog input[type="text"]::-webkit-input-placeholder { /* Firefox 19+ */
opacity: 1;
}
.search_blog input[type="search"]:-ms-input-placeholder,
.search_blog input[type="text"]::-webkit-input-placeholder { /* IE 10+ */
 opacity: 1;
}
.search_blog input[type="search"]:-moz-placeholder,
.search_blog input[type="text"]::-webkit-input-placeholder { /* Firefox 18- */
opacity: 1;
}	

.blog_sidebar > h3{
text-transform: uppercase;
color: #000;
font-weight: 600;
padding: 10px 0;
border-bottom: 1px solid #acc8ff;
margin: 15px 0;	
}

.blog_sidebar > ul,
.popular_blog ul{
list-style: none;
margin: 0 0 15px;
padding: 0;	
}

.blog_sidebar > ul li{
display: block;
position: relative;
padding: 0 0 12px 25px;
font-size: 17px;
	}

.blog_sidebar > ul li a:hover{
text-decoration: underline;
}	

.blog_sidebar > ul li:before{
content: "";
position: absolute;
left: 0;
top: 6px;
background-image: url(../images/b-bullet.png);
background-repeat: no-repeat;
background-position: center;
width: 14px;
height: 13px;
}	

.popular_blog ul li{
display: block;
padding: 15px 0;
border-bottom:1px solid #cbd0d9;
}

.popular_blog ul li figure{
width:90px;
height: 85px;
position: relative;
overflow: hidden;
float:left;
border-radius: 8px;
	}

.popular_blog ul li figure > img{
min-height: 100%;
min-width: 100%;
max-width: none;
transition: 0.3s;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
bottom: auto;
right: auto;
}	

.popular_blog ul li article{
overflow: hidden;
padding-left: 12px;
font-size:16px;	
}

.popular_blog ul li article h3{
font-weight:600;
margin: 0 0 8px;
}

.popular_blog ul li article p{
color: #595959;
margin:0;
}

.popular_blog ul li:last-child{
border: none;	
}

@media(max-width:1300px){
.blog_share li{
margin-left: 3px;
}
}

@media(max-width:767px){
.blog_card_m figure {
	height: auto;
	border-radius:5px;
	padding:0;
}
.blog_card_m figure > img{
  position: static;
  transform: none;
  max-width: 100%;
}

.blog_share{
text-align: left;
margin:10px 0 0;	
}

.blog_share li{
margin: 0 5px 0 0;	
}

}

@media(max-width:500px){
.popular_blog ul li article{
font-size:14px;	
}

.blog_card_m {
    margin-bottom: 30px;
}

}

.blog_detail_card figure{
height:auto;
padding:0;
border-radius:20px;
background:none;
}
.blog_detail_card figure > img{
position:static;
transform:none;
min-width:0;
border-radius:20px;
min-height:0;
max-width:100%;
max-height:420px;
}
.blog_detail_card article{
padding-top:10px;	
}

.blog_detail_card .blog_date{
font-size:16px;	
}

.blog_detail_card h2{
font-size:28px;
margin-top:10px; 	
}

.keep_search{
margin: 25px 0 20px;
background-color: #f2f0f1;
padding: 10px 15px 15px;
border-radius: 15px;
font-size: 20px;
}

.keep_search a{
color:#6699ff;
text-transform: uppercase;
} 

.keep_search a:hover{
text-decoration: underline;
	}

.blog_detail_card .blog_share li a{
width: auto;
height: auto;
padding: 4px 15px;
margin-bottom:5px;
}	

@media(max-width:767px){

.blog_detail_card .blog_share li a{
padding: 4px 8px;	
}

.blog_detail_card figure{
height: auto;
padding:0;
}

.blog_detail_card figure > img{
position: static;
transform: translate(0,0);
max-width: 100%;
width: 100%;	
min-height:0;
}

.blog_detail_card .blog_date {
    font-size: 14px;
}

.blog_detail_card h2 {
    font-size: 22px;
}

.keep_search{
font-size:18px;	
}

}
.mytable{
	display:table;
}
.mycol_1{
	width:10%;
	float:left;
}
.mycol_2{
	width:20%;
	float:left;
}
.mycol_3{
	width:30%;
	float:left;
}
.mycol_4{
	width:40%;
	float:left;
}
.mycol_5{
	width:50%;
	float:left;
}
.mycol_6{
	width:60%;
	float:left;
}
.mycol_7{
	width:70%;
	float:left;
}
.mycol_8{
	width:80%;
	float:left;
}
.mycol_9{
	width:90%;
	float:left;
}
.mycol_10{
	width:100%;
	float:left;
}
@media(min-width:897px){
.mytable .mycol_1, .mytable .mycol_2, .mytable .mycol_3, .mytable .mycol_4, .mytable .mycol_5, .mytable .mycol_6, .mytable .mycol_7, .mytable .mycol_8, .mytable .mycol_9, .mytable .mycol_10{
	display:table-cell;
	float:none;
	vertical-align:top;
}
}


.mytable div[class*="mycol"] + div[class*="mycol"] {
	padding-left:30px;
}



.blog_detail_card article img{
	height:auto !important;
	width:auto !important;
	max-height:600px;
}
.tag3 {
    background: #8c8c8c;
    color: #fff;
    text-align: center;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 27px;
    top: -9px;
    z-index: 2;
    border-radius: 4px;
    text-transform: uppercase;
}

.tag3.left_align {
	right:auto;
	left:15px;
}
.blog_detail_card{
	position:relative;
}
.blog_sidebar ul li{
	position:relative;
}

.blog_sidebar ul li .tag3.left_align{
	top:5px;
	left:-5px;
}


.event_list figure span, .blog_detail_card figure span {
	background-color: rgba(255, 255, 255, 0.8) !important;
}
.blog_sidebar {
	background:#fff;
}
.blog_share li a {
  display: inline-block;
  background-color: #fff;
  
}