﻿#advbar p {
  color: #d9d9d9;
  line-height: 16px;
  /*font-style: italic;*/
  margin-bottom: 0;
  display: inline-block;
  /*padding-top: 33px !important;*/
  width: 93%;
}
.min-margin-bottom{
	margin-top: 21px;
}
#advbar img {
  width: 20px;
  height: 20px;
}
.no-underline {
	text-decoration: none !important;
  	border: none !important;
}
/*=============================
	Forgot Password Popup
===============================*/

#pwModal,#forgetPasswordMsg{
  padding-right:0!important;
}
#pwModal .modal-content {
    padding: 25px 88px 20px;
}
#pwModal .modal-header h3,#forgetPasswordMsg .modal-header h3 {
    margin: auto;
    font-size: 25px;
}
#pwModal .modal-body > p {
    margin-bottom: 8px;
  	line-height:1.05;
}
#pwModal .modal-body{
  padding-left:0;
  padding-right:0;
}
#pwModal .close,#forgetPasswordMsg .close{
 	position: absolute;
  	right: 0;
  	margin-right: 25px;
  	opacity:0.2;
}
#pwModal .close:hover,#forgetPasswordMsg .close:hover{
  opacity:0.5;
}
#pwModal .modal-header{
 	border-bottom: 0; 
}
#pwModal .modal-body #AccessUserEmail{
 	color: #393331;
  	text-align: center;
}
#pwModal .btn-forget-pw {
    width: 138px;
    height: 40px;
    background: none;
    border: 1px solid #534e4b;
    font-family: arial;
    font-size: 14px;
    color: #393331;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 0.11em;
    margin-top: 15px;
}

/*=============================
	Forgot Password Message 
===============================*/

#forgetPasswordMsg .modal-content {
    padding: 25px 88px 0;
}
#forgetPasswordMsg .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 28px;
}
#forgetPasswordMsg .modal-header{
 	border-bottom: 0; 
}
#forgetPasswordMsg .modal-body > p {
    line-height: 1.05;
    margin-bottom: 40px;
    margin-top: 15px;
}

/*=============================
	Career Page
===============================*/

.career-page-content .row#maincontent > div {
    line-height: 1.05;
}
.career-page-content .row#maincontent > div p {
    margin-bottom: 0;
    font-size: 33.5px;
}
.career-page-content .row#maincontent img{
  	width:100%;
}
.HotspotPlugin_Hotspot:hover {
    box-shadow: 0 0px 5px 5px #FDD16B;
}
.myaccount-content #leftnavigation li a img {
    width: 106px;
}
/* 12.11.2018 Toetet */
@media (min-width: 1200px){

	.container{
		max-width: 1310px;
        width: 100%;
        margin-bottom: 0px;
	}
  .main-navigation-content > ul > li > a {
  	font-size: 22px;
  }
/* 15-Nov-2018 Begin Zayar Minn */
  	.container-content-width {
      	width: 1240px;
  	}
/* 15-Nov-2018 End Zayar Minn */
}
/* End */
@media screen and (min-width: 1202px) and (max-width: 1330px) {
	.main-navigation-content > ul > li {
  		padding: 0 1.3rem !important;
  }
}
@media (min-width: 1560px) {
	/*.footer-copyright-content {
        padding-left:95px;
        padding-right:95px;
    }*/
}

@media screen (min-width: 1300) and (max-width: 1309px){
  	
	.main-navigation-content > ul > li{
		padding:0 1.8em;
	}
	.main-navigation-content > ul > li > a{
		font-size:17px;
	}
  .drop-down-size{
  	width: 55em;
  }

  #sliding-nav .nav-dropdown-menu{
  	left: 300px;
  }
  #sliding-nav img.logo-small{
  	margin-left: 0px;
    margin-top: -8px !important;
  }
  .nav-dropdown-menu{
  	left: 300px;
  }
	.mytwg-icon {
		background-size: 100% auto;
		width: 95px;
		height: 52px;
	}
	.search-icon{
		width: 20px;
		height: 52px;
		background-size:100% auto;
	}
  
  #sliding-nav .side-navigation-content ul {
  	margin-left: 0px;
  }
  
  .product-images-carousel {
  	min-width: 410px !important;
    min-height: 365px;
  }
  
  .otherProductDetails {
  	padding-left: 5.3rem;
  }
  
  #add_to_bag {
  	margin-left: 40px;
  }
  
  .myQty_design .select-menu {
  	width: 75px;
  }
  
  .weight_design .select-menu {
  	width: 75px;
  }
  
  .totalP {
  	padding-right: 0px;
  }
  #loseAddtobag {
  	margin-left: 0px;
  }
  
  .additional_info img {
  	width: 275px;
  } 
  
  .align-self-end .list-unstyled {
  	margin-left: 30px;
  }
  
  #loginbtn, #register-now {
  	width: 145px;
    margin-right: 0px;
    font-size: 14px;
  }
  


}
/*
@media (max-width: 1220px) {
	.nav-dropdown-menu{
  	left: 50%;
  }
  
  #sliding-nav .nav-dropdown-menu {
  	left: 50%;
  }
}
*/
@media (max-width: 1200px){
	.main-navigation-content > ul > li{
		padding:0 1.8em;
	}
	.main-navigation-content > ul > li > a{
		font-size:17px;
	}
  .drop-down-size{
  	width: 55em;
  }
  .main-navigation-content > ul > li {
  	padding-left: 8px !important;
  }

  #sliding-nav img.logo-small{
  	margin-left: 0px !important;
  }

}

@media (max-width: 1040px)
{
	.videoHomepage .video-content {
  		height: 340px;
  	}	
}
@media (max-width: 1200px){
	.main-navigation-content > ul > li{
		padding:0 0.6em;
	}
}


/*@media (max-width: 1199px) and (min-width: 992px){
  .add-tea-block li.itemPlaceholder a img {
      min-height: 75px;
  }
}
@media (max-width: 991px) and (min-width: 768px){
 	.add-tea-block li.itemPlaceholder a img {
      	min-height: 95px;
  	}
}*/

@media (min-width: 991px){
 	.tea-connoisseur-content .cross-btn{
        position: absolute;
        right: 5px;
    } 
}

/*11/12/2018 HSS*/
/*tablet lanscape*/
@media (min-width: 992px) and (max-width: 1024px)
{
  .cus-tbl-1
  {
    min-width: 11% !important;
  }
  .cus-tbl-2
  {
    max-width: 46% !important;
  }
  .cus-tbl-3
  {
    max-width: 47.33% !important;
  }
  .cus-tbl-nickname{
   	min-width: 30.67%; 
  }
}



@media screen and (max-width: 991px) and (min-width: 768px){
  #UserManagement_Form_Password{
  	    width: 99.6%;
  }
  #UserManagement_Form_NewPasswordConfirm{
  	margin-bottom: 12px !important;
    width: 99.6% !important;
  }
  #Billing_PostalCode{
  	    margin-top: 9px !important;
  }
  .location-content div{
        padding-right: 2px !important;
    	padding-left: 2px !important;
  }
    .tbl-btn-pd{
  	    flex-wrap: inherit !important;
  }
  .tbl-mg-left{
  	 margin-left: 0 !important;
  }
    .respTin{
  		float: right;
    	margin-right: -60px;
  	}
    .hide-tbl{
    	display:none;
    }
	.loginBoxHeight{
		margin-right: 80px !important;
      	margin-left: 80px !important;
    }
    .tbl-padding-top{
		padding-top: 40px !important;
		margin-bottom: -15px;
  	}
    .animate-hover-slide {
       padding-left: 25px;
       padding-right: 25px;
    }
    .animate-hover-slide-location{
		padding-left: 35px !important;
       padding-right: 35px !important;
      	margin-top: 10px;
    }
   /*Dec 7 Begin HSS*/
    .account-btn-fixed{
          max-width: 185.5px !important;
          max-height: 35px !important;
      	  /*margin-bottom: 73px !important;*/
    }
 	.btn-yellow{
    	max-width: 675px !important;
    	max-height: 37px;  
        /*margin-bottom: 30px !important;*/
  	}
    .add_to_fav_padding, .add-favourite{
		margin-top:-15px;
        font-family: Arial !important;
        border: none;
        text-align: left;
    }
    .add-favourite{
      text-align: left !important;
      margin-left: 8px;
    }
    .add_to_fav_padding span, .add-favourite span{
       text-decoration: underline;
       font-size: 14.58px;
       color: #f3d174;
       text-align: left;
    }
    .add_to_fav_padding a, .add-favourite a{
       text-align: left !important;
       margin-left: 8px !important;
  	}

  	/*Dec 7 End HSS*/
  .carrierspace {
      margin-top: 0px !important;
  }
}

@media (max-width: 991px) {
  
	#sliding-nav,.main-navigation,.desktop-header{
		display:none;
	}
	.mobile-header-top{
		display:block;
	}
	#sliding-nav{
		display:none!important;
	}
  	.content-page #leftnavi{
    	display:none;  
  	}
  	.product-block .product-price.text-center {
  		text-align: left !important;
  	}
  	.footer-copyright{
      	padding:20px 0px;
/* 15-Now-2018 Begin Zayar Minn */
      	height: 60px;
/* 15-Now-2018 End Zayar Minn */
      	/* 19-Dec-18 ACM */
      	position: relative;
  	}
/* 15-Now-2018 Begin Zayar Minn */
  	.footer-shortlink-middle {
      	line-height: 75px !important;
  	}
/* 15-Now-2018 End Zayar Minn */
	footer .container {
		padding: 0;
	}
	.footer-navigation {
		padding-left: 15px;
		padding-right: 15px;
		display: none;
		max-height: 100%;
		overflow: auto;
		width: 100%;
		margin-bottom:-1px;
	}
	.footer-navigation-inner {
		padding: 15px 0px 13px 0px;
		border-bottom:0;
        margin-left: 28px;
        margin-right: 24px;
	}
	.footer-navigation h4 {
		font-size: 13px;
		margin-bottom: 15px;
		position: relative;
		padding-right: 20px;
        margin-bottom: -14px;
		margin-top: 20px;
        margin-left: 4px !important;
	}
	.footer-navigation h4.hasfootermenu:after {
		content: "\f078";
		color: #e4b807;
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: 0;
		font-size: 13px;
		transition:all .3s;
	}
	.footer-navigation h4.hasfootermenu.hasfootermenuopen:after{
		transform:rotate(-180deg);
	}
	.footer-navigation h4.hasfootermenu  ~ ul{
		display:none;
        font-size: 14px !important;
	}
	.footer-navigation .cross-btn {
		margin-right: 38px !important;
		margin-bottom: 20px;
	}
	.footer-copyright-content {
		padding-left: 30px;
        padding-right: 30px;
        margin-top: -30px;
	}
	.footer-navigation li a{
		color:#d9d9d9;
	}
	.footer-social-icons li:first-of-type{
        display:inline-block;
        font-family: "adobe-garamond-pro";
        text-transform: none;
        margin-top: 10px;
        vertical-align: -3px;
	}
  	.footer-social-icons li:first-of-type p{
    	color:#fff;
  	}
	.myaccount-content.log-content {
		padding: 15px 15px !important;
		margin-left:-15px;
		margin-right:-15px;
	}
	.myaccount-content h4{
      	/* 18-Dec-18 ACM 
		border-bottom: 1px solid #b1adad;*/
		padding-bottom: 15px;
	}
	.myaccount-content .my-fav-content {
     /* padding: 25px 5px 15px;*/
      margin-top: 50px;
      margin-left: -20px;
      margin-right: -20px;
      margin-bottom: 10px;
    }
	.videoHomepage {
		margin-bottom: 10px;
	}
  	#UserManagement_Form_Country::placeholder {
        color: red;
        opacity: 1;
    }
    #UserManagement_Form_Country:-ms-input-placeholder {
        color: red;
    }
    #UserManagement_Form_Country::-ms-input-placeholder {
        color: red;
    }
  	.add-tea-block form ul li {
        width: 33.33%;
        flex: 0 0 33.33%;
    }
  	.about-content-inner #maincontent {
    	width: 100%;
	}
  	button#addCartBtn {
        margin-top: 30px;
      	margin-left: 0 !important;
      	width: 100% !important;
    }
    .btn-yellow.btn-yellow-xs {
        color: #393331;
      	/* 18-Dec-18 ACM 
        background-color: #f3c96f !important;
      	font-size: 14px !important;*/
        border: 1px solid #f3c96f;
        background-color: #ffd26d;
      	font-size: 16px !important;
        font-family: Arial;
        padding: 12px 20px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-align: center;
        height: auto;
        margin-bottom: 15px;
      	width: 100%;
    }
  	.modal.show .modal-dialog {
  		max-width: 680px;
        margin-left: auto;
        margin-right: auto;
  	}
	.home-page-content .news-carousel{
		margin-top:-40px;
	}
  	.footer-copyright-mobile p {
    	margin-bottom: 0;
    	line-height: 1.05;
        margin-bottom: 6px;
  	}
  	.footer-navigation-inner #submit{
      	text-decoration:none;
      	outline: none;
  	}
  	.footer-navigation{
      	background: #1f1613;
  	}
	
  	/*.container:not(.bg-dark) {
        max-width: 730px;
        padding: 0 25px;
    }*/
  	.container {
   		max-width: 750px;
       /* 06-Dec-18 ACM
      	padding-left: 7px;
        padding-right: 7px;
      	*/
    }
  	.mobile-header-top .container{
     	padding-left: 10px;
        padding-right: 10px;
  	}
  	#leftnavigation {
  		padding-left: 0;
  		padding-right: 0;
  	}
  	#leftnavigation a span {
  		font-size: 18px;
      	line-height: 18px;
  	}
  	div[class*="col-"][class*="pl-"] {
        padding-left: 5px !important;
    }
  	div[class*="col-"][class*="pr-"] {
        padding-right: 5px !important;
    }
	.page-content {
		padding-bottom: 15px;	
	}
	.register-content .customSelect, .chosen-container {
      	background-image: url(/files/Templates/Designs/TWG/images/icons/black-carret.png);
      	background-repeat: no-repeat;
		background-size:20px;
      	background-position: right;
	}
    #cookieWarningDiv + .wrapper .mobile-header-top .toggle-button {
        top: 81px;
      	transition: all .3s;
    	-webkit-transition: all .3s;
    }
  	#cookieWarningDiv + .wrapper .mobile-header-top.header-fixed .toggle-button {
        top: 40px;
    }
  	.mobile-header-top {
  		padding-bottom: 0px;
  	}
  	.mobile-navigation ul li a.music-icon {
  		vertical-align: unset;
  	}
  	/*section.slice {
        margin-top: 2em;
    }*/
  	.this_DOB {
        margin-top: 15px;
    }
  	.product-detail-content {
        padding: 0 !important;
    }
  	
}

@media (min-device-width:768px) and (max-device-width:1024px){
/* 15-Nov-2018 Begin Zayar Minn */
  	.login-btn-size {
		width: 191px !important;
	}
/* 15-Nov-2018 Begin Zayar Minn */
	.top-header a img{
		margin: 1.7em 0;
	}
	.main-navigation-content > ul > li{
		padding:0 0.5em;
	}
	.main-navigation-content > ul > li > a{
		font-size:16px;
	}
	.mytwg-icon {
		background-size: 100% auto;
		width: 76px;
		margin-left: 20px;
		margin-right: 15px;
	}
	.search-icon{
		width: 18px;
		height: 49px;
		background-size:100% auto;
	}
	.side-navigation-content ul{
		margin-left: -90px;/* Toetet */
	}
	#sliding-nav .side-navigation-content ul{
		margin-left:10px;
	}
	#sliding-nav img.logo-small {
		height: auto;
		width: 42px;
		margin-top: 4px;
		margin-bottom: 6px;
		margin-left: 15px;
	}
	#sliding-nav .mytwg-icon {
		margin-left: 8px;
		margin-right: 3px;
	}
    #ordersubmit .table td {
        padding: 30px 0px 25px;
    }
  
  .registerMobile{
  		width: 110%;
  		margin-left: -33px !important;
  		margin-top: -30px;
  }
   .resp{
  		margin-bottom: 1px;
  }
  
  
  
  
}

