/*
Theme Name: Comparison Theme
License Number: 0452
*/

* {
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
}

.box-wrap:after, .comparison:after, .item-left:after, .item-right:after, .author-bio:after, .wrapper:after, #content:after, .pricingtable:after, .wp-classic-pros-cons:after, .hub-section, .facts {
	content: "";
  	clear: both;
 	display: table;
}

ul.facts {
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0 20px 0;
}

li.fact {
	display: block;
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px 0 20px;
}

.facts h3 {
	font-size: 18px;
	padding-bottom: 5px;
	color: black;
	font-weight: 600;
}

.facts p {
	font-size: 14px;
	line-height: 120%;
	color: #676767;
	font-style: italic;
}

.tds-message-box {
	padding: 5px 70px 5px 70px;
	font-style: italic;
}

.ctaText, .postTitle {
	font-size: 20px!important;
}

.post-rating {
	text-align: center;
}

.post-bio {
	position: absolute;
	right: 50px;	
	top: 0;
	height: 100%;
	line-height: 100%;
	display: table;
	width: 120px;
}

.post-ava {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	height: 60px;
	width: 120px;
	text-align: center;
}

.post-ava:after {
	content: "Steve Coltharp";
	font-size: 16px;
	font-weight: 600;
	color: black;
	margin-top: 38px;
	position: absolute;
	right: 0;
	width: 100%;
	text-align: center;
}

