.input-group{
    width: 100% !important;
  }
  .collection_bg_img img{
  height: 100%;
  width: 100%;
  max-height: 377px;
  max-width: 1600px;
  }
  
  ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
  }
  ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }
  
  /* all categories */
  .all_categories .card-body.border-black {
     /*  background: #f0f0f0; */
      height: 250px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 25px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
  }
  .all_categories h4  {
      color: #F8C900 !important;
      font-weight: 600 !important;
      margin: 10px;
      text-align: center;
  }
  
  .all_categories .card-body.border-black a:hover {
      text-decoration: none !important;
  }
  /* all categories */
  
  /* Logo */
  .logo_section a {
      display: flex;
      align-items: center;
      gap: 10px;
  }
  /* Logo */
  .form select {
      border: none;
      font-size: 13px !important;
  }
  /* Search bar */
  .search_section .form-group {
      margin-bottom: 15px;
      text-align: center;
  }
  .mt-3 {
      margin-top: 22px !important;
  }
  .mt-2 {
      margin-top: 17px ;
  }
  
  header .mt-2, header .mt-3{
      margin-top: 0 !important;
      padding-top: 6px;
  }
  div#across p {
      text-align: end;
      margin: 0;
  }
  .search_section .input-group {
      width: 100%;
      max-width: 620px;
  }
  
  
  .Categories_btn {
      background-color: #3D3838;
      margin-right: -110px;
      padding: 9px;
      color: #fff;
      margin-left: 12px !important;
      border: 1px solid #808080;
  }
  .Categories_btn:hover{
      color: #F4D03F;
  }
  
  .select_box{
    width: 200px;
    overflow: hidden;
    border: 1px solid #000;
    position: relative;
    padding: 10px 0;
  }
  .select_box:after{
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00;
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    z-index: 98;
   }
  .select_box select{
    width: 220px;
    border: 0;
    position: relative;
    z-index: 99;
    background: none;
  }
  .form select {
   
      color: #F4D03F !important;
  }
  
  
  /*input#search_text {
      font-size: medium;
      border-radius: 6px;
      color:black;
      background: #fff;
  }*/
  
  input#search_text {
      background: transparent !important;
      font-size: medium !important;
      border-radius: 0px !important;
      color: white !important;
      border: 2px solid grey !important;
  }
  
  /* #result{
      width: 27%;
      text-align: left;
      justify-content: center;
      display: flex;
      margin: auto;
  } */
  
  #result {
      width: 30%;
      text-align: left;
      display: none;
      margin: auto;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 350px;
      overflow: scroll;
      z-index: 9999;
  }
  #result .table a{
      color:black;
      text-decoration: none;
      font-size: small;
  }
  font {
      margin: 10px 0;
      display: inline-block;
  }
  
  /*div#slider_Alcohol\ \ \ {
      padding-top: 15px;
  }*/
  /* @media all and (max-width: 567px){
  
      .container.movie {
          padding: 0;
          font-size: 1px;
      }
      #across p {
          text-align: center;
          font-style: italic;
      }
      .col-sm-1.flage.logo_section {
          margin-bottom: 21px;
      }
      .col-sm-1.flage.logo_section {
          padding: 0 20px;
      }
      .col-sm-2.mt-3.flage_3 {
      padding: 0 20px;
  }
  .container.movie { 
      padding: 0;
      font-size: 1px;
  }
  div#across p:first-child {
      font-weight: bold;
  } */
  
  
  @media screen and (min-width: 1080px) {
      .col-sm-1 {
              flex: 0 0;
              width: 15.333333%;
              padding-top: 6px;
          }
      .col-sm-2 {
         flex: 0 0 auto;
          width: 14.666667% !important;
          padding-top: 6px !important;
      }
      .mt-2 {
        margin-top: 10px !important;
      }
  
      header .mt-2, header .mt-3{
       margin-top: 0 !important;
       padding-top: 6px !important;
      }
  
      div#across p {
          text-align: center;
      }
      .col-sm-8 {
          flex: 0 0 auto;
             width: 60.666667%!important;
         }
         
      header p {
        color: #FFFFFF;
         font-size: 20px !important;
      padding-top: 0px !important;
      }
    
       .col-sm-2 {
          flex: 0 0 auto;
             width: 20.666667%!important;
             padding-top: 6px !important;
         }
         .mt-2 {
          margin-top: 10px !important;
        }
  
        header .mt-2, header .mt-3{
          margin-top: 0 !important;
          padding-top: 6px;
         }
  
        div#across p {
            text-align: center;
        }
      }
  
  
  @media all and (max-width: 767px){
        
  
      .mt-2 {
          margin-top: 0PX !important;
      }
  
      .search_section .input-group{
          width: 90%!important;
      }
      #result {
          width: 90%!important;
      }
      .container.movie {
          padding: 0;
          font-size: 1px;
      }
      #across p {
          text-align: center;
          font-style: italic;
      }
      .col-sm-1.flage.logo_section {
          margin-bottom: 21px;
      }
  
        .col-sm-2.mt-3.flage_3 {
  
          margin-top: 9px !important;
      }
  
      .col-sm-2.mt-3.flage_3 {
          width: auto;
          position: absolute;
          top: 24px;
          right: 0;
      }
      .col-sm-1.flage.logo_section {
          padding: 0 20px;
      }
  
      div#across p {
          text-align: center;
      }
      
      .col-sm-2.mt-3.flage_3 {
      padding: 0 20px;
  }
  .container.movie { 
      padding: 0;
      font-size: 1px;
  }
  div#across p:first-child {
      font-weight: bold;
  }
  span.logo_text {
      margin-top: 9px;
      display: inline-block;
  }
  form {
      display: inline-block;
      margin: 10px 0;
  }
  .top-heading h2 {
      margin: 0;
  }
  .top-heading {
      margin-top: -85px;
  }
  
  }
  .Delivery.Address h3 {
      color: #000;
      font-size: 20px;
  }
  /* Search bar */
  
  a.style {
      font-size: 16px;
      font-weight: 500;
  }
  .newpages-content {
      width: calc(100vw);
      margin-left: calc(-50vw + 50%);
      background: #fff;
      color: black;
      font-size: 16px;
  }
  .newpages-content .Cancellation-outer {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 30px !important;
      padding-bottom: 30px !important;
      margin-top: 0 !important;
  }
  .hedaer-outer {
      background: #000 !important;
  }
  .container{
      max-width: 1500px !important;
  }
  .hedaer-outer p {
      color: #fff;
      margin-top: 10px;
      font-size: 17px;
  }
  .hedaer-outer {
      padding: 20px 0;
   }
  .search-outer .search-relative {
      position: absolute;
      top: 0;
      right: 0;
      background: #ed5a5c;
      color: #fff;
      padding: 7px;
      width: 37px;
      text-align: center;
  }
  
  .pagination {
      display: flex;
      column-gap: 10px;
  }
  .form-control:focus {
      border-color: #ddd;
      outline: 0;
      box-shadow: none;
      font-size: 8px;
  }
  .top-border {
      border-top: 5px solid #dddddd6b;
      padding: 50px 0;
  }
  .mt-2 {
      margin-top: 20PX;
  }
  
  header .mt-2, header .mt-3{
      margin-top: 0 !important;
      padding-top: 6px;
     }
  
  .hedaer-outer i {
      color: #fff;
  }
  .social-icon i {
      padding-right:  16px;
  }
  .search-outer form.search {
      position: relative;
  }
  
  /* ol, ul {
      padding-left: 20px !important;
  } */
  
  .Cancellation-outer ul {
      padding: 0 0 0 20px !important;
  }
  section.newsletters h5 {
      color: #ffc107;
      font-size: 19px;
      text-transform: uppercase;
      margin-bottom: 25px;
      font-weight: 600;
  }
  section.newsletters a {
      color: #fff;
      text-decoration: none;
  }
  .form-select {
      display: inline;
      width: 130px;
      padding: .375rem 2.25rem .375rem .75rem;
      -moz-padding-start: calc(0.75rem - 3px);
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right .75rem center;
      background-size: 16px 12px;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  .form-select:focus {
      border-color: #86b7fe;
      outline: 0;
      box-shadow: none;
  }
  
  .select-text h4 {
      color: #082a4c;
      font-size: 18px;
      font-weight: normal;
      margin: 10px 0;
  }
  .select-text a {
      color: #3870a5;
      text-decoration: none;
      font-size: 12px;
      font-weight: 500;
      margin: 10px 0;
  }
  a.style {
      font-size: 16px;
      font-weight: 500;
      display: inline-block;
  }
  .select-text span {
      color: #4a4a4a;
      font-size: 16px;
      font-weight: 300;
     
  }
  .Cancellation-outer p {
      padding: 10px 0;
      line-height: 30px;
  }
  .Cancellation-outer li {
      padding: 6px 0;
      margin: 10px 0;
  }
  .page-link:focus {
      box-shadow: none;
  }
  .grid-image:hover {
      outline: 2px solid #dedddf;
      text-decoration: none;
  }
  .grid-image {
      background: #f3f3f3;
      padding: 10px 20px;
      position: relative;
     
  }
  .grid-image img {
      width: 100%;
      height: 400px;
      object-fit: cover;
  }
  .grid-relative i {
      background: #fff;
      color: #915f87;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
  }
  .grid-relative {
      position: absolute;
      top: 16px;
      right: 6px;
  }
  .Cancellation-outer img {
      width: 50%;
      margin:  30px 0;
  }
  section.newsletters {
      background: #000;
  }
  span.logo_text {
      color: #F8C900;
      font-size: 18px;
      font-weight: bold;
  }
  /* 
  @media only screen and (max-width: 991px) {
      span.navbar-toggler-icon {
          background: #ffc107;
          padding: 20px;
          border-radius: 2px;
          position: absolute;
          top: 30px;
          right: 0;
      }
    
  } */
  
  @media only screen and (min-width: 1024px) and (max-width: 1500px)  {
      select.form-select {
          margin: 8px;
      }
  /*     .container {
          padding: 0 25px;
      } */
      
  }
  @media only screen and (min-width: 767px) and (max-width: 1024px)  {
  /*     .container {
          padding: 0 20px;
      }
     
      .row {
          flex-wrap: wrap !important;
      } */
      .hedaer-outer .social-icon i {
          padding: 0 8px;
      }
    
      .select-outer .col-sm-3 {
          flex: 0 0 auto;
          width: 50%;
          margin: 20px 0;
      }
      .hedaer-outer i.fa-solid.fa-bars {
          display: none;
      }
      select.form-select {
          width: 49%;
          margin: 15px 0;
          margin-right: 5px;
      }
      .hedaer-outer .text-end {
          text-align: start !important;
      }
  }
  
  @media only screen and (max-width: 767px) {
     
      select.form-select {
          margin: 15px 0;
          width: 100%;
      }
      
      /*.col-sm-2.mt-3.flage_3 {
          top: 14px !important;
      }*/
  
      .hedaer-outer p {
          text-align: left;
      }
      .hedaer-outer .text-end {
          text-align: start !important;
      }
      .hedaer-outer i.fa-solid.fa-bars {
          display: none;
      }
      
  /*     .container {
          padding: 0 20px;
      } */
    
      section.newsletters .text-center {
          text-align: left !important;
      }
      li.page-item {
          margin: 5px 0;
      }
  /*     .logo i {
          display: none;
      }
      */
      .Cancellation-outer img {
          width: 100%;
        
      }
      .pagination {
          flex-wrap: wrap;
      }
      .Cancellation-outer p {
          font-size: 14px;
          line-height: 28px;
      }
      .Cancellation-outer li {
          font-size: 14px;
          line-height: 28px;
      }
  /*     .top-border {
          padding: 20px 0;
      } */
      .grid-image {
          margin: 30px 0;
      }
      .select-outer .col-sm-3 {
      flex: 0 0 auto;
      width: 100%;
  }
      .hedaer-outer i {
          margin-top: 0;
      }
      
  }
  .Delivery.Address {
      background-color: #F4D03F;
      margin-top: 34px;
      padding: 10px 17px;
  }
  .order_text {
      background-color: #F4D03F;
      padding: 8px;
      margin: 15px 0;
  }
  .Delivery.Address h3 {
      color: #000;
      font-size: 20px;
  }
  .order_text h3 {
      font-size: 18px;
      color: #000;
  }
  .deliviry_2 {
      background-color: #fff;
      color: #000;
      padding: 5px 8px;
      font-size: 12px;
      margin-right: 20px;
      border-radius: 3px;
  }
  span.Payment_text {
      color: #000;
      background-color: #EBEBEB;
      padding: 2px 8px;
      border-radius: 2px;
      margin-right: 11px;
  }
  
  @media only screen and (max-width: 767px) {
      .top-heading font {
          font-size: 36px;
          padding-top: 68px;
          position: relative;
      }
  
  .top-heading span.title_heading{
    display: block;
  }
  
      body>div.container.mb-3>div>div>div>div>div>div>div>div>div>form {
          display: block;
      }
      .top-border {
          margin: 0px;
      }
  
      .input-group input {
          margin-left: 54px;
      }
  
      .form select {
          margin: 16px auto;
          display: inline-block;
          font-size: 9px;
          width: 100px;
          font-size: 10px !important;
      }
  }
  
  header .row{
      display: flex;
      align-items: center !important;
      flex-wrap: nowrap;
  }
  
  
  
  header .col-sm-1.col-md.menu_bar{
     display: none;
  }
  
  
  header .col-sm-1.flage.logo_section{
     width: 25% !important;
     padding-top: 6px;
     padding-left: 10px !important;
  }
  
  header .col-sm-8.flage_2{
     width: 50% !important;
     display: flex;
     justify-content: center;
  }
  
  header .col-sm-2.flage_3{
     width: 25% !important;
     display: flex;
     justify-content: end;
  }
  
  header .col-sm-1.col-md.menu_bar{
     display: none;
  }
  
  header .col-sm-1.flage.logo_section img{
    width: 50px;
  }
  
  @media (max-width: 1080px) { 
    header .col-sm-1.flage.logo_section{
      width: 32% !important;
  }
  header .col-sm-2.flage_3{
     width: 18% !important;
  }
  }
  
  @media (max-width: 767px) {
  
  header .logo_section a{
    gap: 5px;
  }
  
  header .col-sm-1.flage.logo_section img{
    width: 40px;
  }
  
  header .col-sm-1.flage.logo_section span.logo_text{
   font-size: 15px;
  }
  
  .search_section form{
    width: 100%;
  }
  
  .search_section form .input-group input{
    margin-left: 0 !important;
  }
  
  .container.movie{
    margin-top: 88px
  }
  
  .contanier.mb-5.mt-5{
     margin-top: 11rem !important;
     margin-bottom: -88px !important;
  }
  
  header .row{
    flex-wrap: wrap;
  }
  
  header .col-sm-8.flage_2{
     display: none;
   }
  
  header .col-sm-2.mt-3.flage_3{ 
    top: 31px !important;
   }
  
  header .col-sm-1.col-md.menu_bar{
     display: block !important;
  }  
  
  header .col-sm-4.mt-2.flage_2{
     left: 0;
  }
  
  header .col-sm-1.flage.logo_section{
  width: 50% !important;
  }
  
  header .col-sm-2.flage_3{
    width: 50% !important;
  }
  }
  
  
  @media (min-width: 1080px) {
    header .col-sm-1.flage.logo_section{
     flex: 0 0 auto;
   }
  }
  
  
  
  @media (max-width: 575px) {
     .container.movie{
       margin-top: 88px !important;
  }
.all_categories .card-body.border-black{
     height: 300px;
}

  }
  
  
  body{
  height: 88% !important;
  }
  
  .card .card-header h2 + h3{
    display: flex;
    flex-wrap: nowrap;
  }

.newsletters .row{
  row-gap: 25px;
}
  
  @media (max-width: 767px) {

      header .col-sm-1.flage.logo_section {
          width: 100% !important;
      }

    .newsletters .row{
       row-gap: 0px;
   }

  .newsletters .top-border .col-sm-4.text-center{
    padding: 0;
}
  
.newsletters form#subscribe-us{
  width: 100%;
}
  
  .form select{
    width: 102px !important;
    margin: 8px auto !important;
  }

section.newsletters h5{
  margin-bottom: 0px;
}
  
  }
  
  
  @media (max-width: 475px) {
  .col-md-3.mb-4.card_sec.all_categories{
    width: 100% !important;
  }
  }
  
  @media (max-width: 343px) {
  .form select{
   width: 102px !important;
  margin: 8px 0 !important
  }
  }