/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
@media screen and (max-width: 1024px) {
}

@media only screen and ( min-width: 769px) and ( max-width: 2000px ) {
.mobile_menu{display:none;}
#img_red{
	position: absolute;
	top: 300px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}

}


@media only screen and ( min-width: 769px) and ( max-width: 872px ) {
ul.career_form li {
	width:46%;

}
ul.career_form li.full {
	width:96%;
}

#img_red{
	position: absolute;
	top: 250px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}

}


@media only screen and ( min-width: 961px) and ( max-width: 1024px ) {

#wrapper {
	width:98%;
	margin-top:0px;
	margin-right: 1%;
	margin-bottom:0px;
	margin-left: 1%;
}
.main{
	padding-right:0px;
	padding-left: 0px;
}
#main_banner{
height: auto;
margin-bottom: 20px;
}
#main_banner_text{
	background-image: url(../images/triangle.png);
	position: absolute;
	left: 0px;
	bottom:4px;
	height:178px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 130;
	width:100%;
	vertical-align: bottom;
}
ul.section li {
	display: inline-block;
	width:31.7%;
	margin-right: 20px;
	vertical-align: top;
}
.content_left{ float:left; width:65%;}
.content_right{ float:right; width:32%;}
.bot{
	background-image: url(../images/bot.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 28px;
	padding-bottom: 10px;
}
.content_text{
	color:  #7a7a7a;
	height:55px;
	font-weight: bold;
	padding: 13px;
}

}

@media only screen and ( min-width: 240px) and ( max-width: 768px ) {

#img_red{
	position: absolute;
	top: 1800px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}

#wrapper {
	width:100%;
	margin-top:0px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left:auto;
	
}
#main_nav{display:none;}
#topnav{display:none;}
#main_banner{
height: auto;
}
#main_banner_text{
	background-image: url(../images/triangle.png);
	position: absolute;
	left: 0px;
	bottom:-32px;
	height:178px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 130;
	width:100%;
	vertical-align: bottom;
}
.content{
	margin-top: 10px;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.main_banner_all{
	height: auto;
	width:100%;
	margin-bottom:0px;
}

}

@media only screen and ( min-width: 784px) and ( max-width: 960px ) {
#main_nav ul li a{
	display:block;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left:8px;
	background-image: url(../images/border.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	font-size: 13px;
}
}

@media only screen and ( min-width: 769px) and ( max-width: 783px ) {
#main_nav ul li a{
	display:block;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	background-image: url(../images/border.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	font-size: 12px;
}
}


@media only screen and ( min-width: 769px) and ( max-width: 960px ) {
#img_red{
	position: absolute;
	top: 280px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}
#wrapper {
	width:100%;
	margin-top:0px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left:auto;	
}
#topnav ul li a{
	display:block;
	text-decoration:none;
	float:left;
	color:#e44021;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-weight: bold;
}

.main{
	padding-right:0px;
	padding-left: 0px;
}
#main_banner{
height: auto;
margin-bottom: 20px;
}
#main_banner_text{
	background-image: url(../images/triangle.png);
	position: absolute;
	left: 0px;
	bottom:-10px;
	height:178px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 130;
	width:100%;
	vertical-align: bottom;
}
ul.section li {
	display: inline-block;
	width:31.7%;
	margin-right: 15px;
	vertical-align: top;
}
.content_left{ float:left; width:65%;}
.content_right{ float:right; width:32%;}
.bot{
	background-image: url(../images/bot.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 28px;
	padding-bottom: 10px;
}
.content_text{
	color:  #7a7a7a;
	height:55px;
	font-weight: bold;
	padding: 13px;
}
#sec_img_text{
	position: absolute;
	text-align: left;
	z-index: 150;
	width:90%;
	vertical-align: bottom;
	left: 12px;
	top: 10px;
}
H2 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

}
@media only screen and ( min-width: 769px) and ( max-width: 915px ) {
#design_text_one{
	position: absolute;
	left: 15px;
	text-align: left;
	z-index: 170;
	width:40%;
	top:12px;
	left: 310px;
}
#img_red{
	position: absolute;
	top: 230px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}
}