.post-ava img {
	margin-top: -15px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.su-table {
	padding: 12px 30px 16px 30px;
}

.post-header.reviews .container:after, .page .post-header .container:after {
	content: "";
	display: block;
	width: 45px;
	height: 36px;
	background: url(https://leather-toolkits.com/wp-content/themes/theme/images/icon.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -36px;
}

.post-header {
	background-color: white;
	box-shadow: 0px 10px 30px -10px lightgrey;
	margin-bottom: 35px;
}

.post-nav {
	font-size: 16px;
	box-sizing: border-box;
}

.main-image {
	max-height: 350px;
	overflow: hidden;
}

.main-image img {
	width: 100%;
	height: auto;
}

#ez-toc-container nav {
	display: none;
}

.wp-classic-pros-cons {
	background-color: transparent!important;
	border: none!important;
}

.section-title {
	font-size: 22px;
	font-weight: 700;
	padding: 0 20px 0 20px;
}

.wppc-header {
	display: none!important;
}

.wppc-box {
	width: 50%!important;
	float: left!important;
	display: block!important;
	box-sizing: border-box;
}

.screen-reader-text {
	display: none;
}

.nav-links {
	padding-bottom: 30px;
}

.content.guide {
	padding-top: 0;
}

.breadcrumb {
	list-style-type: none;
	font-size: 16px;
	padding-bottom: 20px;
}

.breadcrumb a {
	color: #3a3a3a;
}

.breadcrumb span {
	margin-right: 7px;
}

.breadcrumb li {
	display: inline-block;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0 10px 0 10px;
}

tr {
	border: 1px solid lightgray;
}

.page-numbers {
	width: 45px;
	height: 45px;
	display: inline-block;
	background-color: white;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
	margin-right: 5px;
}

.next, .prev {
	width: 110px;
}

.su-note-inner img {
	float: left;
	padding-right: 40px;
	max-width: 40%;
	height: auto;
}

.column-item-footer {
	padding-top: 8px;
}

.pricingtable {
	width: 1024px;
	margin-left: -10%;
	background: transparent!important;
	border-bottom: 2px dotted lightgray;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.column-item-data:nth-of-type(1) {
	text-align: center;
	height: 130px;
	overflow: hidden;
	padding: 10px 0 5px 0;
}

.column-item-data {
	font-size: 16px;
	color: #3a3a3a;
	letter-spacing: -0.5px;
	line-height: 24px;
	padding: 0 20px 0 20px;
	font-style: italic;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.column-item-data img {
	padding: 0!important;
	display: inline-block!important;
	margin: 0!important;
	width: auto!important;
	max-width: 90%!important;
	max-height: 130px!important;
}

.column-item-header {
	font-weight: bold;
	padding: 15px 15px 5px 25px;
	line-height: 115%;
	letter-spacing: -0.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	z-index: 1000000;
	position: relative;
}

.pricingtable-header-name {
	font-size: 20px!important;
}

.pricingtable-button {
	background-color: #e95858!important;
	border-radius: 5px;
	width: 80%;
	display: inline-block;
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 15px;
	line-height: 135%;
	padding: 5px 0 5px 0;
	color: white!important;
}

.pricingtable-button:after {
	content: " on Amazon";
}

.pricingtable .column {
	color: black!important;
	overflow: hidden;
	width: 18.4%;
	margin: 0!important;
	margin-bottom: 15px!important;
	margin-right: 2%!important;
	float: left;
	display: block;
	text-align: center;
	position: relative;
}

.pricingtable .column:after {
	position: absolute;
	top: -5px;
	left: 3px;
	color: white;
	font-weight: 900;
	font-size: 15px;
}

.column:nth-of-type(1):after {
	content: "#1";
}

.column:nth-of-type(2):after {
	content: "#2";
}

.column:nth-of-type(3):after {
	content: "#3";
}

.column:nth-of-type(4):after {
	content: "#4";
}

.column:nth-of-type(5):after {
	content: "#5";
}

.column:nth-of-type(6):after {
	content: "#6";
}

.column:nth-of-type(7):after {
	content: "#7";
}

.column:nth-of-type(8):after {
	content: "#8";
}
.column:nth-of-type(9):after {
	content: "#9";
}

.column:nth-of-type(10):after {
	content: "#10";
}

.pricingtable .column:nth-of-type(5n) {
	margin-right: 0!important;
}

.su-note {
	width: 70%;
	margin: 40px auto 20px auto;
	position: relative;
	overflow: hidden;
}

.su-button {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent!important;
}

.su-button span {
	background-color: #e95858;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	width: 60%;
	left: 20%;
	text-align: center;
	bottom: 20px;
	padding: 0!important;
}

.su-note-inner {
	background-color: transparent!important;
	border: none!important;
	border-radius: 0!important;
	overflow: hidden;
	padding: 25px 40px 35px 40px;
}

.su-button span:after {
	content: " on Amazon";
}

.wrapper {
	padding-bottom: 20px;
}

.content.guide img {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	padding-bottom: 12px;
}

.content.guide p img {
	padding-bottom: 0;
}

.no-results {
	font-size: 21px;
	padding: 10px 0 10px 0;
}

.search-pre, .search-next {
	padding-bottom: 15px;
}

.ftc {
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #585858;
}

a {
	text-decoration: none;
	color: black;
}

blockquote {
	border-left: 10px solid lightgray;
	padding: 15px 30px 0 30px;
	margin: 0 20px 0 20px;
}

.logo {
	position: absolute;
	display: block;
	letter-spacing: -0.7px;
	left: 0;
	top: 0;
	height: 46px;
	line-height: 46px;
	font-weight: 900;
	font-size: 24px;
	z-index: 100000000000000000;
}

.logo span:nth-of-type(1) {
	color: #4aa0e9;
}

ul {
	list-style-type: none;
}

#submit {
	cursor: pointer;
}

.comment-header {
	position: relative;
	margin-bottom: 15px;
}

.reply {
	text-align: right;
	font-size: 15px;
	height: 20px;
}

.reply a {
	color: #737373;
}

.comment-date {
	position: absolute;
    left: 75px;
    top: 33px;
    font-size: 15px;
    letter-spacing: -0.5px;
}

.comment .children {
	margin-left: 30px;
}

.children .comment-text {
	border-left: 10px solid #8c9da4;
}

.children .comment-text:before {
    content: "reply";
    background-color: #8c9da4;
    width: 35px;
    padding-right: 4px;
    height: 19px;
    line-height: 19px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    color: white;
    top: -1px;
    left: -1px;
}

#submit {
	border: none;
	background-color: #1dd0a8;
	padding: 0 12px 0 12px;
	color: white;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	width: auto;
}

#respond {
	margin-top: 15px;
	border-top: 2px dashed lightgray;
	padding-top: 15px;
}

.comment-avatar {
    width: 60px;
    height: 60px;
	border-radius: 30px;
    overflow: hidden;
}

.comment cite {
	font-weight: bold;
    font-style: normal;
	position: absolute;
    left: 75px;
    top: 6px;
    font-size: 22px;
	color: black;
}

