.header {
  border-bottom: 1px solid #F3F3F3;
}

.header .navbar-brand {
  max-width: 135px;
}

.header .navbar-toggler-icon {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 18L18 6" stroke="%23131212" stroke-width="1.5" stroke-linecap="round"/><path d="M18 18L6 6" stroke="%23131212" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.header .collapsed .navbar-toggler-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMCIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik00IDEyLjVIMjAiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxOUgyMCIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.header .navbar-toggler:focus {
  box-shadow: none;
}

.header .navbar-collapse {
  order: 3;
}

.header .navbar-collapse .nav-link {
  font-weight: 380;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #131212;
}

.header .search-store .nav-link {
  height: 48px;
  line-height: 48px;
}

.header .drop-menu .add-icon::after {
  display: block;
  content: "";
  width: 16px;
  height: 17px;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5L14 8.5" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/><path d="M8 14.5L8 2.5" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/></svg>');
  transition: 0.5s all;
}

.header .drop-menu .submenu__drawer {
  display: none;
}

.header .drop-menu.active .add-icon::after {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8L14 8" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.header .drop-menu.active .submenu__drawer {
  display: block;
  z-index: 99;
  overflow-y: auto;
}

.header .drop-menu .menu {
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  background: #fff;
}

.header .drop-menu .menu a {
  color: #424141;
}

.header .drop-menu .menu a:hover {
  color: #f50;
}

.header .drop-menu.active .menu {
  max-height: 1500px;
}

.header .header-tab {
  border-right: 1px solid #F3F3F3;
  border-bottom: 0;
}

.header .header-tab .tab-nav {
  min-width: 202px;
  display: flex;
  align-items: center;
  font-weight: 380;
  cursor: pointer;
}

