@media only screen 
and (max-width : 320px) {
    
    
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    #register_frmblock {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    
    #register_section.floatingBlock {
        right: 38%;
        transform: translate(-50%,20%);
        width: 75%;
        position: fixed;
        top: 90px;
        left: 62%;
    }
    #main-slide .item, #exterior-slide .item, #interior-slide .item {
        height: 95vh;
        margin-top: 12px;
    }

    #closeButton {
        float: right;
        width: 40px;
        height: 40px;
        text-align: center;
        margin-top: -16px;
        padding: 4px;
    }
    #closeButton i {
        font-size: 32px;
        font-weight: lighter;
    }
    #register_section.floatingBlock #register_block {
        padding: 15px !important;
    }
    
}


@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    
    .parallax {
        background: none;
        height: 100vh;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top center;
        background-size: auto 100% !important;
    }
    .hidden_mobile{display: none!important;}
    .hidden_desktop{display:block !important;}
    .banner_mobile {
        display: block;
        position: fixed;
        top: 0;
        left: calc(100vw - 135%);
        right: calc(100vw - 135%);
        width: auto;
        height: 100vh;
        z-index: -1;
        margin: auto;
    }
    ::placeholder {
        color: rgb(44, 44, 44);
      }
.graphic_map_img{width:100% !important; height:auto; margin:0 auto;}      
.custom_style1 {
	border: none !important;
	border-bottom: solid 1px #001d30 !important;
	padding: 2px;
	background-color: none !important;
	box-shadow: none;
	height: 36px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 1.428571429;
	padding: 6px 12px;
	background: transparent;
	width: 100%;
	color: #000;
}
.dark-gold-lv2{color: #4a2800 !important;}
#concept_topic {
    font-size: 14px;
}

.sloganText{margin-top:-85px;}
#main-slide .slider-content .sloganText h1{font-size:16px!important;}
#main-slide .slider-content .viceSloganText{font-size:10px!important; line-height:14px;}
video {
     width: 100%;
     height: 100%;
}    
.navbar-top{display: none;}
.navbar-sticky {
	position: fixed;
	top: 0;
	z-index: 1032;
	padding: 5px 0 !important;
	background-color: #121a26 !important;
	width: 100%;
}
#main-slide{margin-top: 60px;}
.scroll-container,
.scroll-container:nth-of-type(even) {
    flex-direction: column;
    align-content: inherit;
  }

  .scroll-element {
    height: 100%;
  }

  .scroll-element,
  .scroll-caption {
    width: 100%;
  }
footer p{font-size:10px !important;}
#hometype_topic {
	font-size: 18px;
}
#hometype_vicetopic {
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 5px;
}
#contact{margin-top:0 !important;}
.footerbg_block {
	padding-bottom:0px !important;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 3px 10px;
	font-size: 15px;
	color: #b99061;
}
.fontSize20 {
	font-size: 15px !important;
}
.fontSize14 {
	font-size: 12px !important;
}
.pad30 {
	padding: 15px 30px;
}

#gallery_text_slogan {
	position: relative;
	z-index: 998;
	margin-top: 0;
	margin-bottom: -15%;
	font-size: 11px !important;
}
#footer_content ul li{font-size:11px;}

.floatAbove {
	position: absolute;
	z-index: 999;
	top: 22%;
	margin: 20px !important;
}
    .feature-section p {
        font-family: sans-serif;
        font-weight: lighter;
        line-height: 15px;
        padding-bottom: 5px;
        text-align: justify;
        text-justify: inter-word;
        font-size: 11px;
        padding-right: 40px;
    }

    .project_info_block {
        background: #121a26;
        min-height: 100%;
        margin-left: 0px;
        padding: 0 45px 30px;
        height: 510px !important;
    }
    .project_info_block h3.project_info_topic {
        font-size: 14px !important;
        margin-top: 0px;
        padding-top: 20px;
    }
    .project_info_block p{
        	font-size: 10px;
        	line-height: 21px;
    }
    .project_info_table {
        font-size: 11px;
    }
    .register_button {
	    float: none;
    	margin: auto;
	    display: block;
    }
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    #register_frmblock {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    h1, .h1 {
        font-size: 18px;
    }
    h2, .h2 {
        font-size: 20px;
    }
    h3, .h3 {
        font-size: 18px;
    }
    h4, .h4 {
        font-size: 14px;
    }
    .feature-section {
        padding-top: 0px;
    }

    .pt60 {
	    padding-top: 10px !important;
    }

    #exterior-slide .item, #interior-slide .item {
        height: 100%;
    }
    .call-to-action {
        /* background: url(../images/parallax/call-to.jpg); */
        background-attachment: fixed;
        background-size: cover;
        background-position: 50% 90%;
        color: #fff;
        text-align: center;
        padding: 25px 0 30px;
        border-top: solid 6px #fff;
    }
    .concept_slogan{
        font-size: 18px;
        padding: 0 60px;
        line-height: 18pt;
    }

    .about-us-section-1 {
        /* padding-top: 80px; */
        padding-bottom: 20px;
    }

    .about-us-section-2 {
        padding-top: 10px;
        padding-bottom: 20px;
        background-attachment: fixed;
        background-size: cover;
        border-top: solid 2px #fff;
    }

    .fun-facts {
        background: url(../images/parallax/bg-02.jpg);
        background-attachment: fixed;
        background-size: cover;
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .team-member-section {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .masterplan-section {
        background: url('../images/1x/masterplan.png') no-repeat;
        min-height: 565px;
        background-size: 100%;
        background-position-y: 200px;
    }
    footer.style-1 {
        margin-top: 10px;
        padding: 25px 0;
    }

    .text-header-register{
        font-size: 14px !important; text-align:center;
    }
    #register_block {
        background: #e4ccb1;
        padding: 10px 10px;
        width: 100%;
        float: none;
        margin: auto;
        margin-top: 20px;
        font-family: baskerville;
        padding-bottom: 0px;
        /* margin-bottom: 45px; */
    }
    #register_section.floatingBlock {
        right: 38%;
        transform: translate(-50%,20%);
        width: 75%;
        position: fixed;
        top: 90px;
        left: 62%;
    }

    #main-slide .item, #exterior-slide .item, #interior-slide .item {
        /* height: 95vh; */
        height: auto;
        margin-top: 12px;
    }
    #button_submit {
        width: 60%;
        margin-top: 0px;
    }
    #closeButton {
        float: right;
        width: 40px;
        height: 40px;
        text-align: center;
        margin-top: -16px;
        padding: 4px;
    }
    #closeButton i {
        font-size: 32px;
        font-weight: lighter;
    }
    #register_section.floatingBlock #register_block {
        padding: 15px !important;
    }
}

@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {
    
    
    .header .intro-text h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 35px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    #footer_content ul li{font-size:13px;}
    
}


@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {
    
    
    .header .intro-text h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 40px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
}

@media only screen 
and (min-width : 801px) 
and (max-width : 991px) {
    
    
    .header .intro-text h1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    
    .header .intro-text p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .header .intro-text .btn-primary {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    .feature-section {
        padding-top: 40px;
    }
    #register_frmblock {
        padding: 4px 25px;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .masterplan-section {
        background: url('../images/1x/masterplan.png') no-repeat;
        min-height: 960px;
    }
    footer.style-1 {
        margin-top: 10px;
        padding: 25px 0;
    }
}


@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) {
    
}