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

	Client: 	Shivani Organics via Incrust Motor Dock
	Type: 		CSS Document
	Designer: 	Vipin Chandran (Frontend Development Only)
	E-mail		vipinradhalayam@gmail.com
			
************************************************************/

/********************************
		Fonts Used
*********************************/
@import url("fonts.css");


/********************************
		General Styles
*********************************/
body{
	font-family: 'Helvetica', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height:normal;
	letter-spacing:normal;
	color:#000000;
	background: #fff;
}
h1, h2, h3, h4, h5{
	font-style: normal;
	font-weight: 700;
	color: #242424;
	margin-top: 0;
}
h1{
	font-size: 32px;
	line-height: normal;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 21px;
}
h5{
	font-size: 18px;
	color: #3A393E;
	font-weight: 700;
}
h1.icon, h4.icon{position: relative; text-align: center;}
h1.icon:after, h1.icon::after, h4.icon:after, h4.icon::after{
	content: '';
	display: block;
	background-image: url(../imgs/icons/icon-heading.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 10px;
    width: 100px;
    margin: 5px auto 0;
}
.section{
	padding: 70px 0;
	position: relative;
}
.section, footer, .shome-nosearch, .shivani-home{
	max-width: 1920px;
	margin: 0 auto;
}
.img-shivani{width: 100%; height: auto;}
.btn-shivani, .btn-shivani:focus{
    color: #fff;
    text-transform:capitalize;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 28px;
    text-align: center;
	border-radius: 34px;
    border:none;
    position: relative;
    text-decoration: none;
    background-color: #1F9E37;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.btn-shivani:hover, .btn-shivani.active{
	background-color: #166f27;
	color:#fff;
	text-decoration: none;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.info-updates{
	position: absolute;
	top: 125px;
	left: 0; 
	right: 0;
	color: #fff;
}
.info-updates marquee{
    background-color: rgb(31 158 55 / 87%);
    padding: 6px 6px 0;
    margin: 0 15px;
    width: calc(100% - 30px);
    letter-spacing: 1px;
}

/********************************
			Top Head
*********************************/
.topred-head{
	background-color: #1F9E37;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px 0;
	z-index: 3;
}
.topred-head .img-shivani{width: 25px; margin-right: 3px;}
.topred-head a{display: flex; color: #fff; align-items: center; justify-content: flex-start; text-decoration: none;}
.topred-head a.th-email{justify-content: center;}
.topred-head a.th-place{justify-content: flex-end;}



/********************************
	 Main Header/Menu Section
*********************************/
.shivani-header{
	background-color: #FFFFFF;
	border-color: transparent;
	box-shadow: none;
	padding-top: 5px;
    padding-bottom: 5px;
    top: 35px;
    transition: 0.5s;
    -webkit-transition:0.5s;
}
.img-shivani-logo{
	width:200px;
	height:auto;
	z-index: 1;
	transition: 0.5s;
    -webkit-transition:0.5s;
}
.navbar-nav {
    margin-top: 11px;
    transition: 0.5s;
    -webkit-transition:0.5s;
}
.shivani-header .navbar-nav>li{
	margin:0 40px;
}
.shivani-header .navbar-nav>li>a{
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	color: #000000;
	text-transform: capitalize;
	padding: 15px 0px;
	position: relative;
}
.shivani-header .navbar-nav>li>a:hover, .shivani-header .navbar-nav>li.active>a, .shivani-header .navbar-nav>li.active>a:hover, .shivani-header .navbar-nav>li>a:focus{
	color: #000000;
}
.shivani-header .navbar-nav>li>a:after, .shivani-header .navbar-nav>li>a::after{
	content: '';
	position: absolute;
	bottom: 7px;
	left: -4px;
	right: -4px;
	height: 7px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 52px auto;
	transition: 1s;
    -webkit-transition:1s;
}
.shivani-header .navbar-nav>li>a:hover:after, .shivani-header .navbar-nav>li>a:hover::after, .shivani-header .navbar-nav>li>a:focus:after, .shivani-header .navbar-nav>li>a:focus::after, .shivani-header .navbar-nav>li.active>a:after, .shivani-header .navbar-nav>li.active>a::after, .shivani-header .navbar-nav>li>a.active:after, .shivani-header .navbar-nav>li>a.active::after{
	background-image: url(../imgs/icons/icon-heading.svg);
	
}
.shac-menu-cont {
    float: right;
    padding-top: 7px;
    margin-left: 20px;
    transition: 0.5s;
    -webkit-transition:0.5s;
}
ul.shac-menu>li {
    display: block;
    float: left;
    position: relative;
}
ul.shac-menu>li>a{
	padding: 7px 10px;
	position: relative;
	color: #1F9E37;
	font-size: 31px;
}
ul.shac-menu>li>a:hover, ul.shac-menu>li>a:focus{
	color: #1F9E37;
	background-color: transparent;
}
.citems{
	position: absolute;
	right: 0;
    top: 4px;
	width: 21px;
    height: 21px;
    background-color: rgb(107 75 0 / 83%);
    color: #fff;
    border-radius: 50%;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.shac-menu>li .img-shivani{width: 25px;}
.shivani-header.shivani-scroll{
	box-shadow: 0 5px 10px 0 rgba(4,0,98,.05);
	top: 0;
}
.shivani-header.shivani-scroll .img-shivani-logo {
	width: 165px;
}
.shivani-header.shivani-scroll .navbar-nav {
    margin-top: 5px;
}
.shivani-header.shivani-scroll .shac-menu-cont{
	padding-top: 2px;
}

/*Sub items*/
.user-menu{
	position: absolute;
	top: -270px;
    right: 8px;
	background-color: #fff;
	z-index: 3;
    border: 1px solid #eee;
    width: 220px;
    opacity: 0;
    transition: 1s;
}
ul.ua-menu>li>a{
	padding: 10px 35px;
	color: #000;
	font-size: 14.5px;
}
ul.ua-menu>li:last-child>a{
	text-align: center;
	background-color: #1F9E37;
	color: #fff;
}
.user-menu.ua-toggle{
	top: 56px;
	opacity: 1;
}



/********************************
		      Home
*********************************/
.shivani-home{
	position: relative;
	background-image: url(../imgs/home-banner.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	padding: 15px;
	padding-top: 250px;
	position: relative;
}
.sh-ulay{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	top: 57.5%;
	background-color: #fff;
}
.shivani-home .btn-shivani{box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 37%);}
.shivani-home.subpage{
	padding-bottom: 86px;
	padding-top: 200px;
}

/****Home Search****/
.home-search{width: 100%; margin: 0 auto;}
.home-search form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-search input{
	background-color: rgb(255 255 255 / 60%);
	border:none;
	border-radius: 30px;
	text-align: center;
	height: 43px;
	padding: 10px;
	font-weight: 600;
	color: #000;
	margin-right: 20px;
	outline: none;
	width: calc(100% - 76px);
}
.home-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
  opacity: 1; /* Firefox */
}

.home-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
}

.home-search input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
}
.home-search button{
	background-color: #1F9E37;
	border:none;
	border-radius: 30px;
	text-align: center;
	height: 43px;
	padding: 2px 13px;
	color: #fff;
	outline: none;
}
.home-search button .img-shivani{width: 30px;}

.sh-box {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    width: 85%;
    margin: 70px auto 0;
    box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 21%);
    overflow: hidden;
}
.sh-box .img-shivani{}
.sh-box h4{
	font-weight: normal;
	color: #1F9E37;
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 75px;
}
.sh-box h1{
	font-weight: bold;
	color: #1F9E37;
	font-size: 41px;
	margin-bottom: 20px;
}
.sh-box p{
	color: #000;
	font-size: 16px;
	margin-bottom: 20px;
}

