@charset "utf-8";
/* CSS Document */



@media screen and (min-width:320px) and (max-width:768px){
#nav{
	display:block;
	font-family: 'Open Sans', sans-serif;
	}
#nav li:hover ul{
	width:100%;
	max-width:200px;
	display: block;
	float:left;
	list-style:none;
	margin:0;
	}
#nav li ul li {
	width:100%;
	max-width:200px;
	display: block;
	float:left;
	list-style:none;
	margin:0;
	}	
#nav li ul{
	position: absolute;
	top:0;
	left:0;
	
	
	}
.sub-menu ul li {
  /*font: bold 12px/18px sans-serif;*/
  display:block;
  float:left;
  /*margin-right: -4px;*/
  padding: 8px 10px;
  background: #fff;
  cursor: pointer;
  
  /*-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;*/
}


.sub-menu ul li a:hover {
  /*background: #fff;*/
  color: #303030;
  display:block;
  float:left;
  /*border-bottom: solid 1px #c20509;*/
}					
.slider-bg-img-1 {
	width:100%;
	max-width:320px;
	margin:0 auto;
	float:none;
	}
.viewport {
	border: 3px solid #eee;
	float: none;
	height: 299px;
	margin-left:135px;
	overflow: hidden;
	width: 300px;
    height: 350px;
    box-shadow: 2px 2px 2px #888888;
	border-radius:2px;
    }
.practice-areas {
	width:100%;
	margin:50px auto 0 auto;	
}
.footer {
	width:100%;
	background:#2c3742;
}

.main-footer {
	width:100%;
}
.footer-part1 {
	width:94%;
	padding-left:20px;
	float:none;
	clear:both;
	font-size:14px;
	background:#2c3742;
}
.footer-part2 {
	width:98%;
	float:none;
	font-size:14px;
	margin-left:20px;
}
.footer-part3 {
	width:98%;
	float:left;
	font-size:14px;
	margin-left:20px;
}

.slider-bg-img-2 {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	margin-left:0;
	border:1px solid #999;
	height:auto;
	background:#fff;
	background-image:url(../images/images/sliders-img-bg.png);
	background-repeat:no-repeat;
	/*box-shadow: 1px 1px 1px 2px #888888;
	border-radius:2px;*/
	}
.jcarousel-container {
	border-top: 1px solid #07708c;
	margin: 45px -20px 80px 0;
	width: 100%;
	max-width:1000px;
	margin:0 auto;
	padding: 25px 0 0;
	}
.jcarousel-container {
	border-top: 1px solid #07708c;
	margin: 45px -20px 80px 0;
	width:100%;
	max-width: 1000px;
	padding: 25px 0 0;
	}

.section-title + .jcarousel-container { margin-top: 15px; } 

.jcarousel-clip {
	overflow: hidden;
	width: 105%;
	}

.jcarousel-item {
	margin: 0 20px 0 0;
	width: 220px;
	height:auto;
	}
.jcarousel-item li{
	float:none;
	}

#portfolio-text {
	
	/*margin-top:-20px;*/
	padding:0px 0 20px 0;
	width:98%;
	margin:-30px auto 0 auto;
}
#partner-text {
	/*background:#d6dbe1;*/
	/*margin-top:-20px;*/
	padding:0px 0 20px 0;
	width:100%;
	/*float:left;*/
	margin:-30px auto 0 auto;
	
}
#portfolio-text {
	
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}
.portfolio1 {
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}
.portfolio2 {
	float: none;
	width:100%;
	margin:0 auto;
}
.portfolio3 {
	float: none;
	width:100%;
	margin:0 auto;
}

.jcarousel-item li{
	float:none;
	}
.jcarousel-skin-tango{
	width:auto;
}
.jcarousel-skin-tango .jcarousel-container {background:none; max-width:100%; border: none; margin:0 auto; /** overwrites jcarousel border **/}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 100%; /** MODIFIED SIZ TO 650 PX **/
	height: 200px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:100%; /** (IMAGE WIDTH * NUMBER OF IMAGE TO DISPLAY) + (PADDING[10 px] * NUMBER OF IMAGE TO DISPLAY) **/
 /** THIS WILL ALLOW TEXT TO BE DIPLAY UNDER THE IMAGE **/margin:0 auto;}
