/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .select-store-container{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .modal-logo{
      width: 120px;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .modal-dialog{
      width: 100%;
      max-width: 100%;
    }

    .age-restriction-container,
    .select-store-container,
    .account-creation-container,
    .account-creation-container,
    .age-error-modal .row,
    #store-closed-modal .row,
    #name-miss-match-modal .row,
    #age-error-modal .row,
    #sm-product-filter .modal-body{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .modal-body{
      padding-left: 5px;
      padding-right: 5px;
    }

    .modal-logo{
      width: 150px;
    }

    .nav-tabs li a{
      padding: 8px 0px !important;
      font-size: 14px !important;
    }

    .select-store-container .product-standard{
      display: block;
    }

    .select-store-container .standard-image, .select-store-container .standard-image img{
      width: 100% !important;
    }

    .select-store-container .standard-image img{
      height: 180px !important;
      object-fit: contain !important;
      background-color: var(--chalk);
    }

    .select-store-container .standard-content{
      margin: 10px 0 0 !important;
    }

    .age-restriction-container .welcome-label,
    .select-location-container .welcome-label{
      margin-top: 1rem;
      line-height: 1.25;
    }

    .age-restriction-container .age-lable{
      font-size: 26px;
    }

    .my-store-heading{
      display: flex;
      justify-content: center;
    }

    .suggest-card img{
      height: 90px !important;
    }

    .home-category-slider, .home-category-slider img{
      height: 350px !important;
    }

    .product-image img {
      height: 110px;
      width: auto;
    }

    .product-add,
    .standard-wish {
      padding: 6px 0px;
    }

    .view-name{
      font-size: 18px;
    }

    .product-view .preview-slider li img{
      height: 200px;
    }

    .product-view .thumb-slider .slick-slide{
      max-width: 75px;
    }

    .top-filter{
      -webkit-box-pack: end;
      -ms-flex-pack: inherit;
      justify-content: end;
      margin-top: -1rem;
    }

    .single-banner{
      padding: 30px 0px;
    }

    .header-media-group a img{
      height: 36px;
    }

    .timeline-panel h5 span, h4.standard-name{
        font-size: 15px;
        line-height: initial;
        margin-bottom: 5px !important;
    }

    .payment-method .radiocheckbox-alias{
        padding: 5px 5px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        margin-bottom: 8px !important;
    }

    .payment-method .card-holder .step-sub-title{
        flex-direction: column !important;
        justify-content: start !important;
        align-items: self-start !important;
    }

    .billing-as-shipping .form-check-input{
        width: 18px;
        height: 18px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    
    .header-top-welcome{
      display: none;
    }

    .my-store-heading{
      display: flex;
      justify-content: center;
    }
}