.comment-avatar img {
	width: 100%;
	height: 100%;
}

.comment-text {
	background-color: white;
	border: 1px solid lightgray;
	border-left: 10px solid #5d6f76;
	padding: 14px 24px 14px 24px;
	font-size: 19px;
	position: relative;
}

.commentlist {
	list-style-type: none;
}

.comment:marker {
	display: none;
}

.response-msg, .no-comments {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	border-bottom: 2px dashed lightgray;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.no-comments {
	margin: 0;
	border: 0;
	font-size: 22px;
	padding: 0;
}

textarea {
	border: 1px solid lightgray;
	max-width: 100%;
	height: 60px;
	max-height: 300px;
	padding: 15px;
	font-size: 19px;
}

input {
	border: 1px solid lightgray;
	width: 30%;
	font-size: 19px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px 0 15px;
	margin-bottom: 15px;
}

h1 {
	font-size: 40px;
	border-bottom: 2px dashed lightgray;
	padding: 0 0 10px 0;
	font-weight: 900;
	color: black;
}

.search h1 {
	margin-bottom: 20px;
}

.single-post h1, .page-template-page-hub h1 {
	font-size: 34px;
	font-weight: 700;
	border: none;
	padding: 2px 20px 0 0;
	border-right: 1px solid #d5d5d5;
}

h4.rel-header {
	font-size: 36px;
	font-weight: bold;
	border-bottom: 2px dashed lightgray;
	padding: 0 0 10px 0;
	color: black;
}

.post-image {
	width: 100%;
	height: 130px;
	overflow: hidden;
}

.post-image img {
	width: 100%;
	height: auto;
}

.box-image {
	text-align: center;
	height: 100px;
	padding-bottom: 5px;
}

.box-image img {
	height: 100px;
	width: auto;
}

.tag {
	font-size: 20px;
	font-weight: 600;
	padding: 10px 0 10px 0;
	color: black;
	text-decoration: underline;
}

.review:after {
	content: "SPONSORED";
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #b0b0b0;
}

.content.reviews .review:nth-of-type(1):after {
	display: none;
}

.content.reviews.reviews-more .review:nth-of-type(1):after {
	display: block;
}

.item .tag {
	font-size: 19px;
	letter-spacing: -0.3px;
	padding: 0 0 10px 0;
	line-height: 130%;
}

.post-edit-link {
	position: fixed;
	z-index: 10000000000000000000000000;
	top: 10px;
	right: 10px;
}

.hub-section .post-edit-link {
	position: absolute;
	font-size: 12px;
	color: gray;
}

.footer-header {
	font-weight: 700;
	padding-bottom: 10px;
	color: black;
}

.box-wrap {
	padding: 0 0 25px 0;
	border-bottom: 2px solid lightgrey;	
	margin-bottom: 25px;
}

.related .box-wrap {
	padding: 0;
	border-bottom: none;
}

body {
	margin-top: 70px;
	background-color: #ecf1f3;
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #3a3a3a;
}

body.single-post, body.page-template-page-hub {
	margin-top: 50px;
}

.content.discussion {
	padding: 10px 0 0 0;
}

.content.author-bio, .page .content.author-bio {
	background-color: #d7dee1;
	padding: 30px;
	margin-bottom: 10px;
	width: 80%;
	box-sizing: border-box;
}

.avatar {
	float: left;
	width: 20%;
}

.bio {
	float: right;
	width: 80%;
	font-size: 19px;
}

.content .bio h4 {
	font-weight: 700;
	font-size: 24px;
	color: black;
	text-decoration: none;
	padding: 0;
}

.bio p {
	padding: 5px 0 0 0;
}

.avatar img {
	width: 120px;
	height: 120px;
	border-radius: 60px;
}

.content.reviews h2, .main-h2, .extra-h2 {
	text-align: left;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: none;
}

.guide h3, .guide h3 span {
	font-size: 26px!important;
	font-weight: 700;	
}

.guide h4, .guide h4 span {
	font-size: 23px!important;
	text-decoration: underline;
	font-weight: 600;
}

.guide h4, .guide h5, .guide h6 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.guide h5, .guide h5 span {
	font-size: 21px!important;
	font-weight: 600;
}

.guide h6, .guide h6 span {
	font-size: 19px!important;
	font-weight: 600;
}

.content.guide hr {
	display: none;
}

.extra-h2 {
	font-size: 24px;
}

.content h2 {
	color: black;
	font-size: 34px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.content.reviews h2.main-h2 {
	font-size: 34px;
	padding-bottom: 30px;
}

.content.reviews h2 span {
	color: white;
	background: #f0b733;
    margin-right: 10px;
    font-size: 28px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.content.reviews h2 span.itm-extra {
	background-color: lightgray;
}

.content.reviews h2 span.itm-2 {
	background-color: #4aa0e9;
}

.content.reviews h2 span.itm-3 {
	background-color: #1dd0a8;
}

.reviews p, .page .content p {
	padding-bottom: 20px;
	line-height: 170%;
}

.reviews .item p {
	line-height: 130%;
}

.container {
	width: 1024px;
	margin: auto;
	position: relative;
}

.container.post-top {
	box-sizing: border-box;
	padding: 20px 200px 20px 50px;
}

header {
	position: fixed;
	text-align: right;
	height: 46px;
	z-index: 100000000000000;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	border-bottom: 5px solid #f0b733;
}

.box, .comparison li, .item, .su-note, .pricingtable .column, .hub-box {
	position: relative;
	display: block;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0px 10px 30px -10px lightgrey;
	border: 1px solid #d5d5d5;
}

.box a {
	display: block;
	width: 100%;
	height: 100%;	
	box-sizing: border-box;
}

.comparison li {
	padding: 0;
}

.comparison li a {
	padding: 20px 40px 40px 40px;
}

footer {
	padding: 30px 0 50px 0;
	background-color: #ffffff;
	overflow: hidden;
	border-top: 20px solid #f0b733;
}

footer a {
	font-size: 16px;
}

footer .footer-name a {
	font-size: 19px;
}

.guide p {
	padding: 12px 30px 12px 30px;
	box-sizing: border-box;
}

.page-template-page-hub .guide p {
	padding: 12px 0 12px 0;
}

.guide ol {
	padding: 12px 30px 12px 30px;
	box-sizing: border-box;
}

.guide ul {
	list-style-type: disc;
	padding: 12px 50px 12px 50px;
}

.review ul {
	list-style-type: disc;
	padding: 0 20px 20px 20px;
}

.guide a, .review p a {
	color: #4aa0e9;
}

.guide .item p {
	padding: 0;
}

.content.guide-footer {
	padding-top: 0;
}

.title-pick {
	text-align: center;
    font-size: 28px;
	color: black;
	text-decoration: underline;
    font-weight: 700;
}

.content.guide h2 {
	padding-bottom: 0;
	line-height: 125%;
	padding-top: 12px;
}

.page-template-page-hub .content.guide h2 {
	padding-top: 0;
}

.guide h3 {
	padding-top: 20px;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
	color: black;
	letter-spacing: -0.3px;
}

.guide h3:after, .extra-h2:after, .content.guide h2:after, .main-h2:after {
	content: "";
    background: #4aa0e9;
    width: 20%;
    max-width: 150px;
    height: 5px;
    display: block;
    position: relative;
    top: 10px;
    opacity: 0.8;	
}

.content.guide h2:after, .main-h2:after {
	max-width: 300px;
	width: 34%;
}

.guide .item h3:after {
	display: none;
}

.footer-info {
	width: 33.33%;
	float: left;
}

.footer-name {
	color: black;
	font-weight: 700;
	font-size: 21px;
	padding: 0 0 15px 0;
}

.footer-menu, .footer-links {
	width: 33.33%;
	float: left;
	list-style-type: none;
}

ul.menu {
	position: relative;
	list-style-type: none;
	height: 46px;
	z-index: 9999;
}

.menu li {
	position: relative;
	height: 46px;
	font-size: 21px;
	line-height: 46px;
	font-weight: 700;
	color: black;
	display: inline-block;
	padding: 0 12px 0 12px;
}

.menu li:hover ul {
	left: 0;
    opacity: 1;
	display: block;
    transition: opacity 220ms linear;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: white;
	top: 43px;
}

.menu li ul {	
	position: absolute;
	padding-top: 7px;
	display: none;
	height: auto;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	box-shadow: 0px 10px 30px -10px grey;
}

.menu li ul li {
	position: relative;
	width: 100%;
	font-weight: 400;
	line-height: 110%;
	display: block;
	height: auto;
	padding: 0;
	border-top: 2px solid #f0b733;
}

.menu li ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	letter-spacing: -0.8px;
	height: 100%;
	padding: 3px 8px 3px 8px;
	box-sizing: border-box;
}

.menu li ul li:nth-of-type(1) {
	border: none;
}

.article-header {
	width: 80%;
	margin: auto;
}

.page .article-header {
	margin-bottom: 20px;
}

.item {
	width: 67%;
	margin: 35px auto 35px auto;
	overflow: hidden;
	min-height: 270px;
}

.item.itm-1 {
	margin-top: 10px;
}

.item-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 40%;
	padding: 10px 0 20px 30px;
	text-align: center;
	line-height: 210px;
	box-sizing: border-box;
}

.item-left img {
	vertical-align: middle;
	width: auto;
	height: 140px;
}

.item-right {
	position: relative;
	width: 60%;
	margin-left: 40%;
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
}

.item h3 {
	padding-top: 10px;
	font-size: 26px;
	color: black;
}

.review:nth-of-type(2), .review:nth-of-type(3), .review.itm-extra {
	border-top: 2px dashed lightgray;
}

.narrow {	
	width: 65%;
	margin: auto;
}

.content {
	padding: 30px 0 30px 0;
	width: 80%;
	margin: auto;
	line-height: 170%;
}

.page-template-page-hub .content {
	width: 100%;
}

.content.related.rel-random {
	padding-bottom: 0;
}

.content.reviews {
	padding-bottom: 0;
}

.content.reviews.reviews-more {
	padding-top: 0;
}

.page .content {
	padding: 0 0 30px 0;
}

.comparison {
	list-style-type: none;
	padding: 0 0 20px 0;
}

.compare {
	border-bottom: 2px dashed lightgrey;
	padding-bottom: 5px;
}

.flag {
	text-align: center;
	padding: 0 0 0 0;
	margin-top: 8px;
}

.item .flag {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.item .flag span {
	border-radius: 0;
}

.flag span {
	display: inline-block;
	border-radius: 6px;
	height: 35px;
	line-height: 35px;
	padding: 0 12px 0 12px;
	font-weight: 700;
	color: white;
}

.comparison .box:nth-of-type(1) .flag span, .review:nth-of-type(1) .flag span, .narrow .item:nth-of-type(1) .flag span {
	background-color: #f0b733;
}

.comparison .box:nth-of-type(2) .flag span, .guide-footer .flag span, .comparison .box:nth-of-type(2) a:before, .review:nth-of-type(2) .flag span, .guide .item .flag span, .comparison .box:nth-of-type(2):before, .item.itm-2:before {
	background-color: #4aa0e9;
}

.comparison .box:nth-of-type(3) .flag span, .comparison .box:nth-of-type(3) a:before, .review:nth-of-type(3) .flag span, .comparison .box:nth-of-type(3):before, .item.itm-3:before {
	background-color: #1dd0a8;
}

.comparison .box:nth-of-type(1), .comparison .box:nth-of-type(3) {
	margin-top: 15px;
}

.box {
	display: block;
	position: relative;
	width: 31%;
	margin-right: 3.5%;
	float: left;
	height: 212px;
	overflow: hidden;
	margin-top: 26px;
}

.comparison .box {
	height: 460px;
	margin-top: 0;
}

.comparison .box p {
	line-height: 110%;
	letter-spacing: -0.5px;
}

.box:nth-of-type(3n) {
	margin-right: 0;	
}

a.box h2, a.box h4 {
	padding: 12px 20px 12px 20px;
	color: black;
	line-height: 125%;
	font-size: 22px;
}

.hcell {
	display: table;
	height: 60px;
	width: 100%;
	padding-bottom: 10px;
}

.comparison .box .hcell h2 {
	display: table-cell;
	vertical-align: middle;
	color: black;
	text-align: center;
	line-height: 122%;
	font-size: 28px;
	padding: 0;
}

.tagline {
	font-size: 20px;
	padding: 0 0 15px 0;
}

.cta {
	position: absolute;
	bottom: 25px;
	width: 70%;
	left: 15%;
	background-color: #e95858;
	color: white;
	font-weight: 600;
	letter-spacing: -0.5px;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.item .cta {
	width: 80%;
	left: 10%;
	bottom: 24px;
}

.comparison .box a:before, .item a:before, a.item:before {
	content: "";
  	background-color: #f0b733;
  	height: 82px;
 	left: -42px;
 	position: absolute;
  	top: -42px;
  	width: 84px;  
  	-webkit-transform: rotate(-45deg);
}

.column:before, .su-note:before {	
	content: "";
  	background-color: #4aa0e9;
  	height: 60px;
 	left: -30px;
 	position: absolute;
  	top: -30px;
  	width: 60px;  
  	-webkit-transform: rotate(-45deg);
}

.su-note:before {	
  	height: 90px;
 	left: -45px;
  	top: -45px;
  	width: 90px;  
}

.column:nth-of-type(1):before, .su-note:nth-of-type(1):before {
	background-color: #f0b733;
}

a.item.itm-extra:before {
	background-color: lightgray;
}

.count  {
	position: absolute;
	color: white;
	font-weight: 700;
	top: 2px;
	left: 6px;
}

.review {
	line-height: 170%;
	position: relative;
}

h2.item-header {
	padding: 0 0 15px 0;
}

@media handheld, screen and (min-width : 1024px) {
	.pricingtable .column:hover .pricingtable-button {
		background-color: #dd7373!important;
	}
	
	.su-note:hover .su-button span {
		background-color: #dd7373!important;
	}
}

@media handheld, screen and (max-width : 1080px) {
	
	.container.post-top {
		padding: 20px 165px 20px 30px;
	}
	
	.post-bio {
		right: 30px;
	}
	
	.article-header {
		width: auto;
	}
	
.container {
	width: 94%;
}
	
	.guide p {
		padding-left: 0;
		padding-right: 0;
	}
	
	.pricingtable {
		width: 100%;
		margin-left: auto;
	}
	
	.box {
		min-height: auto;
	}
	
.content {
	width: auto;
}
	
.post-image {
	height: 120px;
}
}

@media handheld, screen and (max-width : 768px) {
	
	.container.post-top {
		padding: 20px 135px 20px 0;
	}
	
	.post-bio {
		right: 0;
	}
	
	.content.author-bio {
		width: auto;
	}
	
	.wppc-box {
		width: auto!important;
	}
	
	.single-post h1 {
		font-size: 30px;
		line-height: 120%;
	}
	
	.pricingtable .column {
		width: 31%;
		margin-right: 3.5%!important;
	}
	
	.pricingtable .column:nth-of-type(5n) {
		margin-right: 3.5%!important;
	}
	
	.pricingtable .column:nth-of-type(3n) {
		margin-right: 0!important;
	}
	
	a.box h2, a.box h4 {
		font-size: 23px;
		padding: 18px 12px 18px 12px;
		line-height: 120%;
	}
	
	.su-note {
		width: auto;
	}
	
	.su-note-inner img {
		float: none;
		padding-right: 0;
	}
		
.item {
	width: 100%;
}
	
.comparison .box {
	width: 100%;
	margin-right: 0;
}

.post-image {
	height: 90px;
}
}
@media handheld, screen and (max-width : 620px) {
	
	.container.post-top {
		padding: 20px 0 20px 0;
	}
	
	.single-post h1 {
		border: none;
	}
	
	.post-bio {
		display: none;
	}
	
	.post-bio {
		display: none;
	}
	
	.container.post-top {
		padding: 16px 0 16px 0;
	}
	
	.menu li {
		padding: 0 5px 0 5px;
		font-weight: 600;
	}
	
	a.box h2, a.box h4 {
		font-size: 21px;
		padding: 13px 8px 13px 8px;
	}

.post-image {
	height: 60px;
}
	
.logo span {
	display: none;
}
	
.logo:before {
	content: "L";
}
	
.logo:after {
	content: "T";
	color: #4aa0e9;
}
	
}

@media handheld, screen and (max-width : 480px) {
	.pricingtable .column {
		width: 100%;
		margin-right: 0!important;
	}
}

 @media (max-width: 576px){
  	.pricingtable.flat .column {
  		width: 100%!important;
		margin-bottom: 25px!important;
	}
}