/*************** Responsive CSS Starts Here ****************/
@media screen and (min-width:768px) and (max-width:890px){
.inner-widgt-wrp span.autobody, .inner-widgt-wrp-b span.autobody {
    font-size: 10px!important;
}


}

@media screen and (min-width:150px) and (max-width:890px){
.slicknav_btn {
    background-color: #217AD1 !important;
}

.slicknav_nav a:hover {
    background: #4186D3 !important;
    color: #333 !important;
}

.slicknav_menu {
    background: #003168 !important;
    padding: 0 !important;
display:block!important;
position: fixed;
    width: 100%;
    top: 0px;
z-index:999999;
}

body{
margin-top:44px;
}

div#nav {
    display: none;
}
}
@media screen and (min-width:150px) and (max-width:940px){
.header-image #title, .header-image #title-area {
    max-width: 96%;
}

.header-image #title a {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 300px;
    background-size: contain;
    width: 90%;
}

#header .widget-area {
    max-width: 96%;
}

#header .widget-area {
    float: none!important;
    margin: 0 auto;
    clear: both;
    max-width: 360px!important;
}

.widget-area.header-widget-area .widget_text {
    max-width: 180px!important;
}

}

@media screen and (min-width:150px) and (max-width:450px){
.image {
    width: 100%!important;
    padding-bottom: 15px!important; 
    clear: both;
    display: block;
    margin: 0!important;
}

h1.home-main-tag {
    text-align: center;
}

.image img {
    width: 90%;
    margin: 0 auto!important;
    display: block;
    text-align: center;
    float: none;
}


.three-images {
width: 90%!important;
    float: none!important;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 0!important;
}

.widget-area.header-widget-area .widget_text {
    margin: 0 auto;
    float: none!important;
}

.bottom-bar{
    display: none;
}

}
@media screen and (min-width:150px) and (max-width:768px){
.footer-site {
    float: none!important;
    display: block!important;
    margin: 0 auto!important;
    text-align: center;
line-height: 30px!important;
}

.social-media {
    float: none!important;
    margin: 0 auto;
}

.footer-widgt3-wrp h2 {
    padding: 30% 20% 10% 35%!important;
}

.Busin-hour ul li {
    text-align: center!important;
margin-left:0!important;
}

.inner-widgt-wrp-b {
    text-align: left;
}

.inner-widgt-wrp {
    text-align: left;
}

#footer-widgets .widget-area {
width: 90%!important;
    margin: 0 auto!important;
    float: none;
    max-width: 400px;
    text-align: center;
    clear: both;
    margin-bottom: 20px!important;
}

.three-images a.bottom {
    font-size: 11px!important;
}

#inner .bottom-bar h5{
    margin-left: 0!important;
    font-size: 15px!important;
    line-height: 30px!important;
}
#inner .bottom-bar p{
    margin-left: 0!important;
    font-size: 11px!important;
}


#inner a.green-button {
    line-height: 25px!important;
}
   #inner .slider-left-cont h5 {
    line-height: 25px!important;
    font-size: 17px!important;
}

    #inner .slider-left-cont h5 a {
    line-height: 25px!important;
    font-size: 17px!important;
}

    #inner .slider-left-cont h5 em {
    line-height: 25px!important;
    font-size: 17px!important;
}

}
@media screen and (min-width:150px) and (max-width:360px){
.footer-widgt3-wrp h2 {
    font-size: 17px!important;
    padding: 40% 20% 10% 35%!important;
}

}

@media screen and (min-width:150px) and (max-width:335px){
#inner .slider-left-cont h5 {
    line-height: 25px!important;
    font-size: 13px!important;
}

#inner .slider-left-cont h5 a {
    line-height: 25px!important;
    font-size: 13px!important;
}

#inner .slider-left-cont h5 em {
    line-height: 25px!important;
    font-size: 13px!important;
}

#inner a.green-button {
    line-height: 15px!important;
    font-size: 13px!important;
}

}

/*************** Responsive CSS Ends Here ****************/

/*************** Custom CSS Starts Here ****************/
.sidebar .widget {
    margin-bottom: 40px;
    padding: 0px;
    margin-right: 12px;
border: 0;
}

.entry-content a:hover {
    color: #000;
}
.entry-content a {
    color: #e5554e;
    text-decoration: none;
}



.sidebar .widget:last-child {
    margin-bottom: 0;
}

div#nav .genesis-nav-menu .sub-menu .current-menu-item > a:before {
    display: none;
}

div#nav .genesis-nav-menu .sub-menu .current-menu-item > a {
    color: #B1D08C;
}


.widget-title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}

p.cff-page-name {
    color: #e5554e;
}

span.cff-text a {
    color: #e5554e;
}


.cff-post-links a {
    color: #e5554e;
}

.cff-post-links a:hover {
    color: #000;
}

p.cff-page-name:hover {
    color: #000;
}

span.cff-text a:hover {
    color: #000;
}

