@media screen and (max-width: 1199px){ /* 1024 *660 */

    body { font-size: 14px; }

    .slick-prev { left: -15px; }
    .slick-next { right: -15px; }

    .slider-project { margin: -10px; }
    .block-project { padding: 10px; }

    h3.title { font-size: 18px; }
    h2.title { font-size: 27px; margin-bottom: 20px; padding-bottom: 10px;}
    
    /*HEADER*/

    header .nav-comp-column .logo-main  { width: 160px; padding-right: 30px; }

    /*FOOTER*/
    footer .list-footer .item h4.title { font-size: 18px; }
    
    /*HOMEPAGE*/

    .tyle-location__list-item { padding: 10px; }
    .tyle-location__list { margin: -10px; }

    .search-info .form-search .title { font-size: 20px; padding: 10px 70px;}
    .block-project .wrap-info .name { font-size: 16px; }

    .type-project-homepage .component-inner .component-left .list-project { margin: -5px; }
    .type-project-homepage .component-inner .component-left .list-project .block-project { padding: 5px; }
    .type-news-homepage .component-inner .list-news .block-new:nth-child(n+3) { width: 25%; }
    .distribution-projects .list-project .item .wrap-img { padding-top: calc( 50% - 8px ); }

    .type-news-homepage .component-inner { flex-wrap: wrap; }
    .type-news-homepage .component-inner .component-left { width: 100%; padding-right: unset; margin-bottom: 30px;}
    .type-news-homepage .component-inner .component-right { width: 100%; padding-left: unset;}
    
    section.distribution-projects .type-project { font-size: 20px; }
    section.distribution-projects .list-project .item { padding: 8px; }
    section.distribution-projects .list-project { margin: -8px; }

    /*DETAIL-PROJECT*/
    section.info-project .overview .component-right .price { font-size: 22px; }
    section.info-project .overview .component-right .type span { padding: 5px 20px; }
    section.info-detail-project .title-main { font-size: 20px; }
    section.info-detail-project .item .title { font-size: 16px; }
    section.section-form-project .basic-title { font-size: 20px; }
    section.related-news .block-new .link-news .description { display: none; }
    section.slider-detail-project .info-project { left: calc((100% - 930px) / 2); right: calc((100% - 930px) / 2);}
    
    .type { font-size: 18px; }
    .overview-project__left { padding-right: 15px; }
    .overview-project__right { padding-left: 15px; }


    /*CONTACT*/
    section.component-contact .form-contact { padding: 20px; }

    .header .navbar .logo .img { width: 110px; margin-bottom: -25px; }
    .header .navbar .nav-link { padding: 10px; font-size: 14px; }
    .header .navbar .navbar-collapse .navbar-nav { justify-content: flex-end; }

    .slider-top .wrap-info { right: calc((100vw - 960px)/2); }
    .slider-top .wrap-info .title { font-size: 21px; }
    .slider-top .wrap-info .location { font-size: 16px; }
    .overview-project:before, .design-project:before { width: 400px; height: 207px; }
    .overview-project { padding: 50px 0; }
    .why-us { padding: 50px 0; }
    .why-us__list-item .title { font-size: 14px; }
    .why-us__list-item { padding: 15px; }
    .why-us__list { margin: -15px; }
    .location-project { padding: 50px 0; }
    .utilities { padding: 50px 0; }
    .utilities__list-item .wrap-info { font-size: 14px; }
    .accordion-collapse .component-left .item-floor a { padding: 15px; }
    .flat-project { padding: 50px 0; }
    .policy { padding: 50px 0; }
    .policy .section-form-project .basic-title { font-size: 20px; }


    /*single*/
    .page-single-content { padding-top: 125px; }
    .page-single-content__inner h2.title, .page-single-content__inner h1.title { font-size: 21px; }
    .h1, .h2, h1, h2 { font-size: 21px; }
	
	#popup-alert .component-inner .component-info .form-contact .group-heading img { width: 90px; }
	#popup-alert .component-inner .component-info .form-contact .group-heading .title { font-size: 24px; }
	#popup-alert .component-inner .component-info .form-contact .group-heading { padding-bottom: 20px; }

}

