/*
 * Breakpoints
 *
 * between 1001 and 1024
 * 1000 and less
 * between 700 and 1000
 * 699 and less
 * 
 */

@media only screen and (min-width: 1001px){
				#interior_content #interior_bg{ background: none !important; }
}

/* between 1001 and 1024 */
@media only screen and (min-width: 1001px) and (max-width: 1024px){

		.container{ padding: 0 12px; }
		
}

/* less than 1024 */
@media only screen and (max-width: 1024px){
		
		body{ background-attachment: scroll !important; }
		section.content .lower{ 	min-height: 0; }
		section.content.home_scroller .lower .container{ padding-left: 50px; padding-right: 50px; }
		
		section.window { background-attachment: scroll !important; }
		section.window .quote { text-shadow: 1px 1px 2px rgba(0,0,0,1); }
		
		
		#gallery_body{ background: #394f5a; }
		#gallery_body #main,
		#gallery_body #slideshow_container{ height: auto !important; }
		#gallery_body .slides,
		#gallery_body .slides .slide{ height: 700px !important; }
		#gallery_body .hover_container{ height: 117px; position: relative; bottom: auto; overflow: visible;}
		#gallery_body .hover_container .hover_content{
				position: relative;
				bottom: auto !important;
				left: auto; right: auto;
				padding: 0;		
		}
		#slideshow_container .hover_content .caption { top: -37px; }
		#gallery_body footer{ display: block; }
		
		
}

/* less than 1000 */
@media only screen and (max-width: 1000px){
				
		.container{ padding: 0 15px; }
		
		#interior_content .container,
		#interior_content #blog.container,
		#interior_content #events.container {
				width: inherit;
				padding: 20px 15px;
		}
		
		#inner-wrapper{ right: 0; }
		#inner-wrapper.slid{ right: 200px; }
		
		header{ /*position: relative;*/ height: 56px; background-image: none !important; /*background: #394f5a;*/ }
		header #logo{
				width: 130px;
				height: 88px;
				background-size: 100% auto;
				left: 15px;
				top: 0;
		}
		header .menu-btn{
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				display: block;
				width: 25px;
				height: 20px;
				position: absolute;
				top: 18px;
				right: 15px;
				border-top: 4px solid #fff;
				border-bottom: 4px solid #fff;
		}
		header .menu-btn:before{
				content: "";
				margin: 4px 0 4px 0;
				border-top: 4px solid #fff;
				display: block;
		}
		
		nav.topNav{
				width: 200px;
				height: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				position: absolute;
				top: 0;
				left: auto;
				right: -200px;
				margin: 0;
				z-index: 900;
				overflow: hidden;
				margin: 0;
				background: #5d87a1;
		}
		nav.topNav .block{
				position: relative;
				height: 100%;
				float: none;
				padding: 15px 0;
		}
		
		nav.topNav #mainNav{ float: none; margin: 0; margin: 0 0 15px 0; }
		nav.topNav #mainNav li{ position: relative; float: none; }
		
		nav.topNav #mainNav li.active a{
				color: #fff;
				background: #7498ae;
		}
		nav.topNav #mainNav li a{
				position: relative;
				padding: 12px;
		}
		
		
		
		/*dropdown*/
		nav.topNav #mainNav li nav{
				display: none;
				position: relative;
				left: auto;
				width: auto;
				padding: 0;
				margin: 0;
				background: transparent;
				-webkit-box-shadow: none;
				box-shadow: none;
				opacity: 1;
				filter: alpha(opacity=100);
		}
		nav.topNav #mainNav li.active nav{ display: block; }
		nav.topNav #mainNav li nav:before{ display: none; }
		nav.topNav #mainNav li nav ul li{ border: 0; }
		nav.topNav #mainNav li nav ul li a{ font-size: 12px; color: #fff !important; padding: 10px 10px 10px 30px; }
		
		nav.topNav div.social { position: relative; width: 100%; top: auto; right: auto; }
		nav.topNav a.icon{ float: none; display: inline-block; }
		
		#main{ padding: 0; }
		
		
		section.window .quote { width: auto; max-width: 650px; }
		
		section.bottom .left,
		section.bottom .right{
				width: 50%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0 10px 0 0;
		}
		section.bottom .right{ padding: 0 0 0 10px; }
		
		section.bottom .articles .item .text {
				margin: 24px 0 24px 173px;
				padding: 0 15px 0 0;
				height: 86px;
				overflow: hidden;
		}
		
		#interior_content h1.main_headline {
				max-width:950px;
				width: auto;
				overflow: auto;
				font-size: 50px;
				line-height: 54px;
				padding-left: 15px;
				padding-right: 15px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		#interior_content nav{display: none; }
		
		#interior_content #full .homes_form_container { padding: 0 0 15px 0; }
		#interior_content #full .homes_form_container input.button.float_right{
				position: relative;
				top: auto;
				right: auto;
				display: block; float: none; vertical-align: top; margin-bottom: 15px; }
		
		
		#interior_content #blog .main_column { padding: 20px 0; }
		#interior_content #blog aside { margin: 20px 0; }
		#interior_content #events .main_column article .bar .fb-like { display: block; float: none; }
		#interior_content #blog .main_column article .bar .share,
		#interior_content #events .main_column article .bar .share { display: block; padding: 20px 0 0 0; float: none; }
		
		#interior_content #blog .main_column article #comment_form textarea {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				background-size: 100% 100%;
		}
		
		#interior_content #blog .main_column article #comment_form form input[type="text"]{
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				margin-right: 0 !important;
		}
		
		
		footer{
				margin: 0;
				height: auto;
		}
		footer .container{ padding-top: 25px; }
		footer .left{ width: 100%; float: none; padding: 0 0 20px 0; }
		footer .right{ width: 100%; float: none; }
		footer .right .logo{ float: left; }
		footer .right .logo:first-child{ margin-right: 15px; }
		
} /* < 1000 */

