@media(max-width: 1016px){
    #wrapper {
        width: 100%;
    }
    #twocolumns {
        padding: 29px 19px 30px 4px;
        width: 100%;
        position: relative;
        box-sizing: border-box;
    }
	
}

@media(max-width: 964px){
    /*.logo {
        width: 170px;
        height: 130px;  
        background-size: contain;
    }*/
    #main {
        width: 785px;
    }
    #header {
        width: 100%;
        margin-left: 0;
        z-index: 3;
    }
    .menu-holder {
        margin: 0 0px 0px 0px;
        padding: 0 0 33px 0px;
        width: 86%;
    }
    .logo {
        width: 8%;
        height: 89px;
        background-size: contain;
        margin: 0px;
    }
    #nav {
        width: 690px;
    }
    .menu-holder .title {
        position: absolute;
        right: -90px;
    }
    .text-block {
        width: 657px;
    }
    .text-block .holder {
        width: 625px;
    }
    .slideshow {
        width: 374px;
    }
    .slideshow .caption-block {
        width: 344px;
    }
    .slideshow img {
        width: 361px;
        object-fit: cover;
    }
    .testimonial-area {
        width: 260px;
    }
    .slideshow li .caption {
        width: 215px;
    }
    #wrapper {
        background: url(../images/bg-exclamation.png) no-repeat 100% 260px;
    }
}
@media(max-width: 882px){
    #main {
        width: 605px;
    }
    #nav {
        width: 610px;
    }
    .menu-holder {
        width: 85%;
    }
    .menu > li > a {
        width: 122px;
    }
    .text-block {
        width: 568px;
    }
    .text-block .holder {
        width: 545px;
    }
    .slideshow {
        width: 294px;
    }
    .slideshow img {
        width: 281px;
        object-fit: cover;
    }
    .slideshow .caption-block {
        width: 264px;
        height: 60px;
    }
    .menu ul {
      width: 102px;
    }
	#twocolumns {
        padding: 0;
        width: 95%;
        margin: 0 auto;
    }
    #content .alignright {
        float: none;
        width: 100%;
    }
	 #content .alignrightDorian {
        float: none;
        width: 100%;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #sidebar h1 {
        padding-bottom: 10px;
		padding-top: 10px;
        text-align: left;
        margin: 0px;
	
    }
	.side-nav {
        margin: 0px;
        padding: 10px 0px;
        text-align: left;
    }
	#whatOurAudienceIsSaying {
		display: none;
		visibility: hidden;
	}
	#sexDiscussedHereSpacer {
		display: none;
		visibility: hidden;
	}
	#kaelynPresents {
		display: none;
		visibility: hidden;
	}
	#rachelPresents{
		display: none;
		visibility: hidden;
	}
	
	#sexDiscussed2{
		display: none;
		visibility: hidden;
	}
	#sexDiscussed3{
		display: none;
		visibility: hidden;
	}
	#sexDiscussedHereFirstParagraph1{
		display: none;
		visibility: hidden;
	}
