@media only screen and (min-width: 900px)
{
      .sidebar,  .bottom_list_responsive
      {
        display: none;
      }
}
@media only screen and (max-width: 1000px) {
  html, body
  {
    padding: 0 !important
  }
.content-header h1
    {
        font-size: 16px !important;
    }
    .content-header p{
        font-size: 13px !important;
    }
    .categories .col-md-3{
        width: 50%;
        padding: 5px !important;
    }
    .category_box
    {
        padding: 20px 20px !important;
    }
    .category_box h3
    {
        font-size: 13px !important;
    }
    .services, .sdmpp
    {
        padding: 20px 0
    }
    .services .col-md-3, .sdmpp .col-md-3,  .services_filter_space .col-md-4,.services_filter_space .col-md-3
    {
        width: 50% !important;
        padding: 2px
    }
        .services .box-stock
    {
        height: 280px
    }
   .sdmpp .box-stock h3, .services .box-stock h3,  .services_filter_space .col-md-4 h3, .services_filter_space .col-md-3 h3
    {
        font-size: 12px !important;
    }
    .service_user_space span a,  .services_filter_space .col-md-4 span a, .services_filter_space .col-md-3 span a
    {
        font-size: 9px;
    }
    .services .box-stock a img, .sdmpp .col-md-3 a img,  .services_filter_space .col-md-4 a img, .services_filter_space .col-md-3 a img
    {
        height: 120px !important;
    }
    .service_user_space img,  .services_filter_space .service_price_space img
    {
        width: 20px !important;
        height: 20px !important;
    }
    .banner h1
    {
        font-size: 22px !important;
    }
    .fw-normal
    {
        font-size: 25px !important;
    }
    .g-0{
        flex-direction:   column-reverse !important;
    }
    .smartSearch
    {
        background: unset
    }
    .smartSearch input{
        background: white !important;
        margin-bottom: 10px !important;
        font-size: 13px !important;
    }
    .services_filter_space .col-md-4{
        width: 50% !important;
    }
    .box-stock .service_box_footer .service_price_space span
    {
        font-size: 13px !important;
    }
    .sidebar
    {
      z-index: 9;
      width: 100%;
      text-align: left;
      margin: auto;
      display: block !block;
      padding: 10px 0 !important;
      background: #212529;
      position: fixed;
      height: auto !important;
      left: 0;
    }
    .sidebar div
    {
        width: auto;
    }
    .sidebar .der4er5{
        padding:15px 20px !important;
        /*! padding-left: 0 !important; */
        position: relative;
        margin-left: auto;
    } .sidebar .der4er5 svg
    {
        cursor: pointer
    }
    .sidebar .ds
    {
        /*! margin: auto */
        position: relative;
    }
    .sidebar .lsitte
    {
      position: absolute;
      right:    -90%;
      background: #1e2022;
      width: 50%;
      padding: 30px 0px !important;
      z-index: 999999999999;
      top:58px;
      /*! z-index: 999999999999999999999999999999999999999999999999; */
      /*! height: 80vh !important; */
      z-index: 99999999999999;
      border-radius: 20px 0px 0px 20px;

    }
    .re{
        text-align: right;
        margin-left: auto;
        overflow: hidden;
        /*! padding-top: 7px; */
    }
    .sidebar .retty
    {
        display: flex;
        width: 100% !important;
    }
    .retty li
    {
        margin: 0 !important;
        padding: 0 !important;
    }
    .sidebar .lsitte li
    {
      z-index: 9999999999999;
      position: relative;
      color: white;
    text-align: right;
      padding-right: 15px;
      display: ;
      margin: 8px 0;
    }
    .sidebar .lsitte .act
    {
      display: flex;
      justify-content: center;
      margin-top: 120px
    }
    .sidebar .lsitte .act li
    {
      margin: 0
    }
    .sidebar .lsitte li a
    {
      text-align: right;
      /*! padding-bottom: 0px; */
      position: relative;
      color: #fff;
      text-align: right;
      font-size: 13px !important;
      text-transform: uppercase;
      font-weight: b;
      margin: 0 !important;
    }
    .sidebar .fa-bars
    {
      padding: 1px 10px;cursor: pointer;

      margin-top: 5px;
      color: red;
      margin: 20px;
    }.re a
{
    font-size: 17px;
    padding: 0 !important;
    color: black;
    margin: 0px 4px;
    border-left: ;
    padding: 10px 30px !important;
    text-align: u;
    text-transform: uppercase;
}
.sidebar .rmkt
{
  text-align: left;
  width: 100% !important;
  display: inline-flex;
  justify-content: start;
  position: relative;
}
.sidebar .navbar-brand
{
    /*! width: 20px !important; */
    /*! height: 20px !important; */
    /*! margin-top: -5px; */
}

.sidebar div svg
{
    width: 20px !important;
    height: 20px !important;
}
.sidebar .totalshowbtn
{
    font-size: 13px !important;
    padding:3px 6px
}
.categoriesbar .homeicon
{
    background: #8c7da7;
    color: white;
    padding: 15px 30px;
}
.categoriesbar ul a
{
    font-size: 13px;
    color: black;
    text-transform: capitalize
}
.lists h1
{
    background: #131313;
    text-align: left;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    color: white;
    padding: 20px;
    margin: 0;
    text-transform: uppercase
}
    .topbar
    {
        display: none
    }
    .wrapper
    {
        display: block;
        padding: 0;
    }
    .detail-area
    {
        padding-bottom: 0 !important;
    }
    .bottom_list_responsive
    {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #f1f1f1;
        z-index: 99999999999999;
        padding: 7px 0;
    }
    .bottom_list_responsive svg path{
        fill: #212529;
        stroke: unset !important;
    }
    footer
    {
        padding-bottom: 40px !important;
    }
     .bottom_list_responsive ul
    {
        display: flex;
        width: 100%;
        margin: 0
    }
         .bottom_list_responsive ul li
    {
        width: 100%;
        text-align: center
    }
     .bottom_list_responsive  .btn
    {
        padding: 0 !important;
        background: unset  !important;
        width: auto !important;
    }
         .bottom_list_responsive .active2
    {
        padding-top: 2px;
        position: relative;
    }
    .bottom_list_responsive .active2 a{
        position: relative
    }
    .bottom_list_responsive .active2 a span{
        font-size: 12px;
        display: block;
        color: #514e4e;
    }
    .bottom_list_responsive .active2 a strong{
        color: white !important;
    }
    .bottom_list_responsive svg{
        width: 20px !important;
        height: 20px
    }
    .bottom_list_responsive .dropdown-menu::before {
        display:none;
    }
    .banner-user .media .item-title,.banner-user .media .user-meta li
    {
        font-size: 13px !important;
        text-align: right
    }
    .banner-user .media .item-img img
    {
        width: 50px !important;
        height: 50px !important;
    }
    .banner-user .media .media-body
    {
        text-align: center;
        padding: 0;
    }
    .banner-user .media .user-meta{
        margin: 5px 0
    }
    .banner-user .media .item-subtitle
    {
        font-size: 13px
    }
    .banner-user .media .item-subtitle svg
    {
        width: 15px;
        height: 15px
    }
    .user-top-header .menu-list
    {
        display:block;
        width: 100%
    }
    .page-content .container{
        padding: 2px
    }
    .user-top-header .menu-list li{
        max-width: 100% !important;
        text-align: right;

        display: block;
    }
    .page-content-changer
    {
        flex-direction: unset;
        display: block !important;
    }
    .order_box .order_avatar img
    {
        width: 40px !important;
        height: 40px;
        margin-left: 5px
    }
    .order_box h3
    {
        font-size: 14px !important;
        margin-right: 5px;
        margin-bottom: 2px;
    }
    .bid_box
    {
        margin-bottom: 10px;
        padding: 20px !important;
        height: auto !important;
    }
    .bid_box .text-display {
        font-size: 13px !important;
    }
    .order_box
    {
        padding-right: 30px;
        padding-left:0px;
        position: relative;
        height: 168px;
    }

    .project_bids_boxs img
    {
        width: 30px !important;
        height: 30px !important;
    }
    .bid_user_info .info a, .bid_user_info .info span
    {
        font-size: 10px !important;
    }
    .order_box ul
    {
        margin-top: 13px !important;
        padding-top: 5px;
        bottom: 0 !important;
        padding: 5px 10px !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
    .order_box ul li
    {
        margin-left: 0 !important;
        text-align: center;
        padding-left: 10px !important;
    }
    .order_box ul li svg{
        display: none;
    }
        .order_box ul li:nth-child(1)
    {
        display: none;
    }
    .project-box
    {
        padding:15px 10px !important;
    }
    .project-box h1
    {
        font-size: 16px !important;
    }
    .project-box h1 .btn
    {
        font-size: 10px !important;
    }
    .project-box ul
    {
        width: 100%;
        margin-top: 20px !important;
    }
    .service-description
    {
        margin-top: 90px;
        margin-bottom: 36px !important;
    }
      .service-description li a
    {
        font-size: 12px !important;
    }    .service-description li
    {
        display: flex
    }
    .project-box li:nth-child(1)
    {
        display: none
    }
    .page-direction-list li::before
    {
        margin: 0px 8px !important;
    }
    .project-box ul p{
        font-size: 11px !important;
    }
    .project-box ul li{
        text-align: center !important;

    }
        .project-box ul svg
    {
        display: none
    }
    .project-box p
    {
        font-size: 12px !important;
    }

    .credit_table td, .credit_table th
    {
        padding: 5px !important;
        font-size: 11px !important;
    }
     .credit_table th:first-child{
        display: none
    }
    .support_page form
    {
        padding: 10px
    }
    .service-description h1
    {
        font-size: 16px !important;
    }
    .service-description .btn
    {
        font-size: 12px !important;
        width: 120px !important;
        /*! margin: 10px 0 */
    }
    .service-description .btn-group
    {
        margin-top: 25px
    }
    .project_bids_boxs h3 .btn-group button
    {
        font-size: 11px !important;
    }
    .bid_box ul
    {
        padding: 0 !important;
        margin-top: 15px !important;
        width: 100% !important;
    }
    .bid_box ul li{
        text-align: center !important;
        width: 100% !important;
    }
    .bid_box ul li span
    {
        font-size: 10px !important;
    }
    .bid_user_info .bid_rating .fa-star
    {
        font-size: 11px !important;
    }
   .widget-break-lg
    {
        margin-top: 0px
    }
    .bid_user_info .avatar
    {
        display: none
    }
    .totalreviewscheck
    {
        padding: 5px
    }
    .widget-heading .widget-title
    {
        font-size: 12px !important;
    }
    .serviceformbuy ul label
    {
        font-size: 13px
    }
    .serviceformbuy ul
    {
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
    .ig .description
    {
        padding: 18px !important;
        padding-bottom: 25px !important;
    }
    .userspace
    {
        padding-bottom: 0
    }
    .sidebar-desktop-list
    {
        display: none
    }
    .account-page form
    {
      margin-top: 60px
    }
    .post_box
    {
        display: block
    }
    .post_box .image_post{
        width: 100%
    }
    .post_box .image_post
    {
        height: 150px;

    }
    .ig .swiper-slide img{
        height: 200px !important;
        width: 100%;
        margin-bottom: 15px
    }

}