/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.l-container{
		/* max-width: 980px; */
	}
	.header .nav > li {
		margin: 0px 0 0 40px;
	}
	.header.active .nav > li {
		margin: 0 0 0 58px;
	}
	.welcome-wrapper .welcome-left {
		padding: 24px 25px 22px 15px;
	}
	.welcome-wrapper .welcome-left h1{
		font-size: 29px;
	}
	.welcome-wrapper .welcome-left h1 strong{
		font-size: 68px;
	}
	.welcome-wrapper .welcome-left h1 span {
		font-size: 18px;
	}
	.welcome-wrapper .welcome-left p {
		font-size: 14px;
		line-height: 25px;
		margin: 15px 0 0;
	}
	.welcome-wrapper .welcome-btn {
		margin: 25px 0 0;
	}
	.news-r {
		padding: 0 60px;
	}
	.testi-wrapper li {
		padding: 0 110px;
	}
	.sb-cta a{
		font-size: 22px;
	}
	#hp-slide .cycloneslider-template-video{
		transform-origin: center top;
		transform: translateZ(0) scale(1.36);
		-moz-transform: translateZ(0) scale(1.36);
		-webkit-transform: translateZ(0) scale(1.36);
	}

	.cycloneslider-template-video .cycloneslider-volume {
		bottom: 190px !important;
		right: 180px !important;
	}

	.cycloneslider-template-video .cycloneslider-slides {
		overflow: visible !important;
	}

	.page-id-54 #content .entry {
		font-size: 12px;
	}
} 

