/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  #ellipsis {
    display: block;
    width: 430px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
  #ellipsis {
    display: block;
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
  #ellipsis {
    display: block;
    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #ellipsis {
    display: block;
    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
  #ellipsis {
    display: block;
    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
  #ellipsis {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .sidebar-menu {
    height: 100%;
  }
  .sidebar-menu-tooltip > .hoverclass {
    display: none;
  }
}

/* Add New Media */

.price-db-content {
  padding: 10px 15px !important;
  position: relative;
}

.main-navigation__drawer-nav .nav-links{
  flex-direction: column !important;
}

.grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
}

.android .list_group:nth-child(1) {
  margin-top: 0px !important;
}

.mobile-login{
  height: 100vh;
  display: flex;
  align-items: center;
}

.deal-items, .mix-match{
  padding-top: 0.5rem;
}
.price-db-content{
  background: #fff;
}

/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
  .deal-items, .mix-match{
    padding-top: 30px;
  }
}

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

/* ----------- Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}
  


/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}



/* ----------- Nexus 9 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
  .android .grid-items {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
}
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Portrait */
@media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Landscape */
@media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Portrait */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}


/* Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
  .android .price-db-content.top-fixed {
    top: 120px;
  }
  .android .price-db-content {
    top: 80px;
  }
  .android.mprice-index {
    padding: 0 !important;
  }
  .android .grid-items {
    top: 120px;
  }
  .android .fixed-select .css-yk16xz-control {
    border-radius: 0 !important;
  }
  .android .fixed-select .css-1uccc91-singleValue {
    font-size: 1.1rem;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
  }
}

