@media only screen and (max-width:1000px){
	#wrapper{
		width:900px;
	}
	#wrapper #content #text-holder #welcome-content{
		width:95%;
	}
	#wrapper #content #text-holder #news{
		width:95%;
	}
	#content #sector{
		width:100%;
		min-height:350px;
		background: #ff9126;
	}
	#content #sector ul li{
		width:20%;
		padding:20px;
		height:420px;
	}
	#content #sector ul li a{
		width:110px;
		height:110px;
	}
	#content #sector ul li a:hover{
		width:120px;
		height:120px;
	}
	#content #sector ul li h3{
		padding-bottom: 20px;
		top:120px;
	}
	#content #sector ul li .description{
		height:150px;
		top:180px;
	}
	/*.inquiryimg img{
		width:10%; 
		height:10%;
	}*/
	#footer #footer-content{
		width:900px;
		margin:0 auto;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/


	/**************************************************            SERVICE --- style starts here         ***********************************/

	#wrapper #content-inner #service-wrapper #service .description{
		width:64%;	
	}

	/*____________________________________________________________________________________________________________________________________*/

	
	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:870px;
	}
	.contact-block{
		width:100%;
		padding-bottom: 50px;
	}

	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:950px){
	#wrapper{
		width:850px;
	}
	#content #sector ul li{
		width:19%;
	}
	#footer #footer-content{
		width:850px;
	}

	#wrapper #content-inner #title-holder h5{
		display: block;
		width:100%;
		float:none;
		line-height:40px;
		text-align: center;
		padding:30px 0 20px 0;
	}
	#wrapper #content-inner #title-holder .tag-line{
		display: block;
		float:none;
		width:100%;
		text-align:center;
		padding:0 0 0 0;
	}


	/*________________________________________________             INNER PAGES                           __________________________________*/

	
	/**************************************************             SERVICE --- style starts here        **********************************/

	#wrapper #content-inner #service-wrapper #service .description{
		width:63%;	
	}

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:820px;
	}

	/*____________________________________________________________________________________________________________________________________*/

	/**************************************************             INQUIRY --- style starts here        **********************************/
	.enquiry-description{
		width:35%;
	}
	.inquiry-form{
		width:60%;
	}
	.content-description form div.frm-elements label{
		text-align: left;
		/*margin-right: 1em;*/
	}
	.content-description form div.frm-elements input, select, textarea{
		margin-left:0;
	}
	.inquiryimg{float:right; width:60%;}
	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:900px){
	#wrapper{
		width:800px;
	}
	#content #sector ul li{
		height:455px;
	}
	#footer #footer-content{
		width:780px;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/
	
	/**************************************************             SERVICE --- style starts here        **********************************/
	
	#wrapper #content-inner #service-wrapper #service .description{
		width:61%;	
	}

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:767px;
	}

	/*____________________________________________________________________________________________________________________________________*/

	
}
@media only screen and (max-width:850px){
	#wrapper{
		width:720px;
	}
	#nav-holder{
		width:65%;
		height: auto;
	}
	#nav-holder ul {
        display: none;
        height: auto;
    } 
    #nav-holder li {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #FFF;
    }
    #nav-holder ul li a{
		padding: 5%;
	}
    #nav-holder ul li a:hover{
		-moz-border-radius: 0;
	   	-webkit-border-radius: 0;
	   	border-radius: 0;
	}
	#nav-holder ul li a.active{
		-moz-border-radius: 0;
	   	-webkit-border-radius: 0;
	   	border-radius: 0;
	}
    #nav-holder a {
        text-align: left;
        width: 100%;
        background: #FFF;         
    }      
	#nav-holder a:hover {
	    background:#FFF;
	}
	#nav-holder a#pull {
        display: block;
        background-color: #FFF;
        width: 100%;
        position: relative;
    }
    #nav-holder a#pull:after {
        content:"";
        background: url(../images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        color: #000;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    #wrapper #content #text-holder #welcome-content{
		width:95%;
	}
	#content #sector ul li{
		height:500px;
	}
	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		font-size:28px;
		line-height:35px;
		padding:10px 50px 10px 50px;
	}
	#footer #footer-content{
		width:730px;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/

	/**************************************************             SERVICE --- style starts here        **********************************/

	#wrapper #content-inner #service-wrapper #service .description{
		width:56%;	
		padding-left:3%;
	}	

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:690px;
	}

	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:750px){
	#wrapper{
		width:660px;
	}
	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		font-size:28px;
		line-height:35px;
		padding:10px 70px 10px 70px;
	}
	#content #sector{
		width:100%;
		min-height:410px;
	}
	#content #sector ul li{
		width:20%;
		padding:15px;
		min-height:100px;
	}
	#content #sector ul li a{
		width:110px;
		height:110px;
	}
	#content #sector ul li a:hover{
		width:120px;
		height:120px;
	}
	#content #sector ul li h3{
		padding-bottom: 20px;
		top:120px;
	}
	#content #sector ul li .description{
		height:150px;
		top:180px;
	}
	#footer #footer-content{
		width:630px;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/

	/**************************************************             SERVICE --- style starts here        **********************************/

	#wrapper #content-inner #service-wrapper #service{
		padding:0;
		padding-bottom:5%;
		padding-bottom:8%;
	}
	#wrapper #content-inner #service-wrapper #service .title-image{
		padding-left:0;
		width:100%;
		float:none;
		text-align: center;
	}
	#wrapper #content-inner #service-wrapper #service .description{
		float:none;
		padding-left:4%;
		width:92%;	
	}
	#wrapper #content-inner #service-wrapper #service .description .title-description{
		text-align: center;
	}
	.left-image{
		margin-left:0;
	}
	.right-image{
		margin-right:0;
	}

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/
	
	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:630px;
	}
	.contact-block{
		width:28%;
	}
	/*____________________________________________________________________________________________________________________________________*/

	/**************************************************             INQUIRY --- style starts here        *******************************/
	.inquiryimg{
		display:none;
	}
	.enquiry-description{
		width:100%;
	}
	.inquiry-form{
		width:100%;
	}
	/*.content-description form div.frm-elements input, select, textarea{
		width:620px;
	}*/
	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:700px){
	#wrapper{
		width:510px;
	}
	#header{
	    padding:2% .5% 2% 2.6%;
	}
	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		font-size:20px;
		line-height:30px;
		padding:5px 70px 5px 70px;
	}
	#wrapper #content #text-holder #welcome-content{
		width:92%;
	}
	#logo-holder{
		width:25%;
	}
	#wrapper #content #text-holder #news{
		width:93%;
	}
	.border-right{
		border-right: none;
	}
	#content #sector ul li{
		width:98%;
		padding:8px;
		padding-bottom: 30px;
		height:0;
		min-height:100px;
		float:none;
	}
	#content #sector ul li h3{
		text-align:left;
		position:relative;
		top:0;
	}
	#content #sector ul li .description{
		position:relative;
		height:0;
		min-height:80px;
		top:0;
	}
	#content #sector ul li a{
		display: none;
	}
	#footer{
		padding-top:5px;
		padding-bottom:10px;
	}
	#footer #footer-content{
		width:450px;
	}
	#footer #footer-content .copyright{
		display: block;
		float:none;
		width:100%;
		text-align: center;
	}
	#footer #footer-content #social{
		float:none;		
		margin:0 auto;
		margin-top:15px;
	}


	/*________________________________________________             INNER PAGES                           __________________________________*/
	
	/**************************************************             ABOUT US --- style starts here        *********************************/

	#wrapper #content-inner #aboutus-wrapper #aboutus .title-image{
		width:100%;
		padding-bottom:10px;
	}

	#wrapper #content-inner #aboutus-wrapper #aboutus .description{
		width:100%;
	}
	
	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/
	
	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:480px;
		height:270px;
	}
	.contact-block{
		float:none;
		width:84%;
		min-height:50px;
		
		padding-right: 0;
		padding-left: 10px;
		text-align:center;		
	}
	/*____________________________________________________________________________________________________________________________________*/
	/*____________________________________________________________________________________________________________________________________*/
	/**************************************************             ABOUT US --- style starts here        *********************************/

	#wrapper #content-inner #aboutus-wrapper #aboutus .description .imp-contact-block{
		width:100%;
	}
	
	/*____________________________________________________________________________________________________________________________________*/

	/**************************************************             CAREERS --- style starts here        *********************************/
	#wrapper #content-inner #career-wrapper #career ul li{
		/*float: left;*/
		/*width:280px;*/
		height:220px;
	}
	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:550px){
	#wrapper{
		width:400px;
	}
	#logo-holder{
		width:30%;
	}
	#nav-holder{
		width:55%;
		height: auto;
	}
	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		font-size:18px;
		padding:0 15px 5px 15px;
	}
	#wrapper #content #text-holder #welcome-content #title h1{
		font-size: 20px;
	}
	#wrapper #content #text-holder #welcome-content{
		width:90%;
	}
	#wrapper #content #text-holder #news{
		width:90%;
	}
	#content #sector ul li{
		height:0;
		width:95%;
		/*min-height:100px;
		padding-bottom:50px;*/
	}
	#footer #footer-content{
		width:380px;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/

	/**************************************************             SERVICE --- style starts here        **********************************/

	#wrapper #content-inner #service-wrapper #service .description{
		padding-left:5%;
		width:90%;	
	}
	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:370px;
		height:230px;
	}
}
@media only screen and (max-width:480px){
	#wrapper{
		width:350px;
	}
	#header{
	    padding:2% .5% 3% 2.6%;
	}
	#logo-holder{
		width:40%;
	}
	#nav-holder{
		width:25%;
	}
	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		font-size:14px;
	}
	#wrapper #content #text-holder #welcome-content{
		width:89%;
	}
	#footer #footer-content{
		width:300px;
	}


	/*________________________________________________             INNER PAGES                           __________________________________*/
	
	/**************************************************             SERVICE --- style starts here        **********************************/
	
	#wrapper #content-inner #service-wrapper #service .description{
		padding-left:6%;
		width:88%;	
	}

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:320px;
		height:200px;
	}

	/*____________________________________________________________________________________________________________________________________*/
}
@media only screen and (max-width:380px){
	#wrapper{
		width:280px;
	}
	#logo-holder{
		width:45%;
		background-size: 90%;
	}

	#wrapper #slider #waves-holder{
		width:100%;
	}
	#wrapper #slider #waves-holder p{
		line-height:20px;
		padding:10px;
	}
	#wrapper #content #text-holder #welcome-content{
		width:92%;
		padding:10px 0 10px 8px;
	}
	#wrapper #content #text-holder #welcome-content #title h1{
		font-size: 17px;
	}
	#wrapper #content #text-holder #welcome-content p .wrap-left{
		float:none;
		margin:0 5px 5px 0;
	}
	#footer #footer-content{
		width:180px;
	}
	#content #sector ul li{
		width:95%;
		min-height:220px;
		padding: 0;
	}
	h3{
		position:relative!important;
		top:0!important;
		left:0!important;
		right:0!important;
	}
	#content #sector ul li .description{
		position:relative!important;
		top:0!important;
		left:0!important;
		min-height:100px;
		height:0;
	}

	/*________________________________________________             INNER PAGES                           __________________________________*/

	#wrapper #content-inner #title-holder .tag-line{
		font-size:16px;
	}

	/**************************************************             SERVICE --- style starts here        **********************************/
	
	#wrapper #content-inner #service-wrapper #service .description{
		padding-left:7%;
		width:86%;	
	}

	/*____________________________________________________________________________________________________________________________________*/


	/**************************************************             CONTACT US --- style starts here        *******************************/

	#wrapper #content-inner #contact-wrapper #contact #map_canvas{
		width:250px;
		height:180px;
	}

	/*____________________________________________________________________________________________________________________________________*/

	/**************************************************             INQUIRY --- style starts here        **********************************/
	.content-description form div.frm-elements input, select, textarea{
		margin-left:0;
	}
	/*____________________________________________________________________________________________________________________________________*/
	.job-description{
		width:220px;
	}
	#wrapper #content-inner #career-wrapper #career ul li{
		width:240px;
	}

	.content-description form div input, select, textarea{
		width:100%;
	}
	.content-description form div .submit{
		width:100%;
	}
}