.header ,.webhaa-main-class {
	width:960px;
}

.topmnu  {
	width:650px;
}

.search {
	width:245px;
	height:35px;
}


.st {
	height:13px;
	width:158px;
}

.sti {
	height:35px;
	width:63px;
}


.top-box-item {
	width:170px;
	height: 170px;
}

.top-box-more {
	width:48px;
	height:170px;
}
	
.posts-bx {
	width:510px;
	right:190px;
}

.post-bx {
	width:508px;
}


.right-sidebar {
	width:190px;
	right:-530px;
}

.right-box {
	width:188px;
}

.left-sidebar {
	width:240px;
}

.left-box {
	width:238px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:488px ;
}

.footer-box{
	width:980px;
}


@media (min-width:1200px) {

.header ,.webhaa-main-class {
	width:1160px;
}

.topmnu  {
	width:650px;
}

.search {
	width:245px;
	height:35px;
}


.st {
	height:13px;
	width:158px;
}

.sti {
	height:35px;
	width:63px;
}

.top-box-item {
	width:210px;
	height: 210px;
}

.top-box-more {
	width:48px;
	height:210px;
}
	
.posts-bx {
	width:630px;
	right:230px;
}

.post-bx {
	width:628px;
}


.right-sidebar {
	width:230px;
	right:-650px;
}

.right-box {
	width:228px;
}

.left-sidebar {
	width:280px;
}

.left-box {
	width:278px;
}


.footer-box {
	width:1180px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:608px ;
}


}

@media (min-width:740px) and (max-width:979px) {

.header ,.webhaa-main-class {
	width:720px;
}

.topmnu  {
	width:440px;
}

.search {
	width:245px;
	height:35px;
}


.st {
	height:13px;
	width:158px;
}

.sti {
	height:35px;
	width:63px;
}



.top-box-item {
	width:125px;
	height: 125px;
}


.top-box-item img {
	width:100% !important ;
	height:100% !important ;
}

.top-box-more {
	width:33px;
	height:125px;
}
	
.posts-bx {
	width:720px;
	right:-10px;
}

.post-bx {
	width:718px;
}


.right-sidebar {
	width:320px;
	right:0px;
	margin: 0px 0px 0px 0px;
}

.right-box {
	width:318px;
}

.left-sidebar {
	width:390px;
	margin: 0px 0px 0px 0px;
}

.left-box {
	width:388px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:698px ;
}

.footer-box{
	width:740px;
}
}


@media (min-width:480px) and (max-width:739px) {

.header ,.webhaa-main-class {
	width:460px;
}


.topmnu  {
	width:190px;
	margin:2px 0px 0px 5px ;
}

.bx-wbh-nav {
	display:block;
}

#wbh-nav {
	display:none;
}
	
.topmnu ul li {
	width:190px;
	margin:0px;
}

.search {
	width:230px;
	height:35px;
	margin:2px 0px 0px 0px;
}


.st {
	height:13px;
	width:143px;
}

.sti {
	height:35px;
	width:65px;
}


.top-box-body {
	width:468px;
	margin:0px 1px 0px 1px ;
}

.top-box-item {
	width:144px;
	height: 144px;
}


.top-box-item img {
	width:100% !important ;
	height:100% !important ;
}

.top-box-more {
	width:144px;
	height:144px;
	margin:0px 0px 10px 10px ;
}
	
.posts-bx {
	width:460px;
	right:-10px;
}

.post-bx {
	width:458px;
}


.right-sidebar {
	width:210px;
	right:0px;
	margin: 0px 0px 0px 0px;
}

.right-box {
	width:208px;
}

.left-sidebar {
	width:240px;
	margin: 0px 0px 0px 0px;
}

.left-box {
	width:238px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:438px ;
}

.footer-box{
	width:480px;
}
}





@media (min-width:320px) and (max-width:479px) {

.header ,.webhaa-main-class {
	width:280px;
}



.topmnu  {
	width:240px;
	margin:2px 0px 0px 0px ;
}

.bx-wbh-nav {
	display:block;
}

#wbh-nav {
	display:none;
}
	
.topmnu ul li {
	width:280px;
	margin:0px;
}

.search {
	width:240px;
	height:35px;
	margin:2px 5px 0px 0px;
}


.st {
	height:13px;
	width:158px;
}

.sti {
	height:35px;
	width:60px;
}



.top-box-body {
	width:290px;
	margin:0px 0px 0px 0px ;
}

.top-box-item {
	width:133px;
	height: 133px;
}


.top-box-item img {
	width:100% !important ;
	height:100% !important ;
}

.top-box-more {
	width:133px;
	height:133px;
	margin:0px 0px 10px 10px ;
}
	
.posts-bx {
	width:280px;
	right:-10px;
}

.post-bx {
	width:278px;
}


.right-sidebar {
	width:280px;
	right:0px;
	margin: 0px 0px 0px 0px;
}

.right-box {
	width:278px;
}

.left-sidebar {
	width:280px;
	margin: 0px 0px 0px 0px;
}

.left-box {
	width:278px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:258px ;
}

.footer-box{
	width:300px;
}
}


@media (min-width:240px) and (max-width:319px) {

.header ,.webhaa-main-class {
	width:200px;
}


.topmnu  {
	width:160px;
	margin:2px 0px 0px 0px ;
}

.bx-wbh-nav {
	display:block;
}

#wbh-nav {
	display:none;
}
	
.topmnu ul li {
	width:200px;
	margin:0px;
}

.search {
	width:155px;
	height:35px;
	margin:2px 5px 0px 0px;
	overflow:hidden ;
}


.st {
	height:13px;
	width:93px;
}

.sti {
	height:35px;
	width:35px;
}


.top-box-body {
	width:210px;
	margin:0px 0px 0px 0px ;
}

.top-box-item {
	width:93px;
	height: 93px;
}

.top-box-item img {
	width:100% !important ;
	height:100% !important ;
}

.top-box-more {
	width:93px;
	height:93px;
	margin:0px 0px 10px 10px ;
}
	
.posts-bx {
	width:200px;
	right:-10px;
}

.post-bx {
	width:198px;
}


.right-sidebar {
	width:200px;
	right:0px;
	margin: 0px 0px 0px 0px;
}

.right-box {
	width:198px;
}

.left-sidebar {
	width:200px;
	margin: 0px 0px 0px 0px;
}

.left-box {
	width:198px;
}

.comment-pm  ,.comments-box .comment , .comment-textarea-txt , #p-m-o-css{
	width:178px ;
}

.comment-box-author-input {
	width:192px;
}

.comment-box-author {
	float:right;
	width:162px ;
	max-width:162px;
	min-width:200px;
}


.footer-box{
	width:220px;
}
}