#sexDiscussedHereFirstParagraph2{
		visibility:visible;
		display:contents;
}
	
	#sexInTheDark2{
		visibility:hidden;
		display:none;
	}
	#orientationProgramImage {
		visibility:hidden;
		display:none;
	}
	#femaleOrgasm1{
		visibility:hidden;
		display:none;
	}
	#femaleOrgasm2{
		visibility:hidden;
		display:none;
	}
	#femaleOrgasm3{
		visibility:hidden;
		display:none;
	}
	#lgbtq1{
		visibility:hidden;
		display:none;
	}
	#lgbtq2{
		visibility:hidden;
		display:none;
	}
	#KMpresent{
		visibility:hidden;
		display:none;
	}
	#KaeLynPerforming{
		visibility:hidden;
		display:none;
	}
	#safeSexTopRight {
		visibility: hidden;
		display: none;
	}
	#safeSexLowerLeft{
		visibility: hidden;
		display: none;
	}
	#safeSexContent3 {
		visibility: hidden;
		display: none;
	}
	#safeSexContent2 {
		visibility: visible;
		display: contents;
	}
}
@media(max-width: 803px){
    .menu-holder .title {
        display: none;  
    }
    .btn-squeeze {
        left: 25px;
    }
    .side-area {
        width: 90px;
    }
    .side-link .btn-caress {
        left: 2px;
    }
    .side-link .shirt {
        left: -33px;
    }
	#sidebar h1 {
        padding-bottom: 5px;
		padding-top: 10px;
        text-align: left;
        margin: 0px;
		width: 100%;
    }
	
}
@media(max-width: 967px){
	
	#covidMessage {width:100%; height:40px;background-color: crimson;font:16px/20px Arial, Helvetica, sans-serif; color:#FFF; text-align: center;padding-top: 12px;}
 
	#sidebar {
        display:none;
		visibility: hidden;
		content: none;
    }
	#buttonCell {
		height:150px;		
	}
	#shirtCell {
		height:220px;

	}
	.toggle_menu {
        display: block;
        float: right;
        position: absolute;
        top: 35px;
        left: 20px;
        z-index: 999999;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
		transform: translateY(-50%);
    }
    #nav-icon2 {
        width: 35px;
        height: 28px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon2 {
        width: 40px;
        height: 28px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon2 span:nth-child(odd) {
        left: 0px;
    }
    #nav-icon2 span:nth-child(even) {
        left: 50%;
    }
    #nav-icon2 span:nth-child(3),
    #nav-icon2 span:nth-child(4) {
        top: 10px;
    }
    #nav-icon2 span:nth-child(even) {
        left: 50%;
    }
    #nav-icon2 span:nth-child(5),
    #nav-icon2 span:nth-child(6) {
        top: 21px;
    }
    #nav-icon2 span:nth-child(1),
    #nav-icon2 span:nth-child(2) {
        top: 0px;
    }
    #nav-icon2.open span:nth-child(1),
    #nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-icon2.open span:nth-child(2),
    #nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 8px;
    }
    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 8px;
    }
    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    #nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 16px;
    }
    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 16px;
    }
    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 60%;
        background: #ffffff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        border-radius: 5px;
    }
    #nav ul,#nav li {
        float: none;
    }
    #nav {
        height: 70px;
    }
    #nav ul {
        padding-top: 50px;
        display: none;
        position: absolute;
        z-index: 9999;
        width: 100%;
        border-bottom: 2px solid red;
    }
    .logo {
        background-position: center;
        width: 100% !important;
        padding: 0px !important;
    }
    .menu-holder {
        width: 100%;
        background-position: center right;
    }
    .menu {
        width: 100%;
        text-align: center;
    }
    .menu .safer ul {
        text-align: left;
    }
    .menu-holder {
        float: none;
        height: auto;
    }
    .menu ul li {
        margin-bottom: 0;
        padding: 10px;
    }
    .text-block p {
        margin-top: 10px;
    }
    #sidebar h1 {
        margin: 15px 0px 0px;
        padding-bottom: 0px;
		
    }

    #content .alignright .holder {
        padding: 10px;
		width:230px;
		
		
    }
    #content .alignright .holder img {
       
		
    }
	 #content .alignleft .holder {
        padding: 10px;
		width:230px;
		text-align: center;
		
    }
    #content .alignleft .holder img {
       
		text-align: center;
    }
	 #content .alignrightDorian {
        padding: 0px;
		
		 float: right;
		
    }
	#content .alignrightDorian .holder img {
        padding:20px;
		text-align: left;
		 float: right;
		
    }
    #content .caption {
        text-align: center;
		width:230px;
    }
    #content .alignleft {
        float: none;
        margin: 0;
        position: relative;
		left:-35px;
    }
    #content .alignleft .holder img {
       
        
    }
    .logo {
        position: absolute;
        z-index: 999;
        top: -73px;
        height: 68px !important;
    }
    .menu > li {
        float: none;
        display: inline-block;
    }
    .menu > li > a {
        width: 146px;
    }
    .menu ul {
        width: 126px;
    }
    
    
    .menu ul {
        text-align: left;
    }
    #wrapper {
        width: 100%;
        padding: 0px;
        background: none;
    }
    #main {
        width: 100%;
        background-image: none;
    }
    #header {
        width: 100%;
        margin-left: 0px;
    }
    .menu-holder .title {
        display: none;
    }
    .side-area {
        z-index: 9999;
    }
    .menu-holder {
        margin: 0;
        width: auto;
        padding: 0px;
    }
    .menu {
        margin: 0px;
    }
    #nav {
        width: 100%;
        text-align: center;
        margin: 0px;
    }
    #nav ul {
        /*float: none;*/
    }
    #nav li {
        margin-left: 0px;
        padding: 8px 7px;
    }
    .text-block {
        padding: 0 20px 0 11px;
        width: 100%;
        margin: 0px;
    }
    .text-block .holder {
        width: 100%;
    }
    .slideshow .mask {
        width: 100%;
    }
    .testimonial-area {
        width: 50%;
        padding: 0px;
    }
    .text-block .holder {
        padding: 0px;
    }
    .text-block .label {
        margin: 0 auto;
    }
    .text-block p {
        padding: 20px;
        text-align: center;
        line-height: 20px;
    }
    .slideshow {
        float: none;
        margin: 0 auto;
    }
    .info-area {
        margin: -72px 0 0;
    }
    /*.testimonial-block {
        margin: 15px auto 20px !important;
    }*/
    .testimonial-area {
        padding: 50px 0px;
    }
    .side-link .btn {
        display: block;
        width: 110px;
        height: 50px;
        position: relative;
        background: url(../images/bg-side-link.png) no-repeat -11px 0;
        background-size: cover;
        margin: 0 0 0 auto;
        padding: 30px 20px;
        left: 47px;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }
    .side-link .shirt {
        top: 58px;
        left: 16px;
    }
    .side-link .btn-caress {
        top: 66px;
        left: 52px;
    }
    .btn-squeeze {
        top: 1029px;
        left: 320px;
        z-index: 9999;
    }
    .testimonial-area {
        width: 40%;
    }
    .side-area .side-link {
        top: 480px;
        left: 150px;
    }
    .btn-squeeze {
        left: 280px;
    }
    .logo {
        width: 120px;
        height: 110px;
        background-size: contain;
        padding: 10px 10px 10px 10px;
        margin: 0;
    }
    #twocolumns {
        padding: 0;
        width: 95%;
        margin: 0 auto;
		margin-top: 10px;
    }
    #content .alignright {
        float: none;
        width: 100%;
    }
	 #content .alignleft {
        float: none;
        width: 100%;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #sidebar h1 {
        padding: 0px;
        text-align: left;
        margin: 0px;
		height: 40px;
    }
    .side-nav {
        margin-top: 10px;
		margin-bottom: 10px;
        padding-top: 10px;
		padding-bottom: 10px;
        text-align: left;
    }
    #content {
        float: none;
        width: 100%;
    }
    .slideshow img {
        width: auto;
    }
    .slideshow {
        width: 474px;
    }
    .slideshow .caption-block {
        width: 92%;
    }
    .slideshow li .caption {
        width: 75%;
    }
	#buttonCell {
		width: 50%;
	}
	
}
@media(max-width: 925px){

}
@media(max-width: 729px){
    .side-area .side-link {
        left: 60px;
    }
    .btn-squeeze {
        left: 190px;
    }

}
@media(max-width: 729px){
    .testimonial-area {
        width: 45%;
    }
	
	#content .captionConsent {
	background:#fdc9cd;
	padding:20px 7px 2px 12px;
	font-size:0.909em;
	line-height:1.4em;
	color:#5d1f62;
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
	width: 340px;
}	
    
}
@media(max-width: 639px){

	#consentJumpImageContainer {
		display: none;
	}
	
	
