@media (max-width: 1024px) {
	

	
	
	/****************************************/
	
	
	/*.navbar-inverse .navbar-toggle .icon-middle{
		-webkit-transition: all 0.2s linear; 
		transition: all 0.2s linear;
	}
	.navbar-inverse .navbar-toggle .icon-top,
	.navbar-inverse .navbar-toggle .icon-bottom{
		-webkit-transition: all 0.4s ease; 
		transition: all 0.4s ease;
	}
	
	.navbar-toggle.open .icon-middle{
		display:none;
	}
	
	.navbar-toggle.open .icon-top{
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);
		top:7px;
	}
		.navbar-toggle.open .icon-bottom{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg); 
		transform: rotate(-45deg);
		top:-3px;
	}*/
	
	.client-box img{
		width:90%;
	}
	
	.info-bx2{
		min-height: 300px;
	}
	
	
	.client-area{
		width:90%;
		margin-left:5%;
	}
	
	
	.footer .terms-area{
		position:relative;
		left:0px;
		width:100%;
		padding:10px 0;
	}
	
	.copyright{
		text-align:center;
		padding:10px 0;
	}
	
	.design-by{
		text-align:center!important;
		padding:10px 0;
	}
	
	.sec-footer .sitemap{
		width:100%;
	}
	.award-blurb {
		padding-left: 10%;
	}
	.highlightTxt {
		margin-top: 60px;
	}
	

	.global-map .col-md-10.col-md-offset-1{
		margin-left:0px;
		width:100%;
	}
	.mobile-title{
		display:block;
	}
	
	.mobile-title img{
		margin-right:10px;
	}
	
	.global-map{
		display:none;
	}

	.contact-title h2{
		margin:0px;
	}
	
	.map-details{
		display:block;
	}
	
	.close-contact-icon{
		display:none;
	}
	
	.mDetails{
		display:block;
		margin-bottom:60px;
		border-bottom:2px solid rgba(255,255,255,0.5);
		width:100%;
	}
	
	#map-canvas-sg{
		display:none;
	}
	
	#map-canvas-sg-mobile , #map-canvas-hk-mobile,
	#map-canvas-my-mobile, #map-canvas-ph-mobile{
		min-height:300px;
		width:100%;
	}
	
	
	/**********************************/
	.service-cnt h3{
		font-size:15px;
	}
	
	.cloudList2 .info-bx2 {
		min-height: 415px;
		max-height: 415px;
		overflow: hidden;
	}
	
	.diamond img{
		width:80%!important;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px!important;
	}
	
	.minHeight .highlightTxt{
		margin-top:140px;
	}
	
 	
}
@media (max-width: 768px) {

	/************responsive navbar*******************/
	.page-title3{
		color: #00A0E4!important;
		margin-top: 0px;
		font-size: 22px!important;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu>a:focus{
		background:none;
		color:#059;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
		background:none;
		color:#059;
	}

	.searchArea span{
		width:5%;
		float:left;
	}

	.searchArea .searchfield{
		display:block!important;
		position:relative;
		top:15px;
		right:auto;
		min-width:auto;
		width:92%;
		float:left;
	}
	
	.searchArea .search-btn{
		width:5%;
	}
	.searchArea .search-close{
		display:none;
	}
	.searchArea .searchfield:before{
		display:none;
	}
	
	
	
	
	
	.scrollable-menu {
		height: auto;
		max-height: 500px;
		overflow-x: hidden;
		width:100%;
		padding-right:15px;
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
		max-height:none;
	}
    .navbar-header {
        float: none;
		height:90px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	.navbar-inverse .navbar-collapse{
		border-color:#fefefe;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-collapse.collapse.in {
		display: block!important;
	}
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
		height:auto!important;
    }
    .navbar-nav>li {
        float: none;
		height:auto!important;
		border-bottom:1px solid #fff;
		padding:5px 0;
    }
	.navbar-nav>li:last-child{
		border-bottom:none;
	}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		line-height:1.2!important;
		height:auto!important;
		font-size: 1.4em!important;
		padding-left:20px;
    }
	.navbar-toggle {
		margin-top:20px;
		border:none;
		background:none;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
			background:none;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background-color:#00A0E4;
		width: 44px;
		height: 7px;
		position:relative;
		
	}
	
	/***************************************/
	.navbar-toggle .icon-bar {
		width: 22px;
		-webkit-transition: all 0.2s linear; /* Safari */
		transition: all 0.2s linear;
	}
	.navbar-toggle  .icon-top {
		transform: rotate(45deg);
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg);
		transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		-webkit-transform-origin: 10% 10%;
	}
	 .navbar-toggle .icon-middle {
		opacity: 0;
	  }
	.navbar-toggle .icon-bottom {
		transform: rotate(-45deg);
		-webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg);
		transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		-webkit-transform-origin: 10% 90%;
	}

	.navbar-toggle.collapsed .icon-top {
		transform: rotate(0);
		-webkit-transform:rotate(0); 
		-moz-transform:rotate(0);
	  }
	.navbar-toggle.collapsed  .icon-middle {
		opacity: 1;
	  }
	.navbar-toggle.collapsed  .icon-bottom {
		transform: rotate(0);
		-webkit-transform:rotate(0); 
		-moz-transform:rotate(0);
	  }
	  
	  .dropdown-menu.open{
		display: block;
		width: 100%;
		box-shadow: none;
		position:relative;
	}
	
	.dropdown-submenu .dropdown-menu .dropdown-submenu{
		height:auto!important;
		overflow:hidden;
	}
	
	.dropdown-menu > li > a{
		display:inline-block;
	}
	.dropdown-menu .dropdown-menu{
		left:0px!important;
		top:0px!important;
		/*display:none;*/
	}
	
	.dropdown-submenu .dropdown-submenu .toggle-icon{
		/*display:none;*/
	}
	
	
	.dropdown-toggle::after{
		display:none;
	}
	/*
	.dropdown-toggle:after{
		width:47px;
		height:47px;
		font-family: 'Glyphicons Halflings'; 
		content:"\e114";
		position:absolute;
		right:0px;
		top:0px;
		color:#fff;
		background-color:#00A0E4;
		text-align:center;
		line-height:47px;
		font-size:1.5em;
	}*/
	.navbar-nav .open .dropdown-menu{
		position:relative;
	}
	.dropdown-submenu{
		position:relative;
	}
	.toggle-icon {
		width:36px;
		height:36px;
		background-color:#00A0E4;
		position:absolute;
		right:0px;
		top:0px;
		text-align:center;
	}
	.toggle-icon span{
		text-align:center;
		line-height:36px;
		color:#fff;
		font-size:1.3em;
	}
	
	.newNav .submenu-top , .newNav .submenu-bottom{
		position:relative!important;
	}
	 
	.newNav .container{
		height:auto;
	}
	
	.dropdown-menu{
		border:none;
	}
	
	.dropdown-menu > li > a{
		padding-left:0px;
		padding-right:0px;
	}
	
	.newNav .submenu-bottom li a{
		padding-left:0px;
	}
	
	.newNav .searchArea .searchfield{
		width:90%;
		float:left;
	}
	
	.newNav .submenu-bottom li .dropdown-submenu li  {
		padding-left:0px;
		padding-right:0px;
	}
	
	.newNav .submenu-bottom li.dropdown-submenu {
		padding-right: 0px!important;
		padding-left: 20px!important;
	}
	
	.newNav .submenu-bottom li.dropdown-submenu ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li a{
		padding-left:15px!important;
	}
	
	.newNav .submenu-top li a{
		font-weight:300!important;
		
	}
	
	
	
	/*************************************************/


	.paddingright{
		padding-right:0px;
	}
	
	img.pull-right{
		float:none!important;
	}
	
	.offset-right{
		margin-right:0px;
	}
	
	.career-sec h2, .career-sec h1{
		width:90%;
		margin-left:5%;
	}
	
	.minHeight .highlightTxt{
		margin-top: 80px;
	}
	
	.white .carousel-caption p , .white .carousel-caption h2{
		color:#333;
	}
	
	.white .carousel-caption p , .white .carousel-caption h2{
		color:#333;
	}
	
	.respImg-Width{
		width:100%!important;
	}

	/***change above**********/
	/**************************************************************/
	.award-blurb {
		padding-left: 0;
	}
	.highlightTxt {
		margin-top: 0px;
		text-align:center;
	}
	.awards-img{margin-top:40px;}
	.awards-img img{
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
	}
	
	.service-list .col-sm-3{
		width:33.33%!important;
	}
	
	.service-bx{
		margin-bottom:20px;
	}
	
	.subpage .carousel-caption,
	.carousel-caption{
		bottom: 0px;
		top: auto;
		left: 0px;
		right: auto;
		width: 100%;
		padding: 40px 30px 70px!important;
		background-color:rgba(255,255,255,0.5);
		padding-left:10px!important;
		padding-right:10px!important;
	}
	
	.carousel-caption p{
		font-size:20px;
	}
	
	.white .carousel-caption h2, .white .carousel-caption h1{
		color:#333!important;
	}
	
	.white .carousel-caption h2.page-title , .white .carousel-caption h1.page-title , .carousel-caption h2.page-title, .carousel-caption h1.page-title{
		color:#00A0E4!important;
		margin-top:0px;
	}
	
	.white .carousel-caption p{
		color:#333;
	}
	
	.page-title3{
	
	}
	
	.contact-form{
		width:80%;
	}
	
	.fill{
		height:60%;
	}
	
	.subpage .carousel-caption, .carousel-caption{
		position:relative;
	}
	
	.breadcrumb-sec{
		margin-top:20px;
	}
	
	.mobileheader{
		display:block;
	}
	
	.techreadmore{
		padding-top:20px;
		text-align:center;
	}
	
	
	/*****fun page *****/
	.fun-img{
		background-size:100% auto;
		background-position:top center; 
		margin-bottom:310px;
	}
	.fun-img .content-class{
		margin-top:50%!important;
		position: absolute;
		left:0px;
	}
	
	.fun-img .txtShadow{
		text-shadow:none!important;
		color:#333!important;
	}
	.fun-img .content-class .custHead, .fun-img .content-class p{
		color:#333!important;
	}
	
}

