@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.mobile-noflex{
display: inline-block;
height: auto;
}

}

@media (max-width: 767px) {
.mobile-noflex{
display: inline-block;
height: auto;
}

}

@media (max-width: 480px) {
.mobile-noflex{
display: inline-block;
height: auto !important;
}
.navbar-brand{
font-size: 11px;
width: 80%;
}
.navbar-brand span{
padding-right: 0;
border: none;

}
#top-image{
width: 100%;
padding-bottom: 15px;
}
#top-image h1,
#about h2, #services h3,
#preim h3{
font-size: 16px;
}
#about h2 span{
font-size: 22px;
margin-bottom: 15px;
}
#top-image h1{
margin-bottom: 25px;
text-align: center;
}
#top-image ul,
#top-image p{
font-size: 16px;
}
#top-image p{
text-align: center;
line-height: 16px;
}
.mobile-center{
text-align: center !important;
font-size: 12px;
}
#header .btn{
margin-top: 10px;
font-size: 12px;
padding: 5px 15px;
}
#about,
#preim,
#services{
padding-top: 0px;
padding-bottom: 0px;
}
#about h2, #services h3{
margin-bottom: 25px;
}
#about p{
font-size: 12px;
}
#preim{
background-position: center left;
}
#preim h3{
margin-bottom: 25px;
}
#preim ul{
padding-left: 0;
}
#preim ul li{
font-size: 14px;
}
#services h3{
text-align: center;
}
#services .item{
padding: 10px;
margin-bottom: 15px;
text-align: center; 
}
.no-padding{
padding-left: 0;
padding-right: 0;
}
.content img{
float: none !important;
}
}

@media screen and (max-width: 400px){

}