/*************************
        Jamesrisk
*************************/
/*****General Elements*****/
* {
	margin:0;
	padding:0;
	border:0;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
}
body {
    background:#fff;
	margin-top:0px;
	font-size:62.5%;
}
body,
input,
textarea { 	
	font-family:Verdana;
	color:#666;
}


/*****Structure*****/

@media screen and (min-width: 980px) /* Desktop */ {

.logo {
	float: left;
	padding-left:30px !important;
}

.headeroption ul {
	list-style:none;
/*	color:#b6a61f; */
	font-size: 16px;
	margin:7px 30px 0px 10px;
}
.about-img {
	margin-top:-29px !important;
	padding-bottom:15px !important;
	padding-left:30px !important;
}
.services-text {
	padding-right:30px !important;
	}

.services-1-text {
	padding: 0px 30px 0px 30px !important;
}
.client-box {
	margin-top: 30px;
	background-color: #dcdcdc;
	margin-left: 30px !important;
	margin-right: 30px !important;
    border-radius: 10px;
    border: 1px solid #989191;
}
.design-text {
	margin-left:auto !important;
	margin-right:auto !important;
}
.more-text{
	color:#67706f;
	font-size: 16px;
	font-family:Arial;
	min-height:110px;
	}
	.design-font {
	color:#b6a61f;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.address-text {
	padding-left:40px !important;
}
.form-box {
	padding-right: 30px !important;
}
.techno-img {
	background-color:transparent !important;
	padding:30px 80px 0px 40px !important;
	border:none !important;
}
.bottom-text {
	margin-left:auto !important;
	margin-right:auto !important;
	padding-right:30px !important;
	padding-left:30px !important;
}

}


@media only screen and (min-width:319px) and (max-width : 430px)/*mobile potrait*/  {
	.logo {
	float: left;
	padding-left:15px;
}
	.about-img {
	margin-top: -29px;
	padding-bottom: 15px;
/*	padding-left:30px; */
}
.services-text {
	/*padding-right:30px;*/
	}
	.services-1-text {
	/*padding: 0px 30px 0px 30px;*/
}
.client-box {
	margin-top: 30px;
	background-color: #dcdcdc;
	margin-left: 15px !important;
	margin-right: 15px !important;
    border-radius: 10px;
    border: 1px solid #989191;
}
.design-font {
	color:#b6a61f;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.techno-img {
	background-color:transparent !important;
	padding:30px 80px 0px 18px !important;
	border:none !important;
}
.bottom-text {
	margin-left:auto !important;
	margin-right:auto !important;
}

}


@media only screen and (min-width:560px) and (max-width : 750px)/*mobile landscape*/  {
	.logo {
	float: left;
	padding-left:15px;
}

	.about-img {
	margin-top: -29px;
	padding-bottom: 15px;
/*	padding-left:30px; */
}
.services-text {
	/*padding-right:30px;*/
	}
.services-1-text {
	/*padding: 0px 30px 0px 30px;*/
}
.client-box {
	margin-top: 30px;
	background-color: #dcdcdc;
	margin-left: 15px !important;
	margin-right: 15px !important;
    border-radius: 10px !important;
    border: 1px solid #989191;
}
.design-font {
	color:#b6a61f;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.techno-img {
	background-color:transparent !important;
	padding:30px 80px 0px 18px !important;
	border:none !important;
}
.bottom-text {
	margin-left:auto !important;
	margin-right:auto !important;
}

	}

@media only screen and (min-width : 767px) and (max-width : 1024px) /* Tablet */ {
	.logo {
	float: left;
	padding-left:15px;
}

	.about-img {
	margin-top: -29px;
	padding-bottom: 15px;
/*	padding-left:30px; */
}
.services-text {
	/*padding-right:30px;*/
	}
	.services-1-text {
	/*padding: 0px 30px 0px 30px;*/
}
.client-box {
	margin-top: 30px;
	background-color: #dcdcdc;
	margin-left: 15px !important;
	margin-right: 15px !important;
    border-radius: 10px;
    border: 1px solid #989191;
}
.more-text{
	color:#67706f;
	font-size: 16px;
	font-family:Arial;
	min-height:176px;
	}
.design-text {
	margin-left:auto !important;
	margin-right:auto !important; 
}
.design-text2 {
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top: 40px;
}
.design-font {
	color:#b6a61f;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}
.address-text {
	padding-left:40px !important;
}
.form-box {
	padding-right: 30px !important;
}
.techno-img {
	background-color:transparent !important;
	padding:30px 80px 0px 40px !important;
	border:none !important;
}
.bottom-text {
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left: 26px !important;
    padding-right: 26px !important;
}

}




.nav-bar-my-color{
	background-color: #fff;
	float: left;
}
#custom-my-nav-bar{
	margin-bottom:0;
	border-radius:0;
	background-color: #fff;
	border: none;filter: alpha(opacity=50);  /* IE 5-7 */
    -moz-opacity: 0.9;          /* Netscape */
    -khtml-opacity: 0.9;        /* Safari 1.x */
    opacity: 0.9;               /* Good browsers */
}
#nav-div {
/*	padding-right: 72px;
    padding-left: 80px; */
    padding-top: 19px;
    padding-bottom: 10px;
}
.logo {
	float: left;
}
.mainheaderimg {
	/*height: 813px;*/
	/*margin-left: 26px;*/
}
.headeroption {
	float:right;
	padding-top: 11px;
}

.navbar-toggle {
	background-color: #000 !important;
	border: none !important;
}
.navbar-inverse .navbar-collapse {
	border: none !important;
}
.headeroption ul {
	list-style:none;
/*	color:#b6a61f; */
	font-size: 16px;
	margin:7px 0px 0px 10px;
}	
.headeroption li {
	float:left;
	/*margin:0 8px 0 8px; */
}
.headeroption li span {
	margin:0 5px 0 20px;
	color:#b6a61f;
}
.headeroption li a,
.headeroption li a:link,
.headeroption li a:visited {
	color:#67706f !important;
	background-color:#fff !important;
	text-decoration:none;
}
.headeroption li a:active,
.headeroption li a:focus,
.headeroption li a:hover {
	color:#fff !important;
	background-color:#b6a61f !important; 
	text-decoration:none;
}

#gradient {
  background-image:
    linear-gradient(
      to top, 
      #d7d7d7, #fff
    );
}

.list-group {
	float:left;
	padding-top: 11px;
}

.list-group ul {
	list-style:none;
/*	color:#b6a61f; */
	font-size: 16px;
}	
.list-group li {
	float:left;
	margin:0 8px 0 8px;
}
.list-group li span {
	margin:0 5px 0 20px;
	color:#b6a61f;
}
.list-group li a,
.list-group li a:link,
.list-group li a:visited {
	color:#67706f;
	text-decoration:none;
}
.list-group a:active,
.list-group a:focus,
.list-group a:hover {
	color:#b6a61f !important;
	/*background-color:#b6a61f !important; */ 
	text-decoration:none;
}