@media only screen and (min-width :220px) and (max-width :320px) {
#cssmenu ul li{margin-top:7px}
.bannerWrapper{background-position: -80px 50px}
.bannerWrapper .caption{width: 90%;left:5%;right: 5%;min-height: 110px;}
.bannerWrapper .caption h2{font-size: 20px; line-height: 30px;}
.bannerWrapper .caption h2 .eventDate{bottom: -25px;right:0}
.bannerWrapper .caption .userIcon{padding-bottom:20px}
.topBar .pagination{margin:10px 0}
.topBar{width:90%; margin:10px 5% 0 5%}
.topBar .searchForm {float:left;width: 100%;}
.topBar .searchForm select, .topBar .searchBlog input{width:100%;height:32px; font-size:11px; padding:5px; margin:0;background-size: 11px;}
.topBar .searchBlog{float:right;width:100%; margin:10px 0 0 0}
.topBar .searchBlog .searchInp{width:85%}
.topBar .searchBlog .searchBlogBtn{width:32px;height:32px; background-size: 32px;}
select.dropdown{background-position: 95% 11px;}
.blogWrapper{width:90%; padding:20px 5%}
.blogWrapper .blogCard{width:100%; margin:0 0 30px 0;min-height: auto; padding: 0 0 20px 0;}
.loadmore_blog{width:90%; margin:0 5% 50px 5%}
.bannerWrapper.detail{height: 382px;background-position: center;}
.about_the_author{padding-top: 0; margin: 0 2%; width: 96%;}
.replyRow{margin: 0 5% 40px 5%;width: 90%;}
.replyRow .commentsTitleRow{width:72%}
.replyRow .commentsTitleRow .comment_date{margin-left:0;font-size:12px;width:100%}
.replyRow .commentsTitleRow .replyBtn{font-size:12px;float:left;margin-left:30px}
.postCommentRow {width:90%;padding: 0px 5%;}
.postCommentRow .colLeft{width:100%}
.postCommentRow .colLeft .titleRow{margin-bottom:10px}
.postCommentRow .colLeft .titleRow{font-size:14px}
.postCommentRow .colLeft .titleRow .sep{height:20px}
.postCommentRow .colRight{width:100%; margin-top:50px}
.postCommentRow .colRight .titleRow{font-size:14px}
.postCommentRow .colRight .iconRow{margin:0}
.postCommentRow .colRight .iconRow figure{width:102px}
.replyWrapper .LeaveaReply{font-size:14px;}
.replyWrapper .LeaveaReply a{margin-left:5px;}
#footer{padding:0}
#footer .footerRow{display:none;}
#footer .copyright{text-align:center;padding:20px 0}
#footer .copyright .comodo-logo{float:none!important}
.tag_row span{width:100%;margin:0 0 20px 0}
.blogWrapper .blogHRow p img{width:100%!important; text-align:center!important}
.replyModal .modal-dialog{width:94%}
}

@media only screen and (min-width :321px) and (max-width :480px) {
#cssmenu ul li{margin-top:7px}
.bannerWrapper{background-position: -80px 50px}
.bannerWrapper .caption{width: 90%;left:5%;right: 5%;min-height: 110px;}
.bannerWrapper .caption h2{font-size: 20px; line-height: 30px;}
.bannerWrapper .caption h2 .eventDate{bottom: -25px;}
.bannerWrapper .caption .userIcon{padding-bottom:20px}
.topBar .pagination{margin:10px 0}
.topBar{width:90%; margin:10px 5% 0 5%}
.topBar .searchForm {float:left;width: 100%;}
.topBar .searchForm select, .topBar .searchBlog input{width:100%;height:32px; font-size:12px; padding:5px; margin:0;background-size: 14px;}
.topBar .searchBlog{float:right;width:100%; margin:10px 0 0 0}
.topBar .searchBlog .searchInp{width:88%}
.topBar .searchBlog .searchBlogBtn{width:32px;height:32px; background-size: 32px;}
select.dropdown{background-position: 95% 8px;}
.blogWrapper{width:90%; padding:20px 5%}
.blogWrapper .blogCard{width:100%; margin:0 0 30px 0;min-height: auto; padding: 0 0 20px 0;}
.loadmore_blog{width:90%; margin:0 5% 50px 5%}
.bannerWrapper.detail{height: 382px;background-position: center;}
.about_the_author{padding-top: 0; margin: 0 2%; width: 96%;}
.replyRow{margin: 0 5% 40px 5%;width: 90%;}
.replyRow .commentsTitleRow{width:72%}
.replyRow .commentsTitleRow .comment_date{margin-left:0;font-size:12px;width:100%}
.replyRow .commentsTitleRow .replyBtn{font-size:12px;float:left;margin-left:30px}
.postCommentRow {width:90%;padding: 0px 5%;}
.postCommentRow .colLeft{width:100%}
.postCommentRow .colLeft .titleRow{margin-bottom:10px}
.postCommentRow .colLeft .titleRow{font-size:14px}
.postCommentRow .colLeft .titleRow .sep{height:20px}
.postCommentRow .colRight{width:100%; margin-top:50px}
.postCommentRow .colRight .titleRow{font-size:14px}
.postCommentRow .colRight .iconRow{margin:0}
.postCommentRow .colRight .iconRow figure{width:102px}
.replyWrapper .LeaveaReply{font-size:14px;}
.replyWrapper .LeaveaReply a{margin-left:5px;}
#footer{padding:0}
#footer .footerRow{display:none;}
#footer .copyright{text-align:center;padding:20px 0}
#footer .copyright .comodo-logo{float:none!important}
.tag_row span{width:100%;margin:0 0 20px 0}
.tag_row a{margin:0 10px 0 0}
.blogWrapper .blogHRow p img{width:100%!important; text-align:center!important}
.replyModal .modal-dialog{width:94%}
}
@media only screen and (min-width :481px) and (max-width :640px) {

	
}