.hide-from-desktop{
    display: none;
}
@media screen and (max-width: 1257px){
    .no-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 1228px){
    footer .footer-info .office-hours .date-time label{
        margin-left: 10px;
    }
}
@media screen and (max-width: 1198px){
    .logo-set .logos img,.logo-set .logos .iamot,.logo-set .logos .aaosh{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media screen and (max-width: 1000px){
    header{
        height: auto;
    }
}
@media screen and (max-width: 1003px){
    .summery-row{
        text-align: center;
        img{
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
        .summry{
            margin-bottom: 0 !important;
            padding-bottom: 0;
        }
        .summry.left,.summry.right{
            text-align: center !important;
        }
        h2.border-left:before,h2.border-right:before{
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
        }
        
    }
    .summry .learn-more-btn{
        margin-left: auto;
        margin-right: auto;
        float: none !important; 
    }
}

@media screen and (max-width: 983px){
   
        footer .footer-info .icon a{
            margin-right: 5px;
        }
    
    footer .footer-info .icon img{
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 986px){
    header nav ul li{
        margin-right: 30px;
    }
    footer .footer-menu ul li{
        margin-right: 10px;
    }
    footer .footer-info .icon a{
        margin-right: 3;
    }
    header.inner .inner-heading h1{
        font-size: 30px;
    }
}
@media screen and (max-width: 907px){
    header .inner-banner{
        background-attachment: scroll !important;
    }
    header nav ul li{
        margin-right: 15px;
    }
    footer .footer-info .appointment p, footer .footer-menu ul li a, footer .copright span{
        font-size: 13px;
    }
    .tp-bgimg.defaultimg:before,header .inner-banner:before{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        content: "";
        display: block;
    }
}
@media screen and (max-width: 798px){
    header nav ul li a, .our-service a span.text{
        font-size: 13px;
    }
}
@media screen and (max-width: 767px){
    header .navigation.fixed-theme{
        box-shadow: none;
    }
    .evans-dentalcare .welcome-to-evans-dental{
        margin-left: 0;
    }
    header .logo img{
        margin-top: 0;
    }
    header.inner .inner-heading{
        text-align: center;
    }
    header.inner .inner-heading h1{
        text-align: center; 
    }
    header.inner .inner-heading a{
        margin-left: auto;
        margin-right: auto;
    }
    header .navigation{
        text-align: center;
    }
    .hide-from-mobile{
        display: none;
    }
    .hide-from-desktop{
        display: block;
    }
    header .navigation .phone-address{
        width: 100%;
        float: none;
    }
    header .navigation .phone-address .address{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    header nav ul{
        display: none;
    }
    header .navigation .phone-address .address span{
        display: inline;
    }
    header .navigation .phone-address .address i{
        position: static;
    }
    header .navigation .phone-address .phone a{
        text-align: center;
        margin-top: 15px;
    }
    header .navigation .phone-address .phone{
        width: 100%;
    }
    header .navigation .phone-address .phone i{
        position: static;
    }
    header .navigation .phone-address .phone a{
        display: inline;
    }
    header .navigation .phone-address{
        height: auto;
    }
    header .navigation .phone-address .address{
        margin-bottom: 15px;
    }
    header .logo img{
        margin-top: 56px;
    }
    .dr-peter{
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .evans-dentalcare .welcome-to-evans-dental h2{
        text-align: center;
    }
    .evans-dentalcare{
        padding-bottom: 40px;
    }
    .header-top-icons{
        display: block;
    }
    .our-service .our-services-logo a span.text br{
        display: none;
    }
    .our-service .our-services-logo a label.one,
    .our-service .our-services-logo a label.two,
    .our-service .our-services-logo a label.three,
    .our-service .our-services-logo a label.four,
    .our-service .our-services-logo a label.five,
    .our-service .our-services-logo a label.six
    {
        margin-left: auto;
        margin-right: auto;
    }
    .our-service .our-services-logo a span.text.one,
    .our-service .our-services-logo a span.text.two,
    .our-service .our-services-logo a span.text.three,
    .our-service .our-services-logo a span.text.four,
    .our-service .our-services-logo a span.text.five,
    .our-service .our-services-logo a span.text.six{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }
    .logo-set .logos img{
        margin-bottom: 30px;
    }
    footer{
        text-align: center;
    }
    footer .footer-info .appointment a{
        margin-left: auto;
        margin-right: auto;
    }
    footer .footer-info .contact h2,footer .footer-info .office-hours h2{
        margin-left: 0;
        margin-top: 30px;
    }
    footer .footer-info .office-hours .date-time .thu-fri{
        display: block;
    }
    footer .footer-info .office-hours .date-time .thu-fri-time{
        display: block;
        margin-left: 0;
    }
    footer .footer-info .office-hours .date-time span{
        display: block;
    }
    footer .footer-info .office-hours .date-time .lunch-time{
       display: block;
       margin-left: 0;
    }
    footer .footer-menu ul{
        display: none;
    }
    .our-service .our-services-logo a{
        min-height: 156px;
    }
    .our-philosophy .philosophy-text,.testimonials .testimonials-text{
        padding-left: 20px;
        padding-right: 20px;
    }
    .video-right{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        float: none;
    }
    .inner-contain .para{
        padding-left: 20;
        padding-right: 20px;   
    }
    .img-left{
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    }
    .inner-contain .para{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media screen and (max-width: 630px){
        header.inner .inner-heading h1{
        font-size: 24px;
    }
    header.inner .inner-heading{
         margin-top: 320px;
    }
}
@media screen and (max-width: 380px){
    .our-service .our-services-logo a{
        margin-bottom: 30px;
    }
    .before-after{
        -webkit-background-size: cover;
        background-size: cover;
    }    header .logo img{
        margin-top: 25px;
    }
    header .navigation .phone-address{
        margin-top: 10px;
    }
    
}
@media screen and (max-width: 767px){
    .carousel-control.left{
        margin-left: -45px;
    }
    .carousel-control.right{
        margin-right: -45px;
    }
    .gallery-tabs{
        margin-bottom: 35px;
    }

    .menu-navigation .mobile-icon{
        display: none;
    }
    footer .footer-info .contact .footer-address,footer .footer-info .office-hours .date-time{
        margin-left: 0;
    }
    header{
        span.heading-one{
            line-height: normal !important;
        }
        label.heading-two{
            line-height: normal !important;
        }
    }
    header .navigation.fixed-theme{
        background: none;
    }
    header .navigation.fixed-theme, header .logo img.fixed-theme, header nav ul.fixed-theme{
        transition:  none;
    }
    header .navigation{
        position: absolute;
    }
    .header-top-icons.isStuck{
        z-index: 25000;
    }

}