.navbar-nav {
/*margin-top: 65px;*/
}

.navbar-brand {
    float: left;
    padding: 5px;
    height: auto;
}

/*@media (min-width: 768px)
{
    .navbar-nav>li>a {
        padding: 5px;
    }
}*/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Landscape phones and smaller */
@media (max-width: 480px) {

.topbanner {
max-width: 100%;
}

}


@media (min-width: 651px) {


}


@media screen and ( max-width: 650px ) {
    
.navbar-brand {
float: left;
padding: 15px;
font-size: 18px;
line-height: 20px;
height: auto;
max-width: 80%;
}

.form-control {
display: block;
width: 65%;
}

.navbar-form {
margin-left: 5px;
margin-right: 5px;
display: inline-block;
width: auto;
vertical-align: middle;
}

.navbar-nav {
margin: 7.5px -15px;
}




}

img {
display: block;
height: auto;
max-width: 100%;
}

th img {
display: block;
max-width: none;
}

hr {
border-top: 1px solid #D0CCCC;
}



.map_canvas {
   display: block;
   width: 100%;
   height: 400px;
}

.ad-responsive {
margin-left: auto; margin-right: auto;
text-align: center;
padding-bottom: 5px;
}

.ad-responsive  a img{
display: inline;
height: auto;
max-width: 100%;
margin-left: auto; margin-right: auto;
margin-bottom: 5px;
text-align: center;
}

.carousel {
min-width: 100%;
width: 100%;
margin-bottom: 10px;
}

.dirtable {
text-align: center;
/*align: center;*/
}

.articlepicture {
float: right;
width: 320px;
padding: 10px;
text-align: center;
margin-top: 15px;
}

.mainarticle {
padding: 20px 20px 20px 20px;
min-height: 550px;
}

.bannerads ul {
list-style-type: none;
white-space: nowrap;
list-style: none;
margin: 0;
padding: 0;
}

.bannerads li {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

.buttonads {
width: 120px;
padding: 5px;
}

.buttonads ul {
list-style-type: none;
white-space: nowrap;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.buttonads li {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

.navbar {
margin-bottom: 0px;
border:1px solid;
border-radius:15px;
border-color: lightgrey;
}
/*
.carousel {
border:1px solid;
border-radius:15px;
border-color: lightgrey;
}
*/
.truckerfooter {
background-color: #e7e7e7;
border:1px solid;
border-radius:15px;
border-color: lightgrey;
padding: 10px 10px 5px 10px;
}


.menuitem {
display: block;
padding: 3px 5px 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
text-decoration: none;
}


.menuitem:hover, .menuitem:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}


.unusedcontent-wrapper {
position: absolute;
top: 55px;
padding: 10px;
width: auto;
height: auto;
max-width: 100%;
margin:0 auto;
}

.logincontainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vertical-align {
    display: flex;
    align-items: center;
}