@media only screen and (min-width:768px) and (max-width:1024px){
	.container, .inner_container{ width:748px;}
	#header.container{ padding:0px;}
	#header.container .mobilecontainer{ width:748px; margin:0 auto; position:relative;}
	.logo, #header.sticky .logo{ padding:10px 5px; width:200px;}
	.site-menu ul li {    margin: 0 20px 0 0;}
	.header_right, 	#header.sticky .header_right {   padding: 30px 0 0 0;}
	li.listjobS .title{ width:100%; margin:0 0 10px 0;}
	li.listjobS .content{ float:left; width:100%;}
/*	li.listjobS .content p{ text-align:left;}*/
	.paddingTB, .aboutinfo-div{ padding-top:30px; padding-bottom:30px;}
	.feedsdiv_content .linkedin-twitter-div {  width: 350px; margin-right: 20px;}
	.Pcategories_imgdiv{width: 100%; height: 100%;}
	.Pcategories_div { width: 210px; height: 290px; overflow: hidden;}
	.Pname-div{height: 40px;}
	.banner_content h1, .balancing_div h1 {   margin-top: 150px;}
/*	#header_wrapper, */
.balancing_div {height: 480px;}
	.dec_con, .projectscat_div{ padding:30px 0;}
	.parallax, #innerheader_wrapper, .projectscat_div, .feeds_div{background-position: center center !important; background-attachment: scroll !important;
	    background-size: cover !important; 	}
	.portserviceList ul li {   width: 225px;   height: 225px;    margin: 0 0 10px 10px;}
	.baner_slider{height: 430px;}
	.bx-wrapper .bx-viewport{ height: 430px !important;}
	#carousel .teamMember, #carousel_01 .teamMember {    width: 217px !important;}
	.teamMember .pic{ height: 205px ;}
	.details_left{ width:400px;}
	.details_right{width: 280px;}
	.contactdetails .block{ width:300px; margin:0 0 10px 10px !important;}
	ul.listStyles li .portserviceImg{height: 115px;}
	ul.listStyles li {    width: 110px;}
	.aboutimage {   width: 350px;   height: 287px;    margin: 0 20px 20px 0;}
		#prev2, #next2, #prev1, #next1{top: 35%;}
		
		.aboutList ul li {    width: 210px;    height: 210px;     margin: 0 0 10px 10px !important;    position: relative;}
.white-popup{max-width:90%; min-height:100px;}


.innerBannerheight {    height:430px;}

.footerBlock .addresBlock{margin: 0 -350px 0 0;}
	h1.mainTitle.contactTitle{padding: 30px 0 35px 0;}	
	
/*	#innerheader_wrapper .banner_content{ height:255px;}
*/
.tomdata{ margin:0px; }
.tomimagediv{ width:240px; height:240px; margin:0 20px 10px 0;}
	
.site-menu ul ul {   top: 35px;}
.leftBlock01{ width:95%; margin:0 0 15px 0 !important; padding:10px !important; height:auto;}	


.inner_container h1{font-size: 35px; line-height: 37px;}

	
	.contactBlockPage p.des {  font-size: 16px;   line-height: 24px;  margin: 0 0 0 0;    text-align: center; }
.contactdetails .blockMain{width:89%; padding:30px; margin: 0 0 10px 10px !important; height:auto;}

.blog ul#itemContainer li{ width:100%; margin:0 0 15px 0 !important; height:auto; }
.blog ul#itemContainer li .content{ width:450px;}
.blog ul#itemContainer li .pic{ width:220px;}