#content .alignrightConsent {
	
	width:50%;
	position:relative;
	align-content: left;
}
#content .alignrightConsent .holder {
	position:relative;
	z-index:2;
	top:40px;
}
#content .captionConsent {
	background:#fdc9cd;
	padding:20px 7px 2px 12px;
	font-size:0.909em;
	line-height:1.4em;
	color:#5d1f62;
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
	width: 340px;
}	
	
    .testimonial-1,.testimonial-2,.testimonial-3 {
        width: 162px;
        height: 104px;
        padding: 45px 25px 10px;
        background-size: contain;
    }
    .testimonial-block q {
        font-size: 12px;
        line-height: 14px;
    }
    .testimonial-block cite {
        font-size: 9px;
    }
    .side-link .shirt {
        top: 58px;
        left: 16px;
        width: 120px;
        margin: 0 auto;
        object-fit: contain;
        height: auto;
    }
    .side-link .btn {
        width: 60px;
        height: 20px;
        left: 18px;
    }
    .side-link .btn-caress {
        top: 60px;
        left: 42px;
        width: 70px;
        height: auto;
    }
    .btn-squeeze {
        left: 160px;
        width: 70px;
        height: auto;
        top: 1019px;
    }
    .testimonial-area {
        width: 55%;
    }
	
	#sexDiscussed1 {
		width: 375px;
		overflow: hidden;
		
	}
	#sexInTheDark1 {
		width: 375px;
		overflow: hidden;
		
	}
	#femaleOrgasmHeader12 {
		width: 375px;
	
		overflow: hidden;
	}
	#lgbtqHeader {
		visibility: hidden;
		display: none;
		
	}
	#lgbtqHeader2 {
	
		visibility: visible;
		display: contents;
	}
	#lgbtqParagraph1{
		visibility: hidden;
		display: none;
	}
	#lgbtqParagraph2{
		visibility: visible;
		display: contents;
	}
	#safeSexHeader {
		width: 375px;
		overflow: hidden;
	}
	#aboutImage1 {
		visibility: hidden;
		display: none;
	}
	#aboutImage2 {
		visibility: visible;
		display: contents;
	}
	#content h2 {
		font:bold 20px Courier New, Courier New, monospace;
		color:#b50a37;
		background:url(../images/bg-heading.png) repeat-x 0 100%;
		padding:0 0 7px;
		margin:0 0 15px;
	}
	#content p {margin:0 0 10px;}
	#content h3 {
		margin:0 0 6px;
		color:#DC5D1D;
		font-size:16px;
		line-height:1.333em;
	}	
	body {
	margin:0;
	color:#000;
	font:16px  Geneva, Arial, Verdana, Helvetica, sans-serif;
	background:#5d1f62;
	}
	#productImage {
	float:none;
	width:294px;
}
	#productDescription {
	float:left;
	width:100%;
	padding-right:0px;

	}
	#productOverall {
	float:left;
	width:100%;
}
	#safeSexContent3 {
		visibility: visible;
		display: contents;
	}
	#safeSexContent2 {
		visibility: hidden;
		display: none;
	}
	 .slideshow .holder {
		background:url(../images/bg-slideshow_sm.png) no-repeat;

    }
}
@media(max-width: 612px){
	html {
    	font-size: 1.25em;
	}
    .testimonial-area {
        padding: 20px 0px;
		
    }
    .menu > li > a ,.menu ul,.menu .safer > a{
        width: 106px;
    }
    .menu .safer ul,.menu ul {
        width: 100%;
		
    }
    .menu ul {
        padding: 0;
    }
    .menu ul li {
        padding: 5px;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
	.menu .sex > a {background:#ee3124 url(../images/nav-item-1_612.jpg) no-repeat;}
	.menu .orgasm > a {background:#f57b20 url(../images/nav-item-2_612.jpg) no-repeat;}
	.menu .lgbtq > a {background:#d171c0 url(../images/nav-item-3_612.jpg) no-repeat;}
	.menu .safer > a {background:#00bfe8 url(../images/nav-item-4_612.jpg) no-repeat;	}

	#coolStuffTshirtSplash{
		float: none;
		display: inline-block;
	}
#coolStuffBookSplash{
		float: none;
		display: inline-block;
}
#coolStuffHatsSplash{
		float: none;
		display: inline-block;
		padding-right: 0;
}
#coolStuffSocksSplash{
	float: none;
	display: inline-block;
}
#coolStuffStampsSplash{
	float: none;
	display: inline-block;
}
#coolStuffButtonSplash{
		float: none;
		display: inline-block;
}
#coolStuffPosterSplash{
		float: none;
		display: inline-block;
		
}
	
	
	 /* Style the button that is used to open and close the collapsible content */
