* {
        font-family: "Prompt" ;
    }

    .product-card-large .btn-danger ,
    .product-card-small .btn-dagner {
        display:none;
    }

    h1, h2, h3, h4, h5, h6, .btn , div , p , span , .page-title {
        font-family: "Prompt" ;
    }
    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
    }
    
    .fullwidth-container {
        margin-left: calc((100% - 1320px)/2);
        overflow: hidden;
    }
    
    @media (min-width: 1000px){
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 980px;
        }

        .fullwidth-container {
            margin-left: calc((100% - 980px)/2);
            overflow: hidden;
        }
    }

    @media (min-width: 1200px){
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1140px;
        }

        .fullwidth-container {
            margin-left: calc((100% - 1140px)/2);
            overflow: hidden;
        }
    }


    @media (min-width: 1400px){
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1320px;
        }

        .fullwidth-container {
            margin-left: calc((100% - 1320px)/2);
            overflow: hidden;
        }
    }


    .btn-house-gallery {
        cursor: pointer;
    }

  
   

    
    

    @media screen and (max-width: 900px) { 
        .fullwidth-container {
            margin-left: 0;
            overflow: hidden;
        }
    }



  

    p {
        font-size:1.25rem;
    }
    h4 {
        text-transform: uppercase;
        font-size: 20px;
        text-shadow: 1px 1px 2px #999;
        letter-spacing: 2px;
    }
    main {
        padding-top:0px;
    }
    .logo-loading img {
        max-width:200px;
    }

    .fn-poppins {
        font-family: Poppins !important;
    }
    .loader-ellipsis div {
        background:#000000;
    }

    section {
        padding:20px 0px;
    }

    section .section-title {
        font-size:20px;
        margin-bottom:10px;
    }
    @media screen and (max-width: 600px) { 
        section {
            padding:20px 0px;
        }
    }
    section.bg-secondry {
         background:#edf3f3;
    }
    .header {
        /*background: linear-gradient(90deg, #00e1c4, #016a88);*/
        background: linear-gradient(90deg, #00e1c442, #016a8800);
        backdrop-filter: blur(1px);

    }
    .header .menu-btn {
       /* display: none; */
    }

    .header::before{

        content:' ';
        position:absolute;
        /*background:#022e4b;*/
        background-image:url("/assets/img/logo-top-text.png") ;
        background-repeat: no-repeat;
        background-size: contain;
         
        background-position: -20px;
        top: 0px;
        left: 0px;
        bottom: -5px;
        right: 0px;
        
    }
    .header.active:before{
        background-position: -20px;
    }

    .header.active {
        /*background: linear-gradient(90deg, #00a5a3a6, #016381de);*/
        background: linear-gradient(90deg, #00a5a3a6, #01a3a3c2);
       

    }
    .header.active .menu-btn{
        display: inline;
    }
    .header .navbar-brand h4 {
       
        color: #ffffff;
        font-size: 17px;
        text-shadow: none;
        font-weight: normal;
        letter-spacing: 0px;
        margin-top: 10px;
        display: inline-block;

    }
    .header .navbar-brand h4 span {
        font-size: 70%;
        display: block;
        letter-spacing: 10px;
        padding-left: 3px;
    }

    .filter-white{
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
        filter:  brightness(0) invert(1); ;
    }

    .site-logo {
        display:inline-block;
        
    }
    .site-logo img {
        width:50px;
         
    }

    .header.active .site-logo img  {
        width:50px;
    } 

    .search {
       box-shadow:none;
    }

    .search::placeholder {
        color: #999;
        opacity: 1; /* Firefox */
      }
      
      .search::-ms-input-placeholder { /* Edge 12 -18 */
        color: #999;
      }
    .bx-search{
        background: #FFF;
        border-radius: 50px;
        position: relative;
        padding: 5px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
        -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 28%);
    }

    .page-title {
         
        font-size: 14px;
         
    }

    .btn.btn-info.green{
        background: linear-gradient(90deg, #00e1c4, #01788c);
    }
    .sqaure-btn i{
        font-size:1.5rem
    }

    .checkbox-boxed + .checkbox-lable {
        color: #17a2b8;
        box-shadow: 0px 0px 9px #a1a1a1;
    }

    .checkbox-boxed:checked + .checkbox-lable {
        background: #00d7bd;;
    }

    .text-secondary {
        color:#111 !important;
    }
    .house-title {
        font-weight: bold;
        font-size:13px;
    }

    .social_media a {
         
        
        display: inline-block;
        height: 28px;
        width: 28px;
        border-radius: 1px;
        line-height: 30px;
        margin: 2px;
        text-align: center;
       
        border-radius: 100%;
        

        background: #c3c3c300;
        border: 1px solid #ababab73;
        color:#a0a9b1 !important ;

    }
    .social_media a:hover{
        color:#FFF !important;
    }
    .social_media .line {
        font-size:1.2em;
    }

    .product-image {
        display: block;
    }
    .product-card-large .product-image-large {
        height: 200px;
    }
    .socialJS {
        display: inline;
    }


    #section-search {
       
        color: #FFF;
        position: relative;
        background-image: url(../img/home-cover-03.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding:150px 0px 80px 0px;;
    
    }

    @media screen and (max-width: 600px) { 
        #section-search   {
            padding:150px 0px 50px 0px;
        }
    }

    #section-search::before{
         position:absolute;
         content:' ';
               
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 0;

        /*background: linear-gradient(90deg, #00e1c4, #016a88);*/
        background: linear-gradient(90deg, #00e1c400, #016a8887);
    }

    #section-search .page-title {
        font-size: 40px;
        position: relative;
        text-shadow: 0px 0px 9px #000;
    }
   
    @media screen and (max-width: 600px) { 
        #section-search .page-title {
            font-size: 20px;
        }
    }


    #section-search .search {
        text-align: center;
        
        
    }

    .product-card-small .product-image-small {
        width:220px;
        height: auto;
    }

    .product-card-small .product-image-small img.house-img {
        width:100%;
        max-width: 100%;
    }
    .product-card-small  .discp-hm {
        padding-left:0px;
    }

    @media screen and (max-width: 900px) { 
        .product-card-small .product-image-small {
            width:100px;
            height: 100px;
        }
        .product-card-small  .discp-hm {
            padding-left:15px;
        }
    }
    @media screen and (max-width: 500px) { 

        .product-card-small .product-image-small {
            width:300px;
            height: 200px;
        }

    }

    .totle_page {
        display: block;
        width: 100%;
        padding: 15px;
        text-align: center;
        font-size:13px;
        
    }
    .txt-search-not-found {
        color: #00d7bd;
        background: #ffffff99;
        padding: 25px 0px;
        font-size: 1em;
        text-align: center;
        display: block;
        width: 100%;
        border-radius: 15px;
        border: 1px solid #FFF;
    }

    .copyright {
        font-size:13px;
         text-transform: uppercase;
    }

    .room.icon-reccomend , .room.icon-hot , .room.icon-sold-out {

        position: relative;
    }
    
   
    .room.icon-reccomend:after , .room.icon-hot:after , .room.icon-sold-out:after {
        position: absolute;
        content: 'ขายดี';
        color: #FFF;
        top: 10px;
        left: 10px;
        background: #ffc107c7;
        background: linear-gradient(90deg, #ffc107 0%, #ffc107c7 100%);
        padding: 5px 10px;
        border-radius: 3px;
        font-size: 13px;
        text-transform: uppercase;
        font-size: 11px;
        height: auto;
        line-height: 11px;
    }

    .room.icon-reccomend:after {
        content: 'แนะนำ';
        background: #018f98;
        background: linear-gradient(83deg, #00eac6 0%, #00b4bfde 100%);
        color: #ffc107;
    }

    .room.icon-sold-out:after {

        content: 'ขายแล้ว';    
        color: #25e5e2;
        background: #022e4b;

    }
    
    .room .offers.hide{

        display:none;

    }

    .offers.offer-reccomend {
        background: #018f98;
        background:  linear-gradient(90deg, #00eac6 0%, #018f98 100%);
        color: #ffc107;

    }
    .offers.offer-hot {
        
        background: #ffc107c7;
        background: linear-gradient(90deg, #ffc107 0%, #ffc107c7 100%);
    }
    .offers.offer-sold-out {

        color: #25e5e2;
        background: #022e4b;
    }

    .btn-house-type-link {
        display: block;
    }



    .nav-contact {
        margin-top:10px;
    
    }
    @media screen and (max-width: 500px) { 
        .nav-contact {
           display:none;
        
        }
    }
    .nav-contact a{
        color:#FFF;
        font-size:20px; 
        text-decoration: none;
        font-family: Poppins;
    }
    .nav-contact i {
          
            border-radius: 100%;
          
            color: #ffffff;
            text-align: center;
            /* line-height: 35px; */
            font-size: 26px;
            display: inline-block;
            float: left;
            margin-right: 10px;
            margin-top: 2px;
    }
    
    
 

    .card.room .fa-map-marker-alt {
        color:#17a2b8;
    }

   

    .site-map {
       
    }
    
    .site-map  a{
        font-size:13px;
        color:#333;
        display: block;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #DDD;

    }

    .site-map i.fa-map-marker-alt {
        color: #17a2b8;

    }

    #social-share.social_media {
        display: block;
        height: 30px;
    }
    #social-share .socialJS {
        display:flex;
    }


    .menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link.active {
        background: #2F2D51;
        border-bottom: 0px; */
        color: #ffffff;
        background: linear-gradient(90deg, #00e1c4, #01788c);
        border-radius: 50px;
    }

    .menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link {
        text-align: center;
    }