
@media only screen  and (max-width : 1359px){
	.aboutContent .infrastructurePanel .companyList { width:36%; float:left; padding:20px 2% 20px 2%; text-align:left; }
	.aboutContent .infrastructurePanel .companyDescription { width:60%; }
	.aboutContent .infrastructurePanel .companyDescription .companyPic { width:100%; height:460px; float:left; text-align:left; position:relative; }
	.aboutContent .infrastructurePanel .companyDescription .companyPic img { width:100%; height:460px }
	.aboutContent .infrastructurePanel .companyDescription .companyInfo { width:90%; float:left; padding:5%; text-align:left; }
}

@media only screen  and (max-width : 1199px){
	.grayContainer .pageWrap { width:100%; height:71px; z-index:101; position:fixed; background-color:#fff; }
	.grayContainer .pageWrap { overflow:inherit; }
	
	.aboutContainer .pageWrap { width:100%; height:71px; z-index:101; position:fixed; background-color:#fff; }
	.aboutContainer .pageWrap { overflow:inherit; }
	
	#logo { width:71px; height:71px; z-index:101; position:fixed; left:0; top:0; background:url(../img/logo-img.jpg) no-repeat left top; text-indent:-999999px; }
	#navigation { z-index:101; position:fixed; right:0; top:13px; width:50px; height:45px; background:#fff url(../img/nav-open-m.png) no-repeat left top; cursor:pointer; text-indent:-999999px; }
	#navbox .navclose { z-index:101; position:fixed; right:0; top:-8px; width:50px; height:45px; background:#fff url(../img/nav-close-m.png) no-repeat left top; cursor:pointer; text-indent:-999999px; }
	#navbox .navclose:hover { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .4s ease; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; border-radius:45px; }
	
	#navbox { width:300px; z-index:100; position:fixed; right:-300px; top:71px; opacity:0; }
	#navbox .nav { float:left; }
	#navbox .nav ul { list-style-type:none; margin:0; padding:0; width:100%; float:left; background-color:#2f2f2f; }
	#navbox .nav ul li { width:100%; float:left; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); }
	#navbox .nav ul li a, #navbox .nav ul li a.active { width:100%; float:left; padding:15px 25px; font:normal 15px/30px 'robotoregular'; color:#fff; color:#fff; text-decoration:none; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
	#navbox .nav ul li a:hover, #navbox .nav ul li a.active:hover {
		background: #0e8fe4; /* Old browsers */
		background: -moz-linear-gradient(left,  #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
		background: linear-gradient(to right,  #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
		color:#fff; text-decoration:none;
	}
	
	.innerPageHeading { margin-top:71px; }
	
	.grayContainer .grayContentPanel { width:100%; float:left; position:relative; padding:110px 0 0; text-align:center; font:500 40px/40px 'Roboto Slab'; color:#1daaeb; }
	.grayContainer .grayContentPanel img { width:100%; }
	.grayContainer .grayContentPanel .downArrow { display:none; }
	
	.clientsContainer .clientsWrap { width:90%; }	
	.clientsContainer .clientsList li { width:32%; }
	
	.ourServicesContainer .pageWrap { width:90%; }
	
	.ourStrengthContainer { padding:100px 0; }
	.ourStrengthContainer .pageWrap { width:90%; }
	.ourStrengthContainer .strengthDesc { width:100%; text-align:center; margin-bottom:80px; }
	.ourStrengthContainer .strengthDesc .descHead br { display:none; }
	.ourStrengthContainer .strengthDesc .descHead { padding:0 0 15px; font:40px/40px 'robotothin'; }
	.ourStrengthContainer .strengthDesc ul { margin:0 0 25px; padding:0; list-style-type:none; width:100%; float:left; text-align:left; }
	.ourStrengthContainer .strengthDesc ul li { width:95%; float:left; padding:12px 0 12px 0; background:none; border-top:1px solid rgba(255,255,255,.1); text-align:center; font:14px/24px 'robotolight'; color:#b9bcbf; }
	.ourStrengthContainer .strengthDesc ul li:first-child { border-top:0px solid rgba(255,255,255,.1); }
	.ourStrengthContainer .strengthDesc .readMore { position:relative; left:50%; margin-left:-78px; }
	.ourStrengthContainer .strengthGraph { width:100%; float:left; text-align:center; }
	.ourStrengthContainer .strengthGraph img { width:100%; }
	
	footer .pageWrap { width:100%; }
	
	/* about css */	
	.aboutContainer { padding:0 0 0 0; }
	.aboutProductPanel .pageWrap { width:90%; }
	.aboutContent .pageWrap { width:90%; }
	.infrastructurePanel .pageWrap { width:90%; }
	.contactFormContainer .pageWrap { width:90%; }
	.contactAddressContainer .pageWrap { width:90%; }
	
	.contactAddress .subHeading { font:36px/40px 'robotothin'; }
	.contactAddress .subText span { width:50%; float:left; }
	.contactAddress .subText span:last-child { width:50%; float:right; margin:6px 0 0 0; }
	
	/* product css */	
	.productRangeContainer .pageWrap { width:94%; }	
	#Grid .mix { width:31%; margin:10px 1%; }
	
	/* service page */
	.manufacturingServicePanel .pageWrap, .packagingServicePanel .pageWrap, .productDevelopmentPanel .pageWrap { width:94%; }
	.manufacturingServicePanel .manufacturingServiceImg, .packagingServicePanel .packagingServiceImg , .productDevelopmentPanel .productDevelopmentImg { width:100%; float:left; text-align:center; }
	.manufacturingServicePanel .manufacturingServiceDesc, .packagingServicePanel .packagingServiceDesc , .productDevelopmentPanel .productDevelopmentDesc { width:100%; float:left; }
	.manufacturingServicePanel .manufacturingServiceDesc .descHead, .packagingServicePanel .packagingServiceDesc .descHead, .productDevelopmentPanel .productDevelopmentDesc .descHead {text-align:center; }
	.manufacturingServicePanel .manufacturingServiceDesc .descText, .packagingServicePanel .packagingServiceDesc .descText, .productDevelopmentPanel .productDevelopmentDesc .descText { text-align:center; }
	.manufacturingServicePanel .manufacturingServiceDesc .sendEnquiry, .productDevelopmentPanel .productDevelopmentDesc .sendEnquiry { position:relative; margin-bottom:50px; left:50%; margin-left:-91px; }
	.packagingServicePanel .packagingServiceDesc .sendEnquiry { position:relative; margin-bottom:0; left:50%; margin-left:-91px; }	
	.packagingServicePanel .packagingServiceDesc { margin-top:50px; }
	
	/* client css */
	.clientContainer { padding:50px 0 120px; }
	.clientContainer .pageWrap { width:94%; }
	
	.thanksContentPanel .pageWrap { width:94%; font:25px/40px 'robotothin'; color:#000; }
	.thanksContentPanel .pageWrap span { color:#00acff; font-family:'robotoregular'; }
	.thanksContentPanel .pageWrap img { width:94%; margin:25% 0 0 0; }
	
}

@media only screen  and (max-width : 979px){	
	.clientsContainer .clientsList li { width:48%; }
	.ourServicesContainer { height:860px; }
	.ourServicesContainer .ourServicesHead { width:100%; float:left; padding:0 0 25px; text-align:center; font:50px/50px 'robotothin'; color:#434343; }
	.ourServicesContainer .ourServicesTabbed { margin:12px 0 0 -135px; padding:0; list-style-type:none; width:270px; float:left; position:relative; left:50%; }	
	.stayInTouchContainer .stayTouchCol { width:100%; }
	.stayInTouchContainer .videoCol { width:100%; height:396px; float:left; }	
	footer .pageWrap p { width:100%; float:left; text-align:center; }
	
	/* about page */
	
	.aboutContent .keyPlayerPanel .panelHeading { text-align:center; }
	.aboutProductPanel p img { width:100%; }
	.aboutContent .keyPlayerPanel .memberList { width:100%; float:left; padding:20px 0; text-align:left; }
	.aboutContent .keyPlayerPanel .memberList ul { margin:0; padding:0; list-style-type:none; width:100%; float:left;  }
	.aboutContent .keyPlayerPanel .memberList ul li { width:24.9%; float:left; text-align:center; font:16px/62px 'robotolight'; color:#787878; border-bottom:1px solid #fff; border-left:1px solid #efefef; }
	.aboutContent .keyPlayerPanel .memberList ul li:first-child { border-left:0px solid #efefef; }
	.aboutContent .keyPlayerPanel .memberDescription { width:90%; height:auto; float:left; padding:40px 5%; font:14px/28px 'robotolight'; text-align:center;	}
		
	.aboutContent .infrastructurePanel .panelHeading { text-align:center; }
	
	/* contact page */
	.contactAddress { width:100%; margin:0 0 80px; }
	.contactMap { width:100%; float:right; text-align:left; font:50px/50px 'robotothin'; color:#fff; position:relative; }
	.ourStrengthContainer .strengthGraph img { width:80%; }
	
	/* product page */
	.controls li { width:100%; margin:0 0 5px 0; padding:0 0; text-align:center; }
	.controls li:last-child { margin:0 0 25px 0; }
	#Grid .mix { width:48%; margin:10px 1%; }
	
	/* enquiry form */
	.enquiryForm { width:90%; height:90%; padding:0 5%; z-index:105; position:absolute; left:0%; top:5%; margin:0 0 0 0; overflow:auto; }
	.enquiryForm .formHeading { width:100%; float:left; padding:40px 0 0; text-align:left; font:14px/24px 'robotolight'; color:#4c4c4c; }
	.enquiryForm .formColumn { width:100%; float:left; text-align:left; }
	.enquiryForm .formColumn:last-child { float:right; }
	.enquiryForm .formRow { width:100%; float:right; margin:5px 0 0 0; text-align:left; }
	.enquiryForm .formRow:first-child { margin:5px 0 0 0; }
	.enquiryForm .formRow label span { display:none; }
	.enquiryForm .formRow label br { display:none; }
	.enquiryForm .formRow label { width:100%; float:left; text-align:left; font:13px/38px 'robotoregular'; color:#818080; }
	.enquiryForm .formRow label input[type=text], .enquiryForm .formRow label input[type=email] { width:94%; height:36px; float:left; margin:10px 0 0 0; padding:0 3%; background-color:#fff; border:1px solid #e8ebeb; text-align:left; color:#000; }
	.enquiryForm .formRow label textarea { width:94%; height:50px; float:left; margin:10px 0 0 0; padding:10px 3%; background-color:#fff; border:1px solid #f1f3f3; text-align:left; font:12px/22px 'robotolight'; color:#000; }
	.enquiryForm .formRow label input[type=text]:focus, .enquiryForm .formRow label input[type=email]:focus, .enquiryForm .formRow label textarea:focus { border:1px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.4); }
	.enquiryForm .formRow input[type=submit] { width:100%; height:47px; float:right; margin:10px 0 30px 0; padding:0 0; font:14px/47px 'robotoregular'; color:#fff; text-decoration:none; }
	.enquiryForm ::-webkit-input-placeholder { color: #545454; }
	.enquiryForm :-moz-placeholder { /* Firefox 18- */ color: #545454; }
	.enquiryForm ::-moz-placeholder {  /* Firefox 19+ */ color: #545454; }
	.enquiryForm :-ms-input-placeholder { color: #545454; }
}

@media only screen  and (max-width : 768px){
	.grayContainer { height:650px }
	
	.strengthGraph img { width:100%; }
	.strengthGraph br { display:none; }
	
	/* about page */
	.aboutContent .keyPlayerPanel .memberList { width:100%; float:left; padding:20px 0; text-align:left; }
	.aboutContent .keyPlayerPanel .memberList ul { margin:0; padding:0; list-style-type:none; width:100%; float:left;  }
	.aboutContent .keyPlayerPanel .memberList ul li { width:100%; float:left; text-align:center; font:16px/62px 'robotolight'; color:#787878; }
	.aboutContent .keyPlayerPanel .memberList ul li:first-child { border-left:0px solid #efefef; }	
	
	.aboutContent .infrastructurePanel .companyList { width:100%; float:left; padding:20px 0; text-align:left; }
	.aboutContent .infrastructurePanel .companyList ul li { width:100%; float:left; text-align:center; font:16px/62px 'robotolight'; color:#787878; }
	.aboutContent .infrastructurePanel .companyDescription { width:100%; }
	.aboutContent .infrastructurePanel .companyDescription .companyPic { width:100%; height:460px; float:left; text-align:left; position:relative; }
	.aboutContent .infrastructurePanel .companyDescription .companyPic img { width:100%; height:460px }
	.aboutContent .infrastructurePanel .companyDescription .companyInfo { width:90%; float:left; padding:5%; text-align:left; }
	
	.aboutFormContainer { width:90%; float:left; position:relative; left:50%; margin:50px 0 0 -45%; text-align:left; }
	
	/* contact page */
	.contactFormContainer .formColumn { width:100%; float:left; text-align:left; }
	.contactFormContainer .formColumn .formRow input[type=submit] { width:100%; padding:0 0; }	
	
	/* client page */
	#popularSlider .slides { width:90%; float:left; z-index:59; position:relative; overflow:visible !important; text-align:center; }
	.film_roll_prev { left:0px; width:14%; height:286px; background:rgba(255,255,255,.5) url(../img/client-arrow-left.png) no-repeat center center;  }
	.film_roll_next { right:0px; width:14%; height:286px; background:rgba(255,255,255,.5) url(../img/client-arrow-right.png) no-repeat center center; text-indent:-999999px; }
		
	/* product page */	
	#Grid .mix { width:100%; margin:10px 0; }
	
	.videoBox { width:100%; height:100%; border:none; border-left:none; border-right:none; left:0%; top:0%; margin:0; }
}

@media only screen  and (max-width : 560px){
	.clientsContainer .clientsList li { width:99%; }
	.contactMap .indiaMap { width:270px; }
	.contactMap a.pointFirst { position:absolute; left:90px; top:0px; margin:22px 0 0 0; }
	.contactMap a.pointSecond { position:absolute; left:70px; top:0px; margin:53px 0 0 0; }
	.contactMap a.pointThird { position:absolute; left:76px; top:0px; margin:62px 0 0 0; }
	.contactMap a.pointFourth { position:absolute; left:86px; top:0px; margin:66px 0 0 0; }
	.contactMap a.pointFifth { position:absolute; left:100px; top:0px; margin:62px 0 0 0; }
	.contactMap a.pointSixth { position:absolute; left:72px; top:0px; margin:214px 0 0 0; }
	
	.manufacturingServicePanel .manufacturingServiceDesc .descHead span, .packagingServicePanel .packagingServiceDesc .descHead span, .productDevelopmentPanel 		.productDevelopmentDesc .descHead span { border-bottom:0px solid #00a4ea; }
	.manufacturingServicePanel .manufacturingServiceImg img, .packagingServicePanel .packagingServiceImg img, .productDevelopmentPanel .productDevelopmentImg img { width:100%; }
	.contactAddress .subHeading { font:20px/40px 'robotolight'; text-align:center; }
}

@media only screen  and (max-width : 480px){	
	.grayContainer { height:550px }
	.grayContainer .grayContentPanel { font:500 28px/40px 'Roboto Slab'; }
	.grayContainer .grayContentPanel strong { font:700 38px/40px 'Roboto Slab'; color:#00acff; }
	.clientsContainer .clientsHead { padding:0 0 20px; text-align:center; font:40px/40px 'robotothin'; }
	.clientsContainer .clientsText { padding:0 0 50px; text-align:center; font:14px/24px 'robotolight'; }
	.ourServicesContainer .ourServicesHead { font:40px/40px 'robotothin'; }
	.ourStrengthContainer .strengthDesc .descHead { padding:0 0 35px; font:40px/40px 'robotothin'; color:#3ac5e6; }
	.ourStrengthContainer .strengthDesc .descText { padding:0 0 30px; font:14px/24px 'robotolight'; color:#b9bcbf; }
	
	footer .footerHead { font:500 22px/32px 'Roboto Slab'; }
	footer .footerHead strong { font:700 22px/32px 'Roboto Slab'; }
	
	.stayInTouchContainer .stayTouchCol .contentBox .boxHead { font:38px/60px 'robotothin'; }
	.ourStrengthContainer .strengthDesc .descHead { padding:0 0 15px; font:38px/50px 'robotothin'; }
	.innerPageHeading {	font:300 44px/240px 'Roboto Condensed'; }
	
	.aboutProductPanel { font:14px/32px 'robotothin'; color:#000000; }
	.aboutProductPanel strong { font:14px/24px 'robotoregular'; }
	.aboutProductPanel .panelHeading { text-align:center; padding:0 0 35px; font:20px/32px 'robotothin'; color:#000; }
	.aboutProductPanel .panelHeading strong { font:24px/32px 'robotoregular'; color:#00acff; }
	
	.aboutContent .keyPlayerPanel .panelHeading { padding:0 0 30px; font:40px/40px 'robotothin'; color:#46c9e8; }
	.aboutContent .infrastructurePanel { margin:85px 0 0 0; }
	.aboutContent .infrastructurePanel .panelHeading { padding:0 0 30px; font:40px/40px 'robotothin'; color:#46c9e8; }
	.aboutFormContainer input[type=submit] { width:100%; padding:0 0; }	
	
	.clientContainer .mainText { font:14px/24px 'robotolight'; }
	.clientContainer .mainText span { font:16px/24px 'robotoregular'; }
	
	.manufacturingServicePanel .manufacturingServiceDesc .descHead { padding:0 0 30px; font:30px/40px 'robotolight'; }
	.manufacturingServicePanel .manufacturingServiceDesc .descText { font:14px/28px 'robotolight'; }
	.packagingServicePanel .packagingServiceDesc .descHead { padding:0 0 30px; font:30px/40px 'robotolight'; }
	.packagingServicePanel .packagingServiceDesc .descText { font:14px/28px 'robotolight'; }
	.productDevelopmentPanel .productDevelopmentDesc .descHead { padding:0 0 30px; font:30px/40px 'robotolight'; }
	.productDevelopmentPanel .productDevelopmentDesc .descText { font:14px/28px 'robotolight'; }
	
	.contactFormContainer .formHeading { text-align:center; }
	.contactAddress .subHeading { text-align:center; }
	.contactAddress .subText { width:100%; float:left; margin:30px 0 30px; text-align:left; }
	.contactAddress .subText span { width:100%; float:left; text-align:center; }
	.contactAddress .subText span img { display:none; }
	.contactAddress .subText span:last-child { width:100%; float:right; margin:6px 0 0 0; text-align:center; }
	
	.contactMap { font:30px/50px 'robotothin'; }
	
	.aboutContent .ourStrengthPanel .panelHeading { padding:0 0 30px; font:40px/40px 'robotothin'; color:#46c9e8; }
	.aboutContent .ourStrengthPanel .panelContent { width:90%; padding:40px 5%; font:14px/28px 'robotolight'; }
	
}

@media only screen  and (max-width : 360px){	
	
}

@media only screen  and (max-width : 320px){	
	
}