@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700,700italic,800,800italic);
/* Add additional stylesheets below
-------------------------------------------------- */

/* Body and structure
-------------------------------------------------- */
body,
html {
   /* width: 100%;
    height: 100%;*/
}
body{line-height:1.5em;font-weight:normal;font-size:14px;color:#626366;font-family: 'Open Sans', sans-serif;}
/* Body End
-------------------------------------------------- */
#page{width:100%;overflow:hidden;display:block;}
/* Header-Start
---------------------------------------------------*/
#header{width:100%;padding-top:91px;display:inline-block;}
.h1, h1{font-size: 20px;}
img{max-width:100%;height:auto;width:auto;}
/* Header-End
---------------------------------------------------*/

/* navbar-Start
---------------------------------------------------*/
.navbar {width:100%;position:relative;z-index:100;margin-bottom:48px;}
.navbar ul{width:100%;margin:0;text-align:center;margin-top:20px;}
.navbar ul li{line-height:26px;font-size:15px;padding:0 15px;letter-spacing:2px;}
.navbar ul li a{display:block;padding:0;line-height:26px;text-decoration:none;font-weight:normal;}
.navbar ul li.active a{font-weight:600;}
.navbar ul li:first-child{padding-left:0;}
/* navbar-End
---------------------------------------------------*/

/* Content-Start
---------------------------------------------------*/
#content{width:100%;display:inline-block;}
#content h2{margin:-5px 0 15px 0;}
#content .owl-controls{display:none;}
#content .architecture{/*width:140%;*/ width:140%;display:inline-block;}
#content .architecture  h3 a{color:#626366;text-decoration:none;font-size:11px;line-height:18px;font-weight:normal;margin-bottom:0px;display:inline-block;}
#content .architecture .img{width:100%;display:block;}
#content .architecture .img img{width:100%; height:155px; }
#content .architecture h3{font-size:11px;margin:0;line-height:1.2em;width:100%;display:inline-block;margin-bottom:15px;}
#content .architecture h3 a:hover{color:#8CC63F;text-decoration:underline;}
#content .gallery-arrow-left{display:none !important;}
#content .gallery-arrow-right{display:none !important;}

.architecture{ /*overflow-x:auto;*/}
.architecture .big-demo{ width: 100%; /*overflow-y: hidden;*/}
.img-gallery{width:auto;}
.img-gallery .img-box{width:25%; float:left;}
.home{position:relative;}
.home .back-link{position:absolute; left:0; bottom:0; color: #626366;line-height: 20px;}
.home .back-link img{margin-right:5px;}
#content .architecture.imageRight .col { display: inline-block; float: left; width: 230px; }
#content .architecture.imageRight .img-col { display: inline-block; float: left;}
#content .architecture.imageRight .img-col .grid-item { padding-right:25px; width:100%; height:auto; }
#content .architecture.imageRight .img-col .grid-item  span { display:block; }


/* Content-End
---------------------------------------------------*/
@media(max-width:1024px){

}

@media(min-width:1001px){
#content .architecture.imageRight .img-responsive{max-width:none;}
#content .architecture.imageRight .img-col { display: table-cell;float:none;}
}
@media (max-width:1000px) {
#content .architecture{width:100% !important;}
#content .architecture.imageRight .col{float:none;vertical-align: top;}
.architecture.imageRight.list .big-demo .grid{text-align:center;}
.bigImg .img-col{width:100%;margin-bottom:15px;}
.bigImg .img-col .grid-item img{max-width:100% !important;width:auto !important;height:auto !important;}
#content .architecture.imageRight .bigImg .img-col .grid-item{padding-left:0;}
.big-demo .grid { margin-left: -45px; }
#content .architecture.imageRight .big-demo .col{width: 49%;}
#content .architecture .big-demo .grid-item{height:auto;width:100%;}
#content .architecture .big-demo .grid-item .img img{height: 270px;width: 100%;}
.big-demo .grid { margin-left:-15px; }
}
@media (max-width:991px){
.navbar ul li{padding:0 7px;}
img{max-width:100%;}
#content .architecture{width:100%;}
.bigImg>.grid>.img-col>.grid-item{padding-left:0;}
.home .back-link{position:static;display:inline-block;margin:10px 0 15px;}
}

@media (max-width:767px){

#header{padding-top:20px;}
.navbar{margin-bottom:30px;}
.navbar-default .navbar-toggle{position:absolute;top:-55px;right:0px;margin-right:0;}
.navbar ul li{line-height:30px;font-size:16px;padding:0;text-align:left;margin-bottom:8px;}
.navbar ul li a{line-height:30px;}
#content .architecture.imageRight .bigImg .img-col .grid-item{padding-right:0;}


/*#content .architecture.imageRight .big-demo .col{width:230px;}
#content .architecture .big-demo .grid-item{height:185px;width:223px;}*/
/*#content .architecture .big-demo .grid-item .img img{height:155px;}*/
/*.big-demo .grid { margin-left:0; }*/

}
@media (max-width:639px){
#content .architecture.imageRight .big-demo .col{width:230px;}
#content .architecture .big-demo .grid-item{height:185px;width:223px;}
#content .architecture .big-demo .grid-item .img img{height:155px;}
.big-demo .grid { margin-left:0; }
}