@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1024px) {
body, #Top-container .container {
	width: 100%;
}
#Top-Header {
	background-size: 200px;
}
.logo {
	width: 28%;
	margin-left: 0;
}
.main-menu{
	width:72%;
	position:relative;
	right:0;
}
.logo-right{
	margin-top:3px;
}
.mobile-menu{
	display:block;
	   margin-right: 170px;
    margin-top: -25px;
}
.mobile-menu .separator{
	padding:7px 10px 3px;
}
.maxidrop-main .floatck{
	margin:-37px 0 0 -101% !important;
}
div#maximenu-mobile ul.maximenuck li.level1.parent li.parent > a:after, div#maximenu-mobile ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenu-mobile ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after, div#maximenu-mobile ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after{
	display:none;
}
.logo-right img{
	width:90%;
}
.logo-right p{
	font-size:12px;
}
.desktop-menu{
	display:none;
}
.top-header {
	width: 100%;
}
.unite-carousel-wrapper {
	width: 87.2% !important;
}
#Footer-top {
	padding: 63px 0px 70px 0px;
}
.footer-social {
	width: 13%;
}
.website, .text-main {
	width: 98%;
}
.about-inner-banner, .contact-inner-banner, .career-inner-banner, .md-message-inner-banner, .partners-inner-banner, .quality-inner-banner, .what-we-do-inner-banner, .mission-vision-inner-banner, .Structure-Cabling-inner-banner, .Smart-Solutions-inner-banner, .Intercom-inner-banner, .Intelligent-car-park-inner-banner, .Gallery-inner-banner, .CCTV-Surveillance-inner-banner, .Audio-Visual-Systems-inner-banner, .Access-Contro-inner-banner, .Building-automation-inner-banner, .elv-inner-banner {
	height: 196px;
}
#Bread-crumb {
	margin-top: -120px;
}
iframe {
	height: 500px !important;
}
.contact-form fieldset {
	width: 85%;
}
.visCSSinput{
	width:95%;
}
/*
.slideshowck, .slideshowck img {
	width: 100% !important;
	margin: 0 auto !important;
	height: 394px !important;
} */
.text-main, .footer-container{
	width:100%;
}
.website{
	margin:0 auto;
}
.group-img{
	width:25%;
}
.group-des{
	width:72%;
}
.left-con-img{
	width:30%;
}
.left-con-text{
	width:67%;
}
.right-cont{
	margin:0 auto;
	float:none;
}
.org-flow-chart{
	width:100%;
}
#Side-Bar .text-main #Side-bar li{
	padding-left:30px;
}
.all-products div.all-products-pro6, .all-products div.all-products-pro11{
	margin-left:0px;
	margin-right:20px !important;
}
.all-products div.all-products-pro12{
	margin-left:0px;
}
.all-services img{
	width:31%;
	margin:1%;
}
.main-menu li a, .separator{
	display:block;
}
.awards-div{
	margin-left:0;
}
.welfare-div div.marginleft-300{
	margin-left:0px;
}
}
@media only screen and (max-width: 768px) {
	.logo{
		width:40%;
	}
	.main-menu{
		width:60%;
	}
	.desktop-home-banner{
		display:none !important;
	}
	.mobile-home-banner{
		display:block !important;
	}
	#Flash-news{
		position:relative;
		  margin-top: -62%;
	}
	#Side-menu{
		margin:0 auto;
		width:90%;
		float:none;
	}
	#Side-menu .side-menu-right{
		float:left;
		
	}
	.side-menu-left, .side-menu-right{
		width:50%;
	}
	.side-menu-right li, .side-menu-left li{
		background:#fff;
		border:1px solid #ddd;
		margin:5% 3%;
	}
	.side-menu-left li:hover, .side-menu-right li:hover{
		background:#ff9933;
		transition:all .5s;
	}
	.footer-contact{
		width:100%;
	}
	.group-des{
		width:70%;
	}
	.group-des p{
		margin-top:10%;
	}
	.group1{
		width:94%;
	}
	#Side-Bar .text-main .content{
		width:95%;
		float:none;
		margin:0 auto;
	}
	#Side-Bar .text-main #Side-bar{
		width:35%;
		float:none;
		margin:0 auto;
		margin-top:2%;
		clear:both;
	}
	#Side-Bar .text-main #Side-bar li{
		background-color:#005CA2;
		width:88.5%;
		padding-left:11.5%;
	}
	#Footer-container{
		margin-top:2%;
	}
	#Side-Bar .text-main #Side-bar li.active li{
		background-color:#117805;
	}
	.awards-div .camera_command_wrap{
		position:relative;
		right:auto;
	}
	.camera_thumbs_cont ul li > img{
		width:55px !important; 
		height:auto !important;
	}
	.awards-div .camera_thumbs_cont ul{
		width:95% !important;
	}
	.awards-div{
		margin-bottom:50px !important;
	}
	.side-menu-right li a img{
		float:left;
	}
	.side-menu-right li{
	padding:30px 75px 30px 0;
	}
	.side-menu-right a span.menu2 img{
		margin:-15px 25px 0 20px;
	}
