body{margin:0; padding:0; font-family:"Josefin Sans";}
ul,li{margin:0; padding:0}
img{vertical-align:middle; max-width:100%}
.center{text-align:center}
.tleft{text-align:left}
.page-center{margin:20px auto; max-width:70em; width:98%}
.left{float:left}
/*.right{float:right} */
.clear{clear:both}
.block-middle{display:inline-block; vertical-align:middle}
.prd-desc-details {width:65%;text-align: left}
/*tab css*/
.tabs {margin: 0px 0 20px;position: relative; width: 100%; overflow:hidden}
.tabs .tab-nav { width: 330px; float:left; border-right:1px solid #dfdfdf; cursor:pointer}
.tabs .tab-nav li{ cursor:pointer; list-style-type:none}
.tabs  .content-wrap  {width: calc(100% - 332px); float:left; box-sizing:border-box; border:2px solid #dfdfdf; border-left:0; min-height:862px}
.tab-data-nav{background:#f8639d; padding:2px; margin-bottom:10px; position:relative }
.tab-data-nav.active:after{position:absolute; background:url(images/active.png); content:' '; width:10px; height:19px; top:0; bottom:0; margin:auto; right:-9px;}
.tab-data-nav.inactive.active:after{background:url(images/active1.png);}
.tab-data-nav.pause.active:after{background:url(images/active2.png);}
.tab-data-nav.empty.active:after{background:url(images/active3.png);}
.tab-data-nav:last-child{margin-bottom:0}
.tab-data{background:#fff; padding:13px;} 
.mntpri{overflow:hidden; color:#f8639d; font-weight:bold}
.ddate{color:#6a6b6d; font-weight:bold }
.divider{background:#fafafa; height:2px; margin:15px 10px}
.tab-status{color:#fff; font-weight:bold; line-height:35px}
.tab-data-nav.inactive{background:#dfdfdf; color:#636161}
.tab-data-nav.pause{background:#636161;  }
.tab-data-nav.inactive .tab-status{color:#636161}
.tab-data-nav.empty{background:#f7f7f7; }
.tab-data-nav.empty .tab-status{color:#636161; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.edit-wrap{overflow:hidden}
.cnt-heading{font-size:17px; color:#f8639d; margin:17px 0 10px; font-weight: bold}
.edit-sec {color:#f8639d; font-size:17px; font-weight:bold; cursor:pointer}
.prd-head{color:#060709; font-size:17px; font-weight:bold; margin:10px 0; } 
.qty-price{text-align:left; color:#6f6e6e; font-weight:bold}
.prd {margin-right:20px;}
.tprice{font-size:22px; color:#060709; font-weight:bold; margin-top:10%}
.pause-btn{background:#636161; color:#fff; font-size:20px; font-weight:bold; width:200px; margin:15px auto; line-height:40px; cursor:pointer }
.deadd{color:#393a3c; font-weight:bold; font-weight:bold;margin:10px 0}
.deliveryadd{border:1px solid #dfdfdf; padding:20px 10px; font-size:20px; }
.daddress{  font-size: 16px;font-weight: bold;}
.overlay { position:fixed;  height:100%; width:100%; background:rgba(157,156,156,0.4); top:0; display:none}
/*.service-desc {background: #fff none repeat scroll 0 0; border: 1px solid #9d9c9c; bottom: 0; height: 592px; left: 0;
 margin: auto;  position: absolute; right: 0; top: 0; max-width: 1035px; width:95%; padding:20px 10px 20px 20px;}*/
 .service-desc{display:table-cell; width:98%; text-align:center; vertical-align:middle; }
.reldiv{ position:relative}
.cls{position: absolute; top:11px; right:15px; cursor:pointer}
.addico{background:#000; width:20px; height:20px; border-radius:50%; height:25px; width:25px; display:inline-block; 
text-align:center; }
.addico:hover,.pause-btn:hover{background:#f8639d;transition:all linear 0.3s}
.cnt-products .subs-button{margin: 0 10%;}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.cnt-products .subs-button .pause-btn {    width: 120px;}
.cnt-products .subs-button .pause-btn:nth-child(2) {    width: 165px;}
.nykaa {    width: auto !important;		
  min-height: auto !important;		
  max-height: 100px !important;		
  overflow-y: scroll;} 
}