/*
	Theme Name: bestratedvpn
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
29
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


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

.error{ border:1px solid #df6742!important;}


div.bigstars div.rateit-range
{
    background: url(img/bigstar_white.png);
    height: 15px;
}

div.bigstars div.rateit-hover
{
    background: url(img/bigstar_gold.png);
}

div.bigstars div.rateit-selected
{
    background: url(img/bigstar_gold.png);
}

div.bigstars div.rateit-reset
{
    background: url(img/bigstar_white.png);
    width: 16px;
    height: 15px;
}

div.bigstars div.rateit-reset:hover
{
    background: url(img/bigstar_white.png);
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-family: , Helvetica, Arial, sans-serif; color: #1d4a67;}
a.button {display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fd611d; color: white; font-weight: bold; border: 0; padding: 20px 30px; font-size: 1.125em; line-height: 1em; display: block; text-align: center; }
.gray {background: url(img/gray_bg.png) repeat; width: 100%; overflow: hidden; }
.white {background-color: white; width: 100%; overflow: hidden;}
section .container {display: block; margin-left: auto; margin-right: auto; width: 1100px; padding-top: 20px; overflow: hidden;}

header {display: block; width: 1100px; margin-left: auto; margin-right: auto; padding: 0; overflow: hidden; }
header .logo {background: url(img/logo.png) no-repeat; display: block; width: 225px; height: 80px; float: left;}
header .burger {display: none; float: left; width: 0; height: 0;}
header nav {display: block; float: right;}
header nav a {font-size: 0.875em; font-weight: bold; line-height: 1em; margin-top: 36px; margin-left: 40px; color: #999; display: inline-block;}

section.hero { display: block; width: 100%; height: 481px; margin: 0; padding: 0; background: url(img/hero_bg.jpg) repeat-x; text-align: center;}
section.hero .heroimg { display: block; height: 481px; width: auto; margin-left: auto; margin-right: auto;  padding-left: 10px; margin-left: -10px;}
section.hero h1 {font-size: 3.500em; line-height: 1; font-weight: bold; color: white; padding-top: 42px; margin: 0; display: block;}
section.hero .heroimg div {font-size: 1.500em; line-height: 1; color: white; padding-top: 16px; margin: 0; display: block;}
section.hero a.button {margin-top: 22px;  position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

section .providers div {display: block; background: url(img/provider_logobg.png) no-repeat 0 0; width: 198px; max-width: 198px; padding-bottom: 30px; margin-right:27px; text-align:center;  float: left; }

section .providers a.provider_logo {display: block; width: 198px; height: 131px; max-width: 198px; max-height: 131px; position: relative;}
section .providers a.provider_logo img {max-height: 100%;  max-width: 100%; width: auto; height: auto;position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;}
section .providers a.provider_name {display: block; text-align: center; font-size: 0.875em; line-height: 1em; color: #2b88c4; padding-top: 13px;}

section h1 {font-size: 1.750em; line-height: 1em; margin-top: 46px; color: #1d4a67; text-align: center; margin-bottom: 0; padding: 0; }

.discountCode {padding: 20px; width: 100%; display: block; overflow: hidden; box-sizing: border-box;}
.discountCode strong {font-size: 1.2em; line-height: 1em; display: block; width: 100%; text-align: center;}
.discountCode .coupon {font-size: 1.70em; line-height: 1em; margin-top: 20px; margin-bottom: 0px; background-color: #fefefe; border: 3px dashed #eeeeee; padding: 20px; font-weight: bold;  display: block; box-sizing: border-box; text-align: center; }
.discountCode .button {font-size: 1.20em;  display: block; padding-left: 20px; padding-right: 20px; margin-top: 20px; box-sizing: border-box;}

section .package {display: block; width: 347px; float: left; margin-right: 28px; }
section .package:nth-child(3) {margin-right: 0}
section .package .package_header {display: block; background: url(img/home_package_top.png) no-repeat; width: 347px; height:121px; position: relative;  }

section .packages {display: block; padding-bottom: 50px; }
section .package .package_header img.package_logo {max-height: 100%;  max-width: 100%; width: auto; height: auto; position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin-top: auto; margin-bottom: auto; padding-left: 30px; padding-top: 20px; float: left; }
section .package .package_header img.package_sticker {display: block; float: right; padding-right: 20px; padding-top: 5px;}
section .package .package_name {display: block; background: url(img/home_package_gray.png) repeat-y; width: 347px; padding: 25px 0; }
section .package .package_name h2 {font-size: 1.500em; line-height: 1em; margin: 0; padding: 0; margin-bottom: 12px; text-align: center;}
section .package .package_name h3 {font-size: 1.250em; line-height: 1em; margin: 0; padding: 0; text-align: center;}
section .package .package_description {padding: 30px; padding-bottom: 25px; display: block; background: url(img/home_package_white.png) repeat-y; text-align: center; }
section .package .package_description ul {list-style-type: none; margin:0; padding: 0; margin-bottom: 30px; padding-top: -3px;}
section .package .package_description li {background: url(img/home_package_bullet.png) no-repeat 0px 0px; font-size: 0.875em; line-height: 1.28em; margin-bottom: 18px; padding-left: 35px; text-align: left;}
section .package .package_description .button {display: block; margin-top: 30px;}
section .package .package_description .discount {display: block; font-size: 0.875em; line-height: 1em; color: #2b88c4; background: url(img/discount_icon.png) no-repeat 0px 0px; padding-left: 30px; height: 20px; padding-top: 4px; display: inline-block; margin: 0; margin-top: 20px;}
section .package .package_description .nodiscount {display: block; height: 20px; width: 100%; margin-top: 24px;}
section .package .package_bottom {display: block; background: url(img/home_package_bottom.png) repeat-y; width: 347px; height: 4px;}

section .benefits {display: block; padding-bottom: 50px;}
section .benefit {display: block; width: 346px; margin-right: 30px; position: relative; float: left; font-size: 0.875em; line-height: 1.42em;}
section .benefit:nth-child(3) {margin-right: 0}
section .benefit img {display: block; margin-left: auto; margin-right: auto;}
section .benefit h2 {font-size: 1.125em; line-height: 1em; padding: 0; margin: 0; margin-bottom: 20px; margin-top: 12px;}
section .benefit a.findout {display: block; margin-top: 20px; color: #2b88c4; margin-top: 30px;}

section .bestfor {display: block; padding-bottom: 40px;}
section .bestcategory {display: block; width: 346px; margin-right: 30px; margin-top: 5px; position: relative; float: left; font-size: 1em; line-height: 1.42em; }
section .bestcategory:nth-child(3) {margin-right: 0;}
section .bestcategory a {display: block; border-top: solid 1px #e5e5e5; font-size: 0.875em; line-height: 1em; padding: 20px 0; color: #2b88c4}
section .bestcategory a:nth-child(5) {border-bottom: solid 1px #e5e5e5;}
section .bestcategory .formac {background: url(img/ico_4mac.png) no-repeat 0px 15px; padding-left: 40px;}
section .bestcategory .forwindows {background: url(img/ico_4windows.png) no-repeat 0px 15px; padding-left: 40px;}
section .bestcategory .forlinux {background: url(img/ico_4linux.png) no-repeat 0px 15px; padding-left: 40px;}
section .bestcategory .forios {background: url(img/ico_4ios.png) no-repeat 0px 15px; padding-left: 40px;}
section .bestcategory .forandroid {background: url(img/ico_4android.png) no-repeat 0px 15px; padding-left: 40px;}
section .bestcategory .fornetflix {background: url(img/ico_4netflix.png) no-repeat 0px 17px; padding-left: 55px;}
section .bestcategory .forhulu {background: url(img/ico_4hulu.png) no-repeat 0px 17px; padding-left: 55px;}
section .bestcategory .fortwitter {background: url(img/ico_4twitter.png) no-repeat 0px 17px; padding-left: 55px;}
section .bestcategory .forfacebook {background: url(img/ico_4facebook.png) no-repeat 0px 17px; padding-left: 55px;}
section .bestcategory .foryoutube {background: url(img/ico_4youtube.png) no-repeat 0px 17px; padding-left: 55px;}
section .bestcategory .forusa {background: url(img/ico_4usa.png) no-repeat 0px 17px; padding-left: 50px;}
section .bestcategory .foruk {background: url(img/ico_4uk.png) no-repeat 0px 17px; padding-left: 50px;}
section .bestcategory .foraustralia {background: url(img/ico_4australia.png) no-repeat 0px 17px; padding-left: 50px;}
section .bestcategory .forcanada {background: url(img/ico_4canada.png) no-repeat 0px 17px; padding-left: 50px;}
section .bestcategory .forgermany {background: url(img/ico_4germany.png) no-repeat 0px 17px; padding-left: 50px;}
section .bestcategory .forchina {background: url(img/ico_4china.png) no-repeat 0px 17px; padding-left: 50px;}

footer {display: block; position: relative; text-align: center; }
footer .social { margin-left: auto; margin-right: auto; padding-left: 200px; background: url(img/footer_logo.png) no-repeat 0px 5px; height: 42px; width: 258px; margin-top: 50px;}
footer .social .facebook {display: block; background: url(img/footer_facebook.png) no-repeat; width: 42px; height: 42px; float: left; margin-right: 30px;}
footer .social .twitter {display: block; background: url(img/footer_twitter.png) no-repeat; width: 42px; height: 42px;float: left; margin-right: 30px;}
footer .social .instagram {display: block; background: url(img/footer_instagram.png) no-repeat; width: 42px; height: 42px;float: left;margin-right: 30px;}
footer .social .google {display: block; background: url(img/footer_google.png) no-repeat; width: 42px; height: 42px;float: left;}
footer .links_container {display: inline-block; width: auto; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 30px;}
footer .links_container .links {display: block; float: left; margin-right: 100px; text-align: left;}
footer .links_container .links:nth-child(5) {margin-right: 0;}
footer .links_container .links a {font-size: 0.750em; line-height: 2.5em; color: #2b88c4; display: block; clear: left; }
footer .note {font-size: 0.625em; line-height: 1.8em; text-align: center; margin-bottom: 50px;}

section.breadcrumb {display: block; width: 100%; border-top: solid 1px #c9c6c1; border-bottom: solid 1px #c9c6c1;}
section.breadcrumb .breadcrumb {display: block; width: 1100px; margin-left: auto; margin-right: auto; color: #666666; padding-top: 15px; padding-bottom: 15px; }
section.breadcrumb .breadcrumb a {font-size: 0.750em; line-height: 1em; color: #2b88c4; }

section.about {padding-top: 40px;}
section .aboutus {float: left; width: 670px; padding-right: 40px; padding-bottom: 50px; text-align: left;}
section .aboutus h1 {display: block; font-size: 1.750em; line-height: 1em; margin-bottom: 32px!important; text-align: left; margin: 0; padding: 0; color: #1d4a67;}
section .aboutus h2 {display: block;  font-size: 1em; line-height: 1em; margin-bottom: 16px!important; text-align: left; margin: 0; padding: 0; color: #1d4a67;}
section .aboutus div {font-size: 0.875em; line-height: 1.57em; color: #1d4a67; margin-bottom: 40px!important; overflow: hidden;}

section .contactform {width: 290px; float: right; background-color: #f8f8f8; border: solid 1px #e2e2e2; padding: 40px;}
section .contactform strong {font-size: 1em; line-height: 1em; font-weight: bold;}
section .contactform fieldset {display: block; margin-top: 20px;  color: #1d4a67;}
section .contactform fieldset field {display: block; width: 280px; margin-bottom: 24px; font-size: 0.875em; line-height: 1em;}
section .contactform fieldset field input, section .contactform fieldset field textarea {clear: both; width: 100%; background-color: white; border: solid 1px #b5c7d1; height: 26px; margin-top: 10px; padding: 0 5px;}
section .contactform fieldset field textarea {height: 120px; padding: 5px;}
section .contactform fieldset button {background-color: #e7f2f9; padding: 15px 20px; border: 0; font-weight: bold; font-size: 1em; line-height: 1em; color: #1d4a67}

section.compare {background-color: #f1f1f1; }
section.compare .header {display: block; padding-top: 50px; background: url(img/hero_compare.jpg) no-repeat 540px 20px;}
section.compare .header h1 {display: block; font-size: 1.750em; line-height: 1em; text-align: left; margin: 0; margin-bottom: 18px; }
section.compare .header ul {list-style-type: none; margin:0; padding: 0; padding-bottom: 10px;}
section.compare .header .availableOn {display: block; margin-bottom: 30px; font-size: 0.875em; line-height: 1em; font-weight: bold;}
section.compare .header .availableOn img {display: inline-block; margin-left: 10px;}
section.compare .header li {display: block; font-size: 0.875em; line-height: 1em; margin-bottom: 16px; background: url(img/tick_large.png) no-repeat 0px 0px; padding-left: 36px; text-align: left;}

section.compare { display: block; }
section.compare2 .container {overflow: visible!important; padding-top: 40px; padding-bottom: 30px;}
section.compare2 .advert_discl {display: block; font-size: 0.9em; line-height: 1em; font-weight: bold; color: #2b88c4; margin-bottom: 20px; float: right; padding-right: 5px; text-decoration: underline;}
@media (max-width:830px) { section.compare2 .advert_discl { font-size: 1em; } }
section .comparison table {width: 970px; margin: 0 auto; max-width: 970px!important;}

section .comparison table tr td {background: url(img/table_bg.png) 50% 0; vertical-align:middle; padding:0;}
section .comparison table tr td.highlighted {border: solid 3px rgb(110, 158, 206)!important;}
section .comparison table tr td.top {height: 3px!important; background: url(img/table_top.png) no-repeat 0 0!important;}
section .comparison table tr td.bottom {height: 3px!important; background: url(img/table_bottom.png) no-repeat 0 0!important;}
section .comparison table tr td:nth-child(1) {background: url(img/table_bg.png) 0 0;  padding-left: 2px;}
section .comparison table tr td:nth-child(7) {background: url(img/table_bg.png) 100% 0; padding-right: 3px;}
section .comparison table tr .cell {border: 0; border-bottom: solid 1px #d6d6d6; float: left; margin: 0; padding: 0; }
section .comparison table tr .header {font-size: 1.0em; line-height: 1em; font-weight: bold; height: 32px; background-color: #f8f8f8; padding-bottom: 10px; color: #1d4a67; text-align: center; }
section .comparison table tr .header img {padding-bottom: 5px; padding-left: 5px;}
section .comparison table tr .header a {display: block; margin-top: 14px;}
section .comparison table tr .header .sort_no div, section .comparison table tr .header .sort_asc div, section .comparison table tr .header .sort_desc div {  padding-right: 20px; min-height: 19px; }
section .comparison table tr .header .sort_no div {background: url(img/sort_no.png) no-repeat right; }
section .comparison table tr .header .sort_asc  div {background: url(img/sort_asc.png) no-repeat right; }
section .comparison table tr .header .sort_desc  div {background: url(img/sort_desc.png) no-repeat right; }
section .comparison table tr .header a div {display: inline;}

section .comparison table tr .content div {display: block; min-height: 110px;}
section .comparison table tr .content .starsControl {min-height: 10px; }
section .comparison table tr .content .starsControl em {font-weight: strong; font-style: normal; font-size: 0.9em;}
section .comparison table tr .content .stars {display: block; min-height: 15px!important; width: 80px; margin-left: auto; margin-right: auto; max-height: 15px; margin-bottom: 5px;}
section .comparison table tr .content .stars div {display: block; min-height: 10px!important;}
section .comparison table tr .content .rateit div {display: block; min-height: 10px!important;}

/* section .comparison table tr .first div {background-color: #f1f1f1;}
section .comparison table tr .second div {background-color: #f7f7f7;}
section .comparison table tr .third div {background-color: #fbfbfb;}  */

