@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .google-map-css{
      width: 100%;
      height: 450px;
    }
    .absolute-crew-hero-slider .w3-section{
        padding-top: 100px;
     }
     .section-28-545-outer-wrapper .card-group{
        margin-bottom: 15px;
      }
      #block-footer ul{
          display: flex;
      }
      #block-footer ul li a {
         white-space: nowrap;
     }
     #block-socialmedia {
         display: flex;
     }
     #block-socialmedia a {  
        font-size: 28px !important;
     }
     .hire-crew-btn{
        padding: 8px 12px !important;
        font-size: 16px !important;
    }
    #block-temphalla-main-menu ul li a {
        font-size: 16px !important;
    }
    #block-temphalla-main-menu ul li {
        margin-left: 16px !important;
    }
    .rounded-circle-image-big {
       height: 8rem !important;
       width: 8rem !important;
    }
    .rounded-circle-img {
       height: 4rem !important;
       width: 4rem !important;
   }
   .text-black {
      font-size: 10px !important;
   }
   .section-28-215-outer-wrapper {
      padding-top: 30px !important;
      padding-bottom: 30px !important;    
   }
   .section-28-215-inner-wrapper{
       min-height: auto;
   }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .google-map-css {
    width: 100%;
    height: 450px;
  }
  .hoc-mobile-hide{
    display: none;
  }
  .hoc-mobile-show{
     display: block !important;
  }
  .hoc-show-tab-portrait{
     display: block !important;
     text-align: center;
    margin: auto;
    width: 25%;
  }
  .error-pages-page-text {
     white-space: normal;
   }
   .show-tab-portrait{
      display: block !important;
   }
   .hide-tab-portrait{
      display: none !important;
   }
   .navbar-fixed-top{
       height: 80px;   
   }
   .temphalla-header{
      max-width: 100%;
   }
   #block-temphalla-main-menu{
      padding-top: 80px;
   }
   .top-menu-btn{
       width: 65%;
   }
   #block-socialmediablock {
         text-align: center;
     }
   .custom-navbar-container button.navbar-toggler{       
          position: absolute;
          border: 1px solid transparent;  
          right: 15px;
          top: 10px;
     }
    .navbar-toggler:focus {
         box-shadow: none;
    }
    .temphalla-header nav .header-row{
       justify-content: center !important;
       position: relative;
   }

   #block-sitebranding{
       position: absolute;
       left: 15px;
       top: 0px;
    }
    .show-tab-portrait{
       position: absolute;
       right: 110px;
       top: 10px;
    }
    #block-temphalla-main-menu ul{
        display: flex;
        flex-direction: column;
    }

    #block-temphalla-main-menu ul li {
        padding: 12px 0px;
	margin-left: 0px;
    }
    .temphalla-header nav .header-row .col-md-7{
    	width: 100% !important;
    }
    .section-28-545-outer-wrapper .card{
        margin-bottom: 12px;
    }
    .blog-134-468-image-wrapper{
        justify-content: center !important;
    }
    #block-showbannerorslider .absolute-crew-hero-slider{
       padding-top: 105px;
    }
    #block-showbannerorslider .absolute-crew-hero-slider .row{
       text-align: center;
     }
     #block-showbannerorslider .absolute-crew-hero-slider .row .col-12{
        width: 100%;
    }
    /* Footer section CSS starts  */
     .absoulte-footer .footer-row-first{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .absoulte-footer .footer-row-second{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;  
    }
    
    #block-socialmedia a {
        padding: 0px 15px;
    }
    #block-socialmedia{
        display: flex;
        justify-content: center;
    }
    #block-amlogoinfo .d-flex{
       flex-direction: column-reverse;
        align-items: center;
     }
     .footer-row-second{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
     #block-footer ul{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
	padding-left: 0px;
    }
    .footer-row-second .col-12{
       width: 100%;
    }
    #block-showcopyrightcontent{
        white-space: nowrap;
	text-align: center;
    }
    .footer-menus{
        width: 100%;
        justify-content: center !important;
    }
    .footer-row-first .col-12{
        width: 100%;
    }
    #block-footeraddress p{ 
        white-space: nowrap;
        text-align: center;
    }
    #block-footerlogo{
       text-align: center;
    } 
    #block-footerlogo img{
       width: 50% !important;
    }
    /* Footer section CSS ends */

    .section-105-433-outer-wrapper .card .row .col-12{
       width: 100%;
    }
    .section-105-433-outer-wrapper .card .row .col-12 img{
       width: 60%;
    }
    .section-128-638-outer-wrapper .card{
       margin-bottom: 12px;
    }
    .contact-form-twig-container .row .col-md-6{
       width: 100%;
    }
    .section-106-452-outer-wrapper .card-group{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section-106-452-outer-wrapper .card{
        margin-bottom: 15px;
	margin-left: 15px !important;
	width: 50%;
    }
    .section-28-472-outer-wrapper img, .blog-156-623-image-wrapper img{
       width: 45%;
    }
    .section-106-555-outer-wrapper img,
    .section-106-560-outer-wrapper img{
        width: 37%;
    }
    .banner-outer-wrapper{
       margin-top: 52px;    
    }

}