@media (max-width: 740px) {
	.scrollable-menu{
		max-height:300px;
	}
	.newNav .submenu-bottom li a , .newNav .submenu-top li a{
		font-size:14px!important;
	}
	
	.cloudList2 .info-bx2 {
		min-height: auto;
		max-height: none;
	}
	
	.carousel-caption h2, .carousel-caption h1{
		font-size:20px;
	}
	.carousel-caption p {
		font-size:14px;
	}
	
	.rStuff img{
		margin-bottom:10px;
	}
	
}

@media (max-width: 420px) {

	.scrollDown{
		display:none!important;
	}
	
	.white .page-title, .page-title{
		font-size:22px!important;
		color:#00A0E4!important;
	}
	
	.newNav .searchArea .searchfield{
		width:85%;
	}
	tbody th , tbody td{
		font-size:13px;
	}

	.searchArea span{
		width:8%;
	}
	
	.page-title{
		font-size:30px;
	}
	
	.section h2, .section h1{
		font-size:32px;
	}
	.contact-form select{
		width:100%;
	}

	.info-bx2{
		min-height:280px;
	}
	
	.heading-txt{
		float: left;
		display: inline-block;
		width: 80%;
	}
	
	.panel-title span{
		float: left;
		display:block;
	}

	.service-cnt h3 {
		font-size:20px;
		line-height:1.5;
	}
	
	.client-box img{
		width:70%;
	}
	.career-sec h2, .career-sec h1{
		width:100%;
		margin-left:0px;
	}
	
	.awards-img img{
		max-width:100%;
		margin-top:0px;
	}
	
	.navbar-brand > img{
		max-width: 210px;
		margin-top:10px;
	}
	
	/***change above**********/
	/**************************************************************/
	
	.service-list .col-sm-3{
		width:100%!important;
	}
	.icon-area{
		max-width:none;
	}
	.map-img{
		margin-top:50px;
	}
	
	.contact-bx{
		margin-bottom:80px;
	}
	.section{
		padding:60px 0;
	}
	
	.sitemap .col-xs-6 {
		display:block;
		min-height:200px;
		text-align:left;
	}
	.sitemap ul li {
		text-align:left;
	}
	li.social-media a{
		margin-left:0px;
	}
	
	.privacy-link , .term-link{
		width:100%!important;
		text-align:center;
	}
	
	.contact-form{
		width:100%;
	}
	
	.fill{
		height:50%;
	}
	.subpage .carousel-caption, .carousel-caption{
		padding:15px!important;
		/*bottom:-80%;*/
	}
	
	.navbar-header{
		height:80px;
	}
	.navbar {
		min-height: 80px;
	}
	
	.carousel{
		margin-top:80px;
	}
	
	.check-list{
		margin-bottom:0px!important;
		margin-top:0px!important;
	}
	
	.compliments-list .stories-bx{
		max-height:none;
		min-height:auto;
		margin-bottom:20px;
	}
	
	.benefit{
		width:100%;
	}
	.diamond{
		width:100%;
	}
	
	.diamond img{
		width:30%!important;
	}	

}


@media (max-width: 360px){
	

	.carousel-caption h2, .carousel-caption h1{
		font-size: 16px;
	}
	
	.carousel-caption p{
		font-size:13px;
	}
	
	
	.fun-img{
		margin-bottom:310px;
	}
	.fun-img .content-class .custHead{
		font-size:37px!important;
	}
	.fun-img .content-class p{
		font-size:22px!important;
	}
	
}

@media (max-width: 321px){
	
	.navbar-nav.nav li a{
		font-size:14px!important;
	}
	
	.toggle-icon{
		width:35px;
		height:35px;
	}
	
	.toggle-icon span{
		line-height:35px;
	}
	
	tbody th , tbody td{
		font-size:9px;
	}
	
	.section h2, .section h1 {
		font-size: 27px;
	}

	.content-class p {
		font-size:13px;
	}
	

	.navbar-brand > img{
		max-width: 180px;
		margin-top: 10px;
	}
	.navbar-nav>li>a{
		padding-top:5px;
		padding-bottom:5px;
		border:none;
		font-size:10px;
	}
	.hvr-underline-reveal:before {
		display:none;
	}
	
	.carousel-caption p{
		font-size:11px;
	}
	
}