.mainBanner{position: relative; box-shadow: 0 0 10px #d5d5d5; background: #f8f8f8;}
.mainBanner .owl-carousel .owl-item img{height: auto;}
.mainBanner .homeBannerContent .bannerHeading{font-size: 42px; font-weight: 300; text-transform: uppercase;}
.mainBanner .homeBannerContent .bannerHeading span{font-weight: 800;}
.mainBanner .homeBannerContent p{font-size: 20px; margin: 15px 0; }
.mainBanner .homeBannerContent .bannerBtn{background: #000; color: #fff; padding: 16px 30px; font-size: 16px; text-transform: uppercase; display: inline-block; margin-top: 15px;}
.mainBanner .homeBannerContent .bannerBtn:hover{background: #024162; } 
.mainBanner .itemContent {  position: absolute;    width: auto;    top:39%;   padding: 0;   z-index: 1;   text-align: left;    right: 13%;    transform: translateY(-50%);font-family: sans-serif;}
.mainBanner .itemContent.left{text-align: center;}

.mainBanner .itemContent .whiteText .title{color: #fff !important;}
.mainBanner .itemContent .whiteText .title span{color: #fff !important; margin-bottom: 10px;}
.mainBanner .itemContent.center .title {line-height: 50px;}
  .mainBanner .itemContent .title {font-size:20px;color:#fff;display: block;margin: 0px 0 10px; font-size: 46px;
    font-family: "Baskervville", serif;}
.mainBanner .itemContent .title span{font-size:38px;  display: block; font-family: "Baskervville", serif; }
.mainBanner .itemContent a {
  display: inline-block;
  color: #fff;
  padding: 8px 25px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: capitalize;
  text-decoration: none;
  border-radius: 0;
  float: unset;
  border: solid 2px #fff;
}
.DaussiWrapper {padding: 40px 0 0px;}
p { font-size: 20px;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.mainBanner .itemContent.center{
  right: 12%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
}

.mainBanner .itemContent.right{
  right: 15%;
  top: 50%;
  transform: translate(15%, -50%);
  width: 37%;
}


.mainBanner .itemContent.left {
  left: 14%;
  top: 70%;
  transform: translate(50%, -50%);
  width: 181px;
  text-align: left;
}

 .mainBanner .itemContent.left .title {
  line-height: 58px;
}


  .mainBanner .itemContent.left a{
  margin: auto;
  display: table;
}
.mainBanner .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 0; position: absolute; bottom: 15px; width: 100%;}
.mainBanner .owl-theme .owl-dots .owl-dot span{width: 14px; height: 14px; background: #c5bab4;}
.mainBanner .owl-theme .owl-dots .owl-dot.active span{background: #ebe8e3;}
.mainBanner #homeCarousel .owl-nav>.owl-prev{background:url(../images/prev-arrow.png)left top no-repeat!important;left:20px}
.mainBanner #homeCarousel .owl-nav>.owl-next{background:url(../images/next-arrow.png)left top no-repeat!important;right:20px}
.mainBanner #homeCarousel .owl-nav{width:100%;float:left;margin:0}
.mainBanner{position:relative}
.mainBanner .owl-nav>[class*="owl-"]{position:absolute;top:50%;width:35px;height:35px;transform:translateY(-50%);text-indent:-9999px}
@media (max-width:1200px) {.mainBanner .itemContent {    top:29%;right: 11%;}}
 
 .mainBanner .itemContent {right: 10%;}
@media (max-width:767px) {.mainBanner .itemContent span { text-align: center;font-size: 20px;}.mainBanner .itemContent {    text-align: center;  }.mainBanner .itemContent .whiteText .title{color: #000 !important;}.mainBanner .itemContent .whiteText .title span{color: #000 !important;}}
@media(min-width:980px){.mainBanner .homeBannerContent{position: absolute; top:50%; transform: translate(0, -50%); color: #fff;}}
@media(max-width:767px){ .mainBanner .itemContent .title {color:#fff !important;}
 
.mainBanner .itemContent {right: 0;top: inherit;bottom: -10px;}
 .mainBanner .itemContent a {   float: none;}
 
}
@media only screen and (max-width:620px)
{
 .mainBanner .itemContent {
    right: 0;
    top: inherit;
    bottom: -50px;
  }   
    
}


@media only screen and (max-width:450px)
{
.mainBanner .itemContent.ladtDateContent{top:18%}
.mainBanner .itemContent span{font-size: 14px;}
.mainBanner .itemContent .title{font-size: 26px; line-height: 30px; }
.mainBanner .itemContent .title span{margin: 0}
.mainBanner .itemContent a{font-size: 14px !important; margin-top: 5px;}
.mainBanner .itemContent .title {
    font-size:26px!important;
    line-height: 19px;
  }
    .mainBanner .itemContent .banner-description {  
    padding:0!important;
  }
  .mainBanner .itemContent .banner-description br {display:none;}
 .mainBanner .itemContent .banner-description {
    max-width: 100%;
    margin:0 0 16px!important;
    font-size: 15px !important;
  } 
  .mainBanner .itemContent a {  
  padding: 5px 25px;}
  .mainBanner .itemContent {  
    bottom: -44px;
  }
  
}
@media only screen and (max-width:360px){
.mainBanner .itemContent .title{font-size: 24px; line-height: 26px;}
}
.mainBanner .itemContent.ladtDateContent{right: 16%; top: 45%;text-align: left;  width: auto;}
.mainBanner .itemContent .banner-description {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 0 16px;
  color: #fff !important;
}
 @media only screen and (max-width:1500px){
    .mainBanner .itemContent.ladtDateContent{right:12%;}
 }
 @media only screen and (max-width:1300px){
    .mainBanner .itemContent.ladtDateContent{right:10%;}
 } 

 @media only screen and (max-width:1100px)
{
.mainBanner .itemContent.ladtDateContent {right:7%;} 
.mainBanner .itemContent.ladtDateContent .title{margin-bottom: 10px;}
.mainBanner .itemContent .banner-description{font-size: 14px;    margin: 0 0 5px;
}

 }
  @media only screen and (max-width:992px){
  .mainBanner .itemContent.left {
  transform: translate(15%, -50%);
}

.mainBanner .itemContent .title {    
  font-size: 24px; margin: 0;                   
}
.mainBanner .itemContent.center .title {
  line-height: 30px; margin: 0;
}
.mainBanner .itemContent a {
  padding: 5px 15px;
  font-size: 12px;
}
.mainBanner .itemContent.left .title {
  line-height: 33px;
  margin: 0 0 15px;
}


}
 
 @media only screen and (max-width:766px)
 {
.mainBanner .itemContent span{font-size:14px;display:block}
.mainBanner .itemContent.right {width: 100%;}
.mainBanner .itemContent.ladtDateContent {right: 0;width: 100%; text-align: center;  top: 81%; padding: 0 0px 0 0;}
.mainBanner .itemContent .banner-description {font-size: 14px !important;max-width: 100%;}
.mainBanner .itemContent .headingoneLine .title{ font-size: 24px !important; font-weight: normal; display: inline-block;}
.mainBanner .itemContent .headingoneLine .title span{ font-size: 24px !important; display: inline-block;     font-weight: normal;}
  .mainBanner .itemContent .banner-description {
    font-size: 19px;
    color: #fff !important;
  }
  .mainBanner .itemContent{padding: 0 15px; text-align: center;}
  .mainBanner .itemContent span{text-align: left;}
  .mainBanner .itemContent.right {
    left: 0;
    bottom: 10%;
    transform: translate(0%, 10%);
    text-align: left;
    right: unset;
    top: unset;
}

.mainBanner .itemContent {
  bottom: 10%;
  transform: inherit !important;
  text-align: center !important;
  top: inherit !important;
  width: 100%;
  right: inherit !important;
}
 .mainBanner .itemContent.left {
    left:40px;
    top: auto !important;
    bottom:90px;  text-align: left !important;
  }

       

}
@media  (min-width:1200px){
    .mt-30{margin-top: -30px;}
    
}

@media  (max-width:400px)
{  
.mainBanner .itemContent .title{margin-bottom: 12px;}
    
}

.owl-theme .owl-nav [class*="owl-"]{font-size:0}
#homeCarousel.owl-theme .owl-nav .owl-prev{left:20px}
#homeCarousel.owl-theme .owl-nav .owl-next{right:20px}
  
  
  
  .customCard  {
  max-width: 440px;
  width: 100%;
  float: left;
}


  
  .customCard h2 {
  font-size: 44px;
  font-family: "Baskervville", serif;
}


   .customCard p {
  float: right;
  font-size: 20px;
  text-align: right;
  line-height: 28px;
  font-family: "Baskervville", serif;
  letter-spacing: 1px;
  max-width: 415px;
}

.customCard a.btn {
  float: right;
  font-family: "Baskervville", serif;
  padding: 5px 20px;
  text-transform: capitalize;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 0;
}
  
  
  
.homeHr{
  border: solid 2px #000;
  margin: 0;
  padding: 0;
}
  
  
 .mt-40 {margin-top:40px;} 
 .mt-50 {margin-top:50px;} 
 .mt-60 {margin-top:60px;} 
 .mt-80 {margin-top:80px;} 
 .mt-90 {margin-top:90px;} 
 .mt-100 {margin-top:100px;} 
  
  
 .retailer_homeWrap p{font-family: "Baskervville", serif;} 
  .categoriesCol img {
  transition: all .8s ease-in-out 0s;
}
  .categoriesCol a {
overflow: hidden;
  display: block;
}
  
      .categoriesCol:hover img {
  transform: scale(1.1);
}
  
  
.categoriesCol h4{
  text-align: center;
  margin: 18px 0 10px;
}
.categoriesCol h4 a {
  color: #000;
  font-size: 20px;
  font-family: "Baskervville", serif;
  text-transform: capitalize;
}

.font-2 {  font-family: "Baskervville", serif;}
 

.font-64 {font-size:64px;}
.font-36 {font-size:36px;}
.font-30 {font-size:30px;}
.font-40 {font-size:40px;}
.font-50 {font-size:50px;}
.font-44 {font-size:44px;}
.font-32 {font-size:32px;}
.font-25 {font-size:25px;}
.font-26 {font-size:20px;}
.line-34{line-height: 28px;}
.font-22 {font-size: 20px; line-height: 28px;}

.retailer_home a {
  padding: 5px 20px;
  border-radius: 0;
  font-size: 16px;
  letter-spacing: 1px;
}

 @media(max-width:1240px)
{  

.customCard h2 {
  font-size: 44px;
  
}
 .customCard p { 
  font-size: 21px;}
  
  
  .mainBanner .itemContent .title {    
    font-size: 24px;                  
  }
  .mainBanner .itemContent.center .title {
    line-height: 30px; }
  
}

 @media(max-width:1140px)
{  

.customCard {
  max-width: 100%;
  width: 100%;
}
 .customCard h2 {
    font-size: 36px;
  }
    .customCard p {
    font-size: 18px;
    line-height: 24px;
  }
  .categoriesCol h4 a {   
  font-size: 17px;}
  
  .font-25, .font-22 {
  font-size: 21px;
}


.font-30 {
  font-size: 23px;
}


  
  
}



@media (max-width:992px) {
  .customCard h2 {
    font-size: 26px;
  }
  
 .customCard p {  
    float: none;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
  } 
  
  
  .customCard a.btn {
  float: left;}
  
 .categoriesCol h4 a {
    font-size: 19px;
  }  
  
}


@media (max-width:767px) {
  .customCard {   
    width: 100%;
    margin: 0 0 35px;
    display: inline-block;
  }
  p { font-size: 16px !important;}
    .customCard p {     
    width: 100%;
  }
  .categoriesCol h4 a {
    font-size: 14px;
}
.font-50, .font-44 {
  font-size: 26px !important;
}
.line-34, .font-22 {
  line-height: 20px !important;
}
 .font-22, .font-26 {
  font-size: 16px !important;
}
.categoriesCol h4 {
  margin: 18px 0 0 !important;
}
.retailer_home a {
  padding: 5px 15px;
  font-size: 14px;
}
.ftpNav li a {
  font-size: 14px;
  line-height: 18px;
}
.topMiddle {
  padding: 20px 0 20px;
}
.section-subscribe p {
  font-size: 16px;
}
.form-control {
  font-size: 14px !important;
}
.section-subscribe button.btn {
  font-size: 16px;
}
footer h3 {
  font-size: 16px;
}
.DaussiWrapper {
  padding: 0;
}

 .retailer_home  {
  margin: 20px 0 0;
}
  
.customCard a.btn {
  padding: 5px 15px;
  font-size: 14px;
}
.homeHr {
  border: solid 1px #000;
}
.mt-60 {
  margin-top: 35px;
}

#categoriesBox .owl-nav .owl-next span, #categoriesBox .owl-nav .owl-prev span {
  display: block;
  width: 15px;
  height: 15px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  color: transparent;
}

#categoriesBox .owl-nav .owl-prev span {
  transform: rotate(-45deg);
}

#categoriesBox .owl-nav .owl-next, #categoriesBox .owl-nav .owl-prev {
  position: absolute;
  bottom: 50%;
  margin: 0 0 -20px;
  width: 30px;
  height: 30px;
  background: inherit;
}
#categoriesBox .owl-nav .owl-prev {
  left: 10px;
}
#categoriesBox .owl-nav .owl-next {
  right: -5px;
} 
#categoriesBox .owl-nav .owl-next span {
  transform: rotate(135deg);
}
.mt-five{margin-top: -9px;}
}
@media (max-width:480px) {
.font-50, .font-44 {
  font-size: 40px;
}
 .font-30, .font-25, .font-22, .font-26 {
    font-size: 20px;
  }
  
  .line-34, .font-22{line-height: 25px;}
  
    
}

.button_dark{
  background-color: #000;
  color: #fff;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-weight: 500;
}
.button_dark:hover{
  background-color: #000;
  color: #fff;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-weight: 500;
}
.button_dark a{
  background-color: #000;
  color: #fff;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-weight: 500;
}

body .uwy .uai, body .uwy .ulsti {  
  bottom: 34px !important;
}



 
  @media(max-width:320px){ 
  .headerSocial li.logo-fix a img { width: 165px !important; }
  .mainBanner .itemContent .title{font-size: 22px !important;}
  .mainBanner .itemContent .banner-description{margin-bottom: 5px !important;}
}
  @media(max-width:766px){ 
.mainBanner .itemContent.right .space{ right: 25%;}
  }