.mobile-screen { 
    display:none !important;
}
.ceo-mobile { display:none !important; }
@media only screen and (min-width: 1179px) { 

    .container {
        width: 1180px;
    }

}

@media only screen and (min-width: 1200px) { 

    .container {
        width: 1250px;
    }

}



@media only screen and (min-width: 1300px) { 

    .container {
        width: 1300px;
    }

    footer .container {
        max-width:1200px;
    }
}
 


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1281px) {
   
    .top_menu {
        /*font-size:16px;*/
        letter-spacing: -0.2px;
        background-position: left center;
    }

    .top_menu .top_menu_right li:first-child a{
        
        font-weight: 500;
        font-size: 1.1em;
        
    }

    footer .container {
        max-width:1000px;
    }
    
    header.transparent {     
        
        background-position: -400px center;
    }
}

@media only screen and (max-width: 1181px) { 
    .top_menu {  font-size:1em }

}
@media only screen and (max-width: 1025px) { 
    
    .top_menu li {
         width:33.33%;
         text-align: center;
    }
    .ceo-image img {
        height: 80vh;
    }

    .ceo-image {
        position: absolute;
        bottom: 0px;
        right: -40px;
        z-index: 100;
    }
    .home-frm-search {
        left:50px;
    }
    
}

@media only screen and (max-width: 991px) { 
    .top_menu {  font-size:0.85em }
    header .navbar-header .navbar-brand img {
        height: 60px;
        width: auto;
        max-height: 60px;
    }
    .mobile_menu {
        background:#005a36;
    }
    #main_menu.mobile_menu .navbar-nav li {
         background:#005a36;
    }
    #main_menu.mobile_menu .navbar-nav li a {
        color:#FFF;
    }
    #main_menu.mobile_menu .navbar-nav li.mobile_menu_title {
        color:#FFF;
    }
    #main_menu.mobile_menu .navbar-nav li.active a {
        color: #ffc400;
    }
}

@media only screen and (max-width: 800px) { 
    .top_menu {  font-size:0.85em }

    footer .logo {
        max-width: 350px;
    }
   
    footer {
        margin:20px;
    }
    footer a.about-phone {
        font-size: 3.2rem !important;
        color: #FFF !important;
        float: right;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 40px;
        margin-left: 15px;
        display: block;
        float: none;
        margin-top: 20px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 768px) { 

    header.transparent.fixed {
        position:relative;
        
    }
    .top_menu {
      
        top:0;
        /*display: none;*/
  
      }
    .top_menu {
        position:relative;
    }
    .top_menu .container { margin:0; width:100%;}  
    .desktop-screen { display:none !important ; }
    .mobile-screen { display: initial !important ;}

    .ceo-desktop { display:none !important ; }
    .ceo-mobile { display: initial !important ;}

    .top_menu {  font-size:1em }
    .top_menu .top_menu_right li {
        width:100%;       
        border-bottom: 1px solid #004429;
        text-align: left;;
        padding:15px 15px !important;
    }
    
    .top_menu .top_menu_right li i {
        margin-left:10px;
    }
    .top_menu .container {
        margin:0px;
        padding:0px;
    }
    .top_menu .top_menu_right {
         
        letter-spacing: 1px;
    }

   

    .page_title {
        padding-top: 0;
    }

    .contact-personal-form label.col-50 {
        float:initial;
        width:100%;
    }

    .ceo-image {
        position: absolute;
        bottom: 0px;
        right: -40px;
        z-index: 100;
    }

    .button.btn_white {
        background: #FFF;
        border: 0px !important;
        color: #005b35;
        font-size: 3em;
        margin-top: 20px;
        font-weight: bold;
        font-family: "kanit";
        box-shadow: 0px 0px 10px #01311e;
        padding: 8px 30px;
        width: 400px;
        border-radius: 100px;
    }

    #search-share-button  .social_media a {
        background: #ffffffab;
        border: 2px solid #ffffff;
        display: inline-block;
        height: 40px;
        width: 40px;
        border-radius: 1px;
        line-height: 40px;
        margin: 4px;
        text-align: center;
        font-size: 20px;
    
        border-radius: 30px;
    }

   
    #search-share-button  .social_media a.line {
    
        font-size: 25px;
        line-height: 40px;
    
    } 
    
}

@media only screen and (max-width: 500px) { 

   
  

    .top_menu .top_menu_right li i {

        margin-right: 10px;
        float: left;
        font-size: 2.2rem;

    }

    
    .top_menu a {
       
        letter-spacing: -0.5px;
    }

    .ceo-image {
        position: absolute;
        bottom: 0px;
        right: -115px;
        z-index: 100;
    }

    .ceo-image img {
        
        height: 70vh;
    }

    .house-title h1 {
        font-size: 25px;
        letter-spacing: -1px;
    }
    .house-title h2 {
        font-size: 18px;
        letter-spacing: -1px;
    }
    .home-frm-search select {
        width:100%;
       
        font-size: 1.6rem;
        opacity: 0.85;
        background:none;

    }

      .home-frm-search .select2-container--default .select2-selection--single {
        width:100%;
       
        font-size: 1.6rem;
        opacity: 0.85;
        background:none;
    }

     

    .home-frm-search .input-group-addon {
        background:none;
    }
    .home-frm-search button.btn-search {
        font-size: 20px;
        background: #005a36;
        border-radius: 40px;
        border: 0px;
        color: #FFF;
        letter-spacing: -1px;
        padding: 5px 35px;
        width:100%;
        margin-top:20px;
    }
    .home-frm-search button.btn-search i {
        font-size:20px;
    }
    .home-frm-search {
        border-radius: 10px;
        left:20px;
        right:20px;
        
        bottom:50px;
        background: rgb(255 255 255 / 85%);


    }

    .button.btn_white {
       
        font-size: 1.5em;
        margin-top: 20px;
        padding: 8px 30px;
        max-width: 250px;
        border-radius: 100px;
        width:80%;

    }

    .house-group .container {
        padding:0px 15px;
    }

    footer {
        margin: 0px;
    }

    #site-map-link {
        margin-bottom:50px;
    }
    #site-map-link .container {
        margin:0px;
    }

    .result-loan {

      margin-top:50px;
        
    }
    .frm-cus-info #frmCusinfo {
        margin:60px 30px;
    }

    .house-group .container .col-md-3, .house-group .container .col-md-4, .house-group .container .col-lg-3, .house-item {
        margin: 0px;
        padding: 0px 8px ;
    }


}

header .navbar-header .mobile_menu_btn {
    z-index:1000000;
}