.collapsible2 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

	#triangle {
		visibility: visible;
	}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active2, .collapsible2:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content2 {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: white;
  max-height: 0;
  transition: max-height 0.2s ease-out;
} 
	
	
	
}
@media(max-width: 547px){

	html {
    	font-size: 1.25em;
	}
    .side-area .side-link {
        left: 10px;
        top: 520px;
    }
    .btn-squeeze {
        top: 1059px;
        left: 100px;
    }
    .testimonial-1, .testimonial-2, .testimonial-3 {
        height: 94px;
    }
    .testimonial-2 {
        margin: 0 0 -26px 28px;
    }
    .menu  li:focus-within ul,
    .menu  li:visited ul ,
    .menu  li:focus ul,
    .menu  li:active ul{
        display: block;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
	.side-area .side-link {
        left: 50%;
        top: 610px;
    }
    .side-area .side-link.tw {
        left: 210%;
        top: 390px;
    }
    .testimonial-2 {
        margin: 0 0 -24px 0px;
    }
    .testimonial-area {
        width: 63%;
    }
	.testimonial-area .testimonial-block {
        margin: 0 auto !important;
    }
    .testimonial-area {
        width: 100%;
        margin-top: 280px;
    }
}
@media(max-width: 499px){
	html {
    	font-size: 1.25em;
	}
    .slideshow img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        margin-bottom: 0px;
    }
    .slideshow .holder li {
        width: 285px;
    }
    .slideshow {
        width: 305px;
    }
    .slideshow .caption-block {
        margin: 0px 7px 0;
        padding: 6px 6px 4px;
        width: 94%;
    }
    .slideshow .holder {
		background:url(../images/bg-slideshow_sm.png) no-repeat;
        padding: 15px 10px 10px 10px;
        background-position: center;

    }
    .menu ul {
        padding: 0px;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
	#buttonCell {
		width: 100%;
		height:125px;
		float:none;
		clear: both;
		
	}
	#shirtCell {
		width: 100%;
		height:230px;
		float:none;
		clear: both;
		
	}
}

