@charset "utf-8";

/* CSS Document */


@media only screen and (min-width:320px) and (max-width:1224px) {
.MainWrapper, .TopMainWrapper, .Footer, .IdxContainWrapper, .InnerContainWrapper {
	width:94% !important;
}
img ,.EditorText img {
	max-width:100%;	
}

h2.PageTitle {
	font-size: 30px;
	line-height: 40px;
}
.ResponsiveLogo .ResLogo{
display: inline-block;
}
h1.archive-title {
    text-align: center;
}

.BlogWrap .col1, 
.BlogWrap .col2 {
    float: none;
    width: 100% !important;
	display:block;
	min-height:inherit !important;
}
.BlogWrap .col2{
    margin-bottom: 30px;
} 
/*.BlogWrap .col1{
	margin-bottom:40px;	
}*/
.BlogDetailPageWarp .col1 .ImgWrap,
.BlogDetailPageWarp .col1 .DescWrap,
.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul li{
	text-align:left;
}
.BlogWrap .DownText ul li {  
    margin-bottom: 0px !important;
}
.post-navigation {
    max-width: 100%;
}
.BlogDetailPageWarp .col1 .DescWrap .RedSepLine{
	margin:15px auto;	
}
.navigation.post-navigation .nav-links{
	display: inline-block;	
}
.navigation.post-navigation .nav-links .nav-previous{
	width:48%;
	float:left;
	vertical-align:top;
	box-sizing:border-box;
}
.navigation.post-navigation .nav-links .nav-next{
	width:48%;
	float:right;
	vertical-align:top;	
	box-sizing:border-box;
	margin-bottom: 0px;
}
.BlogDetailPageWarp .BackBtnWrap {
    margin-bottom: 24px;
}

.BlogDetailPageWarp .col1{
	text-align:center;	
}
.BlogDetailPageWarp li,
#comments{
	text-align:left;	
}
.BlogDetailPageWarp .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogDetailPageWarp .col1 .Col .DescWrap {
    float: none;
    width: 100%;
}
.BlogDetailPageWarp .col1 .BackBtnWrap .PinkBorderBtn {
    margin-bottom: 0px;
}

.navigation.post-navigation .nav-links a span {
    line-height: 16px;
}
.BlogDetailContainer h1{
	text-align:center !important;	
}
.archive .page-header .page-title, .search .page-header .page-title, .error404 .page-header .page-title {
    text-align: center;
    display: block;
    font-size: 22px !important;
    line-height: 30px !important;
}
.no-results.not-found .page-content p{
	margin-bottom: 10px;
    line-height: 24px;	
}
	
.BlogWrap ul li {
    width: 49% !important;
    margin: 0 0px 20px !important;
}	
.BlogWrap ul li:last-child {
    margin: 0 0px 0px !important;
}   
.InnerHeaderBg {
    min-height: inherit;
    height: inherit;
    text-align: center;
    margin-top: 0;
}
	
.BlogDetailPageWarp .BlackSepLine {
    margin: 10px auto;
}	
	
.grid li img { 
    margin: 0 auto;
}	 
.BlogDetailPageWarp .col1 .Col .SmallLine {
    margin: 10px auto 20px;
}
/* .Logo a, .LogoCenter a {
    margin: 0 auto; 
} */
.BlogDetailPageWarp .DefaultSepline {
    margin: 10px auto 15px;
}	
.DefaultSepline {
    width: 130px;
}
.BlogDetailPageWarp .col1 .Col .DescWrap hr.sepline {
    margin: 12px auto !important;
}
.BlogDetailPageWarp .col1 .Col .ImgWrap .featured-media-inner img {
    margin: 0px auto;
} 

 
}

@media only screen and (min-width:769px) and (max-width:1024px) {

}

@media only screen and (min-width:481px) and (max-width:768px) {

.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul + .TAC{
    margin-top: 30px;
}
.BlogWrap .col1 ul li{
	width: 100% !important;
    float: none;
    display: block;
	    text-align: center;
}
.DefaultSepline {
    margin: 10px auto !important;
}	
.BlogWrap .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogWrap .col1 ul li .Col .DescWrap {
    float: none;
    width:auto;
    text-align: center;
}
.BlogWrap .col1 ul li .Col .SmallLine {
    margin: 10px auto 15px;
}
.GraySepLine {
    margin: 15px auto;
}	
	
.BlackSepLine {
    margin: 10px auto;
}	
	
.Idx_Top_Header_Wrapper {
    min-height: 150px;
    height: 150px;
}	
	
.Idx_Top_Header_Wrapper .Wrapper .Page_Title {
    font-size: 32px;
    line-height: 24px;
}	
.comments-title, .comment-reply-title {
    font-size: 25px !important;
    line-height: 35px !important;}
hr.sepline {
    margin: 12px auto !important;
}	
.BlogWrap .col1 ul li .Desc,.BlogDescHeight{
    height: inherit !important; 
}
.BlogWrap .col1 ul li .Desc::after{
    display: none;
}
.BlogDetailPageWarp .col1 .Col h4.Title {
    font-size: 35px;
}
	
}

@media only screen and (min-width:320px) and (max-width:480px) {
.Idx_Top_Header_Wrapper {
    min-height: 150px;
    height: 150px;
}
.Idx_Top_Header_Wrapper .Wrapper .Page_Title {
    font-size: 32px;
    line-height: 24px;
}	
.BlogWrap .PinkBorderBtn.BlogMore{
	margin-top:10px;	
}
.BlogWrap .col1 ul li .RedSepLine {
    margin: 15px auto;
}
.BlogWrap h2.Title {
    font-size: 24px;
    line-height: 30px;
}

.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul li{
	width: 100% !important;
    float: none;
    display: block;
	text-align: center;
}
.DefaultSepline {
    margin: 10px auto;
}	
.BlogWrap .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogWrap .col1 ul li .Col .DescWrap {
    float: none;
    text-align: center;
}

.BlogDetailPageWarp table{
	width:100% !important;	
}
.BlogDetailContainer li{
	width:94% !important;	
}
.grid .MediaCol {
    width: 100% !important;
}	
.BlogWrap ul li .ImgWrap .DateWrap {
    top: 10px;
    left: 10px;
}
.InnerHeaderBg .Wrapper .Page_Title {
    font-size: 28px;
}	 
.BlogDetailPageWarp .col1 .Col h4.Title {
    font-size: 30px;
    line-height: 1.2;
}
.GraySepLine {
    margin: 15px auto; 
}	
.BlackSepLine { 
    margin: 10px auto;
}	
.BlogWrap .col1 ul li .Col .SmallLine {
    margin: 10px auto 15px;
}
.InnerHeaderBg .Wrapper h2.Title {
    font-size: 35px;
    line-height: 45px;
}
.comments-title, .comment-reply-title {
    font-size: 24px !important;
    line-height: 34px !important;
}
hr.sepline {
    margin: 12px auto !important;
}   
.BlogWrap .col1 ul li .Desc,.BlogDescHeight{
    height: inherit !important; 
}
.BlogWrap .col1 ul li .Desc::after{
    display: none;
}
h1.archive-title {
    font-size: 25px;
}


.BlogWrap .col1 ul + .TAC{ 
    margin-top: 30px;
}
.Header h3.Title {
    font-size: 35px;
}
.BlogWrap .col1 ul li h4, .BlogWrap .col1 ul li h4 a {
    font-size: 28px;
}

}