/* #Tablet (Landscape)
----------------------------------------------------------------------*/
nav .main{display:block}
nav .mobile{display:none}
.main-vid {
	height:411px;
}
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 96%;margin: 0 auto !important}
	.boxed-margin {margin: 10px auto}
	.row { width: 870px }
	.header-row {width: 870px;}
	#header .search {margin: 0 0 0 60px}
	.slide2 span, .slide3 span, .slide4 span, .slide5 span{ margin:0 0 0 40%}
	.big_slider {padding-top:80px;}

	.small_slider {padding-top:80px;}
	.small_slider .details h2 {margin: 0 0 90px}
	.small_slider .details div span {left:40%; top:37px;}
	#my_gallery .mix {width: 207px;height: 227px}
	.member img {margin: 0 30px 10px 0}
	.testimonials_slides .owl-controls .owl-next {right: -120px !important}
	.testimonials_slides .owl-controls .owl-prev {left: -130px !important}
	.parallax_img {height: 500px}
	.about h3{font-size: 200%; line-height:45px;}
}

@media only screen and (min-width: 959px) and (max-width: 1160px) {
	.slide2 span, .slide3 span, .slide4 span, .slide5 span{ margin:0 0 0 40%}	
	.main-vid {
    height: 357px;
	}
}
@media only screen and (max-width: 959px) {
	.sf-menu li{font-size:21px}
}
/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.slideDown{display:none}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 700px }
	.header-row{width:100%;}
	.dir {padding: 0;}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 1000;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {padding: 20px;width: 40%!important;display: none; margin: 4px 0 !important } 
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {margin-bottom: 10px; margin-left: 0; float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 10px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 0}
	.big_slider {padding-top:90px;}
	.slide1 span{ margin:0 0 0 50%;}
	.slide1 span h2, .slide2 span h2, .slide3 span h2, .slide4 span h2, .slide5 span h2{font-size:100%; line-height: 19px;}
	.slide2 span, .slide3 span, .slide4 span, .slide5 span{ margin:0 0 0 40%}
	/*.slide3 span{ margin:0 0 0 40%}
	.slide4 span{ margin:0 0 0 40%}
	.slide5 span{ margin:0 0 0 40%}*/
	.slide2 span h1, .slide3 span h1, .slide4 span h1, .slide5 span h1{font-size:257%!important;}
	.big_slider .details h1 {margin: 0 0 20px;}
	.big_slider .details h2 {font-size: 16px; margin: 0 0 40px}
	.big_slider .details img {margin: 0 auto 10px;}
	.big_slider .details div span {left:40%; top:37px;}
	.small_slider {padding-top:90px;}
	.small_slider .details h1 {margin: 0 0 20px;}
	.small_slider .details h2 {font-size: 16px; margin: 0 0 40px}
	.small_slider .details div span {left:48%; top:37px;}
	 #my_gallery .mix {width: 223px;height: 243px}
	.filters li {margin: 0 0 0 1px}
	#header .search {margin: 0}
	.member img {margin: 0 20px 30px 0;width: 125px}
	.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
	.testimonials_slides .owl-controls .owl-next {right: -40px !important}
	.toggles {width: 100%}
	.overlay p {font-size: 14px}
	.parallax_img {height: 400px}
	.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
	.header_2 #header .head {z-index: 1000}
	nav .main{display:none}
	nav .mobile{display:block}
	.about h1{font-size: 300%;}
	.about h3{font-size: 180%; line-height:35px;}
	.main-vid {height: 287px;}
	
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.sticky{display:none!important}
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 400px }
	nav{float:right;}
	.header-row{width:100%;}
	.dir {padding: 0;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1.alpha,.grid_1.omega, .grid_2.alpha,.grid_2.omega, .grid_3.alpha,.grid_3.omega, .grid_4.alpha,.grid_4.omega, .grid_5.alpha,.grid_5.omega,
	.grid_6.alpha,.grid_6.omega, .grid_7.alpha,.grid_7.omega, .grid_8.alpha,.grid_8.omega, .grid_9.alpha,.grid_9.omega, .grid_10.alpha,.grid_10.omega, .grid_11.alpha,.grid_11.omega {width: 100%;margin: 0 0 30px}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {padding: 20px;display: none; margin: 4px 0 !important }
	.sf-menu.xactive {display: block!important;}	
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li {margin-bottom: 10px; margin-left: 0; float: none !important; display: block !important; width: 100% !important; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 10px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 0}
	.big_slider {padding-top:100px;}
	.slide1 span{ margin:11px 0 0 50%;}
	.slide1 span h2{font-size:100%; line-height: 19px;}
	.slide2 span, .slide3 span, .slide4 span, .slide5 span{ margin:0 0 0 40%}
	/*.slide3 span{ margin:0 0 0 40%}
	.slide4 span{ margin:0 0 0 40%}
	.slide5 span{ margin:0 0 0 40%}*/
	.slide2 span h1, .slide3 span h1, .slide4 span h1, .slide5 span h1{font-size:190%!important;}
	.big_slider .details h1 {font-size: 50px; margin: 0 0 16px}
	.big_slider .details h2 {margin: 0 0 0;font-size: 14px; line-height: 23px;}
	.big_slider .details img {margin: 0 auto 10px}
	.big_slider .details div span { float:right; margin: 60px 20px}	
	.small_slider {padding-top:100px;}
	.small_slider .details h1 {margin: 0 0 16px}
	.small_slider .details h2 {font-size: 16px; margin: 0 0 40px}
	.small_slider .details div span {left:8%; top:87px;}
	#my_gallery .mix {width: 190px;height: 213px}
	.filters {position: relative;right: auto;top: auto;margin: 20px 0 0;display: inline-flex;}
	.social_intro {display: none}
	.filters li {margin: 0 0 0 1px}
	#header .search {margin: 0}
	.member img {margin: 0 20px 30px 0;width: 125px}
	.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
	.testimonials_slides .owl-controls .owl-next {right: -40px !important}
	.toggles {width: 100%}
	.overlay p {font-size: 14px}
	.process [class^="grid_"]:after {content: ""}
	.quote_special {left: 45%}
	.testimonials_w {width: 400px}
	#mymap {height: 880px}
	.parallax_img {height: 270px}
	.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
	.header_2 #header .head {z-index: 1000}
	nav .main{display:none}
	nav .mobile{display:block}
	.subnav li{display:list-item; list-style:none; margin:10px; font-size:150%; font-family: 'Fjalla One', sans-serif;}
	.subnav li:nth-child(even){display:none;}
	span.phone a span{ clear: both; font-size: 50%; display: block!important; margin-top:10px;}
	span.phone {margin:-50px auto 0; width:300px}
	.subpg span.phone a span{ clear: both; font-size: 50%; display: block!important; margin-top:10px;}
	.subpg span.phone {margin:-50px auto 0; width:300px}
	.main-vid {height: 224px;}

}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
/*@media only screen and (min-width: 480px) and (max-width: 650px) {
	.sticky{display:none!important}
.big_slider .details div span { margin:114px 0 0 20px; float:left;}
.small_slider .details div span { margin:114px 0 0 20px; float:left;}
.dir {padding: 0;}
nav .main{display:none}
	nav .mobile{display:block}
	.subpg span.phone a span{ clear: both; font-size: 50%; display: block!important; margin-top:10px;}
	.subpg span.phone {margin:-50px auto 0; width:300px}

}*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
	.sticky{display:none!important}
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 290px; padding: 0; }
	.header-row{width:100%;}
	.dir {padding: 0;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1.alpha,.grid_1.omega, .grid_2.alpha,.grid_2.omega, .grid_3.alpha,.grid_3.omega, .grid_4.alpha,.grid_4.omega, .grid_5.alpha,.grid_5.omega,
	.grid_6.alpha,.grid_6.omega, .grid_7.alpha,.grid_7.omega, .grid_8.alpha,.grid_8.omega, .grid_9.alpha,.grid_9.omega, .grid_10.alpha,.grid_10.omega, .grid_11.alpha,.grid_11.omega {width: 100%;margin: 0 0 30px}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {padding: 20px;width: 90%!important;display: none; margin: 4px 0 !important }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {margin-bottom: 10px; margin-left: 0; float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 10px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 0}
	.big_slider {padding-top:100px;}
	.big_slider .slidertitles h1 {margin: 0 0 -15px;}
	.slide1 span{ margin:-25px 0 0 8%;}
	.slide1 span h2, .slide2 span h2, .slide3 span h2, .slide4 span h2, .slide5 span h2{font-size:70%; line-height: 17px;}
	.slide2 span{ margin:0 0 0 8%}
	.slide2 span h1{font-size:180% !important;}
	.slide3 span{ margin:0 0 0 8%}
	.slide3 span h1{font-size:180% !important;}
	.slide4 span{ margin:0 0 0 8%}
	.slide4 span h1{font-size:180% !important;}
	.slide5 span{ margin:0 0 0 8%}
	.slide5 span h1{font-size:180% !important;}
	.small_slider {padding-top:100px;}
	.small_slider .details h1 {margin: 0 0 20px}
	.small_slider .details h2 {font-size:95%; line-height:20px;}
	.small_slider .details div span {left:8%; top:87px;}	
	#my_gallery .mix {width: 290px;height: 300px}
	.filters {position: relative;right: auto;top: auto;margin: 20px 0 0;display: inline-flex}	
	.filters li {margin: 0 0 0 1px;font-size: 11px}
	#header .search {margin: 0}
	.member img {margin: 0 20px 100px 0;width: 90px}
	.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
	.testimonials_slides .owl-controls .owl-next {right: -40px !important}
	.toggles, #my_gallery .mix img {width: 100%}
	.overlay p {font-size: 14px}
	.process [class^="grid_"]:after {content: ""}
	.quote_special {left: 37%}
	.testimonials_w {width: 240px}
	#mymap {height: 880px}
	.section {padding: 40px 0}
	.owl-theme .owl-controls {right: 39%}
	.parallax_img {height: 200px}
	.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
	.header_2 #header .head {z-index: 1000}
	nav .main{display:none}
	nav .mobile{display:block}
	.about h1{font-size: 230%;}
	.about h3{font-size: 150%; line-height:25px;}
	.subnav li{display:list-item; list-style:none; margin:10px; font-size:150%; font-family: 'Fjalla One', sans-serif;}
	.subnav li:nth-child(even){display:none;}
	span.phone a span{ clear: both; font-size: 50%; display: block!important; margin-top:10px;}
	span.phone {margin:-50px auto 0; width:300px}
	.subpg span.phone a span{ clear: both; font-size: 50%; display: block!important; margin-top:10px;}
	.subpg span.phone {margin:-50px auto 0; width:300px}
	.main-vid {height: 163px;}
	
}