@media(max-width: 475px){
	html {
    	font-size: 1.25rem;
	}
	.text-block {
        padding: 0 0px 0 0px;
        width: 100%;
        margin: 0px;
    }
.menu ul {
        padding: 0px;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
	
	
}
@media(max-width: 441px){
	html {
    	font-size: 1.25 em;
	}
    .menu > li > a, .menu .safer > a {
        /*width: 75PX;*/
    }
    .side-area .side-link {
        left: -40px;
        top: 560px;
    }
	.side-area .side-link {
        left: 50%;
        top: 640px;
    }
    .side-area .side-link.tw {
        left: 210%;
        top: 430px;
    }
    .testimonial-2 {
        margin: 0 0 -24px 0px;
    }
    .testimonial-area {
        width: 63%;
	
    }
	.testimonial-area .testimonial-block {
        margin: 0 auto !important;
    }
    .testimonial-area {
        width: 100%;
        margin-top: 280px;
    }
    .btn-squeeze {
        top: 968px;
        left: 280px;
    }
    .menu ul li a {
        font-size: 12px;
        line-height: 16px;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
}
@media(max-width: 414px){
	html {
    	font-size: 1.25em;
	}
    .menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
    .menu li:hover ul {
        display: block;
        z-index: 9;
    }
}
@media(max-width: 414px){
	
	html {
    	font-size: 1.25em;
	}
    .testimonial-area .testimonial-block {
        margin: 0 auto !important;
    }
    .testimonial-area {
        width: 100%;
        margin-top: 280px;
    }
    .side-area .side-link {
        left: 50%;
        top: 610px;
    }
    .side-area .side-link.tw {
        left: 210%;
        top: 390px;
    }
    .btn-squeeze {
        top: 928px;
        left: 280px;
    }
    .slideshow li .caption {
        margin-left: 0;
        width: 100%;
    }
	
}

@media (max-width: 399px){
	
	html {
    	font-size: 1.25em;
	}
    .side-area .side-link {
        left: 30%;
        top: 667px;
    }
    .side-area .side-link.tw {
        left: 170%;
        top: 458px;
    }
    .btn-squeeze {
        top: 990px;
        left: 250px;
    }
	.menu > li {
        float: left;
        display: inline-block;
        width: 50%;
    }
    .menu > li > a, .menu .safer > a {
        width: 100%;
    }
    .menu li:hover ul {
        display: block;
        z-index: 9;
    }
	
}