@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation: landscape) 
{
   .banner-outer-wrapper 
   {
    min-height: 300px;
    }
     .blog-119-337-image-wrapper img,
    .blog-135-453-image-wrapper  img
    {
    width: 100% !important;
    }
    .section-112-287-inner-wrapper .card-text 
    {
    font-size: 12px !important;
    }
    .section-112-410-outer-wrapper
    {
    padding-bottom:0px !important;
    }
    .temphalla-footer {
    background-color: #203881;
    padding: 20px 0px;
    }

    
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{
      .temphalla-header
    {
    background-color: #FFFFFF;
    padding: 10px 0px;
    position: fixed;
    z-index: 99;
    box-shadow: 0px 2px 2px 0px #c1bbbb;
    }
    .temphalla-spacer {
    min-height: 142px;
     }
     #block-temphalla-main-menu ul {
      display: flex !important;
      flex-direction: column !important;
      text-align: left !important;
      margin-top: 2rem;
      padding-left: 0px !important;
    }

    #block-temphalla-main-menu ul li {
      padding-bottom: 1.5rem !important;
      margin-left: 25px !important;
    }

    .section-112-279-inner-wrapper .block_page_overview .card-group .card
    {
       flex: 1 0 34%;
       margin:12px;
    }
    .section-112-279-inner-wrapper .blogs-06-div-wrapper .card-group
    {
       margin-bottom:0 !important;
    }
    .blog-119-337-image-wrapper img,
    .blog-135-453-image-wrapper  img 
    {
    width: 100% !important;
    }
    .section-112-341-inner-wrapper .row
    {
    text-align:center;
    }
    .section-120-379-inner-wrapper .card-group .card:nth-child(2) .stepimg,
    .section-112-410-inner-wrapper .card-group .card:nth-child(2) .stepimg
    {
    align-items:flex-end;
    display: flex;
    }
    .section-112-266-outer-wrapper ,
    .section-117-319-outer-wrapper,
    .section-118-336-outer-wrapper,
    .section-120-379-outer-wrapper
    {
    padding-bottom:0px;
    }
    .section-112-297-inner-wrapper .table-design-first-col,
    .section-112-341-inner-wrapper .table-design-first-col,
    .section-118-353-inner-wrapper .table-design-first-col
    {
    width:30%;
    }
    .section-112-297-inner-wrapper .table-design-second-col,
    .section-112-341-inner-wrapper .table-design-second-col,
    .section-118-353-inner-wrapper .table-design-second-col
    {
    width:70%;
    float:left;
    text-align: start;
    }
    .section-112-410-inner-wrapper .card-group:nth-child(2),
    .section-120-379-inner-wrapper .card-group:nth-child(2),
    .section-120-379-inner-wrapper .card-group:nth-child(3)
    {
      padding-top:6rem !important;
    }
    .section-112-410-inner-wrapper .card-group,
    .section-120-379-inner-wrapper .card-group
    {
     padding: 0rem !important;
    }
    .section-112-287-inner-wrapper .card-text 
    {
    font-size: 14px !important;
    }
   
    .blog-113-267-container-wrapper .custom-block-teaser-wrapper,
    .blog-126-419-container-wrapper .custom-block-teaser-wrapper,
    .blog-128-421-container-wrapper .custom-block-teaser-wrapper
    .blog-127-420-container-wrapper .custom-block-teaser-wrapper
    {
     text-align:center;
    }
    .banner-outer-wrapper {
    min-height:260px;
    background-size: contain;
    }
    .banner-font-size-wrapper 
    {
    font-size: 20px;
    font-weight: bold;
    }
    .section-112-266-outer-wrapper,
    .section-117-319-outer-wrapper,
    .section-118-336-outer-wrapper,
    .section-120-366-outer-wrapper,
    .section-122-392-outer-wrapper

    {
    padding-top:0px;
    }
    .section-122-392-inner-wrapper .card-group .card {
    flex: 1 0 42%;
    margin:9px;
    }
   
    .section-112-410-inner-wrapper .container .row:first-child
    {
    bottom: 76% !important;
    width: 100% !important;
    position: absolute !important;
    left: 79% !important;
    transform: translate(-50%, -50%) !important;
    }
     .step-process-container
    {
    /*  position: relative; */
    }
    .section-120-379-inner-wrapper .container .row:first-child
    {
      bottom: 82% !important;
      width: 100% !important;
    position: absolute !important;
    left: 79% !important;
    transform: translate(-50%, -50%) !important;

    }
    .section-120-379-inner-wrapper .step-process-container .card-title {
    min-height: 80px !important;
    color: hsl(225,60%,32%);
    font-size: 18px;
    }
    #block-sitebranding img {
    margin-left: 0;
    }
    .section-122-392-inner-wrapper .card-group
    {
      row-gap: 1rem;
    } 
    .section-112-279-inner-wrapper .card-group
    {
      column-gap: 1rem;
    }
   

}