/* iPadPro */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* tablets */
  .mobile_btn {
    display: block;
    background: #3e74a0;
    color: #fff;
  }

  .ProductList_Products_List {
    width: 96% !important;
    margin: 0 2%;
  }

  .ProductList_Products_Box {
    width: 100%;
  }

  .ProductList_Products_Tabs_Tab_Selected,
  .ProductList_Products_Tabs_Tab {
    width: 33.3%;
    margin-right: 0;
    font-size: 0.8em;
    border-radius: 0;
    padding: 17px 0;
    border: 1px solid #eee;
    text-align: center;
    font-weight: 600;
  }

  .ProductList_Products_List_Image {
    width: 7% !important;
  }

  .ProductList_Products_List .ProductListWrap .ProductList_ProductDetailWrap {
    width: 43% !important;
  }

  .ProductList_Products_TopBar {
    width: 100%;
  }

  .ProductList_Products_TopBar_Range {
    width: 50%;
  }

  .ProductList_Products_TopBar_SortBy {
    width: 50%;
  }

  .ProductList_Products_TopBar_SortBy select {
    height: 38px;
    padding: 0 20px;
    margin: 0 20px;
  }

  .BlueBar {
    display: none;
  }

  .ProductList_SideWide_Box {
    width: 96%;
    margin: 13px 2%;
  }

  .pnlShopSetting_AddMultiple {
    width: 45%;
  }

  .WrapChangeOrder {
    width: 55%;
  }

  .pnlShopSetting_header {
    width: 26%;
  }

  .pnlShopSetting_SelectedCart {
    width: 70%;
  }

  .pnlShopSetting_SelectedCart select {
    width: 75%;
  }

  .btnLoadMore,
  .btnLoadMore:hover {
    padding: 6px 0;
    border-radius: 3px;
  }

  .WrapChangeOrder {
    width: 51%;
  }

  .pnlShopSetting_AddMultiple {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  /* phones */
  .ProductList_Products_List {
    width: 100%;
  }

  .ProductList_SideWide_Box {
    display: inline-block;
    width: 100%;
    margin-left: 0;
  }

  .ProductList_Products_Box {
    width: 100%;
  }

  .ProductList_Products_Tabs_Tab {
    width: 33.3%;
    margin-right: 0;
    font-size: 0.8em;
    border-radius: 0;
    padding: 17px 0;
    border: 1px solid #eee;
    text-align: center;
    font-weight: 600;
  }

  .ProductList_Products_TopBar_Totals i.fa.fa-list {
    padding-right: 7px;
  }

  .ProductList_Products_TopBar {
    padding: 0 5%;
    line-height: 36px;
    width: 100%;
    margin: 0 0 1px 0;
  }

  #ProductList_Products_TopBar_Btn_Rrp {
    width: 100%;
    text-align: right;
    padding: 12px 23px;
  }

  .Fitment_Products_Tab select,
  .FitmentFor {
    width: 100%;
    height: 33px;
  }

  .ProductList_Products_TopBar_Range {
    width: 50%;
  }

  .ProductList_Products_TopBar_SortBy,
  .ProductList_Products_TopBar_Totals,
  .ExpandAll,
  .CollapseAll {
    width: 100%;
    padding: 2px 5px;
  }

  .ExpandAll a,
  .CommonAll a {
    width: 90%;
  }

  .CommonAll,
  .ExpandAll {
    padding: 10px 0;
  }

  .ProductList_Products_List_Product {
    padding-bottom: 6px;
    position: relative;
  }

  .FitList_Products_List_Action .fa {
    margin: 0;
    float: left;
  }

  .commentbtn.FitList_Products_List_Action {
    width: 16%;
    display: block;
    position: absolute;
    right: -4px;
    top: 7px;
  }

  .Fit_ProductImageWrap {
    width: 14%;
  }

  .Fit_ProductName {
    width: 83%;
  }

  .ProductListWrap_text {
    width: 18%;
  }

  .ProductList_Products_List_Quantity > input {
    width: 100%;
  }

  .fit-col-lg-7 {
    width: 100% !important;
  }

  .pnlShopSetting_SelectedCart select {
    width: 100%;
  }

  .pnlShopSetting_header {
    width: 30%;
  }

  .pnlShopSetting_SelectedCart {
    width: 70%;
  }

  .pnlShopSetting_SelectedCart select {
    width: 100%;
  }

  .pnlShoppingSettings > div {
    height: 49px;
    width: 100% !important;
  }

  .pnlShoppingSettings {
    width: 100%;
    height: 113px;
  }

  .ProductList_Products_Tabs {
    padding: 20px 0 0 0;
  }

  .ProductListOuterWrap {
    padding-bottom: 0;
  }

  .DnnModule.DnnModule-DNN_UserDefinedTable.DnnModule-2070 {
    padding: 10px 10px 0px 20px;
    background: linear-gradient(orange, #ff7600);
    border-radius: 0;
    max-width: 501px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 4px #101010;
  }
  /*search page range*/
  .ProductList_Products_Grid_Product {
    width: 64% !important;
    margin: 3% 18% !important;
    display: block;
    color: #333;
  }
  .ProductList_Products_Grid_Image {
    width: 100% !important;
    height: auto;
    max-height: 100% !important;
  }
  .ProductList_Products_Grid_AddToCart {
    width: 100% !important;
  }

  .ProductDisplayGridFourPane4 .fa {
    float: left;
  }
  /*search page list*/
  .ProductList_Products_List {
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  .ProductList_Products_List_Image {
    width: 15% !important;
    display: inline-block;
    height: 80px;
  }
  .ProductList_Products_List .ProductListWrap .ProductList_ProductDetailWrap {
    width: 85% !important;
  }
  .ProductList_Products_List_Stock {
    width: 10% !important;
  }
  .ProductList_Products_List_PurchasePrice,
  .ProductList_Products_List_WholesalePrice,
  .ProductList_Products_List_OriginalPrice {
    width: 15% !important;
  }
  .ProductList_Products_List_Quantity {
    width: 15% !important;
  }
  .ProductList_Products_List_Action {
    width: 15% !important;
    padding: 15px 0 0 0;
  }
  .ProductList_ProductDetailWrap_Header {
    width: 100% !important;
  }
  .ProductList_Products_List_ProductHeader .ProductList_Products_List_Stock {
    margin-left: 107px !important;
  }
  /*comments and info*/
  .ProductList_Products_List_Action .fa {
    float: left;
    margin-top: 0 !important;
  }
  .RangeAction {
    float: left !important;
    line-height: 3em !important;
    width: 55% !important;
    text-align: center !important;
  }
  .RangeAction a {
    color: #fefefe !important;
    background: #1f597c !important;
    padding: 5px 6% !important;
  }
  /*rrp*/
  .ProductList_Products_List.RRP .ProductList_ProductDetailWrap_Header.RRP {
    width: 100% !important;
  }

  .ProductList_Products_TopBar_SortBy {
    width: 50%;
  }

  .ProductDisplayGridFourPane {
    min-height: auto;
  }
}

/* iPad */
@media only screen and (min-width: 426px) and (max-width: 768px) {
}

/* Mobile */
@media only screen and (max-width: 426px) {
  .ProductList_Products_TopBar_SortBy {
    width: 70%;
  }

  .ProductList_Products_TopBar_SortBy select {
    width: 100px;
  }
}