.header .header-tab .tab-nav.active {
  color: #f50;
  font-weight: 520;
  background: rgba(255, 85, 0, 0.0784313725);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.header .header-tab-content .tab-article {
  width: 270px;
}

.header .header-tab-content .tab-article a {
  color: #666565;
}

.header .header-tab-content .tab-article a:hover {
  color: #f50;
}

.header .practical-lft .top>div {
  min-width: 192px;
}

.header .practical-lft .btm {
  position: relative;
  background: rgba(255, 85, 0, 0.0509803922);
  border-radius: 16px;
}

.header .practical-lft .btm::after {
  display: block;
  content: "";
  width: 118px;
  height: 73px;
  background: url('data:image/svg+xml,<svg width="118" height="73" viewBox="0 0 118 73" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 59C6 29.7289 29.7289 6 59 6C88.2711 6 112 29.7289 112 59C112 88.2711 88.2711 112 59 112C29.7289 112 6 88.2711 6 59ZM59 0C26.4152 0 0 26.4152 0 59C0 91.5848 26.4152 118 59 118C91.5848 118 118 91.5848 118 59C118 26.4152 91.5848 0 59 0ZM75.373 57.019C77.0401 58.216 77.0401 60.696 75.373 61.8929L56.205 75.6548C54.2201 77.0798 51.4553 75.6613 51.4553 73.2178V45.6941C51.4553 43.2507 54.2201 41.8321 56.205 43.2572L75.373 57.019ZM78.8723 66.7668C83.8737 63.176 83.8737 55.7359 78.8723 52.1451L59.7043 38.3832C53.7497 34.1081 45.4553 38.3637 45.4553 45.6941V73.2178C45.4553 80.5481 53.7496 84.8038 59.7042 80.5287L78.8723 66.7668Z" fill="url(%23paint0_linear_538_18082)"/><defs><linearGradient id="paint0_linear_538_18082" x1="59" y1="0" x2="59" y2="118" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 110px;
}

.header .practical-rgt ul a {
  display: inline-block;
  min-width: 125px;
  padding: 6px 12px;
  border-radius: 8px;
  background: #F7F7F7;
}

.header .practical-rgt ul a:hover {
  background: rgba(255, 85, 0, 0.0588235294);
  text-decoration: none;
}

.header .practical-rgt .btm {
  position: relative;
  background: rgba(255, 85, 0, 0.0509803922);
  border-radius: 16px;
}

.header .practical-rgt .btm::after {
  display: block;
  content: "";
  width: 118px;
  height: 73px;
  background: url('data:image/svg+xml,<svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 10C15.7157 10 9 16.7157 9 25V109C9 117.284 15.7157 124 24 124H117C126.941 124 135 115.941 135 106V54.3333C135 49.731 131.269 46 126.667 46H105V25C105 16.7157 98.2843 10 90 10H24ZM99 49V25C99 20.0294 94.9706 16 90 16H24C19.0294 16 15 20.0294 15 25V109C15 113.971 19.0294 118 24 118H103.583C100.733 114.815 99 110.61 99 106V61V55V49ZM105 61V106C105 112.627 110.373 118 117 118C123.627 118 129 112.627 129 106V54.3333C129 53.0447 127.955 52 126.667 52H105V55V61ZM36 46C34.3431 46 33 47.3431 33 49C33 50.6569 34.3431 52 36 52H78C79.6569 52 81 50.6569 81 49C81 47.3431 79.6569 46 78 46H36ZM33 73C33 71.3431 34.3431 70 36 70H78C79.6569 70 81 71.3431 81 73C81 74.6569 79.6569 76 78 76H36C34.3431 76 33 74.6569 33 73Z" fill="url(%23paint0_linear_538_18121)"/><defs><linearGradient id="paint0_linear_538_18121" x1="72" y1="10" x2="72" y2="124" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 110px;
}

.header .active-tab .tab-nav {
  background: #F7F7F7;
  border: 1px solid #F7F7F7;
  font-weight: 380;
  cursor: pointer;
}

.header .active-tab .tab-nav.active {
  font-weight: 520;
  background: rgba(255, 85, 0, 0.1019607843);
  border: 1px solid #f50;
}

.header .active-tab-content .new-active .item {
  border-radius: 6px;
}

@media (min-width:992px) {
  .header {
    border-bottom: 1px solid #F3F3F3;
  }

  .header .navbar-brand {
    max-width: 135px;
  }

  .header .navbar-nav .nav-item svg {
    width: 24px;
    height: 24px;
  }

  .header .navbar-nav .nav-link {
    height: 64px;
    line-height: 64px;
  }

  .header .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDVMNS4wMDMwMSAxOS4wMDEiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNSA1TDE4Ljk5NyAxOS4wMDEiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
  }

  .header .collapsed .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMCIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik00IDEyLjVIMjAiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxOUgyMCIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
  }

  .header .navbar-toggler:focus {
    box-shadow: none;
  }

  .header .navbar-collapse {
    order: 0;
  }

  .header .drop-menu {
    position: static;
  }

  .header .drop-menu .nav-link {
    position: relative;
    font-weight: 330;
  }

  .header .drop-menu .nav-link::after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 2px;
    background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 5.25L7 8.75L10.5 5.25" stroke="%23131212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transition: 0.5s all;
  }

  .header .drop-menu .menu {
    position: absolute;
    top: 101%;
    left: 0;
    z-index: 60;
    box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.2);
    max-height: 0px;
  }

  .header .drop-menu .menu a {
    color: #424141;
  }

  .header .drop-menu .menu a:hover {
    color: #f50;
  }

  .header .drop-menu:hover .nav-link {
    color: #f50;
    font-weight: 520;
  }

  .header .drop-menu:hover .nav-link::before {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #f50;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .header .drop-menu:hover .nav-link::after {
    transform: rotate(-180deg);
    background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 5.25L7 8.75L10.5 5.25" stroke="%23f50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }

  .header .drop-menu:hover .menu {
    max-height: 500px;
  }

  .header .header-tab {
    border-right: 1px solid #F3F3F3;
    border-bottom: 0;
  }

  .header .header-tab .tab-nav {
    min-width: 202px;
    display: flex;
    align-items: center;
    font-weight: 380;
    cursor: pointer;
  }

  .header .header-tab .tab-nav.active {
    color: #f50;
    font-weight: 520;
    background: rgba(255, 85, 0, 0.0784313725);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .header .header-tab-content .tab-article {
    width: 250px;
  }

  .header .header-tab-content .tab-article a {
    color: #666565;
  }

  .header .header-tab-content .tab-article a:hover {
    color: #f50;
  }

  .header .practical-lft .top>div {
    min-width: 156px;
  }

  .header .practical-lft .btm {
    position: relative;
    background: rgba(255, 85, 0, 0.0509803922);
    border-radius: 16px;
  }

  .header .practical-lft .btm::after {
    display: block;
    content: "";
    width: 118px;
    height: 73px;
    background: url('data:image/svg+xml,<svg width="118" height="73" viewBox="0 0 118 73" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 59C6 29.7289 29.7289 6 59 6C88.2711 6 112 29.7289 112 59C112 88.2711 88.2711 112 59 112C29.7289 112 6 88.2711 6 59ZM59 0C26.4152 0 0 26.4152 0 59C0 91.5848 26.4152 118 59 118C91.5848 118 118 91.5848 118 59C118 26.4152 91.5848 0 59 0ZM75.373 57.019C77.0401 58.216 77.0401 60.696 75.373 61.8929L56.205 75.6548C54.2201 77.0798 51.4553 75.6613 51.4553 73.2178V45.6941C51.4553 43.2507 54.2201 41.8321 56.205 43.2572L75.373 57.019ZM78.8723 66.7668C83.8737 63.176 83.8737 55.7359 78.8723 52.1451L59.7043 38.3832C53.7497 34.1081 45.4553 38.3637 45.4553 45.6941V73.2178C45.4553 80.5481 53.7496 84.8038 59.7042 80.5287L78.8723 66.7668Z" fill="url(%23paint0_linear_538_18082)"/><defs><linearGradient id="paint0_linear_538_18082" x1="59" y1="0" x2="59" y2="118" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 110px;
  }

  .header .practical-rgt ul a {
    display: inline-block;
    min-width: 125px;
    padding: 6px 12px;
    border-radius: 8px;
    background: #F7F7F7;
  }

  .header .practical-rgt ul a:hover {
    background: rgba(255, 85, 0, 0.0588235294);
    text-decoration: none;
  }

  .header .practical-rgt .btm {
    position: relative;
    background: rgba(255, 85, 0, 0.0509803922);
    border-radius: 16px;
  }

  .header .practical-rgt .btm::after {
    display: block;
    content: "";
    width: 118px;
    height: 73px;
    background: url('data:image/svg+xml,<svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 10C15.7157 10 9 16.7157 9 25V109C9 117.284 15.7157 124 24 124H117C126.941 124 135 115.941 135 106V54.3333C135 49.731 131.269 46 126.667 46H105V25C105 16.7157 98.2843 10 90 10H24ZM99 49V25C99 20.0294 94.9706 16 90 16H24C19.0294 16 15 20.0294 15 25V109C15 113.971 19.0294 118 24 118H103.583C100.733 114.815 99 110.61 99 106V61V55V49ZM105 61V106C105 112.627 110.373 118 117 118C123.627 118 129 112.627 129 106V54.3333C129 53.0447 127.955 52 126.667 52H105V55V61ZM36 46C34.3431 46 33 47.3431 33 49C33 50.6569 34.3431 52 36 52H78C79.6569 52 81 50.6569 81 49C81 47.3431 79.6569 46 78 46H36ZM33 73C33 71.3431 34.3431 70 36 70H78C79.6569 70 81 71.3431 81 73C81 74.6569 79.6569 76 78 76H36C34.3431 76 33 74.6569 33 73Z" fill="url(%23paint0_linear_538_18121)"/><defs><linearGradient id="paint0_linear_538_18121" x1="72" y1="10" x2="72" y2="124" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 110px;
  }

  .header .active-tab .tab-nav {
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    font-weight: 380;
    cursor: pointer;
  }

  .header .active-tab .tab-nav.active {
    font-weight: 520;
    background: rgba(255, 85, 0, 0.1019607843);
    border: 1px solid #f50;
  }

  .header .active-tab-content .new-active .item {
    border-radius: 6px;
  }
}

@media (min-width:1280px) {
  .header .header-tab-content .tab-article {
    width: 270px;
  }

  .header .practical-lft .top>div {
    min-width: 192px;
  }
}

@media (max-width:991.98px) {
  .header .icon-arrow-right {
    display: flex;
    justify-content: flex-start;
    position: relative;
  }

  .header .icon-arrow-right::after {
    display: block;
    content: "";
    width: 16px;
    height: 17px;
    background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 3.5L10.5147 9.01472" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/><path d="M5 14.5293L10.5147 9.01458" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/></svg>');
    transition: 0.5s all;
    position: absolute;
    right: 0;
  }

  .header .icon-add::after {
    display: block;
    content: "";
    width: 16px;
    height: 17px;
    background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5L14 8.5" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/><path d="M8 14.5L8 2.5" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/></svg>') !important;
    transition: 0.5s all;
  }

  .header .submenu-open .icon-add::after {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8L14 8" stroke="%23666565" stroke-width="1.5" stroke-linecap="round"/></svg>') !important;
  }

  .header .menu__header {
    height: 48px;
  }

  .header .menu__content .submenu__content {
    overflow: hidden;
    max-height: 0;
    transition: 0.2s;
  }

  .header .menu__content .drawer__item.submenu-open .submenu__content {
    max-height: 1500px;
  }

  .header .menu__content .video__tutorial {
    position: relative;
    background: rgba(255, 85, 0, 0.0509803922);
    border-radius: 16px;
  }

  .header .menu__content .video__tutorial::after {
    display: block;
    content: "";
    width: 118px;
    height: 73px;
    background: url('data:image/svg+xml,<svg width="118" height="73" viewBox="0 0 118 73" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 59C6 29.7289 29.7289 6 59 6C88.2711 6 112 29.7289 112 59C112 88.2711 88.2711 112 59 112C29.7289 112 6 88.2711 6 59ZM59 0C26.4152 0 0 26.4152 0 59C0 91.5848 26.4152 118 59 118C91.5848 118 118 91.5848 118 59C118 26.4152 91.5848 0 59 0ZM75.373 57.019C77.0401 58.216 77.0401 60.696 75.373 61.8929L56.205 75.6548C54.2201 77.0798 51.4553 75.6613 51.4553 73.2178V45.6941C51.4553 43.2507 54.2201 41.8321 56.205 43.2572L75.373 57.019ZM78.8723 66.7668C83.8737 63.176 83.8737 55.7359 78.8723 52.1451L59.7043 38.3832C53.7497 34.1081 45.4553 38.3637 45.4553 45.6941V73.2178C45.4553 80.5481 53.7496 84.8038 59.7042 80.5287L78.8723 66.7668Z" fill="url(%23paint0_linear_538_18082)"/><defs><linearGradient id="paint0_linear_538_18082" x1="59" y1="0" x2="59" y2="118" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 110px;
  }

  .header .menu__content .information__info {
    position: relative;
    background: rgba(255, 85, 0, 0.0509803922);
    border-radius: 16px;
  }

  .header .menu__content .information__info::after {
    display: block;
    content: "";
    width: 118px;
    height: 73px;
    background: url('data:image/svg+xml,<svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 10C15.7157 10 9 16.7157 9 25V109C9 117.284 15.7157 124 24 124H117C126.941 124 135 115.941 135 106V54.3333C135 49.731 131.269 46 126.667 46H105V25C105 16.7157 98.2843 10 90 10H24ZM99 49V25C99 20.0294 94.9706 16 90 16H24C19.0294 16 15 20.0294 15 25V109C15 113.971 19.0294 118 24 118H103.583C100.733 114.815 99 110.61 99 106V61V55V49ZM105 61V106C105 112.627 110.373 118 117 118C123.627 118 129 112.627 129 106V54.3333C129 53.0447 127.955 52 126.667 52H105V55V61ZM36 46C34.3431 46 33 47.3431 33 49C33 50.6569 34.3431 52 36 52H78C79.6569 52 81 50.6569 81 49C81 47.3431 79.6569 46 78 46H36ZM33 73C33 71.3431 34.3431 70 36 70H78C79.6569 70 81 71.3431 81 73C81 74.6569 79.6569 76 78 76H36C34.3431 76 33 74.6569 33 73Z" fill="url(%23paint0_linear_538_18121)"/><defs><linearGradient id="paint0_linear_538_18121" x1="72" y1="10" x2="72" y2="124" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.1"/><stop offset="1" stop-color="%23FF5500" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 110px;
  }

  .header .hot-deals.active .menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    overflow-y: auto;
    padding-bottom: 48px;
  }

  .header .hot-deals.active .new-active,
  .header .hot-deals.active .monthly-off,
  .header .hot-deals.active .buy-get-free {
    border-radius: 24px;
    text-align: center;
  }

  .header .hot-deals.active .new-active .btn,
  .header .hot-deals.active .monthly-off .btn,
  .header .hot-deals.active .buy-get-free .btn {
    height: 56px;
    min-width: 200px;
    justify-content: center;
  }

  .header .hot-deals.active .new-active img,
  .header .hot-deals.active .monthly-off img,
  .header .hot-deals.active .buy-get-free img {
    max-width: 60%;
    margin: auto;
  }
}

@media (max-width:767.98px) {

  .header .hot-deals.active .new-active img,
  .header .hot-deals.active .monthly-off img,
  .header .hot-deals.active .buy-get-free img {
    max-width: 72%;
  }
}

@media (max-width:575.98px) {

  .header .hot-deals.active .new-active img,
  .header .hot-deals.active .monthly-off img,
  .header .hot-deals.active .buy-get-free img {
    max-width: 100%;
  }
}