/*For Tablet Design*/
@media screen and (max-width: 768px) and (min-width: 700px) and (max-height: 1024px){
  	/****** HSS 16-01 Begin ********/
  	.product-detail-content .color-yellow {
      color: #f3d174;
      /* 06-Dec-18 ACM */
      padding-left: 7px;
	}
      .product-detail-content h1 + .product-price, .product-block .product-price {
        margin-left: 7px;
    }
  	#self-collectiondeliverydate {
    	max-width: 100%;
	}
	.plus-list p, .plus-list li {
		line-height: 1;
	}
  	.order-detail-content table tr td:nth-child(4) {
        width: 15% !important;
    }
    .order-detail-content table tr td:nth-child(2) {
        width: 39% !important;
    }
    .product-detail-content .slick-slider > button{
    	top: 50% !important;
    }
    .product-detail-content .slick-slider .slick-prev{
      margin-left: -20px;
    }
    .product-detail-content .slick-slider .slick-next{
      margin-right: -20px;
    }
    /****** HSS 16-01 End ********/
  	#mypassword .btn-yellow.btn-yellow-xs{
    	float: left; 
      	margin-bottom: 65px;
  	}
  /* Toetet */
  .c_list{
  	width: 50% !important;
  }
  /* End */
  
  #MsgBox{
  	width: 690px !important;
  }
  
  	.passwordForm{
		margin-bottom: 35px;
  	}
  
  	.register-content .accordion .form-group label:not([for="sameBillingAddress"]){
    	margin-bottom: 20px;  
  	}
  
  	.pl-sm-1{
    	padding-left: 5px !important;
  	}
  
  	.pr-sm-1{
    	padding-right: 5px !important;
  	}
  
  	.sm-mb-3{
    	margin-bottom: 1rem;  
  	}
  
  	#advbar{
    	margin-top: 0px !important;  
  	}
  
  	#advbar .cross-btn{
    	margin-right: 4px;
      	margin-top: 2px;
  	}
  
  	#advbar + #sliding-nav + .container .bg-dark.ourCompanyPadding{
    	margin-top: 20px !important;  
  	}
  
  	#advbar + #sliding-nav + .container .page-content.sm-about-content{
    	margin-top: 15px !important;  
  	}
  
  	#advbar + #sliding-nav + .container .page-content{
    	margin-top: 11px !important;  
  	}
  
  	#advbar + #sliding-nav + .container .location-content{
    	margin-top: 1px !important;  
  	}
  
  	footer .container{
    	padding-left: 32px !important;
      	padding-right: 32px !important;
  	}
  
  	#sameBillingAddress ~ label[for=sameBillingAddress]{
  		padding-left: 40px;	    
  	}
  
  	.bg-dark.ourCompanyPadding{
    	padding-left: 30px;
      	padding-right: 30px;
  	}
  
  	.bg-dark.ourCompanyPadding .respCat{
    	margin-bottom: 3.4rem;  
  	}
  
  	.my-fav-content{
    	background: #1c0e0b !important;  
  	}
  
  	.custom-checkbox.select-all-check{
    	margin-left: 30px;  
  	}
  	
  	.fav-box-select .custom-checkbox{
  		left: 20px;	    
  	}
  	
  	.variety-content > h3.section-title {
  		font-size: 25px;
  	}
  	.fav-product-box:nth-child(even) .fav-box{
    	padding-left: 0px !important;
  	}
  
  	.fav-product-box:nth-child(odd) .fav-box{
    	padding-right: 0px !important;  
  	}
  
  	.mobile-header-top{
    	padding-bottom: 10px !important;  /* Toetet comment 20px for tablet design */
  	}
  
  	.page-content.sm-about-content{
    	margin-top: 5px;  
  	}
  
  	.page-content.about-content.sm-about-content{
    	padding-left: 20px;
      	padding-right: 20px;
      	margin-top: 0;
      	padding-top: 0;
  	}
  
  	.mobile-logo{
    	padding: 10px 0 10px;  
  	}
  
  	.mobile-navigation .mobile-logo{
    	position: relative;  
  	}
  
  	.mobile-login-content{
  		margin-top: 17px;
      	margin-bottom: 19px;
  	}
  
  	.mobile-navigation .input-group input{
    	height: 34px;  
  	}
  
  	.searchIcon{
    	top: 15px !important;  
  	}
  	
  	.nav-userManagement li:nth-child(2){
    	margin-right: 0px;
      	padding-right: 0px;
  	}
  
  	.mobile-navigation ul li a.music-icon{
  		vertical-align: middle !important;
      	background-size: 18px 18px;
  	}
  
  	.modal-video .modal-content iframe, .modal-video .modal-content video{
    	margin-top: unset !important;  
  	}
  
  	.refine-content{
  		margin-right: 4px;
      	border-bottom: none;
      	margin-left: 0px;
  	}
  
  	#btnApply{
    	margin-right: -5px;  
  	}
  
   #btnReset {
    	margin-left: -5px;
	}
  
  	.refine-buttons {
    /* margin-top: 0.8em; */
    /* margin-top: 0.5em; */
    padding: 1.6em 0 5px;
    border-top: 1px solid #4c4542;
    width: 97%;
    margin-left: 15px;
	}
  
  	/*.register-dob.create-row{
    	margin-top: -10px;  
  	}
  
  	.register-dob .mbldate{
    	margin-bottom: 25px;  
  	}*/
  
  	.tea-connoisseur-content .arrow-line{
      	margin: 1.3em 0 2px 0;
    	background-size: auto;  
  	}
  	
  	.footer-navigation{
		overflow: hidden !important;
      	margin-bottom: 0px !important;
      	padding-right: 15px !important;
  	}
  
  	.footer-navigation-inner{
    	margin-left: 0px !important;
      	margin-right: 0px !important;
      	padding-bottom: 0px !important;
      	margin-bottom: 0px !important;
  	}
  
  	.footer-navigation h4.hasfootermenu ~ ul{
    	padding-left: 5px !important;  
  	}
  
  	.footer-navigation h4{
      	
    	margin-top: 5px !important;
      	margin-bottom: 15px !important;
  	}
  
  	.add-tea-block form ul li a{
    	border: 1px solid #f3d174; 
  	}
  
  	.hasfootermenu{
    	margin-bottom: 25px !important;  
  	}
  
  	.footer-navigation h4.sm-chooseCountry a{
    	font-size: 13px !important;
  	}
  
  	.footer-navigation-inner #submit{
    	padding-left: 5px !important; 
      	padding-bottom: 10px !important;
  	}
  
  	.footer-social-icons{
    	padding-left: 5px;  
  	}
  	
  	.signUpFooter{
    	height: 30px;  
  	}
  
  	.footer-copyright-content{
    	padding-right: 17px !important;  
  	}
  
  	.footer-copyright a{
    	margin-right: 0 !important;  
  	}
  
  	.footer-copyright-mobile{
  		padding-left: 10px;
      	padding-right: 10px;
  	}
  
  	.about-content-inner{
    	margin: 18px 0 30px !important;  
  	}
    
  	.respCat p{
    	margin-top: 20px;/*Remove important */
  	}
  
    .text-xs-left {
          /* 18-Dec-18 
      		margin-bottom: -15px;
          	margin-top: -25px; */
          text-align: left !important;
    }
  
  	.sub-sm-mt{
  		margin-top: 0.8em !important;
      	width: 90%;
  	}
  
  	.sub-sm-mt-2{
      	
  		margin-top: 2.5rem !important;	    
  	}
  
  	div[class*="col-"][class*="pr-"].sm-pr-0, div[class*="col-"][class*="pr-"].sm-pr-0{
    	padding-right: 0 !important;
  	}
  
  	.hasfootermenu{
    	padding-top: 0px !important;  
  	}
  
  	.sm-orderSummary-mt{
    	margin-top: 3em;  
  	}
  
  	.myaccount-content #leftnavigation li:nth-child(3){
    	text-align: right;  
  	}
  
  	.my-fav-content .dropdown.custom-dropdown{
    	margin-right: 0 !important;
      	margin-top: 30px;
      	margin-bottom: 35px;
  	}
  
  	.myaccount-content #leftnavigation{
    	margin-left: 5px !important;
      	margin-right: 5px !important;
      	padding: 0 !important;
  	}
  
  	.myaccount-content #leftnavigation li{
    	  padding: 0 !important;
  	}
  
  	.myaccount-content #leftnavigation li a span{
    	font-size: 20px !important;  
  	}
  
  	.myaccount-content #leftnavigation li:nth-child(1){
  			    
  	}
  
  	.my-fav-content .fav-share{
    	margin-top: 25px;
      	padding-right: 20px !important;
  	}
  	
  	.myaccount-content .my-fav-content{
    	margin-top: 30px !important;  
  	}
  
  	.myaccount-content.log-content{
    	padding-left: 25px !important;
      	padding-right: 25px !important;
  	}
  
  	.my-fav-content{
      	
    	margin-left: 0px !important;
      	margin-right: 0px !important;
  	}
  	
  	.product-refine li {
       /* 19-Dec-18
        margin-bottom: 25px;*/
    }	
    .product-refine{
        margin-left: -12px !important;
    }
    #productlist{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    /* 18-Dec-18 ACM
      .product-sorting{
        margin-right: -50px !important;
      }*/
    .pd-tbl-register{
      margin-top: 0px !important;
    }
    .pd-tbl-sms{
      margin-bottom: -5px !important;
    }
    /* Toetet 1 Jan for Tablet Date of Birth */
  	.mbldate {
        margin-top: 25px;
        margin-bottom: 26px;
	}
  	/* End */
    .respSubmit{
        margin-bottom: 30px !important;
        float: left;
        margin-left: 0px;
        width: 50% !important;
    }
          .margin-top-wrap {
            margin: 30px 0 25px!important;
        }
      .error-email{
          margin: 10px !important;
          margin-bottom: -10px !important;
      }
  /* 11-Nov-2018 Begin Zayar Minn */
    .video-content {
       height: 340px;
       margin-top: 2.5rem !important;
    }
    section.page-content.catalouge-content .row  > div{
      margin-top: 3em;
      margin-bottom: -3em;
      padding-bottom: 3px;
  }
   /* .page-content{
      padding-bottom: 43px;
      margin-bottom: -3px;
      width: 102%;
      margin-left: -10px;
  }*/

  /* 11-Nov-2018 End Zayar Minn */
  /* 15-Nov-2018 Begin Zayar Minn */
      .cart-qty-dropdown {
          width: 85px !important;
          margin-left: 19px !important;
      }
  /* 15-Nov-2018 End Zayar Minn */
  /* 16-Nov-2018 Begin Zayar Minn */
      .top-header {
          padding-top: 0px;
      }
  /* 16-Nov-2018 End Zayar Minn */
    .myaccount-content #leftnavigation {
      margin-left: -20px;
      margin-right: -20px;
      margin-top: 50px;
      padding-left: 25px;
      padding-right: 25px;
    }
    .myaccount-content #leftnavigation li a{
      white-space:normal; 
    }
    .myaccount-content #leftnavigation li a span {
        line-height: 1.1;
    }
    .myaccount-content #leftnavigation li:nth-child(3){
        padding-left:77px; 
    }
    .location-dropdown{
        padding-bottom: 10px;
    }
    .tea-box{
        margin-top: 1.5em;
    }
    .location-content {
          padding-left: 25px;
        padding-right: 25px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 50px 30px 15px 30px;
      }
    /* Toetet 20 Dec */
    .about-content p {
        font-size: 17px;
        margin-bottom: -10px;
        line-height: 19px;
        text-align: justify;
        color: #fff;
        letter-spacing: 0px;
        /*padding-right: 30px !important;*//*HSS 24*/
        margin-top: 25px;

    }
    .product-carousel .slick-slider > button {
        margin-left: -6px;
        margin-right: -6px;
        top: 45% !important;
    }
    .location-content {

        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-top: 57px !important;
        padding-bottom: 15px !important;
        margin-top: -20px;
        padding-bottom: 25px !important;
    }
    .respCat {
        padding-top: 0px;
        margin-bottom: 0.8rem;/* Change 5.5rem for Carrier page */
    }
    #ordersubmit .btn-brown{
      font-size: 16px;
      width: 100%;
      letter-spacing: 2px;
      /*padding-top: 12px !important;
      padding-bottom: 12px !important;*/
    }
    .respCat span{
      margin-left: 0px !important;
      margin-top: -5px;
    }
    #ordersubmit .btn-brown-outline{
      font-size: 16px;
      width: 100%;
      letter-spacing: 2px;
      padding-top: 9px;
      padding-bottom: 9px;
    }
    .sm-orderSummary-mt .text-right{
      margin-bottom: -25px;
      margin-top: -10px;
    }
    .sm-orderSummary-mt button {
      font-size: 12px !important;
      padding-top: 12px !important;
      padding-bottom: 11px !important;
    }
    /* End */
  
      /******* For checkout billing and shipping information page *****/

      #EcomOrderDeliverySearchDiv{
           margin-left: 0px;
      }
      .check-content{
           margin-left:0px;
      }
      .check-content .row{
           /*padding-left:12px;*/
      }
      .check-content .align-self-center{
           margin-bottom: 5px !important;
      }
      .check-btn-pd-control{
          margin-bottom: -50px !important;
          margin-top: -50px !important;
      }
      
      #ordersubmit .btn-brown{
           max-width: 100%;
           /*margin-left: -57px;*/
           border-radius: unset;
      }
       #ordersubmit .py-05 {
          padding-top: 1.5em;
          padding-bottom: 1em;
      }
      .address-content p{
           padding-left: 20px !important;
      }
      /******** For check out cart page ***********/
      .personalized-content .check-slide-content {
           width: 95%;
      }

      #form_placeholder input, #form_placeholder textarea {
        color:#393331 !important;
      }
      #gotoProduct, #cartnext{
           min-width: 100% !important;
      }
      .checkoutMarginTopDeliveryDate .form-group {
          margin-bottom: 15px;
      }
      .check-content .checkoutMarginTopDeliveryDate h4{
          font-size: 17px !important;
      }
      .shipping-address-list .check-slide-content {
          /*padding-left: 0px !important;*/
          max-width: 1100px;
      }
      #EcomOrderDeliveryTitle, #EcomOrderDeliveryCountry2, .newAddressForm input{
        border-color: #000;
      }
    /******** For login page ***********/
      .tbl-keepme-pd{
           margin-top: 10px !important;
      }
    /********* For payment page **********/
      .payment-content{
          padding-right: 25px;
      }
      .exp-txt{
          padding: 7px 5px 10px 5px !important;
      }
      .payment-content-braintree div#expiration-month , .payment-content-braintree div#expiration-year{
          background-position: 63px 13px !important;
      }
      .payment-content-braintree{
          margin-bottom: 60px;
      }
      #my-submit{
          margin-bottom: 0px !important;
      }
      #mybtForm .btn-brown-outline{
          padding: 11px 0 !important;
      }
      #mybtForm .btn-brown{
          padding: 8px 0 !important;
      }
      #name_on_card{  
        border: 1px solid #000 !important;
      }
      .newAddressForm input{
            margin-bottom: 15px !important;
      }
      .title-pd{ 
        padding-bottom: 5px;
      }
      .tbl-check-back .btn-brown-outline {
          font-size: 16px !important;
          width: 84% !important;
          letter-spacing: 2px;
          padding-top: 12px;
          padding-bottom: 12px;
          padding: 10px !important;
      }
  		
      #ordersubmit .btn-brown-outline{
			width: 100% !important;
        	padding-top: 8px !important;
        	padding-bottom: 8px !important;
      }
  
  	  .tbl-check-goto{
			padding-left: 5px;
      }
  
      .tbl-check-goto .btn-brown {
        font-size: 16px !important;
        width: 104% !important;
        padding: 8px !important;
        letter-spacing: 2px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
  
  	/* Yan Naing */
  
  	.error-email-acc {
        color: gold;
        font-style: italic;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 16px;
        display: block;
        font-size: 16px;
        font-weight: 200;
        font-family: FuturaMedium;
    }
    .select-add-box {
      	width: 334px;
    }

    .mixandMatchTotalPrice {
      	font-size: 22px !important;
    }

    .align-self-end .list-unstyled {
      	margin-left: -3px !important;
    }

    .page-content {
      	margin-top: -3px !important;
    }

    /*.cart-indicator {
      	margin-bottom: 3px;
    }*/
  
  	.cart-indicator .count{
    	top: 4px !important;  
  	}
  
  	/* Toe Tat Lin */

      .product-carousel .slick-slider > button {
        margin-left: -6px;
        margin-right: -6px;
      }
    .location-content {

        padding-left: 30px;
        padding-right: 30px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 57px !important;
        padding-bottom: 15px !important;
        margin-top: -20px;
    }
  
  	
  
      .respCat {
        padding-top: 0px;
        margin-bottom: 0.8rem;
    }
      #ordersubmit .btn-brown{
        font-size: 12px !important;
        width: 100% !important;
        letter-spacing: 2px;
        padding-top: 12px;
        padding-bottom: 12px;
      }
  
  		/* Favorite */
      #favSortBy{
			right: 24px !important;
      }
  
    /*  .slider-caption{
		right: 11px;
      }*/
  
  		/* Cart */
      .RewardSelectionBlock{
        	flex: 0 0 45%;
			max-width: 45%;
      }
  
  		/* Checkout */
  
        .tbl_l-OrderSummary{
			padding-left: 24px;
        }
  
  		/* Order detail */
  
      .order-padding{
		 margin-top: 1em;
      }
  
      .order-detail-content table tr td:last-of-type{
		 padding-right: 8px !important;
      }
  
      .orderprices{
		padding-left: 73px;
      }
  /* Toetet 15 Jan for Prodict Detail page */
  .product-info-content{
  	 overflow-y: hidden;
      overflow-x: hidden;
      max-height: 500px; /* approximate max height */

      transition-property: all;
      transition-duration: 1s;
      transition-timing-function: cubic-bezier(0.7, 0.5, 0, 1);
  }
  /* End */
  .min-margin-bottom{
	margin-top: 0px;
  }
  .modal .modal-dialog{
  	top: 35%;
  }
  .refine-link:before{
  	margin-left: 2px;
  }
  #PD_email{
  	height: 60px;
  }
  .pd-keepheight{
  	min-height: 50%;
  }
  
  #PD_box{
  	top: 44%;
  }
  
 .currentlyNotAlign{
    padding-left: 7px;
   }
  
  #noti_me{
  	margin-top: 13%;
  }
  .product-info{
  	padding-left: 5px;
  }
  
  .about-slide-content{
  	/*min-height: 61%;*/
    scroll-behavior: smooth;
	overflow-y: hidden;
    padding-bottom: 10px;
  }
  .career-page-content .row#maincontent > div {
    line-height: 1.05;/* Toetet for carrier page */
  }
  .shipping-address-list .check-slide-content {
  	padding-left: 0px;
  }
  .tgw-left {
  	width: 100%;
    padding: 0px;
  }
  /*.membership-card > img {
  	width: 90%;
  }
  .yourrewardTop {
  	margin-left: 45px;
  }
  .mytwgsub {
  	margin-left: 45px;
  }
  .Gold {
  	margin-left: 45px;
  }
  .twg-content .content-heading-large.Green {
  	margin-left: 45px;
  }
  
  
  #myTwgSpacing {
  	margin-left: 45px;
  }
  .mytwgsg {
  	width: 86%;
  }*/
  #myTwgWidth {
  	width: 90%;
    margin-left: 30px;
  }
  .myTwgWelcome {
  	margin-left: 30px;
  }
  #myTwgLeftSpacing {
  	margin-left: 30px;
  }
  .membership-detail {
  	margin-left: 30px;
  }
  .add_to_fav_padding, .add-favourite {
  	font-size: 14.58px;
    margin-top: 7px;
  }
  .product-detail-content .add-favourite {
  	margin-top: 7px !important;
  }
  .btn-yellow {
  	max-height: 40px !important;
  }
  /* Toetet for video */
  .modal-dialog.modal-video {
  	top: 50%;
  }
  /* Toetet For Professional page */
  .catalouge-content .Locationdetail .respCat {
  	margin-bottom: 3.1rem;
  }
  /* End */
  /* Toetet for carrier page */
  .carrierimage {
  	width: 100%;
  }
  /* ENd */
  /* Toetet for substainability page */
  .substainmargin {
  	width: 90%;
  }
  /* End */
  /* Toetet for cart page */
  .firstchildrow p > span, .childrow p > span {
  	margin-right: -20px !important;
  }
  /* End */
}



