<link href="//db.onlinewebfonts.com/c/ab11a34563b31124e7f2c903357b930d?family=Avenir+Next+LT+W04+Medium+Cond" rel="stylesheet" type="text/css"/>
@font-face {font-family: "Avenir Next LT W04 Medium Cond";
  src: url("ab11a34563b31124e7f2c903357b930d.eot"); /* IE9*/
  src: url("ab11a34563b31124e7f2c903357b930d.eot?#iefix") format("embedded-opentype"), / IE6-IE8 /
  url("ab11a34563b31124e7f2c903357b930d.woff2") format("woff2"), / chrome、firefox /
  url("ab11a34563b31124e7f2c903357b930d.woff") format("woff"), / chrome、firefox /
  url("ab11a34563b31124e7f2c903357b930d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("ab11a34563b31124e7f2c903357b930d.svg#Avenir Next LT W04 Medium Cond") format("svg"); / iOS 4.1- /
}
.follow-icon {
  color: red;
}
.wrapper {
    max-width: 100%;
  }
/************** Header Start ***************/
  .left-header{
    width: 33.33%;
   text-align: left;
   height:30px;
   float: left;
  }
  .site-header__logo {
    width: 33.33%;
     float: left;
  }
  .logo__image-wrapper {
    min-width: 208px;
}
p.sign-in-mob {
    margin: 0;
    margin-top: -5px;
  font-family: Avenir Next LT W04 Medium Cond;
}
.logo__image-wrapper.supports-js {
    margin-top: -2px;
}
   .right-header {
    width: 33.33%;
    height:30px;
    float: left;
    text-align: right; 
  }
  .icon-padding{
    margin-right:20px;
  }
 .header-bar{
   background-color:unset;
   padding: unset;
 }
  .header-wrapper-pad {
    padding: 0 60px;
  }
  .mobile-nav-trigger {
    display: none;
  }
 .site-nav  {
   padding-top: unset;
 }

.sign-in {
  font-size: 9px;
  line-height: 10px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
ul#AccessibleNav {
  margin-top: 23px;
}
a.site-nav__link {
  padding: 0 25px 8px 0;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.6px;
 
}
/*************** header end ***************/
 .product-detail.grid__item.post-large--one-half {
    position: sticky !important;
    top: 0;
    left: 0;
   } 
/********** star newslater  ***********/
.newslater {
  text-align: center;
  
}
.newslater .button {
  background: #000;
  color: #fff;
}
.form {
  width: 625px;
  height: 485px;
  background:  #f9f9f9;;
  margin: 0 auto;
  margin-top: 120px;
  padding-top: 50px; 
  padding-bottom: 80px;
}
.signUpforUpdates {
    height: 35px;
    font-size: 30px;
    line-height: 35px;
}
.loremipsumdolorsi {
    width: 467px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
    line-height: 25px;
    color: #8b8b8b;
}
.formsDropDown-with-tooltip-topInputIdle  {
  width: 407px;
  margin: 0 auto;
}
#group {
   width: 407px;
  height: 50px;
  border: none;
}
.input_sign {
  width: 407px;
  text-align: right;
  font-size: 15px;
  line-height: 25px;
}

.form .button {
  background: #000;
  color: #fff;
  width: 271px;
  margin-top: 40px;
}
.bysubmittingyoure {
    width: 407px;
    margin: 0 auto;
    height: 50px;
    color: #8b8b8b;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
}
/********** end newslater  ***********/

/*************** Footer Start ***************/
.site-footer {
    padding: 50px 0px;
    background: #000;
    color: white;
}
.f-left-right-pad {
  padding: 0 89px 0 87px;
}
.footer-head-text{
    font-size: 10px !important;
    line-height: 20px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    
}
.f-left-right-pad .f-menu-text {
  padding-left: 20px;
}
.f-left-right-pad .f-menu-text:first-child {
   padding-left: unset;
}
.f-left-right-pad .grid-uniform {
  margin-left: unset;
}
ul.site-footer__links a {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #8d8d8d;
}
.site-footer__links li {
  margin: unset;
}
.copy-right-text {
   margin-top: 120px;
  padding-left: unset;
}
p.site-footer__links {
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 3px;
    text-align: left;
    color: #8d8d8d;
    margin: 0;
}
.site-footer__links {
    color: #8d8d8d;
}

.site-footer__links a {
    color: #8d8d8d;
}
.site-footer input{
   max-width:unset;
  font-size: 15px;
   border-bottom: 1px solid #8d8d8d;
   background: black;
   text-align: left;
   padding: 5px 0 10px 0;
   margin-bottom: 40px;
}
.f-input-container {
  position: relative;
}
.f-arrow-1 {
    position: absolute;
    left: 97.5%;
    top: 5px;;
    transform: translate(-50%, 50%);
}
.f-copy-m {
  margin-left: unset;
}
.follow-icon {
    display: none;
}
.image-sizing{
    display:none;
}
 .images-siziing-minus{
     display:none;
} 
/*************** Footer end ***************/
/*************** media query for 1024px  ***************/

@media (max-width:1024px) and (min-width: 992px) {
/*************** Footer Start ***************/
 .site-footer {
    padding: 60px 0;
 
}
  .f-left-right-pad {
  padding: 0 60px;
}
.follow-us-icon {
  display: none;
}
  .f-arrow-1 {
    left: 95%;
  }
.copy-right-text {
   margin-top: 130px;
} 
 .f-menu-text {
   width: 22.49%;
 }
.f-menu-text:nth-child(5) {
        width: 32.53%;
}  
  .f-menu-text:nth-child(3) {
  display: none;
}
.f-left-right-pad .f-menu-text {
  padding-left: 30px;
}
.f-left-right-pad .f-menu-text:first-child {
   padding-left: unset;
}  
.follow-icon {
  display: block;
  width: 25%;                               
  float:right;
  margin-right: 36px;
} 
.follow-text {
  color: #fff;
  font-size: 10px;
  margin-bottom: 20px; 
}   
  .icon-size{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #444444;
    position: relative;
    margin-right: 12px;
  }
 
 .icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 }
