/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-height: 700px) {
	.hp-ss .cycloneslider-template-video video{
        max-height: 150%;
    }
}

@media only screen and (min-width: 992px) {
	.hp-ss .cycloneslider-template-video video{
        max-height: 115%;
        /* top: 45%; */
    }
}

@media only screen and (max-width: 1590px) {
	header ul#nav > li {
		padding: 0 7px;
	}
}

@media only screen and (max-width: 1440px) {
	header .hbottom-left {
		width: 18%;
	}
	header .hbottom-right {
		width: 82%;
	}
	header ul#nav > li {
		padding: 0 5px;
	}
} 

@media only screen and (max-width: 1366px) {
	header .custom-container {
		padding: 0 30px;
	}
	header ul#nav > li {
		padding: 0 5px;
	}
	header ul#nav li a {
		font-size: 16px;
	}
	
	.qs-bottom .hp-sec-container {
		max-width: 855px;
		margin: 0 auto;
	}

	.wc-agent-photo img, .wc-agent-photo canvas {
		min-height: 534px;
	}

	.wc-main-photo canvas {
		min-height: 555px;
	}

	.hp-sec-container {
		max-width: 920px;
		margin: 0 auto;
	}
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.custom-container {
		padding: 0 20px;
		max-width: 992px;
	}

	header .custom-container {
		padding: 0 15px;
	}
	header .hbottom-left {
		width: 15%;
	}
	header .hbottom-right {
		width: 85%;
	}
	
	header ul#nav li a {
		font-size: 14px;
	}

	.ipad-true header ul#nav li a {
		font-size: 13px;
	}

	.wc-agent-photo img, .wc-agent-photo canvas {
		min-height: 435px;
	}

	.wc-agent-photo {
		padding-bottom: 51px;
	}

	.wc-wrapper .wc-left {
		padding-right: 30px;
	}

	.wc-agent-photo img, .wc-agent-photo canvas {
		min-height: 430px;
	}

	.wc-main-photo canvas {
		min-height: 435px;
	}

	.wc-agent-photo .hp-accent-line {
		width: calc(50% + 30px);
	}

	.hp-sec-container {
		max-width: 820px;
		margin: 0 auto;
		padding-left: 50px;
		padding-right: 50px;
	}

	.hp-accent-line {
		width: 50px;
	}

	.wc-main-content {
		padding-left: 50px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	
	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	.custom-container {
		padding: 0 15px;
	}


/* Global Style */
	.site-button {
		max-width: 200px;
		height: 50px;
		font-size: 15px;
		margin: auto;
	}

	.site-title.red-accent-line:before {
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 60px;
	}

	.hp-section-text p {
		font-size: 16px;
		line-height: 1.4;
	}

	.hp-section-text {
		text-align: center;
	}

	.site-title {
		text-align: center;
	}

	.hp-accent-line{
		display: none;
	}

	.site-title h2, .site-title h1 {
		font-size: 45px;
		letter-spacing: 0;
	}

	.hp-sec-container{
		padding: 0;
	}

	.site-title.red-accent-line {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
/* Global Style End */
	
	header .h-top {
		text-align: center;
	}
	header .notice-text a {
	    display: block;
	}
	header .h-bottom,
	header.fixed .h-bottom {
		background: #000;
		padding: 15px 0;
	}

	header.header,
	header.header.fixed {
		position: relative;
		z-index: 1;
		margin-top: 52px;
	}

	header .hbottom-right {
		display: none;
	}

	header .hbottom-left {
		width: 100%;
		display: block;
	}

	header .logo-wrap,
	header.fixed .logo-wrap {
		max-width: 260px;
		margin: 0 auto;
		display: block;
		border: 2px solid #fff;
	}

	.mute-btn-wrap {
	    position: absolute;
	    bottom: 15px;
	    right: 15px;
	    z-index: 11;
	}


	.qs-bottom .hp-sec-container {
		width: 100%;
		display: block;
		padding: 0;
	}

	.qs-bottom .hp-accent-line {
		display: none;
	}

	.qs-wrap {
		margin: 0 auto;
	}

	section#hp-wc {
		padding: 40px 0;
	}

	.wc-wrapper {
		display: block;
	}

	.wc-wrapper .wc-left {
		width: 100%;
		display: block;
		max-width: 320px;
		margin: 0 auto 30px;
		padding: 0;
	}

	.wc-agent-photo {
		padding: 0;
		margin: 0 0 20px;
	}

	.wc-agent-photo .hp-accent-line{display: none;}

	.wc-photo1 {
		max-width: 210px;
		margin: 0 auto;
		display: block;
	}

	.wc-wrapper .wc-right {
		width: 100%;
	}

	.wc-main-content {
		padding: 0;
		display: block;
		max-width: 620px;
		margin: 0 auto;
		text-align: center;
	}

	.wc-main-content .site-title::before {
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.wc-main-content .hp-accent-line {
		display: none;
	}

	.fydl-btn-wrap {
		display: block;
	}

	.fydl-btn-wrap .site-button {
		margin: 0 auto 10px !important;
	}

	.fydl-wrap {
		padding: 0;
	}

	.fydl-bottom {
		padding: 50px 0;
	}

	.wil-cor-wrap {
		padding: 0;
	}

	.wil-cor-bottom{
		padding: 50px 0;
	}

	.hich-form .hich-col-btn {
		text-align: center;
	}

	.testi-list {
		margin: 0;
	}

	.testi-item .testi-auth {
		display: block;
		text-align: center;
	}

	.testi-item .testi-auth .testi-auth-left {
		margin-bottom: 10px;
	}

	.testi-auth-right {
		justify-content: center;
		-webkit-justify-content: center;
	}

	.testi-bottom .testi-wrap {
		padding: 50px 0;
	}

	.f-logo-wrap {
		display: block;
		margin-bottom: 30px;
	}

	.f-logo-wrap .f-logo {
		border: 0;
		max-width: 420px;
		margin: 0 auto 20px;
		display: block;
		width: 100%;
	}

	footer .f-cinfo {
		width: 100%;
		display: block;
		text-align: center;
	}

	footer .f-cinfo .f-cinfo-inner {
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	footer ul.c-info {
		text-align: center;
	}

	footer .broker-logo {
		max-width: 180px;
		margin: 0 auto;
	}

	footer ul.footernav li {
		margin-bottom: 10px;
		border: 0 !important;
		padding: 0 6px;
		display: block;
		text-align: center;
	}

	footer ul.footernav a{
		display: inline-block;
	}

	footer .copyright {
		line-height: 1.5;
	}

	.hich-wrap {
		padding: 0;
	}

	.hp-hich-bottom {
		padding: 50px 0 80px;
	}

	.wc-main-photo canvas{
		min-height: initial;
	}

	.wc-agent-photo img, .wc-agent-photo canvas{
		min-height: initial;
	}

	.testi-bottom{
		padding: 0;
	}

	footer .f-top {
		padding: 50px 0;
	}

	.f-logo-wrap .f-logo .logo-wrap {
		max-width: 250px;
		margin: 0 auto;
	}

	footer .f-extra-text li{
		display: block;
		border: 0 !important;
		margin-bottom: 8px;
	}

	.bot-line {
		overflow: hidden;
	}

	.bot-line span {
    display: block;
	}

	#ui-datepicker-div {
    font-size: 14px;
	}

	table.roadmap-table-responsive a {
    word-break: break-all;
	}

  .gform_wrapper .gform_footer .gform_button {
		margin: auto !important;
	}

  .listing-grid-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .site-title.text-container {
		flex-direction: column-reverse;
	}
	
	.site-title.text-container .site-button {
		margin-bottom: 50px;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
	}
	
	.qs-wrap .qs-form form > .qs-col-md {
		display: block;
		width: 100%;
	}

	.site-title h2, .site-title h1{
		font-size: 40px;
	}

	.hich-wrap .hich-form {
		margin: 0;
	}

	.hich-wrap .hich-form span.ajax-loader {
		display: block;
		margin: 0 auto;
	}

  .listing-grid-container {
    grid-template-columns: 1fr !important;
  }
  
	.listing-grid-container .listing-grid-item img {
		height: 450px !important;
	}
}

@media (min-width: 640px) {
	.gform_wrapper .gform-type2 .ginput_address_city, .gform_wrapper .gform-type2 .ginput_address_state, .gform_wrapper .gform-type2 .ginput_address_zip {
		inline-size: 33.33% !important;
	}
}

@media only screen and (max-width: 600px) {
	.listing-grid-container .listing-grid-item img {
		height: 350px !important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.site-title h2, .site-title h1{
		font-size: 32px;
		letter-spacing: 0;
	}

	.site-title > span {
		font-size: 18px;
		letter-spacing: .050em;
	}

	.hp-section-text p {
		font-size: 15px;
	}

	.hich-wrap .hich-form .hich-col-md, 
	.hich-wrap .hich-form .hich-col-lg {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}

	.hich-form .hich-col-btn {
		padding: 0;
	}

	#content .entry-title, #content .archive-title {
		font-size: 35px;
	}

  .listing-grid-container .listing-grid-item img {
		height: 250px !important;
	}
}	

@media only screen and (max-width: 375px) {
	.listing-grid-container .listing-grid-item img {
		height: 200px !important;
	}
}