.feedsdiv_content.homeBlog .blog ul#itemContainer li:first-child{ display:block;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li{ display:none; border:none; padding:0px;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic{ width:100%; height:160px; min-height:10px; border:none !important;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic img{ min-height:10px;}
.feedsdiv_content.homeBlog .blog{ height:auto; padding:15px 10px;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li .content{ width:100%; float:left;}

.site-menu ul li a{font-size: 13px; line-height: 13px;}

.blogInfo .blogInfoLeft{width:430px;}
.blogInfo .blogInfoRight{ width:250px;}
.blogInfoLeft h1{ width:100%; font-size: 26px; line-height: 30px;}

.blogInfoLeft .backbtn {   font-size: 12px;    padding: 9px 20px;     margin: 0 0 10px 0;}
.comments .form input[type="text"], .comments .form textarea{ width:92%;}

.ui-accordion-content a.subaccordian{ width:89%;}

.socialicons_icons{ display:none;}

	
}





@media only screen and (min-width:481px) and (max-width:767px) {
	
	
	.container, .inner_container{ width:460px;}
	#header.container{ padding:0px;}
	#header.container .mobilecontainer{ width:460px; margin:0 auto; position:relative;}
	#header.sticky .logo{ width: 190px; }
	#header.sticky .header_right{ padding: 5px 0 0 0;}
	.logo{ width: 190px; padding: 10px 0 10px 8px; }
	.site-menu{ display:none;}
	.menu-button{ display:block; margin: 15px 0 0 0;  }
	.header_right {   padding: 5px 0 0 0;}
	.header_right .nav{ width:100%;}
	.banner_content h1, .innovationdiv_content h1, .balancing_div h1 {margin-top: 100px; margin-bottom: 90px;}
	.h1innerfont, h1 {   font-size:26px;}
	.parallax, #innerheader_wrapper, .projectscat_div, .feeds_div{background-position: center center !important; background-attachment: scroll !important;
	    background-size: cover !important; 	}