@media only screen and ( min-width: 597px) and ( max-width: 768px ) {
ul.career_form li {
	width:97%;

}
ul.career_form li.full {
	width:96%;
}

.content_services_left{ float:left; width:31.7%;}
.faq_left{ float:left; width:31.7%;}

.right_design{
	float:right;
	width:65%;
}
.right_red_border{
	width:65%;
}

.faq_right{
width:65%;
}

.main{
	padding-right:0px;
	padding-left: 0px;
}

#main_banner{
height: auto;
margin-bottom: 20px;
}
#main_banner_text{
	background-image: url(../images/triangle.png);
	position: absolute;
	left: 0px;
	bottom:-10px;
	height:178px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 130;
	width:100%;
	vertical-align: bottom;
}
ul.section li {
	display: inline-block;
	width:33%;
	margin-right: 0px;
	vertical-align: top;
	margin-bottom:20px;
}
.content_left{ float:left; width:65%;}
.content_right{ float:right; width:32%;}
.bot{
	background-image: url(../images/bot.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 28px;
	padding-bottom: 10px;
}
.content_text{
	color:  #7a7a7a;
	height:55px;
	font-weight: bold;
	padding: 13px;
}
#sec_img_text{
	position: absolute;
	text-align: left;
	z-index: 150;
	width:90%;
	vertical-align: bottom;
	left: 12px;
	top: 10px;
}
H2 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.industry_heading {
	font-size: 15px;
	font-weight: bold;
}
.industry_heading1 {
	font-size: 15px;
	font-weight: bold;
}
ul.industry li {
	width:32.5%;
}
#img_red{
	position: absolute;
	top: 230px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}
}

@media only screen and ( min-width: 481px) and ( max-width: 596px ) {

ul.career_form li {
	width:46%;
	margin-left:5px;

}
ul.career_form li.full {
	width:96%;
}


.content_services_left{ float:left; width:100%; margin-top:15px;}
.faq_left{ float:left; width:100%;}
.right_design{
	float:left;
	width:100%;
}

.right_red_border{
	float:left;
	width:100%;
}
.faq_right{
	float:left;
	width:100%;
}
.main{
	padding-right:0px;
	padding-left: 0px;
}
#main_banner{
height: auto;
margin-bottom: 20px;
}
#main_banner_text{
	background-image: url(../images/triangle.png);
	position: absolute;
	left: 0px;
	bottom:-10px;
	height:178px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 130;
	width:100%;
	vertical-align: bottom;
}
ul.section li {
	display: inline-block;
	width:100%;
	margin-right: 0px;
	vertical-align: top;
	margin-bottom:20px;
}
.content_left{ float:left; width:65%;}
.content_right{ float:right; width:32%;}
.left_red_border{
	width:100%;
	margin-bottom:20px;
}
.bot{
background-color: #2d53a5;
}
.content_text{
	color:  #7a7a7a;
	height:55px;
	font-weight: bold;
	padding: 13px;
}
.bot{
	background-image: url(../images/bot.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 28px;
	padding-bottom: 10px;
}
.content_right_all{ float:right; width:100%;}
.right_blue_border{
	float:left;
	width:100%;
}
.copy{
	float:left;
	padding-top: 13px;
	margin-right: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5775b7;
	width:96%;
	margin-top:13px;
	padding-left:20px;
}
}


@media only screen and ( min-width: 596px) and ( max-width: 946px ) {
.address_left{
	float:left;
	width:20%;
}
#img_red{
	position: absolute;
	top: 230px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}
.address_right{
	float:left;
width:65%;

}

}
@media only screen and ( min-width: 241px) and ( max-width: 480px ) {
.why_img{ float:left; width:10%;}
.contact_radio{width: 7%; float:left; margin-top:7px; margin-left:5px;}

.content_right_all{ float:right; width:100%;}

.address_left{
	float:left;
	width: 90%;
}
.address_right{
	float:left;
	width: 90%;
margin-left: 10px;
}
.right_blue_border{
	float:left;
	width:100%;
}
ul.career_form li {
	width:92%;
	margin-left:5px;

}
ul.career_form li.full {
	width:92%;
}

ul.career_form_grey{
	padding: 10px;
	margin: 0;
	background-color: #eeeded;
	width:80%;
}
H3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}	
.content_services_left{ float:left; width:100%; margin-top:15px;}
.faq_left{ float:left; width:100%;}
.right_design{
	float:left;
	width:100%;
}

.right_red_border{
	float:left;
	width:100%;
}
.faq_right{
	float:left;
	width:100%;
}

.main{
	padding-right:0px;
	padding-left: 0px;
}
.search_sec{ display:none;}
#main_banner{
height: auto;
margin-bottom: 20px;
}
#main_banner_text{ display:none;}
.bx-wrapper .bx-caption{ display:none;}
.bx-wrapper .bx-caption  p{ display:none;}
.bx-wrapper .bx-caption span{ display:none;}
ul.section li {
	display: inline-block;
	width:100%;
	margin-right: 0px;
	vertical-align: top;
	margin-bottom:20px;
}
.content_left{ float:left; width:100%;}
.content_right{ float:right; width:100%;}
.left_red_border{
	width:96%;
	margin-bottom:20px;
}
.copy{
	float:left;
	padding-top: 13px;
	margin-right: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5775b7;
	width:90%;
	margin-top:20px;
	padding-left:20px;
}
.bot{
background-color: #2d53a5;
background-position: center top;
}

}
	