.side-menu-right li.art1 {
    padding: 42px 60px 42px 10px;
}

}
@media only screen and (max-width: 667px) {
	.side-menu-right li.art1 {
    padding: 42px 60px 42px 10px;
}
	.logo, .main-menu{
		width:50%;
	}
	.main-menu {
		margin-top:50px;
	}
	.logo-right{
		margin-top:10px;
	}
	#Side-menu{
		width:97%;
	}
	.left-con-text{
		width:65%;
	}
	.infra-div div{
		width:30%;
	}
	#Side-Bar .text-main #Side-bar{
		width:50%;
	}
	.website{
		text-align:center;
	}
	.web{
		float:none;
	}
		iframe{
		height:260px !important;
	}
	.contact, .contact-form{
		width:100%;
	}
	.group-img{
		width:30%;
	}
	.group-des{
		width:65%;
	}
	#Side-Bar .text-main .content{
		width:98%;
	}
	.content-top-menu li{
		margin-right:10px;
	}
}

@media only screen and (max-width: 640px) {
	.side-menu-right li.art1{
		padding:42px 50px 42px 10px;
	}
}

@media only screen and (max-width: 480px) {
	#Flash-news{
		margin-top:-52%;
	}
	.main-menu{
		margin-top:40px;
	}
	.side-menu-left, #Side-menu .side-menu-right{
		width:65%;
		float:none;
		margin:0 auto;
	}
	.foot11, .foot12, .foot13{
		width:60%;
		float:none;
		margin:0 auto;
	}
.group-img{
	width:60%;
	float:none;
	margin:0 auto;
}
.group-des{
	width:99%;
	
}
.left-con-img{
	width:50%;
	float:none;
	margin:0 auto;
}
.left-con-text{
	width:99%;
}
.infra-div div{
	width:47%;
	margin:1%;
}
#Side-Bar .text-main #Side-bar{
	width:70%;
}
.all-products div{
	width:45%;
}
.all-products div.all-products-pro1, .all-products-pro7{
	margin-left:10px !important;
}
.all-products div.all-products-pro6, .all-products div.all-products-pro11, .all-products div.all-products-pro12{
	margin:10px !important;
}
.all-services img{
	width:30%;
}
.sub-pages div{
	width:47%;
	  clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
}
.sub-pages div img{
	width:100%;
}
.all-services.sub-pro div{
	width:33%;
}
.awards-div{
	width:100% !important;
	height:750px !important
}
.awards-div .camera_wrap img{
	margin-top:0px !important;
}
.awards-div .camera_fakehover{
	height:670px
}
.welfare-div div{
	width:47%;
	margin:1%;
}
.welfare-div div.marginleft-300{
	margin:1%;
}
.camera_wrap{
	height:250px !important;
}
.camera_wrap img{
	height:auto !important;
	margin:0px !important;
	width:100% !important;
}
.content-top-menu li{
	margin-right:2px;
	padding-bottom:2px;
}
.content{
	padding:10px 0px;
}
.content-top-menu li a{
	padding:5px 15px;
}
.logo-right img{
	width:85%;
}
.logo-right{
	margin-top:5px;
	width:140px;
}
.logo-right p{
	font-size:10px;
}
}

@media only screen and (max-width: 379px) {
	.logo{
		width:90%;
		margin:0 auto;
		float:none;
		margin-bottom:10px;
	}
	#Top-container{
		padding-bottom:10px;
	}
	.logo-right{
		margin-top:-10px;
		right:5%;
	}
	.main-menu{
		margin:20px 0px 10px 0px;
		left:-36%;
	}
	.mobile-menu .separator{
		padding:5px 5px 0px;
	}
	.maxidrop-main .floatck{
		margin:-37px 0 0 85% !important;
	}
	#Flash-news{
		margin-top:-51%;
	}
	.side-menu-left, #Side-menu .side-menu-right{
		width:95%;
	}
	.foot11, .foot12, .foot13{
		width:80%;
	}
	.group1, .left-cont{
		width:93%;
	}
	.left-con-img{
		width:60%;
	}
	#Side-Bar .text-main #Side-bar{
		width:80%;
	}
	.all-products div, .all-products div.all-products-pro1, .all-products-pro7, .all-products div.all-products-pro6, .all-products div.all-products-pro11, .all-products div.all-products-pro12{
		width:54%;
		margin:0 auto !important;
		float:none;
		margin-bottom:1% !important;
}
.partner-logo img{
	width:30%;
	padding:1%;
	margin:0px;
}
.sub-pages div{
	width:70%;
}
.all-services.sub-pro div{
	width:50%;
}
.awards-div .camera_fakehover{
	height:530px;
}
.camera_wrap{
	height:190px !important;
}
}

@media only screen and (max-width: 360px) {
	.logo{
		width:100%;
	}
	#Flash-news{
		margin-top:-53%;
	}
	.logo-right{
		right:0;
	}
	.content-top-menu li{
		width:90%;
	}
	.content-top-menu li a{
		width:100%;
	}
	.content-top-menu li.item-263 a .image-title, .content-top-menu li.item-264 a .image-title, .content-top-menu li a .image-title{
		width:auto;
		margin-left:10px;
		margin-top:10px;
	}
}

@media only screen and (max-width: 320px) {
	.main-menu{
	left:-32%;
	}
	.side-menu-left, #Side-menu .side-menu-right{
		width:100%;
	}
	#Side-Bar .text-main #Side-bar{
		width:90%;
	}
	.maxidrop-main .floatck{
		margin:-37px 0 0 70% !important;
	}
	.cont-left{
		width:100%;
	}
	#Flash-news{
		margin-top:-61%;
	}
}