@media only screen and (min-width: 700px) and (max-width: 1000px){
		
		/*section.home_top,
		section.home_top #slides{
				height: 600px;
		}*/
		
		section.home_top #slides .slide .caption_text{
				top: 110px; /*70px;*/
				right: auto !important;
				left: 50% !important;
				margin-left: -282px;
				
		}
		
		section.home_top .box{
				bottom: 25px;
				top: auto;
				right: auto;
				left: 50%;
				margin-left: -155px;
		}
		
		section.window .container{ display: table; height: 618px;}
		
		section.window .quote {
				display: table-cell;
				vertical-align: middle;
				text-shadow: 1px 1px 2px rgba(0,0,0,1);
		}
		
		
		body{ background-image: none !important; }
		#interior_content{ padding: 0; }
		#interior_content #interior_bg{
				display: block;
				min-height: 200px;
				width: 100%;
				padding-top: 170px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-attachment: scroll !important;
}

		#interior_content #template .main_column,
		#interior_content #blog .main_column,
		#interior_content #events .main_column {
				width: 70%;
				padding-right: 20px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		
		#interior_content #template aside,
		#interior_content #blog aside,
		#interior_content #events aside {
				width: 30%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		#interior_content #blog aside,
		#interior_content #events aside {
				padding: 15px;
		}
		
		/*home search*/
		#interior_content #full #rows .item .text {
				height: 273px;
				margin: 0 0 0 312px;
				padding: 15px 15px 15px 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		#interior_content #full #rows .item .text .details { font-size: 16px; line-height: 18px; }
		#interior_content #full #rows .item .text .button { bottom: 15px; right: 15px; }
		
		#interior_content #full .block .right {
				float: none;
				width: auto;
				padding: 20px 20px 20px 0;
				margin: 0 0 0 412px;
		}
		#interior_content #full .block .right .inner_block .share { padding: 20px 0 0 0; position: relative; right: auto; bottom: auto; }
		#interior_content #full .block .right form input[type="text"] {
				width: 46%;
				background-size: 100% 100%;
				margin-right: 0;
				margin-left: 7px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		#interior_content #full .block .right form input[type="text"]:nth-child(2n+1){ margin-left: 0; margin-right: 7px; }
		
		#interior_content #full .homes_form_container .minict_wrapper { width: 30%; max-width: 238px; background-size: 100% 100%; }

		#gallery_body .slides,
		#gallery_body .slides .slide{ height: 600px !important; }
		
		footer .watermark{
				min-height: 0;
				background-position: 90% bottom;
				padding: 25px 15px;
		}
		
}/*end 700 - 1000*/


