@media (max-width: 767px) {
	body{
		font-size: 14px;
	}
	h1{
		font-size: 26px;
	}
	h2{
		font-size: 22px;
	}
	h3{
		font-size: 18px;
	}
	h4{
		font-size: 16px;
	}
	h5{
		font-size: 14px;
	}
	h6{
		font-size: 14px;
	}
	.location h4,.features h4,.detail-features h4,.dental-services h4,.treatment-services h4,.testimonails-slider h4{
		font-size: 16px;
		letter-spacing: 1px;
	}
	.shining-bg,
	.testimonails-slider .empty-space{
		min-height: 400px;
	}
	.margin-sm-bottom{
		margin-bottom: 30px;
	}
	.margin-xs-top{
		margin-top: 15px;
	}
	.font-18 {
		font-size: 16px;
	}
    .border-none{
        border: none;
    }
	.stack-sm{
		display: block;
	}
	.stack-xs{
		display: block;
	}
	.width-400{
		width: 400px;
		max-width: 100%;
	}
	.width-365{
		width: 365px;
		max-width: 100%;
	}
	.appointment h6{
		text-align: center;
		margin-bottom: 30px;
	}
	.sidebar{
		margin-top: 35px;
	}
	.footer h2{
		margin-top: 20px;
	}
	.text-center-xs{
		text-align: center;
	}
	.margin-auto-xs{
		margin-left: auto;
		margin-right: auto;
	}
	.display-inline-xs{
		display: inline-block;
	}
    .img-small{
        text-align: center;
    }
    .img-small img{
		margin-bottom: 10px;
    }
    .box-icon-container,.digital-scan .box-icon-container{
        padding:80px 0;
    }
    header .main-menu li:hover .sub-menu{
        display:none;
    }
    body header .main-menu li > ul li:hover .sub-menu{
        display:none;
    }
    header .main-menu{
        float: none;
        padding: 0;
        margin: 25px 0;
		border-top: 1px solid #3498db;
    }
    header .main-menu li{
        display: block;
        text-align: left;
        padding: 0;
    }
    header .main-menu li i.fa-angle-down{
        float: right;
        font-size: 20px;
		padding: 9px 15px 10px;
		top: 0;
		position: absolute;
		right: 0;
		border-left: 1px solid #3498db;
    }
	header .main-menu li li i.fa-angle-down{
		padding: 7px 15px;
	}
	header .btn-default.active.focus,
	header .btn-default.active:focus,
	header .btn-default.active:hover,
	header .btn-default:active.focus,
	header .btn-default:active:focus,
	header .btn-default:active:hover,
	header .open>.dropdown-toggle.btn-default.focus,
	header .open>.dropdown-toggle.btn-default:focus,
	header .open>.dropdown-toggle.btn-default:hover{
		background-color: transparent;
    	border-color: #3498db;
	}
	header .main-menu .sub-menu li a,
	header .main-menu .sub-menu li:hover > a{
		background: transparent;
	}
    header .main-menu li:hover a{
        background-color: transparent;
        color: #3498db;
    }
    header .main-menu li a,
	.main-menu li:last-child a{
        border-bottom: 1px solid #3498db;
        border-right: 1px solid #3498db;
        border-left: 1px solid #3498db;
		padding: 10px 20px;
		border-radius: 0px;
    }
    header .main-menu li .sub-menu a{
		padding: 8px 20px;
    }
    header .main-menu .current-menu-item a{
        color: #fff;
    }
    .navbar-default .navbar-collapse{
        border: none;
    }
    header .main-menu .sub-menu{
        top:auto;
        position: relative;
        background-color: inherit;
		padding: 0;
    }
	header .main-menu .sub-menu li{
		margin: 0;
		padding: 0;
	}
    header .main-menu .sub-menu li a{
        color:#333;
    }
	header .main-menu .sub-menu li a:hover,
	header .main-menu .sub-menu .current-menu-item > a{
		transform: translateX(0);
	}
	header .main-menu .sub-menu li a:hover:before,
	header .main-menu .sub-menu .current-menu-item > a:before{
		display: none;
	}
    header .main-menu > li > .sub-menu:before{
        content: normal;
    }
    body header .main-menu .sub-menu .sub-menu{
        left:auto;
    }
    .heading-underline:after{
        top:auto;
    }
    .navbar-default .navbar-toggle{
        margin-top: 40px;
		border: 3px solid #3498db;
    }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #3498db;
		height: 3px;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 5px;
	}
	.caption-banner{
		font-size: 12px;
	}
	.caption-banner h1,
	.caption-banner h2,
	.caption-banner h3,
	.caption-banner h4,
	.caption-banner h5,
	.caption-banner h6{
		padding-bottom: 0;
	}
	.caption-banner h1{
		font-size: 22px;
	}
	.caption-banner h2{
		font-size: 20px;
	}
	.caption-banner h3{
		font-size: 18px;
	}
	.caption-banner h4{
		font-size: 16px;
	}
	.caption-banner h5{
		font-size: 14px;
	}
	.caption-banner h6{
		font-size: 12px;
	}
    .panel-group .panel.panel-default .panel-title .collapsed,.panel-group .panel .panel-title a{
        font-size: 18px;
        padding-right: 50px;
    }
    .panel-group .panel .panel-title a:before{
        height:40px;
    }
    .panel-group .panel .panel-title a:after{
        top: 12px;
    }
    .excerts-list li{
        display:block;
        border-bottom: 1px solid #e6e6e6;
        border-right: none;
    }
    .excerts-list li a{
        text-align: left;
		padding: 10px 20px;
    }
	.add-comment{
		margin-bottom: 30px;
	}
	.comments .comment-body .user-img{
		margin-bottom: 20px;
	}
    .comments .comment-body .comment{
        width: 100%;
    }
    .comment-body.reply{
        padding: 20px 0 15px 30px;
    }
    .comments .comment-body.reply .date{
        margin-left: 5px;
    }
    .comments .comment-body.reply .small{
        padding: 0 8px;
    }
    .comments .comment-body.reply .pull-right{
        margin-left:8px;
    }
    .widget-posts li{
        padding-bottom: 40px;
    }
	.features .icon{
		margin-bottom: 35px;
	}
	.margin-top-xs{
		margin-top: 15px;
	}
	.post-area:last-child {
		margin-bottom: 60px;
	}
	.margin-bottom-60,
	.post-area,
	.post-area:last-child{
		margin-bottom: 30px;
	}
}
@media (max-width: 480px) {
    .navbar-default .navbar-toggle{
        margin-top: 25px;
    }
	.testimonials{
		padding: 50px 20px;
	}
	.testimonials.style-2{
		padding: 0;
	}
	.caption-banner{
		font-size: 12px;
	}
	.caption-banner h1,
	.caption-banner h2,
	.caption-banner h3,
	.caption-banner h4,
	.caption-banner h5,
	.caption-banner h6{
		padding-bottom: 0;
		margin: 0;
		font-size: 12px;
	}
    .panel-group .panel .panel-title a:before{
        height:100%;
    }
    .panel-group .panel .panel-title a:after{
        top: 18px;
    }
	.img-small img{
		max-width: 100%;
	}
	h5.border-bottom{
		font-size: 16px;
	}
	img.pull-right,
	img.pull-left{
		margin: 0 0 15px;
		float: none !important;
	}
}
@media (max-width: 400px) {
	.caption-banner{
		display: none;
	}
}
@media (min-width: 768px)
{
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 20px;
	}
	h4{
		font-size: 18px;
	}
	h5{
		font-size: 16px;
	}
	h6{
		font-size: 16px;
	}
	header .brand{
		padding: 20px 0 0;
	}
	.stack-xs{
		display: flex;
	}
   .stack-sm{
        display: block;
    }
	.margin-sm-bottom{
		margin-bottom: 30px;
	}
    .brand{
        text-align: center;
    }
    .brand img{
        display: inline-block;
    }
    header .main-menu{
        float: none;
        padding:0;
    }
	.shining-bg,
	.testimonails-slider .empty-space{
		min-height: 450px;
	}
	.department{
		margin-top: 10px;
	}
	.font-18{
		font-size: 16px;
	}
	.margin-bottom-60,
	.post-area,
	.post-area:last-child,
	.add-comment{
		margin-bottom: 30px;
	}
    .border-bottom-sm{
      border-bottom:1px solid #e6e6e6;
    }
    .list-view .col-sm-4:nth-of-type(3n+1) {
        clear: both;
    }
	.details h3{
		font-size: 20px;
	}
    .dental-faqs .col-md-4:nth-of-type(3n+1){
        clear: none;
    }
    .dental-faqs .col-md-4:nth-of-type(2n+1){
        clear: both;
    }
    .widget-posts li{
        padding-bottom: 40px;
    }
	.appointment h6{
		text-align: center;
		margin-bottom: 30px;
	}
	.sidebar{
		margin-top: 35px;
	}
}
@media (min-width: 992px)
{
	.margin-sm-bottom{
		margin-bottom: 0;
	}
	header .brand{
		padding: 20px 0;
	}
    .brand{
        text-align: left;
    }
	h1{
		font-size: 32px;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 24px;
	}
	h4{
		font-size: 20px;
	}
	h5{
		font-size: 16px;
	}
	h6{
		font-size: 16px;
	}
	.font-18{
		font-size: 18px;
	}
	.post-area{
		margin-bottom: 30px;
	}
	.post-area:last-child{
		margin-bottom: 0;
	}
	.shining-bg,
	.testimonails-slider .empty-space{
		min-height: 450px;
	}
    .appointment .request a{
        padding: 10px 0 10px 15px;
        font-size: 12px;
    }
    .box-icon-container{
        padding: 18px 18px 12px;
    }
	.department{
		margin-top: 0;
	}
	.margin-bottom-60{
		margin-bottom: 60px;
	}
    .digital-scan .box-icon-container{
        padding: 18px 18px 10px;
    }
    .details h3{
        font-size: 22px;
    }
    .dental-faqs .col-md-4:nth-of-type(3n+1){
        clear: both;
    }
    .dental-faqs .col-md-4:nth-of-type(2n+1){
        clear: none;
    }
    .colums .four-columns .col-lg-3:nth-of-type(2n+1){
        clear: both;
    }
    .list-view .col-md-2:nth-of-type(3n+1){
        clear: both;
    }
    .stack-sm{
        display: flex;
    }
    header .main-menu {
        float: right;
    }
   .widget-posts li {
        padding-bottom: 20px;
    }
	.appointment h6{
		text-align: left;
		margin-bottom: 0;
	}
	.sidebar{
		margin-top: 0;
	}
	.add-comment{
		margin-bottom: 30px;
	}
}

@media (min-width: 1200px)
{
	h1{
		font-size: 40px;
	}
	h2{
		font-size: 36px;
	}
	h3{
		font-size: 32px;
	}
	h4{
		font-size: 24px;
	}
	h5{
		font-size: 22px;
	}
	h6{
		font-size: 20px;
	}
	.shining-bg,
	.testimonails-slider .empty-space{
		min-height: 550px;
	}
	.appointment .request a{
        padding: 10px 0 10px 25px;
        font-size: 14px;
    }
    .digital-scan .box-icon-container{
        padding: 53px 52px 71px 52px;
    }
    .colums .four-columns .col-lg-3:nth-of-type(2n+1){
        clear: none;
    }
    .list-view .col-sm-4:nth-of-type(3n+1){
        clear: none;
    }
}