/*----------Responsive CSS Starts Here------------------*/
@media screen and (min-width:1px) and (max-width:767px){
.wrapper {width:98%;}
nav li a:hover, nav li.current-item a:hover, nav li.current-item a {background:none; color:#fff;}
.head-top-section {padding:10px 0 0;}
.social-top, .know-btnblock, .logo-section, .logo-div {width:100%; text-align:center; margin:0 0 10px;}
.social-top a {display:inline-block; float:none;}
.logo-div {max-width: 250px;margin: 0 auto;padding: 15px;}
.date-box {display:none;}
.know-btnblock .button-squire {font-size: 18px;line-height: 35px;}
#header {background:#fff;}
nav {background:#fff; min-height:48px;}
.search-div {right:auto; left:0; width:85.5%;}
.search-div input, .search-div input:focus {width:75%; padding:0 12%; height:35px; background-size:24px; background-position:6px 7px; font-size:16px; border:1px solid #5b2a29; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.footertop-section {padding:20px 0;}
.footer-links ul {margin-left:6%; padding-left:6%; width:42%; min-height:0;}
.footer-links ul:nth-child(3n) {margin-left:0; padding-left:0; border:none;}
.footer-links li {margin-bottom:10px;}
.newsletter-section {width:100%;}
input.newsletter-input[type="text"] {width:228px; height:30px; font-size:13px; margin:3px 0 10px;}
.btn-submit {margin-left:8px;}
.social-footer {margin: 0 auto;clear:none;width: 100%;}
.copyright-section {padding:10px 0; font-size:15px; line-height:20px;}
.banner-content {left:3%; top:10%; width:84%; padding:12px 5% 2px;}
.banner-content h2, .banner-content p {display:none;}
.close-btn {right:3px; top:3px; width:18px;}
.popup-form {padding:0;}
.popup-form span:first-child input[type="text"]:nth-child(2n+1){margin-left:70px !important;}
.popup-form span {margin-bottom:0;}

.home-infobox {margin:0;}
.infobx-horiz, .infobx-horiz-center, .infobx-horiz-right, .left-info, .right-infobox {width:100%;}
.img-box {width:46%;}
.box-cont {width:50%; padding:0 2%;}
.midd-infobox {border-left:none; border-right:none; border-top:1px solid #5d3939; border-bottom:1px solid #5d3939; padding:20px 0; margin:20px 0; width:100%;}
.sex-submit{text-align:left;}
.img-stencil a img {width:100%;}
.sex-infobox {width:94%; padding:12px 3%;}
.sex-list li span {font-size: 16px;}
.sex-list li {margin:5px 0;}
.sex-infobox h3{font-size:22px;}
.sex-submit .btn-popup {margin-bottom:10px;}

h1 {font-size:26px; line-height:40px; padding:0 15px; margin-bottom:15px;}
h1:after, h1:before {background-size:100%; width:13px; height:40px;}
h2 {font-size:26px; line-height:26px;}
h4 {font-size:24px;}
p, .believeme-text {font-size:18px; line-height:26px; margin-bottom:10px;}
.content-box {padding-bottom:0;}
.content-box img{width:90% !important;margin:0 auto;}

.contener {padding:15px 0;}
.banner-major {margin-bottom:15px;}
.contener p img,.banner-major img {width:90% !important;margin:0 auto;}
.contener p{margin-top:10px !important;}
.content-left, .sidebar, .bonnie-img, .bonnieimg-content {width:100% !important;}
.knowlist-sidebar {margin:10px 0 0; min-height:0;}
.btn-redbg {line-height:35px;}
.bonusbox, .logos-img {width:100%; padding:0 0 20px;}

.listimg-box, .list-content {width:100%; padding:0; margin:0 0 10px;}
.list-number {font-size:145px;}
.coreys-words, .coreys-words em {margin-top:0; font-size:24px !important; line-height:26px !important;}
.coreys-words em br {display:none;}
.blog-imgbox, .blog-content {width:100%; margin-bottom:10px;}
.blog-list, .major-list li {margin-bottom:10px;}
.major-list {padding:0;}
.major-list li a {font-size:24px;}
.question-list li {font-size:20px;}
.question-list h3 {font-size:20px; line-height:25px;}
.form-offer, .fieldbox-half, .secondhalf {width:100%;}
.offer-formfield label.blank-label {display:none;}
.container-popup{display: none !important;}

}

@media screen and (min-width:481px) and (max-width:767px){
.wrapper {width:90%;}	
.banner-content {top:32%;}
.popup-form input[type="text"] {width:270px;}
	
}

@media screen and (min-width:768px) and (max-width:1180px){
.wrapper {width:98%;}
.social-top, .know-btnblock {width:32%; margin:10px 0 0;}
.logo-section {width:33%;}
.social-top a {float:left;}
.date-box {display:block; font-size:15px; margin:2px 0 0; text-align:left;}
.know-btnblock {margin:10px 0 0;}
.logo-div {width:100%;}
nav li a {padding:18px 10px; font-size:12px;}

.banner-content {left:3%; top:10%; width:84%; padding:12px 5% 2px;}
.love-title img{width:350px;}
.banner-content p {font-size:18px; line-height:25px;}
.banner-content p br {display:none;}
.close-btn {right:3px; top:3px; width:18px;}
.popup-form {padding:0 50px;}
.popup-form span:first-child input[type="text"]:nth-child(2n+1){margin-left:70px !important;}
.popup-form span {margin-bottom:0;}

.left-info, .right-infobox {width:100%;}
.img-box {width:46%;}
.whitebtn-tag {font-size:13px;}
.box-cont {width:48%; padding:0 2%;}
.home-infobox p {font-size:16px; line-height:22px;}	
.sex-infobox {width:84%; padding:12px 8%;}
.sex-list li span {font-size:22px; line-height:24px;}
.sex-list li {margin:5px 0;}
.sex-infobox h3{font-size:22px;}
.sex-submit .btn-popup {margin-bottom:10px;}
.newsletter-section{width:100%; margin:20px 0 0;}
.footer-links li a {font-size:16px;}
.social-footer {margin:0; clear:none;}
.copyright-section {padding:10px 0; font-size:18px; line-height:24px;}	
.footer-links {width:100%;}
.footer-links ul {width:16%;}

h1 {font-size:32px; line-height:45px; padding:0 20px; margin-bottom:20px;}
h1:after, h1:before {background-size:100%; width:15px; height:50px;}
h2 {font-size:30px; line-height:32px;}
h4 {font-size:26px;}
p, .believeme-text {font-size:20px; line-height:30px; margin-bottom:10px;}
.listimg-box {width:40%; margin:0;}
.list-content {width:60%; padding:0;}
.list-number {font-size:130px;}
.coreys-words {margin-top:0;}
.blog-imgbox {padding-top:20px;}
.coreys-words em {font-size:32px !important;}
.blog-list {margin-bottom:10px;}

}


@media screen and (min-width:981px) and (max-width:1180px){
.wrapper {width:90%;}
nav li a {padding:18px 10px; font-size:15px;}	
.banner-content p br {display:block;}
}