/* Media Style */
@media only screen and (max-width: 1330.98px) {
    .work_examples .arrow-slider-left {
        left: 10px;
        top: 110px;
    }
    .work_examples .arrow-slider-right {
        right: 10px;
        top: 110px;
    }
    .work_examples .arrow-slider {
        width: 50px;
        height: 50px;
    }
}
@media only screen and (max-width: 1199.98px){
	.s-our-services .srv-item h5{
		font-size: 16px;
		padding: 20px 20px 15px 20px;
		line-height: 22px;
	}
    .treatment-item .btn {
        max-width: 240px;
    }
	.s-our-services .srv-item-inline .srv-item-text h4{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.s-our-services .srv-item-inline .srv-item-text p{
		font-size: 16px;
		line-height: 24px;
	}
	.s-our-services .srv-item-inline .srv-item-text a{
		font-size: 16px;
	}
	.s-our-services .srv-item-appointment p{
		font-size: 16px;
		line-height: 24px;
	}
	.s-our-services .srv-item-appointment h4{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.blog-item p{
		font-size: 16px;
		line-height: 24px;
        height: auto;
	}
	.blog-item h3{
		line-height: 24px;
        width: 100%;
	}
	.footer_bottom .container .bottom_links a{
		margin-left: 10px;
	}
	.footer_bottom .container .bottom_links a:first-child{
		margin-left: 0;
	}
	.footer_bottom .container .copyright{
		width: 40%;
	}
	.footer_bottom .container .bottom_links{
		width: 60%;
		text-align: right;
	}
	.footer_bottom .container{
		min-height: 60px;
		height: auto;
		padding: 10px 0;
	}
	.footer_bottom .container .copyright{
		font-size: 16px;
		line-height: 24px;
	}
	.footer_bottom .container .bottom_links a{
		font-size: 14px;
		line-height: 24px;
	}
    #my-content {
        padding-top: 136px;
    }
	header .header-mobile{
		display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
	}
	header .header-top, .header-bottom{
		display: none;
	}
    .healing_tab .left_heal_tab_menu .ul_tab .li_tab span {
        padding-left: 10px;
    }
    .healing_tab .left_heal_tab_menu .ul_tab .li_tab {
        font-size: 14px;
    }
    .mobile-line {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 100;
        top: 60px;
        left: 0;
        right: 0;
        text-align: center;
        padding: 5px 10px;
        background-color: rgba(127, 40, 50, 0.75);
        color: #fff;
        font-size: 12px;
    }
    .s-services-info .info-icon-item {
        margin-bottom: 30px;
    }

      .bottom-line {
    float: left;
    width: 100%;
    background: #0085cc;
}
.bottom-line .tel-wrapper p{
    margin: 0px;
    padding: 0px;
} 

.bottom-line .tel-wrapper p a:before{
    display: inline-block;
    margin-right: 10px;
    left: 3px;
    top: -3px;
    background-repeat: no-repeat;
    background-position: top left;
    height: 20px;
    width: 20px;
    font-style: normal;
    font-variant: normal;
    font-family: "Font Awesome 5 Pro";
    content: '\f879';
    font-weight: 900;
    position: relative;
}
.bottom-line .tel-wrapper p a:hover:before{
    background-position: bottom left;
}
.bottom-line .tel-wrapper p a:hover {
    background-color: #fff;
    color: #0085cc;
}

header .header-mobile .bottom-line a {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    width: 100%;
}
.bottom-line .tel-wrapper p a{
display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
}
header .header-mobile {
    display: inline-block !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.header-right-box {
    display: inherit;
    align-items: center;
    float: right;
    max-width: 280px;
    padding-right: 30px;
}
header .header-mobile a.mb-menu {
    float: left;
    margin: 6px 0px 0px 10px;
}

}
	
@media only screen and (max-width: 991.98px){
	.slider-tabs-container{
		margin-top: 0;
	}
    .slider-tabs-container .slider-tbas-content-item .bf-and-af-slider-navigation {
        margin-bottom: 40px;
    }
	.treatment-item{
		margin-bottom: 70px;
	}
	.s-treatment{
		padding-bottom: 40px;
	}
	.blog-item{
		margin-bottom: 60px;
	}
	.map_wrap .map_container{
		display: block;
	}
	.map_wrap .map_container .btn_map{
		bottom: 140px;
	}
	.map_wrap .map_container .map_btns_block{
		width: 100%;
	}
	.map_wrap .map_container .map{
		width: 100%;
		margin-top: 20px;
	}
	.map_wrap .map_container .map_info_wrap{
		width: 100%;
		margin-top: 20px;
	}


    .faq_accordion .faq_acc_block .faq_acc_top .faq_top_text {
        font-size: 15px;
        line-height: 18px;
    }
    .treatment .treatment_tab .treatment_tab_block .treatment_img {
        height: 100px;
    }
    .treatment .treatment_tab .treatment_tab_block {
        height: 170px;
    }
    .teeth_pricelist .teatch_top_container .teatch_top_block h5 {
        font-size: 17px;
    }
    .teeth_pricelist .teatch_top_container .teatch_top_block p {
        font-size: 28px;
    }
    .healing_tab .left_heal_tab_menu .ul_tab .li_tab {
        margin: 5px 0;
        font-size: 11px;
    }
    .healing_tab .left_heal_tab_menu .ul_tab .li_tab .under_ul .under_li {
        font-size: 12px;
        padding: 3px 0 3px 0px;
    }
    .contact-location-items-wrap .contact-location-item {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
    }
    .blog-acticles .article-item {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }
    .single-blog-title {
        font-size: 38px;
        line-height: 80px;
    }
    .second_option_left {
        width: 100%;
    }

    .second_option_right {
        width: 100%;
        margin: 0 0 15px;
    }

    .our_specialists .specialists_container .specialists_btns .special_btn_block {
        width: 100%;
    }
    .our_specialists .specialists_container .specialists_btns .special_btn_block {
        text-align: center;
    }

    .our_specialists .specialists_container .specialists_btns .special_btn_block h6 {
        max-width: 100%;
    }
    .home-2 .home-top-form {
        margin: 0 auto;
    }
    .home-2 .home-slide{
        padding: 30px 0 30px;
    }

    .home-top-banner{
        height: auto;
        display: inline;
    }

    body.page-id-6 .home-top-slider-wrapper {
    display: block;
    }

    body.page-id-6 .home-top-form-wrapper {
    display: block;
    padding-top: 20px;
    padding-bottom: 30px;
    }
   

    .home-top-slider-wrapper{width: 100%;}
    .home-top-form-wrapper{width: 100%;}

    .single-article-block .cases-area .sidebar{display: none;}
    .single-article-block .cases-area .single-article-container{width: 100%;}
    .our-services-menu .menu-services-menu-container .menu li{
    	width: calc(33.33% - 24px);
    }
}

@media only screen and (max-width: 767.98px) {
    .home-2 .slide-title h2 {
        margin-bottom: 0;
        font-size: 1.3em;
    }
    .s-home-top .home-slider .slick-arrow{
        display: none!important;
    }
    .s-home-top .home-slider .slide-title{
        display: none!important;
    }
    .s-home-top .home-slider .slick-dots{
        display: none!important;
    }
    .blog-item .blog-title{
        text-align: center;
    }
    .blog-item .blog-title h3{
        display: inline-block;
    }
    .blog-item h3::after{
        width: 35px;
    }

    .section-top-title h2 {
        font-size: 44px;
        line-height: 60px;
    }

    .s-our-services .srv-bottom-btn {
        margin-top: 45px;
    }

    .section-description p {
        line-height: 24px;
    }

    .section-description {
        font-size: 16px;
    }

    .client-slider-container .client-slide-item p {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-container .faq-block .faq-text p {
        font-size: 16px;
        line-height: 24px;
    }

    .map_wrap .map_container .btn_map {
        bottom: -80px;
    }

    .map_wrap {
        padding-bottom: 90px;
    }

    .footer_bottom .container {
        display: block;
    }
    .map_wrap .map_container {
    padding: 0;
    }
        .footer_bottom .container .copyright {
            width: 100%;
        }

        .footer_bottom .container .bottom_links {
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }

    .faq_accordion .faq_acc_block .faq_acc_top {
        padding: 0px 15px 0 20px;
    }

    .faq .faq_sub {
        margin: 10px 0 0px;
    }

    .treatment .treatment_tab .bottom_all_block {
        display: none;
    }

    .treatment .treatment_tab {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .treatment .treatment_tab a {
            width: 50%;
            max-width: 150px;
            margin: 0 7px 15px;
        }

        .treatment .treatment_tab .treatment_tab_block {
            width: 100%;
        }

    .treatment .treatment_tab {
        height: auto;
    }
        .treatment .treatment_tab .tab_tr:before {
            display: none;
        }
    .teeth_pricelist .teatch_top_container {
        flex-wrap: wrap;
    }
        .teeth_pricelist .teatch_top_container .teatch_top_block {
            height: auto;
            margin: 0 0 15px;
            padding: 10px 0;
        }
    .teatch_text_block {
        min-height: 0;
    }
    .healing_tab .left_heal_tab_menu {
        margin-bottom: 30px;
    }
    .healing_tab .col-sm-3, .healing_tab .col-sm-9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .faq_accordion {
        width: 100%;
    }
    .contact-map-container .contact-info-item-wrap {
        display: block;
    }
    .contact-map-container .contact-info-item-wrap .contact-left-item, .contact-map-container .contact-info-item-wrap .contact-right-item {
        width: 100%;
    }
    .contact-map-container .contact-info-item-wrap .contact-right-item {
        margin-top: 35px;
    }
    .blog-acticles .article-item {
        width: 100%;
    }
    .single-blog-title {
        font-size: 32px;
        line-height: 60px;
    }
    table.main_table tr {
        line-height: 17px;
    }

    table.main_table td {
        padding: 3px 0 3px 3px;
    }

    table.main_table tr {
        font-size: 13px;
        line-height: 17px;
    }

    .page_banner h6 {
        line-height: 1.3;
        font-size: 26px;
    }

    .our_specialists .specialists_container .specialists_tab {
        width: 100%;
        margin-bottom: 50px;
    }

    .our_specialists .specialists_container .specialists_btns {
        width: 100%;
    }
    .consultation form label {
        width: 100%;
    }

    .ws_controls{display: none;}
    .col-flex-4 {
        width: 100%;
        margin: 0 0 20px;
    }

    .col-flex-6 {
        width: 100%;
        margin: 0 0 20px;
    }

    .step_block {
        width: 100%;
        margin: 0 0 20px;
    }
    .single-blog-title h1 {
        font-size: 28px;
        line-height: 34px;
    }
    .our-services-menu .menu-services-menu-container .menu li{
    	width: calc(50% - 24px);
    }

}
@media only screen and (max-width: 575.98px) {
    .home-top-form .top-title-box h1 {
        font-size: 22px;
        line-height: 34px;
    }

    .home-top-form .white-panel .form-descr p {
        font-size: 16px;
        line-height: 22px;
    }

    input {
        font-size: 16px;
        padding: 13px 20px;
    }

    .home-top-form .white-panel form .btn {
        text-transform: none;
        font-size: 16px;
        height: 47px;
        line-height: 40px;
        padding: 0 20px;
    }

    .home-top-form .white-panel .form-step-box span {
        margin-right: 70px;
    }

        .home-top-form .white-panel .form-step-box span::after {
            width: calc((100vw - 27px - 27px - 27px - 60px)/2);
        }

    .s-our-services .srv-item-inline {
        display: block;
    }

    .s-our-services .srv-item-inline {
        max-width: 270px;
        margin: 0 auto 30px;
    }

        .s-our-services .srv-item-inline .img-wrap {
            width: 100%;
        }

            .s-our-services .srv-item-inline .img-wrap img {
                position: relative;
            }

        .s-our-services .srv-item-inline .srv-item-text {
            width: 100%;
            padding: 30px;
        }

        .s-our-services .srv-item-inline.srv-item-inline-big .srv-item-text {
            padding: 30px;
        }

    .s-our-services .srv-item-appointment .content-inner {
        padding: 30px 20px;
    }

    .s-our-services .srv-item-appointment .btn {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .s-our-services .srv-item-appointment {
        min-height: auto;
    }
    .before-and-after-items h2,
    .section-top-title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .slider-tabs-container .slider-tbas-content-item .slider-tabs {
        padding: 12px;
    }

    .section-bottom-btn .btn {
        font-size: 16px;
    }

    .specifications-slider-container .specifications-slide-item p {
        max-width: 100%;
    }

    .btn_faq .btn-red {
        padding: 10px;
        font-size: 15px;
        line-height: 20px;
        height:auto;
    }
    .contact-location-items-wrap .contact-location-item {
        width: 100%;
    }
    .banner-inner-page {
        min-height: 200px;
    }
    .contact-location-items-wrap .contact-location-item {
        width: 100%;
    }
    .banner-inner-page {
        min-height: 200px;
    }
    .contact-map-container .contact-info-item-wrap .contact-left-item .contact-location {
        line-height: 26px;
    }
    .single-blog-title {
        font-size: 24px;
        line-height: 46px;
    }
    .work_examples .examples_tab_container .examples_tab_block .before-after:before {
        /*padding-bottom: 150px;*/
        padding-bottom: 200px;
    }
    .home-2 .home-top-form {
        max-width: 100%;
    }

    .divimgcenter{flex-direction: column;}
    .divimgcenter div{width: 100%; margin:0 0 15px;}

    #gallery-teeth-slider .swiper-teeth-button-next{right: 0;}
    #gallery-teeth-slider .swiper-teeth-button-prev{left: 0;}

    .work_examples .arrow-slider{top: 90px; width: 36px; height: 36px;}
    .work_examples .arrow-slider > img{width: 60%;}
    .header-right-box {
       max-width: 100%;
    padding-right: 0;
    justify-content: center;
    width: 100%;
}
.header-right-box  a {
    display: inline-block;
    padding: 0px 0px;
    text-align: center;
    width: 100%;
}
.header-right-box a img {
    max-width: 234px !important;
}
header .header-mobile a.mb-menu{
    position: absolute;
    top: 19px;
    right: 0px;
    padding: 0px;
    width: auto;
}

} 

@media only screen and (max-width: 480px) {
  .header-right-box .tel-wrapper{
    position: absolute;
    bottom: -36px;
    width: 100%;
    left: 0;
    padding: 5px 15px;
    background-color: rgba(221, 224, 224, .5);
  }
  #my-content {padding-top: 96px;}
.our-services-menu .menu-services-menu-container .menu li{
    	width: calc(100% - 24px);
    }
    .bottom-line .tel-wrapper p a {
        padding: 15px 20px 15px 0;
    }

}

/* Customize CSS */
@media only screen and (max-width: 991px) {
    .home #before-and-after > .container >  .row {
        flex-direction: column-reverse;
    }
    .home-top-form-wrapper {
        padding-bottom: 80px;
    }
    
    
}

@media only screen and (max-width: 767px) {
    .before-and-after-items .tooth-items .accordion-block .accordion-btn{
        padding: 10px 25px 10px 0;
    }
    .before-and-after-items .tooth-items {
    height: 222px;
    padding-bottom: 20px;
}
.why_choose_block .tabs{
    white-space: inherit !important;
    border: 0 !important;
    display: inline-block !important;
}
.why_choose_block .tabs .tab{
width: auto !important;
    display: inline-block !important;
    border: 1px solid #edf3f8 !important;
    margin: 2px 0px;
    font-size: 13px !important;
    padding: 12px 8px !important;
}
}
@media only screen and (max-width: 480px) {
    .header-right-box a {
        padding: 0 80px 0 40px;
    }
    
    header .header-mobile a.mb-menu {
            top: 9px;
        }
}

@media only screen and (max-width: 416px) and (min-width: 412px) {
    header .header-mobile a.mb-menu {
    top: 18px;
}
}
@media only screen and (max-width: 380px) and (min-width: 370px) {
    header .header-mobile a.mb-menu {
    top: 13px;
}
}


@media only screen and (min-width: 1200px){
    #mobile-menu{
        display: none;
    }
}
@media only screen and (max-width: 1199px){
	#mobile-menu .mm-panels #top-menu .mm-navbar .mm-navbar__title{
	background: url(/wp-content/uploads/2021/05/advanced-periodontics-implant-dentistry-logo-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	}
    #mobile-menu .mm-panels #top-menu .mm-navbar .mm-navbar__title img{
    	opacity: 0;
    }
}