@media (max-width: 1536px) {
  .review-form,
  .review-form .heading-box {
    width: 60%;
  }

  .layout_padding {
    padding-right: 85%;
  }
}

@media (max-width: 1279px) {
  .review-form,
  .review-form .heading-box {
    width: 70%;
  }

  .layout_padding {
    padding-right: 75%;
  }
}

@media (max-width: 1023px) {
  .review-form,
  .review-form .heading-box {
    width: 80%;
  }
}

@media (max-width: 1120px) {
  .photos-container {
    width: 60vw;
  }
}

@media (max-width: 992px) {
  .User_option {
    display: none;
  }

  .sale_section .sale_container .box {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin: 1%;
  }

  .sale_section .sale_container .box {
    -ms-flex-preferred-size: 98%;
    flex-basis: 98%;
    margin: 1%;

  }

  .photos-container {
    width: 70vw;
  }

  .msg {
    max-width: 350px;
    top: 10%;
  }
}

@media (max-width: 768px) {
  .hero_area {
    background-image: url(../images/bg_hero2.jpg);
    background-color: #e9eefc;
    height: 100vh;
  }


  .custom_menu-btn button span {
    background-color: #0f2480;
  }

  .sub_page .custom_menu-btn button span {
    background-color: #ffffff;
  }


  .slider_section {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .slider_section .detail-box {
    margin-bottom: 45px;
    margin-right: 0;
  }

  .slider_section {
    padding: 35px 0 75px 0;
  }

  .about_section {
    padding-top: 0;
  }

  .sub_page .about_section {
    padding-top: 90px;
  }

  .about_section .detail-box {
    margin-top: 35px;
  }

  .deal_section .img-box {
    width: 100%;
    margin-top: 45px;
  }

  .info_section .row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 15px 0;
  }

  .contact_section .row {
    flex-direction: column-reverse;
  }

  .contact_section .map_container {
    padding: 0;
    height: 450px;
  }

  .contact_section .form_container {
    padding: 45px 0;
  }

  .client_section .client_container {
    width: 95%;
  }

  .client_section .client_container .box {
    padding-bottom: 45px;
  }

  .client_section .client_container .carousel-control-prev,
  .client_section .client_container .carousel-control-next {
    top: calc(100% - 45px);
  }

  .client_section .client_container .carousel-control-prev {
    left: calc(50% - 50px);
  }

  .client_section .client_container .carousel-control-next {
    right: calc(50% - 50px);

  }

  .info_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .info_section .info_contact .img-box {
    margin-top: 5px;
  }

  .info_section .info_contact>div {
    align-items: flex-start;
  }

  .info_section .info_form h5 {
    text-align: center;
  }

  .info_section .info_form .social_box {
    justify-content: center;
  }

  .info_section .info_form .social_box a {
    margin: 0 15px;
  }

  .footer_section p {
    width: 85%;
  }

  .align-items-start {
    align-items: normal !important;
  }

  .photos-container {
    width: 90vw;
  }

  .review-list {
    width: 100%;
    height: auto;
    padding: 0.5rem;
    border-radius: 0;
    box-shadow: none;
  }

  .review-list .review {
    padding: 0.75rem;
    border-radius: 12px;
  }

  .review-list .review .avatar {
    width: 40px;
    height: 40px;
  }

  .review-list .review .username {
    font-size: 0.95rem;
  }

  .review-list .review .rating {
    font-size: 0.85rem;
  }

  .review-list .review .review-text {
    font-size: 0.9rem;
  }

  .layout_padding {
    padding-right: 0;
  }

  @media (max-width: 768px) {
    @keyframes shake {
      0%, 100% { transform: translateX(0); }
      25% { transform: translateX(-3px); }
      75% { transform: translateX(3px); }
    }
    
    @keyframes pulse {
      0% { transform: scale(0.9); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
    }
    
    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-5px); }
    }
  }

  .review-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    width: 100%;  
  }

  .reviews {
    margin: 5% 10% 0;
    width: 80%;
    order: 1;
  }

  .review-form {
    order: 2;
    width: 80%;
    margin: 0 10%;
  }

  .review-form-container{
    margin-top: 1rem;  
  }

  .services_section {
    display: flex;
    align-items: center;
    height: 80vh;
    width: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }

  .service-list { 
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .text-boxes {
    position: absolute;
    z-index: 100;
  }

  .box .detail-box {
    opacity: 1;
    width: 300px;
  }
  
  .info-box {
    margin: 10px auto;
    width: 80%;
    max-width: 350px;
  }
  
  .info-box.show {
    display: block;
  }

  .detail-box .btn-box button {
    width: 225px;
  }

  .btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header_section {
    margin: 0;
  }
  
  .cmt-2 {
    margin-top: 0.5rem;
  }

  .logo {
    width: 100px;
  }

  .msg {
    top: max(10vh, 40px);
  }

  .text-boxes .box {
    padding-left: 0;
  }

  .box {
    width: 300px;
  }
}

@media (max-width: 576px) {
  .review-form,
  .review-form .heading-box,
  .reviews {
    width: 90%;
  }

  .slider_section .detail-box h1 {
    font-size: 3rem;
  }

  .client_section .client_container div#carouselExampleControls {
    padding: 0 5%;
  }

  .client_section .client_container .box {
    flex-direction: column;
    align-items: center;

  }

  .client_section .client_container .box .detail-box {
    margin-top: 25px;
  }

  .client_section .client_container div#carouselExampleControls::before {
    height: 165px;
    left: 30%;
    top: 43px;

  }

  .footer_section p {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .photos-container .after .image-box {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .photos-container .after .image-box img {
    height: 120px;
  }

  .photos-container .before .image-box {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .photos-container .before .image-box img {
    height: 120px;
  }

  .msg {
    width: 95%;
    top: 10px;
    padding: 1rem;
  }
  
  .msg::before {
    width: 18px;
    height: 18px;
  }

  p.email{
    font-size: 0.8rem !important;
  }
}

@media (max-width: 420px) {
  .client_section .client_container div#carouselExampleControls::before {
    left: 20%;
  }

  .text-start p {
    font-size: 0.9rem;
  }
}

@media (max-width: 360px) {}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }

  
}

@media (min-width: 1100px) {
  .width-40per {
    width: 40%;
  }
}

@media (prefers-color-scheme: dark) {
  .msg {
    background-color: #3554D1;
    color: #FFF;
    border-bottom-color: #3E63F7;
    box-shadow: 0 4px 12px rgba(62, 99, 247, 0.3);
  }
  
  .msg-error {
    border-bottom-color: #FF6B6B;
  }
  
  .msg-success {
    border-bottom-color: #6BCB77;
  }
  
  .msg-warning {
    border-bottom-color: #FFD166;
  }
}

@media (min-width: 768px) and (max-width: 1150px) {
  .layout_padding {
    padding-left: 15%;
  }
}