@supports (-webkit-overflow-scrolling: touch) {
	#hp-stat {
		background-attachment: initial;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

	/*#content .entry-title,
	#content .archive-title,
	#content .archive-subtitle,
	#content h3,
	#content h4,
	#content h6,
	.font-gfs,
	#content h2, 
	#content h1, 
	#content h3, 
	#content h4, 
	#content h5, 
	aside h1, 
	aside h2,  
	aside h3, 
	aside h4,  
	aside h5, 
	#content h6, 
	aside h6, 
	aside h6,
	.content-button a { 
		font-family: 'Roboto', sans-serif;
	}*/
	
	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	.cta-wrapper a:hover {
		top: 0;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.ip-banner canvas {
		min-height: initial;
	}
	div#ip-tagline {
		font-size: 16px;
	}
	div#ip-tagline .font-gfs {
		font-size: 34px;
	}
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
	#hp-slide .cycloneslider-template-video{
		transform-origin: center top;
		transform: translateZ(0) scale(1);
		-moz-transform: translateZ(0) scale(1);
		-webkit-transform: translateZ(0) scale(1);
	}
	#hp-slide{
		position: relative;
	}
	#hp-tagline{
		position: absolute;
	}
	#content #map{
		max-width: 100%;
	}
	#hp-fls {
		padding: 40px 0 35px;
	}
	.sb-info{
		padding: 30px 0 0;
	}
	.header .nav,
	.header-contact{
		display: none;
	}
	
	.header.active,
	.header{
		position: relative;
		min-height: 0;
		max-height: none;
		background:#fff;
		padding: 70px 0 20px;
	}
	.header.active:before{
		opacity: 0;
	}
	.header .logo img,
	.header.active .logo img {
		max-width: 162px;
		filter: invert(0%);
		-webkit-filter: invert(0%);
	}
	.header .navigation .logo,
	.header.active .navigation .logo{
		display: block;
		top: 0;
		filter: invert(1);
	}
	.fls-wrapper .fls-title{
		font-size: 13px;
		min-height: 0;
		padding: 22px 0;
	}
	.l-container{
		width: 100%;
	}

	.cycloneslider-template-video .cycloneslider-volume {
		display: block !important;
		bottom: 10px !important;
		right: 10px !important;
		opacity: 1 !important;
	}

	#hp-welcome{
		padding: 20px 0 30px;
	}
	.welcome-wrapper .welcome-left {
		padding: 24px 15px 22px 15px;
		display: block;
		width: 100%;
		text-align: center;
	}
	.welcome-wrapper .welcome-right {
		width: 100%;
		display: block;
		margin: 20px auto 0;
		max-width: 578px;
	}
	.welcome-wrapper img {
		max-width: 300px;
		margin: auto;
	}
	#hp-testi {
		padding: 83px 0 0px;
	}
	.testi-wrapper h2 {
		letter-spacing: 0.150em;
	}
	.testi-wrapper li {
		padding: 0 0;
	}
	.cta-wrapper a{
		font-size: 31px;
	}
	.stat-wrapper ul li{
		margin: 10px 0 0 7px;
		    width: calc((100% / 3) - 6px);
	}
	.stat-wrapper ul li:nth-child(3n + 1){
		margin: 10px 0 0 0;
	}
	.news-l .news-title h2{
		font-size: 45px;
		min-width: 300px;
	}
	.news-l .news-title h2 span{
		font-size: 65px;
	}
	.news-l .news-title h2 .news-title-top{
		top: 19px;
	}
	.news-l .news-title h2 em {
		font-size: 140px;
	}
	.news-r {
		padding: 0 40px;
	}
	.news-list .news-3 li,
	.news-list .news-2 li {
		width: calc((100% / 3) - 7px);
		margin: 10px 0 0 10px;
	}
	/*.news-list .news-2 li {
		width: calc((100% / 2) - 5px);
		margin: 10px 0 0 10px;
	}*/
	.news-list .news-3 li:nth-child(3n + 1),
	.news-list .news-2 li:first-child {
		margin: 10px 0 0 0;
	}
	.welcome-wrapper .welcome-left h1 span {
		font-size: 14px;
	}
	.welcome-wrapper .welcome-left h1 strong {
		font-size: 50px;
	}
	.testi-wrapper .testi-nav{
		padding: 15px 0 0;
	}
	.testi-wrapper .testi-nav a{
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	.testi-wrapper .testi-nav a:first-child{
		margin: 0 10px 0 0;
	}
	.testi-wrapper{
		padding: 40px 0 30px;
	}
	.tagline-wrapper {
		    bottom: 0 !important;
		    top: auto;
	}
	#hp-news ul li {
	    width: 100% !important;
	    padding: 0;
	    margin: 0;
	}
	#hp-news ul {
	    width: 100%;
	    text-align: center;
	}
	#hp-news ul li img {
	    max-width: 250px !important;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
	.news-r {
	    width: 100%;
	    padding: 0 57px;
	    margin-top: 20px;
	}
	.news-l {
	    width: 100%;
	}

	.page-id-54 #content .entry {
		font-size: 14px;
	}
	.sb-cta a:hover {
		top: 0;
	} 

	.page-id-749 .ip-fl-img {
		max-width: 395px;
		margin: 0 auto;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
	.fls-wrapper h2 {
		letter-spacing: 0.080em;
	}
	.fls-wrapper a{
		max-width: 263px;
		margin: 15px auto;
	}
	.fls-wrapper a:hover {
		transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	}
	.fls-wrapper a:hover .fls-img img {
		-webkit-filter: grayscale(0%);
    	filter: grayscale(100%);
	}
	.cta-wrapper a{
		margin: 10px 0;
	}
	.stat-wrapper ul li {
		margin: 10px auto 0 auto;
		width: calc((100% / 1) - 0px);
		display: block;
		max-width: 290px;
	}
	.stat-wrapper ul li:nth-child(3n + 1) {
		margin: 10px auto 0;
	}
	.stat-wrapper h2{
		font-size: 40px;
	}
	.stat-wrapper h2 span {
		font-size: 50px;
		line-height: 55px;
	}
	#hp-news{
		padding: 0 0 20px;
	}
	.news-wrapper > div{
		display: block;
	}
	.news-l{
		width: 100%;
		background:#000;
	}
	.news-l canvas{
		display: none;
	}
	.news-l .news-title-container{
		position: relative;
		display: block;
	}
	.news-l .news-title h2 {
		text-align: center;
		font-size: 35px;
		padding: 23px 0;
	}
	.news-l .news-title h2 br{
		display: none;
	}
	.news-l .news-title h2 span {
		font-size: inherit;
	}
	.news-l .news-title h2 em {
		font-size: inherit;
		float: none;
		margin: 0 0 0 0;
	}
	.news-l .news-title h2 .news-title-bottom,
	.news-l .news-title h2 .news-title-top {
		top: 0;
		display: inline-block;
		padding: 0 0 0 0;
		left: 0;
	}
	.news-r{
		width: 100%;
		padding: 0 20px;
	}
	.git-form .git-fields > div{
		margin: 10px 0 0 0;
		display: block;
	}
	.git-form .git-fields .git-msg,
	.git-form .git-fields .git-email,
	.git-form .git-fields .git-name {
		width: 100%;
	}
	#hp-testi{
		padding: 0 0 0;
	}
	.testi-wrapper h2 {
		letter-spacing: 0.100em;
	}
	#content .ip-ai .ai-list > ul {
		margin: 0 0 0 40px;
		width: 100%;
	}
	#ihf-main-container .btn-link.ihf-advanced-search-launch{
		white-space: unset;
		font-size: 13px;
	}
	.welcome-btn a {
		display: block;
		max-width: 300px;
		margin: 0 auto 10px !important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.welcome-wrapper .welcome-btn a:first-child {
		margin: 0 0 10px 0;
	}
	.cta-wrapper a {
		font-size: 26px;
	}
	.stat-wrapper h2 {
		font-size: 29px;
	}
	.stat-wrapper h2 span {
		font-size: 34px;
		line-height: 40px;
	}
	.testi-wrapper h2 {
		font-size: 21px;
	}
	.git-wrapper h2 {
		letter-spacing: 0.080em;
	}
	.tagline-wrapper{
		text-align: center;
		font-size: 20px;
		letter-spacing:0.100em;
	}
	.tagline-wrapper span{
		font-size: 33px;
	}
	#content .entry-title, #content .archive-title {
		font-size: 33px;
		line-height: 1.3;
	}
	.ip-banner canvas {
		min-height: 150px;
	}

	div#ip-tagline .font-gfs {
		font-size: 31px;
	}

	div#ip-tagline {
		font-size: 13px;
	}
	.ihf-board-disclaimer-text {
		font-size: 14px;
	}
}
 
@media print{
	.ip-banner,
	#breadcrumbs,
	#fixed-header,
	#headerwrapper,
	#page-bg,
	#ihf-detail-navrow,
	#ihf-leadcapture-btns,
	header,
	#ihf-main-container .ihf-contiguous-links,
	.header,
	.ihf-virtual-tour-link,
	.ihf-dpa-link-alt,
	.footer,
	.footer,
	#footerwrapper,
	body.page-id-0 .entry-content > br,
	.sidebar{
		display: none;
	}
	body.page-id-0 .entry-content a[href="http://www.thelma4harborhomes.com/waterfront-homes/"]{
		display: none;
	}
	#content-sidebar #content{
		width: 100%;
	}
	#content-sidebar,
	#content-full{
		margin-top: 0;
	}
	#content .entry-title,
	#content .archive-title {
		font-weight: 600;
		letter-spacing: 0.020em;
		font-size: 35px;
		margin: 0 0 0 .67em 0;
	}
	#content .entry-title,
	#content .archive-title {
		font-size: 35px;
		line-height: 1.3;
	}
}