@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
 
body{ background:#fff;}
.wrap{ width: 750px; margin: 0px auto;}
.alignleft{ float:left; margin:0px 20px 20px 0px;}
.alignright{ float:right; margin:0px 0px 20px 20px;}

#header{ display:block; background:#91b6d1; padding: 20px 0px 0px;}
#header ul{ list-style:none; margin: 0px; padding: 0px;}
#header ul li{ list-style:none;}
#header .topnav{ display:block; margin: 0px auto 20px; padding: 0px;}
#header .topnav li{ display: inline-block; display:table-cell; width: auto;  vertical-align: middle; font-family: Verdana, Geneva, sans-serif; font-size:12px; text-align:center;}
#header .topnav li a{ color:#fff; text-decoration: none; font-weight:bold; display:block; padding: 4px 10px;}
#header .topnav li.highlights{ background:#3498db;}
#header .topnav li:hover{ background:#35AEFF;}
#header .topnav li:last-child{ width:20.7%; vertical-align: auto; text-align:right;} 
#header .topnav li:last-child:hover{ background: none;}
#header .topnav li .smedia{ width: 113px; height: 30px; margin: 0 auto; position:relative; text-align:right;}
#header .topnav li .smedia a{ padding: 0px; margin: 0px; display:inline-block; float:left; margin:0px 5px 3px 0px; vertical-align:middle; position:absolute;}
#header .topnav li .smedia .tw{ left: 0px;}
#header .topnav li .smedia .fb{ left: 30px;}
#header .topnav li .smedia .fd{ left: 60px;}
#header .topnav li .smedia object{ left: 90px; position:absolute;}
#header .topnav li .smedia:after{ clear:both;}
#header .topnav li .googletrans{ float:none; margin: 3px 0px 0px; clear:both;}
#header .topnav li .googletrans a{ float: none; clear:both; padding: 0px; margin: 0px; display:inline-block; color:#000; font-weight: normal}
#header .topnav:after{ clear:both;}

#header .subtopnav{display:block; margin: 0px auto; padding: 0px; text-align:center;}
#header .subtopnav li{ display: inline-block;}
#header .subtopnav li a{ color:#fff; text-decoration: none; display:block; padding: 0 13%; font-size:13px;}

#header .header-logo{ background:url(images/new_body_bg_main.jpg) top left repeat-x;} 
#header .header-logo .wrap{ padding: 20px 0px 3px;}
#header .header-logo .wrap:after{ content:" "; clear:both; display:block;}
#header .header-logo .logosite{ float: left; width: 253px; height:51px;}
#header .header-logo .tagline{ float: right; width: 425px; margin:15px 0px 0px; text-align: right; color:#333333; font-size: 18px; font-family:Verdana, Geneva, sans-serif;}
#header .header-logo .tagline p{ font-size: 14px; margin:10px 0px; }



.close-btn{display:block;width:2.625em;height:2.25em;padding:0;border:0;outline:none;background:#333 url(images/close-btn.svg) left center no-repeat;background-size:1.875em 1.875em;overflow:hidden;white-space:nowrap;text-indent:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.no-svg .close-btn{background-image:url(images/close-btn.png);}
.close-btn:focus,.close-btn:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.nav-btn{display:block;width:2.625em;height:2.25em;padding:0;border:0;outline:none;background: url(images/nav-icon.svg) left center no-repeat;background-size:1.875em 1.5em;overflow:hidden;white-space:nowrap;text-indent:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-tap-highlight-color:rgba(0,0,0,0); position: absolute; left: 7px; top: 2px; display:none;}
.no-svg .nav-btn{background-image:url(images/nav-icon.png);}
.nav-btn:hover,.nav-btn:focus{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

#nav{z-index:200;position:relative;overflow:hidden;width:100%;color:#fff;}
#nav .close-btn{display:none;}
#nav .block-title{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
#nav .block{z-index:2;position:relative;}
#nav ul{zoom:1;display:block;}
#nav ul:before,#nav ul:after{content:"";display:table;}
#nav ul:after{clear:both;}
#nav li{}
#nav li a{}
#nav li a:focus,#nav li a:hover{}
#nav li.is-active a{color:#fff;}
#top{z-index:100;position:relative;color:#fff;background:#333;}
#top .block-title{margin:0;font-size:1.875em;line-height:1.2em;text-align:center;white-space:nowrap;}
#top .nav-btn{position:absolute;top:1.5em;left:1.875em;}


.subpage #header .header-logo{ border-top:3px solid #6ebf25;} 

.site-inner{ width: 100%; display:block; margin: 0px; padding: 0px;} 

.homebanner{ background:#91b6d1; border-top:1px solid #2870a2; border-bottom: 35px solid #f4fee5; }
.homebanner .wrap{position:relative; min-height:260px;}
.homebanner .banimg{ position: absolute; width:405px; right: 0px; top: 0px;}
.homebanner .bantxt{ width: 345px; color: #ffffff; font-family: trebuchet MS,arial,sans-serif; font-size: 18px; padding: 20px 0px 0px;}
.homebanner .ban-btn{ display:block; text-align:center; margin: 20px auto 0px }

.banneriframe .wrap{ text-align:center; padding: 0px 0px; } 

.inner-content{font-family: verdana,trebuchet MS,arial,sans-serif; font-size: 14px; padding: 10px 0px 0px;}
.inner-content .wrap{ width: 850px;}
.inner-content .wrap-preview{ width: 750px;}  
.inner-content .wrap:after{ content:" "; clear:both; display:block;}
.inner-content .wrap-preview:after{ content:" "; clear:both; display:block;}  

.squarelist{ list-style: square !important; padding: 0px 0px 0px 40px !important;}
.squarelist li{ width: 100% !important; float: none !important; list-style: square !important; display:list-item !important; margin:0px 0px 8px !important;}

.fullcont{ margin: 0px; padding: 0px; font-family:Verdana, Geneva, sans-serif; text-align:center; margin: 30px auto 30px;}
.fullcont h1{ font-size:26px; margin: 0px; padding: 0px;}
.fullcont p{ font-size: 12px; font-weight:bold; padding: 0px; margin: 10px 0px 30px;}

.tablwrap{ border: 1px solid #ccc; padding: 20px; margin:0px 20px;}

.content{ /*width: 550px;*/width:605px; float:left;}
.content h5{color: #333333;  font-size: 18px; margin: 0px; padding: 0px; font-weight: normal;}  
.content p{ margin: 0px; padding: 0px 0px 15px;}
.content ul{ margin: 0px; padding: 0px;}
.content ul li{ list-style: none;}
.content .listicon { margin: 20px 0px 0px;}
.content .listicon li{ width: 44%; display:inline-block; padding: 0px 15px 0px 0px; margin: 0px 0px 20px; vertical-align: top;} 
.content .slidebook{ text-align:center; margin:30px 0px 0px}
.content .slidebook .bookslideitem{ display:block; margin: 0px 0px 30px;}
.content .slidebook .bookslideitem li{ display:inline-block; width: 160px; margin: 0px 0px 0px 10px;} 
.content .slidebook .bookslideitem li:first-child{ margin: 0px;}

ul.listport{ margin: 20px 0px;}
ul.listport li{ width: 32%; display:inline-block;}

.tableslide table{ margin: 0px auto; text-align:center;}

.alleditor{ margin: 0 auto; width: 91%; font-size:13px;}
.alleditor .singeditor{ margin: 20px 0px; border: 1px solid #ccc;}
.alleditor .singeditor:after{ content:" "; display:block; clear:both;}
.alleditor .singeditor .editleft{ border-right: 1px solid #ccc; padding: 10px; display:inline-block; display:table-cell; vertical-align: middle;}
.alleditor .singeditor .editright{ padding: 10px; display:inline-block; display:table-cell; vertical-align: top;}

.articlelist{ display:block; margin: 20px auto 20px; padding:0px;}
.articlelist:after{ content:" "; display:block; clear:both;}
.articlelist .leftartlist{ float:left; width: 48%; display:block;}
.articlelist .rightartlist{ float:right; width: 42%; display:block;}

.pageheader{ display: block; margin:0px; padding: 0px;}
.pageheader:after{ content:" "; clear:both; display:block;}
.pageheader h1{ width:65%; float:left;}
.pageheader .sidehead{ width:35%; float:right; text-align:right;}

.upperbread{ display:block; margin: 10px auto 5px; padding: 0px; font-size: 13px;}
.upperbread:after{ content:" "; display:block; clear:both;}
.upperbread .left-upbread{ width: 40%; text-align:left; float:left;}
.upperbread .right-upbread{ width: 40%; text-align:right; float:right;}

.articlewrap{ border:1px solid #ccc; padding: 10px; margin:5px 0px 20px;}
.articlewrap .arthead{ margin: 0px 0px 15px; display:block;}
.articlewrap .arthead:after{ clear:both; content:" "; display:block;}
.articlewrap .arthead-left{ float: left; width: 72%;}
.articlewrap .arthead-right{ float: right; width: 20%; text-align:right;}

.artsearch{ padding:20px 20px 0px; overflow: hidden; position:relative; width:93%; min-height:80px; background:#efefef url(images/search-browse-photo.gif) left top no-repeat; text-align:right;}
.artsearch span{ width: 300px; float:right; font-size:11px; display:block;}
.artsearch form{ clear:both; display:block; padding: 0px; margin:0px;}
.artsearch input{ vertical-align: middle; display:inline-block;}

.pager{ text-align:center; font-size:12px; margin: 0px 0px 20px}
 
.memcomments{ background:#2b62b4; color:#fff; text-align:center; margin: 0px auto 20px; clear:both}
.memcomments .cm-head{ text-align: center; padding: 5px; border-bottom: 1px solid #fff;}
.memcomments .cm-title{ display:block; font-size:12px;}
.memcomments .cm-title:after{ content:""; display:block; clear:both;}
.memcomments .cm-title .cm-left{ float: left; width: 57%; border-right: 1px solid #fff; padding: 5px;}
.memcomments .cm-title .cm-right{ float: right; width: 35%; padding: 5px;} 
.memcomments .cm-content{ display:block; font-size:12px;}
.memcomments .cm-content:after{ content:""; display:block; clear:both;}
.memcomments .cm-author{ display:block; font-size:12px;background:#fff;}
.memcomments .cm-author:after{ content:""; display:block; clear:both;}
.memcomments .cm-author .cm-content-left{ float: left; width: 57%; border-right: 1px solid #fff; padding: 5px;background:#fff;}
.memcomments .cm-author .cm-content-right{ float: right; width: 35%; padding: 5px;background:#fff;color:#000;} 
/*.memcomments .cm-content .cm-edit{background:#ffcc00;padding:4px;text-align:left;}*/
.memcomments .cm-content .cm-edit{background:#fff;padding:4px;text-align:left;}
.memcomments .cm-content a{ color:#000;} 
 
.grouptab{ display:block; margin: 20px auto; padding: 0px; background:#fff}
.grouptab:after{ clear:both; content:" "; display:block;}
.grouptab .gtab{ float: left; margin: 0px; padding: 2%; width: 21%; font-size:13px;}
.grouptab .gtab ul{ margin: 10px 0px 0px; padding: 0px 0px 0px 15px; font-size:13px;}
.grouptab .gtab ul li{font-size:11px;}
.grouptab .gtab .gt-hd{ display:block; min-height: 63px; margin: 0px auto 0px;}
.grouptab .gtab .gt-hd img{ width: 100%;} 
.grouptab .gtab1{
background: rgb(252,252,252);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=0 );}
.grouptab .gtab2{}
.grouptab .gtab3{background: rgb(250,249,206);
background: -moz-linear-gradient(top, rgba(250,249,206,1) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(250,249,206,1) 10%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(250,249,206,1) 10%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9ce', endColorstr='#ffffff',GradientType=0 );} 
.grouptab .gtab4{background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 10%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 10%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );} 


.contad1{ display:block;}
.contad1:after{ content:" "; clear:both; display:block;}
.contad1 .sidead1{ float:right; width: 48%; margin: 0px 0px 0px 20px}
.contad1 .sidead1 div{ text-align:center; width: 48%; float:left; margin:0px 1%;}


.contad2{ display:block; margin: 0px auto 20px;}
.contad2:after{ content:" "; clear:both; display:block;}
.contad2 .adbook1{ display:block; margin:0px auto;}
.contad2 .adbook1:after{ content:" "; clear:both; display:block;}
.contad2 .adbook1 .boka1{ float:left; width:16%; padding:0 1%;}
.contad2 .adbook1 .boka1 img{ width:100%;}
.contad2 .adbook1 .boka2{ float: left; width: 50%; text-align:left;}


.head-turner{ background:url(images/new_titles_banner_bg.jpg) center top; padding:10px 0px ; text-align:center;}
.head-turner-center {
    font-family: verdana,trebuchet MS,arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.head-turner span{ font-size: 26px; text-align:center; font-weight: bold; display:block; font-family:Verdana, Geneva, sans-serif; margin: 20px auto;}
.head-turner span.adst{ font-size: 16px; text-align:center; margin:15px auto;}
.head-turner ul{ margin: 20px 0px; padding: 0px;}
.head-turner ul:after{ content:" "; display:block; clear:both; list-style: none;}
.head-turner ul li{ display:inline-block; vertical-align:top; border-right: 1px solid #000;}
.head-turner ul li:last-child{ border: 0px;}
.head-turner ul li a{ font-family: Verdana, Geneva, sans-serif; padding: 0px 10px; line-height: 14px; display:block;}
.dev-cont1{ border:1px solid #CCC; padding: 20px; margin:20px;}

.codeg{ display:block; margin:20px auto;}
.codeg:after{ display:block; content:" "; clear:both;}
.codeg .codegg{ float:left; width: 24%; text-align:center;}


.myac{ display:block; margin:20px auto;}
.myac:after{ display:block; content:" "; clear:both;}
.myac .myac-left{ float:left; width:33%;}
.myac .myac-right{ float:right; width:67%;}
.myac-form{ background:#EEEEEE; padding:20px; margin: 20px 0px;}

.formact{ display:block; margin: 0px auto;}
.formact .alignleft, .formact .alignright{ width: 43%;} 
.formact .alignleft input, .formact .alignright input{ width:100%;}
.formact .clear{ clear:both;}

.frfot{ border:1px solid #ccc; border-radius:10px; width: 180px; margin: 30px auto; text-align: center; padding: 15px;}

.btntab{ list-style: none; background:#EBF4F7;}
.btntab li{ display: inline-block; background:#EBF4F7; padding: 8px 10px; width: 45%; text-align:center !important; border-bottom: 1px solid #fff;}
.btntab li img{ display:inline !important}
.adv-side{list-style: none; background:#EBF4F7; margin:0px; padding:0px;}
.adv-side li{ background:#EBF4F7; border-bottom: 1px solid #fff; text-align:center; width: 100%; }
.adv-side li:first-child{ background:#ffcc00}
.adv-side li a{ padding: 7px 0px; display:block;}
.adv-bx{background:#EBF4F7; padding: 12px !important; display:block;}
.adv-stat{ list-style: none; padding: 0px; margin: 0px; }
.adv-stat li{ display: inline-table; text-align:center; padding: 5px; background:#EBF4F7; width:46%; border-bottom: 1px solid #fff;} 
.adv-stat li.ady{ background:#ffff00;}

.sponsorwrap, .adsiframe{ overflow:hidden;}

.prof-cont1{ background:#EEEEEE; padding:10px 10px 8px; margin: 0px 0px 10px;} 
.prof-cont1:after{ content:" "; clear:both; display:block;}
.prof-cont1 .prof-pic{ width:120px; float:left;}
.prof-cont1 .prof-info{ width: 50%; float:left; padding: 0px 0px 0px 20px}
.prof-cont1 .prof-info ul{ list-style: none; margin:0px; padding:0px;}
.prof-cont1 .prof-info ul li{ margin: 0px 0px 5px;} 
.prof-cont1 .prof-stat{ width:30%; float:right;} 

.prof-cont2{ margin: 0px 0px 10px; border-bottom: 2px solid #000; padding: 0px 0px 10px;}
.prof-cont2 .tabl-name{ background:#FFCC33; padding: 3px; margin:0px 0px 10px}

.tabl-name{ background:#FFCC33; padding: 3px; margin:0px 0px 10px}

.prof-cont3{ display:block; margin: 0px auto 20px;}
.prof-cont3 .artarchive{ display:block;}
.prof-cont3 .artarchive ul{  display:block; margin: 0px auto 10px; padding: 0px;}
.prof-cont3 .artarchive ul:after{ clear:both; display:block; content:" ";}
.prof-cont3 .artarchive ul li{ display:inline-table; padding:0px 1%;}
.prof-cont3 .artarchive ul li.tab-date{ width:10%}
.prof-cont3 .artarchive ul li.tab-title{ width:55%}
.prof-cont3 .artarchive ul li.tab-views{ width:10%}
.prof-cont3 .artarchive ul li.tab-status{ width:15%; text-align:right;}
.prof-cont3 .artarchive ul.artarchiveitem{ margin:0px auto 0px; font-size:13px; background:#EEEEEE;}
.prof-cont3 .pagertab{ text-align:right; width: 100%; display:block; margin: 20px 0px 0px;}

.prof-cont{display:block; margin: 0px auto 20px;}
.prof-cont .tabltwocolumn{ display:block;}
.prof-cont .tabltwocolumn ul{display:block; margin: 0px auto 10px; padding: 0px;}
.prof-cont .tabltwocolumn ul:after{ clear:both; display:block; content:" ";}
.prof-cont .tabltwocolumn ul li{ display:inline-table; padding:0px 1%;}
.prof-cont .tabltwocolumn ul.tabltwocolumn-item{background:#EEEEEE;}
.prof-cont .tabltwocolumn li.tab-date{ width:10%}
.prof-cont .tabltwocolumn li.tab-title{ width:83%}

.sidebar-content{ padding: 0px !important}
.sidebar-content .wrap{ border:1px solid #0066cc; border-radius: 0px 0px 10px 10px; margin: 0px auto 20px; border-top: 0px; padding: 0px !important}
.sidebar-content .wrap-preview{  margin: 0px auto 20px; border-top: 0px; padding: 0px !important}
.sidebar-content .sidebar{ float:left !important; width:150px ; border-right:1px solid #0066cc; text-align:center;}
.sidebar-content .content{ float:right !important; width:620px ; padding:10px 10px 0px 0px;}

.sidebar-content2{ padding: 0px !important}
.sidebar-content2 .wrap{  margin: 0px auto 20px; padding: 0px !important}
.sidebar-content2 .sidebar{ float:left !important; width:240px; }
.sidebar-content2 .content{ float:right !important; width:520px ; padding:10px 10px 0px 0px;}

.sidebar-content-sidebar{ padding: 0px;}
.sidebar-content-sidebar .wrap{ border:1px solid #0066cc; border-radius: 0px 0px 10px 10px; margin: 0px auto 20px; border-top: 0px; padding: 0px !important}
.sidebar-content-sidebar .sidebar{ float:left !important; width:150px ;  text-align:center;}
.sidebar-content-sidebar .content{ float:left !important; width:535px;/*475px ;*/ padding:10px 9px 0px; padding:0px 4px; border-right:1px solid #0066cc;border-left:1px solid #0066cc;}
.sidebar-content-sidebar .sidebar-sidebar{ float:right !important; width:155px ;  text-align:center;}

.sidebar-content-sidebar .sidebar .backcha{ display:none;}
.sidebar-content-sidebar .content ul{ margin: 20px 0px 0px; padding: 0px 0px 0px 40px !important; list-style: square !important}
.sidebar-content-sidebar .content ul li{list-style: square !important}


.sidebaraccount{ margin: 30px auto 0px; font-size: 13px !important}
.sidebaraccount .wrap{ border: 0px !important;}
.sidebaraccount .sidebar{ border: 0px !important; width:165px !important;}
.sidebaraccount .sidebar-sidebar{ width: 185px !important}
.sidebaraccount .content{ border: 0px !important; width:615px !important; padding: 0px 10px !important; }
.sidebaraccount1{ margin: 30px auto 0px; font-size: 13px !important}
.sidebaraccount1 .content{ border: 0px !important; width: 430px !important; padding: 0px 10px !important; }
.sidebaraccount .content:after{ clear:both; content:" "; display:block;}

.sidebar-content-sidebar.sidebaraccount .content{ border: 0px !important; width:475px !important; padding: 0px 10px !important; }

.backcont{ text-align:right; margin: 0px 0px 20px; display:block; }
.myart-content{ border: 1px solid #ccc;  border-radius:10px; overflow: hidden}
.myart-content:before{ display:block; content:"_"; background:#e4e4e4; text-indent: -9999px; color:#e4e4e4;}
.myart-content-wrap{ padding: 3%;}
myart-content-wrap:after{ content:""; display:block; clear:both;}
.postcr{ background:#0066cc; color:#fff; text-align:center; font-weight: bold;padding:0px 2%;}
.myaccount-head-turner{ background: none;}

.message-side{  background:url(images/privatemessenger_top.gif) center top no-repeat; background-size: 201px 24px; border: 1px #ccc solid; border-radius: 5px; font-size: 12px; margin: 30px auto 10px; padding: 32px 8px 12px;}

.qlinks ul{ text-align:left; list-style: none;}
.qlinks ul li{ list-style-image:url(images/new_quicklinks_bullets.gif);}
.qlinks ul li a{ font-weight:bold;}
.qlinks ul li.titleside { list-style-image:none; font-size: 15px; font-weight:bold; text-align:center; padding: 15px 0;}

.rowacc{ background:#eff8fb; padding: 2%; width:96%; display:block; margin: 15px auto;}
.rowacc:after{ clear:both; content:" "; display:block;}
.rowacc img{ width:100%; margin: 0px 0px 2%}
.rowacc .rowacc-left{ float:left; width: 49%;}
.rowacc .rowacc-right{ float:right; width: 49%;}


.msgmain{ width: 26%; float:left; margin:30px 0px 0px;}
.pmsg{ width:72%; float:right;}

.msgcont.myart-content{ background:#EEEEEE }
.msgcont.myart-content:before{ content:"PRIVATE MESSENGER"; font-weight: bold; padding: 3px 2% 1%; text-indent: unset; background:#CCCCCC}
.msgcont.myart-content:after{display:block; content:"_"; background:#CCCCCC; text-indent: -9999px;}
.msgcont.myart-content .msg-box{ background: #fff; border: 1px solid #c0c0c0; padding: 3%; display:block; }
.msgcont .myart-content-wrap a {display: inline;  font-size: 13px;   margin: 0 0 0 7px;}

.tablecontent{ display:block;}
.tablecontent ul{ margin: 30px 0px 0px 30px; padding: 0px;} 
.tablecontent ul li{ list-style:circle;}

.contour{ clear:both; display: block;}
.contour:after{ clear:both; content:" "; display:block;}
.ctour{ display:block; margin: 0px auto 20px; text-align:center;}
.ctour:after{ display:block; clear:both; content:" ";}
.ctour strong{ display:block; font-size: 14px; border:1px solid #cccccc; padding: 10px; width:91%;}
.ctour span{ display:block; color:#ff9900; font-weight:bold;}
.ctour .left-ctour{ float:left; width: 42%;}
.ctour .right-ctour{ float:right; width: 42%;}


.lvl-lnk{ background:#ffcc00; padding: 2%; text-align:center;}

.forp-form{ display:block; margin: 20px auto; padding: 0px; width:80%;}
.forp-form:after{ content:" "; clear:both; display:block;}
.forp-form .forp-title{ background:#0033cc; font-size: 20px; color:#fff; padding: 5px;}
.forp-form .forp-left{ background:#dcdcdc;  float:left; width:45%;}
.forp-form .forp-center{ width: 5%; float:left; margin:8% 15px 0px; font-size: 18px; text-align:center; text-transform:uppercase;}
.forp-form .forp-right{background:#dcdcdc; float:left; width:45%;}
.forp-form span{ padding: 10px; display:block; text-align:center; border:1px solid #ccc; font-size:12px;} 
.forp-form input{ margin: 5px 0px 0px;}

.emaillogin{ display:block; margin: 0px auto;}
.emaillogin ul{ padding:0px; list-style:none; margin: 0px auto; width: 50%; background:#000066;}
.emaillogin ul li{ display:inline-block; vertical-align: top; color:#fff; width: 36%; padding:2%;}
.emaillogin ul li:last-child{ width:13%; vertical-align:middle; margin: 18px 0px 0px;}
.emaillogin ul li input[type='text'], .emaillogin ul li input[type='password']{ width: 100%;}

.lvlact-hd{ display:block; margin: 0px auto; padding:0px; list-style: none;}
.lvlact-hd li{ display:inline-block; width: 32%; vertical-align:top;}
.lvl-award{ display:block; margin: 0px auto; padding:0px; list-style: none;}
.lvl-award li{ display:inline-block; width: 64%; vertical-align:top;}
.lvl-award li:last-child{ width: 34%; text-align:right;}
.lvlcom {font-family:Arial, Helvetica, sans-serif;}
.lvlcomcc{ background:#EEEEEE; font-family:Arial, Helvetica, sans-serif;}
.lvlcomcc .cm-content-left{ background:none; color:#333333;}
.lvlcomcc .cm-content-left a{ color:#03F }
.lvlcomcc .cm-content-right{ background:none; color:#333333; }
.lvlcomcc .cm-edit{ background:#FFCC00; clear:both; color:#333333; text-align:left; padding: 10px}

.bluecont{ background:#E7F0FC; border:#cccccc 1px solid; padding: 20px;}
.membermsgmain{width: 35% !important; margin: 10px 0px 0px;}
.memberpmsg{width: 60% !important;}
.toursub{ display:block; margin: 20px 0px 0px;}
.toursub:after{ clear:both; content:" "; display:block;}
.toursub p{ display:inline-block; clear:both; margin: 0px 0px 10px;}
.toursub .coltoleft{ width:51%; text-align:right; float:left;}
.toursub .coltoleft img{ margin: 0px 0px 40px; float: right;}
.toursub .coltoright{ width: 45%; float:right;}

.topnote{ display:block; width: 100%; margin: 30px auto; font-size:10px; text-align:center;}
.topnote1{ display:block; width: 100%; margin: 30px auto; text-align:center;}

.clear{ clear:both;}

.goldplat {width: 80%;}
.goldplat .gtab{ width:45%; }

.tabart{ display:block; margin: 0px auto;}
.tabart ul{ display:block; margin: 0px; padding:0px; background:#EEEEEE}
.tabart ul:first-child{ background:#3366CC; color:#fff;}
.tabart ul:after{ clear:both; display:block; content:" ";} 
.tabart ul li{ float:left; padding:3% 1%;}
.tabart ul li.tdate{ width:10%;}
.tabart ul li.ttitle{width:25%;}
.tabart ul li.tviews{width:10%;}
.tabart ul li.tstatus{width:15%;}
.tabart ul li.tedit{width:30%;}
.tabart .pager{ text-align: right; width:100%; padding: 10px 0px;}

.plapay .alignleft{ width: 65%;}
.plapay .alignright{ width: 28%; text-align:center;}

.writingcourse{ display:block; width: 80%; margin: 20px auto 30px; text-align:center;}
.writingcourse:after{ content:""; clear:both; display:block;}
.writingcourse .course{ float:left; width: 38%; margin:15px 2%; border:1px solid #ffcc00; border-radius:10px; padding:20px;}

.linkwa, .linkwa li{ list-style:square inside !important;}

ul.mostread-ul{ margin:20px 0px; padding:0px; list-style:disc;}
ul.mostread-ul:after{ clear:both; content:""; display:block;}
ul.mostread-ul li{ float: left; list-style: outside none disc; margin: 0 20px 20px; min-height: 102px;width: 42%;}

.searchname{ width: 90%; padding: 2%; border: 1px solid #999;}
.searchname form:after{ clear:both; content:""; display:block;}
.searchname span{ width:38%; float:left; padding: 8px; background:#DCE8EB; text-align:center; margin-right: 10px; vertical-align: middle;}
.searchname input[type="text"]{ float:left; width:40%; vertical-align: middle; margin:3% 0px;}
.searchname input[type="submit"]{float:left; width:15%; vertical-align: middle;margin:3.4% 0px 4% 1%;} 

.searchbrow{ border: 1px solid #ccc; padding: 20px; margin: 0px auto 15px}
.searchart{ background:#eeeeee}
.searchart p{color: #333}
.searchart p span{ color:#00F; font-size:18px}
.searchart:after{ content:""; clear:both; display:block;}
.searchart .alignleft{ margin: 0px;}
.searcharti{ margin: 0px 0px 0px 10px !important}
.searcharti input[type="Image"]{ vertical-align: middle;}
.artbox{border: 1px solid #ccc; padding: 20px; }
.artbox:after{ content: ""; display:block; clear:both;}
.artbox ul{ float:left; width: 39%; margin:0px 10px}
.artbox .titart{ font-size:18px; margin: 0px 0px 20px;}


.fwbook{ border: 1px solid #ccc; padding: 20px; margin: 0px auto 15px}
.booksale{ padding: 0px; margin:0px; list-style:none;}
.booksale:after{ content:""; clear:both; display:block;}
.booksale li{ padding:10px; width: 46.8%; vertical-align: top; display:inline-block; margin: 0px 0px 5px; border: 1px solid #ccc; min-height:65vh;}
.booksale li.xtrah{ min-height:78vh;}
.booksale li img{ width: 133px;}
.booksale li .linkbok{ clear:both; display:block; text-align:center; padding: 40px 0 10px}
.booksale li h4{ text-align:center; border-bottom: 1px solid #ccc; padding: 0px 0px 8px;}
.booksale li .butnowbook{ background:#ffcc00; padding: 7px; width:50%; margin: 20px auto;}
.booksale li .linkabuk{ background:#ffffcc; padding: 4px;}

.hdblue{ background:#3366cc; color:#fff; text-align:center; padding: 4px; font-size:9px; font-weight:bold; display:block; margin:0px 0px 10px;}
.formreg{ list-style:none; display:block; padding: 20px 0px !important;}
.formreg:after{ clear:both; display:block; content:" ";}
.formreg li{ display:inline-block; vertical-align: top; width: 46%; margin: 1%; font-size:12px;}
.formreg li.liwide{ display:block; width: 100%;}
.formreg li input, .formreg li textarea, .formreg li select{ display:block; margin:2px 0px 0px; width: 90%;}
.formreg li input[type="checkbox"]{ width:auto; display:inline-block; margin:0px 5px 0px 0px;}
.formreg li i{ font-size:10px; color:#F00; margin: 0px 3px; display:inline-block;}
.formreg li span{ font-size:11px; display:block; margin: 20px 0px;}
.formreg li .smaller{ margin: 0px; display:inline-block;}
.warnred{ background:#FEE1E4; padding: 10px; margin: 20px auto;}
.warnred img{ text-align:center; display:block; margin: 0px auto 20px;}

#boxblue{ display:block; margin: 20px auto; padding: 10px; border:1px solid #DCE8EB}
#boxblue:after{ clear:both; content:""; display:block;}
#boxblue ul{  background: #dce8eb; float: left; font-size: 13px; min-height: 113px; margin: 0 2px; padding: 20px 15px 20px 33px !important; width: 38.5%;}

.formwebc{ padding:20px 0;}
.formwebcre{ text-align:center;}
.formwebcre .webctemplate{ display:block;}
.formwebcre .webctemplate ul{ list-style:none; padding:0px; margin:0px;}
.formwebcre .webctemplate ul li{ list-style:none; float:left; width: 50%}
.formwebcre .webctemplate ul li input, .formwebcre .webctemplate ul li a{ display:block; margin: 0px auto 10px;}
.formwebcre .fldtxt{ text-align:left; background:#f8f8f8; padding:1% 3%;}
.formwebcre .fldtxt input, .formwebcre .fldtxt textarea{ width: 100%;}
.formwebcre .fldtxt:after{ clear:both; content:" "; display:block;}
.formwebcre .fldtxt .txtfldw{ float:left; width: 40%}
.formwebcre .fldtxt .rtxt{ float:right; width:55%;}

.forumhd .logosite{ height: auto !important; margin: 0px auto 10px !important}
.forumhd .logosite a{ display:block;}

.footerlonk{ margin: 0px auto 20px;}
.footerlonk a{ color:#fff;}

.sidebar{ width: 240px; float:right;}
.sidebar .fbside{ display:block; margin: 0px 0px 20px;}
.sidebar .sidetesti{ display:block; border: 1px solid #CCC; padding:15px; margin: 20px 0px 0px;}
.sidebar .sidetesti li{ list-style: none; margin: 0px 0px 20px; padding: 0px 0px 20px; font-size:13px; font-family:Verdana, Geneva, sans-serif; border-bottom:dashed 1px #333}
.sidebar .sidetesti li:last-child{ border: 0px; padding:0px; margin: 0px;}
.sidebar .sidetesti li span{ display:block; margin: 0px 0px 0px; text-align:right;}
.sidebar .sidetesti li span b{ display:block;}
.sidebar .iframecont{ width:178px; margin: 0px auto; text-align:center;} 
.sidebar .tableslide .slidetab{ display: inline-block; width: 188px; vertical-align:top}



.stat{ display:block; margin: 0px auto; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
.stat .wrap{padding: 0px 0px 10px; border: 1px dashed #333; border-right:0px; border-left:0px;}
.stat .wrap:after{ content:" "; clear:both; display:block;}
.stat .statleft{ float:left; width:225px;}
.stat .statright{ float:right; width:500px; padding: 10px 0px 0px;}
.stat .statright .statmem{ font-weight:bold; display:inline-block;}  
.stat .statright .artsub{ color:#006600; display:inline-block;}
.stat .statright .statartrev{color:#0033cc; display:inline-block;}
.stat .statright .primessage{color:#cc0000; display:inline-block;}

.pra{ margin:0px auto; width: 100% }.pra::before{content:" " !important;} 

.btnhelp{ background:#0066cc; padding: 10px 20px; display: inline-block; margin:20px auto 0px}
.tracktab{ display:block; margin: 20px  auto; }
.tracktab ul{ display:block; margin: 0px; padding:0px; border:1px solid #AAAAFF; border-bottom:0px; background:#CADCFA;}
.tracktab ul:after{ clear:both; content:" "; display:block;}
.tracktab ul li{ float:left; background:#CADCFA; border-bottom:1px solid #AAAAFF; border-left:0px; text-align:center; padding: 1% 2%;}
.tracktab ul li.ftab1{ width:50%; border-left:1px solid #AAAAFF}
.tracktab ul li.ftab2{ width:20%; border-left:1px solid #AAAAFF}
.tracktab ul li.ftab3{ width:17.4%; border-left:1px solid #AAAAFF}

.insideside{ float:left; width:18%; padding:2%}
.insidecontent {float: right; padding: 2%; width: 73%; border-left:1px solid #e4e4e4;}

.contgul ul{ display:block;}
.contgul ul:after{ display:block; content:""; clear:both;}
.contgul ul li:first-child{ float:left; width: 48%;}
.contgul ul li:last-child{ float:right; width: 48%;}

.searchloc form{ margin: 0px; padding:0px;}
.searchloc ul{ display:block; background:#DCE8EB; border-bottom: 1px solid #fff; }
.searchloc ul:after{ display:block; clear:both; content:" "}
.searchloc ul li{ width: 50%; float:left; padding:9px 7px;vertical-align:top; height: auto;} 
.searchloc ul li:first-child{ width: 20% !important;}
.searchloc ul li:last-child{ width: 20% !important; border-right: 0;}
.searchloc ul li input, .searchloc ul li select{ width: 100% !important; margin:0px auto !important;}
.searchloc ul:last-child li{ border-bottom:0px;}

.wribasic{ display:block; margin: 0px;}
.wribasic:after{ clear:both; content:""; display:block;}
.wribasic .wri-left{ width: 48%; float:left; text-align:left;}
.wribasic .wri-right{ width: 48%; float:right; text-align:left;}
.wribasic .wribox{border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 0px 4%; display:block; margin: 0px auto 20px;}

.divu{ display:block; margin:30px auto;}
.divu:after{ content:''; clear:both; display:block;}
.divu .divu-left{ width: 48%; float:left;}
.divu .divu-right{ width: 48%; float:right;}
.divu .divuone{ width:30%; padding:2%; float:left}
.divu .divutwo{ width:30%; padding:2%; float:left;}
.divu .divuthree{ width:30%; padding:1%; float:left;}

.unilist{ list-style: outside disc !important; margin: 0px; padding:0px;}
.unilist:after{ clear: both; content: ""; display:block;}
.unilist li{ float:left; width: 40%; margin: 10px 10px 0px; list-style: outside disc !important; text-align:left !important;}

#footer{ background:#91b6d1  url(images/mainbg2.jpg) repeat-x left top;}
#footer .wrap{ padding: 20px 0px; text-align:center; color:#fff;} 

.onethree{ float:left; width: 27%; padding: 3%; margin-bottom: 20px;}

.paypalcont{ display:block; width:70%; margin: 30px auto;} 
.paypalcont:after{ clear:both; display:block; content:"";}
.paypalcont .leftpaypal{ width: 40%; float: left; border:1px solid #ffcc00;  border-radius:15px; padding:20px;}
.paypalcont .rightpaypal{ width: 40%; float: right; border: 1px solid #ffcc00; border-radius:15px; padding: 20px}

.listsquare{ margin: 20px 0px 20px 30px !important;}
.listsquare, .listsquare li{ list-style: square !important; margin: 10px 0px 0px 10px;}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 810px) {
	.iframecont{ overflow: hidden; width: 100%;}
	.nav-btn{ display:block;}
	.close-btn{ display:none !important;}
	.inner-content .wrap, .wrap{ width: 94%; padding: 0px 3%}  
    .inner-content .wrap-preview, .wrap-preview{ width: 84%; padding: 0px 3%}  
	.adsnone{ display:none;}
	
	#header{ padding: 0px}
	#header .topnav{}
	#header .topnav li, #header .topnav li:last-child{ width: 100%; display:block; text-align:center;}
	#header .topnav li:last-child .googletrans > div{ text-align:center;}
	#header .topnav li a{ padding: 8px 0px;}
	#header .topnav li a br{ display:none;}
	#header .header-logo .logosite{ float: none; margin: 0px auto; width: 100%; text-align: center; display:block;} 
	#header .header-logo .tagline{ float: none; text-align:center; width: 100%; margin: 0px auto 5px; font-size:14px;}
	#header .subtopnav{ padding:10px 0px;}
	#header .subtopnav li a{ padding: 0 3%;}
	
	
	.homebanner .wrap{min-height: 205px;}
	.homebanner .banimg{width: 310px;}
	.homebanner .banimg img{ width: 100%;}
	
	.banneriframe{ overflow: hidden;}
	.banneriframe .wrap{ overflow: hidden; text-align:center; width:100%;}
	
	.content, .sidebar{ float:none; width: 95% !important; text-align:center;}
	.sidebar-content .sidebar{ border:0px;}
	.sidebar-content .sidebar br{ display: none;}
	.sidebar-content .sidebar .adshide{ display: none;}
	
	.content{ text-align:left;}
	.content ul li img{ display:block;}
	.content .listicon { margin:40px  auto 0px;}
	.content .listicon li{ width:40%; padding: 0 4%;  text-align: center; }
	.content .listicon li img{ text-align:center;}
	.content .listicon li strong{ display:block;}
	
	.goldplat {width: 100%;}
	
	.head-turner ul{ text-align:center;}
	.head-turner ul li a{ font-size:12px;}
	
	
	
	.sidebar .fbside{ text-align:center;}
	.sidebar iframe{ text-align:center;}
	.sidebar .sidetesti li span{ text-align:center; margin: 10px auto 0px;} 
	
	.stat{ margin: 30px auto 10px;}
	.stat .statleft{ float: none; margin: 0px auto;}
	.stat .statright{ float: none; width:100%; text-align:center;}
	
	.grouptab .gtab{ float: none; margin: 0px; padding: 2%; width: 45.6%; font-size:13px; display:inline-block; vertical-align:top;}
	.contad2 .adbook1 .boka1{ width:20%;}
	
	.contad1 .sidead1{ float: none !important; display: flex; margin: 0px auto; width:100%;}
	.codeg .codegg{ float:left; width: 48%; text-align:center; margin: 0px auto 20px;}
	
	.forp-form { width: 100%;}
	.writingcourse .course{ width: 90%;}
	.linkwa, .linkwa li{ text-align:left; list-style-position:inside; margin:0px 0px 0px 30px;}
	
	ul.mostread-ul li{ text-align:left !important;}
	
	.booksale li{ width: 46%; min-height: 72vh;}
	.booksale li.xtrah {min-height: 83vh;}
	
	.sidebar-content .sidebar{ width:100% !important}
	
	.sidebar-content-sidebar .adshide{ display:none;}
	.sidebar-content-sidebar .sidebar, .sidebar-content-sidebar .sidebar-sidebar{ width:100% !important; float: none !important}
	.sidebar-content-sidebar .content{ width: 98% !important; float: none !important; border: 0px; margin: 0px auto !important}
	.sidebar-content-sidebar .content ul{ text-align: left;}
	
	.sidebaraccount .content, .sidebaraccount1 .content{width: 98% !important; float: none !important; border: 0px; margin: 0px auto !important}
	
	.adsslide{ overflow:scroll; width:100%;}
	.txtneed{ float: none; display:block; text-align:center; margin: 10px auto;}
	
	#boxblue ul{ width:92%;}
	
	.sidebaraccount textarea, .sidebaraccount input[type="text"]{ width: 100% !important}
	.qlinks ul{ text-align:center;}
	
	.sidebar-content-sidebar.sidebaraccount .content{ width:98% !important;}
	.imgcent{ display:block; margin: 0px auto; text-align:center; float:none;}
	
	
.banneriframe .wrap{position: relative;
  height: 0;
  overflow: hidden;}
/* 16x9 Aspect Ratio */
.banneriframe .wrap-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.banneriframe .wrap-4x3 {
  padding-bottom: 75%;
}
.banneriframe .wrap iframe {position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;}
	
}

@media only screen and (max-width: 720px) {
.homebanner{ padding: 0px 0px 10px}
.homebanner .banimg{ position:relative; margin: 0px auto;}
.homebanner .bantxt{ width: 100%; text-align:center; text-align:center;}
.homebanner .bantxt i{ display:block;}
.sidebar { overflow: hidden;}
.content .listicon{ overflow:hidden;}
.pageheader h1, .pageheader .sidehead{ float: none; width: 100%; text-align:center;}
.articlewrap .arthead-left, .articlewrap .arthead-right{ float: none; width: 100%; text-align:center;}
.memcomments .cm-title .cm-left{ width: 54%;}
.memcomments .cm-author .cm-content-left{ width: 54%;}   
.grouptab .gtab{width: 44.6%;}
.contad2 .adbook1 .boka1{  width:46%; margin: 0px auto;}
.contad2 .adbook1 .boka2{ float:none; clear:both; width:100%; padding: 20px 10px; text-align:center;}
.contad2 .adbook1 .boka3{ text-align:center; margin: 0px auto; width:90px;} 
.contad2 .adbook1{ overflow:hidden;}
.sidebar .sideform1 div{ text-align:center; margin: 0px auto;}
.sidebar .sideform1 form, .sidebar .sideform1 .wf-formTpl, .sidebar .sideform1 iframe{ width: 180px; vertical-align:top; display:inline-block;}
.sidebar .sideform1  br{ display: none;}
.prof-cont3 .artarchive ul li.tab-title{ width:50%}
.termstitle{ font-size: 20px !important;}
.forp-form .forp-left, .forp-form .forp-center, .forp-form .forp-right{ width:100%; float:none; display:block;}
.forp-form .forp-center{ margin: 15px auto}
.emaillogin ul{ width:65%;}
.plapay .alignleft{ width: 100% !important;}
.plapay .alignright{ width: 100% !important; text-align:center;} 
ul.mostread-ul li{ width: 90%; text-align:center !important}
.mostread-ul img{ margin: 3px auto;}
.booksale li{ width: 90%; min-height: 10vh !important}
.lvlact-hd li{ display:block; text-align:center; width: 100%;}
.lvlact-hd li a{ margin: 0px auto; text-align:center; width:180px; display:block;}
.lvl-award li{ width:100% ; display:block; margin:0px auto 20px}
.lvl-award li:last-child{ margin: 0px auto;}
.membermsgmain img{ width: 100%;}
.toursub .coltoleft { width: 100%; float: none;}
.toursub .coltoleft img{ display: inline-block; float: left !important; margin: 0 10px 20px; text-align: left; vertical-align: top; width: 30% !important;}
.toursub .coltoright{ width: 100%; float: none;}

.insideside{ display:none;}
.insidecontent{ width:98%;}

.unilist li{ width: 95%; float: none;}

.paypalcont{ display:block; width:100%; margin: 30px auto;} 
.paypalcont .leftpaypal{ width: 40%; float: left; border:1px solid #ffcc00;  border-radius:15px; padding:20px;}
.paypalcont .rightpaypal{ width: 40%; float: right; border: 1px solid #ffcc00; border-radius:15px; padding: 20px}

}

@media only screen and (max-width: 540px) {
	.alleditor .singeditor .editleft{ width: 95% !important; border-right: 0px;}
	#cse-search-box{ overflow: hidden;}
.content .listicon li{ width: 94%; text-align: center;}
.content .listicon li img{ margin: 0px auto;}
#header .subtopnav li{ display:block; text-align: center; margin: 3px 0;}
.nav-btn{ top: 17px;  left: 13px;}
#footer .footer{ display:block; text-align:center; text-decoration: none; padding: 4px 0px; border-bottom: 1px solid #91b6d1;}
#footer span{ display: none;}
.alleditor .singeditor .editleft{ display:block; width: 100%; text-align:center; border-bottom: 1px solid #ccc;}
.alleditor .singeditor .editright{ display:block; text-align:center;}
ul.listport li{ display:block; width: 100%;}
.artsearch{ text-align:center; background: #efefef }
.artsearch span{ text-align:center; width: 100%;}
.head-turner img{ width:100%;}
.myac .myac-left{margin: 0px 0px 20px;}
.myac .myac-left, .myac .myac-right{ width:95%; float:none;  text-align:center; }
.head-turner ul{ margin: 15px 0px; padding: 0px;}
.prof-cont1 .prof-pic{ width: 98%; margin: 0px auto; text-align:center; float:none;}
.prof-cont1 .prof-info{width: 98%; margin: 0px auto; text-align:center; float:none;}
.prof-cont1 .prof-stat{width: 98%; margin: 0px auto; text-align:center; float:none;}
.prof-cont3 .artarchive ul li.tab-title{ width:40%; text-align:center;}
.prof-cont3 .artarchive ul li{ text-align:center !important}
.prof-cont3 .artarchive ul li.tab-status{width: 20%;}
.emaillogin ul{ width:100%;}
.emaillogin ul li{ display: block !important; margin: 0px !important;  width: 95% !important}
.searchname span{ width:96%; float: none; display:block;}
.searchname input[type="submit"]{ width:100%; margin:0px; float:none;}
.searchname input[type="text"]{ width: 100%; float: none;}

.msgmain, .pmsg { width: 100%; float:none; margin:0px 0px 20px;}

.sidebaraccount .content, .sidebaraccount1 .content{ width: 96% !important;} 
.membermsgmain{ width: 100% !important; display:inline-block;}
.membermsgmain img{ width: 196px; margin: 0px auto 10px; display:block; float:none;}
.memberpmsg{ width: 100% !important; display:block; text-align:left;}
.memberpmsg .backcont{ text-align:center;}
.toursub .coltoleft img{ width:45% !important}

.tracktab ul li.ftab2{ width: 19.5%;}
.onethree { float:none; width: 90%;}

}

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

.homebanner .bantxt .txtbanimg{ width:100%;}
.homebanner .banimg { width: 285px;}
#header .header-logo .tagline a{ display:block;}
.articlelist .leftartlist, .articlelist .rightartlist{ float:none; width: 100%; display:block;}
.tableslide{ margin: 0px 0px 20px;}
.grouptab .gtab{width: 96%;}
.contad1 .sidead1 div{ display:none}
.codeg .codegg{ width: 90%; margin: 0px auto 20px;}
.formact .alignleft, .formact .alignright{ width: 100%; margin: 0px 0px 10px;}
.head-turner span{ font-size: 16px !important;}
.head-turner-center .ads{ display:none;}
.head-turner ul{ margin: 10px 0px; padding: 0px;}
.prof-cont3 .artarchive ul li.tab-title{  width: 35%;}
.imgone{ width: 100%;}
.termstitle{ font-size: 16px !important;}
.writingcourse .course{ width:80%;}
.artbox ul{ margin: 0px 0px 0px 20px; padding: 0px; width: 90%; float: none;}
.formreg li{ width: 100%; text-align:left;}
.warnred img, .sidebar-content-sidebar .content img{ width: 100%;}
.sidebar-content-sidebar .content{ width: 96% !important;}
.toursub .coltoleft{ margin: 0px auto 30px;}
.toursub .coltoleft img{ width:196px !important; float:none !important; text-align:center; margin: 0px auto 10px; display:block;}
.tabart ul:first-child{ font-size:10px;}
.tabart ul li{ padding:1% ;}
.tabart ul li.tdate{ width:15%; word-break: break-all;}
.tabart ul li.ttitle{width:25%;}
.tabart ul li.tviews{width:10%;}
.tabart ul li.tstatus{width:15%;}
.tabart ul li.tedit{width:25%;}
.imgst{ width: 100%;}

.wideimg{ width:100%;}
.contgul img{ width:100%;}
.contgul ul li{ width: 100% !important;}
.contgul ul li img{ width: 70%;}

.wribasic .wri-left{ width: 100%; float:none; text-align:left;}
.wribasic .wri-right{ width: 100%; float:none; text-align:left;}
.divu .divu-left{ width: 100%; float:none; text-align:left;}
.divu .divu-right{ width: 100%; float:none; text-align:left;}

.divu .divuone,.divu .divutwo,.divu .divuthree{ width:100%; padding:1%; float:none; text-align:left;}
.mel-side1, .mel-side2{ width: 100% !important; float: none !important;}

.paypalcont .leftpaypal, .paypalcont .rightpaypal{ width:90%; float:none; margin:10px 0px;}


}
@media only screen and (max-width: 360px) {
.rowacc .rowacc-left, .rowacc .rowacc-right{ width: 99%; float: none; text-align:center;}
.ctour .left-ctour, .ctour .right-ctour{ width: 100%; margin: 0px auto 10px; float: none;}
.tracktab ul li.ftab2{ width: 19.4%;}
.booksale li img{ display:block; margin: 0px auto 20px; text-align:center; float:none}
}

@media screen and (min-width: 50.7em) {
  #top .nav-btn{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
#nav .close-btn{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
#nav .block-title{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

}
@media screen and (max-width: 50.7em) {
  #nav{position:absolute;top:0;padding-top:0;}
#nav:not(:target){z-index:1;height:0;}
#nav:target .close-btn{display:block;}
#nav .close-btn{position:absolute;top:-3.75em;left:1.875em;}
#nav .block{position:relative;padding:0;}
#nav li{position:relative;border-top:1px solid rgba(255,255,255,0.1);}
#nav li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
#nav li.is-active:after{z-index:50;display:block;content:"";position:absolute;top:50%;right:-.03125em;margin-top:-.625em;border-top:.625em transparent solid;border-bottom:.625em transparent solid;border-right:.625em #FFF solid;}
#nav li a{padding:.85714em 2.14286em;}
.js-ready #nav{height:100%;width:70%;background:#91b6d1;-webkit-box-shadow:inset -1.5em 0 1.5em -.75em rgba(0,0,0,0.25);-moz-box-shadow:inset -1.5em 0 1.5em -.75em rgba(0,0,0,0.25);box-shadow:inset -1.5em 0 1.5em -.75em rgba(0,0,0,0.25);}
.js-ready #nav .block{background:transparent;}
.js-ready #nav .close-btn{display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
.js-ready #nav .close-btn:focus,.js-ready #nav .close-btn:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.js-ready #nav{left:-70%;}
.js-ready #inner-wrap{left:0;}
.js-nav #inner-wrap{left:70%;}
.csstransforms3d.csstransitions.js-ready #nav{left:0;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.csstransforms3d.csstransitions.js-ready #inner-wrap{left:0!important;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:0 500ms ease;-moz-transition:0 500ms ease;-o-transition:0 500ms ease;transition:transform 500ms ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.csstransforms3d.csstransitions.js-nav #inner-wrap{-webkit-transform:translate3d(70%,0,0) scale3d(1,1,1);-moz-transform:translate3d(70%,0,0) scale3d(1,1,1);-ms-transform:translate3d(70%,0,0) scale3d(1,1,1);-o-transform:translate3d(70%,0,0) scale3d(1,1,1);transform:translate3d(70%,0,0) scale3d(1,1,1);}
}