@media only screen and (max-width : 240px) {
.why_img{ float:left; width:10%;}

.contact_radio{width: 7%; float:left; margin-top:7px; margin-left:5px;}

.address_left{
	float:left;
	width: 90%;
}
.address_right{
	float:left;
	width: 90%;
margin-left: 10px;
}


.right_blue_border{
	float:left;
	width:100%;
}
ul.career_form li {
	width:92%;
	margin-left:5px;

}
ul.career_form li.full {
	width:92%;
}

.content_services_left{ float:left; width:100%;}
.faq_left{ float:left; width:100%;}
.right_design{
	float:left;
	width:100%;
}
.right_red_border{
	float:left;
	width:100%;
}

.faq_right{
	float:left;
	width:100%;
}

.main{
	padding-right:0px;
	padding-left: 0px;
}
#main_banner{
height: auto;
margin-bottom: 10px;
}
#main_banner_text{ display:none;}
ul.section li {
	display: inline-block;
	width:100%;
	margin-right: 0px;
	vertical-align: top;
	margin-bottom:20px;
}
.content_left{ float:left; width:100%;}
.content_right{ float:right; width:100%;}
.left_red_border{
	width:95%;
	margin-bottom:20px;
}
.copy{
	float:left;
	padding-top: 13px;
	margin-right: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5775b7;
	width:90%;
	margin-top:20px;
	padding-left:20px;
}
.bot{
background-color: #2d53a5;
background-position: center top;
}
#sec_img_text{
	position: absolute;
	text-align: left;
	z-index: 15none;
	width:90%;
	vertical-align: bottom;
	left: 12px;
	top: 14px;
}
H2 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.main_banner_all{
	height: auto;
	width:100%;
	margin-bottom: 20px;
}
H3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.content_right_all{ float:right; width:100%;}
	
}
@media only screen and ( min-width: 240px) and ( max-width: 330px ) {
.top_sec1{
	margin-top:-4px;
	float:left;
	width:100%;
	background-color:#2d53a5;
	background-image:none;
}
}
@media only screen and ( min-width: 540px) and ( max-width: 768px ) {
.search_sec{ margin-top:30px;}
#design_text_one{
	position: absolute;
	left: 15px;
	text-align: left;
	z-index: 170;
	width:40%;
	top:10px;
	left: 305px;
}
#design{ display: none;
}
#img_red{
	position: absolute;
	top: 180px;
	z-index: 501;
	width: 200px;
	height: 50px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	
	
}
}


@media only screen and ( min-width: 240px) and ( max-width: 539px ) {
#design{
display:none;
}
.search_sec{ display:none;}
}

@media only screen and ( min-width: 240px) and ( max-width: 600px ) {
ul.industry li {
	display: inline-block;
	width:100%;
	vertical-align: top;
	text-align: left;
	padding:0;
	margin:0;
}
.industry_heading {
	font-size: 18px;
	font-weight: bold;

}
.industry_heading1 {
	font-size: 18px;
	font-weight: bold;
}}

@media only screen and ( min-width: 597px) and ( max-width: 2000px ) {
.mob{display:none;}
}
@media only screen and (max-width : 596px) {
.desk{display:none;}
}

@media only screen and (max-width :327px) {
.logo_all{ width:100%;}
.logo{ display:none;}
.top_one{ height: auto;}
}
@media only screen and ( min-width: 328px) and ( max-width: 10000px ) {
.logo_all{ display:none;}
}
@media only screen and ( min-width: 769px) and ( max-width:936px ) {
#main_nav{
	text-align:center;
	margin-left:40px;
}
}

/*---------- new Gallery page -----------*/

@media only screen and ( min-width: 240px) and ( max-width: 768px ) {
.gallery1{ width:90%; 	margin-left: auto;
	margin-right: auto; float:none; margin-bottom:25px;}
.gallery2{width:90%; float:none; margin-bottom:25px; 	margin-left: auto;
	margin-right: auto;}
	
	.project_gallery{
width:90%; float:none; margin-bottom:25px; 	margin-left: auto;
	margin-right: auto;

}
.project_gallery1{
width:90%; float:none; margin-bottom:25px; 	margin-left: auto;
	margin-right: auto;
	border-left-width: 1px;
border-left-color: #dadada;
border-left-style: solid;
}
.right_blue_border_ga{
	float:right;
	width:100%;
	margin-top:20px;
}

.left_red_border_ga{
	float:left;
	width:100%;
}
ul.ga_details li {
	display: inline-block;
	vertical-align: top;
	width:49%;
	margin-right:0px;
}
}

@media only screen and ( min-width: 868px) and ( max-width: 10000px ) {
.mob_steps_nav{display:none;}
}
@media only screen and (max-width : 867px) {
.desk_steps_nav{display:none;}
}


@media only screen and ( min-width: 769px) and ( max-width: 10000px ) {
.mobile_menu{display:none;}
.mob{display:none;}


.design_img { display: none;}
}