/*11/12/2018 End HSS*/
/* For ipad landscape */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    .container{
		padding-right: 5px;
      	padding-left: 5px;
    }
  
  	.mt-sm-0{
    	margin-top: 0px !important;  
  	}
    .career-page-content .row#maincontent > div {
    	line-height: 1.05;/* Toetet for carrier page */
	}
  	/* Header */
  
  	.top-header a img{
    	margin: 1.7em 0 22px 0 !important;  
  	}
  
  	.music-icon{
    	margin-left: 8px;  
  	}
  
  	.main-navigation-content > ul > li{
    	padding: 0 11px;  
  	}
  
  	.main-navigation-content > ul > li:first-of-type{
    	padding-left: 7px !important;  
  	}
  
  	.search-icon{
    	height: 30px !important; 
      	padding: 37px 0 4px 0;
      	margin-left: 3px;
      	margin-top: 3px;
  	}
  
  	.mytwg-icon{
		height: 48px !important;
      	background-position: -2px 10px;
  	}	
  
  	.nav-dropdown-menu{
    	left: 41.3%;
      	padding-top: 40px;
      	transform: translateX(-50%);
  	}
  
  	.drop-down-size{
    	width: 915px;  
  	}
  
    .nav-dropdown-menu.login-dropdown-menu {
        width: 835px !important;
        left: 0px !important; 
    }
  
  	.nav-dropdown-menu.search-dropdown-menu{
    	padding-top: 40px;
        left: -100%;
      	/*transform: translateX(-83%); Toetet 2nd July 2019*/
      	transform: translateX(-70%);
  	}
  
  	#sliding-nav .main-navigation{
    	margin-top: 4px;  
  	}
  
  	#sliding-nav img.logo-small{
    	margin-top: -5px;
      	margin-left: 13px;
  	}
  
  	#sliding-nav .main-navigation-content > ul > li{
    	padding: 0 20px !important;
  	}
  
  	#sliding-nav .main-navigation-content > ul > li:first-of-type{
    	padding-left: 10px !important;
      	padding-right: 8px !important;
  	}
  
  	#sliding-nav .main-navigation-content > ul > li > a{
    	padding-bottom: 11px !important;  
  	}
  	
  	#sliding-nav .search-icon{
    	height: 46px !important;
      	padding: 0 0 0 0 !important;
      	background-position: 0px 5px !important;
  	}
  	
  	#sliding-nav .mytwg-icon{
      	height: 49px !important;
    	background-position: 0 !important;  
  	}
  
  	#sliding-nav .nav-dropdown-menu{
      	left: 298px;
  	}
  
  	#sliding-nav .nav-dropdown-menu.login-dropdown-menu{
    	left: 56.3% !important;  
  	}
  
  	/* Home */
  
    .video-content {
      	height: 347.97px;
    }
  
  	.news-carousel .slick-slider > button, .news-carousel .slick-slider > a > button{
    	top: 22%;  
  	}
  
    .modal-video .modal-content iframe, .modal-video .modal-content video{
		margin-top: unset;
    }
  
  	/* Register */
  	
  	.registerMobile{
    	width: 100%;
      	margin-right: 0px !important;
      	margin-left: 0px !important;
  	}
  
  	#profileForm .log-content{
    	margin-left: 0px;
        margin-right: 0px;
  	}
  
  	.register-dob > div:first-of-type{
    	padding: 0 10px;
  	}
  
  	.register-dob > div:first-of-type p{
    	margin-top: 0px !important;  
  	}
  
  	/* My account */
  
  	.chosen-container-single .chosen-single div b{
  		background: url("../images/Register-products-carret.png") !important;
      	background-repeat: no-repeat !important;
      	background-position-y: center !important;
      	background-size: 20px !important;
  	}
  
  	.customSelect:not(.customSelectDisabledOption) .customSelectInner{
    	text-overflow: unset !important;
      	overflow: unset !important;
  	}
  
  	.register-content .accordion .form-group label:not([for="sameBillingAddress"]){
    	line-height: 16px;
      	padding-top: 10px;
  	}
  
  	/* Order detail 
  
  	.order-detail-content p{
    	line-height: 1.3em;  
      	margin-top: 0 !important;
  	}*/
  
  	.order-detail-content table tr td:last-of-type{
    	padding-right: 50px;  
  	}
  
    .orderprices{
		padding-left: 90px;
    }
  
  
  	/* Product detail - Mix and Match */
  	
  	.product-images-carousel{
    	min-width: unset !important;
      	min-height: unset !important;
  	}
  
  	/* Footer */
  
  	.footer-navigation{
    	padding-left: 31px;
      	padding-right: 30px;
      	width: 100.1%;
  	}
  
  	.footer-copyright{
    	padding: 16px 0;  
  	}
  
  	.footer-navigation-inner{
      	padding: 38px 36px 17px 36px;
    	margin-bottom: -5px;  
  	}
  
  	.footer-navigation h4{
    	margin-top: 30px;  
  	}
  
  	.hasfootermenu{
    	margin-bottom: 29px !important;  
  	}
  
  	.footer-social-icons li:first-of-type{
    	margin-top: 47px;
      	margin-bottom: -2px
  	}
  	
  	.footer-social-icons li:nth-child(4){
    	margin-left: -1px;  
  	}
  
  	.footer-navigation .cross-btn{
    	right: -20px;  
  	}
    /* Toetet 20 Dec for Professional page*/
    .Locationdetail {
        margin-left: 31px;
        margin-right: 31px;
        margin-bottom: 5px;
        margin-top: 30px;
    }
  	/* Toetet for Catalogue page */
    .catalouge-content .Locationdetail {
      margin-top: 10px;
    }
    .catalouge-content .Locationdetail .respCat {
      margin-top: 0px;
    }
    .catalouge-content .col-lg-4 .Locationdetail {
      margin-left: 0px;
    }
  	/* End */
    .respProfessional{
          margin-right: 31px;
          margin-left: 31px;
    }
    .respCat {
          margin-top: -35px;
    }
  
  	/******* For checkout billing and shipping information page *****/
    .tbl-btn-pd{
          float: left;
          width: 100%;
          flex-wrap: inherit;
          margin-bottom: 2rem !important;
    }
    .tbl-check-back{
          margin-left: 0px !important;
          min-width: 20%;
    }
    .tbl-check-goto{
          min-width: 82%;
    }
    .check-btn-pd-control{
          margin-top: 0px !important;
    }
      .address-content p{
           padding-left: 15px !important;
      }
  	#ordersubmit .btn-brown-outline {
        font-size: 16px;
        /*padding-top: 12px !important;
        padding-bottom: 12px !important;*/
      	/* This effect in cart containue button */
	}

  /******** For check out cart page ***********/

    #gotoProduct{
      font-size: 12px !important;
      background: #fffef1;
      color: #000;
      font-family: Arial !important;
      letter-spacing: 2px !important;
      line-height: 29px !important;
      padding: 6px 12px !important;
    }
    #cartnext{
      font-size: 12px !important;
      background: #393331;
      color: #d49f1b;
      width: 100%;
      line-height: 29px !important;
      font-family: Arial !important;
      padding: 6px 12px !important;
      letter-spacing: 2px;
    }
    .tbl-cart-msg-padding{
        padding-bottom: 32px !important;
    }
    .sm-orderSummary-mt .margin-top-wrap{
        padding-top: 27px;
    }
  /*************** For Payment Page****************/
    .exp-txt{
        padding: 5px 10px 10px 10px !important;
        line-height: 1 !important;
    }
    .check-content .payment-content, .payment-content-braintree form {
      padding-left: 50px;
    }
    .qtydownarrow{
      padding: 3px 0px !important;
    }
    
    
      #mybtForm .btn-brown-outline{
          padding: 12px 2px !important;
      }
  
  	/* Favorite */
  
  	.my-fav-content{
    	padding: 70px 20px 50px !important;  
  	}
  	
  	#favSortBy{
    	right: 0 !important;
      	margin-right: 0 !important;
  	}
  	
  	.custom-checkbox.select-all-check{
    	margin-left: 15px;  
  	}
  
  	.fav-box{
    	padding: 0 5px;  
  	}
  
  	.fav-box .slider-caption{
    	font-size: 16px;  
  	}
  
  	.fav-box-select .custom-checkbox{
    	z-index: 9;  
  	}
  
  	/* Cart */
  	
  	.RewardSelectionBlock{
      	flex: 0 0 80%;
    	max-width: 80%;  
  	}
  
  	/* for professional */
      .bg-dark.ourCompanyPadding{
        	padding: 0 35px !important;
      }

      .bg-dark.ourCompanyPadding .Locationdetail{
          margin-left: 0 !important;
          margin-right: 0 !important;
      }
  /* Toetet for login page */
  .signIn {
  	margin-left: 0px;
  }
  /* End */
  /* Toetet for carrier page */
  .career-page-content .row#maincontent img {
  	width: 100% !important;
  }
  .career-page-content .Locationdetail {
  	margin-left: 0px;
    margin-right: 0px;
  }
  .carrierimage {
  	width: 100%;
  }
  /* End */
  /* Toetet for substainability page */
  .substainmargin {
  	width: 93%;
  }
  /* End */
  /* Toetet for cart page */
  .firstchildrow p > span, .childrow p > span {
  	margin-right: -60px !important;
  }
  .child_img {
  	width: 115px !important;
  }
  #ordersubmit .btn-brown, #ordersubmit .btn-brown-outline, #mybtForm .btn-brown, #mybtForm .btn-brown-outline {
  	padding-right: 0px;
    padding-left: 0px;
  }
  /* End */
  
}


@media (min-width: 350px) {
	/* Location Page By TTL */
  .dropdown-menu.show::-webkit-scrollbar-thumb {
    background: darkgrey;
    border-radius: 10px;
    width: 8px;
}
  .dropdown-menu.show::-webkit-scrollbar {
    background: lightgrey;
    width: 8px;
    border-radius: 10px;
}
  
  /* End */
}

@media (max-width: 991px) and (min-width: 768px)  {
  .tblContactus{
  	margin-right: -20px;
    margin-left: -20px;
    margin-top: -30px;
  }
  #Name, #LastName, #Email, #CountryCode, #MobileNumber {
    font-family: FuturaMedium !important;
    font-size: 15px !important;
    color: #fff !important;
   
}
  .news-carousel .slick-slider > button, .news-carousel .slick-slider > a > button{
  		top: 85px !important;
    /* top: 166px; */
    transform: none;
    -webkit-transform: none;
    margin-right: -10px;
    margin-left: -10px;
  }
  .product-list-wrapper{
  	/*margin-right: 25px;
    margin-left: 25px;*/
  }
  .contact-inner-content p.color-white.mt-4.mb-5 {
      font-family: Adobe Garamond Pro Regular;
      font-size: 85%!important;
      letter-spacing: 1px;
      margin-bottom: 60px!important;
  }
  .product-carousel .slick-slider > button, .product-carousel .slick-slider > a > button{
  
  		/*margin-top: -25px;*/
  }
  div[class*="col-"][class*="pr-"] {
    padding-right: 5px !important;
    margin-bottom: -60px;
}
  #loginbtn{
    font-family: arial !important;
    color: #393331 !important;
    width: 240px;
    height: 38px;
    background-color: #f3d174 !important;
    font-size: 17px !important;
    border: none;
    letter-spacing: .11em;
    margin-top: 10px;
}
   #register-now {
    font-family: arial !important;
    color: #393331 !important;
    width: 200px;
    height: 38px;
    background-color: #f3d174 !important;
    font-size: 17px !important;
    border: none;
    letter-spacing: .11em;
}
  .log-content {
    /* margin: 10px 0 32px; */
    margin: 20px 24px 32px;
    padding: 53px 51px 48px;
    /* min-height: 441px; */
}
  .main-heading span {
    display: block;
    width: 100%;
    font-family: Arial;
    color: #000;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0px;
}
 .location-content {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 50px 30px 15px 30px;
    padding-top: 57px !important;
    padding-bottom: 15px;
}
  .footer-navigation-inner #submit {
    text-decoration: none;
    outline: none;
    padding-top: 13px !important;
    padding-left: 5px;
}
  #HotspotPlugin_image {
    margin-bottom: 0!important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
}
  .form-group{
    margin-bottom: 10px;
  }
  .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /*padding-left: 35px !important;*/
}
  #selectedType .dropdown-toggle::after{
  	padding-left: 0 !important;
  }
  .custom-dropdown .dropdown-toggle {
    font-family: arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11x;
    background: none;
    outline: none!important;
    padding-right: 25px;
    padding-left: 0;
    font-weight: 400;
    margin-bottom: -10px !important;
}
  #productlist {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px 0;
}
  .custom-dropdown .dropdown-item {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 5px;
    cursor: pointer;
    padding-bottom: 7px;
    line-height: 12px;
}
  .product-heading h1 {
    color: #f3d174;
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 10px;
}
  #sortingdropdown {
    left: unset !important;
    right: 30px;
        margin-top: 4px;
    z-index: 99 !important;
    width: 200px !important;
}
  #advbar {
    background: #49413d;
    height: 84px;
    position: relative;
    width: 100%;
    margin-top: 2px;
    /*margin-bottom: -11px;Toetet 7 Jan */

}
  .product-refine {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 0 20px; */
    padding-top: 27px;
}
  .product-heading p {
    font-size: 16px;
    line-height: 1.05;
    text-align: center;
    margin-bottom: 0;
    width: 120%;
    margin-left: -10%;
}

    #homeSlider{
        padding: 0;
        background: #fff;
    }
    .related-products.mixmatch-related-products{
		    margin-top: -25px;
    }
   .related-products.mixmatch-related-products h3{
		    font-size: 14px;
     		margin-bottom: 15px;
    }

  	/* 07-Dec-18 ACM */
  	.cmb-md-25px{
    	margin-bottom: 25px !important;  
  	}
  .respVideo{
      margin-top: -25%;
      width: auto !important;
      height: auto !important;
      margin-left: -6%;
      margin-right: -6%;
  }
   /* Toetet 11 Dec for A tin popup*/
 #chooseTinOrSachet .product-content .product-block-loop {
      max-height: 39.5vh;
      overflow-y: auto;
      overflow-x: hidden;
      margin-right: -10px;
  }


  .page-content{
  		padding-bottom: 43px;
    	margin-bottom: -3px;
    /* width: 102%; */
    /* margin-left: -10px; */
    	margin-top: 12px;
  }
 
  .catAlign{
  		margin-left: -11px;
  }
  .hasfootermenu {
    margin-bottom: 10px;
    padding-top: 10px;
}
  .footer-navigation {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    max-height: 100%;
    overflow: auto;
    width: 100%;
    margin-bottom: -17px;
  }
  .footer-navigation-inner {
    padding: 0px;
    border-bottom: 0px;
    margin-bottom: -41px;
    padding-top: 20px;
}
  .footer-navigation h4 {
    font-size: 13px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 20px;
    margin-bottom: -14px;
    margin-top: 25px;
    margin-left: 4px !important;
}
 .footer-navigation .cross-btn {
		margin-right: 25px;
		margin-bottom: 15px;
	} 
  .respCat{
  	padding-top: 5px;
    margin-bottom: 0.8rem;/* Comment 5.5rem for carrier page */
  }
  .respCat > p{
  	margin-left: 0px;
    margin-bottom: -1.5rem;
    margin-top: 10px;
  }
  .respCat  p  span {
  	margin-left: 0px !important;
    
  }
  .footer-copyright a {
    color: #fff;
    margin-right: 10px;
    font-family: "adobe-garamond-pro" !important;
    font-size: 13px !important;
}
  .animate-hover-slide {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 40px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
  	.news-content .col-12.col-md-6.pr-4 {
        padding-right: 20px!important;
    }
  	.login-container {
      	max-width: 610px;
      	margin-top: 20px;
  	}
  	section.page-content.catalouge-content .row > div {
  		margin-top: 5px;
  	}
  	/*.Locationdetail .mobile-padding-5 p {
      	font-family: "adobe-garamond-pro" !important;
      	font-size: 33.35px !important;
      	margin-bottom: 10px;
	}*/
  	.container.max-730 {
        max-width: 730px;
        padding-left: 25px;
        padding-right: 25px;
    }
  	.container .container {
  		padding-left: 0;
  		padding-right: 0;
  	}
  	.myaccount-content.log-content {
  		padding-left: 50px;
  		padding-right: 50px;
      
  	}
  	div#GoogleRecaptcha {
        margin-bottom: 20px;
    }
  	.register-content .text-xs-left p {
        font-size: 16px;
      	float: left;
    }
  	.register-content .form-group.mt-4 {
        margin-top: 0!important;
    }
  	.register-content .form-group.mt-4 p {
        font-family: agr-p;
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #000;
        margin-top: 0!important;

    }
  	.register-content .form-group.mt-4 li .custom-checkbox.mt-5 {
  		margin-top: 5px !important;
  	}
  	.Register-TC {
  		margin-top: 5px;
  	}
  	.register-content .custom-checkbox label[for="ReceiveSMS"] {
        margin-top: 0;
    }
}