@media screen and (max-width: 991px){ /* 768 */
    
    /*SUBMENU*/
    .header .navbar .navbar-brand:before { height: 70px; right: calc(100% - 160px) }
    .header .navbar .navbar-brand .img { width: 54px; }
    .header .menu-scroll { display: block; top: 13px;}
    .header { height: 75px;}

    .navbar-nav { display: none; }
    .mobile-menu.open .mobile-menu__box { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
    .mobile-menu { pointer-events: inherit; }
    .mobile-menu__overlay { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
    .mobile-menu.open .mobile-menu__overlay { opacity: 1; visibility: visible; }
    .mobile-menu__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; position: relative; background: #194349;}
    .mobile-menu__inner .logo { text-align: center; padding-bottom: 25px; margin-bottom: 30px;}
    .mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
    .mobile-menu__inner .navbar-nav>.nav-item { padding: 10px; }
    .mobile-menu__inner .navbar-nav>.nav-item.active {  position: relative; background-color: #fff;}
    .mobile-menu__inner .navbar-nav>.nav-item.active .nav-link { position: relative; color: #194349; }
    .mobile-menu__inner .navbar-nav>.nav-item.active:before { position: absolute; top: 0; left: 0; content: ''; width: 4px; bottom: 0px; }
    .mobile-menu__inner .navbar-nav>.nav-item .nav-link { padding: 10px 20px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; align-items: center; color: #fff;}
    .mobile-menu__close-button { position: absolute; top: 0; right: 100%; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; cursor: pointer; background-color: #fff;}
    .mobile-menu.open .mobile-menu__close-button { opacity: 1; visibility: visible; } 
    .mobile-menu__inner .logo-main .text { font-weight: 600; font-size: 16px; text-align: center; color: #fff; }
    .navbar-nav .dropdown-menu { top: 30px!important; padding: 0; }
    .mobile-menu__inner .navbar-nav .dropdown-item { white-space: pre-wrap; }
    .mobile-menu__inner .navbar-nav .nav-item .dropdown-submenu.active .dropdown-item { color: #ff822f; }

    

    /*DETAIL-PROJECT*/
    section.info-detail-project .item { width: 50% }
    section.info-detail-project .title-main { font-size: 18px; }
    section.info-detail-project .video .left { width: 100%; padding-right: 0px; margin-bottom: 50px;}
    section.info-detail-project .video .right { width: 100%; padding-left: 0px; }
    section.info-detail-project .video { flex-wrap: wrap; }

    section.info-detail-project .floor-plan .lits-info-floor { flex-wrap: wrap; }
    section.info-detail-project .floor-plan .lits-info-floor .item:first-child { width: 100%; text-align: center; border-right: unset; border-bottom: 1px solid #4dc7ec; text-transform: uppercase;}
    section.info-detail-project .floor-plan .lits-info-floor .item { width: 25%; }
    section.info-detail-project .floor-plan .floor-item-header i { top: 25%; }

    section.section-form-project .wrap-form .form-group { padding: 5px; }
    section.section-form-project .wrap-form { margin: -5px; }

    section.slider-detail-project .info-project { left: calc((100% - 690px) / 2); right: calc((100% - 690px) / 2);}

    .menu-scroll__project { display: block;}
    .overview-project__left { width: 100%; padding-right: unset; margin-bottom: 40px;}
    .overview-project__right { width: 100%; padding-left: unset; }
    .location-project__left { width: 100%; padding-right: unset; margin-bottom: 40px; }
    .location-project__right { width: 100%; }
    .location-project__right .list-zones { display: flex; flex-wrap: wrap; margin: -10px;}
    .location-project__right .list-zones .item-zone { width: 50%; }
    .wrap-location-line .list-zones .item-zone .time:before { content: none; }
    /*.wrap-location-line .list-zones .item-zone .list-locations { border-left: unset; }*/
    .wrap-location-line .list-zones .item-zone .time span{ background-color: #D4CAA6; font-weight: bold; padding: 10px 15px; display: inline-block; color: #fff;}
    .wrap-location-line .list-zones .item-zone .time { width: 100%; padding-right: 5px;}
    .wrap-location-line .list-zones .item-zone .time span { width: 100%; text-align: left; }
    .utilities__list-item { width: 50%; }
    .accordion-collapse .component-left { width: 100%; margin-bottom: 30px;}
    .accordion-collapse .component-right { width: 100%; flex-basis: unset; }
    .accordion-collapse { flex-wrap: wrap; }
    .accordion-collapse .component-left .item-floor { border-radius: 5px; }
    .accordion-collapse .component-left .item-floor.active a{ background-color: #D4CAA6; color: #fff; border-radius: 5px;}
    .utilities__list-item .info { padding: 14px; }
    
    .news__left { width: 100%; }
    .news__right { width: 100%; display: none; }  

    .section-form-project .form__contact-wrap .form-group { width: 100%; }
    .section-form-project .form__contact-wrap .wrap-submit { width: 100%; }


    .slider-top .wrap-info { right: calc((100vw - 720px)/2); }  
    .slider-top .wrap-info .title { font-size: 18px; }
    .slider-top .wrap-info .location { font-size: 14px; }
    .header .navbar .logo .img { max-height: 80px; }
    .why-us__list-item { width: 50%; }
    .wrap-location-line .list-zones .item-zone { flex-wrap: wrap; padding: 10px;}
    .wrap-location-line .list-zones .item-zone .list-locations { width: 100%; padding: 20px; padding-right: unset;}

    .list-info-floor { flex-wrap: wrap; }
    .accordion-collapse .component-left .item-floor a:before { content: none; }

    .design-project .accordion-collapse .component-left { width: 100%; }
    .design-project .accordion-collapse .component-left .item-floor { width: unset; }
    .policy__left { width: 100%; margin-bottom: 40px;}
    .policy__right { width: 100%; }
    .utilities__list-item a:before{ z-index: 2; opacity: 0.6; }
    .utilities__list-item a .wrap-info {top: 50%; opacity: 1; }
    .model-house .utilities__list-item a:before { content: none; }


    .page-single-content__inner { flex-wrap: wrap; }
    .page-single-content__left { width: 100%; margin-bottom: 30px;}
    .page-single-content__right { width: 100%; padding-left: unset; }
    .page-single-content__right .news__list-related { display: flex; flex-wrap: wrap; margin: 0 -8px;}
    .page-single-content__right .news__list-related .news__list-item { width: 50%; padding: 0 8px; }
    .news__list-item:first-child a { padding-top: 15px; }
    .news__list-item a { border-bottom: unset; }

    .h1, .h2, h1, h2 { font-size: 18px; }
    .h3, h3 { font-size: 16px; }
    .h4, h4, .h5, h5 { font-size: 15px; }
    .section-footer .list-link .item { width: 50%; }

    .footer__item { width: 100%; }
    .section-footer .logo { margin-top: unset; }
}

@media screen and (max-width: 767px){ /* 640 */
    .container { max-width: 100%; }

    .menu-scroll { right: 15px; }

    /*HOMEPAGE*/
    section.main-background .main-background-img { height: 70vh; }
    h1.title { font-size: 35px; margin-bottom: 20px; }
    section.main-background .component-inner { left: 15px; right: 15px; }

    .block-project .wrap-info .utilities { flex-wrap: wrap; }
    .block-project .wrap-info .utilities span { width: 50%; padding-bottom: 5px;}
    .block-project .wrap-info .utilities span:nth-child(2), .block-project .wrap-info .utilities span:nth-child(4) { text-align: right; }
    .block-project .wrap-info .utilities span:nth-child(3), .block-project .wrap-info .utilities span:nth-child(4) { padding-bottom: unset; }
    /*DETAIL-PROJECT*/
    section.info-project .overview { flex-wrap: wrap; }
    section.info-project .overview .component-left { width: 100%; margin-bottom: 20px;}
    section.info-project .overview .component-right { width: 100%; text-align: left; }
    section.info-project .overview .component-right .price { margin-top: 10px; }
    section.info-detail-project .floor-plan .lits-info-floor .item { padding: 10px; }
    section.section-form-project .wrap-form .form-group { width: 100%; }
    section.related-news .list-news .block-new { width: 100%; }
    section.related-news .block-new .link-news .description { display: block; }

    section.slider-detail-project .info-project { left: 15px; right: 15px;}

    .slider-top .wrap-info { right: 15px; }
    .slider-top .section-form-project { display: none; }
    .slider-top__list-item .wrap-img img { height: unset; min-height: 70vh; }


}

@media screen and (max-width: 639px){ /* 540 */
    
    .slick-next { right: 0; }
    .slick-prev { left: 0; }

    /*HOMEPAGE*/
    .tyle-location__list-item { width: 100%; }
    .search-info .wrap-form .input-group { width: 50%; }
    .block-project .wrap-info .name { font-size: 14px; }
    .block-project .wrap-info .overview-product { padding: 10px; }
    .type-news-homepage .component-inner .list-news .block-new:nth-child(n+3) { width: 100%; }
    .distribution-projects .type-project { font-size: 14px; bottom: 10px; left: 10px; }

    section.info-detail-project .floor-plan .lits-info-floor .item { width: 50%; }
    section.info-detail-project .floor-plan .lits-info-floor .item:nth-child(3) { border-right: unset; }

    .wrap-location-line .list-zones .item-zone { width: 100%; margin-bottom: 15px; }
    .wrap-location-line .list-zones  { flex-wrap: wrap; }

    .footer-project__left, .footer-project__right { width: 100%; }
    .footer-project__left { order: 1;}
    .footer-project__right { margin-bottom: 30px; }

    .news__left .news__list-item { width: 100%; }
    .news__list-item.big a { padding: 15px 0; }
    .accordion-collapse .component-left .item-floor { font-size: 13px; }
    .section-footer { padding-top: 40px; }
    .overview-project:before, .design-project:before { width: 250px; height: 130px; }
    .policy__right .section-form-project { padding: 20px 10px }

    .page-single-content__right .news__list-related .news__list-item { width: 100%; }
    .policy .section-form-project .basic-title { font-size: 18px; }
    h2.title { font-size: 24px; }
}

@media screen and (max-width: 539px){ /* 450 */


    .utilities__list-item { width: 100%; }
    

    .type-project-homepage .component-inner .component-left .list-project .block-project { width: 100%; }
    .type-news-homepage .component-inner .list-news { margin: -5px; }
    .type-news-homepage .component-inner .list-news .block-new { padding: 5px; }

    .distribution-projects .list-project .item { width: 100%; }
    .distribution-projects .list-project .item.small { width: 100%; }
    .distribution-projects .list-project .item.small .wrap-img { padding-top: 50%; }

    section.related-news .block-new .link-news .description { display: none; }

    .overview-project, .why-us, .location-project, .utilities, .flat-project, .policy { padding: 40px 0; }

    .why-us__list-item { width: 100%; }
    h2.title { font-size: 24px; }
    .slider-top .wrap-info .title { font-size: 16px; margin-bottom: 10px; }
    .overview-project__right .list-image .item { width: 100%; }
    .utilities__list-item .wrap-img { padding-top: 70%; }

    .page-single-content__inner h2.title, .page-single-content__inner h1.title { font-size: 18px; }
    .slider-top .wrap-info { max-width: 350px; }
    .slider-top .section-form-project .basic-title { font-size: 14px; }
    .policy .section-form-project .basic-title { font-size: 16px; }

    .section-footer .list-link .item { width: 100%; }
	
	#popup-alert .component-inner .component-info .form-contact { padding: 30px 15px; }
	#popup-alert .component-inner .component-info .form-contact .group-heading .title { font-size: 20px; }
}

@media screen and (max-width: 449px){ /* 320 */

    .slider-top .wrap-info { max-width: 300px; }

}