/* Style for PCs */
@media screen and (min-width: 1025px) {

#blogmm {
width:100%;
max-width:1400px;
height: auto;
display: block;
margin:0 auto;
padding: 60px 5%;
}

#blogmm #bmleft {
width:70%;
height: auto;
display: block;
float: left;
}

#blogmm #bmleft .post {
width:auto;
height: auto;
display: block;
margin-bottom: 30px;
background-color: #fafafa;
padding:50px 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.20);
padding-bottom: 10px;
}

#blogmm #bmleft .bmtitle {
width:100%;
height: auto;
display: block;
}

#blogmm #bmleft .bmtitle h2 {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(93,98,81,1.00);
font-size:22px;
font-weight: 700;
line-height: 1.4em;
color:rgba(43,50,38,1.00);
padding-bottom: 10px;
}
#blogmm #bmleft .bmtitle h2 a {
text-decoration: none;
color:rgba(43,50,38,1.00);
}

#blogmm #bmleft .bmtitle .blog_info {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-size: 18px;
}
#blogmm #bmleft .bmtitle .blog_info ul {
width:auto;
height: auto;
display: block;
text-align: right;
}
#blogmm #bmleft .bmtitle .blog_info li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding-right: 10px;
font-size:0.8em;
line-height:2em;
}



#blogmm #bmright {
width:25%;
height: auto;
display: block;
float: right;
}

#blogmm #bmright .bmcc {
width:auto;
height: auto;
display: block;
margin-bottom: 40px;
padding:25px;
background-color: #fafafa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 5px rgba(0,0,0,0.20);
}
#blogmm #bmright .bmcc h3 {
font-size:14px;
letter-spacing: 0px;
font-family: 'Questrial', sans-serif;
color:rgba(43,50,38,1.00);
line-height: 1.25em;
margin-bottom: 15px;
}
#blogmm #bmright .bmcc ul li {
font-size:12px;
line-height: 1.4em;
list-style: none;
border-bottom: 1px dotted rgba(117,121,111,0.50);
}
#blogmm #bmright .bmcc ul li a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:rgba(43,50,38,1.00);
padding:8px 5px;
-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#blogmm #bmright .bmcc ul li a:hover {
color: #fff;
background-color:rgba(43,50,38,1.00);
}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

#blogmm {
width:100%;
height: auto;
display: block;
margin:0 auto;
padding: 60px 5%;
}

#blogmm #bmleft {
width:70%;
height: auto;
display: block;
float: left;
}

#blogmm #bmleft .post {
width:auto;
height: auto;
display: block;
margin-bottom: 30px;
background-color: #fafafa;
padding:50px 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.20);
padding-bottom: 10px;
}

#blogmm #bmleft .bmtitle {
width:100%;
height: auto;
display: block;
}

#blogmm #bmleft .bmtitle h2 {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(93,98,81,1.00);
font-size:22px;
font-weight: 700;
line-height: 1.4em;
color:rgba(43,50,38,1.00);
padding-bottom: 10px;
}
#blogmm #bmleft .bmtitle h2 a {
text-decoration: none;
color:rgba(43,50,38,1.00);
}

#blogmm #bmleft .bmtitle .blog_info {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-size: 18px;
}
#blogmm #bmleft .bmtitle .blog_info ul {
width:auto;
height: auto;
display: block;
text-align: right;
}
#blogmm #bmleft .bmtitle .blog_info li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding-right: 10px;
font-size:0.8em;
line-height:2em;
}



#blogmm #bmright {
width:25%;
height: auto;
display: block;
float: right;
}

#blogmm #bmright .bmcc {
width:auto;
height: auto;
display: block;
margin-bottom: 40px;
padding:25px;
background-color: #fafafa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 5px rgba(0,0,0,0.20);
}
#blogmm #bmright .bmcc h3 {
font-size:14px;
letter-spacing: 0px;
font-family: 'Questrial', sans-serif;
color:rgba(43,50,38,1.00);
line-height: 1.25em;
margin-bottom: 15px;
}
#blogmm #bmright .bmcc ul li {
font-size:12px;
line-height: 1.4em;
list-style: none;
border-bottom: 1px dotted rgba(117,121,111,0.50);
}
#blogmm #bmright .bmcc ul li a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:rgba(43,50,38,1.00);
padding:8px 5px;
-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#blogmm #bmright .bmcc ul li a:hover {
color: #fff;
background-color:rgba(43,50,38,1.00);
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