@media (max-width: 767px) {

          .main-heading {
            margin-bottom: 0px;
        }
        #newsSortBy {
              left: unset !important;
              right: 21px;
              z-index: 99;
              padding-top: 0px;
      }
        .contact-content{
			margin-left: 5px !important;
    		margin-right: 5px !important;
        }
      .contact-content .main-heading{
    		padding-top: 0px !important;
    		padding-bottom: 40px !important;
      }
      .high-in-desktop{
        padding-top: 0px !important;
    }
    /* Begin 14/11/2018 NEW-T152 design issue HSS*/
      .dropbox {
        	/*width: 303px;*/
      }
    /* End 14/11/2018 NEW-T152 design issue HSS*/
    
  	/* Begin 6/12/2018 HSS*/
      #grandTotal{
        font-weight:bolder;
      }
   	/* End 6/12/2018 HSS*/
	.container{
		max-width:100%;
      	/* 06-Dec-18 ACM
      	margin-left:10px;
      	margin-right:10px;*/
	}
  .customSelect{
  	background: url(../images/Register-products-carret.png);
    line-height: 28px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    height: 42px;
    width: 100% !important;
  }
    .zoomContainer{
    display:none;
    }
  
	#sliding-nav + .container{
		padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
   margin-bottom: 0px; /* Toetet */
      z-index: 1;
	}
  	.page-content {
    	padding: 10px 10px 0;
  	}
  	.myaccount-content #leftnavigation {
		border-bottom:0;
      	margin-left: 0;
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
	}
	.myaccount-content #leftnavigation li{
		display:block;
		width:100%!important;
		float:none!important;
		width:100%;
		padding:0!important;
	}
	
	.myaccount-content #leftnavigation li a:hover,.myaccount-content #leftnavigation li a:focus{
		color:#000;
	}
	.myaccount-content #leftnavigation li a.active {
		border:1px solid #000;
		color:#000;
		font-weight:normal;
	}
	.myaccount-content #leftnavigation li a:hover span, .myaccount-content #leftnavigation li a:focus span, .myaccount-content #leftnavigation li a:active span{
		color: #000;
		font-weight: normal!important;
	}
	
  	.myaccount-content #leftnavigation li a span{
		font-size:16px;
	}
	.myaccount-content #leftnavigation li a img{
		width:90px;
	}
  	.tea-box h3 {
  		height: 35px;
  	}
	section .container#contact-us-container,#contact-us-content{
		padding:0!important;
	}
	.page-content.contact-content{
		padding:10px;
      	margin-bottom: -15px;
	}
	.contact-address-content .row > div:last-of-type {
		margin-top: 50px;
	}
	.gift-content {
		padding-top: 0;
        margin-bottom: -35px;
	}
	.gift-content .main-sub-heading {
		margin-top: 20px;
	}
  	.news-page-content .gift-content .main-heading {
		margin-top: 0;
	}
	.gift-content > .row > div.tea-box:last-of-type {
		margin-bottom: -130px;
	}
	#profileForm .log-content {
		padding: 15px 0px 0px;
		margin-bottom: 15px;
	}
	.register-dob p {
        text-align: left;
        padding-bottom: 26px;
        font-size: 14px;
        padding-top: 16px;
    }
	.register-content .custom-checkbox.mt-5 {
		margin-top: 0px!important;
	}
	#profileForm .register-content .btn-yellow{
		margin-top: 20px;
		margin-bottom: 40px;
	}
  	.content-page .container{
      padding-left: 10px;
      padding-right: 10px;
  	}
	.carousel-indicators li{
		height:10px;
		width:10px;
	}
  	.product-box h3.text-black,.order-list-content .slider p{
    	font-weight:normal;
		margin-bottom:5px;
    }
  	.footer-navigation {
    	max-height: calc(100vh - 60px);
      	/* Toetet 10 Dec */
      	padding-right: 15px;
    	margin-left: -30px;
  	}
  	.related-products{
      	border-top:0;
      	padding-left: 10px;
      	padding-right: 10px;
  		margin-top: 15px;
  	}
  	.related-products #productlist h3 {
      font-weight: normal;
  	}
  	.related-products h3 {
        margin-bottom: 40px;
        font-size: 20px;
        border-top: 0;
        padding-top: 0;
    }
    /*.add-tea-block li.itemPlaceholder a img {
        min-height: 100.5px;
    }*/
  	.product-block .product-price{
		text-align:left!important;
  	}
	#chooseTinOrSachet{
		padding-right:0!important;
		overflow:auto;
      	scroll-behavior: smooth;
	}
	#chooseTinOrSachet .modal{
		margin:0;
		position:fixed;
		max-height:100%;
		overflow:auto;
	}
	#chooseTinOrSachet .modal-dialog{
		margin:0;
     	height: 300%;
	}
	#chooseTinOrSachet .product-content .product-block-loop{
		max-height:inherit;
	}
	#chooseTinOrSachet .media,#chooseTinOrSachet  .media-left{
		display:block;
	}
	#chooseTinOrSachet  .media-left img{
		width:100%;
	}
	#chooseTinOrSachet .media-body{
		padding-left:0;
		display:block;
	}
	#chooseTinOrSachet  .product-detail-content h1{
		font-size: 18px;
      	margin-top:-5px;
	}
	#chooseTinOrSachet .custom-select-box{
		width:75px;
		float:right;
	}
  	#chooseTinOrSachet .media-left {
  		margin-bottom: 10px;
  	}
  	#chooseTinOrSachet .modal-body {
  		padding-left: 0;
      	padding-right: 0;
  	}
    .modal .close {
        margin-bottom: 15px;
        margin-right: 0;
  	}
  	.modal .close + div[class^="col"] {
   	 	padding: 0;
	}
    #chooseTinOrSachet #chooseTinOrSachetID {
      	margin-top: 0;
  	}
  	#chooseTinOrSachet .modal-content {
  		padding-bottom: 54px;
  	}
  	#advbar .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    #advbar p {
        padding: 16px 0px;
    }
	#advbar .cross-btn {
		line-height: 77px;
	}
  	.product-block + .product-block .product-price.text-center {
        text-align: right!important;
    }
	footer .container{
		max-width:100%;
	}
    .edit_link {
        /*position: relative;*/
        right: auto;
        top: auto;
        float: right;
        font-size: 12px;
        margin-top: 30px;
        /*margin-bottom: 25px;*/
    }
  .register-content p {
    /* margin-top: 33px; */
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    /* margin-bottom: 9px; */
}

  	.modal.show .modal-dialog {
  		max-width: 90vw;
  	}
  	#pwconfirmModal.modal .close {
  		opacity: 0.2;
  	}
  	#pwconfirmModal.modal .modal-content {
  		padding-left: 20px;
      	padding-right: 20px;
  	}
  	.login-container {
  		padding: 0;
      	/* margin-right: -5px; */
  	}
  	.login-container .log-content {
  		min-height: 1px;
  	}
    .login-container .log-content a.btn-yellow {
        margin-top: 20px;
    }
  	.login-container .log-content h3 {
  		font-size: 20px;
  	}
  	.login-container .log-content p {
  		/* line-height: 14px !important; */
    	font-family: "adobe-garamond-pro" !important;
      	text-align: left;
      margin-bottom: 0px;
  	}
  
  	.login-container .log-content p.login-font{
    	font-family: 'FuturaMedium' !important;  
  	}
  
  	/*.my-fav-content .slider-caption{
    	margin-top: 45px;
        width: 90%;
        max-width: 193px;
        background: #000;
        color: #FFD26E;
        line-height: 11px;
        letter-spacing: 2px;
        font-family: "Arial";
        padding: 6px;
        text-transform: uppercase;
        text-align: right;
        font-size: 11px;
  	}*/
  	.form-control,.log-content input{
		font-size:15px;
    }
    /*===============================
        Contact Page
    =================================*/

    .contact-inner-content ~ img {
        display: none;
    }
    .contact-inner-content{
        background-image:none;
        background-color:#1d130a;
    }
    .contact-content .form-group {
        margin-bottom: 10px;
    }
    .contact-content .main-heading{
        font-size:24px;
    }
    .news-carousel .slick-slider > button {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      	margin-top:-20px;/* Toetet */
    }
    .home-page-content .mobile-heading {
        margin-bottom: 6px;
        margin-top: 8px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 35px;
    }
   .slick-slider > button {
       /* margin-top: -34px !important;*/
    }
    /* 12 /12/2018 Begin HSS*/
  	.slick-slider .slick-prev {
        left: 5% !important;
      	margin-top: 10px;
        margin-left: -5px !important;
    }
  	.slick-slider .slick-next {
        right: 5% !important;
      	margin-top: 10px;
        margin-right: -5px !important;
    }
  /* 12 /12/2018 End HSS*/
  	.slick-slider .carousel-control-prev .slick-prev {
    	margin-left: 7px!important;
	}
  	.slick-slider .carousel-control-next .slick-next {
    	margin-right: 7px!important;
	}
  	.section-title {
  		font-size: 17px;
      	font-weight: 100;
      	margin-bottom: 5px;
  	}
  	#pwModal .modal-content{
      padding-left:15px;
      padding-right:15px;
  	}
  	#pwModal .btn-forget-pw{
    	width:100%;
  	}
  	#forgetPasswordMsg .modal-content {
      padding: 25px 15px 0;
  	}
  	.location-content .dw-categories{
      	display:none;
  	}
	.video-content .Videocaption {
		margin-top: 85px;
		font-size: 18px;
		line-height: 24px;
	}
	.videoHomepage {
		margin-bottom: 10px;
	}
    .home-page-content .news-carousel .slick-slider > button{
		margin-top: -38px;
    }
    .career-page-content .wrapper > .container .bg-dark {
        padding-left: 10px;
        padding-right: 10px;
    }
    .career-page-content .row#maincontent > div,.career-page-content .row#maincontent ~ .row > div,.mobile-page-content .row#maincontent > div {
        line-height: 1.05;
    }
  	.career-page-content .dw-std-image{
    	margin-bottom:20px;
  	}
    .xs-text-center {
        text-align: center;
    }
  	.mobile-page-content .row#maincontent p{
      	margin-bottom:0;
      	line-height:1.05;
  	}
  	.page-content{
      	min-height:calc(100vh - 200px);
  	}
  	.mobile-page-content .contentSliderXLarge {
      	margin-top:-30px;
  	}
    .about-page section.page-content {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
  	}
  	.about-content h3{
    	font-size:18px;
      	margin-bottom:30px;
  	}
  	.about-content-inner > .row > div[class^="col-"]:nth-child(2n) > h3:after{
    	left:0;
  	}
    .about-content p {
        font-size: 16px;
        line-height: 1.3;
  	}
  	.about-content img{
     	margin-bottom:20px;
  	}
  	.about-content p.read-more{
     	text-align:left!important;
  	}
  	.about-content-inner > .row > div[class^="col-"]:nth-child(2n+1) > h3, .about-content-inner > .row > div[class^="col-"]:nth-child(2n+1) p{
      	padding-right:0;
  	}
  	.about-content-inner > .row > div[class^="col-"]:nth-child(2n) > h3, .about-content-inner > .row > div[class^="col-"]:nth-child(2n) p{
      	padding-left:0;
  	}
    ul.list-unstyled.list-inline.footer-social-icons {
     	margin-top: -10px;
    }
 	/*===========================
        MyOrder Page
    =============================*/

    .order-wrapper-mobile .order-list li{
        border: 1px solid #d7d5c9;
        margin-bottom:10px;
    }
    .order-wrapper-mobile .order-list-header{
        padding:20px 15px;
        padding-right:50px;
        position: relative;
    }
    .order-wrapper-mobile .order-list-header h4{
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'FuturaMedium';
        border-bottom: 0;
        margin-bottom: 0.5em;
        color: #000;
        padding-bottom: 0;
    }
    .order-wrapper-mobile .order-list-header h4 span{
        font-size:20px;
    }
    .order-wrapper-mobile .order-list-header p{
        font-size:14px;
        text-transform:uppercase;
        font-family: 'FuturaMedium';
        margin-bottom:0;
    }
    .order-wrapper-mobile .order-list-header p span{
        color:#fff;
    }
  	.order-wrapper-mobile .order-list-header p span.text-black {
  		color: #292b2c;
  	}
    .order-wrapper-mobile .acc-icon img{
        width:15px;
    }
    .order-wrapper-mobile .acc-icon img:first-of-type{
        display:block;
    }
    .order-wrapper-mobile .acc-icon img:last-of-type{
        display:none;
    }
    .order-wrapper-mobile .acc-icon {
        position: absolute;
        right: 15px;
        top: 28px;
    }
    .order-wrapper-mobile .active-order-list .acc-icon img:first-of-type{
        display:none;
    }
    .order-wrapper-mobile .active-order-list .acc-icon img:last-of-type{
        display:block;
    }
  	/* 09-Dec-18 ACM 
    .order-wrapper-mobile .order-list-content{
      overflow-y: auto;
      padding-left: 15px!important;
      padding-right: 15px!important;
      color: #292b2c;
    }
	.order-wrapper-mobile .active-order-list .order-list-content {
      padding-top: 15px;
      padding-bottom: 15px;
	}
    .order-wrapper-mobile .order-list-content dd{
        font-size:14px;
        text-transform:uppercase;
        font-family: 'FuturaMedium';
        font-weight:normal;
        margin-bottom:3px;
    }
    .order-wrapper-mobile .order-list-content dt{
        font-size:14px;
        text-transform:uppercase;
        font-family: 'FuturaMedium';
        font-weight:normal;
    }
  	*/
  
  	.order-wrapper-mobile .orders-content{
      overflow-y: auto;
      padding-left: 15px!important;
      padding-right: 15px!important;
      color: #292b2c;
    }
	.order-wrapper-mobile .active-order-list .orders-content {
      padding-top: 15px;
      padding-bottom: 15px;
	}
    .order-wrapper-mobile .orders-content dd{
        font-size:14px;
        text-transform:uppercase;
        font-family: 'FuturaMedium';
        font-weight:normal;
        margin-bottom:3px;
    }
    .order-wrapper-mobile .orders-content dt{
        font-size:14px;
        text-transform:uppercase;
        font-family: 'FuturaMedium';
        font-weight:normal;
    }
  
  
	.log-content .order-wrapper-mobile a.btn-yellow {
        margin-top: 0;
      /*	margin-left: 7px;*/
      	margin-right: 5px;
        border-radius: unset;
    }
  	/*===========================
        Checkout Page
    =============================*/

    .mobile-checkout .check-content{
        padding: 25px 20px 20px;
        margin-bottom:20px;
        border:1px solid #d7d5c9;
    }
    .mobile-checkout .check-content .content-heading{
        border-color: #473d3b;
    }
    .mobile-checkout .check-content textarea{
        resize:none;
        height:150px;
    }
    .mobile-checkout .check-content p{
        font-size:14px;
    }
    .mobile-checkout .check-content.address-content p{
        font-size:16px;	
		margin-bottom:1em;
    }
	.mobile-checkout .check-content.address-content p:first-of-type{
		font-weight:normal;
	}
    .mobile-checkout .check-content.address-content p:last-of-type{
        margin-bottom:0;
    }
    .mobile-checkout .shipping-address-list .custom-checkbox label{
        font-family: 'FuturaMedium';
        text-transform:uppercase;
        font-size:14px;
    }
    .mobile-checkout .promo-form button{
        padding: 9px 12px;
        display:block;
        width:100%;
    }
    .mobile-checkout .total-amount p{
        font-size:18px;
    }
	.mobile-checkout .cus_tomnotchecked{
		background-image: url(/Files/Templates/Designs/TWG/images/icons/not_checked.png);
		width: 20px;
		height: 20px;
		margin-left: 0px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-top: 1px;
		float: left;
	}
	.mobile-checkout  .cus_tomchecked{
		background-image: url(/Files/Templates/Designs/TWG/images/icons/checked.png);
		width: 20px;
		height: 20px;
		margin-left: 0px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-top: 1px;
		float: left;
	}  
	.mobile-checkout .cc_class{
		padding-top: 0 !important;
		margin-bottom: 15px;
	}
	.mobile-checkout .cc_class label{
		padding-top: 0 !important;
		font-size: 16px;
		font-weight: 400;
		color: #000;
		font-family: FuturaMedium;
		margin-bottom: 0 !important;
      	text-transform: uppercase;
	}
	/* Toetet 10 Dec */
  	.text-right span {
   /* margin-right: 0px !important; */
  } 
  
  	.product-qty {
  		margin-bottom: 5px!important;
  	}
    .myQty_class {
        max-width: 80px;
        position: absolute;
        bottom: 100%;
        right: 15px;
        margin-bottom: 10px;
    }
    .add-to-bag-form .weight_class {
        position: absolute;
        right: 10px;
        width: 80px;
        top: 2px;
        z-index: 9;
    }
  	.product-detail-content h1 {
  		font-size: 16px;
      	margin-bottom: 35px;
      	margin-top: 25px;
      	color: #f3c96f;
  	}
  	.product-detail-content h1 span {
  		display: inline-block;
      	margin-bottom:0!important;
  	}
  	.product-detail-content h1 + .product-price, .product-block .product-price {
  		font-size: 22px;
      	margin-bottom: 15px;
  	}
  	.product-block .product-price {
      	margin-top: 0;
  	}
  	.product-qty span.customSelect {
  		display: inline-block;
        text-align: right;
        color: #ddd5d1;
      	width: 80px;
        height: 40px;
        font-size: 16px;
        border: 1px solid #f3d174 !important;
        line-height: 22px;
        background: url(../images/icons/yellow-carret.png);
      	background-repeat: no-repeat;
      	background-size: 20px;
      	background-position: 100% center;
  	}
  	.product-detail-content .add-favourite:not(#noti_me) {
        /*color: rgb(102, 102, 91); */
      	/* font-family: Arial; */
      	/* text-align: center; */
        /* text-decoration: none; */
        border: 0;
        font-size: 14.58px;
        padding: 6px 0 12px!important;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
        width: 100% !important;
  	}
  	.product-detail-content .add-favourite#noti_me {
  		padding-top: 20px;
  		padding-bottom: 5px;
  	}
  	.product-detail-content .add-favourite.just-text#noti_me {
  		text-decoration: none;
  	}
  	.order-list-content p {
      	font-family: 'AGaramondProRegular';
        line-height: normal;
        font-size: 16px;
  	}
	/*.product-images-carousel {
        margin-left: -10px;
        margin-right: -10px;
  	}*/
  	.product-detail-top {
      	margin-bottom: 15px;
        margin-top: 15px;
        margin-right: -15px;
    }
  	button#addCartBtn {
        margin-top: 10px;
    }
  	.mixandmatch-description p {
  		line-height: 16px;
  	}
  	#PD_box {
  		left: 20px;
      	right: 20px;
      	top: 20px;
      	transform: none;
      	-webkit-transform: none;
      	padding-top: 55px;
      	padding-left: 10px;
      	padding-right: 10px;
  	}
  	.closeAll {
  		position: absolute;
      	top: -55px;
      	padding-right: 0;
  	}
  	.closeAll > img {
  		width: 16px;
  	}
  	#PD_productName {
  		line-height: 28px;
  	}
  	.PD_submit button {
        width: 100%;
      	margin-top: 5px;
        margin-bottom: 10px;
    }
  	.pd-keepheight {
  		min-height: 100px;
  	}
  	#PD_email {
  		height: auto;
      	margin-bottom: 10px;
  	}
  	#PD_productNumber {
  		margin-top: 5px;
  	}
  	#sec_ond {
        width: auto;
        height: auto;
        padding-top: 50px;
        left: 20px;
        right: 20px;
    }
  	#sec_ond p {
  		line-height: 20px;
  	}
  	#sec_ond h5 {
  		font-size: 16px;
  	}
  	#sec_ond h2 {
  		margin-bottom: 15px;
  	}
  	a.edit_link.ana_link.left {
        float: left;
    }
  
  	#singleOrder .btn-yellow, .order-list-content .btn-yellow, #lm_btn {
      color: #393331;
      background-color: #ffd26d;
      border: 1px solid #ffd26d;
      font-size: 14px;
      letter-spacing: 2px;
      font-family: Arial;
      padding: 12px 20px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-align: center;
      cursor: pointer;
      transition: all .3s;
      height: auto;
      max-width: unset !important;
      border-radius: 0;
  	}
  	.register-content .myorder-reorder {
  		padding-top: 12px;
  		padding-bottom: 12px;
  	}
  	#multiAddForm + div .content-heading {
  		font-size: 16px;
  	}
  
  	/*===========================
        MyCart Page
    =============================*/
    .mobile-showcart-content .custom-checkbox [type="checkbox"]:not(:checked),
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:checked {
          position: absolute;
          left: -9999px;
      }
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:not(:checked) + label,
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:checked + label {
          position: relative;
          padding-left: 1.95em;
          cursor: pointer;
      }

      /* checkbox aspect */
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:not(:checked) + label:before,
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:checked + label:before {
          content: url('../images/not_checked.png');
          position: absolute;
          left: 0; top: 0;
          width: 20px; 
          height: 20px;
          background: #fff;
      }
      /* checked mark aspect */
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:not(:checked) + label:after,
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:checked + label:after {
          content: url('../images/checked.png');
          position: absolute;
          top: 0; 
          left: 0;
          font-size: 1.4em;
          line-height: 0.8;
          color: #09ad7e;
          transition: all .2s;
          font-family: 'AGaramondProRegular';
      }
      /* checked mark aspect changes */
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:not(:checked) + label:after {
          opacity: 0;
      }
      .mobile-showcart-content .custom-checkbox [type="checkbox"]:checked + label:after {
          opacity: 1;
      }
      .mobile-showcart-content .giftcus_tomnotchecked {
        background-image: url(/Files/Templates/Designs/TWG/images/icons/not_checked.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 20px;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: -2px;
        float: left;
   	}
    .mobile-showcart-content .giftcus_tomchecked {
      background-image: url(/Files/Templates/Designs/TWG/images/icons/checked.png);
      background-repeat: no-repeat;
      width: 30px;
      height: 20px;
      margin-left: 0px;
      margin-bottom: 0px;
      margin-top: -2px;
      float: left;
  	}
  	.mobile-showcart-content .custom-checkbox .gift_text{
		font-family: 'FuturaMedium' !important;
        font-size: 14px;
        font-weight: 400;
        color: #000;
  	}
    .mobile-showcart-content .total-amount .custom-select-box {
      height: 40px;
      overflow: hidden;
      width: 103%;
      display: block;
      border: 1px solid #554d48;
      padding-right: 10px;/* Toetet */
      margin-left: -5px;
  	}
  	.mobile-showcart-content .total-amount .customSelect{
        padding-top: 5px;
        padding-left: 9px;
        padding-right: 9px;
  	}
    #EcomOrderVoucherCodeShow ~ .customSelect span,.mobile-showcart-content #EcomOrderVoucherCodeShow {
        font-family: 'FuturaMedium';
        text-transform: uppercase;
      	color: #292b2c !important;
    }
  	.cart-page-breadcrumb {
        margin: -10px -10px 0;
    }
	.cart-page-breadcrumb h2 {
        font-size: 26px;
        font-family: 'FuturaMedium';
        margin: 0;
        padding: 15px;
        color: #292b2c;
      	line-height:1.4;
    }
    .mycart-content .border-list li label{
        font-family: 'FuturaMedium';
        color:#393331;
        text-transform:uppercase;
        font-size:14px;
    }
    .mycart-content .border-list li p{
        padding-left: 30px;
        margin-bottom: 5px;
    }
    .mycart-content .border-list li p.font-arial{
        font-size:14px;
    }
    .cart-product{
        padding:10px 0;
        /*margin-bottom:10px;*/
    }
    .product-large{
        position: relative;
        margin-bottom:15px;
    }
    .product-large img{
        width: 200px;
    }
    .product-large ul{
        position: absolute;
        left: 210px;
        bottom: 0;
        margin-bottom: 0;
    }
    .product-large li img{
        width:30px;
    }

    .product-large li a {
        font-family: Arial;
        color: #393331;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 12px;
        border-bottom: 1px solid #393331;
        padding-bottom: 2px;
    }

    .product-description h3 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .product-description h3 span{
        font-size:14px;
    }
    .product-description p {
        font-size: 16px;
        color: #000;
        margin-bottom: 0px;
    }
    .product-price span > span{
        font-size:22px;
      	color: #000;
      	font-weight: 400;
    }
    .product-small img{
        width:140px;
    }
    .product-small .media {
       /* border-top: 1px solid #d7d5c9; */
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .product-small .media p{
      	margin-bottom: 0px;
       /* color: #292b2c;*/
      	color: #8f8987;
        font-family: 'AGaramondProRegular';
        /*white-space:nowrap;
        overflow:hidden;
        text-overflow: ellipsis;*/
    }
    .product-small .media p span{
         font-family: "adobe-garamond-pro";
        font-size:20px;
      	color: #000;
    }
    .cart-product-bottom{
        /*border-top: 1px solid #d7d5c9;*/
        border-bottom: 1px solid #d7d5c9;
        padding-top:15px;
        padding-bottom:15px;
    }
    .cart-product-bottom .custom-select-box{
        width: 65px;
        display: inline-block;
        vertical-align: -13px;
       /* border: 1px solid #f3c96f;*/
        background-color: transparent;
        background: url(../images/black-arrow-down.png) #fffef1 no-repeat right center;
        padding-left: 10px;
      	top: -15px;
        height: 40px;
      	border: 1px solid;
      	border-radius: 0;
    }
  	.cart-product .cart-product-bottom .custom-select-box{
        border: 1px solid #554d48;
      	background: url(../images/black-arrow-down.png) #fffef1 no-repeat right center;
     	background-size: 20px 10px;
      	-webkit-appearance: none;
        -moz-appearance: none;
        height: 40px;
        text-align: right;
        padding-right: 25px;
        border-radius: 0;
/* 15-Nov-2018 Begin Zayar Minn */
      	top: -15px;
/* 15-Nov-2018 End Zayar Minn */
  	}
  .cart-product .cart-product-bottom .custom-select-box[disabled]{
        border: 1px solid #554d48;
      	background: none;
     	background-size: 20px 10px;
      	-webkit-appearance: none;
        -moz-appearance: none;
        height: 40px;
        text-align: right;
        padding-right: 25px;
        border-radius: 0;
/* 15-Nov-2018 Begin Zayar Minn */
      	top: -15px;
/* 15-Nov-2018 End Zayar Minn */
  	}
  	
/* 15-Nov-2018 Begin Zayar Minn */
  	.margin-bottom-s-0 {
		margin-bottom: 0px !important;
  	}
/* 15-Nov-2018 End Zayar Minn */
  	.cart-product-bottom .custom-select-box ~ .custom-select-box span{
        padding-top: 6px;
        font-family: arial;
  	}
    .cart-product-bottom .custom-select-box select{
        /* color:#f3c96f; */
    }
  
    .cart-product-bottom .custom-checkbox label{
        /* color: #fff; */
        text-transform: uppercase;
        font-family: 'FuturaMedium';
        margin: 0;
        vertical-align: 0;
    }
  /* Toetet 9 12 */
  	.mycart-content {
       	font-family: 'AGaramondProRegular';
    	color: #8f8987;
      	/*font-weight: bolder !important;*/
      	color: #000 !important;
  	}
  /* End */
 
  /*	.mycart-content h5 {
  		font-size: 16px;
    	line-height: 1.3;
      	font-family: "adobe-garamond-pro";
  	}*/
  	.mycart-content .container-fluid {
  		padding: 0 !important
          ;
  	}
  	.mycart-content .product-description h3 {
        font-size: 24px;
        font-family: "adobe-garamond-pro";
        margin-bottom: 0px;
        color: #292b2c;
    }
  	.mycart-content .product-description h3 span {
  		color: #8f8987;
  	}
   	.mycart-content .shipping-address-list .check-slide-content{
    	padding-left:0;
  	}
  	/*.mobile-showcart-content .custom-select-box {
        background: url(../images/black-arrow-down.png) #fffef1 no-repeat right center;
        height: 40px;
        overflow: hidden;
        width: 100%;
        display: block;
        border: 1px solid #554d48;
        background-size: 20px 10px;
    }
  	.mobile-showcart-content .custom-select-box select {
        background: transparent;
        border: none;
        font-size: 16px;
        height: 40px;
        padding: 5px;
        width: 120%;
        text-transform: uppercase;
        font-family: 'FuturaMedium01';
        color: #292b2c;
    }*/
  	.shares {
        padding-right: 10px;
    }
  	.career-page-content .figure p{
    	padding-left:0;
      	margin-bottom:0;
  	}
  	.dw-section-title {
        font-family: fm;
        color: #000000;
        font-size: 24px;
        padding: 20px 15px 0;
    }
  	.product-detail-content h1 span {
  		font-size: 14px;
      	color: #8f8987;
  	}
  	#homeSlider .slick-slide img {
  		max-height: 240px;
  	}
  	#homeSlider.slick-slider > button, #homeSlider.slick-slider > a > button {
  		margin-top: 0;
  	}
  	.product-content p.overlimitMsg {
  		line-height: 15.75px;
  	}
  	.chosen-container-single .chosen-single div b {
  		display: none;
  	}
  	#errorEmail {
        color: gold;
        font-style: italic;
        text-align: left;
        margin-bottom: 10px;
        display: block;
    	font-family: FuturaMedium;
  	}
  	span#spanUserManagement_Form_Password, #errorPhone {
    	font-family: FuturaMedium;
    margin-bottom: -7px;
    display: block;
    margin-left: -2px;
    margin-top: 2px;
	}

	/*===========================
		Checkout Page
	=============================*/

	.mobile-checkout .check-content{
		padding: 25px 20px 20px;
		margin-bottom:20px;
		border:1px solid #d7d5c9;
	}
	.mobile-checkout .check-content .content-heading{
		border-color: #473d3b;
	}
	.mobile-checkout .check-content textarea{
		resize:none;
		height:150px;
	}
	.mobile-checkout .check-content p{
		font-size:14px;
	}
	.mobile-checkout .check-content.address-content p{
		font-size:16px;	
	}
	.mobile-checkout .check-content.address-content p:last-of-type{
		margin-bottom:0;
	}
	.mobile-checkout .shipping-address-list .custom-checkbox label{
		font-family: 'FuturaMedium01';
		text-transform:uppercase;
		font-size:14px;
	}
	.mobile-checkout .promo-form button{
		padding: 9px 12px;
		display:block;
		width:100%;
	}
	.mobile-checkout .total-amount p{
		font-size:18px;
	}
	.mobile-checkout .bt_brown {
		color: #ffdf61;
		background-color: #393331;
		border: none;
		font-family: arial !important;
		letter-spacing: 2px;
		width: 100%;
		font-size: 16px;
		padding: 11px 0 !important;
		line-height: 20px;
		border-radius: 0px !important;
	}
	.mobile-checkout #my-submit {
		padding: 12px 0!important;
		line-height: 21px;
      	font-size:16px;
	}
     /*6 Dec 2018 HSS
      .container-fluid{
        margin-left: -7px;
	
      } ACM*/
	.mobile-checkout .cart-page-breadcrumb {
		/*margin: 0;*/
      	margin-top: 0;
        margin-bottom: 4px;
      	padding-bottom: 5px;
	}
	.mobile-checkout .check-content .payment-content{
		padding-left:0;
	}
	.mobile-checkout .check-content{
		margin-top:0px;
	}
	.mobile-checkout  .check-content p{
		padding-left:0;
		font-size:16px;
	}
	.mobile-checkout .payment-content p:last-of-type > span:first-of-type{
		font-family: 'FuturaMedium';
		text-transform:uppercase;
	}
	.mobile-checkout .payment-content p:last-of-type{
		font-size:18px;
	}
	.mobile-checkout .paypalDIV {
		text-align: center;
		margin-bottom: 100px;
	}
	.mobile-checkout .paypalTXT {
		font-size: 11px;
		font-family: arial;
		letter-spacing: 1px;
		margin-bottom: 5px;
		color:#333;
	}
	.mobile-checkout #expiration-month, .mobile-checkout #expiration-year {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-family: FuturaMedium !important;
		background-image: url(/Files/Templates/Designs/TWG/images/Register-products-carret.png);
		background-repeat: no-repeat;
		background-position-x: 100%;
		background-position-y: center;
		text-overflow: "";
		background-size: 20px 10px;
	}
  	.check-content.address-content p {
        color: #292b2c;
        opacity: 0.85;
    }
  	.hide {
        display: none;
    }
  	.check-content.order-summary p {
        font-size: 14px;
    }
    .mobile-checkout .promo-form button {
        padding: 9px 12px;
        display: block;
        width: 100%;
        font-family: arial;
        letter-spacing: 1.5px;
      	margin-top: 1px;
    }
    #ordersubmit .btn-brown, #ordersubmit .btn-brown-outline, #mybtForm .btn-brown, #mybtForm .btn-brown-outline {
        font-size: 14px!important;
        padding-top: 10px;
        padding-bottom: 31px;
        width: 100%;
        -webkit-appearance: none;
        display: block;
        height: 42px;
        margin-left: 0px;
        letter-spacing: 1.5px;
      	border: 1px solid #000 !important;
    }
  	.total-amount p{
      	font-size:18px;  
  	}
    .total-amount p b {
        font-weight: 700;
    }
    .amount{
      /*font-weight: bolder !important;*/
    }
   	.PromoWarn {
        font-size: 14px;
        color: red!important;
        text-align: right;
        font-style: italic;
        margin-top: -15px;
    }
  	.mobile-checkout #OutLets, .mobile-checkout #OutLets + span{
    	max-width:100%;  
      	width:100%!important;
  	}
    .mobile-checkout div#SHOP1 {
      	margin-bottom: -15px;
    }
	/*===========================
		Payment Page
	=============================*/

	.mobile-checkout .payment-form label{
		font-size:14px;
	}
	.mobile-checkout .payment-form a{
		font-size: 14px;
		letter-spacing: 2px;
		font-family: Arial;
		color: #393331;
		text-transform:uppercase;
	}
  	#pwconfirmModal.modal.show .modal-dialog {
      position: fixed;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
  	}
  	section.page-content.catalouge-content .row > div:first-of-type {
  		margin-top: 0;
  	}
  	.catalouge-content .Locationdetail{
      	margin-top:35px;
  	}
  	.catalouge-content .col-lg-4 .Locationdetail {
      	margin-top: 20px;
      	text-transform:uppercase;
	}
  	.catalouge-content .col-lg-4 .Locationdetail p{
      	margin-bottom:30px;
  	}
  	.btn-yellow.btn-yellow-xs-mobile {
        color: #393331;
        background-color: #f3c96f;
        border: 1px solid #f3c96f;
        font-size: 14px;
        font-family: Arial;
        padding: 12px 20px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-align: center;
        height: auto;
        margin-bottom: 15px;
      	width: 100%;
    }
    .mobile-showcart-content.mycart-content {
        padding-left: 10px;
        padding-right: 10px;
      	margin-bottom: 10px;
    }
  	.mobile-showcart-content.shipping-address-list .check-slide-content{
        padding-left:0;
  	}
  	.mobile-showcart-content .row.total-amount {
        margin-left: 0;
        margin-right: 0;
    }
  	.mobile-showcart-content #ToPersonalisedMessage, .mobile-showcart-content #FromPersonalisedMessage{
    	height: 40px;  
        padding-top: 10px;
  	}
  	.mobile-showcart-content
    .mycart-content h5 {
        font-family: agp-r;
        margin-top: 15px;
    }
    #deliveryInstruction, #ShippingMethodInstruction, #ToPersonalisedMessage, #PersonalisedMessage, #FromPersonalisedMessage {
        font-family: 'AGaramondProRegular';
        font-style: italic;
        text-transform: none;
        color: #000;
    }
  	.cart-product-bottom .custom-checkbox label{
    	vertical-align:-3px;  
 	}
  	.border-list li {
      border-bottom: 1px solid #b1adad;
      padding-bottom: 15px;
      padding-top: 20px;
      margin: 0;
  	}
  	.border-list li:first-of-type {
        padding-top: 10px;
    }
  	.border-list li:last-of-type {
        border-bottom: 0;
    }
  .cc_class{
 		padding-top: 25px; 
  }

  .cc_class label{
    vertical-align: middle !important;
  }

  .cus_tomnotchecked{
    background-image: url(/Files/Templates/Designs/TWG/images/icons/not_checked.png);
    width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    float: left;
  }

  .customSelect.qtyinput,.customSelect.qtyinput.customSelectHover,.customSelect.qtyinput.customSelectFocus,.customSelect.qtyinput.customSelectOpen{
    color:black !important; border:1px solid #ddd;
    border:none;

  }

  .cus_tomchecked{
    background-image: url(/Files/Templates/Designs/TWG/images/icons/checked.png);
    width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    float: left;
  }
  #GiftPackaging {
      display: none;
      float: left;
  }
  .add_msg {
      font-family: 'FuturaMedium' !important;
      display: flex;
      padding-left: 25px;
      font-size: 14px;
      text-transform: uppercase;
  }
  .cc2_class label {
      position: absolute;
  }
  .cart-product-bottom .cc_class{
 		padding-top: 0; 
  }
  	.mycart-content .border-list li p {
      padding-left: 26px;
      margin-bottom: 5px;
      margin-top: 10px;
	}
  	.product-detail-content {
    	margin-bottom: 15px;
	}
  	#selectedOutLet{
    	margin-top:30px;
  	}
  	#addressSection .custom_form.this_form .form-group,#addressSection .chosen-container{
        margin-bottom: 8px!important;
   	}
    div#add_to_bag button {
      width: 100%;
    }
    #productlist.thumbnail-list .row{
		margin-left:-10px;
      	margin-right:-10px;
    }
    #productlist.thumbnail-list .row > div {
      	padding-left: 5px!important;
        padding-right: 5px!important;
    }
    #EcomOrderDeliverySearch {
      background: #393331 !important;
      width: 100%;
      padding: 8px !important;
      margin-bottom: 15px !important;
      color: #f3d174 !important;
      font-size: 16px;
      text-transform: uppercase;
      border-radius: 0;
      font-family: arial;
      line-height: 1.3;
      margin-top: 3px;
  }
  .news-page-content .page-content {
      padding: 6px 10px 0!important;
  }
  .news-content-details .product-content{
		margin-left:-5px;
    	margin-right:-5px;
  }
  .news-content-details .product-content .product-img-overlay{
   		display:none!important; 
  }
  #ShowShippingAddress .chosen-container-single .chosen-single span{
        color: #a8a7a5!important;
  }
  #ShowShippingAddress .chosen-container-single .chosen-single span{
  		color:#000!important;  
  }
  .myaccount-content #leftnavigation {
   		margin-top:0; 
  }
  .refine-slide .btn-yellow-outline{
   		margin-left:-5px;
  }
  .refine-slide .btn-yellow-outline, .refine-slide .btn-yellow{
  		width:132px;  
  }
}

