@charset "utf-8";
/* CSS Document */

@media handheld, only screen and (max-width: 1024px){
.termsCon{ width:95%;}
.header { width: 1033px;}
.header .logo { left: 85px;}
.header .navHolder { width: 720px;}
.sliderHolder .slides{ padding-bottom: 56.25%;}
.sliderThumbPan ul li { width: 195px!important;}
}

@media handheld, only screen and (max-width: 990px){
.header{ width:100%;}
.header .navHolder{ width:100%;}
.header .logo{ width:135px; height:88px; left:10px; top:-18px;}
.header .logo a img{ width:65%; height:auto;}
.header .socialPan{ width:60px; right:10px; top:-10px;}
.productDetCon{ width:100%; position:relative;}
.prodLeftNav{ width:100%; position:relative; z-index: 999999; background-color:#fdbb22; text-align:center; margin-left:-100%;}
.productModel{ position:relative; text-align:center; margin:0 auto;}
.prodSpecs{ float:none; margin:0 auto; min-height:500px; padding:5px 0 0 0;}
.prodSpecs .happyProdHeading{ padding: 0 0 15px 0;}

.innerProdHolder,.excitecInnerHolder,.eneInnerHolder{ background: #fff4f8;}

.clothDetCon{ width:100%; margin-right:0%;}

#headerHolder { height: 32px;}
.header .navHolder{position: absolute; left: 0px; top: 0px; background-color: #ffffff; z-index: 9999999;}
.header .navHolder .nav{ width: 99%; position: absolute; top: 47px; left: 0px; background-color: #ffffff; padding: 0; z-index: 999999;}
.collapse-button{ top: 30px!important;}

.indexTab{ margin: 30px 0 80px 0;}

.prodLeftNav ul.happyUl li.activeProduct { background: url(../images/respnsive-images/res-leftNav-bg.png) no-repeat center center;}
.prodLeftNav { padding: 5px 0 0 0;}
.prodLeftNav ul li{ padding: 12px 0 5px 0px;}

.responsiveModel{ width:100%; display:block; margin:0 auto;}
.responsiveModel img{ width:100%; height:auto;}
.productModel{ display:none;}
.happyInnerHolder{ position: relative; background:none; background-color:#fff3f7;}
.prodSpecs .clothSpecs p { font-size: 18px; color: #fdbb22;}
.prodSpecs .clothSpecs .clothType { font-size: 30px; color: #fdbb22; line-height: 100%;}
.leftNavAdj { padding: 5px 0 0 0;}

.innerProdHolder .prodSpecs .clothSpecs p { color: #ff4d80;}
.innerProdHolder .prodSpecs .clothSpecs .clothType{ color: #ff4d80;}
.prodSpecs .clothSpecs .colorPanel .colorName{ color: #ff4d80;}
.eneInnerHolder .prodSpecs .clothSpecs .colorPanel .colorName{ color: #4f8ce6;}
.excitecInnerHolder .prodSpecs .clothSpecs p{ color: #9d60d1;}
.excitecInnerHolder .prodSpecs .clothSpecs .clothType{ color: #9d60d1;}

.eneInnerHolder .prodSpecs .clothSpecs p{ color: #4f8ce6;}
.eneInnerHolder .prodSpecs .clothSpecs .clothType{ color: #4f8ce6;}

.prodLeftNav ul li{ background:url(../images/respnsive-images/res-leftNav-divider.png) no-repeat center bottom;}
.prodLeftNav ul li.activeHappyProduct{ background:url(../images/respnsive-images/res-leftNav-bg.png)  no-repeat center center;}
.prodLeftNav ul.beuUl li.activeProduct{ background:url(../images/respnsive-images/res-leftNav-bg.png)  no-repeat center center;}
.prodLeftNav ul.eneUl li.activeProduct{ background:url(../images/respnsive-images/res-leftNav-bg.png)  no-repeat center center;}
.prodLeftNav ul.exeUl li.activeProduct{ background:url(../images/respnsive-images/res-leftNav-bg.png)  no-repeat center center;}

.prodSpecs .eneProdSocks{ color: #4f8ce6;}

.bottomNav{ display:block; padding:10px 0 10px 0; cursor:pointer; }
.innerProddPan{ width:100%; display:none;}
.innerProddPan ul li{ width:168px; display:block; margin:0 auto;}
.leftNavClose{ display:block; cursor:pointer;}
.amFeelingPan{ margin:0;}
/*.innerMargin { margin: 20px auto 0 auto;}*/

.prodSpecs .happyProdHeading { font-size: 70px;}

#footerHolder{ padding: 7px 0;}
#footerHolder .footer{ width: 100%;}
#footerHolder .footer .footerLinks{ width: 100%; float: none; text-align: center; padding: 5px 0;}
#footerHolder .footer .createdBy{ width: 100%; float: none; text-align: center; padding: 5px 0;}

.galleryCon{ width: 100%;}
.tvcCon{ width: 100%;}
.tvcCon .videoCon{ width: 93%;}
.tvcCon .videoCon iframe{ width: 100%;}

.sliderDet { width: 100%; left: 0px; z-index: 99999; position: relative;}
.thumbContainer { position: relative; width: 100%; margin: 0 0 0 0; top: -75px; left: 0px; z-index: 99999;}
.sliderThumbPan { width: 100%; margin: 0; display: none;}
.sliderThumbPan ul li { display: block; width: 100%!important;}

.resNavText{ display: block!important;}


/*ul.slimmenu li ul{ margin: 0!important;}*/
ul.slimmenu li ul li{ min-height: 0px; background: url(../images/nav-bg.jpg) no-repeat center bottom;}
ul.slimmenu li ul li i { display: none;}
#nav-happy,#nav-beautiful,#nav-excited,#nav-energetic,#nav-sensuous{ display: none;}





}

@media handheld, only screen and (max-width: 880px){
.aboutCon { width: 100%; margin: 0 auto;}
.aboutHolder { background: none; background-color: #f9fdec;}
.aboutSite{ width: 98%; float: none; padding: 40px 0px 20px 0px; min-height: 610px;} 

.contactHolder{ background: none; background-color: #fbf8e7;}
.contactCon{ width: 100%;}
.locArea{ width: 100%; float: none; margin: 0 auto; padding: 40px 0px 20px 0px;}
.locArea .faqPan{ width: 100%;}
.galleryCon { width: 100%;}
.indexTab{ margin: 30px 0 0px 0;}
.productHappyCon { width: 100%; padding: 200px 0 50px 0;}
.happyLanding { background-size: 100% auto;}
.beautifulLanding { background-size: 100% auto;}
.energeticLanding { background-size: 100% auto;}
.sensuousLanding { background-size: 100% auto;}

.galleryPrintAds { padding: 40px 0 20px 0;}

.productCon{width: 100%; padding: 200px 0 50px 0;}

.beuLastSection { margin: 0 0 55px 0px;}

.excitedLanding { background-size: 100% auto;}
.prodExcitedCon{width: 100%; padding: 200px 0 50px 0;}
.prodEnergeticCon{width: 100%; padding: 200px 0 50px 0;}
.prodSensuousCon{width: 100%; padding: 200px 0 50px 0;}
.senLandingAdj{ margin: 0;}
.prodSpecs { min-height: 250px;}
.prodSpecsAdj { padding: 170px 0 0 0;}
.galleryPrintAds { width: 436px; margin: 0 auto;}
}

@media handheld, only screen and (max-width: 680px){
.productHappyCon { width: 100%;}
.productCon { width: 100%;}
.prodExcitedCon { width: 100%;}
.prodEnergeticCon { width: 100%;}
.prodSensuousCon { width: 100%;}

.sliderDet ul li h2 { font-size: 35px;}
.sliderDet ul li p { font-size: 20px;}
.sliderDet ul li h3 { font-size: 25px;}
.sliderDet ul li span img{ width: 100%; height: auto;}	
.arrow-right { right: 7%!important;}


}
@media handheld, only screen and (max-width: 640px){
	.productHappyCon { width: 70%;}

}
@media handheld, only screen and (max-width: 600px){
img.mfp-img{ max-width: 70%!important;}
.mfp-arrow-left { left: 2%!important;}
.mfp-arrow-right { right: 2%!important;}
.funWrap .mfp-close{ right: 29px!important;}
.productHappyCon { width: 70%;}
.productCon { width: 97%;}
.prodExcitedCon { width: 97%;}
.prodEnergeticCon { width: 97%;}
.prodSensuousCon { width: 97%;}
.funWrap .mfp-close { right: 177px!important; top: 30px!important;}
}


@media handheld, only screen and (max-width: 480px){

.responsiveModel{ width:100%;}
.responsiveModel img{ width:100%; height:auto;}
.prodSpecs{ width:100%;}

.productHappyCon { width: 80%;}
.productCon { width: 80%;}
.prodExcitedCon { width: 80%;}
.prodEnergeticCon { width: 80%;}
.prodSensuousCon { width: 80%;}

.galleryPrintAds{ width: 400px; margin: 0 auto;}
img.mfp-img{ max-width: 70%!important;}
.mfp-arrow-left { left: 2%!important;}
.mfp-arrow-right { right: 2%!important;}
.funWrap .mfp-close{ right: 29px!important;}

.galleryTabCon{ width: 100%;}
.happyLanding { background-size: 130% auto;}
.excitedLanding { background-size: 130% auto;}
.sensuousLanding { background-size: 130% auto;}
.beautifulLanding { background-size: 130% auto;}
}

@media handheld, only screen and (max-width: 370px){
.galleryPrintAds { width: 210px; margin: 0 auto;}
img.mfp-img{ max-width: 70%!important;}
.mfp-arrow-left { left: 2%!important;}
.mfp-arrow-right { right: 2%!important;}
.funWrap .mfp-close{ right: 19px!important;}
.galleryTabCon{ margin: 0 0 0 10px;}
.galleryTabCon .videoPlayList{ width: 90px;}
.galleryTabCon .videoPlayList img{ width: 100%; height: auto;}
.galleryTabCon .videoPlayList { margin: -1px 5px 0 5px;}
.galleryCon h1 { font-size: 55px;}

.ProdLandingCon{ width: 60%; margin: 0 auto;}

.prodSpecs .clothSpecs .colorPanel { padding: 0 9px;}
.colorAdj { margin: 8px auto 0 90px!important;}
.prodSpecs .clothSpecs .colorExiCon { width: 100%}

.prodSpecs .clothSpecs .colorsectPanel .colorImage { margin: 0 0 20px 0;}
.eneColorAdj { margin: 8px auto 0 120px!important;}
.prodSpecs .eneProdHeading { font-size: 70px;}
.prodSensuousCon { width: 55%;}
}

@media handheld, only screen and (max-width: 320px){
.prodSpecs .clothSpecs p{ font-size:16px;}
.productHappyCon { width: 100%;}
.ProdLandingCon { width: 60%;}
.happyLanding { background-size: 180% auto;}
.beautifulLanding { background-size: 180% auto;}
.prodSpecs .clothSpecs .colorPanel { padding: 0 5px;}
.colorAdj { margin: 8px auto 0 80px!important;}
.exitedIvyAdj { margin: 0 0 0 5px;}
.exitedColorAdj { margin: 0 0 0 55px;}
.prodSpecs .clothSpecs .colorIvyPanel { padding: 0px 8px;}
.eneColorAdj { margin: 8px auto 0 110px!important;}
.prodSpecs .eneProdHeading { font-size: 60px;}
.prodSensuousCon { width: 60%;}
.galleryCon .mediaTab .tabCon { width: 95%;}
.prodSpecs .clothSpecs .colorPanel .colorName{ font-size: 16px;}
.excitedLanding { background-size: 180% auto;}
.sensuousLanding { background-size: 180% auto;}
}