.shbox-slider .owl-nav{
	position: absolute;
	left: 15px;
	right: 15px;
	top: calc(50% - 22px);
}
.shbox-slider .owl-nav button.owl-next, .shbox-slider .owl-nav button.owl-prev{
	position: absolute;
}
.shbox-slider .owl-nav button.owl-next{right: 0;}
.shbox-slider .owl-nav button.owl-prev{left: 0;}
.shbox-slider .owl-nav button{outline: none; background-color: transparent; color: #1F9E37; opacity: 0.5;}
.shbox-slider .owl-nav button:hover, .shbox-slider .owl-nav button:focus, .shbox-slider .owl-nav [class*=owl-]:hover{
	background-color: transparent;
	color: #1F9E37;
	opacity: 1;
}
.shbox-slider .owl-nav button span{font-size: 53px; line-height: 0;}

/***Subpage***/
.shome-nosearch{
	margin-top: 114px;
	position: relative;
}

/********************************
 	  LATER ADDED FEATURES
*********************************/
.navbar-nav>li.shop-btn {
    margin: 3px 0 0;
}
.navbar-nav>li.shop-btn>a {
    padding: 10px 40px;
    background-color: #1f9e37;
    color: #fff;
    border-radius: 34px;
}
.navbar-nav>li.shop-btn>a:hover, .navbar-nav>li.shop-btn>a.active, 
.navbar-nav>li.shop-btn.active>a, .navbar-nav>li.shop-btn>a:focus{
	background-color: #166f27;
	color:#fff;
	text-decoration: none;
}

/********************************
		OUR PRODUCTS(SHOP)
*********************************/
.shivani-prod{
	padding-top: 35px;
}
.prod-box{
	position: relative; 
	box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%); 
	margin: 0px 0px 30px 0px;
	background-color: #fff;
}
.pb-feat{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	z-index: 3;
}
.pb-top{padding: 10px 15px; position: relative;}
.pb-bot{
	padding: 15px 30px 20px;
	text-align: center;
}
.pb-name {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
    display: block;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
  	text-overflow: ellipsis;
}
.pb-name:hover, .pb-name:focus{color: #000; text-decoration: none;}
.pb-price {
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.1;
    margin-top: 0;
}
.pb-price span{font-weight: bold; font-size: 18px;}
span.pbp-old {
    font-weight: normal;
    font-size: 15px;
    text-decoration: line-through;
    text-decoration-color: red;
    padding-right: 10px;
}
.pb-unit{
	margin: 0 0 10px;
	display: block;
	font-size: 14px;
	color: #000;
}
.pb-bot .btn-shivani{width: 90%; font-size: 18px;}
.pb-off{
	position: absolute;
	top: 0;
	left: 15px;
	width: 12.5%;
	min-width: 33px;
}
.pb-pack {
    display: block;
    margin-bottom: 8px;
}
.pb-pack select{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../imgs/icons/icon-select.svg) 95% / 15% no-repeat #fff;
  background-size: 10px auto;
  position: relative;
  z-index: 0;
  width: 100%;
  text-align-last: center !important;
  padding: 5px 10px;
  outline: none;
  border-color: #1F9E37;
  border-radius: 4px;
  font-size: 12px;
  background-color: #F8FFF9;
}

/***Product Tabs***/
.pro-tabs{
	text-align: center;
	border-bottom: none;
	margin-bottom: 20px;
	margin-top: 20px;
}
.pro-tabs>li{
	float: left;
	display: block;
	width: 16.66666%;
}
.pro-tabs>li>a{
	border:none;
	display: block;
	border-radius: 0;
	padding: 0;
	margin-right: 0;
	color: #000000;
	font-weight: 500;
	transition: 1s;
	-webkit-transition:1s;
}
.pro-tabs>li>a span{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 10px;
	transition: 1s;
	-webkit-transition:1s;
}
.pro-tabs>li>a.pfrtveg span{
	background-image: url(../imgs/icons/icon-procat1.png);
}
.pro-tabs>li>a.pgroc span{
	background-image: url(../imgs/icons/icon-procat2.png);
}
.pro-tabs>li>a.ppercare span{
	background-image: url(../imgs/icons/icon-procat3.png);
}
.pro-tabs>li>a.phlthwlth span{
	background-image: url(../imgs/icons/icon-procat4.png);
}
.pro-tabs>li>a.phomlyf span{
	background-image: url(../imgs/icons/icon-procat5.png);
}
.pro-tabs>li>a.pcloth span{
	background-image: url(../imgs/icons/icon-procat6.png);
}
.pro-tabs>li.active>a, .pro-tabs>li.active>a:focus, .pro-tabs>li.active>a:hover, .pro-tabs>li>a:hover, .pro-tabs>li>a:focus{
	border: none;
	background-color: transparent;
	color: #1F9E37;
}
.pro-tabs>li>a.pfrtveg:hover span, .pro-tabs>li.active>a.pfrtveg span, .pro-tabs>li.active>a.pfrtveg:hover span, .pro-tabs>li.active>a.pfrtveg:focus span{
	background-image: url(../imgs/icons/icon-procat1a.png);
}
.pro-tabs>li>a.pgroc:hover span, .pro-tabs>li.active>a.pgroc span, .pro-tabs>li.active>a.pgroc:hover span, .pro-tabs>li.active>a.pgroc:focus span{
	background-image: url(../imgs/icons/icon-procat2a.png);
}
.pro-tabs>li>a.ppercare:hover span, .pro-tabs>li.active>a.ppercare span, .pro-tabs>li.active>a.ppercare:hover span, .pro-tabs>li.active>a.ppercare:focus span{
	background-image: url(../imgs/icons/icon-procat3a.png);
}
.pro-tabs>li>a.phlthwlth:hover span, .pro-tabs>li.active>a.phlthwlth span, .pro-tabs>li.active>a.phlthwlth:hover span, .pro-tabs>li.active>a.phlthwlth:focus span{
	background-image: url(../imgs/icons/icon-procat4a.png);
}
.pro-tabs>li>a.phomlyf:hover span, .pro-tabs>li.active>a.phomlyf span, .pro-tabs>li.active>a.phomlyf:hover span, .pro-tabs>li.active>a.phomlyf:focus span{
	background-image: url(../imgs/icons/icon-procat5a.png);
}
.pro-tabs>li>a.pcloth:hover span, .pro-tabs>li.active>a.pcloth span, .pro-tabs>li.active>a.pcloth:hover span, .pro-tabs>li.active>a.pcloth:focus span{
	background-image: url(../imgs/icons/icon-procat6a.png);
}
.ptab-content {
    padding-top: 15px;
}

/*****Sub Page*****/
.shop-offer-box, .offer-tabs{
	padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 230px;
    margin-bottom: 30px;
}
.shop-offer-box{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.shop-offer-box.sob-veg{
	background-image: url(../imgs/shop-offer-veg.jpg);
}
.shop-offer-box.sob-fruit{
	background-image: url(../imgs/shop-offer-fruit.jpg);
}
.shop-offer-box.sob-nuts{
	background-image: url(../imgs/shop-offer-nuts.jpg);
}
.shop-offer-box a, .offer-tabs>li>a{
	width: 195px;
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 20px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	margin: 0 30px;
}
a.pload-more {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    background-color: #1f9e37;
    border-radius: 50%;
    font-size: 42px;
    box-shadow: 0px 1px 6px 2px rgb(0 0 0 / 31%);
    margin: 20px auto 0;
}
.offer-tabs{height: 175px; margin-bottom: 0; border:none;}
.offer-tabs>li{float: none; display: inline-block;}
.offer-tabs>li>a{
	box-shadow: 0 1px 10px 2px rgb(0 0 0 / 13%);
	outline: none;
}
.offer-tabs>li.active>a, .offer-tabs>li.active>a:focus, .offer-tabs>li.active>a:hover, .offer-tabs>li>a:hover{
	color: #1f9e37;
}
.prod-offer {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);
    padding: 20px 10px;
    height: 275px;
    margin-bottom: 30px;
}
.prod-offer h2{color:#1f9e37; margin-bottom: 30px;}
.prod-offer h2 span{
	display: block;
	font-weight: normal;
	color:#000;
	font-size: 21px;
}


/***Filter Box***/
.filter-box {
    margin: 15px 0 35px;
}
.fb-category, .fb-sort{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 auto;
	width: 90%;
	background-color: #fff;
	margin-bottom: 30px;
}
.fb-category .form-group {
   width: 33.333%;
   margin-bottom: 0;
}
.fb-category .form-control, .fb-category .btn-pdgtn{ }
.fb-category .form-control{border-color: #707070;}
.fb-category select, .fb-sort select{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../imgs/icons/icon-select.svg) 95% / 15% no-repeat #fff;
  background-size: 13px auto;
  width: calc(100% + 30px);
  position: relative;
  padding-left: 60px;
  z-index: 2;
  margin-left: -30px;
}
/* CAUTION: IE hackery ahead */
.fb-category select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .fb-category select {
        background:none\9;
        padding: 5px\9;
    } 
}
span.fbcat-name {
    display: flex;
    background-color: #1f9e37;
    color: #fff;
    height: 43px;
    padding: 5px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    z-index: 3;
    position: relative;
}
.fb-category select.two{z-index: 1;}
.fb-sort{justify-content: center; display: none;}
.fb-sort select{
	margin-left: 0;
	width: 100%;
	border-color: transparent;
	padding: 5px 15px;
	box-shadow: 1px 0px 9px 0px rgb(0 0 0 / 20%);
}
.sort{margin-right: 30px;}
.sort, .offer{width: 200px;}


