body {
  padding-bottom: 20px;
  padding-top: 0px;
  color: #5a5a5a;
}

.my-navbar{
	padding-top: 0px;
	border: 0px;
	border-radius: 0px;
	z-index: 9999;
	width:100%;
}

.navbar .navbar-brand {
	color:white;
	font-size:22px;
	font-weight:300;
	font-family:"Times New Roman", Times, serif;
}

.navbar .navbar-nav li a{
	color:white;
	font-size:14px;
	font-weight:300;
	font-family:"Times New Roman", Times, serif;
}


nav.shrink {
     background-color: rgba(0,0,0,0.5);
}

.navbar .nav > li > a:hover {
    color: #4d4d4d;
}

.navbar .navbar-header > a:hover {
    color: #4d4d4d;
}

a {
	color: #5a5a5a;
    -webkit-transition: color 0.3s;
    -moz-transition:    color 0.3s;
    -ms-transition:     color 0.3s;
    -o-transition:      color 0.3s;
    transition:         color 0.3s;
}
a:link{
	text-decoration:none;
	}
a:visited{
	color:inherit;
	}
a:hover{
	text-decoration: none;
	color:#b3b3b3;
	}
.form-control{
  font-family:"Times New Roman", Times, serif;
}

.img-circle{
	margin:auto}

.content-wrapperS{
  width: 100%;
  padding: 5%;

}

.col-lg-4 {
  margin-bottom: 0px;
  text-align: center;
}


.marketing h2 {
  font-weight: normal;
}
.col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

/* Featurettes
------------------------- */
#my{
	font-family:"Times New Roman", Times, serif;
	}

/* Thin out the marketing headings */
.heading {
  font-weight: 400;
  font-family:"Times New Roman", Times, serif;
  line-height: 1;
  letter-spacing: -1px;
  margin-top:9%;
  font-size:45px
}

.gap{
	margin-top:2%;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	}

.search-warranty{
  margin-bottom: 5%;
}

.searchResult-box {
  margin-bottom: 5%;
}

.searchResult-box-img {
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.searchResult-box-img:hover {
	transform: scale(1.05);
	}

.col-lg-3 {
	position: relative;
	cursor: pointer;
  text-align: center;
  vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
	transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.col-lg-3:hover {
	transform: scale(1.05);
	}

/*dialog----------------------------------------*/
.lightbox {
    display: none;
	}

.lightbox #container1 {
	float:left;
	width:75%;
	height:100%;
	}

.lightbox #container2 {
	width:23%;
	height:100%;
	float:right;
	list-style-type:none;
	text-decoration:none;
		}
.lightbox img {
	width:100%;
	height:100%;
	}

.goods-title {
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 3px;
	}

.goods {
	margin-bottom: 15px;
	font-family:"Times New Roman", Times, serif;
	}

#qualityChoosenForm {
	font-family:"Times New Roman", Times, serif;
  margin-left: 0.1%;
  margin-bottom: 15px;
}

#addButton {
  font-family:"Times New Roman", Times, serif;
  margin-left: 0.1%;
  margin-bottom: 15px;
}

#stockInfo {
  font-family:"Times New Roman", Times, serif;
  color: #006600;
  margin-bottom: 15px;
}

.productN{
	font-family:"Times New Roman", Times, serif;
	}

#lighboxTitle {
	Font-weight:200
	}
.textDec{
	text-decoration:underline;
	color:#06C;
	}
.textDec:hover{
	color:#5a5a5a;
	}
.warranty{
	font-family:"Times New Roman", Times, serif;
	}
/*end dialog------------------------------------*/

.gap1 {
	margin-top: 6%;
	margin-bottom: 1%
}

.coming {
	font-size: 60px;
	font-family:"Times New Roman", Times, serif;
	text-align: center;
	vertical-align: middle;
	margin-top:20%;
	}

.row{
    padding-left:0px;
	padding-right:0px;

    }

.footer1{
	font-weight: 300;
	font-size:15px;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:1%;
	}
#btt{
	font-weight:300;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	}
.footer2{
	font-size:12px;
	font-weight:300;
	font-family:"Times New Roman", Times, serif;
	}
.noResults{
  margin-bottom: 45%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (max-width: 960px){
.navbar-brand {
  	font-size:18px;
  }
.content-wrapper{
	height: auto;
        }

.content-wrapperS{
	padding-top: 20%;
        }

#container1 {
		width: auto;
		height: auto;
		}
#container2 {
		width: auto;
		height: auto;
		}
.lightbox {
		width: auto;
		height: auto;
		}
.heading{
		margin-top:21%;}

.footer1{
	font-size:8px;
	}
.footer2{
  	font-size:6px;
  	}
#btt{
  	font-size:6px;
  	}
.coming{
	font-size:40px;
	margin-top:40%;
  font-weight: 300px;
	}
  .noResults{
    margin-bottom: auto;
  }
}