/*
Theme Name: COMPARIZZON - vpncomparison.org
Author: Juan Pedro
Version: 5.1
*/

* {
    box-sizing: border-box;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    background: #fff url('images/bg-header.jpg') no-repeat top center;
    font: normal 90%/140% 'Gudea', Arial, sans-serif;
    color: #4e4e4e;
    margin: 0;
}


/* animations */
.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



[class^="al-"]:hover, *[class*="al-"]:hover {
cursor: pointer;
}

p { margin: 0 0 12px; }

ul, ol { padding: 0 0 0 15px; margin: 0 0 12px; }
ul { list-style-type: square; }
ul.nobullets { list-style: none; padding: 0; }
ul.nobullets li.big-icons { display: inline-block; }



.b, .bold { font-weight: bold; }
.rc, .roundedcorners  { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

img { max-width: 100%; height: auto; }
.wp-caption, .wp-caption img, dl, dl img { width: auto !important; max-width: 100% !important; }    
iframe { max-width: 100%; }

hr { margin: 5px auto 15px; height: 1px; background: transparent; border: none; border-bottom: 3px solid #D7F0FF; }


/* Coupons */
.banners {
float:left;
margin-right:4px;}
    
    
.banners2 {
float:none;
margin-right:4px;
}

/* Positioning */
.clear { clear: both; }
.alignleft { float: left; }
img.alignleft { margin: 0 5px 5px 0; }
.alignright { float: right; }
img.alignright { margin: 0 0 5px 5px; }
.aligncenter, .center { margin: auto; text-align: center; }
.alignnone { float: none; display: block; }

.none, .no, .hidden, .hid, .screen-reader-text { display: none; }

.anchor { display: block; width: 1px; height: 1px; }

/* Columns */
.columns { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; 

    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    
    margin: 0 auto 30px; 
    text-align: justify; 
}
.columns > p { margin-top: 0; }


/* Headings */
h1, h2, h3, h4, h5, h6, .title, .titlerow { display: block; margin: 0 0 5px; color: #226399; font-size: 130%; line-height: 135%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a.title, .title a { text-decoration: none; }

h2 { font-size: 120%; font-weight: normal; }
h3, .title { font-size: 125%; }
h4, h5, h6, .title.small { margin: 0; font-size: 105%; line-height: 125%; font-weight: bold; }
.subline { display: block; margin-bottom: 10px; }


/* Hyperlinks */
a { color: #0b3d67; }
a:hover { color: #52a4ea; text-decoration: none; }
a img { border: none; }

a.more { display: block; margin: 5px 0; }


/* Buttons */

/* Sidebar Provider Details */
.button, .provider-details .button {
    display: block;
    padding: 10px 0; 
    font-weight: bold;
    font-size: 120%;
    line-height: 140%;
    text-decoration: none;
    text-align: center;
    color: #fff;
    
    background: #e1d074;
    background: -moz-linear-gradient(top,  #e1d074 0%, #99802b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1d074), color-stop(100%,#99802b));
    background: -webkit-linear-gradient(top,  #e1d074 0%,#99802b 100%);
    background: -o-linear-gradient(top,  #e1d074 0%,#99802b 100%);
    background: -ms-linear-gradient(top,  #e1d074 0%,#99802b 100%);
    background: linear-gradient(to bottom,  #e1d074 0%,#99802b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d074', endColorstr='#99802b',GradientType=0 );
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}
.button:hover, .provider-details .button:hover { 
    background: #52a4ea;
    background: -moz-linear-gradient(top,  #52a4ea 0%, #2b6698 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a4ea), color-stop(100%,#2b6698));
    background: -webkit-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
    background: -o-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
    background: -ms-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
    background: linear-gradient(to bottom,  #52a4ea 0%,#2b6698 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a4ea', endColorstr='#2b6698',GradientType=0 );
}

.provider-details a { text-decoration: none; }

/* Standard Buttons */
.btn-primary { 
    white-space: nowrap;
    display: block; 
    margin: 5px 0; 
    padding: 10px 5px; 
    text-align: center; 
    background: #0b3d67; 
    color: #fff; 
    font-weight: bold; 
    text-decoration: none; 
    border: none; 
}
.btn-primary:hover { background: #52a4ea; color: #fff; cursor: pointer; }

.btn-primary.alt {
    background-color: #3594f3;
    color: #fff;
    text-decoration: none; 
}
.btn-primary.alt:hover {
    background-color: #68E0FF;
    color: #333; 
}

.btn-primary.half { width: 50%; }

@media all and (max-width: 420px) { .btn-primary.half { width: 80%; } }
@media all and (max-width: 350px) { .btn-primary.half { width: 100%; } }


.btn-secondary {
    white-space: nowrap;
    display: inline-block;
    margin: 5px 5px 5px 0;
    padding: 4px 8px;
    text-align: center;
    background: #0b3d67;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: none;
}
.btn-secondary:last-of-type {
    margin-right: 0;
}
.btn-secondary:hover { background: #52a4ea; color: #fff; cursor: pointer; }


input, select { font-family: 'Gudea', Arial, sans-serif; }


@media all and (max-width: 960px) {
    aside a.button { font-size: 110%; line-height: 135%; }    
}
@media all and (max-width: 540px) {    
    .btn-primary { line-height: 135%; }
}


/* Laendertext */
.laendertext32 { padding: 0; }
.laendertext32 li { margin-top: 3px; padding: 5px 0 5px 45px; list-style: none; color: #666; background-repeat: no-repeat; font-size: 110%; font-weight: bold; }
.laendertext32 li a { text-decoration: none; }



/* Pagination */
.pagination, .postnavi, .pagenavi { margin: 10px auto 20px; }
.pagination .title, .postnavi .title, .pagenavi .title { margin: 0 0 5px; font-size: 14px; font-weight: bold; }
.pagelink { font-weight: bold; margin: 0 2px 0 0; padding: 3px 5px; border: 1px solid #ccc; }
.navi .previous, .nav-previous { float: left; }
.navi .next, .nav-next { float: right; }
.navi a:hover .pagelink { border-color: #0b6286; } 
.navi a { display: block; padding: 5px 10px; background-color: #c2def6; color: #0b6286; text-decoration: none; }
.navi a:hover { background-color: #0b6286; color: #fff; }
.comment-navigation { margin: 25px 0; }

/* WP PageNavi */
.wp-pagenavi span, .wp-pagenavi a { display: block; padding: 2px 5px; float: left; margin-right: 5px; }
.wp-pagenavi a, .wp-pagenavi .current { border: 1px solid #ccc; text-decoration: none; }
.wp-pagenavi a:hover, .wp-pagenavi .current { border-color: #52A4EA; background-color: #52A4EA; color: #fff; }
.wp-pagenavi .pages { float: right; }


/* Pro & Contra */
.proconbox strong, .proconbox .hl { display: block; margin-bottom: 5px; font-size: 15px; }
.pro strong, .pro .hl { font-weight: bold; color: #1fb51a; }
.contra strong, .contra .hl { font-weight: bold; color: #ef481a; }

.proconbox ul, .procon ul { list-style: none; padding: 0; margin: 0; }
.proconbox ul li { padding: 0 0 5px 35px; margin-bottom: 5px; font-size: 14px; }

.pro ul li { background: transparent url('images/icons/icon_positive.png') no-repeat top left; }
.contra ul li { background: transparent url('images/icons/icon_negative.png') no-repeat top left; }

@media all and (max-width: 900px) {
    .proconbox ul li { padding: 0 0 0 22px; margin-bottom: 3px; }
    .pro ul li { background: url('images/icons/icon_positive-sml.png') no-repeat 0 5px; }
    .contra ul li { background: url('images/icons/icon_negative-sml.png') no-repeat 0 5px; }
}




/* Struktur */
body { margin-bottom: 60px; }

#wrap, header .innerwrap { width: 1200px; margin: 0 auto; }

#wrap { background-color: #eff7fc; border: 1px solid #abd0ef; }

header { margin: 5px auto 0; }
header .logo { text-align: right; display: inline; width: 50%; float: right; }
header .search-form { width: 40%; float: left; margin-top: 35px; }

footer { clear: both; padding: 5px 10px; text-align: left; }
.footer-links { text-align: right; }


@media all and (max-width: 1240px) {
    #wrap, header .innerwrap { width: 98%; }
}
@media all and (max-width: 900px){
    header .logo img { max-width: 100%; height: auto; }
}
@media all and (max-width: 768px){
    header .logo { float: none; width: auto; display: block; }  
    header .logo img { max-width: 100%; height: auto; }
    header .search-form { float: none; width: auto; margin: 10px auto; }
    header .search-submit { width: 30%; float: right; }
}


/* Content */
#main { margin: 10px 10px 0; }

#main .content, .footer-widgets {
    width: 100%;    
    margin-bottom: 15px; 
    padding: 5px 10px; 
    background-color: #fff; 
    
    border: 1px solid #c2def6; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
}
#main .content {
	font-size:120%;
    line-height:120%;
}
.home #main .content { font-size: 110%; }
    


/* Content Lists */
#main .content ul li {
    padding-left: 10px;
}


.one-sidebar #main .content, .one-sidebar .footer-widgets.details { float: left; width: 750px; }
.one-sidebar.sidebar-left #main .content, .one-sidebar.sidebar-left .footer-widgets.details { float: right; width: 915px; } 
.two-sidebars #main .content, .two-sidebars .footer-widgets.details { float: left; width: 620px; }


@media all and (max-width: 590px){
    .footer-widgets { width: 49% !important; display: inline-block !important; vertical-align: top !important; float: none !important; }        
}
@media all and (max-width: 515px){
    .footer-widgets { width: 100% !important; margin-right: 0 !important; float: none !important; }
}



#main .post, #main .entry { background-color: #fff; }
#main .entry { margin-bottom: 15px; padding: 10px 15px; border: 1px solid #c2def6; }

/* iframe videos */
#main .post iframe { width: 100%; height: 450px; }
@media all and (max-width: 1024px) { #main .post iframe { height: 400px; } }
@media all and (max-width: 992px) { #main .post iframe { height: 350px; } }
@media all and (max-width: 768px) { #main .post iframe { height: 250px; } }
@media all and (max-width: 640px) { #main .post iframe { height: 175px; } }
@media all and (max-width: 590px) { #main .post iframe { height: 300px; } }
@media all and (max-width: 490px) { #main .post iframe { height: 250px; } }
@media all and (max-width: 400px) { #main .post iframe { height: 200px; } }
@media all and (max-width: 360px) { #main .post iframe { height: 150px; } }
@media all and (max-width: 280px) { #main .post iframe { height: 120px; } }
@media all and (max-width: 220px) { #main .post iframe { height: 100px; } }


#main .blog-posts .entry { display: inline-block; vertical-align: top; width: 49.5%; }
#main .blog-posts .entry a.more { display: inline-block; }
#main .blog-posts .entry a.edit { float: right; }
#main .blog-posts .entry .post-image-container { width: 150px; height: 150px; overflow: hidden; }
#main .blog-posts .entry .post-image-container img { width: 100%; height: auto; }

#main .archive.posts .post-image-link { display: block; float: right; margin: 0 0 10px 10px; }

#main a.post-edit-link { float: right; margin-top: -11px; padding: 1px 10px; border: 1px solid #C2DEF6; border-bottom: none; background-color: #fff; text-decoration: none; font-size: 12px; }
#main a.post-edit-link:hover { background-color: #C2DEF6; color: #22639C; }

#main .content .alignright { margin: 6px 0 12px 12px; }
#main .content .alignleft { margin: 6px 12px 12px 0; }
#main .content .wp-caption { padding: 5px; border: 1px solid #ABCFEF; text-align: center; }
#main .content .wp-caption p.wp-caption-text { margin: 0 0 5px; }
#main .content .wp-caption.alignright, #main .content .wp-caption.alignleft { margin-top: 5px; }

#main .postimg { float: right; width: 250px; margin: 10px 0 10px 10px; }
#main .post .postimg { float: left; margin: 7px 12px 8px 0; }
#main .entry .postimg, #main .content .post-image-container.overview { width: 150px; }


#main .entry table { width: 730px; margin: 0; }
#main .entry td { border: none; padding: 0; vertical-align: top; }
#main .entry td.c1 { width: 120px; }
#main .entry .title.small { display: inline; margin-right: 10px; }
#main .entry p { margin-bottom: 5px; }

#main .entry .logo-container { float: right; text-align: center; margin: 10px 0 10px 20px; }


.single #main .post { overflow-wrap: break-word; word-wrap: break-word; background: transparent; padding: 0; border: none; }
.single #main .post .content { padding-bottom: 20px; }
.single #main .screenshot { display: block; width: 100%; max-width: 100%; height: auto; max-height: 300px; overflow: hidden; margin-bottom: 20px; }
.single #main span.title, .single #main h3 { padding: 3px 7px; font-size: 110%; font-weight: normal; color: #226399; background-color: #c2def6; -moz-border-radius: 8px;    -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; }

a.screenshot-logobox { text-decoration: none; }

.wp-pagenavi a, .wp-pagenavi span { padding: 3px 7px !important; }


@media all and (max-width: 1240px) {
    .one-sidebar.sidebar-right #main .content { width: 69%; }
    .one-sidebar.sidebar-left #main .content { width: 69%; }
    .two-sidebars #main .content { width: 49%; }
}
@media all and (max-width: 1160px) {
    .single #main .screenshot { max-height: 250px; }
}
@media all and (max-width: 1024px) {
    .single #main .screenshot { max-height: 225px; }
}
@media all and (max-width: 900px) {
    #main .content img { max-width: 100%; height: auto; }
    .one-sidebar.sidebar-right #main .content { width: 64%; }   
    .two-sidebars #main .content { width: 47%; }
    .single #main .screenshot { max-height: 200px; }
}
@media all and (max-width: 780px) {
    #main .content img, aside img { max-width: 100%; height: auto; }       
    .two-sidebars #main .content { width: 62%; }    
    .sidebar #main .content .post { padding: 5px; } 
}
@media all and (max-width: 680px) {
    #main .entry td.c1 { width: 30%; }
}
@media all and (max-width: 590px){
    #main .content { clear: both !important; width: 100% !important; float: none !important; margin: 5px auto 10px !important; }    
}


/* Country List Page */
#main .content .country { display: inline-block; width: 9.7%; height: 90px; overflow: hidden; padding: 15px 0 10px; text-align: center; background-color: #dbf0fc; }
#main .content .country .sprite { display: block; text-align: center; margin: auto; }
#main .content .country .sprite span { display: none; }
#main .content .country:hover { background-color: #52a4ea; color: #fff; }
#main .content .country .img { display: block; width: 32px; height: 32px; margin: auto; background-repeat: no-repeat; background-position: center center; }
#main .content .country span.text { display: block; width: 90%; margin: 8px auto 0; font-size: 90%; line-height: 100%; }

@media all and (max-width: 1130px) {
    #main .content .country { width: 12%; }
}
@media all and (max-width: 960px) {
    #main .content .country { width: 16%; }
}
@media all and (max-width: 768px) {
    #main .content .country { width: 19%; }
}
@media all and (max-width: 600px) {
    #main .content .country { width: 24%; }
}
@media all and (max-width: 480px) {
    #main .content .country { width: 32%; }
}
@media all and (max-width: 280px) {
    #main .content .country { width: 49%; }
}
@media all and (max-width: 210px) {
    #main .content .country { width: auto; height: auto; display: block; margin: 0 auto 5px; padding: 5px 0; }
}



/* Screenshot */
.screenshot {
    display: block;
    position: relative; 
}
.screenshot .caption {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: absolute;
    background: rgba(0,0,0,.5);
    color: white;
    text-decoration: none;
}
.screenshot:hover .caption {
    background: rgba(0,0,0,0);
}
.screenshot:hover .button {
    box-shadow: 0 0 12px #333;
}

.screenshot .caption .button {
    display: block;
    position: relative;
    z-index: 99;
    margin: 22% 20%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none; 
    background-color: #3594f3;    
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.screenshot .caption .button:hover {
    color: #000;
    background-color: #68E0FF;    
}



/* FAQ */
#main #faq { margin: 10px auto; 25px; }
#main .faq { margin: 15px auto 15px; }
#main .faq .answer { margin-bottom: 15px; }
#main .faq h2 { font-weight: 400; }
#main .faq .content { border: none; padding: 0 0 10px; border-bottom: 3px solid #f0f0f0; }


/* Random Posts on Not-Found Pages */
.random-posts { margin: 25px auto 5px; padding-top: 10px; border-top: 3px solid #C2DEF6; }
.random-posts .entry { display: inline-block; width: 49%; vertical-align: top; }
.random-posts .entry .postimg { max-width: 100%; height: auto; }

@media all and (max-width: 680px) {
    .random-posts .entry { display: block; width: 100%; }    
}



/* Countrylist Sidebar Widget */
.countrylist img.flag { margin-right: 5px; }



/* Detailseiten - Logobox */
.logobox { width: 98%; margin: 0 auto 15px; background-color: #fff; }
.bottom .logobox { display: none; }
.logobox .inner { max-width: 1200px; margin: auto; }
.logobox .left, .logobox .right, .logobox .box { display: block; float: left; width: 32.5%; vertical-align: middle; }
.logobox .rating { vertical-align: top; margin: 3px auto 0; }
.logobox .right { vertical-align: top; float: right; }

.logobox a.btn-primary { width: 100%; padding: 10px 0; float: right; font-size: 100%; line-height: 115%; background-color: #3594f3; color: #fff; }
.logobox a.btn-primary:hover { background-color: #68E0FF; color: #000; }

.logobox.sticky { width: 100%; height: 63px; margin: 0; position: fixed; top: 44px; left: 0; z-index: 50; vertical-align: middle; border-bottom: 3px solid #c2def6; box-shadow: 0 0px 12px #ccc; }
.logobox.sticky .inner { max-width: 580px; position: relative; left: -40px; }
.two-sidebars .logobox.sticky .inner { left: -15px; }
.logobox.sticky .logo, .logobox.sticky .post-image-link { display: block; max-height: 55px; overflow: hidden; margin-left: 15px; }
.logobox.sticky img.post-image { height: 100%; max-height: 55px; width: auto; }
.logobox.sticky .left { text-align: left; padding: 5px 0 0 3px; }
.logobox.sticky .right { float: left; }
.logobox.sticky .rating .stars { margin-top: 10px; }
.logobox.sticky a.btn-primary { margin: 10px 0 0; }

    
.one-sidebar .logobox.sticky .inner { width: 1200px; margin: 0 auto; max-width: none; position: static; }
.one-sidebar.sidebar-left .logobox.sticky .inner { width: 50px; }
.one-sidebar .logobox .left, .one-sidebar .logobox .right, .one-sidebar .logobox .box { max-width: 238px; }

@media all and (max-width: 1240px) {
    .two-sidebars .logobox.sticky .inner {
        left: -60px;
    }
}
@media all and (max-width: 1080px) and (min-width: 515px) {
    .two-sidebars .logobox .rating { margin-top: 10px; }
    .two-sidebars .logobox.sticky .rating { margin-top: 15px; }
    .two-sidebars .logobox .rating .stars, .two-sidebars .logobox .rating .stars span {
        height: 18px; 
        overflow: hidden;
        background-image: url('images/stars-medium.png'); 
    }
    .two-sidebars .logobox .rating .stars { position: relative; left: 5px; width: 96px; margin: 0 auto; }
    .two-sidebars .logobox .rating .stars span { background-position: 0 18px; }
    
    /* Rating Stars */
    .two-sidebars .logobox.sticky .rating .stars, .two-sidebars .logobox.sticky .rating .stars span {
        height: 24px !important;
        background-image: url('images/stars.png') !important; 
    }
    .two-sidebars .logobox.sticky .rating .stars { position: relative; left: 5px; width: 128px !important; }
    .two-sidebars .logobox.sticky .rating .stars span { background-position: 0 24px !important; }
}

@media all and (max-width: 850px) and (min-width: 515px) {
    .logobox { margin-top: -15px; }
    .two-sidebars .logobox .left, .two-sidebars .logobox .middle, .two-sidebars .logobox .right {
        display: block; 
        width: 100%;
        float: none;
        text-align: center;        
    }
    .two-sidebars .logobox .middle { margin: -5px auto 5px; }
    .two-sidebars .logobox.sticky .left, .two-sidebars .logobox.sticky .middle, .two-sidebars .logobox.sticky .right {
        display: inline-block; 
        width: 32.5%;
        float: left;
        text-align: center;
    }
}
@media all and (max-width: 800px) and (min-width: 515px) {    
    /* Rating Stars */
    .one-sidebar .logobox .rating .stars, .one-sidebar .logobox .rating .stars span {
        height: 18px; 
        overflow: hidden;
        background-image: url('images/stars-medium.png'); 
    }
    .one-sidebar .logobox .rating .stars { position: relative; left: 5px; width: 96px; margin: 10px auto 0; }
    .one-sidebar .logobox.sticky .rating .stars { margin: 10px auto 0; }
    .one-sidebar .logobox .rating .stars span { background-position: 0 18px; }
    
    .one-sidebar .logobox.sticky .rating .stars, .one-sidebar .logobox.sticky .rating .stars span {
        height: 24px !important;
        background-image: url('images/stars.png') !important; 
    }
    .one-sidebar .logobox.sticky .rating .stars { position: relative; left: 5px; width: 128px !important; }
    .one-sidebar .logobox.sticky .rating .stars span { background-position: 0 24px !important; }
}

@media all and (max-width: 768px) {    
    .logobox.sticky { top: 34px; }
    .logobox.sticky .inner { left: auto; }
    .two-sidebars .logobox.sticky .inner { left: auto; }
    .logobox.sticky .logo { margin-top: 5px; }
    .one-sidebar .logobox.sticky .inner { width: 100%; }
}
@media all and (max-width: 620px) {
    .logobox.sticky { top: auto; bottom: 0; }
}
@media all and (max-width: 580px) {
    .logobox.sticky .left { padding-left: 10px; }
}
@media all and (max-width: 515px) {
    .logobox.sticky { height: 60px; overflow: hidden; }
    .logobox.sticky .logo { max-height: 35px; }
    .logobox .left .logo { position: relative; top: 0; left: 5px; }
    .logobox .btn-primary { width: 94%; font-size: 90%; line-height: 100%; margin: 10px auto 0; }
    
    /* Rating Stars */
   .one-sidebar .logobox .rating .stars { margin: 10px auto 0; }   
    .logobox .rating .stars, .logobox .rating .stars span {
        height: 18px; 
        overflow: hidden;
        background-image: url('images/stars-medium.png'); 
    }
    .logobox .rating .stars { position: relative; left: 5px; width: 96px; margin: 0 auto 0; }
    .logobox.sticky .rating .stars { margin: 15px auto 0; }
    .logobox .rating .stars span { background-position: 0 18px; }
}
@media all and (max-width: 415px) {    
    .logobox a.btn-primary { font-weight: normal; }
    .logobox.sticky { height: 115px; }
    .logobox.sticky .logo { max-height: 100%; }
    .logobox .left, .logobox .middle { float: none; display: inline-block; width: 48%; padding: 0; }
    .one-sidebar .logobox .left, .one-sidebar .logobox .right, .one-sidebar .logobox .box { max-width: none; }
    .logobox .right { float: none; width: 100%; display: block; }        
    .logobox a.btn-primary { float: none; width: 100%; font-weight: bold; font-size: 120%; margin: 0 auto !important; }
    .logobox.sticky a.btn-primary { width: 95%; }
}

@media all and (max-width: 415px) and (min-width: 320px) {
    /* Rating Stars */
    .logobox .rating .stars, .logobox .rating .stars span {
        height: 24px !important;
        background-image: url('images/stars.png') !important; 
    }
    .logobox .rating .stars { position: relative; left: 5px; width: 128px !important; }
    .logobox .rating .stars span { background-position: 0 24px !important; }
}
@media all and (max-width: 300px) { 
    .logobox.sticky { height: 94px; }
}
@media all and (max-width: 250px) {
    .logobox.sticky { height: 120px; }
    .logobox .left, .logobox .middle { width: 100%; display: block; padding: 0 !important; text-align: center !important; }
    .logobox .left .logo { position: static; left: auto; height: 45px; width: auto; max-width: 90%; margin: 0 auto; }
    .logobox .rating .stars { margin: 5px auto !important; }
    .logobox.sticky .rating .stars { margin: -5px auto 5px !important; }
    .logobox a.btn-primary { font-size: 90%; }
}
@media all and (max-width: 150px) {
    .logobox.sticky { height: 110px; }
}