@media (max-width:320px){
  .logo{ background: url('/images/logo.webp') no-repeat center left; width: 122px; background-size: 122px; height: 100px; display: block; margin:0px 0px 0 0;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 122px; background-size: 110px; height: 60px; display: block;margin:0px 0 0 0;}

    .uk-navbar-nav>li>a{ color: #fff; font-size: 16px; font-weight: 500; margin: 0 3px 0 3px;}
    .uk-navbar-nav>li.uk-active>a{ color: #fff; font-size: 16px;}
    .uk-navbar-dropdown-nav>li>a{ color: #fff; font-size: 16px;}

    .header-bg{background: #fff; border-radius:0px; padding:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
    .sticky .header-bg{background: #fff; border-radius:0 0 10px 10px; padding:10px 20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2
}
.fs30mb{font-size: 18px;}
}
@media (min-width:321px){
  .logo{ background: url('/images/logo.webp') no-repeat center left; width: 192px; background-size: 150px; height: 60px; display: block; margin:0px 0px 0 0;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 192px; background-size: 150px; height: 60px; display: block;margin:0px 0 0 0;}

    .uk-navbar-nav>li>a{ color: #fff; font-size: 16px; font-weight: 500; margin: 0 3px 0 3px;}
    .uk-navbar-nav>li.uk-active>a{ color: #fff; font-size: 16px;}
    .uk-navbar-dropdown-nav>li>a{ color: #fff; font-size: 16px;}

    .header-bg{background: #fff; border-radius:0 0 10px 10px; padding:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
    .sticky .header-bg{background: #fff; border-radius:0 0 10px 10px; padding:10px 20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2
}
.fs30mb{font-size: 20px;}
.sticky .lang-color{color: #fff !important;}
.header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 80; width: 100%; position: absolute; background: #653089;}

.slogan1{font-size: 25px; color: #5a2974; margin: 0 0 0 0px;}
.slogan2{font-size: 25px; color: #5a2974; font-weight: 700;}

}
@media(min-width:640px){
  .logo{ background: url('/images/logo.webp') no-repeat center left; width: 192px; background-size: 192px; height: 100px; display: block; margin:0px 0px 0 0;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 192px; background-size: 150px; height: 60px; display: block;margin:0px 0 0 0;}

    .uk-navbar-nav>li>a{ color: #fff; font-size: 16px; font-weight: 400; margin: 0 3px 0 3px;}
    .uk-navbar-nav>li.uk-active>a{ color: #fff; font-size: 16px;}
    .uk-navbar-dropdown-nav>li>a{ color: #434750; font-size: 16px;}

    .header-bg{background: #fff; border-radius:0 0 10px 10px; padding:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
    .sticky .header-bg{background: #fff; border-radius:0 0 10px 10px; padding:10px 20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2
}
.fs30mb{font-size: 30px;}




}
@media(min-width:960px){
  .logo{ background: url('/images/logo.webp') no-repeat center left; width: 292px; background-size: 200px; height: 100px; display: block; margin:0px 0px 0 0;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 292px; background-size: 150px; height: 60px; display: block;margin:0px 0 0 0;}

  .header-bg{background: #fff; border-radius:0 0 50px 50px; padding:50px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
  .sticky .header-bg{background: #fff; border-radius:0 0 50px 50px; padding:10px 50px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
  .sticky .menus{display: inline-flex;}
  .sticky .dekstop-right{display: none;}

}
@media(min-width:1200px){

  .logo{ background: url('/images/logo.webp') no-repeat center left; width: 292px; background-size: 292px; height: 127px; display: block; margin:50px 0px 0 0;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 292px; background-size: 150px; height: 60px; display: block;margin:0px 0 0 0;}


  .slogan1{font-size: 45px; color: #5a2974; margin: 0 0 0 -50px;}
  .slogan2{font-size: 45px; color: #5a2974; font-weight: 700;}
  .header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 80; width: 100%; position: absolute;background: none;}
}

@media(min-width:1400px){
  
}

.sidenav-menu li a{ display: block; color: #fff; text-align: left; font-size: 20px; line-height: 25px; padding-left: 20px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 15px 15px;}


.lang-color{color: #fff !important;}

.menus{display: none;}
.dekstop-right{display: block;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #ddcfe6;}
.uk-text-purple{color: #5a2974 !important;}
.uk-text-apurple{color: #5c555f !important;}

.sagbar{background-color: #5a2974; height: 55%; width: 45px; border-radius: 50px 0 0 50px; position: absolute; right: 0px; z-index: 9;}
.sticky {
  position: fixed !important;
  z-index:9;
  margin-top: -2px;
  -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
  background:#653089;
  }
.img-fit-product{object-fit: cover; height: 400px !important; width:100%;}
.uk-text-red{color: #5a2974;}
.uk-icon-button{ background: none !important; color: #FFF !important; border: solid 0px; width: 17px; height:17px; margin: 0 15px 0 0px !important;}
.uk-icon-button:hover{ background: none; color: #fff; border: solid 0px;}
.uk-button-text::before{border-bottom:1px solid #fff;}
.uk-offcanvas-overlay::before{background: rgba(255, 255, 255, 0.9) !important;}
.uk-offcanvas-bar{ background: #5a2974 !important; width: 320px;}
.uk-margin-20{margin: 20px !important;}
.uk-margin-70-20{margin: 70px 20px !important;}
.uk-text-yellow{color: #5a2974 !important;}
.uk-text-yellow-link{color: #5a2974 !important;}
.uk-text-yellow-link:hover{color: #000 !important;}