/*****************Laptop (1440) ***************/
@media (max-width: 1440px) {
  /* .add-button-s{
        display: block !important;
    } */
  .container-1440 {
    max-width: 1280px;
  }
  ul.services-ul li {
    margin-right: 22px;
  }
  ul.photo-video-ul li {
    width: 15.9%;
  }
  .send-input {
    width: 86.5%;
  }
  .send-input.send-input2 {
    width: 72% !important;
  }
}
/*****************Laptop used (1366)***************/
@media (max-width: 1366px) {
  .container-1440 {
    max-width: 1240px;
  }

  .qualification-div ul li button {
    font-size: 15px !important;
  }
  ul.select-lease li {
    width: 13.5%;
  }
}
/*****************Laptop with touch (1280)***************/

/*****************Ipad Pro (1024)***************/
@media (max-width: 1024px) {
  ul.select-lease li {
    width: 16.5%;
  }
  .qualification-div ul li {
    width: 47.5%;
  }
  ul.offer-ul li {
    width: 47%;
  }
  .send-input.send-input2 {
    width: 65% !important;
  }
  .add-button-s {
    right: 1%;
  }
  .send-input {
    width: 82.5%;
  }
  ul.photo-video-ul li {
    width: 18.9%;
    margin-bottom: 15px;
  }
  .addres-box p i {
    width: 15%;
  }
  .loyalty-point {
    width: 45%;
  }
  ul.navbar-nav li a {
    font-size: 16px;
  }
  ul.navbar-nav li {
    margin-left: 10px;
  }
  section.buy-section {
    padding: 50px 200px;
  }
  .sub-category-div ul li {
    width: 19.5%;
    margin-bottom: 10px;
  }
  .sub-category-div-product ul li {
    width: 30%;
  }
  ul.services-ul li {
    width: 31%;
    margin-bottom: 30px;
  }
  /* .gift-div figure {
        width: 36%;
    } */
  .persnol-div {
    max-width: 75%;
  }
}
/*****************Ipad Pro (991.98)***************/
@media (max-width: 991.98px) {
  .description-div h6 {
    max-width: 100%;
  }

  .toplocation {
    display: block;
  }
  label.col-md-5.col-form-label {
    font-size: 11px !important;
  }
  .locationBox select {
    width: 100%;
    max-width: 100%;
  }
  li.nav-item.dropdown.user-profile a.user-profile1 {
    margin: 0 auto;
  }
  .search-div {
    max-width: 480px;
  }
  .banner-text h1 {
    font-size: 42px;
    font-weight: 600;
  }
  .aap-link {
    justify-content: space-around;
  }
  .aap-link h6 {
    color: #000;
    font-size: 15px;
  }
}
/*****************Ipad (768)***************/
@media (max-width: 768px) {
  .app_listing {
    display: block;
  }
  .app_listing .aap-link {
    margin-bottom: 10px;
  }
  .join-logo img {
    max-width: 100px;
  }

  ul.select-lease .d-flex {
    display: block !important;
  }
  .home-00 h1 {
    font-size: 35px;
  }
  .cardPanel figure {
    height: 140px;
  }
  ul.select-lease .d-flex li {
    width: 100%;
    display: inline;
  }
  .product_detail {
    height: 300px !important;
  }

  .maxHeight300,
  .maxHeight300 .carousel-inner,
  .maxHeight300 .carousel-inner .carousel-item {
    height: 200px !important;
  }
  img.services-img {
    height: auto !important;
  }
  button.btn.btn-theam-fill {
    font-size: 15px;
  }
  .booking-2 {
    margin-bottom: 20px;
  }
  .button-pass {
    min-width: 200px !important;
  }
  ul.offer-ul li {
    width: 100% !important;
  }
  .qualification-div h5 {
    font-size: 16px !important;
  }
  .qualification-div ul li {
    width: 46.5%;
  }
  ul.select-lease li {
    width: 22.5%;
  }
  .send-input.send-input2 {
    width: 77% !important;
  }
  .add-button-s {
    position: inherit;
  }
  .send-input {
    width: 76.5%;
  }
  ul.photo-video-ul li {
    width: 31.9%;
  }
  ul.navbar-nav li a {
    font-size: 18px;
    line-height: 25px;
    padding: 5px;
  }
  a.nav-link.btn.btn-theam {
    margin-bottom: 10px;
  }
  li.nav-item.dropdown.user-profile a.user-profile1 {
    margin: 0 auto;
  }
  li.nav-item.notification-li a i {
    font-size: 22px;
  }
  .loyalty-images {
    display: block;
  }
  .banner-text h1 {
    font-size: 40px;
  }
  .on-demand-text {
    padding: 0 !important;
  }
  .follw-div {
    text-align: start;
    margin-top: 30px;
  }
  h6.pl-5 {
    padding: 0 !important;
  }
  ul.pl-5 {
    padding: 0 !important;
  }
  ul.navbar-nav.justify-content-end li {
    margin-bottom: 0px;
  }
  .join-col {
    margin-bottom: 30px;
  }
  .modal-body.join-body {
    padding: 30px;
  }
  .modal-dialog.modal-dialog-centered.join-dialog {
    max-width: 96%;
  }

  .dropdown-menu.show::after {
    display: none;
  }
  .banner-text p {
    width: 100%;
    max-width: 70%;
  }
  ul.services-ul li {
    width: 46%;
  }
  .photo-video-div select {
    width: 20%;
  }
  li.nav-item.booking-li {
    width: 20%;
  }
  .main-00 {
    padding: 0px;
  }
}
/*****************All mobiles (767) ***************/
@media (max-width: 767px) {
  .panelPersonal {
    margin-top: 15px;
  }
  .dateBought {
    position: relative;
    display: block;
  }
  label.col-md-5.col-form-label {
    font-size: 14px !important;
  }
  ul.medical li {
    width: 100%;
    margin: 4px 1px;
  }
  section.banner-section {
    height: 300px;
  }

  .button-pass {
    min-width: 150px !important;
  }
  ul.select-lease li {
    width: 49%;
    margin-bottom: 10px;
  }
  .send-input.send-input2 {
    width: 69% !important;
  }
  .chat-left .text-box {
    padding: 10px;
  }
  .chat-right .text-box {
    padding: 10px;
  }
  .chat-left img {
    height: 50px;
    width: 50px;
  }
  .chat-right img {
    height: 50px;
    width: 50px;
  }
  .photo-video-div select {
    width: 33%;
  }
  ul.photo-video-ul li {
    width: 47%;
  }
  figure.image-fig {
    width: 100%;
    height: 250px;
  }
  .banner-text h1 {
    font-size: 35px;
  }
  /* .banner-text {
       
        padding-right: 10px;
    } */
  h2.stay-heding {
    font-size: 20px;
  }
  .follw-div3 img {
    width: 48%;
  }
  .follw-div3 {
    display: flex;
    justify-content: space-between;
  }
  .modal-body.login-body {
    padding: 30px 20px;
  }
  .modal-body.join-body {
    padding: 15px;
  }
  .address {
    padding: 20px;
  }

  img.aap-img {
    margin-top: 30px;
  }
  .view.view-first {
    margin-bottom: 20px;
  }
  section.buy-section {
    padding: 20px;
  }
  section.buy-section button {
    position: inherit;
    top: 0;
    transform: none;
    right: 0;
    margin-top: 10px;
  }
  .categori-div ul li {
    width: 100%;
  }
  .sub-category-div ul li {
    width: 49.5%;
    margin-bottom: 10px;
  }
  .sub-category-div-product ul li {
    width: 70%;
  }
  .banner-text p {
    width: 100%;
    max-width: 100%;
  }
  ul.services-ul li {
    width: 100%;
    margin-right: 0;
  }
  .gift-div {
    display: block;
  }
  .gift-div figure {
    width: 100%;
  }
  /* .share {
        position: inherit;
        right: 0;
        text-align: right;
        margin-bottom: 10px;
    } */
  .persnol-div {
    max-width: 100%;
  }
  .persnol-div img {
    width: 100px;
    height: 100px;
  }
  .send-box button {
    font-size: 18px !important;
    min-width: 82px !important;
    border-radius: 20px !important;
  }
  .send-input {
    width: 70.5%;
  }
  .send-input input {
    padding-right: 40px;
  }
  li.nav-item.booking-li {
    width: 47%;
  }
  .box-cart {
    width: 50px;
    height: 50px;
    background-color: #ccc;
  }
  .cart-1 span {
    font-size: 20px;
    padding: 5px;
  }
  .card-div {
    display: block;
    text-align: center;
  }
  .card-div img {
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
  }
  .expiry {
    padding-right: 15px !important;
    margin-bottom: 15px;
  }
  .main-00 {
    padding: 0px;
    display: unset;
  }
}
@media (max-width: 527px) {
  .cart_obj .description-div h6 {
    max-width: 100% !important;
    margin-top: 10px;
  }
  .flexCard {
    display: block;
  }
  button.removebtn {
    font-size: 10px;
    padding-right: 8px;
  }
  .cardPurchase figure img {
    height: 152px !important;
    width: auto;
  }
  .cardPurchase figure {
    width: 100%;
    height: 152px;
  }
  .removebtn ~ .removebtn {
    padding: 0 8px !important;
  }
  .cardPurchase .description-div {
    width: 100%;
    padding: 0;
  }
  .aap-buttons {
    display: block;
  }
  ul.navbar-nav li a {
    font-size: 18px;
    line-height: 19px;
    padding: 5px;
  }
}
