@charset "utf-8";

/* ===================================================================================== */
/* === Responsive Design Fix - Design by Matt Sellers - matt.sellers@livelinesuk.com === */
/* ===================================================================================== */

.back-to-top { display: none; }
nav select { display: none; }
#mobile-menu { display: none; }

@media only screen and (max-width: 480px) {
/* ===================================================================================== */
.back-to-top {
    font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: rgb(255, 255, 255);
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 999998;
    right: 0;
    display: block;
    background-color: rgba(123, 147, 251, 0.69);
    border: none;
}
.back-to-top:hover {
    background-color: rgba(123, 147, 251, 1);
}
.back-to-top a { color: #fff; text-decoration: none; }
.back-to-top a:hover { color: #fff; text-decoration: none; }
nav ul     { display: none; }
nav select {
    display: inline-block;
    width: 100%!important;
    height: 40px!important;
    padding: 0 0 0 10px;
    color: #FFFFFF;
    background-color: #7B93FB;
    font-size: 18px;
    text-transform: capitalize;
    top: 0;
    z-index: 999999;
    left: 0;
    position: fixed;
}
/* ===================================================================================== */
.thrColAbsHdr #container {
    position: relative;
    width: 440px;
    top: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.thrColAbsHdr #header, 
.thrColAbsHdr #sidebar1, 
.thrColAbsHdr #sidebar2, 
.thrColAbsHdr #mainContent, 
.thrColAbsHdr #footer {
	display: block;
    position: relative;
    width: 400px;
    /* height: auto!important; */
    margin: 0 auto;
    padding: 0 20px;
    top: 0;
}
.thrColAbsHdr #header {
	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}
.thrColAbsHdr #sidebar1 {
	-webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;	
}
.thrColAbsHdr #sidebar2 {
	-webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;	
}
.thrColAbsHdr #mainContent {
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.thrColAbsHdr #footer {
	-webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;	
}
#scrolling {
    overflow: visible;
    height: auto;
    margin-top: 10px;
    display: block;
    position: relative;
    float: initial;
}
#sidebar2 #apDiv1 {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: visible;
    background-image: none;
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-position: top right;
}
#sidebar1 #apDiv2 {
    position: relative;
    width: 400px;
    height: auto;
    z-index: 1;
    overflow: auto;
    background-image: none;
}
/* #sidebar2 #apDiv1 .style3 {
    font-size: 1.5em;
} */
/* ====================== Headers For Individual Pages === */
#header #apDiv5 {
    display: none!important;
}
.thrColAbsHdr #header {
    height: 210px;
	background-color: #7B93FB;
}
.thrColAbsHdr #header::after {
    content: "(Call cost 35p per minute + your phone company’s access charge)";
    font-size: 10px;
    font-weight: normal;
    color: #666;
    position: relative;
    top: -5px;
}
.index-page-banner img,
.phonesexbirds-page-banner img,
.cheapukphonesex-page-banner img,
.amateurphonesex-page-banner img,
.teens18phonesex-page-banner img,
.phonesexnumbers-page-banner img,
.phonesexweb-page-banner img,
.blogs-page-banner img  {
    width: 400px!important;
    height: 200px!important;
	visibility: hidden;
}
.index-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_index-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.phonesexbirds-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_phonesexbirds-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.cheapukphonesex-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_cheapukphonesex-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.amateurphonesex-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_amateurphonesex-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.teens18phonesex-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_teens18phonesex-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.phonesexnumbers-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_phonesexnumbers-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.phonesexweb-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_phonesexweb-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.blogs-page-banner {
    background-image: url(../Images/img_phone-sex-adult-chat_blogs-page-banner_mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
}
/* ========================================= Blog Pages === */
.thrColAbsHdr #mainContent table {
    width: 400px!important;
}
#apDiv1 {
    position: relative;
    width: auto;
    height: auto;
    z-index: 1;
    visibility: visible;
    top: 0;
    overflow: visible;
    display: inline-block;
    background-image: none;
}
.thrColAbsHdr #mainContent table th {
    width: 400px!important;
    display: inline-table;
}
.thrColAbsHdr #mainContent table th img {
    width: 100%!important;
    height: auto!important;
}
#header #sidebar1 {
    display: none;
}
.blogs-page-banner .CallCharge {
    display: none;
}
#apDiv1 .style36 {
    font-size: 100%;
    line-height: 1.5em;
}
.blog-list a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    transition: 200ms;
}
.blog-list a span {
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
}
.blog-list a:hover {
    color: #7C94FD;
}
/* =============================================================== End of Responsive === */
}

