/* 
  ##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 6px;
  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;
  }
}

@media screen and (max-width: 767px) {
  .mobile-login {
    height: auto !important;
    min-height: auto !important;
    display: flex;
    align-items: center;
  }

  .login-tabs {
    /* width: 230px; */
    margin: 0 auto;
    border-bottom: 0px;
    /* padding: 50px 0px; */
   padding: 40px 0px 0px 0px !important;
  }
}

/* Hide Zoho Cobrowse Widget on Mobile */
@media screen and (max-width: 768px) {
  #zoho-cobrowse-widget,
  [id*="zohocobrowse"],
  [id*="zoho_cobrowse"],
  [class*="zohocobrowse"],
  [class*="zoho-cobrowse"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
