/* iPad portrait + landscape (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #zipcodeModal .modal-content{
        margin: 0 auto;
    } 
    
    /*Header css*/
    .bg-wrapper3.searchbar-options-box {   
        position: fixed;
        top: 0;
        z-index: 9;
        background-color: #fff;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    } 
    .logo-added-top {
        display: flex;
        align-items: center;
    }
    a.logo-left {
        width: 50px;
        display: block !important;
    }
    div.right-content-menu a div.newUserRegistr {
        right: 10px !important;
        font-weight: 600;
        font-size: 13px;
        float: right !important;
        width: 60px;
        text-align: center;
        margin: 25px 0 0;
        top: -25px !important;
    }
    .right-content-menu {
        width: calc(100% - 70px);
        margin-left: 35px;
        margin-top: -35px;
    }
    .right-content-menu .newUserRegistr {
        font-size: 13px;
        float: right !important;
        width: 60px;
    }
    .newUserRegistr {
        text-align: center;
        margin: 25px 0 0;
    }
    div.right-content-menu a div.newUserRegistr span {
        font-size: 11px;
    }
 
    a.logo-left img {
        width: 65px;
        display: block;
        margin-top: -16px;
    }
    .searchbar-options-box .searchbar-options-box-wrapper {
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }
    .searchbar-options-box .searchBar-box {
        width: calc(100% - 50px);
        order: 2;
        margin: 0 50px 0 0 !important;
    }
    .searchBar-box input {
        border-radius: 1px;
        height: 30px;
        margin-left: -9px !important;
    }
    .searchBar-box i {
        top: 7px;
    }
    div#Coupons-SearchBox {
        font-size: 14px !important;
        padding: 9px 10px 1px 5px !important;
    }
    .searchbar-options-box .searchBar-box {
        order: 2;
        margin: 0 50px 0 0 !important;
    }
    .searchbar-options-box .optionBox {
        width: 100%;
        margin-top: -6px !important;
        margin: 0 -15px;
    }
    .searchbar-options-box .optionBox .icon a {
        border-radius: 1px;
        width: 85%;
        margin-bottom: 12px;
        height: 32px;
        text-align: center;
        display: block !important;
        font-size: 12px !important;
        white-space: nowrap;
    }
    .optionBox .icon a.btn.btn1.btn-rounded-primary.border-0 {
        font-size: 12px !important;
    }
    .btn1 {
        padding: 6px 10px;
    }
    .btn_mobile_top {
        position: initial !important;
    }
    .btn_mobile_top .optionBox {
        position: fixed;
        top: 43px;
        right: 30px;
        z-index: 9;
    }
    .menu_btn {
        position: absolute;
        left: 15px;
        z-index: 99;
        background-color: #1548b0;
        width: 51px;
        height: 28px;
        /*top: 5px;*/
        transition: all 0.5s;
        font-size: 16px;
        display: inline-block !important;
        color: #fff;
        text-transform: capitalize;
        line-height: 28px;
        border-radius: 1px;
    }  
    .desktop_show {
        background: rgb(21 72 176 / 10%);
        border-radius: 6px;
        padding: 5px 15px;
        font-weight: 600;
        color: #1548b0;
        font-size: 13px;
        margin: 0 2px 8px;
        /* max-width: 100px; */
        display: inline-block !important;
        text-align: center;
    }
    .searchbar-options-box .menu_btm_scroll {
        overflow: auto;
        margin-left: 60px;
        position: relative;
        /*padding-top: 4px;*/
        scrollbar-width: none !important;
    }
    .menu_btm_scroll .inner_btn {
        display: flex;
        width: auto;
        overflow: auto;
        min-width: 808px;
    }

   /*Sidebar Css*/
    .main-content .mobile_side_menu {
        transform: translateX(-100%);
        position: absolute !important;
        transition: all 0.5s !important;
        left: 0 !important;
        top: 0 !important;
        background-color: #fff !important;
        z-index: 99999 !important;
        margin: 0 !important;
        padding: 16px;
        max-width: 300px !important;
   }
   .main-content .col-md-8.col-lg-9.col-sm-7.col-xs-12 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .main-content.search-main .mobile_side_menu {
        transform: translateX(0) !important;
    }
    body.search-main .mobile_side_menu {
        transform: translateX(0) !important;
    }

    .mobile_side_menu {
        display: block !important;   
        position: fixed;             
        top: 0;
        left: 0;
        height: 100vh;
        background: #fff;          
        overflow-y: auto;
        transform: translateX(-100%); 
        transition: transform 0.3s ease-in-out;
        z-index: 9999;
    }
    .menu_btm_scroll .inner_btn{
        display: flex;
        width: auto;
        overflow: auto;
    }
    .inner_mobile_side_menu{
          position: relative;
          /*width: 250px;*/
          /*overflow: auto;*/
          width: 270px;
      }
    body.open-menu .mobile_side_menu {
            transform: translateX(0) !important; /* andar slide hoke aa jayega */
    }
        
    body.open-menu .overlay {
        z-index: 99999;
        display: block !important;
    }
    body.open-menu {
        overflow: hidden;
       }
    #desktopdownload {  
      display: none;
    } 
      .destop-nav-field-show { 
        display: none !important;
      }
    .destop-nav-field-hidden {
        display: block;
      }
       
    /*Home Page*/
    .comment-feed-sec-new.hide-sec {
       display: none;
    }
    .comment-feeds-content {
        margin: 15px 0;
        position: relative;
        top: 0px;
    }
   
   /*Announcement*/ 
     .EventDeatil-Desktop-side-field-fix {
        position: relative;
        margin: 0px;
      }
    #AnnoucementbackAreaBtn {
      max-width: 100%;
      flex: 0 0 100%; 
    } 
    div#AnnoucementsAFETYbackAreaBtn {
      max-width: 100%;
      flex: 0 0 100%;
    } 
  #DesktopsideGroup-Field .GroupDetailrightcontent-Desktop-side-field-fix {
    position: relative !important;
    margin: 0px !important;
  }    
}