@media only screen and (min-width: 0px) and (max-width: 640px) {
    .p-100, .p-240, .footer-main .footer-info {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .p-300 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .container-af {
        max-width: 100%;
        padding: 0;
    }

    .header-main .header-logo .lg-main > img {
        width: 100%;
    }

    .header-main .header-logo {
        padding-top: 90px;
    }

        .header-main .header-logo::before {
            background-size: cover;
            width: 100%;
            height: 100px;
        }

    .header-main .header-menu .txt-logo {
        font-size: 16px;
        letter-spacing: 0;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

        .header-main .header-menu .txt-logo > span:first-child::after {
            display: none;
        }

    .slideshow-site .links-slide {
        padding: 50px;
    }

        .slideshow-site .links-slide .line-spacing {
            margin: 20px 0;
        }

    .slideshow-site .camera_wrap .camera_next,
    .slideshow-site .camera_wrap .camera_prev {
        bottom: 0;
        height: 200px;
    }

    .slideshow-site .camera_wrap .camera_next {
        right: 0;
    }

    .slideshow-site .camera_wrap .camera_prev {
        left: 0;
    }

    .slideshow-site .camera_wrap .camera_caption > div {
        padding: 0 15px;
        top: -50px;
    }

    .slideshow-site .camera_wrap .box-caption .title-main,
    .beauty-page .slideshow-site .main-slides .box-caption .title-main {
        font-size: 40px;
    }

    .slideshow-site .camera_wrap .box-caption .sub-title,
    .beauty-page .slideshow-site .main-slides .box-caption .sub-title {
        font-size: 25px;
    }

    .slideshow-site .camera_wrap .box-caption > img {
        width: 100%;
    }

    .slideshow-site > div,
    .slideshow-site .camera_wrap {
        height: auto !important;
    }

    .slideshow-site .camera_wrap {
        height: 200px !important;
    }

    .title-ak .title-icon {
        height: 80px !important;
    }

    .ak-services {
        text-align: center;
    }

        .ak-services .btn-services-all {
            margin-bottom: 30px;
        }

        .ak-services .title-icon {
            margin-top: 50px;
        }

    .title-ak .title-text {
        font-size: 25px;
        white-space: initial;
        overflow: visible;
        text-overflow: initial;
    }

    .title-ak,
    .ak-services .list-services .item-sr {
        margin-bottom: 50px;
    }

    .ak-services .item-sr .icon-sr,
    .beauty-page .footer-page .list-sr .icon-sr {
        width: 120px;
        height: 120px;
    }

    .ak-services .item-sr .sr-title,
    .beauty-page .footer-page .list-sr .sr-title {
        font-size: 16px;
    }

    .ak-services .item-sr .en-title,
    .beauty-page .footer-page .list-sr .en-title {
        margin-top: 15px;
    }

    .about-us .title-ak .title-text {
        font-size: 40px;
    }

    .about-us .image-doctor {
        width: 80%;
    }

        .about-us .image-doctor::before,
        .about-us .image-doctor::after,
        .about-us.active .image-doctor::before,
        .about-us.active .image-doctor::after {
            width: 165px;
            top: 60px;
        }

    .about-us .info-doctor,
    .ak-colleagues .item-coll .info-coll {
        margin-top: 30px;
    }

        .about-us .info-doctor .dr-name,
        .ak-colleagues .item-coll .info-coll .dr-name {
            font-size: 28px;
        }

        .about-us .info-doctor .en-expertise,
        .ak-colleagues .item-coll .info-coll .en-expertise,
        .about-us .info-doctor .fa-expertise,
        .ak-colleagues .item-coll .info-coll .fa-expertise {
            font-size: 20px;
        }

    .banner-site,
    .subscribe-site {
        overflow: hidden;
        height: auto;
    }

        .banner-site .img-banner {
            width: 250%;
        }

        .subscribe-site .img-subscribe {
            width: 270%;
        }

        .banner-site .img-banner,
        .subscribe-site .img-subscribe {
            position: relative;
        }

    .ak-services {
        margin-top: 0;
    }

        .ak-services .list-services > .row {
            justify-content: center;
        }

    .ak-publications .list-publ .img-publ > img {
        height: 450px;
    }

    .ak-publications .list-publ .owl-dots,
    .footer-main .footer-info .ak-green {
        margin-top: 30px;
    }

    .subscribe-site .subscribe-form {
        position: relative;
        left: 0;
        top: 20px;
        text-align: center;
    }

    .subscribe-site {
        padding-bottom: 30px !important;
    }

        .subscribe-site .subscribe-form .desc-form {
            font-size: 14px;
        }

        .subscribe-site .inputs-form .input-group {
            border: 1px solid #ddd;
        }

    .footer-main {
        padding: 0;
        overflow: hidden;
    }

        .footer-main .footer-info .top-info {
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .footer-main .top-info .left-logo {
            width: 90px;
            height: 90px;
            margin: 0;
        }

        .footer-main .top-info .text-info {
            padding-top: 15px;
            text-align: center;
        }

            .footer-main .top-info .text-info .address {
                text-align: center;
            }

        .footer-main .ak-socials .item-sc {
            margin: 0 5px;
        }

            .footer-main .ak-socials .item-sc .ic-sc {
                width: 48px;
            }

        .footer-main .box-map {
            margin-top: 50px;
            height: 300px;
            border-radius: 0;
        }

        .footer-main .br-footer {
            margin-top: 0;
        }
            .footer-main .br-footer .copy-right {
                flex: 1 1 100%;
                text-align: center;
            }

            .footer-main .br-footer .designer {
                flex: 1 1 100%;
                padding: 10px 30px;
                text-align:center;
            }
    /*---------------------- Pages AK Plus ---------------------*/

    .beauty-page .slideshow-site .links-slide {
        padding: 40px;
    }

    .beauty-page .links-slide .unit-name {
        font-size: 40px;
    }

    .beauty-page .links-slide .more-desc .en-desc,
    .beauty-page .this-unit .item-unit .en-desc {
        font-size: 16px;
    }

    .beauty-page .links-slide .more-desc .fa-desc,
    .beauty-page .this-unit .item-unit .fa-desc {
        font-size: 14px;
    }

    .beauty-page .slideshow-site .main-slides .box-caption {
        top: auto;
        bottom: 20px;
        left: 0;
        width: 100%;
    }

    .beauty-page .slideshow-site {
        height: auto;
    }

    .beauty-page > .col-12 {
        float: right;
    }

    .beauty-page .this-unit {
        padding: 50px 0;
    }

    .beauty-page .title-ak .title-text {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .beauty-page .this-unit .list-units {
        padding: 0 50px;
    }

    .beauty-page .this-unit .owl-nav .owl-prev {
        left: 0;
    }

    .beauty-page .this-unit .owl-nav .owl-next {
        right: 0;
    }

    .beauty-page .footer-page .list-sr {
        bottom: 50px;
        padding: 0 30px;
    }

        .beauty-page .footer-page .list-sr .item-sr {
            margin-bottom: 20px;
        }

    .special-services .sec-item-service > .row {
        padding: 50px 15px;
    }

    .special-services .sec-item-service .icon-sr {
        width: 150px;
        height: 150px;
    }

    .special-services .sec-item-service .en-title {
        font-size: 25px;
    }

    .special-services .sec-item-service .fa-title {
        font-size: 20px;
    }

    .special-services .sec-item-service .desc-service .fa-desc {
        margin: 30px 0;
    }

    .special-services .sec-item-service .img-service {
        height: 200px;
    }

        .special-services .sec-item-service .img-service > img {
            height: 100%;
            object-fit: cover;
            object-position: left;
        }

    .bio-page .ak-colleagues .title-ak {
        text-align: center;
        padding: 50px 15px 200px;
    }

        .bio-page .ak-colleagues .title-ak .title-icon {
            right: 0;
        }
    /* .bio-page .ak-colleagues .list-colleagues {
    top: 260px;
} */

    .bio-page .bio-ak .image-doctor {
        width: 80%;
    }

    .bio-page .bio-ak::before {
        height: 350px;
    }

    .bio-page .bio-ak .info-doctor .dr-name {
        font-size: 30px;
    }

    .bio-page .bio-ak .info-doctor .en-expertise {
        font-size: 22px;
    }

    .bio-page .desc-service {
        padding: 50px 0;
    }

        .bio-page .desc-service .fa-desc {
            margin-bottom: 30px;
        }

    .bio-page .ak-colleagues .item-coll .img-coll {
        width: 80%;
    }

    .bio-page .ak-colleagues .desc-service {
        margin-top: 200px;
    }

    .bio-page .ak-newbio .item-coll .img-coll::before {
        right: -20px;
        width: 80px;
    }

    .bio-page .ak-newbio .item-coll .img-coll::after {
        left: -20px;
        width: 80px;
    }

    .publication-page .slideshow-page {
        padding: 30px;
        height: auto;
    }

        .publication-page .slideshow-page .img-publ {
            width: 80%;
            height: 55vh;
            object-fit: cover;
            object-position: left;
        }

        .publication-page .slideshow-page .owl-nav div[class*="owl-"] {
            top: 35%;
        }

        .publication-page .slideshow-page .owl-nav .owl-next {
            right: 0;
        }

        .publication-page .slideshow-page .owl-nav .owl-prev {
            left: 0;
        }

    .treatment-page .treatment-box .logo-top .lg-box {
        width: 100%;
    }

    .treatment-page .treatment-box .infos-view,
    .treatment-page .treatment-box .images-treatment {
        flex-wrap: wrap;
    }

        .treatment-page .treatment-box .infos-view [class*="-info"] {
            padding: 15px 0;
            width: 100%;
            text-align: center;
            border: none;
        }

        .treatment-page .treatment-box .infos-view .fa-info {
            border-bottom: 2px solid #7f638e;
        }

        .treatment-page .treatment-box .images-treatment .img-box {
            height: auto;
        }

    .treatment-page .treatment-box {
        padding-bottom: 30px;
    }

        .treatment-page .treatment-box .info-treatment {
            padding: 0;
            text-align: center;
            margin-top: 30px;
        }

        .treatment-page .treatment-box .owl-dots {
            bottom: -70px;
        }

        .treatment-page .treatment-box .logo-top img {
            height: 100px;
        }

    .ak-services .item-sr .more-desc .en-desc,
    .beauty-page .links-slide .more-desc .en-desc {
        font-size: 18px;
    }

    .ak-services .item-sr .more-desc .fa-desc,
    .beauty-page .links-slide .more-desc .fa-desc {
        font-size: 16px;
    }

    .special-services .sec-item-service {
        padding: 30px 0;
    }

    .header-main .header-logo .row {
        flex-direction: column-reverse;
    }

    .header-main .header-logo .title-website {
        font-size: 30px;
        padding-right: 0;
        padding-top: 25px;
        text-align: center;
        width: 100%;
        padding-bottom: 15px;
    }

    .header-main .header-menu .txt-logo > span:first-child {
        padding-right: 0;
        margin-right: 0;
    }

    .footer-main .top-info .text-info .ak-name {
        font-size: 20px;
    }

    .footer-main .top-info .text-info .address {
        font-size: 14px;
    }

    .header-main .header-logo .dropdown {
        top: 28px;
        right: 15px;
    }

    .header-main .header-menu .dropdown > .dropdown-toggle:active {
        pointer-events: all;
    }

    .header-main .header-menu .dropdown-menu {
        position: absolute;
    }

    .header-main .header-menu .dropdown.show .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
        right: 0;
        width: 100%;
    }

    .header-main .header-menu .dropdown-item {
        white-space: initial;
    }

    .content-main .resomes {
        margin: 0;
    }

        .content-main .resomes .resome-container::before {
            display: none;
        }

        .content-main .resomes .resome-container::after {
            display: none;
        }

        .content-main .resomes .resome-container {
            padding: 35px 15px 15px;
            margin-bottom: 70px;
        }

            .content-main .resomes .resome-container:last-child {
                margin-bottom: 35px;
            }

            .content-main .resomes .resome-container .resome-date {
                right: auto;
                left: 30px;
                top: -22px;
            }

    .content-main.bio-page .ak-services {
        padding-top: 0 !important;
    }

    .dental-services .btn-gallery-opt {
        margin: 0 0 50px;
    }

    .ak-services .content-inner-page .fa-desc {
        font-size: 14px;
    }

    .ak-services .content-inner-page .btn-gallery-opt {
        margin: 30px 0 0;
        font-size: 16px;
        padding: 20px;
        width: 100%;
    }

    .ak-services .content-inner-page .head-content {
        flex-direction: column;
    }

        .ak-services .content-inner-page .head-content .title-content {
            margin-bottom: 10px;
            font-size: 18px;
        }

        .ak-services .content-inner-page .head-content .date-content {
            font-size: 14px;
        }

    @media only screen and (max-width: 320px) {
        .header-main .header-menu .navbar-ak .navbar-collapse {
            width: 240px;
        }

        .about-us .image-doctor::before {
            left: 45%;
        }

        .about-us .image-doctor::after {
            right: 45%;
        }

        .ak-services .item-sr .more-desc .en-desc,
        .beauty-page .links-slide .more-desc .en-desc {
            font-size: 18px;
        }

        .ak-services .item-sr .more-desc .fa-desc,
        .beauty-page .links-slide .more-desc .fa-desc {
            font-size: 16px;
        }

        .ak-publications .list-publ .img-publ > img {
            height: 350px;
        }

        .footer-main .ak-socials .item-sc .ic-sc {
            width: 40px;
        }
    }
}