.featured-posts {padding-top: 60px; margin-bottom: 10px;}
.featured-big {max-width: 700px; width: 100%;}
.featured-big .vertical-title {font-size: 148px; font-weight: 700; color: #fff; position: absolute; left: -295px; top: 300px; transform: rotate(-90deg); font-family: 'oswald', sans-serif;}
.featured-big .post-item { padding-left: 70px;}
.featured-big .post-image {max-width: 630px; width: 100%;}
.featured-big .post-image img {width: 100%;}
.featured-big .post-content {padding-left:65px; margin-top: -50px;}
.featured-big .post-title {margin-bottom: 20px;}
.featured-big .post-title a {font-size:60px; font-weight: 700; line-height:1.3; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); display: initial; background-position: 0 89%; background-repeat: no-repeat; background-size: 100% 2px; text-decoration: none; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.featured-big .post-title a:hover {background-size: 0 2px;}
.featured-big .post-description {font-size: 25px; line-height:1.3; color: #fff; margin-bottom: 30px;}

.featured-right {max-width: 460px; width: 100%; margin-left: 40px;}
.featured-right .sidebar-post-list .post-item {border-bottom: 0;}
.featured-right .post-list-with-image .post-content {max-width: calc(100% - 154px);}
.featured-right .post-image {max-width: 134px;}

.hr-ads {text-align: center; padding: 50px 0;}

.magazine-issues {margin-bottom: 60px;}
.current-issue {max-width: 530px; width: 100%;}
.current-issue-image {background-color: #1a1a1a; padding: 20px; margin-bottom: 20px;}
.current-issue-image img {border-radius: 6px;}
/* .current-issue-badge {margin-right:25px; margin-left: 10px; width: 50px; height: 50px; border-radius: 50%; background: #2e2e2e; font-size:24px; line-height: 34px; color: #3CFFD0; display: flex; justify-content: center; align-items: center; font-family: 'oswald', sans-serif;} */
.current-issue-description {text-align: justify; margin-bottom: 30px;}
.subscribe-section {position: relative; display: flex; justify-content: flex-end; align-items: center;}
.subscribe-section span {background:#131313; padding: 0 20px 0 10px;}
.subscribe-section:before {position: absolute; content:''; background: #323232; width: 100%; height: 1px; top: 50%; left: 0; z-index: -1;}

.magazine-grid {margin: 0 -10px;}
.past-issues {max-width: 600px; width: 100%;  margin-left: 70px;}
.past-issue-item { max-width: calc(50% - 20px); margin: 0 10px 30px; width: 100%; text-align: center;}
.past-issue-image {background-color: #1a1a1a; padding: 20px;}
.past-issue-image img { width: 100%; border-radius: 6px; }
.issue-date {display: block; margin-top: 15px; font-weight:400; color: #FFF; font-size: 20px; font-family: 'oswald', sans-serif;}


.most-popular {background: #191919; padding: 25px; position: relative; border-radius: 5px;}
.most-popular .vertical-title {position: absolute; z-index: 1; left: -140px; bottom: 245px; font-family: 'oswald', sans-serif; font-size: 70px; font-weight: 700; color: #2E2E2E; transform: rotate(-90deg);}
.most-popular .post-list-with-image {margin-left: 100px; padding-bottom: 20px;}
.most-popular .post-list-with-image .post-content {max-width: calc(100% - 155px);}
.most-popular .post-list-with-image .post-title a {font-size: 24px;}
.most-popular .post-list-with-image .post-image {width: 134px;}

.technology-section {margin-bottom: 60px;}
.technology-left {max-width: 605px; width: 100%; margin-right: 55px;}
.technology-left .action-part {display: flex; justify-content: center;}
.technology-left .action-part .button {line-height: 40px;}
.post-list-with-image {display: flex; flex-wrap: wrap; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #313131;}
.post-list-with-image .post-content {max-width: calc(100% - 220px); width: 100%; margin-right: 20px;}
.post-list-with-image .post-description {font-size: 16px; line-height: 24px; font-weight: 500; color: #B2B2B2; margin-bottom:10px;}
.post-list-with-image .post-title {margin-bottom: 20px;}
.post-list-with-image .post-title a {font-size: 30px; line-height:1.3; font-weight: 400; color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.post-list-with-image .post-title a:hover {background-size: 100% 2px;}
.post-list-with-image .post-image {width: 200px;}
.post-list-with-image .post-image img {border-radius: 8px;}
.post-footer {width: 100%; margin-top: 10px;}
.post-footer .categories a {margin-right: 15px;}
.technology-right {max-width: 540px; width: 100%; position: sticky; top: 10px;}

.sidebar-add {background: #191919; padding: 25px; position: relative; display: flex; justify-content: center; margin-top: 40px; border-radius: 5px;}


.tags-section { display: flex; flex-wrap: wrap; margin-bottom: 60px; justify-content: center; padding: 50px 0; border-top: 1px solid #313131; border-bottom: 1px solid #313131; }
.tag { color: #3CFFD0; font-size: 18px; font-weight: 500; cursor: pointer; border-bottom: 2px solid #3CFFD0; margin: 0 17px 20px;}
.tag:hover { color: #FFF;}


.business-section {padding-bottom: 70px;}
.business-left {max-width: 830px; width: 100%;}
.business-right {max-width: 340px; width: 100%; margin-left: 30px; position: sticky; top: 0; }
.section-title {color:#3CFFD0; font-size: 20px; font-family: 'oswald', sans-serif; margin-bottom: 20px;}
.business-right .vertical-title {position: absolute; z-index: 1; right: -140px; bottom: 366px; font-family: 'oswald', sans-serif; font-size: 76px; font-weight: 700; color: #3CFFD0; transform: rotate(-90deg);}
.business-left .post-item-box { padding-bottom: 50px; }
.business-left .post-item-box .post-footer { position: absolute; bottom: 15px; }

.sidebar-post-list {list-style-type:decimal; padding: 0; display: block;}
.sidebar-post-list .post-item {counter-increment: trending-counter; position: relative; padding-left:60px; padding-bottom: 30px; margin-bottom: 20px; list-style: none;}
.sidebar-post-list .post-item:before {content: counter(trending-counter); position: absolute; left: 0; top: 5px; background-color: #333; color: #3CFFD0; border-radius: 50%; width:30px; height:30px; line-height:30px; text-align: center; font-weight: bold; font-family: 'roboto', sans-serif;font-size: 14px;}
.sidebar-post-list .post-item:after {position: absolute; content:''; border-bottom: 2px solid #313131; bottom: 0; right: 0; max-width:calc(100% - 60px); width: 100%;}
.sidebar-post-list .post-title { margin-bottom: 20px;}
.sidebar-post-list .post-title a { margin: 0; font-weight: 400; color: #fff; font-family: 'oswald', sans-serif; font-size:24px; line-height:1.3; margin-bottom: 5px; display: initial; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.sidebar-post-list .post-title a:hover {background-size: 100% 2px;}
.sidebar-post-list .author a { font-size: 14px; color: #3CFFD0; font-weight: 600; font-family: 'roboto', sans-serif;}
.sidebar-post-list .date { color: #ccc; font-size: 14px; color: #949494;}

.video-section {margin-bottom: 80px;}
.slick-list {padding-right: 126px!important;}
.slide { position: relative;  border-radius: 10px; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.6); margin: 0 20px 0 0;}
.caption { position: absolute; background-image: none; display: initial; top: 20px; left: 20px; right: 20px; font-family: 'oswald', sans-serif; color: white; font-size:22px; font-weight: 500; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
.slick-arrow {width: 35px; height: 55px; background-color: #fff; position: absolute; top: 50%; margin-top:-23px; font-size: 0; z-index: 1; border: 0; cursor: pointer;}
.slick-arrow.slick-prev:after, .slick-arrow.slick-next:after {font-size: 24px; font-weight: 700; color: #131313; font-family: 'oswald', sans-serif;}
.slick-arrow.slick-prev {left:0; border-radius: 0 5px 5px 0;}
.slick-arrow.slick-prev:after {content:'<'; }
.slick-arrow.slick-next {right:0; border-radius: 5px 0 0 5px;}
.slick-arrow.slick-next:after {content:'>'; }

.mediakit-item {padding:50px;}
.mediakit-item .vertical-title {font-size: 65px; font-weight: 700; color: #fff; position: absolute; left: -190px; top: 300px; transform: rotate(-90deg); font-family: 'oswald', sans-serif;}
.mediakit-image {max-width: 500px; width: 100%;}
.mediakit-content {max-width: 500px; width: 100%; margin-left: 100px;}
.mediakit-content h1 {font-size:42px; line-height: 38px; font-weight: bold; color:#fff; font-family: 'oswald', sans-serif; margin-bottom: 20px;}
.mediakit-content p {font-size: 16px; line-height: 26px;}

.form-section {background: #191919; padding: 25px; position: relative; border-radius: 5px; max-width:800px; width: 100%;}

.login-form .form-section {max-width:600px; margin: 60px auto;}
.login-form a {color: #3CFFD0; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.login-form a:hover {background-size: 100% 2px;}
.login-form .field-control {margin-bottom: 20px;}
.submit-action {margin-top: 20px;}

.account .form-section {max-width:1000px; margin: 60px auto;}
.account-sidebar { width: 30%; background: #131313; }
.account-sidebar ul {list-style-type: none; padding-left: 0; display: block;}
.account-sidebar ul li {border-bottom: 1px solid #666;}
.account-sidebar ul li:last-child {border-bottom:none;}
.account-sidebar ul li a {background:#313131; padding:5px 15px; display: block; color: #fff; font-family: 'oswald', sans-serif;}
.account-sidebar ul li a:hover, .account-sidebar ul li a.active {background:#3CFFD0; color: #131313;}
.account-avatar { margin-bottom: 20px; text-align: center;}
.account-avatar img { border-radius: 50%;}
.account-main { width: 70%; padding: 20px;}
.account-title { background: #3CFFD0; color: #131313; padding: 10px; margin-top: 0; margin-bottom: 20px; }
.account-info.expired { color:#e96262; }

.account-buttons { margin-top: 20px;}
.account-buttons .button {margin-right: 15px;}

.form-group {margin-bottom: 15px;}
.sitemap-row {margin-top:30px;}
.sitemap {margin-right: 100px;}
.sitemap > ul {margin-bottom: 0;}
.sitemap > ul > li {margin-bottom: 5px!important;}
.sitemap ul li ul, .sitemap ul li ol {margin-left: 0; margin-bottom: 0; margin-top: 5px;} 
.sitemap ul li ul li, .sitemap ul li ol li {margin-bottom: 5px;} 
.sitemap ul li ul li a, .sitemap ul li ol li a {color: #5c8d80;} 
.sitemap ul {display: block;}

.subscribe-register {background: #191919; padding: 40px; margin-bottom: 60px;}
.subscribe-register .one-half {margin-bottom:15px;}

.thank-you { background: #191919; padding: 30px 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); max-width: 500px; text-align: center; margin: 0 auto;}

.event-item {padding: 30px; margin-bottom: 30px; border-bottom: 10px solid #393939; background: #202020;}
.event-content h2 {margin-bottom: 15px!important;}
.event-content p {text-align: justify;}
.event-content p span {display: block;}

.tnp.tnp-subscription  {margin:1em 0;}
.tnp-field-button {margin-top: 25px;}
.tnp-subscription input[type=text], .tnp-subscription input[type=email] {background-color: #444!important; color: #999!important;}
.tnp-submit {font-size: 15px; display: inline-block; text-align: center; min-width: 160px; padding: 0 15px; height: 40px; border-radius: 5px; line-height: 40px; font-weight: 600; cursor: pointer; border: none; cursor: pointer; background-image: none; background-color:#5200FF!important;}
.tnp-submit:hover {opacity: 0.8;}
.tnp-subscription label, .tnp-profile label {color: #fff!important; font-size: 16px!important; font-family: 'Oswald', sans-serif, Helvetica, Arial;}
.footer-column .tnp-field-button {margin-top:5px;}
.footer-column .tnp-field-button input[type="submit"] {width:100%;}

.career_form form .one-full {margin:0;}
.accordion { max-width: 100%; margin-bottom:30px; background: white; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); }
.accordion-item { border-bottom: 1px solid #191919; }
.accordion-title { padding: 15px 20px; cursor: pointer; font-weight: bold; color: #999; background: #444; position: relative; transition: background 0.3s ease; }
.accordion-title:hover { background: #333; }
.accordion-title::after { content: "+"; position: absolute; right: 20px; font-size: 17px; }
.accordion-title.active::after { content: "-"; font-size: 22px;}
.accordion-content { display: none; padding: 15px 20px; background: #333; }

.page-template-tp-january-timeline .entry-header {margin-bottom:30px;}
.page-template-tp-january-timeline .post-thumbnail {float:left; margin-right:30px; max-width: 50%;}

.timeline {position:relative; max-width:900px; margin:auto; padding-left:40px;}
.timeline::before {content:''; position:absolute; left:50%; top:20px; bottom:0; width:2px; background-color:#3CFFD0; transform:translateX(-50%);}
.timeline-item {position:relative; width:50%; padding:20px 40px;}
.timeline-item a {color:#fff!important;}
.timeline-item::before {content: ''; position:absolute; width:25px; height:25px; background:#3CFFD0; border-radius:50%; top:17px; z-index:1;}
.timeline-item.left::before {right:7px;}
.timeline-item.right::before {left:-33px;}
.timeline-item.left {left:0;}
.timeline-item.right {left:50%; text-align:left;}
.date { color:#949494; font-size:16px; font-weight:bold; margin-bottom:8px; text-transform: uppercase;}

.payment-icon {font-size: 34px; display: inline-block; width: 70px; height: 70px; line-height: 70px; border: 2px solid; border-radius: 50%;}
.payment-icon.success {color:#3CFFD0; border-color:#3CFFD0;}
.payment-icon.failed {color:#ff3c3c; border-color:#ff3c3c;}

.past-issue-item-box-wrapper {margin: 0 -15px;}
.past-issue-item-box {max-width: calc(25% - 30px); margin: 0 15px 30px; width: 100%; padding: 15px;position: relative; background-color: #202020; border-bottom: 10px solid #313131; overflow: hidden;}
.past-issue.image-box img {width: 100%; height: auto; border-radius: 5px;}
.past-issue-item-box h2 {text-align: center; padding: 10px 0;}
.past-issue-item-box a {color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.past-issue-item-box a:hover {background-size: 100% 2px;}

.past-issues-archive  .post-content {padding: 0!important; margin:10px auto!important;}
.past-issues-archive  .post-item-box .post-title {text-align: center;}

.pricing-wrapper { display:flex; flex-wrap: wrap; padding: 0 50px; margin-bottom: 50px;}
.pricing-card { background-color: #1c1e29; color: #fff; border-radius: 12px; max-width:calc(33.3333% - 30px); width: 100%; margin: 0 15px; padding: 30px 20px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); position: relative; }
.pricing-card h2 { font-size:34px; margin-bottom:30px!important; display: block;}
.pricing-image {margin-bottom: 20px;}
.price { font-size:34px; font-weight: bold; margin-bottom: 25px;}

.single .one-common-row, .single .content-section {padding:60px 0;}
.single .columns-2 {padding-top: 0;}
.single .columns-2 .column-wide {max-width: 750px;}
.single .columns-2 .column-sidebar {max-width: 400px;}
.single .content-section {background: #202020;}
.single .post-title h1 {font-size: 54px; line-height: 1.1em; font-weight: 700; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); display: initial; background-position: 0 89%; background-repeat: no-repeat; background-size: 100% 2px; text-decoration: none; -webkit-transition: background-size .6s ease-out; -o-transition: background-size .6s ease-out; transition: background-size .6s ease-out;}
.single .post-footer {margin-top: 30px;}
.single .post-title {margin-bottom:30px;}
.single .post-description {color: rgb(239, 239, 239, 1); font-size: 26px; line-height: 34px;}
.single .post-description a {color: #3CFFD0!important; text-decoration:none!important; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.single .post-description a:hover {background-size:100% 2px!important;}
.single .post-description figure, .single .post-description img {width: 100%!important;}
.single .post-description figcaption {font-style: italic; font-size: 14px; line-height: 1.4; color: #777; padding: 0 0 10px;}
.single .post.format-standard a {color: #3CFFD0; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CFFD0), to(#3CFFD0)); background-image: -o-linear-gradient(#3CFFD0,#3CFFD0); background-image: linear-gradient(#3CFFD0, #3CFFD0); background-position: 0 99%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: background-size .5s ease-out; -o-transition: background-size .5s ease-out; transition: background-size .5s ease-out;}
.single .post-description p { font-size: 18px; line-height: 1.4; }
.single .most-popular .vertical-title {display: none;}
.single .most-popular .post-list-with-image {margin-left: 0!important;}
.single .most-popular .post-list-with-image .post-content {max-width: calc(100% - 115px);}
.single .most-popular .post-list-with-image .post-image { width: 94px; }
.single .most-popular .post-list-with-image .post-title a { line-height: 32px; }
.single .post-description iframe {width: 100%;}

.single .post-description ul li, .single .post-description ol li { margin-bottom: 15px; font-size: 18px; line-height: 1.4; color: #B2B2B2; }

.sidebar-newsletter, .sidebar-follow {background: #191919; padding: 25px; border-radius: 5px; margin-top: 50px;}
.sidebar-tags a {background-image: none; background-color: #333; padding: 5px; margin:0 10px 10px 0; display: inline-block;}

.comment-form, .prev-post, .next-post {background: #2E2E2E; padding: 25px;}
.comment-form p.comment-form-author, .comment-form p.comment-form-email { width: 47.5%; float: left; margin: 0 0 13px 0; }
.comment-form p.comment-form-author { margin-right: 4.8%; }
#commentform #submit {background-color: #5200FF; border-color: #5200FF; color: #FFF; border: none; border-radius: 4px; font-weight: bold; padding: 11px 35px; text-align: center; cursor: pointer;}
#commentform #submit:hover {opacity: 0.8;}

.post-navigation {margin:0 -15px;}
.prev-post, .next-post { text-align: center; margin-top: 30px!important;}
.prev-post h3 a, .next-post h3 a { color: #fff;}

.error-404 { text-align: center; padding: 80px 20px; }
.error-404 .big-number { font-size: 150px; line-height: 1.4; font-family: 'Oswald', sans-serif, Helvetica, Arial; color: #999; font-weight: 700;}
.error-404 .page-title { font-size: 2.5rem; margin-bottom: 20px; color: #999; }
.error-404 p { font-size: 1.1rem; color: #999; margin-bottom: 30px; }
.error-actions { margin-top: 20px; }
.error-actions .btn-home { display: inline-block; background: #333; color: #fff; padding: 10px 20px; border-radius: 4px; text-decoration: none; margin-right: 15px; }
.error-actions .btn-home:hover { background: #555; }


.content.payment-form {max-width:100%; flex-wrap: wrap;}
.review-section {max-width:66.6666%; width:100%; padding:30px; background: #272727;}
.review-section .custum-field {margin-top: 10px; margin-bottom: 10px;}
.review-section .review-details, #summsbimg {max-width: 48%; width: 100%;}

.summary-section {max-width:33.3333%; width:100%; background: #1e1e1e; padding:30px;}
.stripe-button-el {font-size: 15px; display: inline-block; text-align: center; min-width: 160px; padding: 0 15px; height: 40px; border-radius: 5px; line-height: 40px; font-weight: 600; cursor: pointer; border: none; background-color: #5200FF; color:#fff; background-image: none;}
.stripe-button-el span {background: none; box-shadow: none;}
.stripe-button-el:hover {opacity: 0.7;}



.page-template-tp-contact .page-heading h1, .page-template-tp-career .page-heading h1 {font-size: 29px!important;}
.page-template-tp-contact .one-common-row .one-half {text-align: left!important;}



/* =================== Responsive =================== */
@media only screen and (max-width: 1260px) {
  .featured-big { max-width: 550px;}
  .featured-right { max-width: 400px;}
  .featured-big .vertical-title {font-size: 120px; left: -215px; top: 250px;}
  .featured-big .post-title a {font-size: 40px;}
  .featured-big .post-description {font-size: 22px;}
  .featured-right {margin-left:20px;}
  .featured-right .post-image {max-width: 100px;}
  .featured-right .post-list-with-image .post-content { max-width: calc(100% - 120px);}
  .sidebar-post-list .post-item {padding-left: 40px; padding-bottom: 20px;}
  .sidebar-post-list .post-title {margin-bottom: 10px;}
  .sidebar-post-list .post-title a {font-size: 20px;}
  .post-footer .categories {display: block; width: 100%; margin-bottom: 10px;}
  .sidebar-post-list .post-item:after {max-width: calc(100% - 40px);}

  .hr-ads {padding: 30px 0;}

  .current-issue {max-width:calc(100% - 490px);}
  .past-issues {max-width:450px; margin-left: 40px;}

  .technology-left { max-width: 500px;}
  .technology-right { max-width: 400px;}
  .post-list-with-image .post-content {max-width: calc(100% - 170px);}
  .post-list-with-image .post-title a {font-size: 24px;}
  .post-list-with-image .post-image { width: 150px; }

  .most-popular .post-list-with-image .post-content { max-width: calc(100% - 95px); }
  .most-popular .post-list-with-image .post-title a { font-size: 20px; }
  .most-popular .vertical-title {font-size:50px; left:-100px; bottom:245px;}
  .most-popular .post-list-with-image {margin-left: 55px;}
  .most-popular .post-list-with-image .post-image { width: 74px;}

  .business-left {max-width: 640px;}
  .business-right { max-width: 300px;}
  .business-right .vertical-title {font-size: 60px; right: -115px; bottom: 260px;}

  .mediakit-item {padding:50px 10px;}
  .mediakit-item .vertical-title {left: -190px; top: 270px; font-size: 55px;}
  .mediakit-image, .mediakit-content {max-width: 450px;}
  .mediakit-content {margin-left: 50px;}

  .single .columns-2 {align-items: flex-start;}
  .single .post-title h1 {font-size: 38px;}
  .single .columns-2 .column-wide {max-width: 520px;}
  .single .columns-2 .column-sidebar {position: sticky; top: 10px;}




}


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

    .featured-big {max-width: 100%;}
    .featured-big .post-image { max-width: 100%;}
    .featured-big .post-footer .categories {display:inline-block; width:auto;}
    .featured-right {max-width: 100%; margin-left: 0; margin-top: 40px;}
    .sidebar-post-list {margin-bottom: 0;}

    .technology-left { max-width: 376px; margin-right: 26px;}
    .technology-right { max-width: 326px; }

    .post-list-with-image .post-image { width: 100px; }
    .post-list-with-image .post-content { max-width: calc(100% - 120px); }
    
    .most-popular .post-list-with-image { margin-left: 0; }
    .most-popular .vertical-title {display: none;}

    .current-issue {max-width: calc(100% - 420px);}
    .subscribe-section span {padding:0 10px 0 0;}
    .past-issues {max-width: 400px; margin-left: 20px;}

    .business-left { max-width: 100%; }
    .business-right { max-width: 100%; margin-left: 0; position: relative;}

    .mediakit-item .vertical-title {left: -150px; font-size: 50px;}
    .mediakit-image, .mediakit-content {max-width: 48%;}
    .mediakit-content {margin-left: 30px;}
    .column-sidebar .most-popular .post-list-with-image {margin-left:0;}

    .account-sidebar, .account-main {max-width:100%; width: 100%;}
    .account-buttons .button {display: block; margin-top: 20px;}
    .account-main {padding: 20px 0;}

    .single .one-common-row .one-half {max-width: 100%;}
    .single .one-common-row .one-half:last-child {margin-top: 30px;}
    .single .columns-2 .column-wide, .single .columns-2 .column-sidebar { max-width: 100%; }
    .single .columns-2 .column-sidebar {margin-left:0;}

    .pricing-wrapper {padding:0 20px;}
    .page-template-tp-subscribe-plans .page-heading h1 {font-size: 29px;}
    .pricing-card {max-width: calc(33.3333% - 15px); margin: 0 7.5px; padding: 30px 15px;}

}


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

    .featured-big .vertical-title {display: none;}
    .featured-big .post-item {padding-left:0;}
    .featured-big .post-content {padding-left: 10px;}
    .post-footer .categories a { margin-right: 10px; }
    .sidebar-post-list .post-item:before {display: none;}
    .sidebar-post-list .post-item {padding-left: 0;}
    .sidebar-post-list .post-item:after { max-width: 100%; }

    .hr-ads {max-width: 100%; padding: 0 20px;}

    .current-issue { max-width: 100%; }
    .subscribe-section span { padding: 0 20px 0 0; }

    .past-issues {max-width: 100%; margin-left: 0; margin-top: 30px;}
    .technology-left {margin-right: 0;}
    .technology-right {max-width:100%; margin-top:30px;}

    .mediakit-item .vertical-title {display: none;}
    .mediakit-image, .mediakit-content { max-width: 100%;}
    .mediakit-content {margin-left: 0; margin-top: 20px;}

    .pricing-wrapper { padding: 0; }
    .pricing-card {max-width:100%;}

    .page-template-tp-january-timeline .post-thumbnail {margin-right: 0; max-width: 100%;}
    .timeline {padding-left:0;}
    .timeline-item {padding:20px 0 40px 40px; width: 100%;}
    .timeline::before {left: 0;}
    .timeline-item.right {left: 0;}
    .timeline-item.left::before { right: auto; left:-12px; }
    .timeline-item.right::before { left: -12px; right: auto; }
}