/* Toetet for small device iphone SE */
@media (max-width: 320px) and (max-height: 568px) {

  .footer-navigation .cross-btn {
  		margin-right: 0px !important;
  }
  
  .product-detail-content h1 {
  		margin-left: 5px;
  }
  
  .product-detail-content h1 + .product-price, .product-block .product-price {
       	margin-left: 5px !important;
  }
  
  .refine-buttons {
               padding: 1.6em 0 0px;
               border-top: 1px solid #4c4542;
              	margin-left: 5px;
          }
  .refine-content {
  		border: none;
    	padding-bottom: 0px;
  }
  
  div#add_to_bag .addToBagOther {
  	width: 100% !important;
  }
  
  #btnReset {
  	margin-left: 0px;
  }
  #btnApply {
  	margin-left: -15px;
  }
  
  .mobile-header-top ul {
  	right: 30px;
  }
  #advbar p {
  	padding-top: 10px !important;
  }
  
  .mobile-header-top {
  	padding-bottom: 10px;
  }
  #newsSortBy {
  	right: 10px !important;
  }
  
  .location-dropdown {
  	width: 107%;
    margin-left: -10px;
  }
  .location-content {
  	padding-top: 10px !important;
    min-height: calc(108vh - 200px);
    padding-right: 20px !important;
  }
  .location-content .main-heading {
  	margin-bottom: 25px !important;
  }
  
  .location-dropdown #select-country-location {
  	margin-bottom: 0px;
  }
  .favourite-indicator {
  	margin-right: 5px;
  }
  
  .main-heading span {
  	letter-spacing: 1px;
  }
  
  .margin {
  	margin-bottom: -5px;
  }
  
  /*.Locationdetail {
  	width: 300px;
    text-align: justify;
    margin-left: 10px;
    line-height: 1;
  }*/
  
  .home-page-content .news-carousel .slick-slider > button{
  	margin-top: 0px;
  }
  
  .slick-slider > button, .slick-slider > a > button {
  	top: 39% !important;
  }
  
  .news-carousel.mb-0 {
  	margin-bottom: 0px !important;
  }
  
  .tea-table-cus-padding {
  	margin-top: 85px !important;
    margin-bottom: 10px;
  }
  
  .slick-slider .slick-next {
  	margin-top: 0px;
  }
  
  .slick-slider .slick-prev {
  	margin-top: 0px;
  }
  
  .variety-content .slick-slider > button {
  	top: 40% !important;
  }
  
  .product-detail-content {
  	padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  .catalouge-content .col-lg-4 .Locationdetail p {
  	margin-bottom: 10px;
  }
  
  .catalogue {
  	margin-bottom: 3rem !important;
  }
  
  .catalouge-content {
  	padding: 10px 15px;
  }
  
  .about-content h3 {
  	font-size: 16px;
  }
  
  .about-content-inner {
  	margin-bottom: 20px !important;
  }
  
  .gift-content .main-sub-heading {
  	margin-top: -38px !important;
  }
  
  .gift-content {
  	/*margin-top: 20px;*/
    margin-bottom: 0px;
  }
  
  .news-carousel .slick-slider > button {
  	top: 30% !important;
  }
  
  .NewsthumbTitle {
  	margin-bottom: 0rem;
  }
  
  .bg-dark.ourCompanyPadding {
  	width: 300px;
    text-align: justify;
  }
  
  .deviceheight {
  	margin-top: 10px !important;
  }
  
  .loginBoxHeight {
  	margin-bottom: 1rem !important;
  }
  
  .register-content .custom-checkbox.mt-5 {
  	margin-top: 0px !important;
  }
  
  .registerAccept {
  	width: 307px;
    margin-bottom: 0px;
  }
  
  .custom-checkbox [type="checkbox"]:not(:checked) + label, .custom-checkbox [type="checkbox"]:checked + label, .custom-checkbox [type="radio"]:not(:checked) + label, .custom-checkbox [type="radio"]:checked + label
  {
  	padding-left: 30px;
  }
  
  input.form-control {
  	width: 100% !important;
  }
  
  .log-content h3, .checkout-content h3 {
  	margin-top: 5px;
  }
  
  .mblmargin {
  	margin-bottom: 0px !important;
  }
  
  .modal .modal-dialog {
  	top: 37%;
  }
  
  .cross-btn img, .close img {
  	width: 100%;
  }
  
  #sliding-nav + .container {
  	margin-bottom: 0px;
  }
  
  .start_edit {
  	margin-left: 65%;
    font-size: 12px !important;
  }
  
 .text-xs-left {
  	text-align: left !important;
  }
  
  /* For Fav Button */
   #ClearProductinFavList{
  	width: 270px !important;
  }
  
  #AddProductinFavList {
  	width: 270px !important;
  }
  /* End */
  /*YNH 6-8-19 */
 .footer-navigation-inner #submit {
   	padding-top: 30px !important;
    padding-left: 5px !important;
  }
  ul.list-unstyled.list-inline.footer-social-icons {
    padding-left: 6px;
  }
  
  /*YNH 7-8-19 */
  .myaccount-content h4 {
    border-bottom: 1px solid #b1adad;
  }
  
  /* For Favourite page */
  .fav-share {
  	padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
  }
  /* End */
  .home-page-content .Locationdetail p {
  	margin-top: 20px;
  }
  .news-carousel.mb-0 {
  	margin-bottom: -10px !important;
  }
}
/* End */

