@media screen and (max-width: 1199px) {
	body, .contact-info span{ font-size: 14px; }
	.kh-wrapper {width: 950px;	}
 	.nav-menu li{ margin-left: 15px; }
 	.nav-menu li.inquiry a{ padding-left: 20px; padding-right: 20px; }
 
 	table tr th{ padding: 10px 15px; } 
 	.site-banner ul li .slider-caption{ width: 50%; padding: 25px; padding-bottom: 0; } 
}
 

@media screen and (max-width: 991px) {
	h1{ font-size: 32px; }
	h2{ font-size: 28px; }
	h3{ font-size: 24px; }
	h4, .entry-title, .entry-title a{ font-size: 20px; }
	h5{ font-size: 18px; }
	h6{ font-size: 15px; }

	.kh-wrapper { width: 100%;}
 	.nav-menu li { margin-left: 10px; }
	
	.short-info, .about-section, .inner-page{ margin: 0; }
	.youtube-section, .about-section, .inner-page{ padding-top: 50px; padding-bottom: 50px; }
 
	.top-header .left, .top-header .right, .youtube-section, .about-section, .inner-page{ padding-left: 15px; padding-right: 15px;  }


	.about-section .about-content-wrap{ margin: 0; padding: 0; }
	.youtube-video iframe, .contact-info-section .google-map iframe{ height: 220px !important; }
	.form-section{ padding: 20px 30px; }

	.site-footer{ padding-top: 50px; }
	.partner-logo{ margin-bottom: 0; } 

	.contact-page-form form input[type="text"], .contact-page-form form input[type="email"], .contact-page-form form input[type="tel"], .contact-page-form form textarea {  padding: 10px 10px; height: 40px; margin-bottom: 10px; font-size: 14px; }
	.contact-page-form form input[type="submit"] { padding: 10px 25px;  font-size: 15px; }
}

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

	.site-banner .slider-img{ height: 400px; }

	.pre-popup .kh-wrapper {  width: 90%;  height: 70vh;	}
	.pre-popup-wrap {  padding: 25px; } 
	.header-right{ padding-right: 15px; }

	.site-navigation { background: none; }

	.site-navigation .toggle-button {
	    display: block;
	    width: 45px;
	    height: 38px;
	    background: none;
	    border: 1px solid #ffa700;
	    position: relative;
	    cursor: pointer;
	    transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	}
	.site-navigation .toggle-button:hover {
		background: #ffa700;
	}
	.site-navigation .toggle-button .bar {
	    background: #ffa700;
	    width: 30px;
	    height: 3px;
	    position: absolute;
	    top: 8px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	}
	.site-navigation .toggle-button .bar.bar2 {
	    top: 17px;
	}
	.site-navigation .toggle-button .bar.bar3 {
	    top: 25px;
	}
	.site-navigation .toggle-button:hover .bar {
		background: #111249;
	}
	.site-navigation .nav-toggled .toggle-button .bar.bar1 {
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform-origin: 2px 5px;
	    -webkit-transform-origin: 2px 5px;
	}
	.site-navigation .nav-toggled .toggle-button .bar.bar2 {
	    transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    opacity: 0;
	    visibility: hidden;
	}
	.site-navigation .nav-toggled .toggle-button .bar.bar3 {
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform-origin: 4px -1px;
	    -webkit-transform-origin: 4px -1px;
	}
	.site-navigation .nav-toggled .toggle-button {
	    position: absolute;
	    z-index: 9999999;
	    top: 20px;
	    left: 20px;
	}
	.nav-menu {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 250px;
	    background: #2f2f2f;
	    z-index: 999999;
	    height: 100%;
	    overflow-y: auto;
	    padding-top: 80px;
	    opacity: 0;
	    visibility: hidden;
	    transform: translate(-100%);
	    -webkit-transform: translate(-100%);
	    transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	}
	.nav-toggled .nav-menu {
		opacity: 1;
		filter: alpha(opacity=100);
	    visibility: visible;
	    transform: translate(0);
	    -webkit-transform: translate(0);
	}
	.nav-menu li {
	    width: 100%;
	    margin-bottom: 0;
	    margin: 0;
	    padding: 0 10px;
	    text-align: left;
	}
	.nav-menu li.has-children::after {
	    top: 10px;
	    right: 10px;
	}
	.nav-menu li a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.nav-menu li .sub-menu {
	    position: static;
	    opacity: 1;
	    visibility: visible;
	    background: none;
	    width: auto;
	    box-shadow: none;
	    padding-left: 15px;
	}
	.nav-menu li .sub-menu li.has-children::after {
	    color: #fff;
	    top: 22px;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	}
	.nav-menu li .sub-menu li a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    color: #fff;
	    border-bottom-color: rgba(0,0,0,0.2);
	}

	.nav-menu li a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    width: 100%;
	    border-bottom: 1px solid rgba(0,0,0,0.2);
	}
 	
 	.slider-caption .slider-desc{ font-size: 14px; }
 	.site-banner ul li .slider-caption{ width: 60%; }

 	.page-title { font-size: 30px; margin-bottom: 25px; }
}

@media screen and (max-width: 767px) { 
	.site-logo{ width: 40%; } .header-right{ width: 58%; }

	.site-banner .slider-img{ height: 300px; }
	.site-banner ul li .slider-caption{ margin-bottom: 20%; }
	.slider-caption .slider-desc, .site-banner ul li .slider-caption{ display: none; } 
	.site-banner ul li .slider-caption .kh-wrapper{ padding: 20px; }
	.slider-caption h2{ font-size: 22px; }

	.short-info .one-forth{ width: 48%; }
	.short-info .wrap{ padding: 15px; justify-content: flex-start; border: 0; }

	.about-section .about-content-wrap, .youtube-section-left, .youtube-section-right, .form-section, .map-section, .sidebars .entry-content, .sidebars .right-sidebar, .half, .contact-page-form, .contact-info-section, .top-header .left, .top-header .right, .about-section .about-img{ width: 100%;} 
	.about-section .about-content-wrap, .youtube-section-left, .map-section, .form-section, .sidebars .entry-content, .contact-page-form{ margin-bottom: 25px; } 

	.youtube-section-right, .sidebars .entry-content, .contact-page-form, .about-section .about-img{ padding: 0; }

	.page-images a, .photo-gallery .gallery a, .project-highlight .page-images a{ width: 46%; }

	.map-section iframe{ height: 200px; }
	.footer-menu ul li a{ padding: 5px; line-height: 1.2; }
	.form-section.contact-info { padding: 0 15px !important; }

	.top-header{ display: none; }
	span.big{ font-size: 18px; }

	.kup-wrap.floor_pln{ padding-left: 0;}
	span.numb{ position: relative; margin-bottom: 10px; }
}

@media screen and (max-width: 767px) {
	.site-banner .slider-img {  height: 185px; background-size: 100%;	}
	.youtube-section, .about-section, .inner-page { padding-top: 40px; padding-bottom: 40px;}
}