@media only screen and (min-width:551px) and (max-width:991px) { 

.menu .nav{
	width:100%;
}

#myCarousel .col-md-8{
	width:60%;
	float:left;
	clear:none;
}

#myCarousel .col-md-4{
	width:34%;
	float:left;
	clear:none;
	font-size:12px;
	line-height:normal;
}
#myCarousel .col-md-8 p{
	font-size:12px;
	line-height:normal;
	text-align:left;
	letter-spacing:normal;	
}
.logo img,
#myCarousel .col-md-4 img{
	max-height:100%;
	width:100%;
	height:auto;
}
.container .col-md-3,
.box .col-md-3 {
	width:50%;
	float:left;
	clear:none;
	font-size:12px;
	line-height:normal;
	margin-bottom:20px;
}
}

@media (max-width: 550px) { 
.menu  .container{
	padding:0;
}
.menu .nav{
	width:100%;
}
.menu .nav > li {
height: 41px;
overflow: hidden;
line-height: 25px;
}


#myCarousel .col-md-8 p{
	font-size:12px;
	line-height:normal;
	text-align:left;
	letter-spacing:normal;	
}
#myCarousel .col-md-4{
	width:150px;
	float:left;
	
}
.logo img,
#myCarousel .col-md-4 img{
	max-height:100%;
	width:100%;
	height:auto;
}

#myCarousel .col-md-8 h1 {
font-size: 24px !important;
margin-bottom: 10px;
}

.container p {
font-size: 12px;
line-height:normal;
}
div.jumbotron {
padding: 10px;
font-size: 12px;
line-height:normal;
}

.container .col-md-3,
.box .col-md-3 {
	margin-bottom:20px;
}

}