/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}
.main_logo1 {
    width: 70px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.navbar-fixed-top .nav {
    padding: 15px 0;
}
.col-lg-12-copy {
    display: none;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}
.dr_names {
    color: #F07032;
    padding-bottom: 10px;
    text-align: center;
}

footer {
    padding: 30px 0;
}


.btm_image{
    margin-bottom: 10px;
}


.sm {
    
    margin-bottom:15px;
}
.social_media{
    float: right;
}
.footer_link {
    color:#3071A9;
    text-decoration:underline;
}
/* style for NEW TREATMENTS PAGE */

.newTreatments {
    width: 100%;
}
.newTreatments #left {
    float: left;
    width: 48%;
}
.clearspace {
    clear: both;
    height: 12px;
}
.newTreatments #right {
    float: right;
    width: 48%;
}

.trt-img {
    float: left;
    height: 67px;
    width: 77px;
}
.newTreatments h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #283991;
    display: inline;
}
.newTreatments h2 a {
    color: #283991;
    text-decoration: none;
}
.newTreatments h2 a:hover{
    text-decoration: underline;
}
.trt-txt {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 15px;
    padding-top: 6px;
    float: left;
    width: 19em;
}
.btm_text {
    width: 300px;
    text-align:justify;
    word-spacing:-1px;

}



@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 8px 0;
    }
}

@media(max-width:920px) {
.newTreatments #right {
    float: none;
    width: 48%;
}
.newTreatments #left {
    float: none;
    width: 48%;
}
.main_logo1 {

}

}

/***Tablet View***/
@media(min-width: 568px) and (max-width: 1008px) {
.lifetime_whitening {
    display: none;
}
.welcome {
    float: left;
}
.treatments1 {
    float: right;
}
.copyright {
    display: none;
}
.navbar-nav {
    font-size: 12px;
    float: right;
}
.main_logo1 {
 
}
.navbar-header {
    margin-bottom: -140px;
}
}


/***********HOME PAGE**************/
 
/**background of nav bar**/
 .navbar-inverse{background-color:#283991;border-color:#f4cf3e;border-bottom-width:3px;}



.h2_color {
    color: #283991;
} 

.col-md {
    width: 300px;
}
.contHeader {
    color:#6D1F14;
}
.btn-primary {
    background-color:#283991 !important;
}

.addy {
            font-size: 13px;
            padding-top: 10px;
            text-align: center;

}
.dr_names {
    color: #283991;
    font-weight: bold;
    width: 400px;
}
.phone {
    color:#283991; 
    font-weight: bold; 
    font-size: 17px;
}

.office_header {
    color: #cead26;
    font-weight: bold;
    font-size: 17px;
}
.office_img {
    margin-left: 20px;
}
.offices {
    min-width: 550px;
    width: 100%;
}
.office1 {
    float: left;


}
.office2 {
        float: left;


}
.header {
    margin-left: 10px; 
    padding-top: 30px;
}
.line {margin-left: 16px;}


/***********LOCATION PAGE**************/

.map_img {
    text-decoration:underline; 
    float: left; 
    padding-right: 20px
    


}






@media only screen and (max-width: 500px) {
   .offices {
   }
.header {

  
}
.dr_names {
    font-size: 11px;
    width: 300px;
}
.ch_img1 {
    width: 60%;
}
.addy {width: 60%;
    font-size: 10px;
}
.office_header{
    font-size: 10px;
}
.office_header{
    font-size: 13px;
}
.phone {
    font-size: 13px;
}
.line {width: 300px;}
.btn-lg {
    width: 100%;
}

}


@media only screen and (min-width: 500px) and (max-width: 820px){
    
    .offices {
    margin-left: 75px;
}
.office1 {
    margin-right: 100px;

}
.header {
    margin-left: 130px; 
    padding-top: 30px;
}
}