@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1024px){
.MainWrapper, .TopMainWrapper, .Footer, .IdxContainWrapper, .InnerContainWrapper{
	width:94%;
}
.Nav{
	display:none;
}
.MinHeight {
	display:none;
}

.TopBg{
	position:relative;
}

/**blog page**/
/*.pagination{
	margin:0px auto !important;	
}*/

.BlogWrap .col1 {
    width: 66.5%;
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
}

.BlogWrap .col1 .BlogList .BlogTopHeading{
	width: 87%;	
}

.BlogWrap .col2{
	padding: 0 0px !important;	
}

.BlogWrap .col1 .post-navigation .nav-previous {
    float: left;
    width: 45%;
}

.BlogWrap .col1 .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 45%;
}

.BlogWrap .col1 .comments-area .comment-list li .comment-body{
	margin-left: 0px;	
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="number"], .comment-form textarea{
	width:100%;	
}

}

@media only screen and (max-width: 980px){
/**blog page**/


}

@media only screen and (max-width: 966px){
/**blog page**/



}

@media only screen and (max-width: 960px){
/**blog page**/



}

@media only screen and (max-width: 950px){
/**blog page**/



}

@media only screen and (max-width: 900px){
/**blog page**/



}

@media only screen and (max-width: 854px) {
	
.BlogWrap .col1 {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-right: 0px;
}

.BlogWrap .col2{
	width: 100%;
    box-sizing: border-box;
    float: right;	
	margin-top: 20px;
}

.BlogWrap .col1 .BlogList .BlogTopHeading {
    width: 90%;
}	
	
/**blog page**/


}

@media only screen and (max-width: 812px) {
	
}

@media only screen and (max-width: 800px) {
	
.BlogWrap .col2{
	margin-top: 20px !important;
}	
	
/**blog page**/


}

@media only screen and (max-width: 773px){
/**blog page**/


}


@media only screen and (max-width: 768px){
/**blog page**/


}

@media only screen and (max-width: 753px){

.BlogWrap .col1 .BlogList .BlogTopHeading {
    width: 89%;
}

.BlogWrap .col1 .post-navigation .nav-previous .nav-title {
    padding-left: 0px;
}

.BlogWrap .col1 .post-navigation .nav-next .nav-title {
    padding-right: 0px;
}

.BlogWrap .col1 .post-navigation .nav-next{
	margin-top:0px;	
}

/**blog page**/

}

@media only screen and (max-width: 736px){
/**blog page**/



}

@media only screen and (max-width: 732px){
/**blog page**/



}

@media only screen and (max-width: 731px){
/**blog page**/



}

@media only screen and (max-width: 720px){
/**blog page**/



}

@media only screen and (max-width: 667px){
	
.BlogWrap .col1 .BlogList .BlogTopHeading {
    width: 88%;
}	
	
/**blog page**/



}

@media only screen and (max-width: 640px){
/**blog page**/



}

@media only screen and (max-width: 604px){
	
.BlogWrap .col1 .BlogList .BlogTopHeading {
    width: 86%;
}	
	
/**blog page**/


}

@media only screen and (max-width: 600px){
/**blog page**/



}

@media only screen and (max-width: 569px){
	
.BlogWrap .col1 .BlogList .DateBg h1{
    font-size: 28px !important;
    line-height: 24px !important;
	
}	
	
/**blog page**/


 
}

@media only screen and (max-width: 568px){
/**blog page**/
	

}

@media only screen and (max-width: 540px){
/**blog page**/



}

@media only screen and (max-width: 533px){
/**blog page**/


}

@media only screen and (max-width:480px){
	
.BlogWrap .col1 .BlogList .BlogTopHeading {
    width: 100%;
    text-align: center;
}	
	
.BlogWrap .col1 .BlogList .DateBg{
	float:none;
	margin:0 auto;
	margin-bottom: 10px;	
}	

.BlogWrap .col1 .BlogList .BlogTopHeading .RedSepLine{
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;	
}

.BlogWrap .col1 .BlogList .BlogTopHeading .ImgWrap{
	text-align:center;	
}

.BlogWrap .col1 .page-header h1.page-title{
	text-align:center;
	line-height:34px !important;	
}

.BlogWrap .col1 .TransRedBtn.FillBackBtn {
    float: right;
    margin-bottom: 20px;
}

.BlogWrap .col1 .post-navigation .nav-previous {
    width: 48%;
}

.BlogWrap .col1 .post-navigation .nav-next {
    width: 48%;
}
	
/**blog page**/



}

@media only screen and (max-width:435px){
/**blog page**/



}

@media only screen and (max-width:424px){
/**blog page**/



}

@media only screen and (max-width:414px){
/**blog page**/



}

@media only screen and (max-width:412px){
/**blog page**/



}
@media only screen and (max-width:411px){
/**blog page**/



}

@media only screen and (max-width:400px){ 
/**blog page**/



}

@media only screen and (max-width:384px){ 

.BlogWrap .col1 .BlogList .DateBg{
	width: 60px;
    height: 60px;	
}

/**blog page**/

}

@media only screen and (max-width:375px){
/**blog page**/



}

@media only screen and (max-width:360px){
/**blog page**/



}

@media only screen and (max-width:320px){
/**blog page**/



}