@charset "utf-8";

/* Medium Layout: 1280px. */


@media only screen and (min-width: 1681px) and (max-width: 1919px) {
	.my-picture{ border-radius: 5px 0px 0px 5px;}
	.training-gallery-slider .slick-prev{left: 27%;}
	.training-gallery-slider .slick-next{right: 27%;}
}
@media only screen and (min-width: 100px) and (max-width: 1680px) {
	.my-picture{border-radius: 5px 0px 0px 5px;}
	.training-gallery-slider .slick-prev{left: 25%;}
	.training-gallery-slider .slick-next{right: 25%;}
}
@media only screen and (min-width: 100px) and (max-width: 10000px) {
	header.sticky:before {
		opacity: 1;
		transform: translateY(0);
	}
}
@media only screen and (min-width: 100px) and (max-width: 1540px) {
	.beforeBg:before{max-width: 1500px;}
	header .container{max-width: 1530px;}
	
}
@media only screen and (min-width: 100px) and (max-width: 1490px) {
	.clinic-row, .privately-image-row{margin-left: -40px;margin-right: -40px;}
	.banner-info-block p{ font-size: 24px;}
	header .container{ width: 98%; }
	
}
@media (min-width:100px) and (max-width: 1380px) {   
	.my-picture{height: 450px;}
	.banner-info{padding: 0px 0px 70px;min-height: 380px;}
	.beforeBg:before{border-radius: 0px;}
	.testimonial-contant .section-title h2 span{font-size: 72px;top: -44px;}
	.logo img{ max-width: 270px;}
	
	.specialize-icon{ width: 140px; height: 140px; }
}


@media (min-width:100px) and (max-width: 1200px) {   
	.my-picture{ margin-bottom: -40px;border-radius: 5px;}
	.banner-top{padding-top: 50px;}
	.banner-info{min-height: 100px;padding-bottom: 40px;}
	.banner-bottom.beforeBg:before{height: 92%;}
	.section-title h2 span{line-height: 68px;top: -36px;font-size: 72px;}
	.clinic-block{padding: 30px;}
	.logo img{max-width: 240px;}
	.mainmenu ul li a{padding: 15px;}
	.header-area{padding: 15px 0px;}
	.contact-btn .main-btn{padding: 12px 20px;}
	.contact-form{padding: 0px 0px 50px;}
	
	.specialize-icon{ width: 180px; height: 180px; }
	
	
	
	
	.navbar {
        margin-right: 0;
    }
    .icon-bar {
        background-color: #000;
    }
    .navbar-collapse #main-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 310px;
        max-height: 80vh;
        top: 50px;
        right:10px;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }

    .navbar-collapse #main-menu > li {
        width: 100%;
        height: auto;
        margin: 0;    
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li > a {
        color: #000;
        padding: 12px 15px;
        margin: 0;
        border-bottom: 0;
    }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li.current-page-parent > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: var(--main) !important;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 42px;
        height: 42px;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #000;
        font-family: "Font Awesome 6 Free";
        font-size: 13px;
        font-weight: 700;
        line-height: 32px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        line-height: 42px;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--main);
    }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0 !important;
        box-shadow: 0 0 0;
        top: 0; left: 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: 15px;
        padding: 6px 20px;
        outline: none;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--main);
        background-color: transparent;
    }
    
    .mainmenu ul{
	    text-align: left;
    }
    .clinical-case .item{
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
    }
    .clinical-case-img img{
	    width: 100%;
    }
    .offer-title .subtitle{
	    font-size: 20px;
    }
    .offer-title h1{
	    font-size: 45px;
    }
    .clinical-case h4{
	    font-size: 17px;
    }
    
    
    .navbar .navbar-nav > li.mobile{
		display: block;
	}
    
    
    
}

/* Tablet Layout: 991px. */