@media only screen and (max-width: 700px){
		
		header{ height: 40px; }
		header #logo{
				width: 130px;
				height: 88px;
				background-size: contain;
				left: 15px;
				top: -2px;
		}
		header .menu-btn{
				top: 10px;
		}
		
		
		section.home_top,
		section.home_top #slides{
				height: 600px;
		}
		
		section.home_top #slides .slide .caption_text {
				top: 110px;
				width: 290px;
				height: auto;
				left: 50% !important;
				margin-left: -145px !important;
				
		}
		section.home_top #slides .slide.active .caption_text{ }
		section.home_top #slides .slide .caption_text h2 { font-size: 34px; line-height: 40px; }
		section.home_top #slides .slide .caption_text .fancy{ font-size: 14px; line-height: 16px; }
		section.home_top .box{
				bottom: 10px;
				top: auto;
				right: auto;
				left: 50%;
				margin-left: -155px;
		}
		/*section.home_top .box form{ width: 252px; }
		section.home_top .box form table td { padding: 0 0 10px 5px; }
		section.home_top .box form table td:first-child{ padding: 0 5px 10px 0; }*/

		
		section.window{ height: 500px; }
		section.window .container{ display: table; height: 500px;}
		
		section.window .quote {
				display: table-cell;
				vertical-align: middle;
				font-size: 24px;
				line-height: 28px;
				text-shadow: 1px 1px 2px rgba(0,0,0,1);
		}
		section.window .quote span{ font-size: 16px; line-height: 18px; }
		
		section.bottom .left,
		section.bottom .right{
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0;
		}
		section.bottom .right{ padding: 40px 0 0 0; }
		
		section.bottom .articles .item {
				/*height: auto;
				padding: 10px;*/
		}
		section.bottom .articles .item img { /*margin: 0 10px 0 0;*/ }
		section.bottom .articles .item .text {
				padding: 0 15px 0 0;
				margin: 15px 0 15px 167px
		}
		section.bottom .articles .item .text span{ display: none; }
		
		/****** INTERIOR **********/
		body{ background-image: none !important; }
		#interior_content{ padding: 0; }
		#interior_content #interior_bg{
				display: block;
				min-height: 200px;
				width: 100%;
				padding-top: 170px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-attachment: scroll !important;
}
		
		
		#interior_content #template .main_column {
				width: 100%;
				float: none;
				padding: 0 0 40px 0px;
		}
		
		#interior_content #template aside{
				width: 100%;
				float: none;
				padding: 0 0 40px 0;
		}
		#interior_content #template aside input[type="text"] { display: block; }
		
		
		#interior_content #full .block .left { width: auto; max-width: 392px; margin: 0 auto; height: auto; float: none; }
		#interior_content #full .block .right {
				width: 100%;
				float: none;
				margin: 0;
				padding: 20px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		#interior_content #full .block .right .inner_block .share { padding: 20px 0 0 0; position: relative; right: auto; bottom: auto; }
		#interior_content #full .block .right .inner_block .share span{ display: block; float: none; margin: 0 0 5px 0; }
		#interior_content #full .block .right .inner_block .share .icon{ margin: 0 10px 0 0; }
		
		#interior_content #full .block .right form input[type="text"] {
				width: 100%;
				margin: 0 0 14px 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		
		/*house search items*/
		#interior_content #full .homes_form_container .minict_wrapper { width: 100%; margin: 0 0 15px 0; max-width: 700px; }
		
		#interior_content #full #rows .item {
				height: auto;
				padding: 25px;
		}
		#interior_content #full #rows .item img { float: none; margin: 0 auto; width: auto; height: auto; max-width: 100%; }
		#interior_content #full #rows .item .text { margin: 0; padding: 25px 0 0 0; }
		#interior_content #full #rows .item .text .details { padding: 0 0 15px 0; }
		#interior_content #full #rows .item .text .button { position: relative; right: auto; bottom: auto; }
		
		#interior_content #full .block .left.gallery{
				padding: 25px;
		}
		#interior_content #full .block .left #slider { width: auto; max-width: 392px; height: auto; }
		
		/*events and blog */
		#interior_content #blog.container .content_wrapper,
		#interior_content #events.container .content_wrapper { position: relative; }
		#interior_content #blog.container .content_wrapper.slid,
		#interior_content #events.container .content_wrapper.slid{ left: -275px; } 
		
		#interior_content #blog .main_column,
		#interior_content #events .main_column {
				width: 100%;
		}
		#interior_content #events .main_column { padding-top: 0; }
		
		#interior_content #blog.container .content_wrapper .aside-btn,
		#interior_content #events.container .content_wrapper .aside-btn{
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				display: block;
				width: 25px;
				height: 20px;
				position: absolute;
				top: 20px;
				right: 10px;
				border-top: 4px solid #a6c0d1;
				border-bottom: 4px solid #a6c0d1;
		}
		#interior_content #blog.container .content_wrapper .aside-btn:before,
		#interior_content #events.container .content_wrapper .aside-btn:before{
				content: "";
				margin: 4px 0 4px 0;
				border-top: 4px solid #a6c0d1;
				display: block;
		}
		
		#interior_content #blog aside,
		#interior_content #events aside {
				padding: 20px;
				width: 220px;
				position: absolute;
				top: 0;
				right: -275px;
		}
		#interior_content #events aside { margin-top: 0; }
		
		#interior_content #events .main_column article .header h2 { padding: 18px 37px 16px 15px;  }
		
		#interior_content #events .main_column article .img { float: none; margin: 0 0 15px 0; }
		#interior_content #events .main_column article .text { margin: 0; }
		
		
		footer .watermark{
				min-height: 0;
				background: none;
				padding: 25px 15px;
		}
		
		/*** utility rte columns ****/
  .rtecolumns{  }
  .rtecolumns .rtecol50{
      width: 100%;
      float: none;
      padding: 0 0 25px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  .rtecolumns .rtecol50:first-child{ padding: 0 0 25px 0; }
  
  .rtecolumns .rtecol30{
      width: 100%;
      float: none;
      padding: 0 0 25px 0px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  .rtecolumns .rtecol30:first-child{ padding: 0 0 25px 0; }
	.rtecolumns .rtecol70{
		width: 100%;
		float: left;
		padding: 0 0 25px 0;
		-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
	}
	.rtecolumns .rtecol70:first-child{ padding: 0 0 25px 0; }
		
		
} /* end less than 700 */


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific background images here */
		
		header #logo{ background-image: url(../img/logo@2x.png); background-size: 100% auto; }
		nav.topNav a.icon.fb{ background-image: url(../img/icon_fb@2x.png); background-size: 13px auto; }
		nav.topNav a.icon.ins{ background-image: url(../img/icon_inst@2x.png); background-size: 21px auto; }
		nav.topNav a.icon.twt{ background-image: url(../img/icon_twt@2x.png); background-size: 25px auto; }
		nav.topNav a.icon.vid{ background-image: url(../img/icon_vid@2x.png); background-size: 28px auto; }
		
		
		#interior_content #full .block .right .inner_block .share .icon,
		#interior_content #full .block .right .inner_block .share .icon:after,
		#interior_content #blog aside .block.social a span,
		#interior_content #blog aside .block.social a span:after{ background-image: url(../img/icons_share@2x.png); background-size: 160px auto; }
		
		#interior_content .main_column article .bar .share .icon{
				background-image: url(../img/icons_share2@2x.png); background-size: 217px auto;
		}
		#interior_content #full .block .left #slides_pager .flex-direction-nav a,
		.bx-wrapper .bx-controls-direction a {
				background-image: url(../img/arrows@2x.png);
				background-size: 38px auto;
		}
		
		#interior_content #blog .main_column article .bar .bubble{
				background-image: url(../img/bubble@2x.png);
				background-size: 31px auto;
		}
		#interior_content #blog .main_column article #comments .comment .author{
				background-image: url(../img/arrow_comment@2x.png);
				background-size: 28px auto;
		}
				
		/*.minict_wrapper:after { background-image: url(../img/icon-arrow-dn@2x.png); background-size: 25px auto; }
		form input[type=checkbox] + label{ background-image: url(../img/checkbox@2x.png); background-size: 20px auto; }
		form input[type=checkbox] + label.checked{ background-image: url(../img/checkbox_checked@2x.png); background-size: 20px auto; }
		form input[type=radio] + label{ background-image: url(../img/radio@2x.png); background-size: 26px auto; }
		form input[type=radio] + label.checked{ background-image: url(../img/radio_checked@2x.png);  background-size: 26px auto; }*/
}