@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
  and (orientation: portrait) {
  .contact-form{
   justify-content: start;
}

.background-img {
    width: 100%;
    height: auto;
}


.info-card {
    top: 10%;
    left: -25%;
    padding: 1.5rem;
    max-width: 110%;
}
.error-pages-inner-wrapper {
    height: 540px;
}

.error-pages-content-parent-inner-wrapper {
     margin-top: 50px;
}

.error-pages-inner-wrapper {
    height: 380px;
}
   .blog-7-478-4669-wrapper, .blog-7-478-4671-wrapper, .blog-7-478-4671-wrapper, .blog-7-478-4673-wrapper, .blog-7-478-4675-wrapper, .blog-7-478-4677-wrapper {
        min-height: 350px;
    }

.content-4617-width .card-group{
    flex-direction: column;
}

.blog-478-4669-container-wrapper,
.blog-478-4675-container-wrapper{
    margin-left: 0;
}

.footer-menu-main-wrapper{
  justify-content:center;
 }
 #block-temphalla-footer ul li {
    padding-left: 15px;
}

.banner-subtext{
    font-size: 28px;
}

.about-custom-link, .contact-custom-link {
    padding: 0px 20px;
    font-size: 16px;
    width: 150px;
    justify-content: center;
}

.about-custom-link::after, .contact-custom-link::after {
    font-size: 1.5rem;
}
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
  and (orientation: landscape) {
  .contact-form {
    justify-content: start;
}	

.info-card {
    position: absolute;
    top: 9%;
    left: -20%;
    background-color: #e9f7ea;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    max-width: 90%;
    z-index: 1;
}


.background-img {
    width: 100%;
    height: auto;
    object-fit: inherit;
}
.error-pages-inner-wrapper {
    height: 380px;
}
.error-pages-content-parent-inner-wrapper {
     margin-top: 50px;
}
#block-temphalla-footer ul li {
    padding-left: 50px;
}
.banner-subtext{
    font-size: 30px;
}

.about-custom-link, .contact-custom-link {
    padding: 0px 20px;
    font-size: 16px;
    width: 150px;
    justify-content: center;
}

.about-custom-link::after, .contact-custom-link::after {
    font-size: 1.5rem;
}
}