/* CSS Document */

.bg-color {
    background-color: #edbf07;
    margin-top: -50px;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 8%;
}

.carousel {
    /*! margin-top: 19px; */
    margin-bottom: 50px;
    margin-left: -10%;
    margin-right: -10%;
    /*! padding-top: 11%; */
}
.item .thumb {
	width: 20%;
	cursor: pointer;
	float: left;
}
.item .thumb img {
	width: 100%;
	margin: 0px 90px;
	padding: 6px;
	height: 100px;
}
.item img {
	width: 100%;	
}
.carousel-control { 
  top:38%;
}
.carousel-control.left {
	left: 10%;
}
.carousel-control.right {
	right: 11%;
}
.image-shadow {
	box-shadow: 2px 6px 21px;
}
.mar-left {
	margin-left:110px !important;
}

@media only screen and (max-width: 480px) {
.bg-color {
    margin-top: -14px;
}
.carousel-inner .item img {
    height: auto;
}
.item .thumb img {
   	margin: 0px 50px;
}
.carousel {
    margin-top: 0px;
    margin-bottom: 23px;
    margin-left: 0;
    margin-right: 0;
}
.mar-left {
	margin-left:50px !important;
}
}