.box-flex {
     display: flex;
     align-items: center;
 }
.dropdown {
      position: relative;
      display: inline-block;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
  }

  .dropdown-content a {
      text-align: right;
      width: 100%;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
  }
  .show {
      display: block;
  }
 a.subbit {
     color: rgb(78, 78, 78);
 }

 .mobaile-active {
     display: none;
 }

 .mobaile-disabel {
     display: block;
 }

 .logo {
     width: 50px;
 }

 .count-cart {
     position: relative;
 }

 .count-cart label {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 10px;
     width: 13px;
     height: 14px;
     background-color: #FF725E;
     color: white;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .ico {
     font-size: 20px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 8px;
     padding-left: 8px;
 }

 .subbit.btn:hover {
     color: #2267ce;
 }

 .sin {
     border: 1px #4fbfcc solid;
     top: 0;
     right: 0;
     margin-top: 5px;
 }

 .sin:hover {
     color: white;
     background: #008fb3;
 }

 .nav_bar {
     padding-left: 25px;
     padding-right: 25px;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .nav_bar a.btn:focus,
 a.btn:active {
     box-shadow: none !important;
     outline: none !important;
 }

 .panel-search {
     display: none;
     justify-content: space-between;
     align-items: center;
 }

 .panel-search div {
     margin-right: 5px;
     margin-left: 5px;
     padding: 10px;
 }

 .search-bar {
     width: 100%;
     position: relative;
     margin-top: 5px;
     font-size: 12px;
 }

 .input-search {
     position: relative;
 }

 .input-search i {
     position: absolute;
     left: 20px;
     top: 20px;
     font-size: 15px;
 }

 .search-bar .result {
     padding: 0;
     margin-top: -10px;
     margin-right: 15px;
     border-radius: 5px;
     position: absolute;
     display: flex;
     flex-direction: column;
     background: #eeeeee;
     z-index: 10;

 }

 .result a {
     border-radius: 5px;
     color: rgb(78, 77, 77);
     padding: 10px;
     text-decoration: none;
     margin: 5px;
 }

 .result a:hover {
     background: #3e6eff;
     padding: 10px;
     color: white;
     text-decoration: none;
 }

 .search-bar input {
     width: 100%;
     height: 35px;
     border-radius: 50px;
     border: 1px #e7e5e5 solid;
     text-indent: 5px;
 }

 .search-bar input:focus {
     border: 1px solid #008fb3;

     outline: none;
 }

 .panel-nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .panel-nav div {
     margin-right: 5px;
     margin-left: 5px;
     padding: 10px;
 }

 .nav_bar .cart {
     font-size: 20px;
 }

 .nav_bar span {
     background-color: #FF725E;
     color: #ffffff;
     font-size: 10px;
     border-radius: 50px;
     padding: 4px;
 }

 #result i {
     margin-right: 20px;
 }

 .menu {
     display: none;
 }

 .menu a {
     float: right;
     width: 100%;
     text-align: right;
 }



 .dropdown {
     position: relative;
     display: inline-block;
 }

 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 160px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }

 .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 }

 .show {
     display: block;
 }

 .mySlides {
     display: none;
 }

 .mySlides {

     animation: slideimage 2s ease-in-out;
 }


 @keyframes slideimage {
     0% {
         opacity: 0;
         margin-left: 200px;
     }

     100% {
         opacity: 1;
         margin-left: 20px;
     }
 }

 @media screen and (max-width: 640px) {

     .mobaile-active {
         display: block;
     }

     .mobaile-disabel {
         display: none;
     }

     .menu {
         display: inline-block;
     }

     .textwelcom {

         margin-top: auto;
     }

     .nav_bar {
         padding-left: 10px;
         padding-right: 10px;
         margin-top: 15px;
         margin-bottom: 5px;
     }
 }