@media (min-width:100px) and (max-width: 992px) {
	
	.my-picture{position: relative; }
    .mainmenu, .contact-btn, .header-right::before {display: none;}
    
    .mainmenu{
		display: flex;
	}
	
	.mobile-menu-wrapper, .nav-mobile .contact-btn{display: block;}
    .header-height {height: 60px;}
    .nav-mobile .contact-btn{margin-top: 10px;}
	.nav-mobile ul li.active ul{height: auto;visibility: visible;opacity: 1;}
	.banner-info{max-width: 100%;text-align: center;justify-content: center;}
	.all-teeth-info{text-align: center;}
	.aboutMe-area{padding: 40px 0px;}
	.aboutMe-area h4{margin-bottom: 15px;}
	.customer-image{position: static;height: 400px;width: 100%;border-radius: 6px;margin-bottom: 30px;}
	.testimonial-contant{padding-left: 15px;}
	.testimonial-item{padding: 0px;}
	.specializes-area .row, .clinic-row, .privately-image-row{margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
	.testimonial-slider .slick-dots{bottom: 0px;}
	.doctor-write-btn{text-align: center;padding-top: 15px;}
	.doctor-block{justify-content: center;}
	.instagram-content .slick-dots{display: flex;}
	.footer-nav ul{justify-content: center;}
	.footer-bottom{flex-direction: column;text-align: center;}
	.footer-social{margin-right: auto;padding-top: 15px;}
	.aboutMe-deatils.beforeBg::before{height: 80%;}
	.form-control{height: 56px;}
	.offer-title h1{flex-direction: column;align-items: flex-start;font-size: 40px;}
	span.clinical{margin-left: 0px;}
	
	.banner-top{ padding-top: 0; }
	.banner-top .container{ display: flex; flex-wrap: wrap; }
	.banner-info{ order: 2; flex: 0 0 100%; }
	.my-picture{ left: 0; width: 100%; flex: 0 0 100%; order: 1; margin-bottom: 30px;}
}


/* Wide Mobile Layout: 767px. */

@media (min-width: 100px) and (max-width: 768px) {
	.banner-info-block h1{font-size: 58px;}
	.banner-info-block p{font-size: 24px;}
	.main-btn{font-size: 16px;padding: 12px 30px;}
	.section-title h2 span{font-size: 64px;}
	.instagram-title{flex-direction: column;}
	.instagram-title a.instagram-link{margin-right: auto;padding-top: 10px;}
	.footer-nav{padding-bottom: 25px;}
	.companies-logo-slider{margin: 0px;}
	.specialize-block h3{min-height: 20px;margin-bottom: 15px;}
	.specialize-text{min-height: 20px;padding-bottom: 20px;}
	.training-gallery-item{margin: 0px 8px;}
	.training-gallery-slider .slick-arrow{width: 54px;height: 54px;line-height: 54px;margin-top: -27px;}
	.training-gallery-slider .slick-prev{left: 15%;margin-left: -60px;}
	.training-gallery-slider .slick-next{right: 15%;margin-right: -60px;}
	.aboutMe-deatils.beforeBg::before{height: 90%;}
	.offer-title h1{font-size: 40px;}
	
	.clinical-case .item{ flex: 0 0 50%; max-width: 50%; }
	
	.slick-dots{
		flex-wrap: wrap;
	}
	.slick-dots li{
		height: 18px;
		padding: 0 2px;
	}
	.slick-dots li button{
	    width: 12px !important;
	    height: 12px !important;
    }
    
    .scrollup{ right: 20px; bottom: 20px; }
}




@media (min-width: 100px) and (max-width: 640px) {
	.header-right{ display: none; }
    .header-right{ padding-left: 0; padding-right: 0; margin-right: 0; margin-left: auto; }
}

@media (min-width: 100px) and (max-width: 580px) {
	.teeth-img{padding-left: 8px;padding-right: 8px;width: 33.33%;}
	.aboutMe-area .section-title{margin-bottom: 30px;padding-bottom: 30px;}
	.aboutMe-area .section-title h2{padding-left: 20px;margin-bottom: 0px;}
	.aboutMe-area .section-title h2 span{left: 0px;}
	.specializes-area{padding: 50px 0px;}
	.specialize-block h3{padding-right: 30px;}
	.specialize-text{padding-right: 70px;}
	.customer-image{height: 320px;}
	.testimonial-contant .section-title h2{padding-left: 30px;}
	.testimonial-contant .section-title h2 span{left: 0px;}
	.my-picture{height: 380px;}
	.form-control{height: 46px;}
	.form-label{padding-left: 0px;font-size: 16px;}
	.offer-title .subtitle, span.clinical{font-size: 18px;}
	.clinical-case-img img{width: 100%;}
	
	.offer-title{ padding-bottom: 20px; }
	.offer-area{ padding: 20px 0; }
	
	.clinical-case{ padding-top: 20px; }
	
	.specialize-block{ padding: 15px 20px; margin-top: 10px; }
	.main-offer .specialize-block{ min-height: 230px; }
	.main-offer .specialize-btn{ bottom: 15px; }
	.findMoreBtn{ transform: scale(0.9);  transform-origin: left; }
	
	.contact-title h1{ font-size: 40px; }
	
}

@media (min-width: 100px) and (max-width: 480px) {
	.banner-bottom{ padding-top: 40px; }
    h2 {font-size: 32px;}
    br, .header-right .social-block {display: none;}
    .specialize-block h3{ padding-right: 60px;}
	.banner-subtitle{font-size: 15px;}
	.banner-info-block h1{font-size: 46px;}
	.banner-info-block p{font-size: 18px;}
	.training-gallery-slider .slick-arrow{line-height: 42px;width: 42px;height: 42px;margin-top: -21px;}
	.training-gallery-slider .slick-prev{margin-left: -49px;}
	.training-gallery-slider .slick-next{margin-right: -49px;}
	.clinic-details .row > div{width: 100%;padding-top: 5px;padding-bottom: 5px;}
	.clinic-logo img{max-width: 80%;}
	.section-title h2{font-size: 36px;}
	.section-title h2 span{font-size: 58px !important;line-height: 54px !important;}
	.specialize-icon{width: 140px;height: 140px;right: -45px;top: -35px;}
	
	.offer-title h1{font-size: 32px;}
	.offer-title h1 span{font-size: 24px;}
	
	.clinical-case-img img{ height: 200px; }
	
	.aboutMe-deatils{ padding-top: 40px; }
	
}

@media (min-width: 100px) and (max-width: 380px) {
	.my-picture{height: 300px;}
	
}

@media (min-width: 100px) and (max-width: 320px) {
    
}