.logoblock a img {width: 170px;}
.desktop-logo {padding: 28px 0 34px;}
.preheader .circle {left: -70px;top:-136px;}
.psychicblock .phoneblock {width: 40%;}
.psychicblock .extblock {width: 23%;}
.psychicblock .priceblock {width: 30%;}
.ftbanner {display: none !important}
.body4 {background-color: #ffecfa}
.questionbg {background-color: #f1d9e9}
.preheader .phoneblock {text-align: center}

.psychicblock .psychicframe .psychic .psychic-name {line-height: 27px; bottom: 27px}
.search-button {float: right}
.onair .ezologo, .onair .channellogo {display: none !important}
.freequestion {display: none !important}
.elite {background: #aa8f2e;background: -moz-radial-gradient(center, ellipse cover, #aa8f2e 1%, #c4ac56 100%);background: -webkit-radial-gradient(center, ellipse cover, #aa8f2e 1%,#c4ac56 100%);background: radial-gradient(ellipse at center, #aa8f2e 1%,#c4ac56 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8f2e', endColorstr='#c4ac56',GradientType=1 );}

.offers .row{display:flex;align-content: center;align-items:stretch;flex-flow: row wrap;flex-wrap: wrap;}
.offers .smallpack .packouter .packcontent .min{font-size: 17px;}
.offers .packouter {height: 100%;box-sizing:border-box;padding-bottom: 55px;min-height:auto !important;margin-bottom: 0px;}
.offers .smallpack .packouter .buttonblock,.offers .pack .packouter .buttonblock{width: 100%;left: 0px;box-sizing: border-box;padding: 0px 35px;position:absolute;bottom: 20px;max-width:none;margin-bottom: 0px;}
.offers .pack .buttonblock .button{max-width:170px; margin:auto}
.info-wrapper{background:transparent}
.info-wrapper span{margin-right:0px;}

.smallpack .packcontent {padding: 34px 0}
.offers .smallpack{/* padding-bottom: 40px */}
.offers .smallpack .packouter .buttonblock{bottom: 25px;}
.header-info .creditcard{width: 86%;}
 .header-info .callnow{width: 51%;}
.preheader .phoneholder{width: 45%;}

.header-info {padding-left: 0;display: flex;align-content: center;align-items:stretch;flex-flow: row wrap;flex-wrap: wrap;padding-bottom: 11px;} 
.preheader .phoneholder{float:none;align-content: center;align-items:stretch;flex-flow: row wrap;flex-wrap: wrap;}
.preheader .phoneholder *{}

.faq {padding-top:0px !important;}
.faq h2{ font-size: 14px; font-weight:bold; margin-top: -32px; margin-bottom: 15px; }
.faq h2 span{background: #ce6ead; color:#ffffff; padding: 0px 20px}
.faq  hr{border:0; background: rgb(163,59,132); margin-bottom: 20px;background: -moz-linear-gradient(90deg, rgba(163,59,132,0) 0%, rgba(163,59,132,1) 50%, rgba(163,59,132,0) 100%);background: -webkit-linear-gradient(90deg, rgba(163,59,132,0) 0%, rgba(163,59,132,1) 50%, rgba(163,59,132,0) 100%);background: linear-gradient(90deg, rgba(163,59,132,0) 0%, rgba(163,59,132,1) 50%, rgba(163,59,132,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a33b84",endColorstr="#a33b84",GradientType=1); height: 1px;}
.faq .col{width: 20%; text-align:center; padding-bottom: 30px; }
.faq .col p{color:#ffffff;  font-size: 13px; line-height: 14px; padding: 0px 15px}
.faq .col i{display:inline-block; width: 32px; height: 32px; line-height: 28px; text-align:center; font-weight:bold; font-size: 14px; color:#ffffff; border-radius: 40px; background:rgba(255,255,255,0.2); font-style: normal; margin-bottom: 10px; border: 1px solid #a33b84}
.faq .button{background:#ffffff; padding: 8px 25px; text-transform: uppercase; font-weight: bold; margin-top: 20px;}
.faq .button:hover{text-decoration: none; color:#000000; background: #f2e6f2}

.mainmenu li a{padding: 15px 15px}
.header-info .creditcard{max-width:50%;}
.header-info .phoneholder:nth-child(3) .fee{ margin-left: 10px}

.header-info .phoneholder .txt{white-space: nowrap;}

.smallpack .packouter .packtitle {margin-bottom: 0; font-size: 13px}
.smallpack .packouter.first-time-offer .price {background-color: gold}
.smallpack .packouter.first-time-offer .packcontent {padding-top: 26px; padding-bottom: 26px}

@media all and (min-width: 1200px) {
.header-info {padding-top: 11px;width: 100%;}
.header-info .phoneholder .fee {max-width: 105px; padding-top: 23px}
.preheader .phonenumber {font-size: 34px;line-height: 34px;display: block;white-space: nowrap;}
.preheader .txt {padding-left: 1px; font-size: 14px; padding-top: 4px}
.header-info .phone-icon {padding-top: 10px}
.body1 .fee, .body9 .fee {max-width: 105px}
.packouter.package {/* min-height: 300px; */}
}
@media all and (max-width: 1200px) {
.header-info .creditcard{width: 72%; max-width: none;}
.header-info  .phonenumber{white-space:nowrap}
.preheader .phoneholder{width: 45%;}
.mainmenu li a{padding: 15px 7px;}
}

@media all and (min-width: 992px) {
.preheader .info-wrapper {min-height: 90px; margin-bottom: -10px}
.info-wrapper { text-align: right; padding-right: 0}
                                                                                      
}

@media all and (max-width: 991px) {
.mppTvProgramTvProgramListing .sidebar-module.psychics {display: block}
.header-info .creditcard{width:auto;}
.header-info .phoneholder:nth-child(3) .fee{ margin-left: 0px}
.container{width: 100%}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.desktop-logo {padding: 28px 0;}
.preheader .circle {left: -80px;top:-136px;}
.withsidebar .psychicblock .extblock {width: 31%}
.withsidebar .psychicblock .phoneblock {width: 69%}
.packouter.package {min-height: 300px;}      
.body1 .fee, .body9 .fee {max-width: 105px}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.withsidebar .psychicblock .extblock {width: 24%}
.withsidebar .psychicblock .phoneblock {width: 40%}
.withsidebar .psychicblock .priceblock {width: 29%}
.psychicblock .psychicframe .psychic .psychic-name {line-height: 25px;}
.smallpack .packcontent {padding: 34px 0}
.packouter.package {min-height: 320px;}
.body1 .fee, .body9 .fee {max-width: 105px}
}

@media all and (min-width: 701px) and (max-width: 767px) {
.body1 .fee, .body9 .fee {max-width: 215px !important}
}

@media all and (min-width: 701px) and (max-width: 991px) {
.header-info .phoneholder .fee {max-width: 101px;}
.body1 .fee, .body9 .fee {max-width: 105px}
.header-info {padding-left: 0;margin-bottom: 16px;width: 100%;} 
.body1 .fee, .body9 .fee { }
.body1 .phoneholder, .body9 .phoneholder { }
}

@media all and (min-width: 590px) and (max-width: 600px) {
.body1 .separator {display: block; float: left; margin-left: 0}
.body1 .phoneholder {float: left; padding-left: 0; padding-right: 15px}
.body1 .callblock {width: auto}
}

@media all and (max-width: 992px) {
.offers .pack{padding-bottom: 25px  }
.offers .pack .packouter .buttonblock {bottom: 45px;}
.header-info .creditcard{width: auto;}
.header-info  .phonenumber{white-space:nowrap}
.preheader .phoneholder{width: 45%}
.header-info{padding-bottom: 20px;}

}




@media all and (max-width: 730px) {
.header-info .callnow{width: 48%;}
.header-info .creditcard{width: 49%; max-width: none;}
}

@media all and (max-width: 768px) {
.offers .smallpack{padding-bottom:25px;}
.offers .smallpack .packouter .buttonblock{bottom: 45px}
}


@media all and  (max-width: 702px) {
.header-info .phoneholder .fee {padding-top: 0px; max-width: 100%; float: none; padding-left: 50px}

.preheader .phonenumber {font-size: 29px;line-height: 30px;font-weight: 700;width: 100%;text-align: left;display: block;}
.header-info .phoneholder a {margin: -5px 0;display: block;}
.preheader .txt {line-height: 12px;display: block;font-size: 11px;/* width: 50% !important; */white-space: pre-wrap;padding-bottom: 2px !important;}
}

@media all and (min-width: 601px) and (max-width: 700px) {
.header-info .phoneholder .fee {padding-top: 0px; max-width: 100%; float: none; padding-left: 54px}
.smallpack .packcontent {padding: 34px 0}
.smallpack .packouter.first-time-offer .packcontent {padding-top: 28px; padding-bottom: 22px}
.packouter.package {min-height: 320px;}
.offers .row, .paystep .row {display: inline-block; margin: auto}
.offers .container, .paystep .container, .paystep .package-wrapper, .paystep .paypackage {text-align: center}
.offers.faq { margin-top: -40px;}
.offers.faq .row{display:flex;}
}
@media all an (max-width: 600px) {
.body1 .separator {display: none !important}

}

@media all and (max-width: 600px) {
	.offers.faq {margin-top: -40px}
	.offers.faq .row{display:block; padding: 0px 15px 0px 15px}
	.offers.faq .row .col{width: 100%; text-align: left; padding-bottom: 6px; display: flex;}
	.offers.faq .row .col:after{display:block; content:''; clear:both;}
	.offers.faq .row .col i{width: 32px; display:block}
	.offers.faq .row .col p{max-width: 80%}
	.faq .button{margin-top: 20px;clear:Both; display:inline-block;}
}
@media all and (min-width:401px) and (max-width: 500px) {
    .phoneblock .header-info .phoneholder .fee{text-align:left;}

}
@media all and (max-width: 400px) {
.header-info .separator {margin-left: 4px !important; margin-right: 4px !important;}
.phoneblock .header-info .phoneholder .fee{text-align:left; line-height:10px; padding-top: 6px}
}

@media all and (max-width: 480px) {
.psychicblock .phoneblock {width: 64%;}
.psychicblock .extblock {width: 36%;}
.psychicblock .priceblock {width: 85%;}
.psychicblock .detailsblock {width: 15%}	
.header-info .callnow,.header-info .creditcard{width: 100%;}


}

@media all and (max-width: 350px) {
.header-info {padding-left: 0; text-align: center; margin-bottom: -20px}
.header-info .separator{margin: 8px 0px 16px 0px}
.preheader .infoblock .info-wrapper {margin-top: 6px}
.preheader .phoneholder{width: 100%; padding-bottom: 8px; }
.header-info .callnow, .header-info .creditcard{width:80%; }

}