@charset "utf-8";

/* ===================================================================================== */
/* === Responsive Design Fix - Design by Matt Sellers - matt.sellers@livelinesuk.com === */
/* ====================================================== www.adult-chat-lines.co.uk === */

.back-to-top { display: none; }
nav select { display: none; }
#mobile-menu { display: none; }

@media only screen and (max-width: 800px) {
/* ===================================================================================== */
.back-to-top {
    /* font-family: "Trebuchet MS" Arial, Helvetica, sans-serif; */
    font-family: 'bebas_neueregular';
    font-weight: normal;
    font-size: 2em;
    color: rgb(0, 0, 0);
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 999998;
    right: 0;
    display: block;
    background-color: rgba(255, 255, 255, 0.6);
    /* border: 1px solid #ebebeb; */
    -webkit-box-shadow: inset 0px 0px 0px 1px #7B7B7B;
    box-shadow: inset 0px 0px 0px 1px #7B7B7B;
}
.back-to-top:hover {
    background-color: rgba(109, 0, 133, 0.9);
}
.back-to-top a:after {
    content: "\f077";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 0.9em;
    position: relative;
    float: right;
    top: 0;
    right: 0;
    padding: 0 0 0 5px;
}
.back-to-top a { color: #000; text-decoration: none; }
.back-to-top a:hover { color: #000; text-decoration: none; }
nav ul     { display: none; }
nav select {
    display: inline-block;
    width: 100%!important;
    height: 40px!important;
    padding: 0 0 0 10px;
    color: #000;
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    font-size: 2em;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'bebas_neueregular';
    top: 0;
    z-index: 999999;
    left: 0;
    position: fixed;
}
#access:after {
    top: 39px;
}
#access:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2em;
    position: absolute;
    /* float: right; */
    top: 11px;
    right: 19px;
    padding: 0 0 0 5px;
    z-index: 9999999;
}
/* ===================================================================================== */
.home #wrapper {
	width: 940px;
}
.home #content h2 {
    width: auto;
}
/* .home #main {
    width: 938px;
} */
/* ===================================================================================== */
}

@media only screen and (max-width: 480px) {
/* ===================================================================================== */
#access:after {
    top: 0px;
}
/* ===================================================================================== */
body {
    background-size: auto;
    background-position: -215px 40px;
	/* background-color: #ffffff!important; */
}
.navigation {
    display: none!important;
}
#access .menu-header {
    margin: 0 auto;
    width: 440px;
}
#access:after {
    top: 34px;
}
.menu {
    margin: 0 auto;
    width: 440px;
}
#colophon {
    margin: 0 auto;
    width: 420px;
}
#main {
    margin: 0 auto;
    width: 418px;
    padding: 0 10px;
    background-image: none;
    /* background-color: rgba(222, 148, 66, 0.85); */
}
#wrapper {
    margin: 0 auto;
    width: 440px;
}
#access{
    width: 438px;
}
#branding {
	/* background-size: 100%!important; */
	background-size: 150%!important;
    background-position: center center;
    width: 100%!important;
    height: 144px;
    margin: 0 auto;
    width: 440px;
}
#branding img {
    /* height: 230px; */
}
#container {
    float: left;
    margin: 0;
    width: 100%;
}
#content {
    margin: 0 0 20px;
}
#content p {
    /* color: #FFF; */
}
#content h1 {
    font-size: 2em;
}
#content h1 span {
    font-size: 1.5em;
}
#content h1 span:before {
    left: -60px;
    top: -18px;
	display: none;
}
#content h1.plus-text-service::after {
	font-size: 0.8em;
}
#content h2 {
    font-size: 1.3em;
}
#content .call-charge {
    /* color: #A1A1A1; */
	font-size: 0.4em;
}
.clickable:hover#sex-chat-img:after {
    display: none;
}
#sex-chat-cc-img {
    height: 51px;
    background-image: url(/images/img_adult-chat-lines_credit-card-wank_mob.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
}
#sex-chat-cc-img img {
    visibility: hidden;
}
#primary, #secondary {
    float: left;
    overflow: hidden;
    width: 438px;
}
.widget-title {
    font-size: 3em;
    line-height: normal;
    text-align: center;
}
.widget-area a:link, .widget-area a:visited {
    font-size: 1.2em;
    line-height: normal;
    text-align: center;
}
.widget_search #s {
    width: 328px;
}
input[type="text"], textarea, input[type="submit"] {
    font-size: 2em;
    line-height: 2em;
}
.tagcloud a {
    width: 114px;
	height: 25px;
}
#footer {
    width: 438px;
}
#site-info {
    width: 150px;
}
#site-generator {
    float: right;
    width: 150px;
}
img {
    max-width: 418px;
}
#profile {
    width: 416px;
    height: 400px;
    margin: 0 0 12px;
}
/* #profile::before {
    content: "Read More";
    font-family: 'bebas_neueregular';
    font-weight: normal;
    font-size: 1.4em;
    color: #FFF;
    position: relative;
    top: 371px;
    left: 328px;
    z-index: 999;
    padding: 5px;
    background-color: rgba(255, 3, 0, 1);
    border: 1px solid #ebebeb;
	-webkit-box-shadow: -2px -3px 4px 2px rgba(0, 0, 0, 0.33);
    box-shadow: -2px -3px 4px 2px rgba(0, 0, 0, 0.33);
} */
.profile-img {
    height: 400px;
    overflow: hidden;
}
.profile-img img {
    width: 200px;
    height: auto;
    transition: 200ms;
    opacity: 1;
}
.profile-description {
    left: 200px;
    margin: 0;
    height: 390px;
    overflow: hidden;
}
.profile-header {
    top: 0;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 0 10px #000000;
    background: none;
    padding: 5px 7px;
}
.profile-header span {
    top: 6px;
}
.profile-cc {
	color: #fff;
    top: 0;
    font-size: 0.7em;
}
.profile-text {
    top: 0;
    font-size: 1.1em;
}
.text-service {
	display: none;
}
p#breadcrumbs {
    font-size: 0.8em;
}
.search-cat-img {
    margin: 5px 10px 0 0;
    height: 175px;
    width: 230px;
}
.search-cat-img:before, .search-cat-img:after {
	display: none;
}
/* ============================================================ */
/* --- Front Page Profiles for HOME Front Page ---------------- */
body.home {
    background-size: auto;
    background-position: -215px 40px;
    /* background-color: #adadad; */
}
.home #branding {
    /* background-size: 100%!important; */
    background-size: 130%!important;
    background-position: center center;
    width: 100%!important;
    height: 108px;
}
.home #wrapper {
    width: 100%!important;
}
.home #main {
    width: 100%!important;
}
.home img {
    max-width: 100%;
}
.home #content h1 span:before {
    left: -74px;
    top: -21px;
}
.home #profile {
    width: 44%!important;
    padding: 2%;
    margin: 0 1% 10px;
}
.home .profile-img {
    height: auto!important;
}
.home .profile-description {
    height: 197px!important;
}
.home .profile-header span {
    font-size: 1.3em;
    line-height: 1em;
    top: 0;
}
.home .credit-card-jerk-prof {
    display: none;
}
.home #footer {
    /* background-color: rgba(0, 0, 0, 0); */
}
.home #callcharge {
    width: auto;
}
.home #colophon {
    width: 86%!important;
}
.home #site-info {
    width: auto;
    float: left;
}
.home #site-generator {
    float: right;
    width: auto;
}
.home #site-generator a {
    padding: 0;
}
.home #primary, .home #secondary {
    display: none;
}
/* =============================================================== End of Responsive === */
}