/*	#header_wrapper,*/
 .innovation_div, .balancing_div{ height:300px !important; background-attachment: inherit !important;}
	.portserviceList ul li{ width: 200px; margin: 0 0 10px 10px !important; height: 200px;}
	.paddingTB, .dec_con, .projectscat_div, .aboutinfo-div, .ourpricipals, .meetinfo, .jointeam-div {padding-top:30px;   padding-bottom:30px;}
	.paddingLR, .aboutinfo-div, .ourpricipals, .meetinfo { padding-left:10px;   padding-right:10px;}
	.feedsdiv_content{ padding-top:0px;}
	.feedsdiv_content .linkedin-twitter-div{ width:100%; margin:0 0 10px 0;}
	.feedsdiv_content .LTdiv{ padding:5px; height:auto;}
	.footer{ height:auto; padding:10px 0;}
	.aboutimage{ width:100%; margin:0 0 15px 0; height:auto;}
	.aboutList .subTitle{ background:none; font-size:35px; margin:0 0 15px 0;}
	.aboutList .subTitle span{ padding:0px;}
	.aboutList ul li{ width:100%; margin:0 0 15px 0 !important; height:auto;}
	.tomimagediv{ width:100%; height:auto; margin:0 0 15px 0;}
	.header_right .socialicons_icons a{ display:none;}
	.tomdata{ margin:0px;}
	.jointeam-div h1{ line-height: 45px; padding:0 0 10px 0;}
	.baner_slider {   height:180px;    padding:65px 0 0 0;   background: #fff;}
	.bx-wrapper .bx-viewport{height: 180px !important;}
	.bx-wrapper .bx-next{ right:0px;}
	.bx-wrapper .bx-controls-direction a{top:50%;}
	.bx-wrapper .bx-prev {left:0px;}
	.baner_slider h2{ bottom:5px;}
	.details_left{ width:100%; margin:0 0 10px 0;}
	.details_right{ width:100%;}
	.contactdetails .block{ width:94%; padding:10px; min-height:10px; margin:0 0 10px 0 !important; height:auto; }
	.mapdiv_content{ width:100%; left:0px; position:inherit !important;}
	.contactinfo{ float:none !important; left:inherit !important; width:440px; padding:20px 10px; margin:0 auto;
	height: 390px; background: url(../imgs/footercontact-bg.png) repeat;	}	
	.map{ left:0px; right:0px;}	

	.map_div{ width:100%; margin:0 auto; overflow:hidden; }
	.aboutList ul li .content_text{ display:block;}
	li.listjobS .title{ width:100%; margin:0 0 10px 0;}
	li.listjobS .content{ width:100%; text-align:left; float:left;}
	li.listjobS .content p{ text-align:left; width:100%; margin:0 0 0 0;}	
	.desContentBlock ul{ margin:10px 0;}	
	
	.Pcategories_div{width: 215px; height:300px; margin:5px;overflow: hidden;}
	.Pcategories_imgdiv{ width:100%; height:100%;}
	
	
	.Pname-div{height: 40px; overflow: hidden;}
	
	
	
	#carousel .teamMember, #carousel_01 .teamMember {   margin: 0 10px 0 0;    width: 205px !important;}
	.teamMember .pic{ height:190px;}
		#prev2, #next2{top:30%;}
	 #next1, #prev1{top:40%;}
	
			.aboutList ul li {    width: 200px;    height: 200px;     margin: 0 0 10px 10px !important;    position: relative;}
.white-popup{max-width:90%; min-height:100px;}
.pic_block{ width:100%; height:auto; margin:0 0 15px 0;}
.pic_block .socail{ bottom:5px;}

.innerBannerheight {    height: 245px;}

.footerBlock{ height:auto;}
.footerBlock .mapBlock{ position:absolute;}
.footerBlock .addresBlock{ position:inherit; margin:0px auto; right:inherit;}

.mainTitle{font-size:35px; line-height:40px; margin-bottom:20px; }

.mainTitle span{font-size:24px;}

	.mainTitle span{font-size:24px; line-height:35px;}
h1.mainTitle.contactTitle{padding: 30px 0 35px 0;}

/*#innerheader_wrapper .banner_content{ height:200px;}*/

.leftBlock01{ width:95%; margin:0 0 15px 0 !important; padding:10px !important; height:auto;}	

.inner_container h1{font-size: 38px; line-height: 42px;}

.contactBlockPage p.des {  font-size: 16px;   line-height: 24px;  margin: 0 0 0 0;    text-align: center; }
.contactdetails .blockMain{width: 94%; padding: 10px; margin: 0 0 10px 0 !important; height:auto;}



.sortBy .sortByLeft{ float:left; width:100%;}
.sortBy .sortByLeft label{ width:100%; display:block; margin:0 0 10px 0; }
.sortBy .sortByLeft select{ width:95%;}
.blog ul#itemContainer li{ width:100%; margin:0 0 15px 0 !important; height:auto;}
.blog ul#itemContainer li .pic{ width:100%; height:auto; margin:0 0 15px 0; }
.blog ul#itemContainer li .content{ float:left; width:100%;}
.blog .sortBy{ border:none; margin:0 0 15px 0; padding:0px;}

.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic{ width:100%; height:auto; min-height:10px; border:none !important;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic img{ min-height:10px;}
.feedsdiv_content.homeBlog .blog{ height:auto; padding:15px;}

.blogInfo .blogInfoLeft{ width:100%; margin:0 0 15px 0;}
.blogInfo .blogInfoRight{ float:left; width:100%;  margin:0 0 15px 0;}
.comments .form input[type="text"], .comments .form textarea{ width:92%;}	
.blogInfoLeft h1{ width:100%; font-size:30px; line-height:32px;}
.blogInfoLeft .backbtn {   font-size: 12px;    padding: 9px 20px;     margin: 0 0 10px 0;}

.ui-accordion-content a.subaccordian{ width:91%;}

.pic_left{ width:100%; float:left; margin:0px 0 10px 0; padding:0px;}
.pic_right{width:100%; float:left; margin:0px 0 10px 0; padding:0px;}
.img_left{ width:100% !important; float:left; margin:0 0 10px 0;}
.img_right{ width:100% !important; float:left; margin:0 0 10px 0;}

#header{ background:#fff; width:100%;}
.headbanner{ width:100%; margin:64px 0 0 0; height:auto !important; }
.headbanner img{ position:inherit !important; top: inherit !important; width:100% !important; height:auto !important;}

}

@media only screen and (min-width:320px) and (max-width:480px){
	
	.container, .inner_container{ width:300px;}
	#header.container{ padding:0px;}
	#header.container .mobilecontainer{ width:300px; margin:0 auto; position:relative;}
	#header.sticky .logo{ width: 190px; }
	#header.sticky .header_right{ padding: 5px 0 0 0;}
	.logo{ width: 190px; padding: 10px 0 10px 8px; }
	.site-menu{ display:none;}
	.menu-button{ display:block; margin: 15px 0 0 0;  }
	.header_right {   padding: 5px 0 0 0;}
	.header_right .nav{ width:100%;}
	.banner_content h1, .innovationdiv_content h1, .balancing_div h1 {margin-top: 100px; margin-bottom: 90px;}
	.h1innerfont, h1, .inner_container h1, .meetinfo h1 {   font-size:26px;}
	.meetinfo h1 span, .jointeam-div h1 span{ font-size:26px !important; line-height:30px;}
	.parallax, #innerheader_wrapper, .projectscat_div, .feeds_div{background-position: center center !important; background-attachment: scroll !important;
	    background-size: cover !important; 	}
     /* #header_wrapper, */
	 .innovation_div, .balancing_div{ height:300px !important; background-attachment: inherit !important;}
	.portserviceList ul li{ width:100%; margin:0 0 10px 0 !important; height:auto;}
	.paddingTB, .dec_con, .projectscat_div, .aboutinfo-div, .ourpricipals, .meetinfo, .jointeam-div {padding-top:30px;   padding-bottom:30px;}
	.paddingLR, .aboutinfo-div, .ourpricipals, .meetinfo { padding-left:10px;   padding-right:10px;}
	.feedsdiv_content{ padding-top:0px;}
	.feedsdiv_content .linkedin-twitter-div{ width:100%; margin:0 0 10px 0;}
	.feedsdiv_content .LTdiv{ padding:5px; height:auto;}
	.footer{ height:auto; padding:10px 0;}
	.aboutimage{ width:100%; margin:0 0 15px 0; height:auto;}
	.aboutList .subTitle{ background:none; font-size: 22px; line-height: 26px; margin:0 0 15px 0;}
	.aboutList .subTitle span{ padding:0px;}
	.aboutList ul li{ width:100%; margin:0 0 15px 0 !important; height:auto;}
	.tomimagediv{ width:100%; height:auto; margin:0 0 15px 0;}
	.header_right .socialicons_icons a{ display:none;}
	.tomdata{ margin:0px;}
	.jointeam-div h1{ line-height: 45px; padding:0 0 10px 0;}
	.baner_slider {   height:180px;    padding:65px 0 0 0;   background: #fff;}
	.bx-wrapper .bx-viewport{height: 180px !important;}
	.bx-wrapper .bx-next{ right:0px;}
	.bx-wrapper .bx-controls-direction a{top:50%;}
	.bx-wrapper .bx-prev {left:0px;}
	.baner_slider h2{ bottom:5px;}
	.details_left{ width:100%; margin:0 0 10px 0;}
	.details_right{ width:100%;}
	.contactdetails .block{ width:94%; padding:10px; min-height:10px; margin:0 0 10px 0 !important; height:auto;}
	.mapdiv_content{ width:100%; left:0px; position:inherit !important;}
	.contactinfo{ float:none !important; left:inherit !important; width:280px; padding:20px 10px; margin:0 auto;
	height: 390px; background: url(../imgs/footercontact-bg.png) repeat;	}	
	.map{ left:0px; right:0px;}	

	.map_div{ width:100%; margin:0 auto; overflow:hidden; }
	.aboutList ul li .content_text{ display:block;}
	li.listjobS .title{ width:100%; margin:0 0 10px 0;}
	li.listjobS .content{ width:100%; text-align:left; float:left;}
	li.listjobS .content p{ text-align:left; width:100%; margin:0 0 0 0;}	
	.desContentBlock ul{ margin:10px 0;}
	
	#carousel .teamMember, #carousel_01 .teamMember{width: 258px !important;}
	.teamMember .pic{height: 246px;}
	#prev2, #next2, #prev1, #next1{top: 36%;}
	
	.white-popup{max-width:90%; min-height:100px;}
.pic_block{ width:100%; height:auto; margin:0 0 15px 0;}
.pic_block .socail{ bottom:5px;}

.innerBannerheight{ height:245px;}

.footerBlock{ height:auto;}
.footerBlock .mapBlock{ position:absolute;}
.footerBlock .addresBlock{ position:inherit; margin:0px auto; right:inherit;}

.mainTitle, h1.mainTitle{font-size:28px; line-height:38px; margin-bottom:20px; }

.mainTitle span{font-size:20px;}
h1.mainTitle.contactTitle{padding: 30px 0 35px 0;}
	
	h1.mainTitle.contactTitle, .portService h1.mainTitle {   padding:35px 0;}
	
/*	#innerheader_wrapper .banner_content{ height:175px;}*/

.leftBlock01{ width:95%; margin:0 0 15px 0 !important; padding:10px !important; height:auto;}	

.aboutinfo-div .data h4{font-size: 22px; line-height: 26px;}

.contactBlockPage p.des {  font-size: 16px;   line-height: 24px;  margin: 0 0 0 0;    text-align: center; }
.contactdetails .blockMain{width: 94%; padding: 10px; margin: 0 0 10px 0 !important; height:auto;}
.footerBlock .addresBlock{ height:auto;}

.sortBy .sortByLeft{ float:left; width:100%;}
.sortBy .sortByLeft label{ width:100%; display:block; margin:0 0 10px 0; }
.sortBy .sortByLeft select{ width:95%;}
.blog ul#itemContainer li{ width:100%; margin:0 0 15px 0 !important; height:auto;}
.blog ul#itemContainer li .pic{ width:100%; height:auto; margin:0 0 15px 0; }
.blog ul#itemContainer li .content{ float:left; width:100%;}
.blog .sortBy{ border:none; margin:0 0 15px 0; padding:0px;}

.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic{ width:100%; height:auto; min-height:10px; border:none !important;}
.feedsdiv_content.homeBlog .blog ul#itemContainer li .pic img{ min-height:10px;}
.feedsdiv_content.homeBlog .blog{ height:auto; padding:15px;}

.blogInfo .blogInfoLeft{ width:100%; margin:0 0 15px 0;}
.blogInfo .blogInfoRight{ float:left; width:100%;  margin:0 0 15px 0;}
.comments .form input[type="text"], .comments .form textarea{ width:92%;}
.blogInfoLeft h1{ width:100%;}	
.blogInfoLeft .backbtn {   font-size: 12px;    padding: 9px 20px;     margin: 0 0 10px 0;}
.blogInfoLeft h1{ font-size:24px; line-height:26px;}
.ui-accordion-content a.subaccordian{ width:91%;}

.pic_left{ width:100%; float:left; margin:0px 0 10px 0; padding:0px;}
.pic_right{width:100%; float:left; margin:0px 0 10px 0; padding:0px;}
.img_left{ width:100% !important; float:left; margin:0 0 10px 0;}
.img_right{ width:100% !important; float:left; margin:0 0 10px 0;}

#header{ background:#fff; width:100%;}
.headbanner{ width:100%; margin:64px 0 0 0; height:auto !important; }
.headbanner img{ position:inherit !important; top: inherit !important; width:100% !important; height:auto !important;}

}