section .comparison table .no {display: block; width: 55px; overflow: visible;}
section .comparison table .provider {display: block; width: 210px; }
section .comparison table .provider img {display: inline; margin-bottom: 10px; }
section .comparison table .features {display: block; width: 380px;}
section .comparison table .content .features {font-size: 14px; padding-left: 20px; width: 360px; padding-top: 25px!important; color:#777;}
section .comparison table .features p{margin-top: 0px; margin-bottom: 1em; font-size: 12.5px; }
section .comparison table .features ul {list-style-type: none; margin: 0px; padding: 0px;}
section .comparison table .features ul li{ background: rgba(0, 0, 0, 0) url("img/tick_small.png") no-repeat scroll 0 0;
    background-size: auto 100%;
    display: block;
    font-size: 12.5px;
    line-height: 1em;
    margin-bottom: 8px;
    padding-left: 22px;
    text-align: left;}
section .comparison table .moneyback {display: block; width: 170px; }
section .comparison table .editors {display: block; width: 160px; }
section .comparison table .price {display: block; width: 130px; display: none;}
section .comparison table .sitelink {display: block; width: 160px; }

section .comparison table .provider .price {display: none;}

.sticker {z-index: 100; position: relative; left: -20px; top: 0px;}

.content .no {font-size: 1.125em; font-weight: bold; padding-top: 15px!important; min-height: 105px!important; text-align: center;}
.content .provider {font-size: 0.875em; font-weight: bold; padding-top: 25px!important; min-height: 95px!important; text-align: center;}
.content .countries {font-size: 1.3em; font-weight: bold; padding-top: 25px!important; min-height: 95px!important; text-align: center; color: rgb(169, 169, 169); }
.content .moneyback {font-size: 0.675em; font-weight: normal; padding-top: 30px!important; min-height: 90px!important; text-align: center; color: rgb(135, 190, 58); font-weight: bold; }
.content .moneyback strong {font-size: 2.1em; line-height: 1em}
.content .editors {font-size: 1.875em; font-weight: bold; padding-top: 25px!important; min-height: 95px!important; text-align: center; color: #118AE6}
.content .editors span.rounded{display: block; margin: 0 auto; width:60px; height: 60px; background: #1088e4; color:#fff; border-radius: 50px; line-height: 63px; font-size: 0.875em}


.content .price {font-size: 0.670em; font-weight: bold; padding-top: 25px!important; min-height: 95px!important; text-align: center; color: rgb(169, 169, 169); color:#cbcbcb}
.content .price strong {font-size: 1.875em;}
.content .sitelink {padding-top: 30px!important; min-height: 90px!important; text-align: center;}
.content .sitelink .button {font-size: 0.9em; padding: 10px 20px; width: 122px; box-sizing: border-box; margin-bottom: 10px; display: inline-block; margin-top: 10px;}
.content .sitelink .button:hover{background: #75c003;}
.content .sitelink .discount {font-size: 0.875em; color: #2b88c4; background: url(img/discount.png) no-repeat 0 0; padding-left: 25px; padding-bottom: 6px;}


section.faq {display: block; margin-bottom: 50px;}
section.faq .container {width: 1100px; display: block; }

.featured_logos {text-align: center; margin-bottom: 30px; margin-top: 0px;}
.featured_logos strong {color: rgb(193, 193, 193); display: block; width: 100%;  box-sizing: border-box; font-size: 1.2em; line-height: 1em;}
.featured_logos .featured_logos_imgs {display: inline-block;}
.featured_logos img {display: inline-block;}

section.faq .questions {display: block; float: left; width: 370px; background-color: #f8f8f8; border: solid 1px #e2e2e2; padding: 30px;}
section.faq .questions h2 {font-size: 1.125em; line-height: 1em; margin-bottom: 20px; margin-top: 0;}
section.faq .questions a {display: block; font-size: 0.875em; line-height: 1.42em; color: #2b88c4; margin-bottom: 16px;}
section.faq .questions a:last-child {margin-bottom: 0;}
section.faq .questions a.selected {font-weight: bold;}
section.faq .answer {display: block; float: right;  width: 600px; margin-left: 50px; font-size: 0.875em; line-height: 1.28em;}
section.faq .answer h2 {font-size: 1em; line-height: 1em; margin-bottom: 20px; margin-top: 0;}

section.mainfaq {display: block; background-color: #f1f1f1;}
section.mainfaq .header {display: block; padding-top: 45px; background: url(img/hero_faq.png) no-repeat 880px 20px; min-height: 210px;}
section.mainfaq .header h1 {display: block; font-size: 1.750em; line-height: 1em; text-align: left; margin: 0; margin-bottom: 18px; }
section.mainfaq .header p {font-size: 0.875em; line-height: 1.71em; display: block; width: 510px;}

section.mainfaq2 {padding-top: 40px; padding-bottom: 40px;}
section.mainfaq2 .questions {display: block; float: left; width: 370px; border-right: solid 1px #e2e2e2; padding-right: 30px;}
section.mainfaq2 .questions h2 {font-size: 1.125em; line-height: 1.125em; margin-bottom: 20px; margin-top: 0;}
section.mainfaq2 .questions a {display: block; font-size: 0.875em; line-height: 1.28em; color: #2b88c4; padding-bottom: 10px; padding-top: 10px;}
section.mainfaq2 .questions a:last-child {margin-bottom: 0;}
section.mainfaq2 .questions a.selected {font-weight: bold; background-color: #f8f8f8; padding: 20px; margin-top: 10px; margin-bottom: 10px;}
section.mainfaq2 .answer {display: block; float: right;  width: 640px; margin-left: 50px; font-size: 0.875em; line-height: 22px;}
section.mainfaq2 .answer h2 {font-size: 1.125em; line-height: 1em; margin-bottom: 20px; margin-top: 0;}

section.reviews {display: block; background-color: #f1f1f1;}
section.reviews .header {display: block; padding-top: 40px; background: url(img/hero_compare.jpg) no-repeat 540px 20px; min-height: 215px;}
section.reviews .header h1 {display: block; font-size: 1.750em; line-height: 1em; text-align: left; margin: 0; margin-bottom: 30px; }
section.reviews .header p {font-size: 0.875em; line-height: 1.71em; display: block; width: 460px;}
section.vpnreviews {padding-top: 40px; padding-bottom: 30px;}

section.vpnreviews .container div {display: block; background: url(img/provider_logo_whitebg.png) no-repeat 0 0; width: 198px; max-width: 198px; padding-bottom: 30px; margin-right:27px; text-align:center;  float: left;}
section.vpnreviews .container div:nth-child(5) {margin-right: 0;}
section.vpnreviews .container div:nth-child(10) {margin-right: 0;}
section.vpnreviews .container div:nth-child(15) {margin-right: 0;}
section.vpnreviews .container div:nth-child(20) {margin-right: 0;}
section.vpnreviews .container div:nth-child(25) {margin-right: 0;}

section.vpnreviews a.provider_logo {display: block; width: 198px; height: 131px; max-width: 198px; max-height: 131px; position: relative;}
section.vpnreviews a.provider_logo img {max-height: 100%;  max-width: 100%; width: auto;height: auto;position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;}
section.vpnreviews a.button {margin-top: 20px; margin-bottom: 10px; font-size: 1em; font-weight: normal; line-height: 1em; padding: 10px 20px; width: 105px; display: inline-block;}

section.provider-summary {display: block; background-color: #f1f1f1;}
section.provider-summary .header {display: block; padding-top: 45px; }
section.provider-summary .summary {display: block; float: left; text-align: left; width: 600px;}
section.provider-summary .summary h1 {display: inline; padding-left: 0px; margin: 0; margin-bottom: 12px; margin-top: 3px; text-align: left; float: left;}
section.provider-summary .summary .stars {display: inline-block;  min-height: 20px!important; padding-left: 20px; height: 26px; padding-top: 4px; margin-bottom: 15px;}
section.provider-summary .summary a.provider_logo {display: block; background: url(img/provider_logobg.png) no-repeat 0 0; width: 198px; max-width: 198px; margin-right:27px; text-align:center; float: left; width: 198px; height: 131px; max-width: 198px; max-height: 131px; position: relative;}
section.provider-summary .summary a.provider_logo img {max-height: 100%;  max-width: 100%; width: auto; height: auto; position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto; }
section.provider-summary .summary div {display: block; font-size: 1.125em; line-height: 1em;}
section.provider-summary .summary a.button { margin-top: 20px; margin-bottom: 10px; font-size: 1.125em; font-weight: bold; line-height: 1em; padding: 15px 30px; display: inline-block;}
section.provider-summary .keyfacts {display: block; float: right; border: solid 1px #e5e5e5; background-color: #f8f8f8; width: 310px; padding: 30px; padding-bottom: 25px; margin-bottom: 40px; position: relative;}
section.provider-summary .keyfacts div {display: block; font-size: 0.875em; line-height: 1em; margin-bottom: 20px; float: left; width: 100%;}
section.provider-summary .keyfacts div:nth-child(4) {margin-bottom: 15px}
section.provider-summary .keyfacts div:nth-child(5) {margin: 0}
section.provider-summary .keyfacts div strong {diplay: block; margin-left: 10px;}
section.provider-summary .keyfacts div strong img {display: inline-block; margin-right: 15px; margin-left: 5px; margin-top: 5px;}
section.provider-summary .keyfacts div img {padding-bottom: 7px; }
section.provider-summary .advert_discl {font-size: 0.875em; line-height: 1em; font-weight: bold; color: #2b88c4; position: absolute; right: 30px; top: 30px; text-decoration: underline;}
@media (max-width:830px) { section.provider-summary .advert_discl { font-size: 0.875em; } }

section.provider-details {display: block; margin-bottom: 30px; }
section.comment{display: block; margin-bottom: 60px;}
section.provider-details .provider-description {display: block; width: 788px; margin-right: 50px; float: left; position: relative; text-align: center;}

section.provider-details .provider-description h1 {text-align: left; margin-bottom: 40px; margin-top: 30px!important}
section.provider-details .provider-description h2 {font-size: 1.250em; line-height: 1em; margin-bottom: 10px;}
section.provider-details .provider-description div.desc {font-size: 0.875em; line-height: 1.42em; margin-top: 20px; display: block; text-align: left;}
section.provider-details .provider-description .disclaimer {font-size: 0.7em;}

section.provider-details .packages {display: inline-block; width: auto!important; padding-bottom: 10px!important; overflow: visible;}
section.provider-details .package {display: block; float: left; padding: 0; margin: 0;}
section.provider-details .package.first {float: left; display: block; width: 262px;}
section.provider-details .package.first .header {float: left; display: block; width: 259px; height: 191px; background: url(img/package1_top.png) no-repeat 0 0; position: relative;}
section.provider-details .package.first .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package1_top_short.png) no-repeat 0 0;}
section.provider-details .package.first .description {float: left; display: block; width: 262px; background: url(img/package1_bg_short.png) repeat-y 0 0;}
section.provider-details .package.first .footer {float: left; display: block; width: 259px; height: 158px; background: url(img/package1_bottom.png) no-repeat 0 0;}
section.provider-details .package.first .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package1_bottom_short.png) no-repeat 0 0;}
section.provider-details .first.last .header_ending {background: url(img/package1_top_long.png) no-repeat 0 0!important;}
section.provider-details .first.last .description {background: url(img/package1_bg_long.png) repeat-y 0 0!important;}
section.provider-details .first.last .footer_ending {background: url(img/package1_bottom_long.png) no-repeat 0 0!important;}

section.provider-details .package.second {float: left; display: block; width: 265px;}
section.provider-details .package.second .header {float: left; display: block; width: 262px; height: 191px; background: url(img/package2_top.png) no-repeat 0 0;  position: relative;}
section.provider-details .package.second .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package2_top_short.png) no-repeat 0 0;}
section.provider-details .package.second .description {float: left; display: block; width: 265px; background: url(img/package2_bg_short.png) repeat-y 0 0;}
section.provider-details .package.second .footer {float: left; display: block; width: 262px; height: 158px; background: url(img/package2_bottom.png) no-repeat 0 0;}
section.provider-details .package.second .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package2_bottom_short.png) no-repeat 0 0;}
section.provider-details .second.last .header_ending {background: url(img/package2_top_long.png) no-repeat 0 0!important;}
section.provider-details .second.last .description {background: url(img/package2_bg_long.png) repeat-y 0 0!important;}
section.provider-details .second.last .footer_ending {background: url(img/package2_bottom_long.png) no-repeat 0 0!important;}

section.provider-details .package.third {float: left; display: block; width: 261px;}
section.provider-details .package.third .header {float: left; display: block; width: 258px; height: 191px; background: url(img/package3_top.png) no-repeat 0 0;  position: relative;}
section.provider-details .package.third .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package3_top_short.png) no-repeat 0 0;}
section.provider-details .package.third .description {float: left; display: block; width: 261px; background: url(img/package3_bg_short.png) repeat-y 0 0;}
section.provider-details .package.third .footer {float: left; display: block; width: 258px; height: 158px; background: url(img/package3_bottom.png) no-repeat 0 0;}
section.provider-details .package.third .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package3_bottom_short.png) no-repeat 0 0;}

section.provider-details .header {font-size: 1.250em; line-height: 1.7em; text-align: center; font-weight: bold; padding-top: 106px; box-sizing: border-box;}
section.provider-details .header strong {font-size: 1.500em; line-height: 1.41em; }
section.provider-details .second .header {padding-top: 86px!important; text-align: center;}

section.provider-details .description ul {list-style-type: none; margin:0; padding: 30px; padding-bottom: 0;}
section.provider-details .description li {display: block; font-size: 0.875em; line-height: 1.28em; margin-bottom: 16px; background: url(img/tick_package.png) no-repeat 0px 2px; padding-left: 36px; text-align: left; }
section.provider-details .second .description ul {padding: 10px 35px!important; padding-bottom: 20px!important;}

section.provider-details .footer {text-align: center; position: relative;}
section.provider-details .footer .button {display: block; margin-top: 20px; padding: 15px 10px!important; width: 200px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
section.provider-details .footer .discount {display: block; font-size: 0.875em; line-height: 0.875em; color: #2b88c4; background: url(img/discount_icon.png) no-repeat 0px 0px; padding-left: 30px; height: 20px; padding-top: 4px; display: inline-block; margin: 0; margin-top: 20px;}

section.provider-details .info-boxes {display: block; width: 262px; float: right; margin-top: 40px;}
section.provider-details .info-boxes .box {border: solid 1px #ebebeb; background-color: #f8f8f8; padding: 30px; padding-bottom: 8px; text-align: left;}
section.provider-details .info-boxes .top5-box {margin-bottom: 50px;}
section.provider-details .info-boxes .box h2 {font-size: 1em; line-height: 1em; margin: 0; margin-bottom: 30px; display: block;}
section.provider-details .info-boxes .box a {display: block; width: 100%; height: 64px; margin-bottom: 25px; font-size: 0.875em; line-height: 64px; color: #2b88c4; vertical-align: middle;}
section.provider-details .info-boxes .box a.all {text-align: right; line-height: 14px; margin: 0; height: 14px!important; margin-bottom: 24px;}
section.provider-details .info-boxes .box div {width: 98px; height: 64px; background: url(img/top5_bg.png) no-repeat 0 0; display: block; float: left; margin-right: 20px; position: relative;}
section.provider-details .info-boxes .box img {width: 75%; height: auto; margin: auto; display: block; position:relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

section.provider-details .info-boxes .faq-box h2 {margin-bottom: 20px;}
section.provider-details .info-boxes .faq-box a {height: auto; line-height: 22px;}

section.provider-call4action { border-top: solid 1px #c9c6c1; text-align: center; margin-bottom: 45px; padding-top: 30px;}
section.provider-call4action h1 {font-size: 1.750em; line-height: 1em; margin:0; margin-bottom: 28px;}
section.provider-call4action .button {width: none!important; display: inline-block;}
section.provider-call4action .discount  {font-size: 0.875em; line-height: 1em; color: #2b88c4; background: url(img/discount_icon.png) no-repeat 0px 0px; padding-left: 30px; height: 20px; padding-top: 4px; display: inline-block; margin: 0; margin-top: 20px;}

.sticker_package1 {z-index: 100; position: absolute; top: 10px; right: 20px;}
.sticker_package2 {z-index: 100; position: absolute; top: -10px; right: 20px;}
.sticker_package3 {z-index: 100; position: absolute; top: 10px; right: 20px;}

  .max-width-area{max-width: 970px; margin: 0 auto;}




  img.aligncenter{margin: 0 auto; display: block;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

   @media (min-width:1100px){
       section .providers div:nth-child(5n) { margin-right: 0!important;}
       section h1 {font-size: 1.750em;}
   }

   @media (max-width:1100px){

       body { font-size:0.75em; }
       header {width: 100%!important; padding: 0 0px; box-sizing: border-box; display: block; }
       section .container {width: 100%!important; padding: 0 30px; box-sizing: border-box!important;}
       header .logo {margin-left: 30px;}
       header nav {margin-right: 30px;}
       section.hero {width: 100%!important; height: auto!important; margin: 0; padding: 0; }
       header nav a {font-size: 1.2em; }
       section.hero .heroimg {min-width: 100%; width: auto!important; height: auto!important; padding: 0; display: block; padding-left: 10px; margin-left: -10px;  padding-bottom: 360px; background-size: cover;}
       section .providers {padding-top: 50px; text-align: center!important; vertical-align: top!important; box-sizing: border-box; padding-bottom: 20px;}
       section .providers div {margin-top: 0px; display: inline-block!important; float: none;}
       section.hero a.button {font-size: 1.4em;}
       section .providers div:nth-child(5n) {margin-right:27px!important;}
       section .providers div:nth-child(4n) {margin-right: 0!important; clear: right!important; }
       section .providers div:nth-child(10) {margin-right: 0!important;}
       section .providers a.provider_name {font-size: 1.1em}
       section h1 {font-size: 2em; margin-bottom: 20px;}
       section .packages {vertical-align: top!important; text-align: center!important;}
       section .package {vertical-align: top; display: inline-block!important; float: none;}
       section .package:nth-child(3) {margin-top: 20px!important; margin-bottom: 40px!important;}
       section .package .package_name h2 {font-size: 1.8em }
       section .package .package_name h3 {font-size: 1.5em }
       section .package .package_description li {font-size: 1.2em}
       section .package .package_description .button {font-size: 1.3em; padding: 15px 20px;}
       section .package .package_description .discount {font-size: 1.2em}
       section .benefit { font-size: 1.2em; }
       section .benefit h2 {font-size: 1.2em; }
       section .benefits {vertical-align: middle!important; text-align: center!important;  box-sizing: border-box; margin:0!important; margin-bottom: 50px!important;}
       section .benefits .benefit {display: inline-block!important; float: none;}
       section .benefit a.findout {margin-top: 20px!important;}

       section .bestfor { vertical-align: middle!important; text-align: center!important;  box-sizing: border-box; margin:0!important; margin-bottom: 20px!important; }
       section .bestcategory { font-size: 1.3em; width: auto!important; max-width: 346px!important; display: inline-block!important; float: none; margin-bottom: 30px; text-align: left!important;}
       section .bestcategory a {padding-right: 50px; }
       footer .links_container .links a {font-size: 1em;}
       section.about .container {padding-top: 20px!important;}
       section .aboutus {width: 60%!important; display: inline-block!important; }
       section .contactform {width: 25%!important; display: inline-block!important;  margin-right: 0px; }
       section .contactform fieldset field {width: 90%!important;}
       section .contactform strong {font-size: 1.2em;}
       section .contactform fieldset field {font-size: 1.1em;}
       section .contactform fieldset button {font-size: 1.2em;}
       section .aboutus h1 {font-size: 2em;}
       section .aboutus h2 {font-size: 1.4em;}
       section .aboutus div {font-size: 1.2em;}
       section.breadcrumb .breadcrumb, section.breadcrumb .breadcrumb a {font-size: 1em; }
       section.reviews .header { background-size: 40% auto!important; background-position: 95% 50%!important; width: 100%!important; box-sizing: border-box; padding-top: 30px;}
       section.reviews .header h1 {margin-bottom: 20px!important}
       section.reviews .header p {font-size: 1.1em; }

       section.vpnreviews {padding-top: 50px; text-align: center!important; vertical-align: top!important; box-sizing: border-box; padding-bottom: 20px;}
       section.vpnreviews .container div {margin-top: 0px; display: inline-block!important; float: none;}
       section.vpnreviews .container div:nth-child(5n) {margin-right:27px!important;}
       section.vpnreviews .container div:nth-child(4n) {margin-right: 0!important; clear: right!important; }
       section.vpnreviews .container div:last-child {margin-right: 0!important;}
       section.vpnreviews a.provider_name {font-size: 1.1em}
       section.vpnreviews a.button {font-size: 1.2em}

       section.mainfaq .header { width: 100%!important; box-sizing: border-box; background-size: 170px auto!important; background-position: 95% 50%!important; padding-top: 30px;}
       section.mainfaq .header h1 {margin-bottom: 20px!important;}
       section.mainfaq .header p {font-size: 1.1em; }
       section.mainfaq2 .questions {width: 35%; font-size: 1.25em; box-sizing: border-box; padding-left: 20px; }
       section.mainfaq2 .questions h2 {font-size: 1.4em;}
       section.mainfaq2 .answer {width: 65%!important; font-size: 1.15em; box-sizing: border-box; padding-left: 30px; padding-right: 30px; margin-left: 0;}
       section.mainfaq2 .answer h2 {font-size: 1.2em;}

       section.provider-summary .summary {width: 65%; box-sizing: border-box;}
       section.provider-summary .summary div {font-size: 1.35em;}
       section.provider-summary .summary a.button {font-size: 1.35em;}
       section.provider-summary .keyfacts  {width: 35%; box-sizing: border-box; }
       section.provider-summary .keyfacts div {font-size: 1.15em;}

       section.provider-details .provider-description { width: 100%;  box-sizing: border-box;}
       section.provider-details .header {font-size: 1.4em;}
       section.provider-details .header strong {font-size: 1.6em; }
       section.provider-details .description li {font-size: 1.2em; }
       section.provider-details .footer .button {font-size: 1.2em; }
       section.provider-details .footer .discount {font-size: 1.2em; }

       section.provider-details .info-boxes {width: 100%;  box-sizing: border-box; padding-left: 20%;}
       section.provider-details .info-boxes .box {width: 30%; float: left; display: inline-block!important;  margin-bottom: 0; }
       section.provider-details .info-boxes .box:nth-child(1) {margin-right: 30px;}
       section.provider-details .info-boxes .box h2 {font-size: 1.3em; }
       section.provider-details .info-boxes  .box a {font-size: 1.1em; }

       .sticker_package1 {transform: scale(0.8, 0.8)!important; -webkit-transform: scale(0.8, 0.8)!important; top: 0px; right: 10px;}
       .sticker_package2 {transform: scale(0.8, 0.8)!important; -webkit-transform: scale(0.8, 0.8)!important; top: -20px; right: 10px;}
       .sticker_package3 {transform: scale(0.8, 0.8)!important; -webkit-transform: scale(0.8, 0.8)!important; top: 0px; right: 10px;}

       section.provider-details .provider-description h2 {font-size: 1.3em; }
       section.provider-details .provider-description div.desc {font-size: 1.2em; }

       section.provider-call4action h1 {font-size: 2.0em; line-height: 1.3em;}
       section.provider-call4action .button {font-size: 1.4em;}
       section.provider-call4action .discount  {font-size: 1.2em;}

       section.compare .header { background-size: 40% auto!important; background-position: 95% 50%!important; width: 100%!important; box-sizing: border-box; padding-top: 30px;}
       section.compare .header h1 {margin-bottom: 20px!important}
       section.compare .header ul li {font-size: 1.1em; }
       section.compare .header .availableOn {font-size: 1em;}



       section .comparison table {width: 100%!important; }
       section .comparison table .no {display: block; width: 5%!important; }
       section .comparison table .provider {display: block; width: 21%!important; }
       section .comparison table .countries {display: block; width: 17%!important; }
       section .comparison table .moneyback {display: block; width: 15%!important; }
       section .comparison table .editors {display: block; width: 16%!important; }
       section .comparison table .price {display: none!important; }
       section .comparison table .features {display: block; width: 42%!important; padding-left: 0px!important;;}
       section .comparison table .features ul li{background-size: 15px auto;}
       section .comparison table .sitelink {display: block; width: 16%!important; background-image: none!important;  box-sizing: border-box;  border-right: 1px solid #eee!important}
       section .comparison table .blueborder_top {background-image: none!important; background-color: #f8f8f8!important; height: 43px!important; }
       section .comparison table .blueborder_bottom {background-image: none!important; }
       section .comparison table tr .content .starsControl em {font-size: 0.8em; margin-top: 5px; display: inline-block;}
       section .comparison table tr .header {font-size: 0.95em;}
       .content .no {font-size: 1.3em; }
       .content .provider {font-size: 1em; }
       .content .countries {font-size: 2em; }
       .content .moneyback {font-size: 1em; }
       .content .moneyback strong {font-size: 2.4em; }
       .content .editors {font-size: 2.1em; }
       .content .price {font-size: 1em; }
       .content .price strong {font-size: 2.1em;}
       .content .sitelink .button {font-size: 1.2em; }
       .content .sitelink .discount {font-size: 1.1em; display: block; background: none; padding-left: 0px;}

       section .comparison table tr .header.moneyback a {margin-top: 10px;}
       section .comparison table tr .header.moneyback a div {text-align: left!important; display: inline-block; width: 50%;}

       .featured_logos {margin-top: 10px; margin-bottom: 40px;}
       .featured_logos strong {font-size: 1.4em; }

       section.faq .questions {width: 40%!important; box-sizing: border-box; }
       section.faq .answer {width: 55%!important; box-sizing: border-box; margin-left: 30px; font-size: 1.1em;}
       section.faq .questions h2 {font-size: 1.3em;}
       section.faq .questions a {display: block; font-size: 1.1em;}

   }


   @media (max-width:1000px){

       section .comparison table .moneyback {width: 20%!important;}
       section .comparison table .no { width: 5%!important; }
       section .comparison table .provider { width: 23%!important; }
       section .comparison table .features {width: 40%!important; }
       section .comparison table .editors { width: 15%!important; }
       section .comparison table .price {width: 16%!important; }
       section .comparison table .sitelink {width: 17%!important; }
       section .comparison table tr .header {font-size: 0.95em;}
       section .comparison table tr .header.moneyback a div {text-align: left!important; display: inline-block; width: 45%;}
       section .package:nth-child(2) {margin-right: 0}
   }

   @media (max-width:940px){
       section .providers {text-align: center!important; box-sizing: border-box; vertical-align: top!important;}
       section .providers div {display: inline-block!important; float: none;}
       section .providers div:nth-child(4n) {margin-right:27px!important;}
       section .providers div:nth-child(3n) {margin-right: 0!important; clear: right!important;}
       section .providers div:nth-child(10) {margin-right: 27px!important; margin-left: 27px!important;}
       section .providers a.provider_name {font-size: 1.1em}
       section h1 {font-size: 1.750em;}
       section .packages {vertical-align: middle!important; text-align: center!important; box-sizing: border-box; margin:0!important;}
       section .package {display: inline-block!important; float: none;}
       section .package .package_name h2 {font-size: 1.7em }
       section .package .package_name h3 {font-size: 1.5em }
       section .package .package_description li {font-size: 1.2em}
       section .package .package_description .button {font-size: 1.3em; padding: 15px 20px;}
       section .package .package_description .discount {font-size: 1.2em}
       section .benefit { font-size: 1.2em; }
       section .benefit h2 {font-size: 1.1em; }
       section .bestcategory { font-size: 1.2em;}
       section.reviews .header {padding-top: 30px;}
       section.reviews .header p {width: 420px!important;}
       section.vpnreviews {text-align: center!important; box-sizing: border-box; vertical-align: top!important;}
       section.vpnreviews .container div {display: inline-block!important; float: none;}
       section.vpnreviews .container div:nth-child(4n) {margin-right:27px!important;}
       section.vpnreviews .container div:nth-child(3n) {margin-right: 0!important; clear: right!important;}
       section.vpnreviews .container div:last-child {margin-right: 27px!important; margin-left: 27px!important;}
       section.vpnreviews a.provider_name {font-size: 1.1em}

       section.provider-summary .summary a.provider_logo  {max-width: 149px!important; max-height: 99px!important; background-size: 100%;}
       section.provider-summary .summary a.provider_logo img {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); }

       section.compare .header {padding-top: 30px;}
       section.compare .header ul li {width: 420px!important;}
       section .comparison table tr .header {min-height: 32px!important; }

   }

   @media (max-width:875px){
       section .aboutus {width: 60%!important; display: inline-block!important; padding-right: 20px!important;}
       section .contactform {width: 25%!important; display: inline-block!important;  margin-right: 0px; padding: 25px;}
       section.provider-summary .summary div {font-size: 1.25em;}
       section.provider-summary .summary a.button {font-size: 1.25em;}
       section.provider-summary .keyfacts div {font-size: 1.1em; height: 32px; margin-bottom: 10px; vertical-align: middle; line-height: 32px;}
       section.provider-summary .keyfacts div:nth-child(3), section.provider-summary .keyfacts div:nth-child(4) {margin-bottom: 0px;}
       section.provider-details .info-boxes {padding-left: 10%;}
       section.provider-details .info-boxes .box {width: 35%; }


       section.provider-details .package {float: none; display: block; width: 262px!important; padding-right: 30px; display: inline-block; }
       section.provider-details .package.first .header {float: left; display: block; width: 259px; height: 191px; background: url(img/package1_top.png) no-repeat 0 0;}
       section.provider-details .package.first .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package1_top_long.png) no-repeat 0 0;}
       section.provider-details .package.first .description {float: left; display: block; width: 262px; background: url(img/package1_bg_long.png) repeat-y 0 0;}
       section.provider-details .package.first .footer {float: left; display: block; width: 259px; height: 158px; background: url(img/package1_bottom.png) no-repeat 0 0;}
       section.provider-details .package.first .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package1_bottom_long.png) no-repeat 0 0;}

       section.provider-details .package.second .header {float: left; display: block; width: 259px; height: 191px; background: url(img/package1_top.png) no-repeat 0 0;}
       section.provider-details .package.second .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package1_top_long.png) no-repeat 0 0;}
       section.provider-details .package.second .description {float: left; display: block; width: 262px; background: url(img/package1_bg_long.png) repeat-y 0 0;}
       section.provider-details .package.second .footer {float: left; display: block; width: 259px; height: 158px; background: url(img/package1_bottom.png) no-repeat 0 0;}
       section.provider-details .package.second .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package1_bottom_long.png) no-repeat 0 0;}

       section.provider-details .package.third .header {float: left; display: block; width: 259px; height: 191px; background: url(img/package1_top.png) no-repeat 0 0;}
       section.provider-details .package.third .header_ending {float: left; display: block; width: 3px; height: 191px; background: url(img/package1_top_long.png) no-repeat 0 0;}
       section.provider-details .package.third .description {float: left; display: block; width: 262px; background: url(img/package1_bg_long.png) repeat-y 0 0;}
       section.provider-details .package.third .footer {float: left; display: block; width: 259px; height: 158px; background: url(img/package1_bottom.png) no-repeat 0 0;}
       section.provider-details .package.third .footer_ending {float: left; display: block; width: 3px; height: 158px; background: url(img/package1_bottom_long.png) no-repeat 0 0;}

       section.provider-details .first.last .header_ending {background: url(img/package1_top_long.png) no-repeat 0 0!important;}
       section.provider-details .first.last .description {background: url(img/package1_bg_long.png) repeat-y 0 0!important;}
       section.provider-details .first.last .footer_ending {background: url(img/package1_bottom_long.png) no-repeat 0 0!important;}
       section.provider-details .second.last .header_ending {background: url(img/package1_top_long.png) no-repeat 0 0!important;}
       section.provider-details .second.last .description {background: url(img/package1_bg_long.png) repeat-y 0 0!important;}
       section.provider-details .second.last .footer_ending {background: url(img/package1_bottom_long.png) no-repeat 0 0!important;}
       section.provider-details .third.last .header_ending {background: url(img/package1_top_long.png) no-repeat 0 0!important;}
       section.provider-details .third.last .description {background: url(img/package1_bg_long.png) repeat-y 0 0!important;}
       section.provider-details .third.last .footer_ending {background: url(img/package1_bottom_long.png) no-repeat 0 0!important;}


       section.provider-details  .packages {text-align: center!important; position: relative; width: 100%!important;}
       section.provider-details .package {display: inline-block!important; float: none!important; margin: 0 auto!important; vertical-align: top!important;}
       section.provider-details .provider-description {margin:0!important;}
       section.provider-details .package.second {padding-right: 0!important;}
       section.provider-details .package.second {padding: 0;}
       section.provider-details h1 {margin-bottom: 20px!important;}
       section.provider-details .second .header {padding-top: 106px!important;}
       section.provider-details .second .description ul   { margin:0!important; padding: 30px!important; padding-bottom: 0!important;}


       section .comparison table .provider img {transform: scale(0.85, 0.85); -webkit-transform: scale(0.85, 0.85);}
       .content .provider {padding-top: 30px!important;}


       section .comparison table .no { width: 5%!important; height: 108px!important; box-sizing: border-box; height: 132px!important;}
       section .comparison table .provider { width: 27%!important; height: 108px!important; box-sizing: border-box;height: 132px!important;}
       section .comparison table .editors { width: 35%!important; height: 108px!important; box-sizing: border-box;height: 132px!important;}
       section .comparison table .sitelink {width: 33%!important; height: 108px!important; box-sizing: border-box;height: 132px!important;}
       section .comparison table .price {width: 0%!important; height: 108px!important; box-sizing: border-box; height: 132px!important;}
       section .comparison table .features{width: 0%!important; display: none!important;}

       /*section .comparison table .provider .price {display: block!important; box-sizing: border-box; width: 100%!important; padding-top: 5px!important;}*/
       section .comparison table tr .header {height: 34px!important}
       .content .no { padding-top: 30px!important; }
       section .comparison table tr .header {min-height: 42px!important; }

       .content .countries {padding-top: 20px!important;}
       .content .price {padding-top: 20px!important;}
       .content .sitelink {padding-top: 20px!important;}

       .sticker_package2 {top: 0px; right: 10px;}


   }

   @media (max-width:830px){
       body { font-size:0.69em; }
       header {width: 100%!important; padding: 0 0px; box-sizing: border-box; display: block; }
       section .container {width: 100%!important; padding: 0 30px;}
       header .logo {margin-left: 30px;}
       header .burger {background: url(img/burger.png) no-repeat; display: block; margin-top: 25px; margin-right: 30px; width: 32px; height: 26px; float: right;}
       header nav {display: none; width: 100%; clear: left; margin: 0;}
       header nav a {font-size: 1.5em; font-weight: bold; line-height: 1em; margin: 0; padding: 15px 0; color: #999; display: block; text-align: center; border-top: solid 1px #efefef;}
       header nav a:nth-child(5) {border-bottom: solid 1px #efefef;}
       section.hero {width: 100%!important; height: auto!important; margin: 0; padding: 0; }
       section.hero .heroimg {min-width: 100%; width: auto!important; height: auto!important; padding: 0; display: block; padding-left: 10px; margin-left: -10px;  padding-bottom: 366px; background-size: cover; }
       section .providers {padding-top: 30px; padding-bottom: 20px;}
       section.hero h1 {font-size: 3em; line-height: 1em; padding-left: 30px; padding-right: 30px;}
       section.hero .heroimg div {font-size: 1.8em;  line-height: 1em; padding-left: 30px; padding-right: 30px;}
       section.hero a.button {font-size: 1.4em; padding: 15px 20px;}
       section h1 {font-size: 1.60em; }
       section .benefit { font-size: 1.2em; }
       section .benefit h2 {font-size: 1.2em; }
       section .benefit a.findout {margin-top: 20px!important;}
       footer .links_container .links:nth-child(1n) {width: 120px!important; text-align: center!important;}
       footer .links_container .links:nth-child(2n) {margin-right: 0!important;}
       footer .links_container .links:nth-child(3) {clear: left!important;}
       section .aboutus {width: 55%!important; display: inline-block!important; padding-right: 20px!important;}
       section .contactform {width: 25%!important; display: inline-block!important;  margin-right: 0px; padding: 25px;}
       section.about .container {padding-top: 10px!important;}
       section.reviews .header p {font-size: 1.2em; width: 370px!important;}
       section.reviews .header {padding-top: 20px!important;}
       section.mainfaq .header p {font-size: 1.2em; width: 450px!important;}
       section.mainfaq .header {padding-top: 20px!important;}
       section.mainfaq2 .questions {width: 100%!important; border-right: 0; font-size: 1.4em;}
       section.mainfaq2 .answer {width: 100%!important; float: left; padding-left: 0px; padding-right: 20px; border-bottom: solid 1px #e2e2e2; padding-bottom: 20px; margin-bottom: 30px; font-size: 1.2em;}

       section.provider-summary .summary h1 {font-size: 1.85em;}
       section.provider-summary .summary {width: 100%; box-sizing: border-box;}
       section.provider-summary .summary div {font-size: 1.5em;}
       section.provider-summary .summary a.button {font-size: 1.5em;}
       section.provider-summary .keyfacts  {width: 100%; box-sizing: border-box;  float: left; margin-top: 20px;}
       section.provider-summary .keyfacts div {font-size: 1.3em; width: 50%; float: left;}
       section.provider-summary .summary a.provider_logo {width: 198px!important; max-width: 198px!important;  height: 131px!important; max-height: 131px!important;}
       section.provider-summary .summary a.provider_logo img {transform: scale(1, 1); -webkit-transform: scale(1, 1);}
       section.provider-details .info-boxes .box h2 {font-size: 1.4em; }
       section.provider-details .info-boxes  .box a {font-size: 1.2em; }

       section.provider-details .header {font-size: 1.5em;}
       section.provider-details .header strong {font-size: 1.7em; }
       section.provider-details .description li {font-size: 1.3em; }
       section.provider-details .footer .button {font-size: 1.3em; }
       section.provider-details .footer .discount {font-size: 1.3em; }

       section.provider-details .provider-description h2 {font-size: 1.3em; }
       section.provider-details .provider-description div.desc {font-size: 1.3em; }

       section.compare .header ul {padding-bottom: 10px!important;}
       section.compare .header ul li {font-size: 1.2em; width: 370px!important; }
       section.compare .header {padding-top: 30px!important;}

       section .comparison table tr .header {font-size: 1em;}
       .content .no {font-size: 1.3em; }
       .content .provider {font-size: 1.2em; }
       .content .countries {font-size: 2.1em; }
       .content .editors {font-size: 2.1em; }
       .content .price {font-size: 1.1em; }
       .content .price strong {font-size: 2em;}
       .content .sitelink .button {font-size: 1.3em; }
       .content .sitelink .discount {font-size: 1.2em; display: block; background: none; text-indent: 0px; padding-left: 0px;}
       .sticker {left: -15px;}
       section.faq .questions {width: 35%!important; }
       section.faq .answer {width: 60%!important; font-size: 1.2em;}
       section.faq .questions h2 {font-size: 1.4em;}
       section.faq .questions a {display: block; font-size: 1.2em;}
   }

   @media (max-width:785px){
       section .packages {vertical-align: middle!important; text-align: center!important;}
       section .package {display: inline-block!important; float: none; margin-bottom: 20px!important;  margin-left: 50px!important; margin-right: 50px!important; }
       section .package:nth-child(3) {margin-top: 0px!important; margin-bottom: 40px!important;}
       section .package .package_description .nodiscount {height: 0px!important; display: none;}
       section .benefits {vertical-align: middle!important; text-align: center!important; margin-bottom: 20px!important;}
       section .benefits .benefit {display: inline-block!important; float: none; margin:0!important; margin-bottom: 30px!important;}
       section .bestcategory { font-size: 1.3em;}
       section .bestcategory:nth-child(2) {margin-right:0!important;}
       section.reviews .header p {font-size: 1.2em; width: 350px!important;}
       section.compare .header ul li {font-size: 1.2em; width: 350px!important;}

       .sticker {left: -20px!important;}
   }



   @media (max-width:715px){
       section .providers a.provider_logo {width: 148px; max-height: 98px; }
       section .providers div {margin-top: 0px; width: 148px; background-size: 100%; margin-right: 20px!important; display: inline-block!important; float: none; vertical-align: top!important;}
       section .providers {text-align: center!important; box-sizing: border-box; padding-bottom: 20px; }
       section .providers div:nth-child(3n) {margin-right:0px!important; }
       section .providers div:nth-child(4n) {margin-right:20px!important; }
       section .providers div:nth-child(5n) {margin-right:20px!important; }
       section .providers div:nth-child(10) {margin-right: 50px!important; margin-left: 50px!important;}
       section .providers div img {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); }
       section .providers a.provider_name {font-size: 1.1em!important}
       section h1 {font-size: 1.60em; }
       section .package .package_name h2 {font-size: 1.6em }
       section .package .package_name h3 {font-size: 1.4em }
       section .package .package_description li {font-size: 1.2em}
       section .package .package_description .button {font-size: 1.3em; padding: 15px 20px;}
       section .package .package_description .discount {font-size: 1.2em}
       section .benefit { font-size: 1.2em; }
       section .benefit h2 {font-size: 1.2em; }
       footer .note {font-size: 0.8em; margin-right: 50px!important;; margin-left: 50px!important; }
       section.vpnreviews a.provider_logo {width: 148px; max-height: 98px; }
       section.vpnreviews .container div {margin-top: 0px; width: 148px; background-size: 100%; margin-right: 20px!important; display: inline-block!important; float: none; vertical-align: top!important;}
       section.vpnreviews {text-align: center!important; box-sizing: border-box; padding-bottom: 20px; }
       section.vpnreviews .container div:nth-child(3n) {margin-right:0px!important; }
       section.vpnreviews .container div:nth-child(4n) {margin-right:20px!important; }
       section.vpnreviews .container div:nth-child(5n) {margin-right:20px!important; }
       section.vpnreviews .container div:nth-child(12) {margin-right:0px!important; }
       section.vpnreviews .container div:last-child {margin-right: 0px!important; }
       section.vpnreviews .container div img {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); }
       section.vpnreviews a.provider_name {font-size: 1.1em!important}
       section.mainfaq .header p {font-size: 1.2em; width: 400px!important;}
       section.provider-details .info-boxes {padding-left: 0;}
       section.provider-details .info-boxes .box {width:35%; }

/*
       section .comparison table .no { width: 5%!important; }
       section .comparison table .provider { width: 40%!important; }
       section .comparison table .editors {width: 30%!important; }
       section .comparison table .price{width: 25%!important; border-right: solid 1px rgb(214, 214, 214)!important;}
       section .comparison table .sitelink {display: none!important; }
*/

        section .comparison table .no { width: 8%!important;  height: 166px!important; text-align: center;}
        section .comparison table .provider { width: 42%!important;  height: 166px!important}
        section .comparison table .editors.header {padding-top: 0px!important}
        section .comparison table .editors{   float: right;
            width: 50%!important;
    border-bottom-width: 0px!important;
    height: 61px!important;
    padding-top: 20px !important;
    min-height: 61px !important;    border-right: 1px solid #d6d6d6!important;}
        section .comparison table .moneyback {display: none!important;}
        section .comparison table .price{width: 0%!important; display: none!important;}
        section .comparison table .sitelink {width: 50%!important;  height: 105px!important}
        section .comparison table .sitelink a.discount {display: block;}
       section .comparison table .blueborder_top{border-top:0px!important ; display: none!important;}
   }

   @media (max-width:650px){
       section.hero h1 {font-size: 2.6em; line-height: 1.2em; padding-left: 60px; padding-right: 60px;}
       section.hero .heroimg div {font-size: 1.4em; line-height: 1.2em; padding-left: 60px; padding-right: 60px;}

       section.hero a.button {font-size: 1.2em; }
       section.hero .heroimg {padding-bottom: 360px; background-size: 150%; background-position: center bottom; background-color: #f1f1f1!important;}
       section h1 {font-size: 1.60em; }
       section .package {margin-left: 0px!important; margin-right: 0px!important; }
       section .package .package_name h2 {font-size: 1.8em }
       section .package .package_name h3 {font-size: 1.5em }
       section .package .package_description li {font-size: 1.2em}
       section .package .package_description .button {font-size: 1.3em; padding: 15px 20px;}
       section .package .package_description .discount {font-size: 1.2em}
       section .benefit { font-size: 1.2em; }
       section .benefit h2 {font-size: 1.1em; }
       section .benefit a.findout {margin-top: 15px!important;}

       section .aboutus {width: auto!important; float: left!important; clear: both!important; width: 95%!important; display: block!important; padding-right: 0px!important; padding-bottom:0px!important;}
       section .contactform {float: left!important; clear: both!important; width: 65%!important; display: block!important; margin-right: 0px; padding: 25px; margin-bottom: 50px;}
       section.about .container {padding-top: 0px!important;}
       section.reviews {height: 170px!important;}
       section.reviews .header { background: none!important; width: 100%!important; box-sizing: border-box;}
       section.reviews .header h1 {margin-bottom: 20px!important}
       section.reviews .header p {font-size: 1.2em; width: 100%!important;}
       section.mainfaq {height: 180px!important;}
       section.mainfaq .header { background: none!important; width: 100%!important; box-sizing: border-box;}
       section.mainfaq .header h1 {margin-bottom: 20px!important}
       section.mainfaq .header p {font-size: 1.2em; width: 100%!important;}

       section.provider-summary .summary h1 {font-size: 1.65em;}
       section.provider-summary .summary div {font-size: 1.3em;}
       section.provider-summary .summary a.button {font-size: 1.3em; padding: 15px 20px;}
       section.provider-summary .keyfacts div {font-size: 1.2em; width: 50%; float: left;}
       section.provider-summary .summary a.provider_logo  {max-width: 149px!important; max-height: 99px!important; background-size: 100%;}
       section.provider-summary .summary a.provider_logo img {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); }
       section.provider-details .info-boxes {padding-left: 0; text-align: center!important;}
       section.provider-details .info-boxes .box {width:300px!important; box-sizing: border-box; float: none!important; display: inline-block!important; margin:0!important;}
       section.provider-details .info-boxes .top5-box {margin-bottom: 30px!important;}

       section.provider-details .header, section.provider-details .second .header {font-size: 1.35em; padding-top: 112px!important; }
       section.provider-details .header strong {font-size: 1.4em; }
       section.provider-details .description li {font-size: 1.15em; }
       section.provider-details .footer .button {font-size: 1.15em; }
       section.provider-details .footer .discount {font-size: 1.15em; }

       section.provider-details .package {padding-left:50px; padding-right:50px;}

       section.provider-details .provider-description h2 {font-size: 1.2em; }
       section.provider-details .provider-description div.desc {font-size: 1.2em; }

       section.compare {height: 240px!important;}
       section.compare .header { background: none!important; width: 100%!important; box-sizing: border-box;}
       section.compare .header h1 {margin-bottom: 20px!important}
       section.compare .header ul li {font-size: 1.2em; width: 100%!important;}

       .featured_logos img {width: 80%; height: auto;}

       section.faq .questions {width: 100%!important; margin: 0!important; }
       section.faq .answer {width: 100%!important; margin: 0!important; margin-bottom: 30px!important; padding: 30px;}


       section .comparison table .sitelink{border-left:0px!important; border-right:1px solid #d6d6d6!important;}

       section .comparison table .blueborder_bottom{border-bottom:1px solid rgb(214, 214, 214)!important;}
   }


   @media (max-width:550px){
       section .providers div:nth-child(2n) {margin-right:0px!important; }
       section .providers div:nth-child(3) {margin-right:20px!important; }
       section .providers div:nth-child(9) {margin-right:20px!important; }
       section .providers div:nth-child(10) {margin-right: 0px!important; margin-left: 0px!important;}
       section .bestcategory:nth-child(1n) {margin-right:90px!important; margin-left:90px!important;}

       footer .social {padding-left: 0px!important; padding-top: 50px!important; background-position: top center!important; text-align: center!important; min-width: 300px;}
       footer .social a {display: inline-block!important;}
       footer .social a:nth-child(4) {margin-right:0!important;}
       footer .social a:nth-child(1) {margin-left:21px!important;}
       footer .links_container .links:nth-child(2n-1) {margin-right: 50px!important;}
       footer .links_container .links:nth-child(2n) {margin-right: 0!important;}
       footer .links_container .links:nth-child(3) {margin-top: 20px!important;}
       footer .links_container .links:nth-child(4) {margin-top: 20px!important;}
       section.reviews {min-height: 200px!important; }
       section.vpnreviews .container div:nth-child(2n) {margin-right:0px!important; }
       section.vpnreviews .container div:nth-child(3) {margin-right:20px!important; }
       section.vpnreviews .container div:nth-child(9) {margin-right:20px!important; }
       section.vpnreviews .container div:last-child {margin-right: 0px!important; margin-left: 0px!important;}
       section.mainfaq {height: 200px!important;}

       section.provider-summary .summary a.provider_logo {width: 198px!important; max-width: 198px!important;  height: 131px!important; max-height: 131px!important; display: inline-block!important; float: none!important;}
       section.provider-summary .summary a.provider_logo img {transform: scale(1, 1); -webkit-transform: scale(1, 1);}

       section.provider-summary .summary h1 {clear: left; width: 100%; margin-top: 20px; text-align: center;}
       section.provider-summary .summary div {clear: left; width: 100%; margin-top: 20px; margin: 0;}
       .rateit-range{margin: 0px auto 0 auto!important;;}
       section.provider-summary .summary a.button {clear: left; margin-top: 20px; margin-bottom: 10px;}
       section.provider-summary .summary .stars {clear: left; width: 100%; padding-left: 0; margin-bottom: 10px}
       section.provider-summary .keyfacts div {width: 100%; float: left;}
       section.provider-summary .summary a.provider_logo {margin-right: 0!important;}

       section.provider-summary .summary {float: none!important; text-align: center!important; position: relative!important;}

       section.compare {min-height: 200px!important; }
/*
       section .comparison table .countries {display: none!important; }
       section .comparison table .no { width: 15%!important; }
       section .comparison table .provider { width: 50%!important; }
       section .comparison table .sitelink {width: 35%!important; }


       section .comparison table .provider img {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75);}
       section .comparison table .sitelink {padding-top: 25px!important;}*/
       .content .sitelink .button {font-size: 1.1em; padding: 10px 20px!important; width: auto!important;}
       .content .sitelink .discount {font-size: 1.1em; }
       .content .price {font-size: 1em; padding-top: 25px!important;}
       .content .price strong {font-size: 2em;}
        section .comparison table .provider img{max-width: 100%!important; margin-bottom: 20px;}
       .sticker{left: -30px!important; transform: scale(0.7,0.7); top:-24px;}
       section.mainfaq2 .answer{padding: 40px 20px;}
   }

   @media (max-width:480px){
       section .providers div {margin-top: 0px; margin-bottom: 0px; }
       section .providers a.provider_name {font-size: 1em}
       section .bestcategory:nth-child(1n) {margin-right:20px!important; margin-left:20px!important;}
       section .contactform {float: left!important; clear: both!important; width: 75%!important;}
       section.reviews {min-height: 210px!important; }
       section.mainfaq {height: 220px!important;}
       section.compare {min-height: 210px!important; }

     /*  section .comparison table .no { width: 15%!important; }
       section .comparison table .provider { width: 45%!important; }
       section .comparison table .sitelink {width: 40%!important; }*/
        .sticker{left: -30px!important; transform: scale(0.6,0.6); top:-24px;}
        .content .sitelink .button {font-size: 1em; padding: 10px 12px!important;}
        .content .sitelink .discount {font-size: 1em; padding: 0!important; background: none!important;}
        section .comparison table .sitelink {padding-top: 27px!important;}

        footer .links_container .links,
        footer .links_container .links:nth-child(1),
        footer .links_container .links:nth-child(2),
        footer .links_container .links:nth-child(3),
        footer .links_container .links:nth-child(4),
        footer .links_container .links:nth-child(5),
        footer .links_container .links:nth-child(6){width: 100%!important;}
        footer .links_container .links:nth-child(4){margin-top: 0px!important;}
   }

   @media (max-width:400px){

       header .logo {background-size: 100% auto!important; width: 170px!important; margin-top: 8px; margin-bottom: 3px; height: 70px;}
       header .burger {background-size: 85% auto!important; margin-top: 32px!important;}

       section.hero .heroimg {padding-bottom: 311px;}

       section .providers {text-align: center!important; vertical-align: top!important; box-sizing: border-box; padding-bottom: 30px;}
       section .providers div {margin-top: 0px; display: inline-block!important; float: none;}
       section .providers div:nth-child(2n) {margin-right: 0!important; clear: right!important; }
       section h1 {font-size: 1.50em; }
       section .package .package_name h2 {font-size: 1.8em }
       section .package .package_name h3 {font-size: 1.5em }
       section .package .package_description li {font-size: 1.2em}
       section .package .package_description .button {font-size: 1.3em; padding: 10px 12px!important;}
       section .package .package_description .discount {font-size: 1.2em}
       section .bestcategory a {padding-right: 20px; }

       section.reviews {min-height: 220px!important; }
       section.vpnreviews {text-align: center!important; vertical-align: top!important; box-sizing: border-box; padding-bottom: 30px;}
       section.vpnreviews .container div {margin-top: 0px; display: inline-block!important; float: none;}
       section.vpnreviews .container div:nth-child(2n) {margin-right: 0!important; clear: right!important; }
       section.vpnreviews .container {padding: 0 0px!important;}
       section.mainfaq {height: 240px!important;}

       section.provider-details .package {padding-left:0px; padding-right:0px;}

       section.compare {min-height: 200px!important; }

       section.hero h1{font-size: 2em;}


   }

   @media (max-width:375px){
       section.hero a.button {font-size: 1.4em;}
       section.hero a.button {width: 200px;}
       section .providers {padding: 30px 18px!important;}
       section .providers div:nth-child(2n-1) {margin-right: 10px!important;}
       section .providers div img {transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); }
       section .providers div {width: 132px; padding-bottom: 15px;}
       section .providers a.provider_logo {width: 132px; max-height: 85px; }

       section .package {width: 278px;}
       section .package .package_header {width: 278px; height: 95px; background-size: 99%}
       section .package .package_sticker {transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); padding-top: 0!important; padding-right: 5px!important;}
       section .package .package_name{width: 278px; height: 20px; background-size: 99%}
       section .package .package_description {background-size: 99%}
       section .package .package_bottom {width: 278px; height: 4px; background-size: 99%}
       section .package .package_name {height: auto;}
       section .benefit {width: 280px!important; margin: 0px!important; padding-left: 0px!important; padding-right: 0px!important; box-sizing: border-box;  tvertical-align: top!important}
       section .benefit img {margin: 0!important; transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); margin-left: auto; margin-right: auto; display: inline-block;}
       section .benefit a {display: inline-block; margin-top: -20px!important; margin-bottom: -20px!important;}

       footer .social a:nth-child(2n) {margin-left:0px!important; margin-right:50px!important; margin-bottom: 15px;}
       footer .social a:nth-child(2n-1) {margin-right:20px!important;  margin-left:50px!important; margin-bottom: 15px;}
       footer .social a:nth-child(3) {clear: both}
       footer .social {text-align: center!important; height: 120px!important;}
       footer .social a {display: inline-block!important; float: none!important;}


       footer .links_container .links:nth-child(2n-1) {margin-right: 20px!important;}
       footer .links_container {margin-top: 10px!important; margin-bottom: 20px!important;}
       footer .note {font-size: 0.7em;}
       section .contactform {float: left!important; clear: both!important; width: 85%!important;}

       section.reviews {min-height: 230px!important; }
       section.vpnreviews {padding: 30px 18px!important;}
       section.vpnreviews .container div:nth-child(2n-1) {margin-right: 10px!important;}
       section.vpnreviews .container div img {transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); }
       section.vpnreviews .container div {width: 132px!important; padding-bottom: 15px!important;}
       section.vpnreviews a.provider_logo {width: 132px!important; max-height: 85px!important; }
       section.vpnreviews a.button { padding: 12px 8px!important;}
       section.mainfaq {height: 260px!important;}
       section.mainfaq h1 {line-height: 1.3em!important; margin-bottom: 0px!important;}

       section.provider-summary .keyfacts div {line-height: 1em!important;}

       section.provider-details .info-boxes .box {width:260px!important;}

       section.compare {min-height: 230px!important; }
       .sticker {left: -15px!important;}
       section .comparison table tr .content div{font-size: 10px;}
       section .comparison table .content .price{padding-top: 23px!important}
       section .comparison table .price strong{font-size: 14px;}

       section .comparison table .content .sitelink {padding-top:23px!important;}
       .content .sitelink .button {font-size: 1em!important; padding: 8px 12px!important; width: auto!important; font-size: 10px; margin-bottom: 5px;}
       .sticker{left: -40px!important; transform: scale(0.6,0.6); top:-2px;}

  .content .editors span.rounded{font-size: 14px;}
     section.hero .heroimg {padding-bottom: 311px;}
   }

   @media (max-width:320px){
        section.hero .heroimg {padding-bottom: 279px;}
       section.reviews {min-height: 260px!important; }
       section.mainfaq {height: 330px!important;}
       section.mainfaq h1 {line-height: 1.3em!important; margin-bottom: 0px!important;}
       section.compare {min-height: 360px!important; }
       section.compare .header ul {padding-bottom: 10px!important; width: 230px; }
       section.compare .header li {line-height: 1.3em!important;}
       section.compare h1 {line-height: 1.3em!important;}

       .sticker {transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); left: -40px!important;}
       section .comparison table .provider img {max-width: 110px; height: auto!important;}



       .content .price {font-size: 1em; }
       .content .price strong {font-size: 1.1em;}



         .sticker{left: -40px!important; transform: scale(0.6,0.6); top:-24px;}
   }




   @media (max-width:650px){
              .provider-description .desc table tr td img{max-width: 100%; height: auto; width: auto;}


   }








/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}