/* ########## Mobile ########## */

@media screen and (max-width: 769px) {
	#myCarousel.inner .carousel-inner {
		height: 200px
	}
	.inner p.page-title {
		margin-top: 100px;
		font-size: 35px;
	}
	.breadcrumb-container {
		display: none;
	}
	.filter-box {
		display: none;
		margin-top: 10px;
	}
	.filter-show-btn {
		display: block;
		background: #26abe3;
		padding: 10px 0;
		color: #fff;
		font-size:16px;
		border-radius: 3px;
		z-index: 0;
		text-align:center;
	}
	.filter-show-btn:hover {
		background: #08599B;
	}
	.page-content .content-right {
		margin-top: 20px;
	}
	.product-list-container ul li img {
		margin: 0 auto;
		width:100%;
		height:auto;
	}
	.product-list-container ul li h5 {
		text-align: center;
		margin-top: 10px;
		width: auto;
	}
	.product-list-container ul li {
		list-style: none;
		float: none;
		margin: 0 0 0 0;
	}
	.home .latest-news-container h1 {
		text-align: center;
		font-size: 28px;
	}
	.home .latest-news-container .btn-all, .home .choose-a-led-container .btn-all, .home .discover-a-luminaires-container .btn-all, .home .smart-lighting-container .btn-all, .home .project-portfolio-container .btn-all {
		right: 0;
		left: 0;
		margin: 0 auto;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		line-height: 18px;
		position:inherit;
	}
	.home .latest-news-container .btn-all .fa, .home .choose-a-led-container .btn-all .fa, .home .discover-a-luminaires-container .btn-all .fa {
		  line-height: 10px;
	}
	.home .latest-news-container .date {
		font-size: 24px;
	}
	.home .latest-news-container .table-cell {
		vertical-align: top;
	}
	.home .choose-a-led-container {
		margin-bottom: 0px;
	}
	.home .choose-a-led-container .bg .container .row, .home .discover-a-luminaires-container .bg .container .row{
		padding-bottom: 20px;
	}
	.home .choose-a-led-container .bg .container .row > .col-xs-12, .home .discover-a-luminaires-container .bg .container .row > .col-xs-12{
		padding-right: 0px;
  		padding-left: 0px;
	}
	.home .choose-a-led-container h1>a {
		color: #fff;
		font-size: 28px;
	}
	.home .choose-a-led-container h5 {
		font-size: 18px;
	}
	/*.home .choose-a-led-container .btn-all {
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}*/
	.home .discover-a-luminaires-container {
		background: #ccc;
		margin-bottom: 0;
	}
	.home .discover-a-luminaires-container h1 {
		font-size: 28px;
		text-align: center;
	}
	.home .discover-a-luminaires-container #carousel-discover-a-luminaires {
		margin: 0 0 0 0;
		padding: 5px 40px;
	}
	.home .discover-a-luminaires-container #carousel-discover-a-luminaires .item>.row>.col-xs-12.col-sm-12.col-md-3 {
		margin-bottom: 20px;
	}
	.home .smart-lighting-container {
		height: auto;
	}
	.home .smart-lighting-container .bg {
		background: transparent;
	}
	.home .smart-lighting-container .bg .bg-img {
		display: none;
	}
	.home .smart-lighting-container .container {
		padding: 0;
	}
	.home .smart-lighting-container .container h1 {
		color: #004582;
		font-size: 28px;
		text-align: center;
		margin: 22px 0 10px 0;
	}
	.home .smart-lighting-container .container .smart-lighting-content {
		display: none;
	}
	/*.home .smart-lighting-container .container .btn-read-more {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 65%;
	}*/
	.home .smart-lighting-container .container .btn-read-more a {
		font-size: 18px;
	}
	.home .smart-lighting-container .container .btn-read-more .fa.fa-caret-right {
		display: none;
	}
	.home .smart-lighting-container .container .img-01 {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		text-align: center;
	}
	.home .smart-lighting-container .container .img-01 img {
		width: 75%;
	}
	.destop {
		display: none;
	}
	.home .project-portfolio-container .row.mobile {
		text-align: center;
	}
	.home .project-portfolio-container .row.mobile img {
		width: 100%;
	}
	.home .project-portfolio-container {
		height: auto;
	}
	.home .project-portfolio-container h1 {
		font-size: 28px;
	}
	.home .project-portfolio-container .row.mobile h3 {
		color: #fff;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.home .project-portfolio-container .row.mobile .btn-all {
		margin-bottom: 20px;
		
		background: #58585a;
	}
	.home .product-catalogue-container {
		height: auto;
	}
	.home .product-catalogue-container .bg {
		background: #fff;
	}
	.home .product-catalogue-container h1 {
		color: #004c8b;
		font-size: 28px;
		text-align: center;
		  margin: 20px 0px 0px 0px;
	}
	.home .product-catalogue-container .col-xs-12.col-md-6 {
		border-bottom: 1px solid #333;
	}
	.home .product-catalogue-container .catalogue-item br {
		display: none;
	}
	.home .product-catalogue-container .catalogue-item .img-01 {
		position: relative;
		bottom: 0;
		left: 0;
		text-align: center;
	}
	.home .product-catalogue-container .btn-all.pull-right {
		display: none;
	}
	.search .search-img {
		margin-bottom: 20px;
	}
	.search .search-result {
		text-align:center;
	}
	
	/* footer mobile version css */
	.footer .container {
		text-align: center;
	}
	.footer .container .col-xs-12.col-md-6.text-left {
		text-align: center;
	}
	.footer .container .col-xs-12.col-md-6.text-right .btn-top.pull-right {
		display: none;
	}
	.footer .container .row.table-wrap .col-md-12.text-left.table-cell {
		text-align: center;
	}
	.footer .container .row .col-md-12.text-left {
		text-align: center;
	}
	/* footer mobile version css */
    
    .page-content.product .container {
        margin-bottom: 0px;
    }
    .page-content.product .row-1 .left, .page-content.product .row-1 .right {
        width: 100%;
        margin-bottom: 20px;
    }
    .page-content.product .row-2 .left, .page-content.product .row-2 .right {
        width: 100%;
        margin-bottom: 20px;
    }
    .page-content.product .row-2 .center {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
	.carousel-product-container-blue .carousel, .carousel-product-container-white .carousel {
		padding: 0px 40px;
	}
	#btn-download-project .download-doc-icon{
		width:auto!important;
	}
}
@media screen and (min-width: 769px) {
	.page-content.product-list-2 .row > .col-md-4{
		width:36.3%;
	}
	.page-content.product-list-2 .row > .col-md-8{
		width:63.666667%;
	}
	.page-content.product-list-2 .product-list-container-3 .row .col-md-4 {
		width: 33.33333333%;
	}
	
}
@media screen and (max-width: 769px) {
	.mobile-hidden {
		display: none;
	}
	.mobile-show {
		display: block;
	}
	.quality .row, .environment-and-sustainability .row, .sustainability-report .row, .charity_trust_fund .row, .awards .row, .green_room .row, .lighting_design .row, .document_library .row, .design_retail .row {
		margin-right: -15px;
		margin-left: -15px;
	}
	.page-description {
		margin: 0;
	}
	.page-content img{
		width: auto;
		max-width: 100%;
	}
	.page-content.resources  .row {
		margin-bottom: 40px;
	}
	.page-content.resources  .row.green img, .page-content.resources  .row.blue img, .page-content.resources  .row.gray img {
		margin-bottom: 15px;
	}
	.page-content.resources  .row.green h2, .page-content.resources  .row.blue h2, .page-content.resources  .row.gray h2 {
		padding: 10px 15px;
		width: 80%;
	}
	.design_retail .row.col-content {
		margin-right: 0px;
		margin-left: 0px;
	}
	.design_retail .A1-img {
		margin: 20px 40px;
	}
	.design_retail .A2-img {
		margin: 20px 40px;
	}
	.energy-saving-calculator .page-description h4 {
		font-size: 21px;
		margin-bottom: 5px;
	}
	.energy-saving-calculator table#calculator td {
		padding:2px 3px; !important;
	}
	.energy-saving-calculator #calculator select {
		margin:0 !important;
		width: 100% !important;
	}
	.energy-saving-calculator #calculator input {
		margin:0 !important;
		width: 100% !important;
	}
	.energy-saving-calculator #calculator .btn-bar .btn-group .btn {
		margin-bottom: 5px;
	}
	.page-content.resources_detail .catalogues-item {
		margin-bottom: 20px;
		box-shadow: 4px 4px 4px #B4B4B4;
		padding: 10px 5px;
	}
	.page-content.resources_detail .catalogues-item img {
		border: 0px !important;
	}
	.page-content.resources_detail .software-item {
		margin-top: 20px;
	}
	.page-content.resources_detail .download-item {
		height:auto;
	}
	.resources_detail .download-item .btn {
		float: left;
		margin: 5px 0px 15px 0px;
	}
	.resources_detail .user-guides .show-user-guide-btn {
		margin-top:0;
		padding-top: 7px;
	}
	.resources_detail .user-guides h2 {
		margin-bottom: 0px;
		font-size: 16px;
	}
	.design_retail .retail-shop-popupbox .popup-close-btn {
		display: block;
		position: absolute;
		right: 30px;
		top: 30px;
		font-size: 20px;
	}
	.design_retail .retail-shop-img {
		margin-top:40px;
	}
	.design_retail .retail-shop-img .retail-shop-btn {
		margin-top: 45px;
	}
	.design_retail .retail-shop-popupbox {
		 height: 339px;
		 width: 100%;
		 padding: 73px 30px;
		 background: rgba(255, 255, 255, 0.8);
	}
	.design_retail #popupbox1 {
		top:0;
		left:0;
	}
	.design_retail #popupbox2 {
		top:0;
		left:0;
	}
	.design_retail #popupbox3 {
		top:0;
		left:0;
	}
	.design_retail #popupbox4 {
		top:0;
		left:0;
	}
	.padding-right-4em {
		padding-right: 0;
		padding-left: 0;
	}
	.padding-left-4em {
		padding-left: 0;
	}
	.technology.colour .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.top-news .filter-by-container-right .panel-body button.btn.btn-default {
		padding-right: 38px;
    	width: 150px;
	}
	.top-news .filter-by-container-right .panel-body button.btn.btn-default img {
		margin-right: 41px;
	}
	.filter-by-container-right .panel.panel-default .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.filter-by-container-right {
		margin-top: 20px;
	}
	.filter-expansion {
		display: block;
		float:right;
		margin-right: 20px;
		font-size: 20px;
		font-weight: bold;
		margin-top: 3px;
	}
	.filter-by-container-right .panel-body.form-group {
		display: none;
	}
	.page-content.top-news .full-row-2 .col-left .col-col-left img {
		max-height: 100%;
	}
	.previous-events .col-xs-12.col-md-3.col-md-offset-6.right {
		text-align: left;
		float: left;
		margin-top: 10px;
	}
	.page-content.news .type-description {
		height: auto;
	}
	.page-content.news .row>div, .page-content.news .row>div>div {
		padding-right: 0;
	}
	.page-content.news .color-1 .type-description > .col-xs-12 > .col-xs-12 {
		padding-right: 0;
	}
	.page-content.news .title {
		width: 100%;
		height: auto;
		padding: 5px 10px;
		text-align: left;
		font-size: 24px;
	}
	.page-content.news .description {
		padding: 20px 10px;
	}
	.page-content.news .mobile-btn-all a {
		right: 15px;
		color: #00ADEF;
		font-size: 16px;
		margin-right: 30px;
	}
	.page-content.news .mobile-btn-all {
		text-align: right;
		padding: 15px 0;
	}
	.page-content.news .type-recently > .left > .left, .page-content.news .type-recently > .right > .left {
		width: 100%;
		text-align:center;
		margin: 0;
	}
	.page-content.news .type-recently > .left, .page-content.news .type-recently > .right {
		border:0;
		border-bottom: 1px solid #CCCCCC;
	}
	.page-content.news .type-recently > .left, .page-content.news .type-recently > .right {
		padding: 20px 0px 10px 0px;
	}
	.page-content.news .type-recently > .right > .left {
		margin:0;
	}
	.page-content.news .type-recently > .left img, .page-content.news .type-recently > .right img {
		width: auto;
		height: auto;
	}
	.page-content.news .type-recently > .left > .right, .page-content.news .type-recently > .right > .right {
		height:auto;
		padding: 20px 0px;
	}
	.award-box {
		text-align: center;
	}
	.award-box img {
		margin: 0 auto;
	}
	.row.short-cut-container {
		margin-right: -15px;
    	margin-left: -15px;
	}
	.row.short-cut-container li, .row.short-cut-container-2 li {
		width: 45%;
		float: left;
		height: auto;
	}
	.row.short-cut-container li:nth-child(odd), .row.short-cut-container-2 li:nth-child(odd) {
		margin-right: 5%
	}
	.row.short-cut-container li:nth-child(even), .row.short-cut-container-2 li:nth-child(even) {
		margin-left: 5%
	}
	.home .product-catalogue-container .mobile-btn-all {
		text-align: -webkit-center;
		padding: 10px 0px;
		width: 75%;
		margin: 0 auto;
		background: #004c8b;
		color: #fff;
		font-size: 20px;
		margin-top: 20px;
		border-radius: 3px;
		line-height: 18px;
	}
	.home .product-catalogue-container .mobile-btn-all a {
		color: #fff;
	}
	.carousel-product-container-blue .thumbnail img, .carousel-product-container-white .thumbnail img {
		width: auto;
		height: auto;
	}
	.share-container a img {
		width: 35px;
		height: auto;
	}
	.previous-events .col-xs-12.col-md-3.col-md-offset-6.right {
		margin-bottom:15px;
	}
	.carousel-news-videos-container-grid .carousel, .carousel-news-videos-container-white .carousel {
		padding: 0px 30px;
	}
	.carousel-news-videos-container-grid .carousel-inner > .item, .carousel-news-videos-container-white .thumbnail img {
		margin-top: 0;
	}
	.carousel-news-videos-container-grid .carousel, .carousel-news-videos-container-white .carousel {
		height: auto;
	}
	.product-series .pull-left.table-wrap {
		height:15px!important;
	}
	#myCarousel-more-project-mobile .carousel-control.left img, #myCarousel-more-project .carousel-control.right img {
		max-width: 40px;
	}
	#myCarousel-more-project-mobile .carousel-control {
		width: auto;
	}
	#myCarousel-more-project-mobile .carousel-control.left {
		left: -25px;
		top:37%;
	}
	#myCarousel-more-project-mobile .carousel-control.right {
		right: -25px;
		top:37%;
	}
	#myCarousel-more-project-mobile .carousel-inner .item .col-xs-12{
		    padding: 0px 40px;
	}
	.carousel-control.left{
		background-image:linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 0%);
	}
	#myCarousel-more-project-mobile .thumbnail{
		border: 0px;
	}
	.agree-btn .btn {
		margin: 0px 0px 20px 0px;
	}
	.agree-btn {
		margin-top: 15px;
	}
	.how-to-choose-led-lamps .row {
		margin-right: -15px;
    	margin-left: -15px;
	}
	.how-to-choose-led-lamps .section-2 .row div {
		padding: 10px 0;
	}
	.how-to-choose-led-lamps .section-1 .row img {
		height: auto;
		width: 100%;
	}
	.technology .category-obj .img-border-02 {
		padding: 10px;
	}
	.technology .category-obj {
		margin-bottom: 0px !important;
	}
	/*.page-content.technology.colour #rendering .box-shadow-1 {*/
		/*padding: 20px 5px; */
	/*}*/
	.previous-events table {
		/*font-size: 11px;*/
	}
	.previous-events .container .row .col-md-9 > h4 {
		margin-top: 10px !important;
	}
	.carousel-product-container-green-mobile:nth-child(even) {
		background: #37B249;
		color: #fff;
	}
	.carousel-product-container-green-mobile:nth-child(odd) {
		background: #fff;
		color: #4D4E4E;
	}
	.carousel-product-container-green-mobile .thumbnail {
		border: 0;
	}
	.carousel-product-container-green-mobile h5 {
		font-size: 18px;
		text-align: center;
	}
	.carousel-product-container-green-mobile {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.product-list-2.other .product-list-container-2 ul li:nth-child(odd){
		background: #eee;
	}
	.product-list-2.other .product-list-container-2 ul li:nth-child(even){
		background: #fff;
	}
	.iblu .how-it-works .col-xs-12 {
		text-align: center;
	}
	.iblu .container-blue-bg {
		background: #00ADEF;
		color:#fff;
	}
	.iblu .iblu-solution .row,.iblu .product .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.iblu .solution-img {
		margin-top: 0px;
	}
	.iblu iblu-solution {
		margin-bottom: 0px;
	}
	.iblu .product img {
		margin: 0;
	}
	.iblu .product {
		margin: 0;
		height: auto;
	}
	.iblu .product {
		margin-bottom:10px;
	}
	.product-category {
		/*background-size: contain !important;*/
	}
	.product-category.img-product-category-1,
	.product-category.img-product-category-2 {
		height: 410px;
	}
	.product-category.img-product-category-3,
	.product-category.img-product-category-4,
	.product-category.img-product-category-5 {
		height: 450px;
	}
	.mobile-search-box {
		background: #fff;
		padding: 10px;
	}
	.navbar-brand-container {
		margin-bottom: 9px;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.more-projects-item img {
		/*height: 180px*/
		    width: 100%;
	}
	.more-projects-item {
		/*padding: 0 10px;*/
		position: relative;
	}
	.more-projects-item .description {
		/*display: block;*/
		left:inherit;
		bottom:0px;
		    width: 100%;
			display:inherit;
	}
	.product-series .btn-blue-container.table-wrap.pull-left {
		margin-bottom:15px;
	}
	.product-series .related-products-container {
		padding-bottom: 20px;
		border-bottom: 1px #ccc solid;
		margin-bottom: 20px;
	}
	.toTop-btn{
		position: absolute;
		bottom: 80px;
		right: 0px;
		left: 0px;
		text-align:center;
		cursor: pointer;
		display: block;
	}
	.show-page-conatainer {
		margin: 0;
	}
	.user-g {
		margin-bottom: 40px;
	}
	.user-g .row {
		padding-top: 10px;
		padding-bottom: 10px
	}
	#carousel-discover-a-luminaires-mobile {
		padding: 0px 40px;
		margin:0;
	}
	.filter-voltage {
		margin-left: 5px;
		margin-top: 10px;
		color: #0063A1;
		font-size: 16px;
	}
	.search-content {
		text-align: left;
	}
	.product-others .carousel-product-container-blue .carousel {
		height: auto;
	}
	.carousel-news-videos-container-grid .carousel p, .carousel-news-videos-container-white .carousel p {
		margin-bottom: 10px;
	}
	.smart-lighting .row {
		margin: 0 -15px;
	}
	.smart-lighting .border-box {
		text-align: center;
	}
	.smart-lighting .border-box .logo {
		margin: 30px 0;
	}
	.smart-lighting .intro-box {
		padding: 40px 10px 15px 10px;
	}
	.smart-lighting .series-border-box {
		margin-top:20px;
	}
	.demo-videos .row {
		margin: 0 -15px;
	}
	.demo-videos .demo-video-right {
		margin-left: 0;
		text-align: left;
	}
	.demo-videos .demo-video-right p {
		margin: 10px 0px;
	}
	.iblu .tech-spec {
		margin:0;
	}
	.dialux .software-sub-item .software-sub-title .pull-right {
		float: none !important;
	}
	.dialux .software-sub-item .software-sub-title .btn {
		margin: 10px 0;
	}
	.product-catalogue-container .left .catalogue-item, .product-catalogue-container .right .catalogue-item {
		padding: 10px 20px 20px 20px;
	}
	.product-list-container-2 .product {
		padding-bottom: 30px;
		border-bottom: 1px #ccc solid;
	}
	.item.front-page-banner .caption {
		top: 30% !important;
		right: 50% !important;
	}
	.news-details .short-cut-container-right ul {
		padding-left: 0;
	}
	.news-details .right-grey-bg {
		height: 100% !important;
	}
	.btn.btn-default#btn-reset {
		margin-right:0;
	}
	.btn.btn-default#btn-submit {
		margin-bottom: 10px;
	}
	#myCarousel .carousel-control.left {
		display: block;
		left: -10px;
		width: 50px;
		height: 50px;
		background: transparent;
	}
	#myCarousel .carousel-control.right {
		display: block;
		right: -10px;
		width: 50px;
		height: 50px;
		background: transparent;
	}
	.front-page-banner .carousel-caption p.caption {
		margin-left: 30px;
	}
	#indoor .mobile-show>div:nth-child(odd) .bg {
		background: #2AABE2;
	}
	#indoor .mobile-show>div:nth-child(odd) .bg h5, #indoor .mobile-show>div:nth-child(odd) .bg h3 {
		color:#fff;
	}
	#indoor .mobile-show>div:nth-child(even) .bg {
		background: #fff;
	}
	#indoor .mobile-show>div:nth-child(even) .bg h5, #indoor .mobile-show>div:nth-child(even) .bg h3 {
		color:#4E4E4E;
	}
	
	#outdoor .mobile-show>div:nth-child(odd) .bg {
		background: #37B249;
	}
	#outdoor .mobile-show>div:nth-child(odd) .bg h5, #outdoor .mobile-show>div:nth-child(odd) .bg h3 {
		color:#fff;
	}
	#outdoor .mobile-show>div:nth-child(even) .bg {
		background: #fff;
	}
	#outdoor .mobile-show>div:nth-child(even) .bg h5, #outdoor .mobile-show>div:nth-child(even) .bg h3 {
		color:#4E4E4E;
	}
	.suggest-item .col-md-2.col-xs-12 img {
		width: 100%;
		height: auto;
		background: #fff;
	}
	.suggest-item {
		height: auto;
		padding: 10px 5px;
	}
	.zoomImg {
		background: #fff;
		padding:5px;
		box-shadow: 4px 4px 10px #B4B4B4;
		z-index: 1000;
	}
	.how-to-choose-led-lamps .zoomImg {
		max-width: 600px !important;
		height: auto !important;
	}
	img.why-led-icon {
		width: 100px;
	}
	#myCarousel .carousel-control {
		z-index: 1;
	}
	.filter-box .row .col-md-7, .filter-container .row .col-md-7 {
		padding-left: 15px;
	}
	.luminaires .product-list-container ul li img {
		max-width: 182px;
		max-height: 182px;
	}
}