/***Product Box Overlay***/
.pbt-olay{
	background-color: rgba(0, 0, 0, 30%);
	position: absolute;
	left: 0;
	right: 0;
	top: 110%;
	opacity: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-transition:0.75s;
	transition: 0.75s;
}
.prod-box:hover .pbt-olay{
	top: 0;
	opacity: 1;
}
.pbt-olay>a{
	display: block;
	padding: 5px 12px;
	color: #1F9E37;
	background-color: #FFFFFF;
	border-radius: 2px;
	font-size: 18px;
	margin: 0 10px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.pbt-olay>a:hover, .pbt-olay>a:focus{
	color: #FFFFFF;
	background-color: #1F9E37;
}


/********************************
		 PRODUCT DETAILS
*********************************/
.spdrow-top{margin-bottom: 50px;}
.spro-details{
	position: relative;
	padding-top: 40px;
}
.spd-midbox {
    padding-left: 10px;
    padding-top: 30px;
}
.pd-name span {
    font-size: 16px;
    font-weight: 400;
}
.pdp-old {
    font-size: 16px;
    text-decoration: line-through;
    text-decoration-color: red;
}
.pdp-new {
    font-size: 24px;
    font-weight: bold;
    margin-right: 25px;
}
.pdp-profit {
    color: #2ED573;
}
.pdp-profit span{color: #000;}
.pd-interact {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 25px 0;
}
.item-count {
    display: flex;
    align-items: center;
    justify-content: center;
}
.qcount, .qcount:hover, .qcount:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius:50%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 0;
    padding: 2px;
    margin: 0;
    background-color: #1F9E37;
    font-size: 16px;
}
.qcount:hover{
	background-color: #166f27;
	color: #fff;
}
.form-control.qty {
    width: 60px;
    border-radius: 0;
    height: 35px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #434343;
    border-radius: 5px;
    margin: 0 5px;
    color: #000;
}
.addto-cart{
    padding: 3px 20px;
    text-align: center;
    border-radius: 34px;
    border: none;
    position: relative;
    text-decoration: none;
    background-color: #EBEBEB;
    width: 74px;
    border:2px solid #EBEBEB;
    margin-left: 25px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.addto-cart:hover, .addto-cart:focus{border-color:#1F9E37;}
.spd-midbox .btn-shivani {
	margin-bottom: 25px;
    padding: 10px 60px;
}
.pd-delv{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 12px;
}
.pd-delv .img-shivani {
    width: 33px;
    margin-right: 15px;
}
.pd-delvoptn {
    display: block;
    margin-top: 30px;
}
.delv-optn {
    display: block;
    border: 1px solid #707070;
    padding: 10px 10px 5px;
    width: 300px;
    margin-bottom: 15px;
}
.delv-optn .rb-container{margin-bottom: 10px;}



.spd-share{text-align: center; padding-top: 41px;}
ul.spds-list{list-style: none; padding-left: 0;}
ul.spds-list>li{display: block; text-align: center; margin-bottom: 20px;}
ul.spds-list>li>a{
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 26px;
}
.spdrow-bot h3{margin-top: 25px;}
.sp-review textarea{
	border:2px solid #1F9E37;
	border-radius: 5px;
	max-width: 500px;
	display:block;
}
.spro-details .green-line{margin: 50px auto;}
.spdrow-similar h1{margin-bottom: 25px;}

/****Product SLider****/
.pro-slider{padding-bottom: 150px; padding-top: 20px; box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);}
.pro-slider .carousel-control.right, .pro-slider .carousel-control.left{background-image: none;}
.pro-slider ol.carousel-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
}
.pro-slider .carousel-indicators li{
	text-indent: inherit;
	border: none;
	width: 30%;
	height: inherit;
	padding: 10px;
}
.pro-slider .carousel-indicators .active, .pro-slider .carousel-indicators li{
	margin: 0;
}
.pro-slider .carousel-indicators li span{
	display: block;
	border-radius: 10px;
	border:2px solid #848484;
	overflow: hidden;
	padding: 10px 0;
}
.pro-slider .carousel-indicators .active span{
	border-color: #1F9E37;
}


/****New Product SLider****/
.custom-xzoom{
	box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);
	padding-top: 20px;
	position: relative;
	width: 100%;
}
.custom-xzoom .xzoom2, .custom-xzoom .xzoom3, .custom-xzoom .xzoom4, .custom-xzoom .xzoom5{
	box-shadow: none;
}
.custom-xzoom .xzoom-thumbs{
	margin-top: 40px; 
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-x: scroll;
	position: relative;
	padding: 0 40px;
}
.custom-xzoom .xzoom-thumbs::-webkit-scrollbar{display: none;}
.custom-xzoom .xzoom-thumbs a:first-child{margin-left: 90px;}
.custom-xzoom .xzoom-thumbs a, .custom-xzoom .xzoom-thumbs a:focus, .custom-xzoom .xzoom-thumbs a:hover{
	outline: none;
	border:none;
	text-decoration: none;
}
.custom-xzoom .xzoom-thumbs a img{
	width: 80px;
	padding: 10px 0;
	height: auto;
	border-radius: 10px;
    border: 1px solid #848484;
    margin-left: 3px;
}
.custom-xzoom .xzoom-thumbs a img:hover, .custom-xzoom .xzoom-thumbs a img:focus{
	border-color: #1F9E37;
}
.arCtrl {
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 30px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.arCtrl>a {
    background-color: rgb(31 158 55 / 90%);
    color: #fff;
    display: block;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-decoration: none;
    font-size: 14px;
    z-index: 4;
}
.arCtrl>a:hover{background-color: rgb(31 158 55 / 100%);}



/********************************
    MY CART AND PAYMENT FLOW
*********************************/
.shivani-cart{
	position: relative;
	overflow: hidden;
	padding-top: 40px;
}
.scart-ulay{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
	z-index: 1;
	right: -161px;
    bottom: 0;
    width: 37%;
    z-index: 1;
    opacity: 0.7;
}
.cart-container{
	position: relative;
    box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);
    padding: 30px 15px;
    margin-top: 25px;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
}
ul.cart-items{
	padding-left: 0;
	list-style: none;
	margin: 15px 0;
}
ul.cart-items>li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	margin-bottom: 30px;
}
ul.cart-items>li.cart-end{
	align-items: flex-end;
}
ul.cart-items>li:after, ul.cart-items>li::after{
	content: '';
	display: block;
	position: absolute;
	right: calc(25% + 9px);
	top: 0px;
	bottom: -30px;
	width: 1px;
	background-color: #707070;
}
ul.cart-items>li:last-child:after, ul.cart-items>li:last-child::after{
	bottom: 0;
}
.cart-box::after{
	content: '';
	clear: both;
	display: table;
}
.cart-box{
	border: 1px solid #1F9E37;
	padding: 15px 0;
	margin-right: 15px;
	position: relative;
}
.cart-close{
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-decoration: none;
	color: rgb(112 112 112 / 80%);
	font-size: 16px;
	z-index: 3;
}
.cart-close:hover{color: red;}
.cart-box .spd-midbox{
	padding-top: 0;
}
.cart-box .pb-top{position: relative; padding: 0;}
.cart-box .pd-name span{font-size: 14px;}
.cart-box .pdp-new{font-size: 17px;}
.cart-box .pdp-old{font-size: 14px;}
.cart-box .pd-interact{margin-bottom: 0;}
.cart-box .pd-interact span{
	display: block;
	font-weight: bold;
	padding-left: 15px;
}
.item-price{
	display: flex;
    align-items: flex-end;
    justify-content: left;
}
.item-price span{
	/*display: block;
	float: left;
	width: 30%;*/
}
.item-price span:first-child{
	width: 70%;
}
.item-price.grand-total {
    margin: 50px 0;
    border-top: 2px solid #1F9E37;
    padding-top: 15px;
}
.item-price.grand-total span{font-weight: bold; font-size: 16px;}
.cart-end .btn-shivani{width: 100%;}
.cart-pin{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.cart-pin h4{margin-bottom: 0;}
.cart-pin input{
	border:none;
	border-radius: 0;
	border-bottom:1px solid #1F9E37;
	box-shadow: none;
	width: 115px;
    margin-left: 15px;
    height: 25px;
    padding: 5px;
}
.cart-pin a{color: #1F9E37; text-decoration: none; padding-left: 4px;}
.delv-address{margin-top: 20px;}
.delv-address .img-shivani {
    width: 25px;
    margin-right: 5px;
}
.delv-address textarea{
	width: 60%;
	margin-top: 10px;
    margin-left: 30px;
    border-radius: 10px;
}


/***MY CART NEW DESIGN***/
ul.cidesgn-new>li:after, ul.cidesgn-new>li::after{display: none;}
ul.cidesgn-new>li.cart-end .btn-shivani{width: unset;}



/***Payment Flow***/
.payment-box {
    padding: 20px 50px 0 50px;
}
.pmtflow-title{
	font-size: 21px;
	font-weight: 600;
	display: block;
	padding-bottom: 12px;
	margin-bottom: 24px;
	border-bottom:2px solid #1F9E37;
}
.pmt-price {
    width: 100%;
    padding-top: 25px;
    font-size: 20px;
    text-align: center;
}
.payment-box .btn-shivani {
    padding: 10px 50px;
    margin-top: 15px;
}
.payment-box h4{margin-bottom: 30px;}
.payment-box h4 .img-shivani {
    width: 42px;
    margin-right: 12px;
}
.thanq-box{
	text-align: center; 
	padding: 60px 10px;
	display: block;
}
.carrot-ulay{
	position: absolute;
	position: absolute;
    left: -28px;
    top: -1px;
    width: 42%;
}
.thanq-box h1{
	color: #1F9E37;
	font-size: 42px;
}
.thanq-box h3 span{font-weight: normal; display: block;}
.pmts-hd, .pmts-det{
	display: block;
	float: left;
	position: relative;
	font-size: 16px;
	margin-bottom: 15px;
}
.pmts-hd{
	width: 30%;
	font-weight: bold;
}
.pmts-hd:after, .pmts-hd::after{
	content: ':';
	font-weight: bold;
	display: block;
	position: absolute;
	right:3px;
	top: 0;
	bottom: 0; 
}
.pmts-det{
	width: 70%;
	padding-left: 4px;
}



/********************************
    		MY ORDERS
*********************************/
ul.my-orders{
	list-style: none;
	padding-left: 0;
}
ul.my-orders>li{
	display: block;
	border: 2px solid #1F9E37;
	padding: 25px 30px;
	margin-bottom: 30px;
}



/********************************
    	Return Policy
*********************************/
ul.content{
	list-style: none;
	padding-left: 0;
}
ul.content>li{
	display: block;
	position: relative;
	padding-left: 12px;
	font-size: 16px;
	margin-bottom: 10px;
}
ul.content>li:before, ul.content>li::before{
	content: '-';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.rp-social{font-size: 21px; font-weight: bold; margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.rp-social a{
	display: block;
    text-decoration: none;
    color: #000;
    font-size: 28px;
    margin: 0 0 0 20px;
}




/********************************
	  	   FORM DESIGN
*********************************/
.form-control{
	border-radius: 24px;
    border-color: #000000;
    height: 43px;
    padding: 10px 25px;
    box-shadow: none;
}
.form-group.full, .form-group.half{
	float: left;
	min-height: 1px;
	position: relative;
	padding: 0 15px;
}
.form-group.full{width: 100%;}
.form-group.half{width: 50%;}
.fg-push-6{left: 50%;}
.fg-pull-6{right: 50%;}

/* Radio Button */
.rb-container {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 30px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.rb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.rb-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border:1px solid #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rb-container:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the radio button is checked, add a blue background */
.rb-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #1F9E37;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rb-container input:checked ~ .checkmark:after {
  display: block;
  background-color:#1F9E37;
}

/* Style the indicator (dot/circle) */
.rb-container .checkmark:after {
 	top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
	border-radius: 50%;
	background: #1F9E37;
}

/* Check Box */
.cb-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding-top: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cb-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #000;
}

/* On mouse-over, add a grey background color */
.cb-container:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
  background-color: #1F9E37;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cb-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cb-container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/********************************
     SIGN IN/SIGN UP/CONTACT
*********************************/
.shivani-sign{padding-top: 0;}
.ssign-container{
	position: relative;
    box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);
    padding: 30px;
    margin-top: 25px;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
    margin-top: -50px;
}
.shivani-sign textarea.form-control{
	height: 140px;
}
.shivani-sign .form-group {
    margin-bottom: 20px;
}
.ssign-container.signin h2{margin-bottom: 60px;}
.ssign-container h2 .img-shivani{width: 30px;}
.fm-signin .form-group{max-width: 290px;}
a.sign-link{
	display: block;
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
a.sign-link:after, a.sign-link::after{
	content: '';
	display: block;
	height: 1px;
	background-color: #1F9E37;
	margin: 2px auto 0;
    width: 170px;
}
.signin-soc, .contact-soc{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 16px;
	max-width: 290px;
}
.signin-soc a, .contact-soc a{
	color: #000;
	text-decoration: none;
	font-size: 30px;
	padding-left: 20px;
}
.fm-signup{margin-top: 30px; margin-left: -15px;}
.contact-soc{
	font-size: 22px;
	font-weight: bold;
	max-width: none;
	margin-top: 50px;
}
.contact-det{
	text-align: left;
	width: 210px;
    margin: 0 auto;
}
.contact-det .img-shivani{width: 25px;}
.contact-det a{color: #000; font-size: 16px; display: block; margin: 15px 0; text-decoration: none;}
.contact h2{margin-bottom: 20px;}
.fm-contact .btn-shivani{width: 190px;}
.mar-off{margin: 0 !important;}
.posrel{position: relative;}
a.getotp {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    text-decoration: underline;
    text-decoration-color: #000000;
    color: #000000;
}
a.getotp span{color: #1F9E37;}




/********************************
		      DEALS
*********************************/
.shivani-deals{
	background-image: url(../imgs/deals-week.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 40px 0 10px;
    overflow: hidden;
}
.shivani-deals h1, .shivani-deals p{
	color: #fff;
}
.shivani-deals .prod-box{margin-top: 15px;}
.sd-ulay{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	top: 76%;
	background-color: #fff;
}
.deals-week .owl-nav button.owl-next, .deals-week .owl-nav button.owl-prev{
	position: absolute;
	top: 36%;
	font-size: 80px;
	color: #fff;
	outline: none;
}
.deals-week .owl-nav button.owl-next{
	right: -41px;
}
.deals-week .owl-nav button.owl-prev{
	left: -41px;
}
.deals-week .owl-nav button:hover{
	background: transparent !important;
}



/********************************
	  	  WHY CHOOSE US
*********************************/
.shivani-whychoose{
	padding-top: 10px;
	position: relative;
}
.shivani-whychoose h1{
	color: #1F9E37;
	font-weight: normal;
	margin-bottom: 23px;
}
.shivani-whychoose h1 span{
	font-size: 38px;
	font-weight: bold;
	display: block;
}
.sw-diagram{
	box-shadow: 0px 1px 17px 7px rgb(31 158 55 / 12%);
	background-color: #fff;
    border-radius: 20px;
    padding: 20px 35px 35px;
    width: 80%;
    margin: 0 auto;
}
.sw-olay{
	position: absolute;
	right: 0;
	bottom: 32px;
    width: 27%;
    max-width: 365px;
}


/********************************
	  	  TESTIMONIALS
*********************************/
.shivani-test{
	background-color: #F8F8F8;
	padding-top: 30px;
	padding-bottom: 50px;
}
.testimonials{margin-top: 40px;}
.cust-box{
	position: relative; 
	max-width: 220px;
    margin: 0 auto;
    padding-top: 5px;
}
.cb-ulay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	top: 55px;
	background-color: #fff;
	z-index: 2;
}
.center .cust-box:after, .center .cust-box::after{opacity: 1;}
.testimonials .cb-image{
	border-radius: 50%;
	width: 100px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	z-index: 3;
	box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 76%);
}
.testimonials .cb-quote{
	color: #3A393E;
	font-size: 16px;
	font-weight: 400;
	padding: 20px 20px 20px;
	position: relative;
	z-index: 3;
	height: 135px;
}
.testimonials .cb-quote span{
	font-weight: 700;
	display: block;
	margin-top: 20px;
}
.testimonials .owl-dots{
	margin-top: 50px !important;
}
.testimonials .owl-dots .owl-dot span{
	background-color: #C4C4C4;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 2px;
}
.testimonials .owl-dots .owl-dot{
	border: 1px solid #C4C4C4;
	outline: none;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
}
.testimonials .owl-dots .owl-dot.active{
	border: 1px solid #1f9e37;
}
.testimonials .owl-dots .owl-dot.active span, .testimonials .owl-dots .owl-dot:hover span{
	background-color: #1f9e37;
}


/********************************
		     Footer
*********************************/
.shivani-footer{
	background-color: #ECCC68;
	color:#fff;
	overflow: hidden;
	position: relative;
	padding: 40px 0 10px 0;
	text-align: center;
}
.shivani-footer .img-shivani-logo{
    margin-left: -23px;
    width: 90%;
}
.shivani-footer h1{
	color: #6A4B00;
	font-size: 18px;
}
.shivani-footer h1.icon:after, .shivani-footer h1.icon::after, .shivani-footer h4.icon:after, .shivani-footer h4.icon::after{
	width: 70px;
	height: 7px;
    margin: 4px auto 0;
}
.shivani-footer p, a.flink{
	color: #6A4B00;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 21px;
	font-size: 12px;
}
a.flink{display: block; text-decoration: none;}
ul.foot-soc{list-style: none; padding-left: 0;}
ul.foot-soc>li{
	display: inline-block;
	margin: 0 5px;
}
ul.foot-soc>li>a{
	display: block;
	color: #6A4B00;
	font-size: 23px;
}
.sf-address{
	display: block;
	margin: 0 auto;
}
.green-line{
	display: block;
	height: 1px;
	width: 100%;
	margin: 0 auto 15px;
	background-color: #1F9E37;
}
.foot-col{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20%;
    height: 140px;
    margin: 0 0 30px;
}
.shivani-footer .img-shivani-logo.white{display: none;}
.fcolopt1 .shivani-footer .img-shivani-logo.main, .fcolopt2 .shivani-footer .img-shivani-logo.main, .fcolopt3 .shivani-footer .img-shivani-logo.main{
	display: none;
}
.fcolopt1 .shivani-footer .img-shivani-logo.white, .fcolopt2 .shivani-footer .img-shivani-logo.white, .fcolopt3 .shivani-footer .img-shivani-logo.white{
	display: block;
}


/***Footer Color Options***/
.fcolopt1 .shivani-footer{background-color: #6E4E37;}
.fcolopt1 .shivani-footer h1.icon, .fcolopt1 ul.foot-soc>li>a, .fcolopt1 .shivani-footer p, .fcolopt1 a.flink{color: #fff;}
.fcolopt1 .shivani-footer h1.icon:after, .fcolopt1 .shivani-footer h1.icon::after, .fcolopt1 .shivani-footer h4.icon:after, .fcolopt1 .shivani-footer h4.icon::after{
	background-image: url(../imgs/icons/icon-heading1.svg);
}
.fcolopt1 .green-line{background-color: #BB8965;}

.fcolopt2 .shivani-footer{background-color: #F3A36B;}
.fcolopt2 .shivani-footer h1.icon, .fcolopt2 ul.foot-soc>li>a, .fcolopt2 .shivani-footer p, .fcolopt2 a.flink{color: #fff;}
.fcolopt2 .shivani-footer h1.icon:after, .fcolopt2 .shivani-footer h1.icon::after, .fcolopt2 .shivani-footer h4.icon:after, .fcolopt2 .shivani-footer h4.icon::after{
	background-image: url(../imgs/icons/icon-heading2.svg);
}
.fcolopt2 .green-line{background-color: #815D43;}

.fcolopt3 .shivani-footer{background-color: #1F9E37;}
.fcolopt3 .shivani-footer h1.icon, .fcolopt3 ul.foot-soc>li>a, .fcolopt3 .shivani-footer p, .fcolopt3 a.flink{color: #fff;}
.fcolopt3 .shivani-footer h1.icon:after, .fcolopt3 .shivani-footer h1.icon::after, .fcolopt3 .shivani-footer h4.icon:after, .fcolopt3 .shivani-footer h4.icon::after{
	background-image: url(../imgs/icons/icon-heading3.svg);
}
.fcolopt3 .green-line{background-color: #6A4B00;}


/********************************
		  PROFILE/ABOUT
*********************************/
.shivani-proabt{padding-top: 40px;}
.shadow-box{
	position: relative;
    box-shadow: 0px 1px 17px 7px rgb(0 0 0 / 10%);
    padding: 30px;
    margin-top: 40px;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
}
.about .img-shivani-logo{width: 215px; margin-bottom: 35px;}
.abt-content {
    padding-left: 85px;
    position: relative;
}
.abt-content p{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.abt-content:before, .abt-content::before{
	content: '';
	display: block;
	position: absolute;
	left: 22px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #1F9E37;
}
.abt-icons {
    display: block;
    width: 130px;
    padding: 15px;
    height: 130px;
    box-shadow: 0px 1px 17px 6px rgb(32 157 70 / 15%);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.abt-bottom {
    padding-top: 75px;
}
.abt-bottom .green-line {
    margin-top: 45px;
    width: 100%;
    height: 3px;
    margin-bottom: 20px;
}
.abt-bottom p{font-size: 21px;}




/********************************
	   	   My Profile
*********************************/
.myprofile .shadow-box{
	padding:40px;
}
.mprofile-tabs{border-bottom: 0;}
.mprofile-tabs>li {
    width: 100%;
    margin-bottom: 20px;
}
.mprofile-tabs>li.active>a, .mprofile-tabs>li.active>a:focus, .mprofile-tabs>li.active>a:hover {
    border: none;
    background-color: #dad2d3;
    color: #258CAD;
}
.mprofile-tabs>li>a{
	background-color: #1F9E37;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border-radius: 10px;
	padding: 15px 18px 15px 18px;
	border: 0;
	margin-right: 0;
}
.mprofile-tabs>li.active>a, .mprofile-tabs>li.active>a:focus, .mprofile-tabs>li.active>a:hover, .mprofile-tabs>li>a:hover{
	border: none;
	background-color: #166f27;
	color:#fff;
}
.mpt-content{
    background-color: #fff;
    padding: 30px;
    min-height: 480px;
}
.mpt-content .tab-content>.tab-pane{
	padding: 0;
}
.mp-head{
	display: block;
	background-color: #fff;
	box-shadow: 0px 1px 17px 6px rgb(32 157 70 / 10%);
	width: 65px;
    height: 65px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 50%;
    overflow: hidden;
}
.mp-head:before, .mp-head::before{
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../imgs/mp-icon-1.png);
    left: 15px;
    top: 16px;
    width: 32px;
    height: 32px;
}
.mpt-table{overflow: auto; font-size: 14px;}
.mpt-table .table>tbody>tr>td, .mpt-table .table>tbody>tr>th, .mpt-table .table>tfoot>tr>td, .mpt-table .table>tfoot>tr>th, .mpt-table .table>thead>tr>td, .mpt-table .table>thead>tr>th{
	border: none;
	font-weight: 500;
	color: #707070;
	text-transform: capitalize;
	padding: 12px 8px;
}
.mpt-table .table>tbody>tr>td.email{text-transform: lowercase;}
.btn-tw.small {
    padding: 5px 15px;
    margin-bottom: 5px;
}
#profEdit, #addrEdit{display: none;}
ul.mpt-address{list-style: none; padding-left: 0; font-size: 14px;}
ul.mpt-address>li{
	color: #707070;
	line-height: 24px;
	border: 1px solid #dad2d3;
    padding: 15px;
    position: relative;
    margin-top: -1px;
}
ul.mpt-address>li>a{color: #1f9e37;}
ul.mpt-address>li:first-child{
	margin-bottom: 15px;
}
ul.mpt-address>li span{
	display: inline-block;
	color: #000000;
	padding-right: 15px;
}
.optns {
    position: absolute;
    right: 10px;
    top: 10px;
}
.optns a{ color: #6F6F6F;}
.optns .dropdown-menu{left: auto; right: 0;}
ul.mpt-address>li ul>li::marker{border: none; color: #fff; border-color: #fff;}
.mpt-content .btn-shivani{margin-bottom: 5px;}
.fm-changepwd .btn-shivani{width: 100%;}



/********************************
	   	     EVENTS
*********************************/
.shadow-box.grey{
	background-color: #F3F3F3;
	padding: 15px;
}
ul.events-list{list-style: none; padding-left: 0;}
ul.events-list>li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 60px;
}
.el-img, .el-data{padding: 0;}
.event-box{
	background-color: #fff;
	position: relative;
	padding: 50px 15px 20px;
	margin-left: -42px;
}
.eb-title{
	display: block;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
}
.eb-title:after, .eb-title::after{
	content: '';
	display: block;
	height: 2px;
	width: 140px;
	background-color: #1F9E37;
	margin-top: 5px;
}
.event-box p{
	font-size: 16px;
}
.eb-date{
	background-color: #1F9E37;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 0;
	width: 48px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px;
    text-align: center;
}
.event-box .btn-shivani{margin-top: 5px;}
.event-details .shadow-box{margin-top: 0;}
.ed-data .pd-price{
	margin-bottom: 30px;
}
.ed-data .pdp-new{margin-right: 10px;}
.edd-loc{
	font-weight: normal; 
	font-style: italic; 
	font-size: 14px; 
	display: block; 
	margin-bottom: 30px; 
	position: relative;
	padding-left: 17px;
}
.edd-loc:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.ed-data h1{font-size: 28px;}
.ed-data a, .ed-data a:hover, .ed-data a:focus{text-decoration: none;}
h2.reg-now{
	color: #1F9E37;
	font-size: 24px;
}
.event-details .spd-share{text-align: left;}
.event-details ul.spds-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.event-details ul.spds-list>li{margin-right: 25px;}
.ed-data .btn-shivani {
    margin-bottom: 25px;
    padding: 10px 35px;
}
.event-details .eb-date {
    right: 30px;
    width: 56px;
    font-size: 18px;
    padding: 8px;
}
.eventdts-tab{
	margin-top: 40px;
	border-bottom: 1px solid #3f423f;
}
.evt-content{padding-top: 30px;}
.eventdts-tab>li>a{color: #000; font-size: 16px; padding: 10px 40px;}
.eventdts-tab>li.active>a, .eventdts-tab>li.active>a:focus, .eventdts-tab>li.active>a:hover{
	color: #1f9e37;
	border-color: #3f423f;
	border-bottom-color: transparent;
}
.eventdts-tab>li>a:hover{background-color: #f3f3f3; border-bottom-color: #3f423f;}
.evt-content p{
	font-size: 16px;
	line-height: 25px;
    margin-bottom: 18px;
}
.fm-evtreg{max-width: 600px; margin: 0 auto;}
.gal-img-link {
    display: inline;
}
img.gal-img {
    width: 33.33%;
    padding: 7px;
    margin: 0 -2px;
}


/********************************
		 	Checkout
*********************************/
.checkout-items .cart-box{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
ul.checkout-items>li{align-items: flex-start;}
ul.checkout-items>li:after, ul.checkout-items>li::after{
	right: calc(41.666% + 7px);
}
.osummary{
	border: 1px solid #1F9E37;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.osummary .col-xs-5{padding: 0; text-align: center;}
.osummary p span{font-weight: bold;}
.gborder{border: 1px solid #1F9E37;}
table.checkout>tbody>tr>td{border: none;}
table.checkout>tbody>tr:last-child>td{
	border-top: 1px solid #1F9E37;
	font-weight: bold;
}

/***Status Time Line***/
ul.pp-time-line{
	list-style: none;
	padding-left: 0;
	margin-bottom: 40px;
	display: block;
}
ul.pp-time-line>li{
	display: block;
	float: left;
	position: relative;
	width: 33.333%;
	text-align: center;
	padding: 0 5px 5px;
	font-size: 12px;
	color: #545454;
	font-weight: 500;
	margin-bottom: 70px;
}
ul.pp-time-line>li:before, ul.pp-time-line>li::before{
	content: '';
	display: block;
	margin: 0 auto;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background-image: url(../imgs/tline.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px 9px;
	background-color: #fff;
  	border:1px solid #DEDCDC;
  	margin-bottom: 15px;
  	position: relative;
  	z-index: 3;
}
ul.pp-time-line>li.active:before, ul.pp-time-line>li.active::before{
	background-image: url(../imgs/tline-active.svg);
	border-color: #1F9E37;
}
ul.pp-time-line>li:after, ul.pp-time-line>li::after{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: -50%;
	right: 50%;
	height: 2px;
	z-index: 2;
	background-color: #F3EEEE;
}
ul.pp-time-line>li:first-child:after, ul.pp-time-line>li:first-child::after{
	left: 50%;
}
ul.pp-time-line>li.active:after, ul.pp-time-line>li.active::after{
	background-color: #1F9E37;
}
ul.pp-time-line.four>li{
	width: 25%;
}
.trackorder .cart-box h5 span{font-weight: normal; display: block; margin-top: 4px;}
.odlevd{
	text-align: center;
	margin-bottom: 30px;
}
.odlevd .img-shivani{width: 70px; margin-bottom: 20px;}
ul.wishlist-items>li:after, ul.wishlist-items>li::after{display: none;}


/********************************
		 Store Locator
*********************************/
.sl-tabs{border-bottom: 0;}
.sl-tabs>li>a, .sl-tabs>li.active>a, .sl-tabs>li.active>a:focus, .sl-tabs>li.active>a:hover{
	border: 1px solid #1F9E37;
	border-radius: 0;
	margin: 10px 0;
	color: #000;
}
.sl-tabs>li>a:hover{background-color: #d3d3d3;}
.storloc-maps>.tab-pane {
    height: 372px;
    margin-top: 8px;
}
.storeloc-list{display: block; height: 391px; overflow:auto;}
.career-box{
	padding: 15px;
	background-color: #FCFCFC;
}
ul.career-list>li:after, ul.career-list>li::after{display: none;}
.dopost{text-align: right;}
.dopost span{font-weight: bold;}


/********************************
		 Apply Now
*********************************/
.fm-careers{margin-top: 25px;}
.fm-careers .form-group{margin-bottom: 25px;}
.fm-careers input[type=file] {
    display: block;
    border: 1px solid #000000;
    border-radius: 35px;
    height: 43px;
    width: 100%;
    padding: 10px 25px 0;
}



/********************************
	  New Store aka Launch
*********************************/
.launch-title{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
}
.launch-title h1{margin-bottom: 0;}
.launch-title h1, .launch-title h4{color: #fff;}
.ns-location{display: block; width: 100%; height: 450px; margin-top: 30px;}
.fclgreen{color: #1F9E37;}



/********************************
 Product Listing Later Additions
*********************************/
/*.prod-box .qcount, .prod-box .qcount:hover, .prod-box .qcount:focus{
	width: 26px;
	height: 26px;
}*/
.prod-box .form-control.qty{width: 60px; height: 30px; border-color: #1F9E37;}
.pb-unit{margin: 0px; padding-left: 5px;}
.prod-box .item-count{margin-bottom: 15px;}
.totop{
	position: absolute;
}
a.pload-more.totop {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    margin: 0;
}
.pb-fav {
    display: inline-block;
    padding: 3px 3px 1px;
    border: 1px solid #1F9E37;
    color: #1F9E37;
    background-color: #FFFFFF;
    border-radius: 2px;
    font-size: 15px;
    position: absolute;
    right: 13px;
    bottom: 0px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.pb-fav:hover, .pb-fav:focus, .pb-fav.active{background-color: #1F9E37; color: #fff;}



/********************************
 			Sitemap
*********************************/
ul.sitemap>li>a{
	font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    color: #000000;
    text-transform: capitalize;
    padding: 15px 0px;
    position: relative;
}
ul.sitemap>li.smsub>a{
	font-weight: 600;
	padding: 0 0 10px 10px;
	font-size: 16px;
}
ul.sitemap>li>a:hover, ul.sitemap>li>a:focus{
	background-color: transparent;
	color: #1F9E37;
}


/********************************
 			OTP
*********************************/
.fclgreen{color: #1F9E37;}
.otp-handler h4{font-weight: normal; margin-bottom: 20px; color: #585858;}
a.resendotp{text-decoration: none; color: #1F9E37; font-weight: bold; font-size: 18px; display: block; margin-bottom: 25px;}
h4.sentcode{color: #B8B8B8;}
.otptb-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 15px;
}
.otptb-wrapper .form-control {
    border-radius: 5px;
    width: 36px;
    padding: 10px;
    margin: 0 15px;
    border-color: #1f9e37;
}



/********************************
 	  LATER ADDED FEATURES
*********************************/
.navbar-nav>li.shop-btn {
    margin: 3px 0 0;
}
.navbar-nav>li.shop-btn>a {
    padding: 10px 40px;
    background-color: #1f9e37;
    color: #fff;
    border-radius: 34px;
}
.navbar-nav>li.shop-btn>a:hover, .navbar-nav>li.shop-btn>a.active, 
.navbar-nav>li.shop-btn.active>a, .navbar-nav>li.shop-btn>a:focus{
	background-color: #166f27;
	color:#fff;
	text-decoration: none;
}
.shivani-header .navbar-nav>li.shop-btn>a:hover:after, 
.shivani-header .navbar-nav>li.shop-btn>a:hover::after, 
.shivani-header .navbar-nav>li.shop-btn>a:focus:after, 
.shivani-header .navbar-nav>li.shop-btn>a:focus::after, 
.shivani-header .navbar-nav>li.shop-btn.active>a:after, 
.shivani-header .navbar-nav>li.shop-btn.active>a::after, 
.shivani-header .navbar-nav>li.shop-btn>a.active:after, 
.shivani-header .navbar-nav>li.shop-btn>a.active::after{
	background-image: none;
}
.fb-category.four-col .form-group{width: 25%;}


/***Multi Select***/
.multi-sel .btn-default{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../imgs/icons/icon-select.svg) 95% / 15% no-repeat #fff;
    background-size: 13px auto;
    width: calc(100% + 30px);
    position: relative;
    padding-left: 60px;
    z-index: 0;
    border-radius: 24px;
    border-color: #707070;
    height: 43px;
    text-align: left;
}
.multi-sel .btn-group>.btn:first-child{margin-left: -30px;}
.multi-sel .btn-group, .multi-sel .btn-group-vertical{width: 100%;}
.multi-sel .caret{display: none;}
.multi-sel .btn-group.open .dropdown-toggle{box-shadow: none; z-index: 0; background-color: #fff;}
.multi-sel .btn-group-vertical>.btn.active, .multi-sel .btn-group-vertical>.btn:active, 
.multi-sel .btn-group-vertical>.btn:focus, .multi-sel .btn-group-vertical>.btn:hover, 
.multi-sel .btn-group>.btn.active, .multi-sel .btn-group>.btn:active, .multi-sel .btn-group>.btn:focus, 
.multi-sel .btn-group>.btn:hover{
	z-index: 0;
	background-color: #fff;
}
	.pb-bot{position: relative;}
.pb-name{margin-bottom: 22px;}
.probrand {
	display: block;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	text-align: center;
	color: gray;
	/*font-style: italic;*/
	font-size: 10px;
	text-decoration: none;
}
.probrand:hover, .probrand:focus{text-decoration: none; color: #1F9E37;}


/********************************
		 Media Queries
*********************************/
@media (min-width: 1200px) {	
	.fb-category{margin-bottom: 43px;}
	.delv-optn{float: left; margin-right: 15px;}
}
@media (min-width: 1250px) {
	
}
@media (min-width: 1400px) {
}
@media (max-width: 1199px) {
	.shivani-footer ul.th-soc>li>a, .shivani-footer ul.th-soc>li>a:hover, .shivani-footer ul.th-soc>li>a:focus{padding: 0 8px;}

	.shivani-header .navbar-nav>li {
	    margin: 0 25px;
	}
	.sh-ulay{top: 60.5%;}
	.sh-box h4{margin-top: 44px;}
	.navbar-nav>li.shop-btn {margin: 3px 0 0;}
	.navbar-nav>li.shop-btn>a {padding: 10px 25px;}

}
@media (max-width: 991px) {
	.shivani-header .navbar-nav>li { margin: 0 10px;}
	.shivani-header .navbar-nav>li>a{font-size: 16px;}
	.shivani-home{padding-top: 210px;}
	.sh-box{margin-top: 55px;}
	.pro-tabs>li>a span{width: 80px; height: 80px;}
	.shop-offer-box a, .offer-tabs>li>a{margin: 0 15px;}
	.pro-tabs>li>a{padding: 0 10px;}
	.offer-tabs>li>a{height: 68px;}
	.spdrow-similar .col-sm-4:nth-child(4){display: none;}
	.prod-offer{margin-bottom: 30px;}
	.pro-slider .carousel-indicators li{padding: 5px;}
	.fm-signin .form-group {
	    max-width: 220px;
	}
	.signin-soc{justify-content: flex-start;}
	.abt-content{padding-left: 50px;}
	.abt-content:before, .abt-content::before{left: 8px;}
	.foot-col{width: 33.333%;}
	.sh-box h4{margin-top: 21px; font-size: 16px;}
	.sh-box h1{font-size: 31px;}
	.sh-box p{font-size: 14px; margin-bottom: 10px;}
	.wishlist-items .btn-shivani, .wishlist-items .btn-shivani:focus{font-size: 14px;}
	#detail .product-images .thumb-nav li{padding: 5px;}
	.navbar-nav>li.shop-btn>a{padding: 10px;}
	.navbar-nav>li.shop-btn {margin: 4px 0 0;}
	.fb-category.four-col{width: 100%;}
}

@media (max-width: 800px) {
	.deals-week .owl-nav button.owl-prev{left: -30px;}
	.deals-week .owl-nav button.owl-next{right: -30px;}
}
@media screen and (min-width: 768px){
  	ul.events-list>li:nth-child(even) .el-img{
		left: 33.33333333%;
	}
	ul.events-list>li:nth-child(even) .el-data{
		right: 66.66666667%;
	}
	ul.events-list>li:nth-child(even) .event-box{
		margin-left: 0;
		margin-right: -42px;
	}
	.cidn-rt .btn-shivani{min-width: 170px;}
}
@media (max-width: 767px) {
	.hideonmob{display: none;}
	.flex{display: block;}
	.citems{top: 0;}
	.shivani-header{top: 25px;}
	.shivani-header.shivani-scroll, .shivani-header{padding-bottom: 5px; padding-top: 5px;}
	.shivani-header.shivani-scroll .img-shivani-logo, .img-shivani-logo { margin-left: 15px; width: 130px;}
	.navbar-inverse .navbar-toggle{ border-color: #000; padding: 7px 8px;}
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #000;}
	.shivani-header .navbar-nav>li>a{text-align: center;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #fff;}
	.shivani-header .navbar-nav>li>a:after, .shivani-header .navbar-nav>li>a::after{
		right: auto;
		left: auto;
		top: auto;
		bottom: auto;
		position: inherit;
		display: block;
		margin: 10px auto 0;
		width: 70px;
	}
	.shac-menu-cont, .shivani-header.shivani-scroll .shac-menu-cont {
	    float: none;
	    position: absolute;
	    right: 82px;
	    top: 8px;
	    padding-top: 7px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		background-color: #fff; 
		border-color: rgb(0 0 0 / 38%);
		margin-top: 10px;
	}
	.btn-bag{right: 15px; top: 6px;}
	ul.shac-menu>li>a{padding: 0 7px; font-size: 24px;}
	ul.shac-menu>li:first-child>a{padding-top: 2px; font-size: 22px;}
	.tp-image{width: 49%;}
	.shivani-home, .shivani-home.subpage{
	    padding-top: 130px;
	}
	.shivani-home.subpage{padding-bottom: 48px;}
	.shivani-footer ul.th-soc{margin-left: 20px;}
	.shivani-footer .img-shivani-logo{width: 100%; margin-left: 0;}


	.sh-box .img-shivani{margin-top: 15px;}
	.topred-head a{font-size: 10px;}
		.topred-head a.th-email {justify-content: flex-end;}

	.topred-head .img-shivani{width: 15px;}
	.home-search{width: 80%;}
	.home-search input, .home-search button{height: 30px;}
	.home-search input{margin-right: 15px;  width: calc(100% - 59px);}
	.home-search button .img-shivani {width: 18px;}
	.pro-tabs>li>a {
	    font-size: 10px;
	    padding: 0 5px;
	}
	.pro-tabs>li>a span {
	    width: 70px;
	    height: 70px;
	}
	.deals-week .owl-nav button.owl-prev{left: 0px;}
	.deals-week .owl-nav button.owl-next{right: 0px;}
	.shivani-footer p, a.flink{line-height: 18px;}
	.shop-offer-box a, .offer-tabs>li>a {
	    font-size: 16px;
	    height: 55px;
	}
	.offer-tabs>li>a {width: 120px;}
	.prod-offer {
	    display: block;
	    height: auto;
	    max-width: 500px;
    	margin: 0 auto 30px;
	}
	.prod-offer .img-shivani{margin-bottom: 15px;}
	ul.spds-list>li {
	    display: inline-block;
	    padding: 10px 15px;
	}
	.cart-box .pb-top{margin-bottom: 15px;}
	ul.cart-items>li{display: block;}
	.item-price{display: none;}
	ul.cart-items>li:after, ul.cart-items>li::after{display: none;}
	.cart-box{margin-right: 0;}
	.pltitle-desk{display: none;}
	.delv-charge, .grand-total{display: flex;}
	.delv-charge{margin-top: 50px;}
	.item-price.grand-total{margin-top: 30px;}
	.cart-box .pd-interact{display: block;}
	.cart-box .item-count{margin-bottom: 15px;}
	.scart-ulay{width: 50%; right: 0;}
	.shome-nosearch{margin-top: 82px;}
	.form-group.full, .form-group.half{width: 100%;}
	.pmts-hd, .pmts-det{font-size: 14px;}
	.mob-none{display: none;}
	.ssign-container{max-width: 500px; margin:-50px auto 0; padding: 30px;}
	.fm-signin .form-group{max-width: none;}
	a.sign-link{margin-top: 30px;}
	.fm-signup{margin-right: -15px;}
	.contact-soc {
	    margin: 40px 0;
	}
	.abt-content{padding-left: 0px; padding-top: 80px;}
	.abt-content:before, .abt-content::before{
		left: 0;
	    bottom: auto;
	    right: 0;
	    height: 1px;
	    width: auto;
	    top: 38px;
	}
	.mpt-content {padding: 30px 0;}
	.mpt-content .btn-shivani{font-size: 14px;}
	ul.events-list>li{display: block;}
	.event-box {
	    margin-left: auto;
	    margin-right: auto;
	    width: 75%;
	    margin-top: -35px;
	}
	.ed-data {
	    margin-top: 25px;
	}
	.event-details ul.spds-list>li {
	    margin-right: 0px;
	}
	.event-details .spd-share {
	    padding-top: 25px;
	}
	.foot-col{width: 50%;}
	.spd-midbox{padding-right: 10px;}
	.osummary{display: block;}
	.mobdown{margin-bottom: 15px;}
	.wishlist-items .btn-shivani{margin-top: 20px;}
	.storeloc-list{height: inherit;}
	.career-box{margin-bottom: 20px;}

		span.fbcat-name, .fb-category .form-control, .fb-sort select, .multi-sel .btn-default{font-size: 10px;}
	.info-updates{top: 86px; font-size: 12px;}
	.info-updates marquee{height: 25px;}
	.ns-location{height: 300px;}
	ul.sitemap>li>a{font-size: 14px; padding: 10px 0;}
	.user-menu.ua-toggle {
	    top: 40px;
	}
	.navbar-nav>li.shop-btn{margin: 0 25px;}
	.shivani-header .navbar-nav>li.shop-btn>a:after, .shivani-header .navbar-nav>li.shop-btn>a::after{display: none;}
	.multi-sel .dropdown-menu{left: auto; right: 0;}
	a.pload-more.totop {
	    right: 10px;
	    bottom: 10px;
	    width: 30px;
	    height: 30px;
	    font-size: 20px;
	}

}
@media (max-width: 560px) {
	.carrot-ulay{width: 69%;}
	ul.my-orders>li{padding: 15px 20px;}
	.abt-icons{width: 70px; height: 70px;}
	.event-box{width: 80%;}
	.eventdts-tab>li>a{padding: 10px 20px;}
	img.gal-img{width: 50%;}
	ul.pp-time-line>li{margin-bottom: 45px;}
	.pro-tabs>li>a span {
	    width: 50px;
	    height: 50px;
	}
	.pbt-olay>a{font-size: 16px;}
	
}
@media (max-width: 480px) {
	/*h1{ word-break: break-all;}*/
	h1, .thanq-box h1, .ed-data h1{font-size: 26px; line-height: normal;}
	h2, h2.reg-now{font-size: 23px;}
	h3{font-size: 18px;}
	h4{font-size: 16px;}
	h5, .pro-name{font-size: 15px;}
	.shivani-home .btn-shivani{font-size: 12px; padding: 7.5px 10px;}


	/*.topred-head{display: none;}
	.shivani-header{top: 0px;}
	.shivani-home, .shivani-home.subpage{
	    padding-top: 100px;
	}*/
	.shivani-home.subpage{padding-bottom: 40px;}
	.sh-box {
	    margin-top: 40px;
	    padding: 10px 10px 0 10px;
	}
	.sh-ulay {
	    top: 38.5%;
	}
	.sh-box h4{font-size: 14px;}
	.sh-box h1{font-size: 26px;}
	.sh-box p{font-size: 12px;}
	.pro-tabs>li{width: 33.33333%; margin: 10px 0;}
	.pro-tabs>li>a {
	   font-size: 8px;
	}
	.deals-week .owl-nav button.owl-next, .deals-week .owl-nav button.owl-prev{font-size: 60px;}
	.shop-offer-box, .offer-tabs {
	    display: block;
	    height: auto;
	    padding: 25px 15px;
	}
	.offer-tabs>li{display: block;}
	.shop-offer-box a, .offer-tabs>li>a {
	    margin: 15px auto;
	    width: 200px;
	}
	.pdp-new{margin-right: 10px;}
	.shome-nosearch{margin-top: 57px;}
	.payment-box {
	    padding: 15px;
	}
	.abt-content p{font-size: 16px;}
	.abt-bottom p{font-size: 18px;}
	.abt-bottom{padding-top: 45px;}
	.mpt-table{font-size: 12px;}
	.event-box{width: 90%;}
	.eb-date{font-size: 14px;}

	.pb-top {padding: 10px;}
	.pb-bot{padding: 15px 10px 15px;}
	.pb-name{font-size: 14px; height: 16px; margin-bottom: 10px;}
	.pb-unit{font-size: 10px;}
	.pb-price{font-size: 10px; margin-bottom: 15px;}
	span.pbp-old{font-size: 10px;}
	.pb-price span{font-size: 13px;}
	.pb-bot .btn-shivani{font-size: 12px;}
	.ptab-content .row{margin: 0 -8px;}
	.ptab-content .col-xs-6{padding: 0 8px;}
	.prod-box{margin-bottom: 16px;}
	.shivani-footer p, a.flink{font-size: 10px;}
	ul.foot-soc>li>a{font-size: 18px;}
	ul.pp-time-line>li{font-size: 10px;}
	ul.pp-time-line.four>li{font-size: 8px;}
	.pro-tabs>li>a span {
	    width: 45px;
	    height: 45px;
	}
	.fb-category, .fb-sort{width: 100%;}
	.fb-category select, .multi-sel .btn-default{padding-left: 40px;}
	.sort, .offer{width: 50%; margin: 0; padding: 0 10px;}
	span.fbcat-name, .fb-category .form-control, .fb-sort select, .multi-sel .btn-default{height: 35px;}
    .pbt-olay>a{font-size: 14px;}
	.info-updates{top: 60px; font-size: 12px;}
	.info-updates marquee{height: 20px; padding-top: 3px;}
	.launch-title h1{font-size: 20px; line-height: normal;}
	.launch-title h4{font-size: 12px; line-height: normal; margin-bottom: 5px;}
	.ns-location{height: 250px;}
	ul.sitemap>li>a{font-size: 12px; padding: 7px 0;}
	.user-menu{right: -89px;}
	.pb-pack select{font-size: 10px;}
	.otptb-wrapper .form-control{margin: 0 5px; width: 32px;}
	.otp-handler h4, a.resendotp{font-size: 14px;}
	.arCtrl>a{width: 30px; height: 30px;}
	.pb-fav{right: 15px; font-size: 12px;}
		.probrand{top: 32px; font-size: 8px;}
}
@media (max-width: 360px) {

	.topred-head a {font-size: 9px;}
	.topred-head .img-shivani {width: 11px;}
	.shivani-header {top: 21px;}
	.shivani-home .btn-shivani{font-size: 10px; padding: 5px 7px;}
	.deals-week .owl-nav button.owl-prev{left: -17px;}
	.deals-week .owl-nav button.owl-next{right: -17px;}
	.pmts-hd, .pmts-det {
	    font-size: 12px;
	}
	.ssign-container{padding: 20px;}
	.mpt-content .btn-shivani{font-size: 12px;}
	.mpt-table{font-size: 10px;}
	.event-box{width: 95%; margin-top: -22px;}
	.eventdts-tab>li>a{padding: 10px 15px;}
	.pb-bot .btn-shivani{font-size: 10px;}
	.pb-price{font-size: 12px;}
	.pb-bot{padding: 10px 7px;}
	.delv-optn{width: 100%;}
	.pro-tabs>li>a span {
	    width: 40px;
	    height: 40px;
	}
	.pbt-olay>a{font-size: 12px;}
	.launch-title h1{font-size: 16px;}
	.launch-title h4{font-size: 10px;}
	ul.sitemap>li>a{font-size: 10px; padding: 5px 0;}
	.probrand {
	    top: 27px;
	    font-size: 7px;
	}
	.shac-menu-cont, .shivani-header.shivani-scroll .shac-menu-cont{
		right: 73px;
    	top: 5px;
	}
	ul.shac-menu>li .img-shivani {width: 21px;}
	.citems{width: 18px; height: 18px;}
}

/* Media Query for Iphones */

	/* ----------- iPhone 4 and 4S ----------- */

	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
		
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
		
	}
	
	/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2) {
	
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
		  
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
		
	}
	
	/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2) { 
		
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
		
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) { 
		
	}
	
	/* ----------- iPhone 6+, 7+ and 8+ ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3) { 
		
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
		
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) { 
		
	}
	/* ----------- iPhone X ----------- */

	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3) { 
		
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
		
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) { 
		
	}
	/* ----------- VIDEO MEDIA QUERY ----------- */
/* Portrait and Landscape */
@media(min-aspect-ratio: 16/9){}
@media(max-aspect-ratio: 16/9){
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   /* your css rules for ipad portrait */
   
}
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
   /* your css rules for ipad pro portrait */
   
   
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
   /* your css rules for ipad landscape */
}
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
   /* your css rules for ipad landscape */
   
}