/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; 5px; zoom: 1; }
.flexslider .slides { zoom: 1;}
.flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; }
/* Caption style */
/* IE rgba() hack */
.flex-caption { zoom: 1; }

.flex-caption {
    z-index:1;
    position: absolute;
    bottom: 0px;
    right:28%;
    color: #fff;
	width:550px; text-align:center;
    padding: 10px 20px;
    margin-bottom: 0;
    bottom: 125px; text-transform:uppercase;
	text-shadow: 0px 3px 10px rgba(150, 150, 150, 1);
	/*background: rgba(255, 255, 255, 0.5); height:80px;*/
}

.dropdown-menu .divider {
    height:1px!important;
    margin: 9px 0;
    overflow: hidden;
    background-color: #fc8681!important;
}

.embed-responsive { margin-top: 20px!important;}

.flex-caption h6 { margin:0px; padding:0px;font-size:25px; color:#fff; width:100%; float:left; text-align: left; font-weight:600;} 
.flex-caption p { margin:0px; padding:0px;font-size:14px; color:#fff; width:100%; float:left; font-weight:normal;} 
.flex-caption h5 {width: 100%; float: left; margin: 0px; padding: 0px; color:#FFFFFF; font-size:30px; text-align:center; clear: both; font-weight:700;}
.flex-caption h5 span{ color: #ed1b12; font-weight:700;  }


.flex-caption2 {z-index: 500; position: absolute; left:10%; font-size: 25px; color: #fff; max-width:50%; margin-bottom: 0; top: 100px;
	background: rgba(255, 255, 255, 0.5); border:1px solid #ededed; padding:10px 10px;}

.flex-caption2 h5 {width: 100%; float: left; margin: 0px; padding: 0px; font-size:30px; text-align: left; clear: both; color: #000; font-weight: 600; }
.flex-caption2 h5 span{ color: #ed1b12; font-weight:lighter;}


.tech-spec table td, .content.tech-spec table th {
    border: 1px solid #e0e0e0;
    padding: 3px 5px;
}


/* Direction Nav */
.flex-direction-nav { height: 0; display:none;}
.flex-direction-nav li a { background: url(../images/sprite.png) no-repeat scroll 0 0 #444; bottom: 0px; width: 45px; height: 45px; position: absolute; text-indent: -999em; }
.flex-direction-nav li a:hover { }
.flex-direction-nav li .prev { left: 0px; background-position: 17px -212px; }
.flex-direction-nav li .next { left: 46px;background-position: 17px -282px; }
.flex-direction-nav li .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav {	width: 100%; position:absolute; bottom: -15px; text-align:center; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 10px; height: 10px; display: block; background: #ddd; cursor: pointer; text-indent: -999em;-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; border-radius: 30px 30px 30px 30px;}
.flex-control-nav li a:hover { background: #aaa; }
.flex-control-nav li a.active { background: #aaa; cursor: default; }
/* Index page top FlexSlider Necessary Styles
*********************************/
.slideshow-container {/* width: 960px;*/ float: left; margin: 0 0 0px 0; padding: 0 0 0px 0; /*border-bottom: 1px solid #eee;*/ }
#index-slider { /* height: 370px; */}

/*---------------iPad portrait---------------*/

@media only screen and (min-width: 768px) and (max-width: 1200px) {


.slideshow-container, #index-slider { width:100%; height: auto; }

.nav>li>a {
    position: relative;
    display: block; font-size:13px;
    padding: 10px 2px!important;
}

#owl-demo .item {
    margin: 5px; width: 220px;
    border: 1px solid #CCCCCC;
}

ul.social-media li {
    width: 35px;
    float: left;
    padding: 5px;
    margin: 3px;
    height: 36px;
    list-style: none;
    margin-top: 0;
    padding-top: 0px;
}

.flexslider .slides img {height:400px!important; display: block; }

ul.garden li { width: 21%; min-height: 280px;}
ul.list li { width: 23%; height: 310px; float: left; margin: 20px 15px 0 0;}

}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slideshow-container, #index-slider {width:100%; height: auto; }
.slideshow-container .section-title { float: left; width: 380px; }
.slideshow-container .section-title h1 { font: bold 28px/38px Helvetica,Arial,sans-serif; }
.flex-caption, .pagination { display:none; }


.navbar-brand > img {display: block; width: 100%!important;}
.footer-wrap .box {width:23%; float: left; margin-right:2%;}
.footer-wrap .box .footer-logo {width: 100%; margin-top: 30px;}
.footer-wrap .box .footer-logo img{width:80%; margin-top: 30px;}

ul.social-media {width:100%; margin-left: -14px;}
.main-navigation {    margin-top: -45px;
    height: 0px;}
.wrap{ padding-right: 0rem !important;}
.container {padding-right: 0px!important;}

.site-header{position:static; /*height:90px;*/ z-index: 99; width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding:20px 0 0px 0;
    border-bottom: 1px solid #CCCCCC;
}
.navbar-nav {margin: 0.5px 10px!important;}
.navbar-nav {width: 100%;!important}

.nav > li {
    position: relative;
    display: block;
    border-bottom:1px solid #F7B4B2;
}

.navbar-toggle{margin-right: 0px!IMPORTANT;}


.flexslider .slides img {display: block; }


.inner-page { width: 100%;padding: 0px 0 0 0;}
	.wrap{width:100%; padding-left:3rem !important; }
	.single-product5-left {width:100%; float: left;}
	.single-product5 h2 { width: 100%; text-align: left; font-size:25px; color: #fff; border-bottom: none; padding-bottom: 0px; padding-top:0px;margin-top: 0px;}
	.single-product5-left img { width:100%; }
	.single-product6-right { width:100%; float: left;}
	.single-product6 h2{text-align:left; font-size:25px; color: #fff; border-bottom: none; padding-bottom:0px; padding-top:10px;}	
	.single-product6-right img {width:100%;}	
	.light-left {width: 100%;}
	.light-right {width: 100%; float: left;}
	.content-wrap {width: 100%; float: left; padding-top: 50px;}
	.content-wrap-center {width:100%; float: left; text-align: center;}
	.content-wrap-center img { width: 100%; text-align: center;}
	.content-wrap-right { width: 100%; float: right; padding-top: 40px;}

	ul.garden li {width: 45%;     min-height: 305px;}
	.image-block_5 {width: 100%;}
	.image-block_5 img{width:93%;	}
	.reveal-modal {left: 0; width: 96%;}
	.right-block {width: 100%; position: relative; float: left;}
	
	.col-sm-6 {width: 50%; float:left;}
	ul.list li {  width: 45%;}
	.tab_content ul {width: 100%!important; float: left; margin-top: 20px; padding-bottom: 20px; padding: 5px 0!IMPORTANT;}
	.tab_content img{width:100%;}
	
	.wrap, .footer-wrap {
    padding-left:0px !important;
    padding-right: 3rem !important;
}
.footer-wrap .box ul.footer-list li {
    color: #000000;
    list-style: none;
    padding: 5px 8px!important;
}
	
	
	.col-lg-2{width:30%; float:left; padding:0!important;}
.row {
     margin-right:0!important; }
	
	
	}


/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.slideshow-container, #index-slider { width:100%; height: auto; }
.slideshow-container .section-title { float: left; width: 260px; }
.slideshow-container .section-title h1 { font: bold 20px/25px Helvetica,Arial,sans-serif; }
.flex-caption, .pagination { display:none; }

.site-header{
	position:static; 
	!!height: 148px;
    z-index: 99;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding:20px 0 0px 0;
    border-bottom: 1px solid #CCCCCC;
}

.footer-wrap .box {width: 90%; float: left; margin-right: 0%; }
	
	.main-navigation {     margin-top: -116px; height: 48px;}
	.wrap{ padding-right: 0rem !important;}
	.container {padding-right:15px!important; padding-left: 0px!important;}
	.navbar-nav {width: 100%;!important}
	.navbar-nav {margin: 0.5px 10px!important;}
	.nav > li {position: relative; display: block; border-bottom:3px solid #ED1B12;}
	
	.dropdown-menu .divider {
    height: 3px!important;
    margin: 9px 0;
    overflow: hidden;
    background-color: #ED1B12!important;
}

.flexslider .slides img {display: block; }

	.inner-page { width: 100%;padding: 0px 0 0 0;}
	.wrap{width:100%; padding-left: 3rem !important;}
	.single-product5-left {width:100%; float: left;}
	.single-product5 h2 { width: 100%; text-align: left; font-size:25px; color: #fff; border-bottom: none; padding-bottom: 0px; padding-top:0px;margin-top: 0px;}
	.single-product5-left img { width:100%; }
	.single-product6-right { width:100%; float: left;}
	.single-product6 h2{text-align:left; font-size:25px; color: #fff; border-bottom: none; padding-bottom:0px; padding-top:10px;}	
	.single-product6-right img {width:100%;}	
	.light-left {width: 100%;}
	.light-right {width: 100%; float: left;}
	.content-wrap {width: 100%; float: left; padding-top: 50px;}
	.content-wrap-center {width:100%; float: left; text-align: center;}
	.content-wrap-center img { width: 100%; text-align: center;}
	.content-wrap-right { width: 100%; float: right; padding-top: 40px;}

	ul.garden li { width: 93%; float:left;}
	.image-block_5 {width: 100%;	}
	.image-block_5 img{width:93%;	}
	.reveal-modal {left: 0; width: 96%;}
	.right-block {width: 100%; position: relative; float: left;}

.col-sm-6 {width: 50%; float:left; padding-right: 0px;}
.col-sm-6 .h3 {font-size:18px; padding: 10px 10px; margin-bottom: 0px;}
ul.list li { width: 100%;}
.tab_content ul {width: 100%!important; float: left; margin-top: 20px; padding-bottom: 20px; padding: 5px 0!IMPORTANT;}
.tab_content img {width:100%;}

.wrap, .footer-wrap {
    padding-left:3px !important;
    padding-right: 0rem !important;
}
.navbar-default .navbar-brand {
    color: #fff;
    margin-top: -16px;
}
.footer-wrap .box {width: 100%; float: left; margin-right: 0%; text-align: center;}
.footer-wrap .box .footer-logo {height:175px;}
.mailing {width:98%;}
.footer-wrap .box ul.footer-list li {
    color: #000000;
    list-style: none;
    padding: 5px 8px!important;
}
ul.social-media {width: 68%; margin: 0 auto;}

ul.social-network { float: left;     margin-left: 23px!important;}
.col-lg-2{/*width: 100px; */float: left; padding-right: 0!important; padding-left: 0!important;} 

.col-md-3{width: 70%; float: left;}

.row {margin-right:0px;}

.navbar-brand {padding:0!important; width:186px!important; height:74px!important; line-height: 20px;  background-size: 95%;}

.phone-info {
    /* float: left; */
    margin-left: 30px;
    margin-top: -52px;
}

.tab_content {overflow-x: scroll;}

}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 220px) and (max-width: 319px) {
.slideshow-container, #index-slider { width:100%; height: auto; }
.slideshow-container .section-title { float: left; width: 260px; }
.slideshow-container .section-title h1 { font: bold 20px/25px Helvetica,Arial,sans-serif; }
.flex-caption, .flex-caption .pagination { display:none; }

.site-header{
position:static;
/*height:85px;*/
    z-index: 99;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding:17px 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
}

.phone-info {
    float: left;
    margin-left: 30px;
}

.footer-wrap .box {width:100%; float: left; margin-right: 0%; text-align:center;}
ul.social-media {width: 73%; margin: 0 auto;}

.main-navigation {height: 48px; margin-top: -44px;
}
.wrap{ padding-right: 1rem !important;}
/*.container {padding-right: 0px!important;}*/
	
	.navbar-nav {margin: 0.5px 10px!important;}
	.nav > li {
    position: relative;
    display: block;
    border-bottom:1px solid #F7B4B2;
}
	.navbar-nav {width: 100%!important;}
	.flexslider .slides img {display: block; }
	
	.inner-page { width: 100%;padding: 0px 0 0 0;}
	.wrap{width:100%; padding-left:1rem !important;}
	.container {padding-right: 15px;padding-left:0px!important;}
	.single-product5-left {width:100%; float: left;}
	.single-product5 h2 { width: 100%; text-align: left; font-size:25px; color: #fff; border-bottom: none; padding-bottom: 0px; padding-top:0px;margin-top: 0px;}
	.single-product5-left img { width:100%; }
	.single-product6-right { width:100%; float: left;}
	.single-product6 h2{text-align:left; font-size:25px; color: #fff; border-bottom: none; padding-bottom:0px; padding-top:10px;}	
	.single-product6-right img {width:100%;}	
	.light-left {width: 100%;}
	.light-right {width: 100%; float: left;}
	.content-wrap {width: 100%; float: left; padding-top: 50px;}
	.content-wrap-center {width:100%; float: left; text-align: center;}
	.content-wrap-center img { width: 100%; text-align: center;}
	.content-wrap-right { width: 100%; float: right; padding-top: 40px;}
	
	ul.garden li { width: 93%; float:left;}
	.image-block_5 {width: 100%;	}
	.image-block_5 img{width:93%;	}
	.reveal-modal {left: 0; width: 96%;}
	.right-block {width: 100%; position: relative; float: left;}
	
	.contact-left {width:100%; float: left;}
	.contact-right {width: 83%; float: left;}
	.contact-form ul li input {width: 98%;}
	.tele ul li.mail {
    background: url(../images/mail.png) left no-repeat;
    float: left;
    width: 100%; font-size:12px;
    padding-left: 22px;
}

.tele ul li.location {
    background: url(../images/location.png) left no-repeat;
    float: left;
    width: 100%;
    padding-left: 22px;
}
.tele ul li.whatsapp {
    background: url(../images/whatsapp.png) left no-repeat;
    float: left;
    width: 100%;
    padding-left: 22px;
}

.tele ul li.phone {
    background: url(../images/telephone.png) left no-repeat;
    float: left;
    width: 100%;
    padding-left: 22px;
}
	.tele ul li.mobile {
    background: url(../images/mobile-icon.png) left no-repeat;
    float: left;
    width:100%;
    padding-left: 22px;
}



.col-sm-6 {width: 50%; float:left; padding-right: 0px!important;}
.col-sm-6 .h3 {font-size:15px; padding: 5px 10px; margin-bottom: 0px;}

ul.list li { width: 100%;}

.tab_content ul {width: 100%!important; float: left; margin-top: 20px; padding-bottom: 20px; padding: 5px 0!IMPORTANT;}
.tab_content img{width:100%;}

.footer-wrap {
    padding-left:0px !important;
    padding-right: 3rem !important;
}

.footer-wrap .box ul.footer-list li {
    color: #000000;
    list-style: none;
    padding: 5px 8px!important;
}

.navbar-default .navbar-brand {
color: #777;
    background: url(../images/smart-home-logo.svg) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    width: 200px;
    height: 111px;
	    display: initial;
    margin-top: -13px;
    margin-left: 15px;
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 28px 0 0px 30px;
    float: left;
    position: relative;
    margin-bottom: 0px;
    z-index: 99999999999!important;
}
.phone-info {
    float: left;
    margin-left: 30px;
}


	.tab_content {overflow-x: scroll;}

}