@media(min-width:768px) and (max-width:999px)
{
.banner{ background-size:100% 100%!important; background:url(../images/home-banner.png) right bottom no-repeat #fff;}
.pb_navbar .navbar-nav{ padding:1rem !important}
.pb_navbar .nav-link{ padding-left:1rem !important}
#section-about .container{ display:block;}
#section-about { padding: 2em 2em 0px 2em!important; height:auto!important; background:none;}
#section-about .image{ display:block; }
#section-about .image img{ width:100%;}
.navbar-collapse { position: absolute; width: 100%; top: 85px;}
.home-text{width:250px;}
.home-text h1{color:#000; font-weight:normal!important; font-size:20px; line-height:20pt;}

}


@media(min-width:480px) and (max-width:767px)
{
.banner{ background-size:100%!important; background:url(../images/mobile-home-banner.png) right bottom no-repeat #fff;}
}


@media(min-width:0px) and (max-width:767px)
{
.home{ overflow:hidden;}
.navbar-dark .navbar-brand {  margin: 0 auto;}
.banner{ background-size:100%!important; background:url(../images/mobile-home-banner.png) right bottom no-repeat #fff; display:block;}
.home-banner {height:100%; top:0; overflow:hidden; position:absolute; width:100%;}
.home-text{width:70%; margin:50px auto 0px auto;}
.home-text .logo{ display:block; margin:0 0 20px 0px;}
.home-text .logo img{ width:178px; height:79px;}
.home-text h1{color:#000; font-weight:normal!important; font-size:12px; line-height:20pt;}
.navbar-toggler { margin: 0 20px 0 0; position:absolute; right:0px;}
.pb_navbar{ padding:0.5rem 4px; height:auto; background:#fff; text-align:center;}
.pb_navbar .navbar-nav{ padding:1rem !important}
.pb_navbar .nav-link{ padding-left:1rem !important; color: #fff!important;}

#section-about { padding: 2em 2em 0px 2em!important; height:auto!important; background:none; margin:0 0 -20px 0px;}
#section-about .image{ display:block; }
#section-about .image img{ width:100%;}
#section-contact{  padding:50px 0px;}
#section-contact .mb-5{ margin:0px!important;}
.pb_footer p{ font-size:12px!important;}
.mobile-hide{ display:none;}
.navbar-collapse { position: absolute; width: 100%; top: 55px;}
.home-icon{ position:absolute; right:0px; top:10px;}

}

@media(min-width:0px) and (max-width:767px) and (orientation: landscape) {
 .banner{ background-size:70%!important; background:url(../images/home-banner.png) right bottom no-repeat #fff; display:flex;}
.home-text{width:250px; margin:30px 0px 0px 0px;}
}