.col-center{float: none; margin:0 auto;}
.light-text{font-family: "Gotham Rounded B", "Gotham Rounded A";}
.product-section .innerheader h2{margin-top: 20px;}
.product-section .innerheader.girl{background-image: url(../../images/DrynitesIE/header_star_pink.png);}
.product-section .selection-section{ background: #f7e4e8; padding-top: 40px; padding-bottom: 40px;}
.product-section .selection-section h3{    margin-top: 60px;    line-height: 1.4;}
.product-section .selection-section p{font-size: 16px; margin-top: 70px;}
.product-section .selection-section {background: #f7e4e8;    padding-top: 40px;    padding-bottom: 40px;    position: relative;}
.product-section .selection-section.boy {background: #dde7ef;}
.product-section .selection-section:after {
    content: '';
    bottom: -30px;
    position: absolute;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #dde8ef;
    left: 0px;
    margin: 0 auto;
} 
.product-section .selection-section.boy:after{border-top-color: #dde7ef;}
.product-section .selection-section .selection-control label{font-weight: bold; font-family: "Gotham Rounded B", "Gotham Rounded A";; display: block;}
.product-section .selection-section .selection-control select{     font-size: 16px;
    font-weight: bold;    -moz-appearance: none;    -webkit-appearance: none;    padding: 6px 56px 7px 20px;
    border: 3px solid #008cdc;    border-radius: 10px;    background: url(/images/drynitesie/btn_arrow-down-skyblue.png) no-repeat right 10px center #fff;
}
.product-section .selection-section .selection-control select::-ms-expand {    display: none;}
.product-section .selection-section .selection-control .holder{width: 130px; display: inline-block;}

.product-diagram{padding: 50px 0; position: relative;}
.product-diagram img.main{    display: inline-block;float: none;}
.product-diagram .product-btns{margin-top: 70px;}
.product-diagram .discreet-section,.product-diagram .super-section,.product-diagram .soft-section
{position: absolute;}
.product-diagram  h2{font-size: 20px;    border-bottom: 3px solid #07154a; 
	margin-top:10px; padding-bottom: 10px;     letter-spacing: 0px;}
.product-diagram p{font-size: 18px;color:#008cdc;}
.product-diagram .discreet-section{	text-align: left;	top:0;}
.product-diagram .discreet-section:after{position:absolute; content: '';     top: 0;    right: -50px;    height: 109px;
    width: 109px; background: url('/images/drynitesie/product/discreet-icon.png') no-repeat center center; }
.product-diagram .super-section:after{content: ''; position:absolute;  top: 0;    right: -80px;    height: 109px;
    width: 109px; background: url('/images/drynitesie/product/super-icon.png') no-repeat center center;  }
.product-diagram .soft-section:after{content: ''; position:absolute;  top: 50px;    left: -50px;    height: 109px;
    width: 109px; background: url('/images/drynitesie/product/soft-stretchy-icon.png') no-repeat center center; }

.product-diagram .discreet-section.softNquiet:after{background-image: url('/images/drynitesie/product/softNquiet.png'); }
/*.product-diagram .super-section.upto12:after{background-image: url('/images/drynitesie/product/12protection.png');  }*/
.product-diagram .soft-section.stayInPlace:after{top: -10px; 
	background-image: url('/images/drynitesie/product/stayinplace.png');}

.product-diagram .super-section{text-align: left; bottom:0;}
.product-diagram .soft-section{text-align: right; right: 0; top: 30%;}

.home-product {   border-top: 5px solid #dde8ef;}
.home-product p{font-size: 30px;}
.home-product .text-section{text-align: right;}

.featured-content.alignright .image-section{float:right;}
.featured-content.alignright .text-section{text-align:left;}

.home-video-section {    position: relative;}
video {  width: 100%; height: auto; z-index: -100; background: url('/images/drynitesie/product/product_review_night_bg.jpg') no-repeat; background-size: cover; 	transition: 1s opacity; }
.night-mode video {	background-image: url("/images/drynitesie/product/product_review_night_bg.jpg"); }
.stopfade {  opacity: .5; }
#polina { 	color: #fff;  padding: 2rem;  width: 300px;  margin: 30px auto;  float: none;  font-size: 22px;  position: absolute;  bottom: 0;  left: 0;   right: 0; text-align: center; }
#polina button {  background-color: rgba(0,0,0,0.5) ; color: #fff; }


.modal-body .row > div {margin-top: 10px;}
.modal-body .btn.button{ background-image: none; font-size: 14px; padding:6px  10px;}
img.grayScale {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>&lt…33 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.5;
}
/* tablet and mobile css */
@media (max-width: 1023px) {
	.home-product .text-section{text-align: left;}
	.product-diagram .soft-section{text-align: right;    padding-left: 20px;}
		.left-tab-mob .product-btns{text-align: left;} 
}

/*table portrait css start here */
@media (min-width: 768px) and (max-width: 1023px) {

	.product-section .selection-section h3 {    margin-top: 34px; font-size: 19px;}
.product-section .selection-section p {    margin-top: 40px;}
.product-section .agefilter-text{font-size: initial;}
	.product-section .agefilter-text a{font-size: 22px;}

	.product-diagram .discreet-section:after,.product-diagram .super-section:after,
	.product-diagram .soft-section:after{background-size: 80%;height: 70px;    width: 80px;}
	.product-diagram h2 {    font-size: 14px;}
	.product-diagram p{font-size: 13px;}
	.product-diagram .super-section:after{right: -60px;}
	.product-diagram .soft-section:after {top:30px;}

}
/*table lanadscape css start here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}
/* Mobile css start here */
@media only screen and (min-width: 320px) and (max-width: 767px){

	.product-section br{ display: none;}
	.mob-center{text-align: center;}
	.innerheader{margin-top: 0;}
	.product-section .innerheader h2 { margin-top: 2%;    font-size: 14px;    margin-bottom: 0;}
	.product-section .agefilter-text{font-size: initial;}
	.product-section .agefilter-text a{font-size: 10px;}
	.product-section .selection-section{ padding-top: 0px;}
	.product-section .selection-section:after {display: none;}
	.product-section .selection-section h3 {    font-size: 16px;    text-align: center;     margin-top: 10px;}
	.product-section .selection-section p { font-size: 12px;   margin-top: 19px;}
	.product-section .selection-section .product-img{  display: inline-block; margin-top: 10px;}
	.home-product p {    font-size: 14px;}
	.product-img {    text-align: center;}
	.product-img img{ display: inline-block;}

	.product-diagram .discreet-section,.product-diagram .soft-section,
	.product-diagram .super-section{	text-align: left;	position: relative;    padding-left: 65px;}
	.product-diagram .discreet-section:after,.product-diagram .super-section:after,
	.product-diagram .soft-section:after{background-size: 70%;height: 60px;    width: 80px; left:0; top:0;}
	.product-diagram h2 { margin-top: 26px;   font-size: 14px; padding-left: 10px;}
	.product-diagram p{font-size: 14px; margin-top: 14px;padding-left: 10px;}

} 

@media (max-width: 375px){
.product-section .agefilter-text {
    font-size: 12px;
} 
.product-section .innerheader h2 {font-size: 16px;}
}
 
.product-diagram p { line-height:1.3; }