@media (max-width: 640px){
	.header-note{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.contact-inner-content{
		padding:25px 20px;
	}
	.news-content{
		padding:60px 10px 0;
	}
	.refine-buttons button{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.log-content{
		padding: 2.5em 20px 3em 20px;
	}
	.log-content{
		padding: 40px 40px 48px;
    	margin: 0px 0px 35px;
 	 }
}
/*@media (min-width: 576px) {
  .container {
      max-width: 100%;
  }
}
@media (max-width: 479px) {
    .add-tea-block li.itemPlaceholder a img {
        min-height: 58px;
    }
}*/

/* 15-Now-2018 Begin Zayar Minn */

/* 27-Nov-2018 Begin Yan Naing Htun */


/* 27-Nov-2018 End Yan Naing Htun */

/* 06-Dec-18 ACM */
@media (max-width: 768px){
  
      /* 15-Now-2018 Begin Zayar Minn */
      .cart-qty-dropdown {
          width: 85px !important;
          margin-left: 6px !important;
      }
  /* 15-Now-2018 End Zayar Minn */
      .order-detail-wrapper table tr td[colspan="4"] span{
          margin-left: 0 !important;  
      }

      .order-detail-content table tr td:last-of-type{
          /*padding-right: 8px; */
      }

      .indicator-box{
          margin-left: -60px;  
      }

      .favourite-indicator ~ .indicator-box-body .indicator-box {
          margin-left: 0;  
      }
    /* Toetet 3.12 */
    .container {
          max-width: 800px;
          padding-left: 20px;
          padding-right: 20px;
      }
    .respSubmit{
          margin-bottom: 30px;
          float: left;
		  width: 49% !important;
        }
  
 	 /* 06-Dec-18 ACM  */	
    .register-content .accordion .btn-link:after {
        /*content: "\f106";*/
        /*font-family: 'fontawesome';*/
        /*color: black;*/
        content: "\f106" !important;
        font-family: 'fontawesome' !important;
        color: black;
        position: absolute;
        right: 0;
        font-size: 22px;
        font-weight: 400;
    }
    .register-content .accordion .btn-link.collapsed:after {
        content: "\f107" !important;
    }
  
  	.myaccount-content.log-content{
      	margin-top: 0;
    	margin-left: -25px;	
      	margin-right: -25px;
      	margin-bottom: -20px;
  	} 
  
  	/* 19-Dec-18 ACM 
  	.myaccount-content #leftnavigation li a span{
    	font-size: 16px !important;  
	}*/
  
  	.closeIcon-trigger{
    	right: 10px;  
  	}
  
}

/* 10-Dec-18 ACM */
@media (max-width: 768px) and (min-width: 415px){
 	#chooseTinOrSachet .product-qty .customSelect .customSelectInner{
      	margin-left: 0;
  	}
  
  	#PD_box, #MsgBox{
    	width: 90%;  
  	}
  
  	.PD_submit .btn-yellow{
    	min-width: 187px;
  	}
}

@media (min-width: 668px) and (max-width: 736px) {
 	.register-content .customSelect, .chosen-container {
      	width: 706px !important;
  	}
}

@media (min-width: 600px) and (max-width: 667px) {
 	.register-content .customSelect, .chosen-container {
      	width: 636px !important;
  	}
}

@media (max-width: 414px) and (max-height: 846px) {
  .addToBagOther {
  		width: 380px !important;	
  }
}
/* 30 July 2019 Toetet for iphone XR */
@media (max-width: 414px) and (max-height: 896px) {
	.myQty_class, .add-to-bag-form .product-qty .weight_class{
    max-width: 80px ;
    right: 0px ;
  }
  .gift-content {
  	margin-bottom: 0px;
  }
   div#add_to_bag .addToBagOther {
  		width: 100% !important;	
  }
  div#add_to_bag button {
  	width: 100% !important;
  }
  /* For favourite button */
  #ClearProductinFavList {
  	width: 364px;
    height: 47px !important;
  }
  
  #AddProductinFavList {
  	width: 364px;
    height: 47px !important;
    margin-right: 23px;
  }
  
  /* End Fav Button */
  /* For Login page */
  .login-container {
  	padding-left: 5px;
    padding-right: 5px;
  }  
  #loginbtn, #register-now {
  	width: 97%;
    margin-left: 5px;
  }
  #loginbtn {
  	margin-bottom: -43px;
  }
  #register-now {
  	margin-top: 1em;
    margin-bottom: 0px;
    width: 100%;
    margin-left: -5px;
  }
  .deviceheight {
  	height: 729px !important;
    margin-top: 28px;
  }
  .log-content {
  	padding: 40px 56px 48px;
  }
  .min-margin-bottom {
  	margin-top: 5px;
  }
  .login-container .log-content h3 {
  	font-size: 25px;
  }
  #loginform {
  	margin-bottom: 10px;
  }
  .login-container .log-content p {
  	/*margin-bottom: 10px;*/
  }
  /* end */
  /* For register */
  .registerMobile {
  	margin-right: 0px !important;
    margin-left: 0px !important;
  }
  
  .footer-navigation {
    overflow: unset !important;
  }
  .footer-navigation .cross-btn {
    margin-right: 0px !important;
  }
  .footer-navigation-inner {
    width: 100%;
  }
  .footer-navigation h4 a {
    font-size: 13px !important;
  }
  .hasfootermenu {
    margin-bottom: -5px !important;
  }
  .footer-navigation h4 {
    margin-bottom: -10px !important;
  }
  .footer-social-icons li:first-of-type p {
    padding-top: 17px;
  }
  .footer-navigation-inner #submit {
    margin-top: 4px;
  }
  ul.list-unstyled.list-inline.footer-social-icons {
    margin-top: 4px !important;
  }
  .footer-navigation h4.hasfootermenu ~ ul {
    margin-top: 17px;
  }
  
  /* End */
  /* For slide show button */
  .slick-slider .slick-prev , .slick-slider .slick-next {
  	top: 41%;
    margin-top: 0px;
  }
  .home-page-content .news-carousel .slick-slider > button {
  	top: 38%;
    margin-top: 0px;
  }
  /* End */
  .mobile-header-top {
	padding-bottom: 10px;
  }
  .myFav .text-right {
  	margin-left: 5px !important;
  }
  .myaccount-content .my-fav-content {
  	margin-left: 0px;
    margin-right: 0px;
  }
  .fav-share {
  	margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 15px;
  }
  .fav-share i {
  	color: #e4b807;
  }
}
/* End */
/* 15-Now-2018 Begin Zayar Minn */
@media screen and (max-width: 480px) and (min-width: 380px) and (min-height: 736px) and (max-height: 800px)
{
  .other_productFav {
  	text-align: center;
  }
  .container {
    padding-bottom: 15px;
  }
  .register-content p {
  	line-height: 145%;
  }
  .mobile-header-top {
  	padding-bottom: 15px;
  }
  .main-heading {
  	margin-bottom: 35px !important;
  }
  
  #add_to_fav {
  	color: rgb(102, 102, 91) !important;
  }
  
  .myQty_class, .add-to-bag-form .product-qty .weight_class{
    max-width: 80px ;
    right: 1px ;
  }
  .myQty_class {
  	width: 80px;
    right: 1px;
  }
  .add-to-bag-form .product-qty .weight_class{
     right: 1px !important;
  }
  
  .product-description {
  	margin-left: 0px;
  }
  
  #pwconfirmModal.modal.show .modal-dialog
  {
  	left: 5%;
  }
  
  div#add_to_bag .addToBagOther {
  	/*width: 394px !important;*/
    width: 100% !important;
  }
 
  #advbar p {
  	padding-top: 20px;
  }
  
    .modal .modal-dialog{
		transform: translateY(-13%) !important;
      	-webkit-transform: translateY(-13%) !important;
    }
  /* Toetet */
    .registerMobile{
      width: 100%;
      margin-left: 0px !important;
    }
    .respSubmit{
      float: left;
      width: 100% !important;
      height: 45px !important;
      margin-left: 0px;
    }
  
  #register-now {
  	width: 100%;
  }
  #loginbtn {
  	width: 97%;
    margin-top: 3px;
  }
  
  #register-now {
  	margin-top: 20px;
  }
  
    .scrollclick{
    padding-top: 8em;
    padding-bottom: 9.5em;
    padding-left: 56em;
    padding-right: 49em;
    margin: 0 -56em;
   }
  
  .deviceheight {
  	height: 704px !important;
    margin-top: 28px;
  }
  
  #player-video-tag{
     width: 106.3% !important;
	 margin: 0px -12px;    
    }
  #addressSelect {
  	width: 305px !important;
  }
  
  .chosen-container {
  	margin-bottom: 18px !important;
  }
  .product-img-overlay.mixmatch-product span {
    font-size: 16px;
    padding-top: 15px;
    width: 100%;
    text-align: center;
    margin: auto;
 }
  .product-img-overlay.mixmatch-product img{
    width: 34.9px;
    
  }
  
  #UserManagement_Form_NewPasswordConfirm {
  	margin-bottom: 10px !important;
  }
  
  	.container.login-container{
        padding-left: 0;
		padding-right: 0;
  	}
  
  	.delivery_date{
    	width: 100%;  
  	}
  
  	.btn-clear{
    	/*min-width: 100%; */ 
  	}
  	.Locationdetail{
		/*margin-top: 40px;*/
      	padding-bottom: 5px;
    	/*margin-bottom: 22px;*/
      	/*margin-bottom: -10px;*/
      /*margin-bottom: -42px;*/
  
  	}
  
  	.img-fluid{
     /*margin:4px;*/
  
  	}
  
  	.hasfootermenu {
    	margin-bottom: 15px;
	}
  
    .footer-navigation-inner{
        width: 100%;
		margin-left: 0px;
      	margin-right: 0px;
    }
  
    .footer-navigation-inner #submit{
    	text-decoration:none;
        margin-left: 0px;
      	padding: 10px 0px;
      	margin-top: 0;
    }

    ul.list-unstyled.list-inline.footer-social-icons{
		margin-left: 0;
    }
  
    .related-products {
          border-bottom: 0; 
          margin-bottom: 0;
          padding-bottom: 0;
    } 
  
  	.footer-navigation{
    	margin-left: 0px !important;  
  	}
  
    .footer-navigation .cross-btn{
		margin-bottom: 5px !important;
    }
  
  	.footer-navigation h4{
    	margin-top: 10px !important;
      	margin-bottom: 10px !important;
      	margin-left: 0 !important;
      	line-height: 13px !important;
  	}
  
  	.footer-navigation h4 a{
    	font-size: 13px !important;  
      	line-height: 13px !important;
  	}
  
  	.footer-navigation h4.sm-chooseCountry{
    	margin-bottom: 20px !important;  
  	}
  
    .signUpFooter{
		height: 25px;/*HSS*/
    }
    
  /* Toete 16 Jan for Search by varieties of tea carousal */
  .variety-content {
    padding-top: 1.6em;
    margin-top: 0px !important;
    margin-bottom: -8px;
  }
  /* ENd */
  .myFav .text-right{
  	margin-left: 0px !important;
  }
  
  .myFav #AddProductinFavList{
  	/*min-width: 100%;*/
    height: 45px !important;
  }
  
  .custom-dropdown .dropdown-toggle{
  	margin-right: 0px !important;
  }
  .slider-caption{
  	margin-top: 11px;
    width: auto;
    max-width: 200px;
    background: #000;
    color: #FFD26E;
    line-height: 18px;
    letter-spacing: 3px;
    font-family: "Arial";
    padding: 14px;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .fav-box-select .custom-checkbox{
  	z-index: 10;
  }
  
  .footer-navigation .cross-btn {
  		margin-right: 0px !important;
  }
  
  .product-detail-content {
  	padding: 0px;
  }
  
  .icon-list li {
    
    position: relative;
    /*font-weight: 600;*/
  }
  
  .mytwgreward {
    padding-top: 10px;
    font-size: 16px !important;
  }
  
  /*.color-yellow {
    padding-right: 23px;
  }*/
  .plus li {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    font-weight: 600;
    padding-left: 31px;
  }
  
  .loginpagetitle {
    font-size: 25px !important;
    margin-bottom: 0.8em !important; 
  }
  
  /*YNH 2-8-19 Register page */
  .register-dob p {
    padding-top: 4px;
    padding-bottom: 2px;
    font-size: 16px;
  }
  
  .edit_link {
   font-size: 12px !important;
   margin-left: 51px;
  }
  
  .register-content p {
  	margin-bottom: 53px;  
  }
  
  /*YNH 6-8-19 */
  .footer-navigation h4.hasfootermenu ~ ul {
    padding-left: 0px !important;
  }
  .text-xs-left {
    text-align: left !important;
  }
  ul.list-unstyled.list-inline.footer-social-icons {
    padding-top: 28px;
  }
  .footer-navigation-inner #submit {
    padding-left: 0px !important;
  }
  
  /*YNH 7-8-19 */
  .myaccount-content h4 {
    border-bottom: 1px solid #b1adad;
  }
  .register-content p {
    margin-bottom: 0px;
  }
  .mytwgreward {
    padding-left: 0px !important;
  }
  .mytwgbenefit {
    padding-top: 19px;
  }
  .mytwgadd {
    padding-top: 19px;
    padding-bottom: 20px;
  }
  .mytwgimg {
     padding-left: 5px;
     width: 98%;
     margin-top: 34px;
  }
  .twg-content .content-heading-large ~ h6 {
    font-size: 1rem;
  }
  .mytwgrewardtitle {
    font-weight: 400;
  }
  .membership-card {
    width: 98%;
  }
  
  .myAcc {
    padding-bottom: 0px;
  }
  .changePass {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
  }
  .myaccounttitle {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .myAcc-p {
    margin-bottom: -18px !important;
  }
  .register-content .accordion .btn-link {
    padding-bottom: 15px !important;
  }
  .twg-content {
    padding-top: 0px;
  }
  .listName {
    line-height: 223% !important;
  }
  .myaccAccept {
    padding-top: 25px;
    color: #292b2c !important;
  }
  .personaledit {
    padding-top: 35px !important;
  }
  .personaledit .form-control {
    border: 1px solid #1E1A19;  	
  }
/*for favourite page */
  .my-fav-content {
  	margin-bottom: -10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  /* End */
  
  .login-container .log-content p {
  	margin-bottom: 10px;
  }
  #ClearProductinFavList {
  	width: 364px;
  }
  .home-page-content .Locationdetail p {
    margin-top: 30px;
    line-height: 20.35px;
  }
    
}
@media screen and (min-width: 414px) and (max-width: 760px) {
	.modal-video {
  	top: 38% !important;
  }
  .more-btn {
    padding-top: 23px !important;
  }
}


/*13-12-18 TMM*/
@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px)
{
	.add-tea-block li > img
	{
		height: unset !important;
	}
} 
@media screen and (max-width: 400px) and (min-width: 30px) and (max-height: 600px)
{
	.add-tea-block li > img
	{
		height: unset !important;
	}
}
@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px)
{
	.searchIcon
	{
		top:12px;
	}
}
@media screen and (max-width: 768px) and (min-width: 700px) and (max-height: 1024px)
{
	.searchIcon 
	{
		top:12px;
	}
}

@media (min-width: 1024px) and (max-width: 1199px){
  .nav-dropdown-menu {
      left: 41.3% !important;
      padding-top: 40px;
      transform: translateX(-50%);
  }
    .nav-dropdown-menu.search-dropdown-menu {
    	transform: translateX(-100%);
    }
  	.nav-dropdown-menu.login-dropdown-menu {
  		transform: translateX(-90%);
  }
}
/*For iphone X */
@media screen and (max-width: 375px) and (max-height: 812px) {
  .myQty_class {
  	right: 6px !important;
  }
  .container {
  	padding-bottom: 15px;
  }
  .twg-content {
  	padding-top: 0px;
  }
  .register-content p {
  	line-height: 1.5;
  }
  .listName {
  	line-height: 2.5;
  }
  .add-to-bag-form .weight_class {
  	right: 2px !important;
  }
  
  div#add_to_bag button {
  	width: 346px !important;
  }
  
  div#add_to_bag .addToBagOther {
  	width: 100% !important;
  }
  
  /* For Fav button */
  #ClearProductinFavList{
  	height: 47px !important;
  	width: 325px;
  }
  
  #AddProductinFavList {
  	width: 325px;
  }
  /* End */
  /* For login page */
  #loginbtn, #register-now {
    margin-top: 3px;
  }
  #loginbtn {
  	margin-bottom: 15px !important;
  }
  #register-now {
  	margin-bottom: 50px !important;
    width: 100%;
  }
  .log-content {
  	padding: 40px 56px 17px !important;
  }
  .mbltitle {
  	font-size: 14px !important;
  }
  .log-content .forgot-password {
  	margin-top: 0px;
  }
  .loginpagetitle {
  	font-size: 20px;
  }
  .deviceheight {
  	margin-top: 36px !important;
  }
  
  /*YNH 6-8-19 */
  .text-xs-left {
    text-align: left !important;
  }
  .footer-navigation {
    overflow: unset !important;
  }
  .footer-navigation .cross-btn {
    margin-right: 0px !important;
  }
  .footer-navigation-inner {
    width: 100%;
  }
  .footer-navigation h4 a {
    font-size: 13px !important;
  }
  .hasfootermenu {
    margin-bottom: -5px !important;
  }
  .footer-navigation h4 {
    margin-bottom: -10px !important;
  }
  .footer-social-icons li:first-of-type p {
    padding-top: 17px;
  }
  .footer-navigation-inner #submit {
   	margin-top: 4px;
  }
  ul.list-unstyled.list-inline.footer-social-icons {
    margin-top: 4px !important;
  }
  .footer-navigation h4.hasfootermenu ~ ul {
    margin-top: 27px;
  }
  
  /*YNH 7-8-19 */
  .myaccount-content h4 {
    border-bottom: 1px solid #b1adad;
  }
  /* end */
  /* For fav page */
  .my-fav-content {
  	min-height: 75vh;
  }
  /* End */
  /* my account page */
  .edit_link {
  	font-size: 12px !important;
    margin: 0 0 20px 10px;
  }
  .mb-myaccount-pd {
  	margin-top: 45px;
  }
  /* End */
}

