@charset "UTF-8";
/*
Theme Name: Techzone.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

html, body 	{float:left;width:100%;margin:0;padding:0;height: 100%;background: #fff;}
body 		{font-family: 'Poppins',sans-serif;color:#000;overflow-x:hidden;}
ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;margin: 5px 0;width: 100%;font-size: 12px;line-height: 23px;letter-spacing: 0px;}
.event-content p {float: left;margin: 10px 0;width: 100%;font-size: 14px;line-height: 28px;letter-spacing: 1px;}
h1          {font-size:25px;line-height: 30px;font-weight: 900;}
h2          {font-size:17px;font-weight: normal;}
h3          {font-size: 14px;font-weight: normal;}
h1,h2,h3    {float: left;width: 100%;}

#wrapper 	{width: 1100px;float: none;margin:0 auto;}

/*header*/
#head 		{float: left;width: 100%;padding:27px 0 6px;background:#000;}
.ghead      {float: left;width: 100%;}
.hlogo 	    {float: left;width:200px;margin-top:0px;}
.hlogo img 	{float: left;width:150px;}
.hsearch    {float: right;width:auto;background: #fff;}
.hsearch .screen-reader-text {display: none;}
.hsearch input[type="search" i] {border:0;outline: 0;padding-left:10px;font-size:12px;width: 200px;height: 27px;font-family: 'Poppins', sans-serif;}
.hsearch input[type="submit" i] {border: 0;outline:0;background: #fff url('img/search-icon.png') no-repeat center center;color:transparent;width: 40px;padding: 0;height: 27px;}

.formobile {display: none;}

#hmenu      {float: left;width: 100%;background:#000;padding: 10px 0;}
#hmenu ul   {float: left;width: 100%;}
#hmenu ul li {float: left;width: auto;list-style: none;display: inline-block;margin-right: 30px;color: #fff}
#hmenu ul li a:hover {color:#007aff !important;}

#hmenu li, #hmenu li a {font-weight:500; color: #fff;font-size: 13px;}
#hmenu li.current-menu-item a, #hmenu li.current_page_item a {color:#007aff !important;}

#hmenu li.mega-menu-item-264, #hmenu li.mega-menu-item-20, #hmenu li.mega-menu-item-20 {float: right !important;}
#hmenu li.mega-menu-item-264 a {color:#0071bc !important;}
#hmenu li.mega-menu-item-264 {background: url('img/account-icon.png') no-repeat center left !important;padding-left:20px !important;margin-right: 0 !important;}
#hmenu li.mega-menu-item-20 a {color:#0071bc !important;}
#hmenu li.mega-menu-item-20 {background: url('img/contact-icon.png') no-repeat center left !important;padding-left:20px !important;}
#hmenu li#mega-menu-item-20 a {padding-right:0!important;}


/*home slider*/
#bigslider 	{float: left;width: 100%;z-index: 222;margin-top:0px;}

/*home content*/
#hse1, #hjobs, .welcome, .sehead, .feedsbox, .feedsbox ul,#hse2,.sehead2  {float: left;width: 100%;}
.lasthse {padding-bottom: 30px !important;float: left;width: 100%;}

#hse1 {background: #edede1;padding: 50px 0;}
.wimg {float: left;width:27%;}
.wimg img {width:100%;}
.wtxt {float: right;width:68.3%;margin-top: 24px;}
.sehead {margin: 50px 0 10px;}
.sehead2 {margin: 0 0 10px;}
.sehead h2, .sehead2 h2 {float: left;width: auto;margin:0;}
.sehead p, .sehead2 p  {float: right;width: auto;}
.sehead a:hover, .sehead2 a:hover {color:#0099ff;}

li.postbox, li.postbox2, li.postbox3 {float: left;background: #fff;width: 26%;padding:35px 3%;margin-right: 2%;margin-bottom: 36px;display: inline-block;}
li.postbox2 {min-height:455px;}
li.postbox2, li.postbox3 {padding: 0;width: 32%;-webkit-box-shadow: 0 1px 5px 0 rgb(211 211 211);-moz-box-shadow: 0 1px 5px 0 rgb(211 211 211);box-shadow: 0 1px 5px 0 rgb(211 211 211);}
li.postbox2 .prtimg img {width: 100%;}
li.postbox2 .prtimg img:hover {opacity:0.5;}
li.postbox3 {padding-bottom: 10px;min-height:318px;}
li.postbox3 img {width:auto;}
li.postbox2 .postbox_cnt, li.postbox3 .postbox_cnt  {float: left;width: 80%;padding: 12px 10% 35px;}
li.postbox2 .postbox_cnt h4, li.postbox3 .postbox_cnt h4  {margin-bottom: 10px;}

li.postbox:hover, li.postbox2:hover, li.postbox3:hover {-webkit-box-shadow: 0 2px 22px 0 rgba(143, 143, 143, 1);-moz-box-shadow: 0 2px 22px 0 rgba(143, 143, 143, 1);box-shadow: 0 2px 22px 0 rgba(143, 143, 143, 1);}
.postbox_cnt h4 {margin: 0;font-size: 14px;color: #0071bc;}
.postbox_cnt h4:hover {color: #2ba1ef;}
li.postbox:nth-child(3n), li.postbox2:nth-child(3n), li.postbox3:nth-child(3n)  {margin-right:0;float: right;}
.pstdte,.evdata {float: left;width: 100%;font-size: 12px;padding-top: 10px;margin-top: 35px;border-top:1px solid #d1d1c5; color:#444444;}
.pstagz ul li {list-style: none;display: inline-block;font-size: 12px;}
.pexcp p {margin: 0;}
.prtimg {float: left;width: 100%;margin-bottom: 10px;}

li.postbox3 .prtimg {padding:35px 10% 0;width:80%;float:left;}
.prtimg img {width: auto;}
#hse2 {padding: 10px 0;}
li#pobox3 {padding-bottom: 20px;min-height: 290px;}


/*inner pages*/

#grey-con {float: left;width: 100%;padding:50px 0;background: #edede1;}
#jobside {float: left;width:20%;}
#jobmain {float: right;width:76%;}
#jobside h2 {font-size: 15px;letter-spacing: 1px;border-bottom: 1px solid #98988e;padding-bottom: 5px;}
#jobmain h1,#eventcathead h1 {font-size: 24px;font-weight:normal; letter-spacing: 1px;}
#jobside ul li {display: block;float: left;width: 100%;background:url('img/bluedot.png') no-repeat center left;padding-left: 16px;font-size:13px;line-height: 30px;}
#jobside li.current-menu-item a, #jobside li.current_page_item a {color:#007aff !important;}
#jobside ul li a:hover {color:#007aff;}
#subscribox {float: left;width: 90%;padding:20px 5%;background:#fff;}
#subscribox .subform input[type="email" i] {width: 77%;padding: 13.5px 15px;}
p.mailsub {background:url('img/mail-icon.png') no-repeat center left;padding-left: 32px;}
p.mailpolicy {font-size:11px;color:#777777;}
p.mailpolicy a {color: #000;margin: 0;line-height: 13px;}
p.mailpolicy a:hover {color:#007aff;}
#ljfeeds {float: left;width:90%;margin-top:30px;background:#fff;padding: 20px 5% 40px;}
#ljfeeds li.postbox {float: left;width:100%;display: block;border-bottom: 1px solid #ccc;padding: 15px 0;margin: 0;}
#ljfeeds li.postbox:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#ljfeeds h1 {font-size: 18px;font-weight: bold;letter-spacing: 1px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.jtag {float:left;width:auto;background: #edede1;padding: 5px 10px;margin-top: 6px;}
.jtag li {list-style: none;font-size: 10px;}
.jtexc {float: right;width: 69%;margin-top: 8px;}
.jtitle {float: left;width: auto;}
.jtitle h3 {font-weight: bold;float: left;width: auto;margin: 0 10px 0 0;}
.jtitle h3:hover, .jtag li a:hover,.breadcrumb a:hover {color:#007aff;}
.jtitle p {float: left;width:auto;margin: 1px 5px 0 0;}
.japply {float: right;width:auto;}
.japply a, .reg-btn a {padding: 8px 31px;font-size: 12px;float: left;text-transform: uppercase;background:#0071bc;color:#fff;}
.japply a:hover, .reg-btn a:hover {background-color:#007aff;}
#pagination {float: left;width: 100%;margin: 40px 0 20px;font-family: 'Poppins', sans-serif;font-size:11px;}
#pagination .current, .page-numbers:hover {background:#f3f3f3;}
.page-numbers {border: 1px solid #ccc;padding: 2px 10px;margin-right: 10px;background:#fff;}
.breadcrumb {float: left;width: 100%;margin: 20px 0;;font-size: 10px;}
.breadcrumb a {color:#0071bc;}

#eventcathead {float: left;width: 100%;}
#eventcathead h1, .trainingheader {border-bottom:1px solid #d1d1c5;padding-bottom: 10px;margin-bottom: 10px;}
.subevents,.subevents ul {float: left;width:100%;}
.subevents ul li {float: left;width: auto;display: inline-block;list-style:none;font-size: 12px;border-right:1px solid #d1d1c5;padding-right:10px;margin-right:10px;}
.subevents ul li:last-child {margin-right: 0;border-right:0;} 
.subevents li.current-menu-item a, .subevents li.current_page_item a {color:#007aff !important;}
#eventcatfeed {float:left;width:100%;margin-top: 20px;}
.event-content {float: left;width:70%;padding: 20px 3% 40px;background:#fff;}
.event-content h1 {font-size: 22px;}
.event-content h2 {font-size: 26px;padding-bottom: 15px;border-bottom: 1px solid #edede1;font-weight:normal;margin-top: 30px;}
.event-content img {max-width: 100%;height: auto;}
.event-content ul {float: left;width: 100%;}
.event-content ul li {float: left;width: 95%;margin-left:17px;line-height: 30px;font-size: 13px;}

.event-sidebar {float: right;width:22%;}
.estitle {float: left;width:100%;padding: 0 0 16px;background:url('img/white-arr.png') no-repeat bottom center;}
.estitle p {background:#fff;text-align: center;padding: 10px 0;margin: 0;}
.esfeed {float: left;width:100%;margin-top: 20px;}

.esfeed li.postbox2, .esfeed li.postbox3 {display: block; width:100%;margin-bottom: 20px;min-height: 200px;}
.reg-btn {margin-top:50px;float: left;}
.deti {float: left;width:100%;}
.deti p {display: none;}
.deti .evdata {display: block;border-top: none;margin: 0 0 27px 0;padding: 0 0 18px 0;border-bottom: 1px solid #edede1;}

#af-wrapper .main-title {font-size: 14px;margin: 0;padding: 0;font-weight: bold;color: #000;width: auto;}
#af-wrapper .title-element {padding: 0px 5%;width: 90%;float: left;}
#af-wrapper .content-container, #af-wrapper .editor-element {float: left;width:100%;}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {background-color: #00a8ff;color: #fff;}
.ur-frontend-form input[type=submit],.ur-frontend-form button, .ur-frontend-form button[type="submit"], .ur-frontend-form input[type="submit"] {background: #00a8ff;color: #fff;}
#user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper, #user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header {float: left;width: 100%;}

.search-results p {display: none;}
.search-results .reg-btn {display:none;}
.search-results h1, .search-results h2 {background:url('img/bluedot.png') no-repeat top 8px left;padding-left:16px;float: left;width:100%;padding-bottom: 15px; border-bottom: 1px solid #ccc;font-weight: normal;font-size:15px;}
.search-results h1:hover, .search-results h2:hover {color:#007aff;}
.searchhead {float: left;width:100%;font-weight:bold;font-size:24px;margin-bottom: 30px;}

.contact-left {float: left;width:45%;}
.contact-right {float: right;width:40%;padding:30px 5%;border: 1px solid #ccc;}
.bignumber{font-size: 19px;margin-top: 30px;}


/*Footer*/

#ftmenu 		{float: left;width: 100%;padding: 80px 0 60px;color: #fff;background: #000;margin-top:0;}
.ftsec-a        {float: left;width: 100%;}
.ftm1 			{float:left;width:31%;margin-right:9%;}
.ftm2 			{float:left;width:17%;padding:0;border-left: 0;border-right:0;}
.ftm3 			{float:right;width: 40%;}

.ftm2 h4, .ftm3 h4,.ftm3 h5 {float: left;width: 100%;margin-bottom: 25px;font-weight: 500;font-size: 17px;margin: 7px 0 14px;letter-spacing: 1px;}
.ftm3 h5  {font-size: 15px; margin-top: 25px;}
.ftm3 ul li {float: left;width: auto;display: inline-block;list-style: none;margin-right: 20px;}
.ftm3 ul li img {width:auto;}
.ftm3 ul li img:hover {opacity:0.6;}

.ftm1 img {margin-bottom: 20px;}
.ftm1 p,.ftm3 p {font-size: 11px;font-size: 11px;line-height: 24px;margin: 5px 0 0 0;}
.ftm1 p, .ftm3 p, .ftm2 h4, .ftm3 h4,.ftm3 h5 {color:#8c8080;}
.ftm1 p, .ftm3 p {line-height: 18px;}
p.futmail, p.futphone {color:#fff;}
p.futmail {margin-top: 30px;}

.qlin ul {float: left;width: 100%;margin-bottom: 20px;}
.qlin ul li {float: left;display: block;font-size: 12px;letter-spacing: 1px;line-height:40px;width: 100%;background:url('img/bluedot.png') no-repeat center left;padding-left:16px;}
.qlin ul li a:hover, .ftm1 p a:hover, .pf-left a:hover,.pf-right a:hover {color:#007aff;}

.subform  {float: left;width: 100%;margin:5px 0 20px;}
.clear    {float: right;}

.subform input[type="email" i] {outline: none;border: 1px solid #ccc; padding: 13px 15px;width: 65%;}
.clear input[type="submit" i] {outline: none;border: none;background:#0071bc;color:#fff;padding:14px 26px;font-weight:500;text-transform: uppercase;cursor: pointer;float: right;margin-top: 0;font-family: 'Poppins';font-size: 11px;letter-spacing: 1px;}
.clear input[type="submit" i]:hover {background-color:#007aff !important;color: #fff;cursor:pointer;}
.contact-right input[type="submit" i]:hover {background-color:#2d87e9;cursor:pointer;}
.contact-left a:hover {color:#007aff !important;}

#post-footer 	{float: left;padding:10px 0;width: 100%;color:#949494;background:#000;font-size: 12px;}
#post-footer #wrapper {border-top:1px solid #535353}
.pf-left, .pf-right   {padding:25px 0;}
.pf-left 		{float: left;width: auto;}
.pf-right 		{float: right;width: auto;}
.pf-left a {color: #fff;}


.trd {float: left;width: 100%;margin: 20px 0;}
.trd1,.trd2,.trd3 {width:22%;font-size:12px;padding: 20px 0 20px 77px;}
.trd1,.trd2 {float: left;}
.trd2 {margin: 0 2%;}
.trd3 {float: right;}
.trd1 {background: #edede1 url('img/study-icon.png') no-repeat center left 20px; }
.trd2 {background: #edede1 url('img/trainer-icon.png') no-repeat center left 20px;}
.trd3 {background: #edede1 url('img/calendar-icon.png') no-repeat center left 20px;}

.search-results #post-253, .search-results #post-262, .search-results #post-261 {display:none !important;}
.search-results #ftmenu p {display: block !important;}
#af-wrapper .report-content {float:left;width:94%;}


/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/

.wpcf7-form-control-wrap input[type="text"]  {float: left;width: 90%;padding: 10px 20px;border: 1px solid #b2b2b2;outline: none;margin-bottom: 10px;}
.wpcf7-form-control-wrap input[type="email"] {float: left;width: 90%;padding: 10px 20px;border: 1px solid #b2b2b2;outline: none;margin-bottom: 10px;}
.wpcf7-form-control-wrap input[type="tel"] {float: left;width: 90%;padding: 10px 20px;border: 1px solid #b2b2b2;outline: none;margin-bottom: 10px;}
.wpcf7-textarea {float: left;width: 90%;padding: 10px 20px;font-family: 'Poppins',sans-serif;height: 50px;border: 1px solid #b2b2b2;outline: none;margin-bottom: 10px;}
.wpcf7-submit {float: left;width:140px;padding: 12px 20px;border: 0;background:#007aff;color: #fff;font-family: 'Poppins';font-weight: 900;outline: none;}

/*==========================================================================================================================
BLOG STYLES
============================================================================================================================*/
.author-box {background-color: #fff;padding: 20px 4%;margin:0;display: inline-block;width: 92%;border: 1px solid #ccc;}
.author-box .author-img {float: left;margin-right: 20px;margin-bottom: 20px;}
.author-box .author-img img {border-radius: 50%;}
.author-box .author-name {font-weight: bold;clear: none;display: inline;float: left;width: 80%;}

.author-description {float: left !important;width: 80% !important;margin: 0 !important;}
.authorhead {font-weight: bold;font-size: 16px !important;margin: 30px 0 20px !important;}
.pso {float: left;background: transparent;width:100%;margin: 20px 0 20px 0;clear: none;}
.pso a {float: left;width: auto;margin-right:15px;}
.pso img:hover {opacity:0.5;}

#author-bio-box {display: none;}

#wpdcom {max-width: 100%;}

.authorhead {float:left;width:100%;font-weight:bold;margin:30px 0 10px 0;font-size:15px;}
.saboxplugin-wrap .saboxplugin-desc {display: block;margin: 5px 20px;float: left;width: 70%;}
.saboxplugin-wrap .saboxplugin-authorname {font-weight:bold; float: left;width: auto;}
.saboxplugin-wrap .saboxplugin-gravatar {float: left;padding: 20px;width: auto;}

.rt-reading-time {display: block;float: left;margin-bottom: 15px;color: #b0b0b0;}
.category .rt-reading-time {display:none !important;}

li.blog-feed {float: left;width:100%;display: block;border-bottom: 1px solid #d1d1c5;padding:20px 0;}
.blog-left {float: left;width:27%;}
.blog-left h4 {font-size: 40px;font-weight: 900;line-height: 40px;margin: 0;}
.blog-left h4:hover {color:#007aff;}
.blog-mid {float: left;width:36%;margin:0 5%;}
.blog-mid p {font-size: 20px;line-height: 28px;}
.blog-right {float: right;width:25%;}
.blog-right img {width:100%; height:auto;}
.blog-right img:hover {opacity: 0.5;}
.post-template-single-blog .event-content h1 {font-size: 50px;line-height: 58px;padding-bottom: 0px;margin-bottom: 0px;border:0;}
.post-template-single-blog .pstdte {border-top:0;padding-top: 0;margin-top:15px;border-bottom: 1px solid #d1d1c5;margin-bottom: 30px;padding-bottom: 20px;}
.category-5 #grey-con, .post-template-single-blog #grey-con {background:#fff;}
.post-template-single-blog .event-content {width: 72%;padding: 0 0 40px;background:transparent;}

html.wp-dark-mode-active .post-template-single-blog .event-content {border: 0;}
html.wp-dark-mode-active .post-template-single-blog .event-content h1 {padding-bottom: 0px;margin-bottom: 0px;border:0;}
html.wp-dark-mode-active .post-template-single-blog li.postbox2 .postbox_cnt{padding: 0 0 12px;}
html.wp-dark-mode-active .post-template-single-blog .esfeed .postbox2 {padding: 20px 10% 0;    min-height: auto;height: auto;}
html.wp-dark-mode-active .post-template-single-blog .trainingheader {padding-bottom: 26px;margin-bottom: 25px;}

/*===========================================================================================================================
dark mode styles
===========================================================================================================================*/

html.wp-dark-mode-active li.postbox, html.wp-dark-mode-active li.postbox2, html.wp-dark-mode-active li.postbox3 
{border:1px solid #ccc; padding: 35px 2.88%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;width: 26%;}

html.wp-dark-mode-active #subscribox, html.wp-dark-mode-active #ljfeeds {border:1px solid #ccc;}
html.wp-dark-mode-active #ljfeeds li.postbox {border-top:none;border-left:none;border-right:none;}

html.wp-dark-mode-active #grey-con {padding:10px 0;}
html.wp-dark-mode-active #grey-con #wrapper {border-top:1px solid #ccc;}
html.wp-dark-mode-active #jobside, html.wp-dark-mode-active #jobmain {margin-top:30px;}

html.wp-dark-mode-active #af-wrapper #forum-header {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; border-right:1px solid #ccc;}
html.wp-dark-mode-active #eventcathead h1, html.wp-dark-mode-active .trainingheader {border-bottom: 1px solid #d1d1c5;padding-bottom: 34px;margin-bottom: 10px;padding-top: 20px;}

html.wp-dark-mode-active .contact-left, html.wp-dark-mode-active .contact-right {margin-top:60px;}
html.wp-dark-mode-active .ur-frontend-form, html.wp-dark-mode-active .searchhead  {margin-top: 60px;}

html.wp-dark-mode-active .esfeed .postbox3 {width: 78%;padding: 0 10%;min-height: 460px;}
html.wp-dark-mode-active .event-content {border:1px solid #ccc;}
html.wp-dark-mode-active .estitle p {color:#000;}
html.wp-dark-mode-active .esfeed .postbox2 {width: 78%;padding: 15px 10%;min-height: 405px;}

html.wp-dark-mode-active .trd1, html.wp-dark-mode-active .trd2,html.wp-dark-mode-active .trd3 {color:#000;}
html.wp-dark-mode-active .japply a, html.wp-dark-mode-active .reg-btn a {padding:8px 0;}

html.wp-dark-mode-active li.postbox2 .postbox_cnt, html.wp-dark-mode-active li.postbox3 .postbox_cnt {float: left;width: 100%;padding: 12px 0% 35px;}
html.wp-dark-mode-active li.postbox3 .prtimg {padding: 35px 0% 0;width: 100%;}
html.wp-dark-mode-active li.postbox2 {min-height: 390px;height: 390px;}

@media (max-width:1024px) {
html.wp-dark-mode-active li.postbox, html.wp-dark-mode-active li.postbox2, html.wp-dark-mode-active li.postbox3 {padding: 35px 2.8%;}
html.wp-dark-mode-active li.postbox2 {min-height: 365px;height: 365px;}
html.wp-dark-mode-active li.postbox3 {padding-bottom: 10px;min-height: 370px;height: 370px;}
html.wp-dark-mode-active li.postbox2 .postbox_cnt {width: 100%;padding: 12px 0% 35px;}
html.wp-dark-mode-active #hse1 {padding:50px 0 0;}
html.wp-dark-mode-active #jobmain li.postbox3 {min-height: 442px;height: auto;}
html.wp-dark-mode-active li.postbox3 .postbox_cnt {width: 100%;padding: 12px 0% 35px;}
html.wp-dark-mode-active li.postbox3 .prtimg {padding: 35px 0% 0;width: 100%;}
.author-description {float: left !important;width: 76% !important;margin: 0 !important;}
.author-box .author-name {width:auto;}
}

html.wp-dark-mode-active #mega-menu-wrap-mobiletopmenu .mega-menu-toggle.mega-menu-open + #mega-menu-mobiletopmenu {border: 1px solid #ccc;}

@media (max-width:800px) {
html.wp-dark-mode-active li.postbox, html.wp-dark-mode-active li.postbox2, html.wp-dark-mode-active li.postbox3 {padding: 35px 5% !important;width: 90%;min-height: auto !important;height: auto !important;float: left;margin-right: 0;}
html.wp-dark-mode-active #ljfeeds li.postbox {width: 100%;padding-left: 0 !important;padding-right: 0 !important;}
html.wp-dark-mode-active .jtag {padding: 0px;}
html.wp-dark-mode-active .japply a, html.wp-dark-mode-active .reg-btn a {padding: 8px 0;}
html.wp-dark-mode-active #mega-menu-wrap-mobiletopmenu #mega-menu-mobiletopmenu > li.mega-menu-flyout ul.mega-sub-menu {border: 1px solid #3a3a3a !important;}
}

@media (max-width:600px) {
    html.wp-dark-mode-active .contact-right {margin-top: 0px;}
    .author-description {width: 62% !important;}
    .author-box h3 {font-size:16px;}
}    

@media (max-width:450px) {
    html.wp-dark-mode-active .japply a, html.wp-dark-mode-active .reg-btn a {padding: 0;}
    .author-box .author-name, .author-description {width: 96% !important;padding:0 2%;}
}

/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
    #wrapper {width: 800px;}
    .ftm1 {margin-right: 7%;}
    .subform input[type="email" i] {width: 57%;}
    .clear input[type="submit" i] {padding: 14px 17px;}
    .subform {margin: 23px 0 20px;}
    #subscribox .subform input[type="email" i] {width: 74%;}
    .japply a, .reg-btn a {padding: 8px 23px;}
    .jtexc {float: left;width: 100%;}
    .trd2 {margin: 0 0 0 2%;}
    .trd1, .trd2, .trd3 {width: 19%;font-size: 12px;padding: 20px 13px 20px 60px;}
    .trd1 {background: #edede1 url('img/study-icon.png') no-repeat center left 10px; }
    .trd2 {background: #edede1 url('img/trainer-icon.png') no-repeat center left 10px;}
    .trd3 {background: #edede1 url('img/calendar-icon.png') no-repeat center left 10px;}
    .blog-left h4 {font-size: 28px;}
}
@media (max-width:800px) {
    #wrapper {width: 600px;}
    .formobile {display: block;}
    .ghead .formobile {float: right;width: 40px;margin:-6px 0 6px 40px;}
    #af-wrapper #forum-search {margin: 13px 0 0 0;}
    #hmenu {display: none;}
    .hlogo {margin-top: -3px;}
    #head {padding: 20px 0 6px;}
    .wimg {margin-top: 12px;}
    .ftm1,.ftm2,.ftm3 {float: left;width: 100%;margin:0;padding:0;}
    .ftm2 h4 {margin-top: 40px;}
    .pf-right {float: left;padding: 0 0 25px;}
    .pf-left {padding-bottom: 10px;}
    .subform input[type="email" i] {width: 73%;}
    .clear input[type="submit" i] {padding: 14px 28px;}
    .contact-left {width: 34%;}
    .contact-right {width: 50%;padding: 30px 6% 30px 4%;}
    .event-sidebar,#jobside {display: none;}
    .event-content {width: 88%;padding: 20px 6% 40px;}
    li.postbox2 {height: 432px;}
    #af-wrapper #bottom-navigation {float: left;}
    #jobmain {float: left;width: 100%;}
    #subscribox .clear input[type="submit" i] {padding: 14px 17px;}
    .jtitle p {margin: -1px 5px 0 0;}
    .trd1, .trd2, .trd3 {width: 86%;font-size: 12px;padding: 20px 0 20px 14%;float: left;margin: 0 0 10px 0;}
    .blog-mid {display: none;}
    .blog-left {width:60%;}
    .blog-right {width:30%}
    .post-template-single-blog .event-content {width: 100%;}
}

@media (max-width:600px) {
    #wrapper {width: 400px;}
    .hsearch {float: left;width: 100%;background: #fff;margin: 0px 0 14px;}
    .hsearch input[type="search" i] {width: 90%;}
    .hsearch input[type="submit" i] {width:8%;}
    .wimg {width: 100%;}
    .wtxt {float: left;width: 100%;}
    li.postbox, li.postbox2, li.postbox3 {float: left;background: #fff;width: 84%;padding: 35px 8%;margin-right: 0;}
    li.postbox2 .postbox_cnt, li.postbox3 .postbox_cnt {float: left;width: 100%;padding: 12px 0% 35px;}
    li.postbox2 {height: auto;min-height: auto;padding-bottom: 0 !important;}
    li.postbox3 {min-height: auto;height: auto;padding: 0px 8% 10px!important;}
    li.postbox3 .prtimg {padding: 40px 0 0;width: 100%;}
    .subform input[type="email" i] {width: 60%;}
    #subscribox .subform input[type="email" i] {width: 60%;}
    .contact-left {width: 100%;margin-bottom: 40px;}
    .contact-right {width: 90%;padding: 30px 6% 30px 4%;float: left;margin-bottom: 40px;}
    .trd1, .trd2, .trd3 {width: 80%;padding: 20px 0 20px 20%;}

}

@media (max-width:450px) {
    #wrapper {width: 300px;}
    .sehead p, .sehead2 p {float: left;width: 100%;}
    .subform input[type="email" i] {width: 90%;}
    .clear {float: left;margin-top: 10px;}
    #subscribox .subform input[type="email" i] {width: 87%;margin-bottom: 6px;}
    .japply a {padding: 4px 23px;margin-top: 6px;}
    .contact-right {width: 80%;padding: 30px 13% 30px 7%;}
    .trd1, .trd2, .trd3 {width: 75%;padding: 20px 0 20px 25%;}
    .blog-left h4 {font-size: 20px;line-height: 24px;}
    .blog-right {width: 40%;}
    .post-template-single-blog .event-content h1 {font-size: 30px;line-height: 36px;}

}


@media (max-width:320px) {
    #wrapper {width: 250px;}
    .hlogo {width: 157px;}
    .ghead .formobile {margin: -8px 0 6px 0px;width: 47px;}
    .subform input[type="email" i] {width: 86%;}
    .trd1, .trd2, .trd3 {width: 70%;padding: 20px 0 20px 30%;}
    .blog-left h4 {font-size: 16px;line-height: 20px;}
    .blog-right {width:30%;}
}