h1.entry-title {
    padding-left: 2%;
    font-weight: 700;
    color: #2964A2;
    font-style: italic;
    margin-bottom: 25px;
    display: inline-block;
    font-size: 32px;
}

div#sidebar {
    width: 34%;
padding: 0;

}

div#content-sidebar-wrap {
    padding-top: 25px;
}

.footer-widgets .widget {
    margin-bottom: 0;
}

.social-media ul li {
    display: inline-block;
}

.social-media ul li a {
    display: block;
    padding: 14px 22px;
    margin: 0;
    border-radius: 70%;
    -webkit-border-radius: 70%;
    -moz-border-radius: 70%;
    -o-border-radius: 70%;
    -ms-border-radius: 70%;
}

li.google-plus a {
    background: #444 url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/google-plus-img.png)no-repeat 55% 50%;
}

li.face-book a {
    background: #444 url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/facebook-img.png)no-repeat 48% 50%;
}

li.linked a {
    background: #444 url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/linked.png)no-repeat 55% 47%;
}

li.linked a:hover {
    background: #1D76B3 url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/linked.png)no-repeat 55% 47%;
}

li.face-book a:hover {
    background: #3B589E url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/facebook-img.png)no-repeat 48% 50%;
}

li.google-plus a:hover {
    background: #DA4835 url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/google-plus-img.png)no-repeat 55% 50%;
}

.social-media ul {
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
}


.social-media {
    color: #FFF;
    font-weight: 400;
    max-width: 182px;
    float: left;
    width: 100%;
}

.footer-site {
    float: left;
    padding: 0px 30px;
    max-width: 500px;
    color: #FFF;
    font-weight: 500;
    text-shadow: -1px 3px 3px #333;
    line-height: 50px;
    display: inline-block;
}


.footer-widgt3-wrp h2 {
    display: block;
    margin: 0;
    padding: 40% 20% 10% 35%;
    color: #FFF;
    font-style: italic;
    font-weight: 600;
    background-size: 81%;
    font-size: 21px;
    line-height: 34px;
}

.foot-image {
    padding-top: 20px;
}

.footer-widgt3-wrp {
    background: url(https://www.baileysautobodynh.com/wp-content/uploads/2015/09/bus-images.png) no-repeat;
    background-size: contain;
    max-height: 260px;
    margin-top: 15px;
    background-position: 50% 0;
}

#footer-widgets .widget-area {
    width: 33%;
    margin: 0;
}

.Busin-hour {
    width: 100%;
    margin: 0 auto;
}

.Busin-hour ul {
    margin: 0 auto;
    width: 80%;
}

.Busin-hour ul li {
    color: #2AB0E4;
    text-align: left;
    font-size: 15px;
    margin-left: 25px;
}

.Busin-hour ul li span {
    color: #FFF;
}

.twentyfour-hours {
    width: 57%;
    margin: 0 auto;
}

.twentyfour-hours img {
    width: 100%;
    max-width: 120px;
    padding: 20px 0;
}

.inner-widgt-wrp-b {
    float: right;
    width: 50%;
    padding-top: 57px;
}

.inner-widgt-wrp {
    float: left;
    width: 50%;
    padding-top: 57px;
}

.inner-widgt-wrp-b h4, .inner-widgt-wrp h4 {
    color: #fff;
    font-size: 0.8em;
    margin: 0 auto;
}

.inner-widgt-wrp span.autobody, .inner-widgt-wrp-b span.autobody {
    display: block;
    font-size: 0.8em;
    line-height: normal;
    font-weight: 400;
    color: #2AB0E4;
}
.inner-widgt-wrp .phone-add p, .inner-widgt-wrp-b .phone-add p {
    color: #fff;
    font-weight: normal;
    font-size: 0.9em;
}

.footer-widgets, .footer-widgets a {
    color: #999;
}
#wrap {
    margin: 0 auto;
    max-width: 931px;
    background: #fff;
}

.footer-widgets .widget-title {
    color: #fff;
    font-size: 1.5em;
    font-style: italic;
    text-shadow: -1px 2px 5px #000;
    font-weight: 700;
    padding: 20px 0px;
}