/*For Mobile Design*/
@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px){
        
  		/* For login page */
        .login-container {
          padding: 0 !important;
        }
        .login-container .log-content p.login-font {
          line-height: 105%;
        }
        #loginform {
          margin-bottom: 10px;
        }
        .log-content .forgot-password {
          margin-top: -3px;
          margin-bottom: 13px !important;
        }
        #loginKeepmesign {
          padding-top: 0px;
        }
        
        #loginbtn {
          margin-bottom: 5px !important;
        }
        #loginbtn, #register-now {
          margin-top: 22px;
        }
        .createboxheight {
          height: 309px;
        }
  		/* End */
        #apply {
		  font-size: 14px;
          background-color: #f3c96f !important;
          color: #393331 !important;
          padding: 19px !important;
          width: 100%;
          margin-left: 0px;
          margin-top: 0px;
          border: 1px solid #f3c96f !important;
        }
        #EcomOrderVoucherCodeShow {
          width: 100% !important;
          padding: 10px 12px;
          margin-left: 0px;
          border: 1px solid black;
        }
        .promo-form {
			margin-top: 1rem;
          	margin-bottom: 0 !important;
        }
        
        .lineheight {
          line-height: 3.5 !important;
        }
  
      .add-to-bag-form .product-qty .weight_class {
            right: 3px;
      }
  
      .myQty_class {
        /*right: 3px !important;*/right: 7px !important;/*by AKS on 4 dec 2019*/
      }
  .product-detail-content h1 {
  		font-size: 16px;
      	margin-bottom: 0px;
      	margin-top: 25px;
      	color: #f3c96f;
  	}
        .main-heading {
          margin-bottom: 0px !important;
        }
         
         #MsgBox {
              width: 90%;
              padding: 40px 20px;
              height: 50%;
          }
          #chooseTinOrSachet .modal-content{
            margin-top: 20px;
          }
          .edit_link {
            position: unset;
          }
  		  /* Toetet for my account page */
          .myAcc-p .edit_link {
            margin-bottom: 45px;
            margin-top: 15px !important;
          }
  			/* end */
          .arrow {
              margin-top: 9px !important;
          }
          .favourite-indicator {
                width: 28px;
                height: 54px;
                background-size: 23px auto;
        }
        .refine-link a span, .custom-dropdown .dropdown-toggle:after {
           top: 4px;
        }
        .applied-text {
          color: #8f8987 !important;
          font-size: 11px !important;
          text-align: right;
          line-height: 2.5rem !important;
          margin: 0;
          margin-top: -15px;
          font-style: italic;
      }
      .added-product {
        text-decoration: none !important;
      }
  	  .custom-dropdown .dropdown-menu {
	    width: 191px !important;
  }
  .add_to_fav_padding{
  		text-align: center;
        margin-top: 10px !important;
  }
    /*.gift-content{
          margin-top: 50px !important;
    }*/
    .register-content .my-fav-content p{
      margin-top: 25px !important;
    }
    .online-termcondtion .small-border-heading {
        background: none;
        margin-bottom: 45px !important;
          margin-top: -45px !important;
	}
    #pwconfirmModal.modal.show .modal-dialog {
      position: fixed;
      left: 5% !important;
      margin:auto;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
	}
     .getNotifySection{
        padding-bottom: 10px;
     }
  	.mobile-navigation ul li a.music-icon {
        vertical-align: middle !important;
        background-size: 18px 18px;
    }
    .mobile-navigation ul li a.music-icon {
        padding: 0;
        margin-left: -15px;
        width: 37px;
        height: 19px;
        vertical-align: 4px;
        padding-top: 5px;
  }
    /*#myAddresses .this_form:first-of-type {
      	padding-top: 0em !important;
     }*/
  	    .passwordForm{
          	padding-top: 0em !important;
    		padding-bottom: 1em !important;
  		}
        .passwordForm .form-control{
            margin-top: -5px;
        }
    #mypassword form {
        padding-top: 1em !important;
    }
  .saveButton{
  		background-color: #f3c96f  !important;
  }
  
  .ourCompanyPadding{
    	margin-bottom: 0.5rem !important;
  }
  .gift-content {
      padding-top: 0;
      margin-bottom: 10px !important;
      padding: 0 0 !important;
  }
  #my-addresses{
  	    margin-top: 5px;
  }
  .register-content .accordion form[name="UserManagementEditForm"] .form-group button[type="submit"] {
      margin-right: 5px;
      width: 97% !important;
  }
  #facets{
  	    margin-left: 3px;
  }
  
  .input-group {
      width: 105%;
  }
  
  .mobile-header-top {
      height: 97px;
  }
  
  .product-refine{
  	    margin-left: -20px !important;
    	margin-right: -10px !important;
  }
  .custom-dropdown .dropdown-menu{
  	margin-right: 0px !important;
  }
      	.order-list.product-info{
       		 padding-right: 5px;
      	}
        div[class*="col-"][class*="pl-"].looseTeaDetails_col ,div[class*="col-"][class*="pl-"].looseTeaImage_col  {
          padding-left: 5px !important;
          padding-right: 0px !important;
      }
        .related-products.positionDetail {
            padding-left: 0px !important;
            padding-right: 0px !important;
            /*margin-bottom: 60px !important;*/
          	margin-bottom: 0px;
          	padding-bottom: 0;
          	border: 0;          	
        }
  
        /* 17-Dec-18 Begin YNH */
        .btn-brown {
            color: #ffdf61;
            background: #393331;
        }
        /* 17-Dec-18 End YNH */
  		
  		/*.myfav {
   			font-family: Garamond !important;
  		}*/
  
  /* 9-July-19 Begin YNH MyTWG page */
  
  		.twg-content ul {
            margin-bottom: 15px !important;
  		}
  		
  		.twg-content {
           padding-top: 0px !important;
        }
  /* 9-July-19 End YNH MyTWG page */

        .page-content .about-content div{
             padding: 0 1px !important;
        }
         .home-page-content .Locationdetail p {
       /*    margin-top: 35px; Toetet change 45 to 35 Comment Out By AKS*/
           line-height: 1.5;
        }
        .product-refine li {
          margin-bottom: 32px;
      }
        .bg-dark{
          padding: 10px;/* Toetet uncomment for substainability page */
          background: #1f1613 !important;/* Toetet 17 */
          margin-bottom: 0rem;/* HSS 18 */
        }
         #ClearProductinFavList{
            height: 47px !important;
           	width: 325px;
        }
  
        #AddProductinFavList {
           	width: 325px;
        }
         .saved-address{
			margin-bottom: 0px !important;
        }
         .mb-max-2{
          	max-width: 50%;
         }
  		 .mb-max-25{
          	max-width: 25%;
         }
    	 .mb-max-75{
          	max-width: 75%;
         }
         .chosen-container .chosen-single span {
            color: #8f8987;
            font-family: FuturaMedium !important;
        }
        /* .register-content .accordion > h5 + .collapse {
            padding-top: 2em;
             margin-top: 35px;Toetet
            border-top: 1px solid #ddd;
        }*/
  
  		#myAddresses .this_form:first-of-type{
        	padding-top: 1.5em !important;  
  		}
          .paddingTop {
              padding-top: 0px !important;
          }
          .text-xs-left {
                 text-align: left !important;
            }
          .mb-myaccount-pw-pd{
             padding-bottom: 10px !important;
            }
          .tbl-myaccount{
              padding-left: 0px !important;
              padding-right: 0px !important;
              padding-top: 0px !important;
          }
            .hl-default {
              display: block;
              border-top: 1px solid #4c4542 !important;
            }
          #favSortBy{
            text-align: right;
            padding-right: 20px;
            background: #1f1613;
            opacity: 0.8;
            width: 200px !important;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-right: 25px !important;/* Toetet 18 Dec */
          }
          .hide-load-more{
            display:none;
            }
          .product-carousel .slick-slider .slick-prev{
            left: 5% !important;
            margin-top: 0px;
            margin-left: -5px !important;
          }
  		.product-carousel .slick-slider .slick-next{
            left: 5% !important;
            margin-top: 0px;
            margin-right: -5px !important;
          	margin-left: 310px;
          }
          .min-margin-bottom{
             /* margin-bottom: -220px !important; */
    		margin-top: -25px !important;
          }
              .loginBoxHeightCreate{
                    max-height:280px !important;
                    padding: 56px !important;
              }

             .loginBoxHeight, .loginBoxHeightCreate {
                  padding-bottom: 5px !important;
                }
            .createboxheight{
                  margin-top: 30px !important;
                  padding-bottom: 0px !important;
            }
           
             #loginbtn, #register-now{
              font-family: arial !important;
   			  background: #f3d174 !important;
              width: 283px !important;
              height: 38px !important;
              font-size: 17px; 
              border: none;
              letter-spacing: .11em;
              margin-top: 22px;
              margin-left: 5px;
          	}
            #profileForm .register-content .btn-yellow{
                margin-top: 20px !important;
              	margin-bottom: 60px !important;/* Toetet */
            }
  			.footer-copyright a {
              color: #fff;
              margin-right: 0px !important;
              font-family: "adobe-garamond-pro" !important;
              font-size: 13px !important;
          }
  			div[class*="col-"][class*="pl-"] {
              padding-left: 5px !important;
              
          }
          /*.mobile-padding-5.online-termcondtion.respCat p{
            margin-top: 1px !important;

          }*/
            .dropbox {
              /* width: 303px; */
              margin-bottom: 5px;
            }
            .mb-register-dropbox{
                padding-bottom: 15px !important;
            }
       
            .custom-checkbox{
              margin-top: 0px !important;
              margin-bottom: -20px;
              z-index: 10;/* Toetet 17 */
            }
  				div[class*="col-"][class*="pr-"] {
              padding-right: 5px !important;
              margin-bottom: 0px !important;
          }
  			/* Toetet 17 */
            .my-fav-content .slider-caption{
              margin-top: 11px;
              width: 93%;
              max-width: 193px;
              background: #000;
              color: #FFD26E;
              line-height: 11px;
              letter-spacing: 2px;
              font-family: "Arial";
              padding: 6px;
              text-transform: uppercase;
              text-align: right;
              font-size: 11px;
              padding-right: 3px;
              float: right;
  			}
            .mt-5 .text-right{
              margin-top: 4rem !important;
              margin-left: -10px;
    		  min-width: 100%;/* 103 */
            }
            .product-content#productlist{
              padding-top: 0;
              margin-top: 20px;
              margin-right: -20px;
              margin-left: -20px;
            }
            .news-content .custom-dropdown .dropdown-toggle:after{
              /*margin-left: 15px !important;Toetet 18 Dec */
                  margin-top: 10px;
            }
            .location-dropdown #select-country-location{
              background: #1E1A19 !important;
              border-radius: 0;
              display: block;
              width: 100%;
              border-color: #000;
              position: relative;
              margin-bottom: 5px;/* Toetet 20 Dec */
            }
          .location-content {
              padding: 15px 10px 0 !important;
              min-height: calc(100vh - 150px);
              margin-top: 0px;/* Toetet 20 Dec */
        }
          .news-content .custom-dropdown .dropdown-toggle{
              color: #000;
              font-weight: 600;
              letter-spacing: 1px;
              background: none!important;
              border: none!important;
              outline: none!important;
              color: #000!important;
              box-shadow: none!important;
              margin-bottom: -8px;
          }
          .news-content .custom-dropdown  span {
            /*margin-right: -10px !important;*/
            /*padding-left: 10px;*/
            margin-right: -7px !important;
          }
  			/* End */
            /*Toetet 18 Dec */
            .location-dropdown-content {
              color: #000;
              line-height: 1.05;
              width: 100%;
              margin-top: 10px;
          }
  
 			 /****HSS Begin 16-01 *****/
            .refine-content {
             /* margin-bottom: 30px;
              margin-bottom: 25px;*/
              margin-left: 18px;
             border-bottom: none; /*Toetet 16 Jan */
              padding-bottom: 90px;
              margin-right: 15px;
          }
            .refine-slide .btn-yellow-outline {
              margin-left: 0px !important;
          }
             .refine-slide .btn-yellow {
                   margin-left: 5px !important;
          }
            .refine-buttons {
               padding: 1.6em 0 0px;
               border-top: 1px solid #4c4542;
              	margin-left: 5px;
          }
  			/****HSS End 16-01 *****/
            
            .loginBoxHeightCreate{
               padding: 56px !important;
            }
  			.form-group {
               margin-bottom: 1rem;
            }
            #add_to_fav{
                  padding: 0 4px !important;
                  font-family: Arial !important;
                  font-size: 14.58px !important;
                  border: none;
                  /*text-decoration: underline !important;
                  text-align: left !important;*/
              	  
                  /*color: #f3d174 !important;*/
              		color: rgb(102, 102, 91) !important;
                  margin-top: -5px;
            }
  			#add_to_fav:hover {
  				color: white !important;
  			}
            .other_productFav{
				text-align: center !important;
            }
            .mycart-content h5{
              	 color:rgb(41, 43, 44);
                 font-family: AGaramondProRegular;
                 font-size:16px;
              	 padding-left: 5px;
              	 padding-right: 5px;
            }
            #sortingdropdown {
                right: -11px;
            }
            .product-sorting {
               margin-top: 30px !important;
               padding-bottom: 10px !important;
             }   
              #toptitle{
              margin-top: -30px;
              margin-bottom: -40px;
            }
            .mobile-margin{
              margin-left:3px;
            }
            .acceptmargin p{
                margin-top: 0px !important; 
            }
            .yellow_btn{
              min-width: 320px !important;
              margin-left: unset;
            }
            .order-padding{
              padding-top: 20px!important;
            }
            .order-total-price {
                margin-left: 33.33333333%;
            }
            .my-fav-content{
              margin-left: 0px !important;/* Toetet change 10px to 0px for fav page */
              margin-right: 0px !important;
            }
              .hide-tbl{
                  padding: 15px;
                  display: block;
              }

           .pagenotfoundTest{
              padding-left: 10px !important;
              padding-right: 10px !important;
           }
          .catalouge-content{
            padding-left: 15px !important;
            padding-right: 15px !important;
          }

            section.page-content.catalouge-content .row > div {
              margin-top: 5px;
              margin-bottom: 0px !important;
              padding-bottom: 0px !important;
           }
            .location-content .main-heading{
                margin-bottom: 24px!important;
            }
            .register-content .customSelect, .chosen-container {

            }
            .product-qty {
              margin-left: -3px;
              /*margin-right: -3px;	*/margin-right: 2px;/*by AKS on 4 dec 2019*/
            }
         /* .mobile-header-top .toggle-button {
            background: none;
            border: 0;
            outline: 0;
            position: fixed;
            left: 6px;
            top: 20px !important;
            z-index: 99;
          }*/
          .mobile-header-top ul {
            position: absolute;
            right: 29px;
            top: 16px;
          }
          .respVideo{
              width: auto;
              height: auto !important;
              margin-top: -53%;
              margin-left: -4%;
              margin-right: -4%;
          }
          .respBody{
              text-align: justify;
              padding: 0px 5px;
              line-height: 18px;
              margin-top: -11px;
              padding-right: 10px;
              padding-left: 10px;
          }
          .respProfessional {
              /*margin-top: 40px;*/
              border: 0;
              padding-left: 0px;
              padding-right: 0px;
              margin-bottom: -11px;
              background: #fff;
         }
          .footer-navigation-inner{
                width: 101% !important;

            }
          .alignTTL{
              padding-top: 0px !important;
              padding-bottom: 1px !important;
          }
          .tbl-pt-4{
            padding-top: 30px !important;/* Toetet */
          }
          .log-content .btn-yellow {
            width: 100%;
            padding: 18px 0px !important;
            font-size: 14px;/* Toetet 17 */
          }
        .footer-navigation-inner {
            padding: 0px !important;
            border-bottom: 0px !important;
            margin-bottom: 0px !important;
            margin-left: 10px;
            margin-top: 13px;

        }
  		/* Toetet 17 */
      .footer-navigation-inner #submit{
            background: none;
            border: 0;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            padding: 0;
            /* border-bottom: 1px solid; */
            margin-top: 28px;
      }
          .footer-navigation {
            max-height: calc(100vh - 60px);
            padding-right: 15px !important;
            margin-left: -15px !important;
            margin-bottom: 0px !important;
            margin-top: 0px !important;
            overflow: hidden;
        }
          .footer-navigation h4 a {
            color: #d9d9d9;
            font-size: 13px !important;
        }
          .hasfootermenu{
            margin-bottom: -10px !important;
            padding-top: 0px !important;
            margin-top: 29px !important;
          }
          .footer-copyright-mobile p{
            margin-right: 0px; /* Toetet 24 Dec */
            line-height: 1.05;
    		margin-bottom: 6px;
          }
            ul.list-unstyled.list-inline.footer-social-icons {
                margin-top: 2px !important;
                margin-bottom: 21px;
                margin-left: 6px;
            }
           .alignPreparation{
            margin-bottom: 12px;
          }

          .custom-select-box.myQty_class span.customSelect {
            padding: 5px 14px 1px 0px !important;
            width: 80px !important;
        }
          .footer-navigation h4.hasfootermenu ~ ul {
            font-size: 14px !important;
            margin-top: 20px !important;
            margin-bottom: -5px !important;
        }
          .register-content p {
            /*margin-top: -10px !important; Toetet */
           /*margin-bottom: -20px !important;*/
             /*margin-top: 0px !important;*/
        }
    	.register-content .saved-address {
           	margin-bottom: 15px !important;
        }
  		/* Toetet 17 */
          .fav-box p {
              margin-top: 20px !important;
              margin-bottom: -20px !important;
          }
          .fav-share i {
            font-size: 21px;
            color: #e4b807;
            padding-left: 5px;
        }
          .my-fav-content .dropdown.custom-dropdown {
            margin-right: 25px;
            margin-top: 0px;/* 17 Toetet */
        }
          .custom-checkbox.select-all-check {
            margin-left: 10px;/* Toetet 13 Aug comment for margin-left: 0px;*/
            margin-bottom: 10px;
        }
  		
        .fav-share {
          margin-bottom: 0px;
          padding-right: 15px;
          margin-top: -20px;
        }
  
        .custom-dropdown .dropdown-toggle:after {
          margin-left: 10px;
        }
        .select-all-check.custom-checkbox label {
			padding-left: 35px !important;
          	padding-top: 6px;
        }
          .myaccount-content #maincontent {
            margin-top: 30px;
            /*Toetet 17
            margin-bottom: 70px;
            margin-bottom: 80px;*/
        }
          
          .my-fav-content text {
            margin: 38px 0 0px !important;
            display: inline-block;
        }
          .footer-navigation .cross-btn {
           	margin-right: -2px !important;
        }
  		.footer-navigation h4 {
            
            color: #d9d9d9;
            
            margin-top: 25px;
        }
          .log-content p {
            font-size: 1rem;
            line-height: 1.5;
           /* color: #292b2c;*/
            font-weight: 400;
            
        }
          .edit_link {
            /* position: relative; */
            /* right: auto; */
            top: auto;
            float: right;
            font-size: 12px !important;
            margin-top: 30px;
            /*margin-bottom: 25px;*/
           /* margin-right: 10px; Toetet for myaccount */
            padding-top: 0px !important;
        }
          .myaccount-content h4 {
            border-bottom: 1px solid #b1adad;
            padding-bottom: 15px;
    		padding-top: 25px;
        }
          .pdMyAcc{
            padding-top: 50px !important;
            padding-bottom: 0px !important;
          }
          .myAccMargin{
             /*margin-bottom: 40px !important;*/
          }
          .myaccount-content #leftnavigation {
            margin-top: 0 !important;
            margin-left: 0px;
            margin-right: 0px;
           /* padding-bottom: 30px;*/
        }
          .log-content h3, .checkout-content h3 {
            color: #000;
            border-bottom: 1px solid #ccc;
            padding-bottom: .8em;
            margin-bottom: 10px;
            font-size: 25px;
            margin-top:20px;
            max-width: 600px;
        }
          .log-content a {
            display: inline-block;
            font-size: 100%;
            color: #000;
           
        }

        .homepadding {
            margin-top: 40px !important;
        }
          .respCat{
            padding-top: 1px !important;
            /*margin-bottom: 2rem !important;*/
            text-align: justify;
            line-height: 1.1;
          }
          .respCat > p {
            margin-left: 0px;
         	/*margin-bottom: 0.5rem !important;*/
        }
          #advbar {
            margin: 0 auto;
            background:#49413d;
            /*height: 102px !important;*/
             /*13-12-18 TMM*/
              /*height: 102px !important;*/
              background: #49413d;
              height: 100px;
              position: relative;
              z-index:9;
              width: 100%;
              margin: 0px auto;
        }
          .login-container .log-content p {
            /* line-height: 14px !important; */
            font-family: "adobe-garamond-pro" !important;
            text-align: left;
            margin-bottom: -5px;
        }
          .form-control, .log-content input {
            font-size: 15px;
            margin-top: 0px;
        }
          .myaccount-content.log-content {
          margin-top: 5px !important;
          margin-left: -25px !important;
          margin-right: -25px !important;
      }
  .home-page-content .news-carousel .slick-slider > button{
  	margin-top: 15px !important;
  }
  
  .variety-content .slick-slider > button {
  	margin-top:  -5px !important;
  }
  
  #errorPhone{
  	color: gold;
    font-style: italic;
    text-align: left;
    display: block;
    margin-bottom: 50px !important;
    margin-top: -15px !important;
  }
  /* Toetet 20 Dec for news Page */
 #newsSortBy {
    left: unset !important;
    right: 37px !important;
    z-index: 99;
    margin-top: 5px !important;
   margin-right: -35px !important;
  }
  .fav-box {
    margin-top: 30px !important;
    text-align: center;
    padding: 0 10px;
    
}
  .about-content-inner p {
	margin-left: -2px;
	/*margin-right: -30px;*/
}
  
  .product-heading{
  	margin-top: 58px;
  }
  
  footer {
  	z-index: 99999;
  }
  
  .location-dropdown .dropdown-menu .li{
  	padding-top: 15px;
    padding-bottom: 5px;
  }
  /* End */  
 .modal .modal-dialog{
  	top: 35% !important;
  }
  .product-detail-content .add-favourite#noti_me{
  	margin-left: 0px;
  }
  
  #chooseTinOrSachet .close{
  	margin-right: 10px;
  }
  
  /*Toetet for TWG popup */
  .c_list{
	width: 100% !important;
	font-size: 13px;
	}
  #fo_oter {
  	width: 96%;
  }
  
  .homepagePopup p{
  	margin-top: 77px !important;
  }
  
  .homepagePopup .shippingHome{
  	margin-top: 90px !important;
  }
  .modal .modal-video {
  	top: 65% !important;
  }
  
  .product-img-overlay {
    transition: opacity .3s !important;
  }
  
  div#add_to_bag .addToBagOther {
  	width: 100% !important;
  }
  
  .myaccount-content .myaccounttitle {
    border-bottom: 1px solid #b1adad;
    padding-bottom: 15px;
    padding-top: 35px;
  }
  
  .edit_link {
    font-size: 12px !important;
    margin-left: 51px;
    margin-top: 0px !important;
  }
  .mb-myaccount-pd {
        margin-top: 17px;
    }
  /* For cart page */
  .mobile-showcart-content.mycart-content {
  	padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* End */
  /* For home page */
  .home-page-content .news-carousel .slick-slider > button {
  	top: 30%;
  }
  .myFav .text-right {
  	margin-left: 5px !important;
  }
  .registeraccepttop {
  	margin-top: 20px !important;
  }
  #my-addresses .btn-link {
  	margin-bottom: 20px;
  }
  .register-content .accordion > h5 + .collapse {
  	border: 0;
  }
}