.jcarousel-skin-tango .jcarousel-item {
	width: 200px; /** IMAGE WIDTH **/
	height: inherit;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	background: #FFF;
	float:left;
	border:1px solid #EEE;
}
.companyoverview-Coretext{
	width:100%;
	max-width:280px;
	float:none;
	padding:9px 10px;
	/*border:1px solid #D2D2D2;*/
	margin-right:5px;
	/*border-radius:6px;*/
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	margin-bottom:15px;
	}
	.leftinput {
	display:block;
	margin: 0 auto;
	width: 95%;	
	margin:10px;
	margin-left:25px;
}
.form-button {
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	border-radius: 4px;
	color: #000;
	width: 150px;
	margin-top: 75px;
	cursor: pointer;
	padding: 4px 4px;
	margin-left:25px;
	margin-bottom:10px;
	display:block;
	float:none;
}
select {
	background-color: #d9d9d9;
	height: 30px;
	border: 1px solid #939393;
	color: #000;
	width: 150px;
	margin-right: 30px;
	cursor: pointer;
	padding: 3px 0;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	display:block;
}
textarea {
	width: 95%;
	height: 207px;
	margin-bottom: 8px;
	border: none;
	padding-left: 4px;
	color: #999;
	font-size: 11px;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	background-color:#000;
	display:block;
}
.send {
	display:block;
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	color: #000;
	width: 100px;
	float: none;
	cursor: pointer;
	padding: 4px 4px;
	margin-right: 10px;
	margin-left:25px;
	display:block;
}



}
@media screen and (min-width:320px) and (max-width:480px){
.slider-bg-img-1 {
	width:96%;
	max-width:320px;
	margin:0 0 10px 8px;
	display:block;
	}
.slider-bg-img-2 {
	width:96%;
	max-width:320px;
	margin:0 0 10px 8px;
	border:1px solid #999;
	background:#fff;
	background-image:url(../images/images/sliders-img-bg.png);
	background-repeat:no-repeat;
	/*box-shadow: 1px 1px 1px 2px #888888;
	border-radius:2px;*/
	}
.companyoverview-Coretext{
	width:87%;
	float:none;
	height:auto;
	padding:9px 10px;
	/*border:1px solid #D2D2D2;*/
	margin-right:5px;
	/*border-radius:6px;*/
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	background-color:#fff;
	margin-bottom:15px;
	}		
.leftinput {
	display:block;
	margin: 0 auto;
	width: 85%;	
	margin:10px;
	margin-left:25px;
}
.form-button {
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	border-radius: 4px;
	color: #000;
	width: 150px;
	margin-top: 75px;
	cursor: pointer;
	padding: 4px 4px;
	margin-left:25px;
	margin-bottom:10px;
	display:block;
	float:none;
}
select {
	background-color: #d9d9d9;
	height: 30px;
	border: 1px solid #939393;
	color: #000;
	width: 150px;
	margin-right: 30px;
	cursor: pointer;
	padding: 3px 0;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	display:block;
}
textarea {
	width: 95%;
	height: 207px;
	margin-bottom: 8px;
	border: none;
	padding-left: 4px;
	color: #999;
	font-size: 11px;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	background-color:#000;
	display:block;
}
.send {
	display:block;
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	color: #000;
	width: 100px;
	float: none;
	cursor: pointer;
	padding: 4px 4px;
	margin-right: 10px;
	margin-left:25px;
	display:block;
}
	
}
@media screen and (min-width:481px) and (max-width:768px){
.slider-bg-img-1 {
	width:96%;
	max-width:320px;
	margin:0 0 10px 140px;
	display:block;
	
	}
.slider-bg-img-2 {
	width:96%;
	max-width:320px;
	float:none;
	margin:0 0 10px 140px;
	border:1px solid #999;
	background:#fff;
	background-image:url(../images/images/sliders-img-bg.png);
	background-repeat:no-repeat;
	/*box-shadow: 1px 1px 1px 2px #888888;
	border-radius:2px;*/
	}
.companyoverview-Coretext{
	width:90%;
	max-width:760px;
	float:none;	
	padding:9px 10px;
	/*border:1px solid #D2D2D2;*/
	margin-right:5px;
	/*border-radius:6px;*/
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;	
	margin-bottom:15px;
	
	}		
.leftinput {
	display:block;
	margin: 0 auto;
	width: 90%;	
	margin:10px;
	margin-left:25px;
}
.form-button {
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	border-radius: 4px;
	color: #000;
	width: 150px;
	margin-top: 75px;
	cursor: pointer;
	padding: 4px 4px;
	margin-left:25px;
	margin-bottom:10px;
	display:block;
	float:none;
}
select {
	background-color: #d9d9d9;
	height: 30px;
	border: 1px solid #939393;
	color: #000;
	width: 150px;
	margin-right: 30px;
	cursor: pointer;
	padding: 3px 0;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	display:block;
}
textarea {
	width: 95%;
	height: 207px;
	margin-bottom: 8px;
	border: none;
	padding-left: 4px;
	color: #999;
	font-size: 11px;
	margin-left:25px;
	margin-bottom:10px;
	border-radius: 4px;
	background-color:#000;
	display:block;
}
.send {
	display:block;
	background-color: #d9d9d9;
	height: 25px;
	border: 1px solid #939393;
	color: #000;
	width: 100px;
	float: none;
	cursor: pointer;
	padding: 4px 4px;
	margin-right: 10px;
	margin-left:25px;
	display:block;
}