#blogmm {
width:100%;
height: auto;
display: block;
margin:0 auto;
padding: 60px 5%;
}

#blogmm #bmleft {
width:100%;
height: auto;
display: block;
margin-bottom: 50px;
}

#blogmm #bmleft .post {
width:auto;
height: auto;
display: block;
padding-bottom: 30px;
border-bottom: 1px dotted #999;
margin-bottom: 50px;
padding-bottom: 10px;
}

#blogmm #bmleft .bmtitle {
width:100%;
height: auto;
display: block;
}

#blogmm #bmleft .bmtitle h2 {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(93,98,81,1.00);
font-size:22px;
font-weight: 700;
line-height: 1.4em;
color:rgba(43,50,38,1.00);
padding-bottom: 10px;
}
#blogmm #bmleft .bmtitle h2 a {
text-decoration: none;
color:rgba(43,50,38,1.00);
}

#blogmm #bmleft .bmtitle .blog_info {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-size: 18px;
}
#blogmm #bmleft .bmtitle .blog_info ul {
width:auto;
height: auto;
display: block;
text-align: right;
}
#blogmm #bmleft .bmtitle .blog_info li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding-right: 10px;
font-size:0.8em;
line-height:2em;
}



#blogmm #bmright {
width:100%;
height: auto;
display: block;
}

#blogmm #bmright .bmcc {
width:auto;
height: auto;
display: block;
margin-bottom: 40px;
padding:25px;
background-color: #fafafa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 5px rgba(0,0,0,0.20);
}
#blogmm #bmright .bmcc h3 {
font-size:14px;
letter-spacing: 0px;
font-family: 'Questrial', sans-serif;
color:rgba(43,50,38,1.00);
line-height: 1.25em;
margin-bottom: 15px;
}
#blogmm #bmright .bmcc ul li {
font-size:12px;
line-height: 1.4em;
list-style: none;
border-bottom: 1px dotted rgba(117,121,111,0.50);
}
#blogmm #bmright .bmcc ul li a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:rgba(43,50,38,1.00);
padding:8px 5px;
-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#blogmm #bmright .bmcc ul li a:hover {
color: #fff;
background-color:rgba(43,50,38,1.00);
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

#blogmm {
width:100%;
height: auto;
display: block;
margin:0 auto;
padding: 60px 5%;
}

#blogmm #bmleft {
width:100%;
height: auto;
display: block;
margin-bottom: 50px;
}

#blogmm #bmleft .post {
width:auto;
height: auto;
display: block;
padding-bottom: 30px;
border-bottom: 1px dotted #999;
margin-bottom: 50px;
padding-bottom: 10px;
}

#blogmm #bmleft .bmtitle {
width:100%;
height: auto;
display: block;
}

#blogmm #bmleft .bmtitle h2 {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(93,98,81,1.00);
font-size:22px;
font-weight: 700;
line-height: 1.4em;
color:rgba(43,50,38,1.00);
padding-bottom: 10px;
}
#blogmm #bmleft .bmtitle h2 a {
text-decoration: none;
color:rgba(43,50,38,1.00);
}

#blogmm #bmleft .bmtitle .blog_info {
width:100%;
height: auto;
display: block;
padding-top:10px;
}
#blogmm #bmleft .bmtitle .blog_info ul {
width:auto;
height: auto;
display: block;
text-align: right;
}
#blogmm #bmleft .bmtitle .blog_info li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding-right: 10px;
font-size:0.8em;
line-height:2em;
}



#blogmm #bmright {
width:100%;
height: auto;
display: block;
}

#blogmm #bmright .bmcc {
width:auto;
height: auto;
display: block;
margin-bottom: 40px;
padding:25px;
background-color: #fafafa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 5px rgba(0,0,0,0.20);
}
#blogmm #bmright .bmcc h3 {
font-size:14px;
letter-spacing: 0px;
font-family: 'Questrial', sans-serif;
color:rgba(43,50,38,1.00);
line-height: 1.25em;
margin-bottom: 15px;
}
#blogmm #bmright .bmcc ul li {
font-size:12px;
line-height: 1.4em;
list-style: none;
border-bottom: 1px dotted rgba(117,121,111,0.50);
}
#blogmm #bmright .bmcc ul li a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:rgba(43,50,38,1.00);
padding:8px 5px;
-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#blogmm #bmright .bmcc ul li a:hover {
color: #fff;
background-color:rgba(43,50,38,1.00);
}

}

.blogpost img{
	max-width: 100%;
	width: auto;

}