.footer-widgets .wrap {
    background: -webkit-linear-gradient(#044086, #002F66);
    background: -o-linear-gradient(#044086, #002F66);
    background: -moz-linear-gradient(#044086, #002F66);
    background: linear-gradient(#044086, #002F66);
    padding-bottom: 0px;
    padding: 30px;
    float:left;
    padding: 30px 3% 5px;
    float: left;
    width: 94%;
}

.footer-widgets {
	border-top: 0;
	clear: both;
	line-height: 1.5;
	overflow: hidden;
	padding: 0 10px;
}

#footer .wrap {
    background: #75B72A;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    line-height: 1;
    padding: 30px 0;
    border: 0;
width: 100%;
    float: left;
}

#footer {
    clear: both;
    background: #fff;
padding:0 10px;
    padding-bottom: 10px;
}

.slider-left-cont a:hover {
    color: #fff;
}

.phone-add {
    margin-top: 15px;
}

.phone-add p {
    color: #333;
    font-weight: 700;
    font-size: 22px;
}

body,
input,
textarea,
.author-box h1 {
	font-family: 'Lato', sans-serif;
}

.widget-area.header-widget-area .widget_text {
width: 100%;
    float: left;
    display: block;
    max-width: 220px;
}

#header .widget-area {
	    width: 96%;
    max-width: 450px;
    float: left;
    padding: 0 2%;
    padding-top: 15px;
}

a {
    color: #e5554e;
    text-decoration: none;
}

.right-image {
    padding-right: 0!important;
}

.left-image {
    padding-left: 0!important;
}

.entry-content {
    width: 96%;
    float: left;
    padding: 0 2%;
}


.image {
    float: left;
width: 40%;
    margin-right: 15px;
}

h1.home-main-tag {
    font-size: 18px;
    text-align: left;
    margin-bottom: 25px;
}

.entry-content p {
    color: #666;
    font-weight: 400;
    margin-bottom: 28px;
    font-size: 16px;
}



.three-images a.bottom:hover {
    color: #E5554E;
}

.main-below-slider {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.three-images {
    width: 32.6%;
    float: left;
    padding: 0 1%;
}

.three-images img {
    width: 100%;
    height: auto;
}

.center-image {
    padding: 0;
}

.three-images a.bottom {
    background: -webkit-linear-gradient(#004181, #002F66);
    background: -o-linear-gradient(#004181, #002F66);
    background: -moz-linear-gradient(#004181, #002F66);
    background: linear-gradient(#004181, #002F66);
    display: block;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    font-size: 21px;
    border-top: 6px solid #75B72A;
}

#header {
    min-height: 120px;
    overflow: hidden;
    padding: 40px 0 50px;
    background-color: #fff;
border:0;
box-shadow: 0 0 10px #8A8A8A;
}

div#nav {
background: #002E65 url(https://www.baileysautobodynh.com/wp-content/themes/genesis-sample/images/nav-bg.gif);
    background-size: contain;
    width: 100%;
    float: left;
}

a,
h2 a:hover,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a,
.genesis-nav-menu li li a:hover,
.genesis-nav-menu .current-menu-item a {
	color: #B1D08C;
}

.genesis-nav-menu a {
    display: block;
    padding: 23px 20px;
    position: relative;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

div#nav .genesis-nav-menu .current-menu-item > a:before {
    content: "";
    background: url(https://www.baileysautobodynh.com/wp-content/uploads/2015/08/nav-down-arrow.png)no-repeat;
    width: 22px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: -32px;
    left: 40px;
}

div#nav .genesis-nav-menu .current-menu-item a {
    padding-left: 0;
}



.genesis-nav-menu ul.sub-menu a {
    font-size: 14px;
    padding-left: 10px!important;
}

#inner {
	clear: both;
	overflow: hidden;
    padding-top: 0;
}

a.green-button {
    line-height: 43px!important;
    width:90%;
    color: #fff;
    text-decoration: none;
    background: -webkit-linear-gradient(#7CC22D, #5d9221);
    background: -o-linear-gradient(#7CC22D, #5d9221);
    background: -moz-linear-gradient(#7CC22D, #5d9221);
    background: linear-gradient(#7CC22D, #5d9221);
    max-width: 236px!important;
    margin: 0 auto!important;
    border-radius: 5px;
    box-shadow: 0px 1px 1px #000;
    padding: 2px 0!important;
    font-size: 19px!important;
    display: block;
}

.slider-left-cont h5 em {
    line-height: 45px!important;
    font-size: 24px!important;
}

.slider-left-cont h5 {
    line-height: 65px!important;
    font-size: 24px!important;
}

.slider-left-cont h5 a {
    line-height: 65px!important;
    font-size: 24px!important;
    color: #fff;
    text-decoration: none;
}

.slider-left-cont {
    position: relative;
    margin-top: -8px!important;
margin-left: -8px!important;
    text-align: center;
    background: rgba(0, 46, 100, 0.3);
    line-height: 65px!important;
    padding:0 17% 10%!important;
}

.bottom-bar {
background: rgba(0, 46, 100, 0.3);
    padding: 4px 12%!important;
    min-width: 930px!important;
    float: left;
    width: 100%!important;
    bottom: 0;
    position: absolute;
    left: -8px;
}

.bottom-bar p {
    font-size: 13px!important;
    margin: 0 !important;
    margin-left: 37%!important;
line-height: 20px!important;
}

.bottom-bar h5 {
    font-size: 22px!important;
    margin: 0!important;
    color: #fff!important;
    line-height: 30px!important;
    margin-left: 37%!important;
}

.home h1.entry-title {
    display: none;
}

#content {
padding: 0px 0px 20px;
    background: #fff;
}

.slicknav_menu {
     display: none;
}
.slicknav_nav a {
    outline: 0;
}
/*************** Custom CSS Ends Here ****************/