@media (max-width: 375px) and (max-height: 667px) {
  .product-img-overlay.mixmatch-product span {
              font-size: 16px;
              padding-top: 15px;
              width: 100%;
              text-align: center;
              margin: auto;
          }
  #add_to_bag {
  	margin:0;
  }
  
    #player-video-tag{
         width: 98% !important;
         margin:auto;
    }
   .add-to-bag-form .product-qty .weight_class {
    /*right: 3px !important;*/right: 7px !important;/*by AKS on 4 dec 2019*/
   }
     .scrollclick{
    padding-top: 8em;
    padding-bottom: 9.5em;
    padding-left: 56em;
    padding-right: 49em;
    margin: 0 -56em;
   }
  
   .product-img-overlay.mixmatch-product img {
        width: 34.9px;
        
	}
  
  /* 8-July-19 YNH loosetea product detail */
    div#add_to_bag button {
    	width: 100% !important;
    }
   .footer-navigation-inner #submit {
       /*padding-top: 26px !important;*/
    }
   .mytwgrewardborder li {
     border-bottom: 1px solid #e1e1e1;
     padding-bottom: 10px;
     font-weight: bolder;
     padding-left: 31px;
   }
  
   .mytwgimg {
      padding-left: 5px;
      width: 98%;
      margin-top: 34px;
   }
   .twg-content .content-heading-large ~ h6 {
     font-size: 1rem;
     padding-top: 0px;
     line-height: 1.4;
  }
  /*.twg-content .content-heading {
    margin-top: 10px !important;
  }*/
  .mytwgrewardtitle {
    font-weight: 400;
    padding-bottom: 17px;
  }
  .more-btn {
    padding-top: 23px !important;
  }
  
  .mobile-navigation ul li a.music-icon {
    padding: 0;
    margin-left: -22px;
    width: 37px;
    height: 19px;
    padding-top: 5px;
    vertical-align: middle !important;
    background-size: 18px 18px;
    
  }
  .music-icon {
    background-image: url(../images/music-off.svg);
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block !important;
    
  }
  
  .customTeaName {
    width: 15em;
  }

}

@media screen and (max-width: 320px){
    .product-img-overlay.mixmatch-product span {
              font-size: 16px;
              padding-top: 15px;
              width: 100%;
              text-align: center;
              margin: auto;
          }
    #player-video-tag{
         width: 105% !important;
		 margin: 0 -7px;
    
    }
   .product-img-overlay.mixmatch-product img {
        width: 34.9px;
       
	}
    .scrollclick{
    padding-top: 8em;
    padding-bottom: 9.5em;
    padding-left: 56em;
    padding-right: 49em;
    margin: 0 -56em;
   }

}

@media screen and (max-width: 360px) and (max-height: 640px) {
  .myfav {
    font-family: Garamond !important;
  }
  #ClearProductinFavList {
  	width: 310px;
  }
  #AddProductinFavList {
  	width: 310px;
  }
  
  .footer-navigation-inner #submit {
    /*padding-top: 26px !important;*/
}
}
/* Toetet For android and all devices */
@media screen and (min-width: 320px) and (max-width: 480px) {
  /* Center Loading Icon */
  .loadingClass {
		position: fixed;
    	z-index: 999999;
    	height: 7em;
    	/*width: 2em;*/
    	overflow: show;
    	margin: auto;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
	}
/* Center Loading Icon Background color */
  .loadingClass:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
   	 }
  html, body {
  	overflow-x: hidden;
  }
  /*#ClearProductinFavList {
  	width: 325px;
  }
  #AddProductinFavList {
  	width: 325px;
  }*/
  .login-container .log-content p {
  	/*margin-bottom: 0px;*/
    
  }
  .cart-discount {
    border-bottom: 1px solid #d7d5c9;
  }
    /*theint for missing line*/
  .login-container .log-content h3 {
  	font-size: 20px;
  }
  .location-dropdown .dropdown-menu{
  	margin: auto;
    padding: 0;
    left: 0 !important;
    right: 0;
    margin-top: 2px;
    top: 100%;
    border-radius: 0px;
    z-index: 1;
    overflow-y: scroll;
    scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
    background-color: #fffef1;/* Toetet for location */
  }
  .border-list li {
  	padding-top: 19px;
  }
  #register-now {
  	margin-left: -5px;
  }
  .register-content h3 {
  	margin-top: 5px;
    margin-bottom: 25px;
  }
  .register-content .form-group {
  	margin-bottom: 15px;
  }
  #UserManagement_Form_NewPasswordConfirm {
  	margin-bottom: 5px !important;
  }
  .form-group.mt-4.sub-sm-mt {
  	margin-bottom: -20px;
  }
  .register-content li label, .custom-checkbox label {
  	color: black;
    font-family: Adobe Garamond Pro;
    font-weight: 500;
  }
  #profileForm .register-content .btn-yellow{
  	margin-top: 20px;
    margin-bottom: 60px;/* Toetet */
  }
  
  .loginpagetitle {
    font-size: 20px;
    margin-bottom: 0.8em !important; 
  }
  .registerpagetitle {
	margin-top: 5px !important;
  }
  .resp {
  	font-size: 15px !important;
  }
  .myaccounttitle {
    padding-top: 25px;
    border-bottom: 1px solid #b1adad;
    padding-bottom: 15px;
  }
  .form-control, .log-content input {
    font-size: 15px !important;
  }
  
  /* YNH 5-8-19 */
  .myaccount-content #leftnavigation li a span {
    font-size: 16px !important;
  }
  
  /* YNH 6-8-19 */
  .dropdown-menu {
    z-index: 1;
  }
  .footer-navigation h4.hasfootermenu ~ ul {
    padding-left: 5px;
  }
  .footer-navigation-inner #submit {
    padding-left: 4px;
  }
  #DOBAlignforDesk {
    font-size: 1rem !important;
  }
  .footer-social-icons li:first-of-type p {
    padding-top: 0px;
  }
  /*.twg-content .content-heading {
    font-size: 16px;
  }*/
  .membership-card {
    margin: 0 5px;
  }
  
  .mytwgrewardtitle {
    font-weight: 500;
    padding-top: 2px;
    padding-left: 0px !important;
    padding-bottom: 17px;
    color: #1e1a19 !important;
    border-bottom: 1px solid #b1adad;
    margin-bottom: 9px !important;
    width: 100%;
  }
  .mytwgrewardborder li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    font-weight: bolder;
    padding-left: 21px;
    padding-top: 11px;
    width: 103%;
  }
  .mytwgimg {
    padding-left: 5px;
    width: 98%;
    margin-top: 32px;
  }
  .mytwgreward {
    margin-top: -4px;
    font-size: 16px !important;
    margin-right: 10px;
    padding-left: 0px;
    margin-bottom: 1rem;
  }  
  .order-wrapper-mobile .order-list-header {
    padding-top: 0px;
    width: 97%;
    padding-bottom: 18px;
    color: #292b2c !important;
    margin-left: -5px;
  }
  .register-content .accordion .btn-link {
    color: #1e1a19;
    padding-bottom: 13px;
  }
  .order-wrapper-mobile .order-list-header p {
    padding-left: 6px;
  }
  .order-wrapper-mobile .order-list-header h4 {
    margin-bottom: 6px !important;
    font-weight: 400 !important;
    color: #292b2c !important;
    width: 106%;
  }
  .order-wrapper-mobile .orders-content {
    padding-left: 20px !important;
  }
  
  .more-btn {
    margin-top: 0px !important;
  }
  .myaccAccept {
    padding-top: 25px;
    color: #292b2c !important;
  }
  .order-wrapper-mobile .acc-icon {
    top: 28 !important;
  }
  .log-content h3, .checkout-content h3 {
    color: #1e1a19 !important;
  }
  
  .Gold {
    margin-left: 0px;
  }
  .myAcc-p {
    font-family: unset;
    padding-bottom: 0px;/* Toetet comment for my account page */
  }
  .topBillingAddress {
    width: 103%;
  }
  .order-wrapper-mobile .orders-content dd {
    word-break: break-word;
  }
  /*.customSelect .customSelectInner {
    color: rgba(0,0,0,0.5) !important;
  }*/
  .discount {
    padding-left: 273px;
    margin-top: -29px;
  }
  .otherProductDetails .add-favourite {
     margin-bottom: 40px;
  }
  .successAccPopup {
     font-family: adobe-garamond-pro !important;
     max-height: 115px !important;
     text-transform:lowercase !important;
     font-size: 2rem !important;
     min-height: 0px !important;
     padding-bottom: 0px;
     padding-top: 0px;
  }
  .successAccPopup::first-letter{
    text-transform:uppercase;
  }
  .createAccPopup {
     width: 94% !important;
     min-height: 330px !important;
     position: fixed !important;
     padding-top: 23px !important;
     padding-bottom: 30px !important;
     padding-left: 7px !important;
     padding-right: 8px !important;
  }
  .accCreate {
     font-family: serif !important;
     font-size: 16px !important;
     padding-top: 20px;
     margin: -10px 0px 60px 0px !important;
     color: black;
  }
  .accContinue {
     font-family: 'AGaramondProRegular' !important;
     font-size: 16px !important;
     padding-top: 16px;
  }
  .accContinue a {
  	letter-spacing: 0px;
  }
  .Cross {
     padding-top: 8px !important;/* toetet comment for email already exist popup for mobile */
     padding-right: 10px !important;
  }
  
  .cartDis {
    border-bottom: 1px solid #d7d5c9;
    padding-bottom: 15px;
    margin-bottom: 9px;
  }
  
  
  .contact-address-content {
    height: unset;
  }
  #registerFormTTL {
	padding-top: 0px;
  }
  .footer-navigation li {
    line-height: 20px;
  }
  .footer-navigation .cross-btn {
    margin-bottom: 0px;
  }
  
  .noData .customSelect .customSelectInner, .noData .chosen-container .chosen-single span {
    font-size: 16px;
  }
  
  #UserManagement_Form_Country_chosen a span {
    font-size: 15px;
  }
  .mobile-navigation ul li a.music-icon {
     padding: 0;
     margin-left: -15px;
     width: 30px;
     height: 19px;
     vertical-align: 4px;
     padding-top: 5px;
  }
  
  
  /* for favourite page */
  .my-fav-content {
  	padding: 20px 0px 15px !important;/* Toetet for my fav page padding: 70px 15px 50px; */
    margin-left: -30px;
    margin-right: -30px;
    min-height: 80vh;
    margin-top: 54px;
    /* margin-bottom: -45px !important;Toetet 18 Dec */
    margin-bottom: 30px !important;
    padding-bottom: 16px;
  }
  /* End */
  /* Toetet for product detail page */
  .related-products {
  	position: unset;
  }
  /* End */
  /* For product detail */
  .otherProductDetailQty {
  	right: 6px;
  }
  /* End */
  /* For My Twg Page */
  .container {
  	padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .myaccount-content h4 {
  	padding-top: 24px;
    margin-left: 6px;
    margin-bottom: 1rem !important;
    width: 97%;
  }
  .remainBar.Green {
	font-size: 24px;
	padding-top: 7px;
    margin-top: 3rem !imporant;
    margin-bottom: 1rem !important;
    padding-bottom: 17px;
   	margin-left: 0px !important;
  }
  .mytwgimg p {
  	margin-bottom: 1rem;
  }
  .listName span {
  	margin-bottom: 1rem;
    line-height: 105%;
  }
  .listName {
  	margin-bottom: 3rem !important;
    margin-left: 5px;
  }
  .twg-content ul li:before {
  	position: absolute;
    margin-left: -21px !important;
    font-size: 16px;
    content: "+";
  }
  .additional-design ul li:before {
  	left: 1.7rem;
    font-size: 14px;
    content: "+";
    margin-top: 1px;
    /*font-family: unset !important;*/
    font-family: "adobe-garamond-pro" !important;
  }
  .greenul {
  	padding-left: 15px;
  }
  .mytwgrewardborder li:last-child {
  	border: 0;
  }
  .additional-design p {
  	margin-bottom: 1rem;
  }
  .additional-design hr {
  	border-top: 1px solid rgba(0,0,0,.1);
  }
  .register-content p {
  	margin-bottom: 1rem;
    /*color: #000 !important;*/
  }
  .myaccount-content #maincontent {
  	/*margin-bottom: 70px;*/
  }
  /* End */
  /* My account page */
  #mypassword {
  	margin-top: 3rem;
    border: none;
  }
  #mypassword form {
  	padding-top: 0px !important;
  }
  .bottomAddNew {
  	margin-top: 8em;
  }
  .log-content .btn-yellow.saveButton {
  	background-color: #f3c96f !important; 
    font-size: 14px !important;
  }
  /* End */
  /* My Order page */
  	/* Toetet for my order page mobile */
    .order-wrapper-mobile {
		margin: 2.3em 0 1em 0;
    }
    .content-heading {
        padding-top:28px;
    }
  	/* End */
  /* End */
  /* For Login page */
  .custom-checkbox [type="checkbox"]:not(:checked) + label, .custom-checkbox [type="checkbox"]:checked + label, .custom-checkbox [type="radio"]:not(:checked) + label, .custom-checkbox [type="radio"]:checked + label {
  		padding-left: 35px; /* Toetet for register page */
    	/*color: #393331;*/
    	font-weight: 100;
  }
  #loginform .form-control{
        font-size: 16px !important;
  }
  /* End */
  /* For register page */
  .registerpagesubtitle {
  		margin-top: 25px;
    	margin-bottom: 1.3em !important;
  }
  #registerFormTTL {
  	margin-top: 3.2em;
  }
  .resp {
  	margin-left: -5px;
  }
  /* End */
  /* For product detail */
  .new-product-info-content {
  	font-family: "adobe-garamond-pro" !important;
  }
  /* End */
  /* for Sachet page */
  #chooseTinOrSachet .modal-dialog {
  	height: 0%;
    top: 0% !important;
  }
  #chooseTinOrSachet {
  	z-index: 999999;
  }
  #chooseTinOrSachet .product-block .product-price {
  	margin-bottom: 0 !important;
  }
  #chooseTinOrSachet .modal-content {
  	margin-top: 0;
  }
  /* End */
  #mobileCheckoutBilling {
  	padding-top: 0px;
    border-bottom: 1px solid black;
  }
  .PromoApply {
  	color: grey !important;
    margin-left: 5px;
  }
  .PromoWarn {
  	font-size: 14px !important;
    line-height: 3.5 !important;
    font-family: 'AGaramondProRegular' !important;
  }
  .billingCheckout {
  	font-size: 26px !important;
  }
  #apply {
	font-size: 14px;
    background-color: #f3c96f !important;
    color: #393331 !important;
    padding: 19px !important;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
 .check-content.order-summary p {
 	font-family: 'FuturaMedium';
 }
  .check-content p {
  	color: #292b2c;
  }
  .myaccount-content #leftnavigation li a:hover span, .myaccount-content #leftnavigation li a:focus span, .myaccount-content #leftnavigation li a:active span {
  	color: #acaaa1;
  }
  .myaccount-content #leftnavigation li a{
		display: block;
		width: 100%;
		text-transform: uppercase;
		color: #aaaca1 !important;
		font-size: 16px;
		font-family: 'FuturaMedium';
		margin-bottom: 5px;
      	/* 06-Dec-18 ACM
		padding: 12px 15px;*/
      	padding: 14px 15px;
		border: 1px solid #d7d5c9;
		text-align:left;
    	font-size: 16px !important;
	}
  .content-nav-list li a, .dw-categories li a {
  	color: #aaaca1 !important;
  }
  .myaccount-content #leftnavigation .list-active a {
  	color: #000 !important;
    font-style: normal;
    font-size: 16px;
  }
  .myaccount-content #leftnavigation .list-active a:active , .myaccount-content #leftnavigation .list-active a:hover {
  	border-color: #000 !important;
  }
  .myaccount-content #leftnavigation li a:hover , .myaccount-content #leftnavigation li a:active {
  	font-weight: normal;
  }
  .myaccount-content #leftnavigation li a:hover, .myaccount-content #leftnavigation li a:focus, .myaccount-content #leftnavigation li a:active {
  	border: 1px solid #d7d5c9 !important;
  }
  .dw-categories .list-active a {
  	border-color: #000 !important;
  }
  .no-gutters>.col, .no-gutters>[class*=col-] {
  	padding-left: 5px;
    padding-right: 5px;
  }
   /* For carrier page */
  .carrierimage {
  	max-width: 100%;
  }
  /* End */
  /* For substain page */
  .substainspace {
  	margin-left: 0px !important;
    text-align: justify;
  }
  .bg-dark {
  	padding: 10px;
  }
  .substainul_left {
  	margin-left: -11px;
  }
  .sourcingSpacing {
  	margin-left: 0px;
  }
  .substainmargin {
  	width: 89%;
    margin-left: 37px;
  }
  /* End */
  .findATea {
  	/* Toetet comment margin-top: 0 !important;*/
  }
  .news-carousel.mb-0 {
  	margin-bottom: 5px !important;
  }
  /* Toetet add for news page */
  .NewsthumbTitle > p {
  	margin-bottom: 0rem;
  }
  .NewsthumbTitle ~ p {
    font-size: 16px;
}
  .news-carousel .slick-track {
  	/* Toetet comment height: 268.733px;*/
    height: unset; /* Toetet added for news page at home and new */
  }
 .news-carousel .slick-list {
  	/* Toetete comment height: 268.733px;*/
   height: unset; /* Toetet added for news page at home and new */
  }
  /* End */
}
/* End */
@media screen and (max-width: 288px) and (max-height: 600px) {
	#ClearProductinFavList {
  	width: 238px !important;
  }
  #AddProductinFavList {
  	width: 238px !important;
  }
}
/*Start video popup 6-9-2020 End ACM*/
@media screen and (max-height: 1024px) and (max-width: 768px) and (min-width: 700px){
.dialogpopup{
  top: 0% !important;
  }
}
@media screen and (max-width: 757px){
.dialogpopup{
  margin-left: 10%;
  margin-right: 10%;
  }
}
}
@media screen and (max-width: 760px) and (min-width: 414px){
 .dialogpopup{
  top: auto !important;
  }
}

/*6-9-2020 End ACM*/
@media screen and (max-width: 768px){
    .mb-label-pd_left {
        position: relative;
        padding-left: 1.95em;
        cursor: pointer;
    }
    .section-subtitle {
        line-height: initial;
        display: inline-block;
        padding-top: 10px;
    }
    .home-page-content .Locationdetail p {
        line-height: 20px;
        margin-bottom: 10px;
    }
}
.mobile-padding-5.online-termcondtion.respCat {
    line-height: 1.3em;
}
@media only screen and (max-width: 768px){
    .faqTabs{
        display: unset;
    }
    .mainheader_image {
        height: 200px;
        width: 200px;
        border-radius: 50%;
    }

}