@media only screen and (min-width: 0px) and (max-width: 1150px) {
  #top-logo{
    width: 75px;height: 72px;
  }
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
 .port-home {text-align: center;height: auto; padding:25px 0;}
 .port-home_l , .port-home_r {clear:both;float:none;display: inline-block;vertical-align: top;}
 .port-home_l {width: 96%; padding: 0 2%;}
 .port-home_r {width: 300px;}
 .srv-home{height: auto; padding: 25px 0;}
 .srv-home .imgcat{
    width: 200px;
    height: 200px;
 } 
 .divSpace {display: none;}
 .bar-menu{height: 43px;} 
 /* About Page */
 #box-about{text-align: center;padding:0;}
 .aboutText, .aboutImg {clear: both; float: none;display: inline-block;vertical-align: top;}
 .aboutText{ width: 96%;padding:20px 2%;margin-bottom:20px;}
  #srvTop {text-align: center;padding-bottom: 20px;}
 .srvText, .srvImg {clear: both; float: none; display: inline-block;}
 .srvText {width: 96%; padding: 2%;}
 ul.lstCategory {text-align: center;}
#title-left, #title-right{text-align: center;}

}
@media only screen and (min-width:0px) and (max-width:768px){     
  #box-slideshow{height:auto;}
  #top-logo{display: none;}
  #pg-menu{display: none;}
  .toggle-nav{display:block;}
  .box-menu{height: 60px;}
  #page-banner { height:auto; min-height:150px; }
  #page-banner .shape_left{display:none;}
  #page-banner .shape_right{clear:both;float:none;display: none;}
  .aboutImg{width: 98%; padding: 0 1%; text-align: center;}
  ul#imgabout li{float:none;clear: both;display: inline-block;}
  #box-about{padding-bottom: 20px; margin-bottom: 20px;}
  .srvImg {width: 98%;height: auto;margin:0 auto;}
  .srvImg img{width: 100%!important;height: auto;}
  ul#lst-srv{columns: 2;}    
}
@media only screen and (min-width:0px) and (max-width:480px){
   #box-header {height: auto;} 
   #top-logo {width:200px;margin:0 10px;}
   .hm_testi {width:94%;margin:5px auto;}
   #page-banner { height:auto; min-height:100px; }
   #page-title .box-title-page{font-size: 26pt;line-height: 1em; }
   ul#lst-srv{columns: 1;margin-left:10px; }    
   .lst-category{height: 330px;}
   #gmaps{width: 94%;}
}