/*************** Footer end ***************/  
}
/*************** media query for 768px ***************/ 

@media (max-width:991px) and (min-width: 767px) {
 /************** Header Start ***************/
 header.site-header {
   
} 
.wrapper.header-wrapper-pad {
    padding: 0px 30px;
}
header.site-header {
     padding: 19px 0px; 
}
img.logo__image.lazyautosizes.lazyloaded {
    width: 171px;
} 
  .s-small-icon{
  width: 19px;
  padding-top: 6px;  
}
 .small-icon {
   width: 18px;
   padding-top: 6px;
}
.icon-padding {
   margin-right: 15px;
}
.logo__image-wrapper.supports-js {
    margin-top: unset;
}  
 a.logo-a {
    padding-top: unset !important; 
  }
.site-header__logo {
 margin-top: 4px; 
}
/*************** header end ***************/
/*********** start newsletter *****************/ 
 .newslater {
    width: 708px;
    margin: 0 auto;
} 
 .newslater .button {
   width: 208px;
   height: 50px;
 }
  
 .form .button {
   width: 271px;
   height: 50px;
 }
    
/*********** end newsletter *****************/      
  
/*************** Footer Start ***************/
 .f-left-right-pad {
    padding: 0 60px;
} 
.f-menu-text {
    width: 100%;
   border-bottom: 1px solid white;
}
.f-left-right-pad .f-menu-text {
  padding-left: unset;
}  
ul.site-footer__links {
    display: none;
}
 .site-footer .grid__item {
  margin-bottom: 15px; 
 }
.footer-head-text {
   margin-bottom: 15px;
}
/*************** Footer end ***************/    

}
/*************** media query for mobile ***************/
@media (max-width:768px) {
  .sign-in-mob{
    display: none;
  }
   .mobile-nav-trigger {
    display: block;
  }
    .announcement-bar--mobile {
  padding:unset;
  } 

  .wrapper.post-large--hide {
    display: none;
}
  img.image-sizing{
/*   margin-top:-5px; */
  }
  img.images-siziing-minus{
/*   margin-top:-5px; */
  }
 .image-sizing {
    position: absolute;
    right: 10%;
    background-color:white;
    height:16px;
    border-radius:100% 100%;
    display:block;
}
   .images-siziing-minus {
    position: absolute;
    right: 10%;
    background-color:white;
    height:16px;
    border-radius:100% 100%;
    display:block;
}

.button {
  width: unset;
  height: unset;
  border-bottom: 1px solid #e5e1e1
}   
  h3.h4.footer-head-text.t1 {
    line-height: 25px;
}
}
/*==============media-query for mobile ================================*/
@media (max-width: 544px) and (min-width: 320px) {
  .newslater .button {
    width: 208px;
    height: 50px;
}
.form {
  width: 100%;
  padding: 50px 30px;
}
 .loremipsumdolorsi {
  width: 100%;
 }
 .formsDropDown-with-tooltip-topInputIdle {
  width: 100%;
 }
 .form .button {
    width: 100%;
    height: 50px;
} 
.bysubmittingyoure   {
  width: 100%;
 }  
 /*============== hedar start================================*/ 
  
.header-wrapper-pad {
    padding: 0 20px;
}
.site-header {
    padding: 19px 0;
}  
 .left-header {
    width: 18%;
} 
.site-header__logo {
    width: 60%;
}
  
.logo__image-wrapper {
    min-width: 150px;
} 
/* h1.site-header__logo {
    margin-top: 4px;
}   */
.logo__image-wrapper.supports-js {
    margin-top: 5px;
}
a.logo-a  
  {
    padding-top: unset !important;
  } 
  
.right-header {
    width: 22%;
    padding-top: 6px;
    right:55px;
 
}
img.small-icon {
    width: 18px;
}
.icon-padding {
    margin-right: 15px;
}  
.star-mob{
  display: none;
}
 /*============== hedar start================================*/ 
 
/*==============media-query  footer================================*/ 
  .f-menu-text{
  border-bottom:1px solid white;
  }
  
   ul.site-footer__links{
  text-align:left;
  }
  .footer-head-text.t1{
  text-align:left;
  }
  .image-sizing{
     right:15%;   
  }
  
.f-left-right-pad .f-menu-text {
  padding-left: unset;
}  
ul.site-footer__links {
    display: none;
}
 .site-footer .grid__item {
  margin-bottom: 15px; 
 }
.footer-head-text {
   margin-bottom: 15px;
}
  .images-siziing-minus{
  right:15%;
  }
  .f-left-right-pad{
  padding-left:10px;
  }
  .footer-head-text {
    text-align: left;
}
  .f-left-right-pad .f-menu-text {
  padding-left: unset;
}
.openlist .images-siziing-minus{
	display:block;
}
.openlist .image-sizing{
	display:none;
}
  .image-sizing {
    right: 8%;
 }
  .images-siziing-minus {
    right: 8%;
 }
  
}
@media( max-width:320px){
  .images-siziing-minus{
    right:9%;
  }
  .image-sizing {
    right: 9%;
 }
}