/*-------------------------------------------------------------------------------------------------------*/
/* Mobil Document */
@media only screen and (min-width:240px) and (max-width:1003px){
.content .partners {
	padding:5px;
	width:auto;	
}
.container {
	width:100%;	
}
.container .navigation,
.container .navigation ul {
	width:100%;
	height:auto;	
}
.header .navigation ul li, .header .navigation ul li a {
	display:block;
	width:auto;
	float:none;
}
.header .navigation > ul > li > a {
	margin:2px 5px;
	line-height:40px;
}
.header .navigation ul li {
	height:auto;	
}
.header .navigation.drop ul ul li {
	background-color: #4883AA;
}
.header .navigation.drop ul ul {
	display:block;
	width:auto;
	margin:0px 10px;
	position:relative;
	top:0px;
	left:0px;
	box-shadow:none;	
}
.header .navigation.drop > ul > li.active, .header .navigation.drop > ul > li:hover {
	background-color: transparent;
}
.header .navigation.drop > ul > li.active > a, .header .navigation.drop > ul > li:hover > a{
	background-color:#2a5fbf;
}
.header .navigation ul li ul {
	background-color: transparent;
	visibility: visible;
	opacity: 1;
}
.header .navigation ul li ul li:first-child,
.header .navigation ul li ul li:first-child a {
	border-radius:5px 5px 0px 0px; 
}
.header .navigation ul li ul li:last-child,
.header .navigation ul li ul li:last-child a {
	border-radius:0px 0px 5px 5px; 
}
.header .navigation.drop .container {
	box-shadow:none;
}
.header .container .navigation ul {
	display:none;	
}
.header .slider {
	height:auto !important;
	min-height:100px;
}
.header .slider-text h2 {
	font-size:18px;	
}
.header .slider-text h4 {
	font-size:12px;	
}
.header .slider-text .logo > img {
	width:40%;	
}
.header .slider-text .btn2 {
	background-color: rgba(0,0,0,0.8);
	display: inline-block;
	width: auto;
	height: auto;
	padding: 5px 10px 5px 5px;
	margin-top: 0px;
	line-height: normal;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	border-radius: 80px;
}
.header .slider-text .btn2 img {
	width:30px;	
}
.header .slider-text .btn {
	padding: 2px 20px;
	font-size: 12px;	
}
.header .headline {
	padding:10px;	
}
.header .headline h3 {	
	background:none #203248;
	display:block;
	height:20px;
	margin:0px;
	padding:5px;
	line-height:20px;
	font-size:12px;
	clear:both;	
}
.header .headline span {
	display:block;
	padding:5px;
	font-size:12px;
	line-height:20px;
}
.header .banner .logo  {
	background-size:200px;
	background-position:center;
	min-height: 100px;
	width:60%;
	margin:auto;
	float:none;
}
ul.blog li .dtl {
	width:auto;
	width:calc(100% - 52px);
}
ul.blog li .thumb {
	width:52px;
	height:auto;
}
.content .nav {
	width:100%;
	margin:-20px auto 0 auto;
	float:none;
}
.content .nav ul {
	border: rgba(255,255,255,0.2) 1px solid;
	margin: 40px 20px;
	padding: 10px;	
}
.content .nav ul li {
	border: rgba(255,255,255,0.2) 1px solid;
	margin-bottom:5px;
	border-radius:5px;
}
.content .nav ul li:last-child {
	margin-bottom:0px;	
}
.content .nav ul li a {
	border: none;
}
.content .left,
.content .right,
.content .right.inner {
	width:auto;
	margin:10px;
	padding:10px;
	border:none;
	float:none;
	clear: both;	
}
.content p.commit {
	padding:10px 20px;
}
#mobile_nav_btn {
	background:url(../images/responsive-navicon.png) left center no-repeat;
	display:block;
	height:45px;
}
.header .social {
	position:absolute;
	right:0px;
	top:5px;
	float:none;	
}
.form input[type=button],
.form input[type=submit],
.form .btn {
	display:block;
	width:94%;
	margin:10px 3%;
	border-radius:5px;	
}
.form input[type=text],
.form input[type=email],
.form textarea,
.form select {
	display:block;
	margin:5px 0;
}
.form select {
	background:url(../images/arrow-list%20-%20down.png) no-repeat right center #FFF;	
}
.footer {
	height:auto;
	position:relative;	
}
.footer .left .col {
	width: auto;
	float: none;
}
.footer .left ul li {
	text-align:left;
}
.footer .left h2 {
	text-align:left;	
}
.footer .right {
	width: auto;
	float: none;
}
.footer .social {
	bottom:0px;	
	width:auto;
	float:none;
	clear:both;
	text-align:center;
}
.footer .social a{
	float:none;	
}
.footer .copy {
	background-color:#0f1540;
	width: 100%;
	margin: auto;
	position: absolute;
	bottom: -49px;
	left: 0px;
	right: 0px;
}
.datagrid {
	background-color:transparent;	
	width:95%;
	margin:auto;
	border:none;	
}
.datagrid table {
	width:100%;
}
.datagrid table tr td,.datagrid table tr th {
	display:block !important;
	width:auto !important;
	padding:5px !important;
}
.datagrid table tr:nth-child(even) td{
	background-color:#EEF;
}
.datagrid table tr {
	background-color:#fff;
	display:block;
	margin-bottom:10px;
	border:5px solid #0070A8;
}
.datagrid table tr td:before {
	background-color: #0070A8;
	display:block;
	padding:5px;
	color:#FFF;	
}
.datagrid table tr td:nth-child(1):before  {	
	content:"First Name : ";
}
.datagrid table tr td:nth-child(2):before  {	
	content:"Photos : ";
}
.datagrid table tr td:nth-child(3):before  {	
	content:"Address : ";
}
.datagrid table tr td:nth-child(4):before  {	
	content:"Phone/Fax : ";
}
.datagrid table tr td:nth-child(5):before  {	
	content:"Email : ";
}
.datagrid table tfoot,
.datagrid table thead {
	display:none;
}
.datagrid table tr td a {
	background-color:#203248;
	padding:5px;
	color:#FFF;	
	border-radius:5px;
}
.container .blog .left,.container .blog .right{
	margin:0px 20px;
}
.header .slider-text .logo img {
	width:80%;
	max-width:300px;
}
.nivoSlider {
	height:auto !important;	
}
.header .navigation.drop ul ul ul li {
	border: rgba(0, 0, 0, 0.3) 1px solid;
	border-radius: 5px;
}
.header .navigation.drop ul ul ul li {
	margin-bottom:10px;
}
}
@media only screen and (min-width:600px) and (max-width:1003px) {
.footer .left .col {
	width: 26%;
	float: left;
}
.footer .left .social {
	width: 120px;
	float: left;	
	clear:none;
}
.header .banner {
	background-size: 1000px;
	height: 230px;
}
}
@media only screen and (min-width:240px) and (max-width:600px) {
.header .slider-text .btn2 {
	display:none;	
}
.header .slider-text h4 {
	display:none;	
}
.header .slider-text h2 {
	font-size:12px;	
}
.header .slider-text p{
	margin:5px;	
}
.footer .left .col ul {
	border-bottom:rgba(255,255,255,0.2) 1px solid;
}
.header .banner .slider-wrapper .logo {
	position: absolute;
	top: -10px;
	z-index: 9999;
	left: 20px;
}
.header .banner {
	background-size: 600px;
	height: 140px;
}
.banner .nivo-caption {
	display: block;
	width: 100% !important;
	position: initial;
	text-align: center;
	font-size: 14px !important;
	background-color:#264C8A;
}
.theme-default a.nivo-prevNav,
.theme-default a.nivo-nextNav {
	top:10%;
}
.left h3 em {
	display:inline-block;
	margin-top:25px;	
}
#earth {
	margin: 25px 0px 0px 55px;
	display:block;
}
}
@media only screen and (min-width:240px) and (max-width:480px){
.partners .listing_post img {
	display: block;
	max-width: 200px;
	height: auto;
	float: none;
	clear: both;
	margin: auto;
}
}
@media only screen and (min-width:240px) and (max-width:320px) {
.left h3 {
	font-size:20px;	
}
}