/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {


}


@media (min-device-width : 320px)  {
    #login__container h3{
        display: none;
    }
}
/* @media(max-width: 600px) {
    .cart__icon {
        width: 6%;
    }
    .my-banner {
        width: 100%;
        margin: 8px auto;
    }
    .banner-slider .item {
        width: 100%;
        height: 160%;
    }
    .banner-slider .item img {
        width: 100%;
        height: 100%;
    }
    .card__product .product__thumbnail img {
        width: 63%;
    }
    .card__product .product__price span {
        font-size: 2.8vh;
    }
    .cart__thumbnail img {
        width: 55%;
    }
    .addproduct{
        margin-left: 10px;
    }
} */
@media (min-width: 640px){
    .cart__icon{
        width: 4%;
    }
    .card__product .product__thumbnail img {
        width: 59%
    }
    .card__product .product__price span {
        font-size: 2vh;
    }
    .quick-heading {
        font-size: 17px;
        text-align: center;
        padding: 7px 12px;
    }
    .cart__thumbnail img {
        width: 50%;
    }
    #login__container h3{
        font-size: 25px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 100;
    }
    .forget_email{
        width: 55%;
    }
    .forget_password {
        width: 55%;
    }
    .addproduct{
        margin-left: 10px;
    }
    .transparent__header{
        width: 60%;
    }
    .room__catelog_slides .item img {
        width: 32%;
        height: 36vh;
        margin: 0 auto;
        object-fit: cover;
    }
    #pdp_overlap__container{
        width: 62%;
    }
    .views{
        right:21%;
    }
}
@media (min-width: 768px) {
    #language {
        width: 50%;
        margin: 20px auto;
    }
    .notification-counter:after {
        right: 92px;
    }
    .my-banner {
        width: 100%;
        margin: 8px auto;
    }
    .home_slider .item {
        width: 100%;
        height: 217px;
    }
    .home_slider .item img {
        width: 100%;
        height: 100%;
    }
    .cart__icon{
        width: 4%;
    }
    .quick-heading {
        font-size: 17px;
        text-align: center;
        padding: 7px 12px;
    }
    .toggle .tabs {
        height: 65px;
    }
    .card__product .product__thumbnail img {
        width: 46%;
    }
    .card__product .product__price h4 {
        font-size: 1rem;
    }
    .card__product .product__price span {
        font-size: 12px;
    }
    .cart__thumbnail img {
        width: 76%;
    }
    .auth__container {
        width: 70%;
    }
    .forget_email{
        width: 43%;
    }
    .forget_password{
        width: 50%;
    }
    #login__container h3{
        font-size: 26px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 100;
    }
    .transparent__header{
        width: 60%;
    }
    .room__catelog_slides .item img {
        width: 32%;
        height: 36vh;
        margin: 0 auto;
        object-fit: cover;
    }
    #pdp_overlap__container{
        width: 62%;
    }
    .views{
        right:21%;
    }
    .cart-form {
        display: flex;
        flex-direction: row;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    .panel {
        padding: 20px 10px;
        display: flex;
        flex-wrap: wrap;
      }
    .card__product {
        width: 23.33%;
     }
    .toggle .panels .panel:first-child {
        display: flex;
        flex-wrap: wrap;
      }
    #language {
        width: 23%;
        margin: 20px auto;
    }
    .header-desktop{
        position: fixed;
        top: 0;
        left: 0;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 60px;
        background: var(--success);
        display: flex;
        z-index: 2;
    }
    .header__button {
        width: 2.5%;
    }
 
    .d-container{
        width: 88%;
        margin: 0 auto;
    }
    .cart__icon{
        width: 2%;
    }
    .search {
        width: 31%;
        height: var(--header-height);
        display: flex;
        margin: 0 auto;
        /* margin-top: 42px; */
        padding-top: 5px;
    }
    .my-banner {
        width: 100%;
        margin: 8px auto;
    }
    .home_slider .item {
        width: 100%;
        height: 400px;
    }
    .home_slider .item img {
        width: 100%;
        height: 100%;
    }
    .pin_search {
        justify-content: center;
    }
    #site-search {
        width: 28%;
    }
    .search_pin_btn {
        width: 7%;
    }
    .quick__action__cards {
        display: flex;
        padding: 15px 0px;
        justify-content: center;
    }
    .quick-heading {
        font-size: 18px;
        padding: 8px 12px;
        text-align: center;
    }
    .quick__action__cards .row > a {
        align-items: flex-start;
    }
    .accordion{
        display: none;
    }
    .card__product .product__thumbnail img {
        width: 80%;
    }
    .dish-slider .card-dish {
        flex: 1;
        margin-right: 1rem;
        position: relative;
        height: 180px;
        object-fit: cover;
    }
    .card__product{
        margin-right: 20px;
    }
    .d_cart{
        display: flex;
    }
    .blog_section {
        width: 75%;
        margin: 0px auto;
        padding-top: 1px;
    }
    .blog-slider img {
        width: 100%;
        border-radius: 10px;
        height: 50vh;
    }
    #overlap__container {
        width: 70%;
    }
    .product_ingredients {
        margin-top: 45px;
    }
    .related_product {
        margin-top: 45px;
    }
    #order__header {
        padding: 28px 10px 18px;
    }
    .cart__thumbnail {
        width: 40%;
    }
    .d_order{
        display:flex;
    }
    .user_background {
        width: 50%;
        margin: 0 auto;
    }
    .user_details {
        width: 52%;
        margin: 0 auto;
        margin-top: -15px;
    }
    #payment_details {
        width: 35%;
        padding: 25px 0px;
        margin: 0 auto;
    }
    #total__section {
        margin: 0 auto;
        width: 37%;
    }
    .button__book__now {
        left: 34%;
        width: 34%;
    }
    #login__container h3{
        font-size: 28px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 100;
    }
    .forget_email {
        width: 20%;
    }
    .forget_password{
        width: 20%;
    }
    .auth__container .form-group label {
        left: 1%;
    }
    .auth__container {
        width: 31%;
    }
    .booking__card__container {
        width: 70%;
    }
    .booking__card__container .booking___card__head img {
        width: 15%;
    }
    .transparent__header{
        width: 50%;
    }
    .room__catelog_slides .item img {
        width: 24%;
        height: 36vh;
        margin: 0 auto;
        object-fit: cover;
    }
    #pdp_overlap__container{
        width: 50%;
    }
    .views{
        right:27%;
    }
    .cart-form {
        display: flex;
        flex-direction: row;
    }

    #overlap__container {
        width: 50%;
    }
}




























/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

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

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

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

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

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

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

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

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

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

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

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

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

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

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}