@media(min-width:1400px) {
}

@media(min-width:1200px) and (max-width:1399.98px) {
    .Classic-img .overly {
        top: 114px
    }

    @media(max-width:1200px) {
        .ts-team-wrapper .ts-team-content {
            top: 72%
        }
    }

    .map {
        margin: 0 -20px 0 62px
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    .fnc-slide__heading-line {
        font-size: 80px
    }

    .fnc-slide__content {
        left: 39%;
        top: 24%
    }


    @media(max-width:575px) {
        .faq .fnc-slide__inner {
            display: none
        }
    }
    .fnc-slide__mask-inner {
        left: 102%;
        top: 52%
    }

    .fnc-nav__control {
        width: 98px;
        height: 50px;
        font-size: 15px
    }

    .about-text {
        left: 102%;
        bottom: -99px
    }

    .nav-pills .nav-link {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px
    }

    .Classic-img .overly {
        top: 72px;
        right: 40px
    }

    .blog_text h4 {
        font-size: 21px
    }

    #blog .blog-right-side .all-cat ul li a {
        margin-bottom: 6px
    }

    .logo_search form input {
        width: 63%;
        height: 50px
    }

    .logo_search form button {
        height: 50px
    }

    .cat {
        --bs-gutter-x: 0.5rem
    }

    #office {
        padding: 60px 0 39px
    }

    .office-col {
        padding-bottom: 20px
    }

    .office-txt h4 {
        font-size: 24px
    }

    .office-txt p {
        font-size: 13px
    }

    .map {
        margin: 0 -20px 0 49px
    }

    .footer-left ul li {
        line-height: 27px
    }

    .foot-img ul li {
        width: 21.62%
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .main-manu .navbar-brand {
        width: 200px;
        height: 70px
    }

        .main-manu .navbar-brand img {
            width: 150px
        }

    .main-manu ul li a {
        color: #f1f1f1;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 0 10px;
        line-height: 50px;
        position: relative
    }

    .fnc-slide__heading-line {
        font-size: 70px
    }

    .fnc-slide__mask {
        right: 61%;
        top: 15%;
        width: 50.22vh;
        height: 67vh
    }

    .fnc-slide__mask-inner {
        left: 106%;
        top: 52%
    }

    .about-img img {
        margin-bottom: 50px
    }

    .about-txt p {
        padding-bottom: 19px
    }

    .counter-txt p {
        font-size: 16px
    }

    .about-img::after {
        display: none
    }

    .nav-pills .nav-link {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
        margin-bottom: 10px
    }

    .makeup-txt h3 {
        font-size: 28px;
        margin-bottom: 8px
    }

    .Classic-img .overly {
        border: 4px solid transparent;
        border-image: url(../images/Shape/border.png) 20% round
    }

    .Classic-img .overly {
        top: 37px;
        right: 9px;
        width: 320px;
        height: 320px
    }

    .makeup-txt {
        padding: 13% 10%
    }

    .Testimonial-col img {
        margin-left: 45%
    }

    .Testimonial-col i {
        top: 70px;
        left: 45%;
        font-size: 20px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .section-prices {
        margin-bottom: 50px
    }

        .section-prices:nth-child(3) {
            margin-bottom: 0 !important
        }

    .blog_img {
        margin-bottom: 50px
    }

    .Contact-box form input {
        width: 59%;
        height: 65px
    }

    .Contact-box form button {
        width: 41%;
        height: 66px
    }

    .Contact-box {
        margin-top: 30px
    }

    #form {
        padding: 50px 0 27px
    }

    #googleMap {
        width: 100%;
        height: 400px
    }

    .form-title h5 {
        font-size: 36px;
        margin-top: 16%;
        margin-bottom: 15px
    }

    .form-col .form-control {
        padding: .375rem 1.75rem
    }

    .form-col input {
        width: 100%;
        height: calc(2.5em + 0.2rem + 4px)
    }

    .form-col .form-btn {
        padding: 8px 29px;
        margin: 7px 239px
    }

    .form-col {
        padding-right: 30px;
        padding-left: 30px
    }

    .map {
        margin: 0 -20px 40px -15px
    }

    .office-col {
        padding-bottom: 20px
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    .main-manu {
        top: 0;
        background: #000
    }

    .menu-fix {
        background: #000;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }

    .main-manu .navbar-brand img {
        width: 115px
    }

    .main-manu .navbar-brand {
        width: 178px;
        height: 50px;
        line-height: 50px
    }

    .main-manu button i {
        color: #fff
    }

    .main-manu .navbar-toggler:focus {
        box-shadow: 0 0
    }

    .main-manu #navbarSupportedContent {
        background: #f1f1f1;
        text-align: center;
        margin-top: 10px
    }

    .main-manu ul li a::before {
        display: none
    }

    .main-manu ul li a::after {
        display: none
    }

    .main-manu ul li a {
        line-height: 35px;
        color: #000
    }

    .btop {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 23px
    }

    .common-head img {
        width: 100%
    }

    .fnc-slide__content {
        z-index: 2;
        position: absolute;
        left: 28%;
        top: 24%
    }

    .fnc-slide__heading-line {
        font-size: 80px
    }

    .a {
        padding: 9px 37px;
        font-size: 17px;
        margin-left: 170px
    }

    .fnc-slide__mask {
        right: 50%;
        top: 15%
    }

    .fnc-slide__mask-inner {
        left: 75%;
        top: 52%
    }

    #about {
        padding: 60px 0 55px
    }

    .about-img img {
        margin-bottom: 50px
    }

    .about-txt h3 {
        font-size: 20px;
        margin-bottom: 9px
    }

    .about-txt {
        margin-top: 0
    }

        .about-txt p {
            line-height: 20px
        }

    .counter-con h3 {
        font-size: 29px
    }

    .counter-txt p {
        font-size: 16px
    }

    .common-head h3 {
        font-size: 30px
    }

    .about-img::after {
        display: none
    }

    #Team {
        padding: 60px 0 55px
    }

    #awards {
        padding: 60px 0 39px
    }

    #makeup {
        padding: 60px 0 55px
    }

    .makeup-menu li {
        width: 32.81%
    }

    .Classic-img .overly {
        top: 25px;
        right: 0;
        width: 48%;
        height: 82%;
        border: 2px solid transparent;
        border-image: url(../images/Shape/border.png) 20% round
    }

    .makeup-txt {
        padding: 1% 7%
    }

        .makeup-txt h3 {
            font-size: 16px;
            margin-bottom: 2px
        }

    .nav-pills .nav-link {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
        margin-bottom: 10px
    }

    .makeup-txt p {
        font-size: 13px
    }

    .makeup_menu {
        margin-bottom: 50px
    }

    .service_single {
        padding: 60px 0 55px
    }

    #Testimonial {
        padding: 60px 0 84px
    }

    .Testimonial-col {
        width: 96%
    }

        .Testimonial-col i {
            top: 70px;
            left: 40%
        }

    #portfolio {
        padding: 60px 0 51px
    }

    .filter_img .img {
        width: 49.33%;
        padding: 4px
    }

    #Plans {
        padding: 60px 0 53px
    }

    .section-prices {
        margin-bottom: 50px
    }

    .list-boxs .card:nth-child(1), .list-boxs .card:nth-child(2) {
        width: 100%;
        margin-bottom: 7px
    }

    .list-boxs .card:nth-child(3) {
        margin-bottom: 0
    }

    .section-prices {
        padding: 0 5px
    }

    .list-boxs .card .head {
        font-size: 23px
    }

    #blog {
        padding: 60px 0
    }

    .blog_img {
        margin-bottom: 50px
    }

    .navigation-area .nav-left {
        margin-bottom: 30px
    }

    .blog-txt ul li {
        font-size: 12px
    }

    #Contact {
        padding: 60px 0 54px
    }

    .Contact-box form input {
        width: 59%;
        height: 65px
    }

    .Contact-box form button {
        width: 41%;
        height: 66px
    }

    .Contact-box {
        margin-top: 30px
    }

    #office {
        padding: 60px 0 39px
    }

    .office-col {
        padding-bottom: 20px
    }

    #form {
        padding: 60px 0
    }

    .map {
        margin: 0 -20px 40px -15px
    }

    .footer-logo {
        padding: 25px 0
    }

    .footer-mid {
        padding: 15px 0 0
    }

    .footer-left h4, .footer-left2 h4, .foot-img h4, .foot-last h4 {
        margin-bottom: 15px
    }

    .foot-img ul li {
        width: 21.95%
    }
}

@media(max-width:575.98px) {
    .main-manu {
        top: 0;
        background: #000
    }

    .menu-fix {
        background: #000;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }

    .main-manu .navbar-brand img {
        width: 115px
    }

    .main-manu .navbar-brand {
        width: 180px;
        height: 50px;
        line-height: 50px
    }

    .main-manu button i {
        color: #fff
    }

    .main-manu .navbar-toggler:focus {
        box-shadow: 0 0
    }

    .main-manu #navbarSupportedContent {
        background: #f1f1f1;
        text-align: center;
        margin-top: 10px
    }

    .main-manu ul li a::before {
        display: none
    }

    .main-manu ul li a::after {
        display: none
    }

    .main-manu ul li a {
        line-height: 35px;
        color: #000
    }

    .btop {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 23px
    }

    .fnc-slide__content {
        left: 26%;
        top: 32%
    }

    .fnc-slide__heading-line {
        padding-right: 20px;
        font-size: 50px;
        font-weight: 700
    }

    .fnc-nav__control {
        width: 80px
    }

    .fnc-slide__inner {
        height: 100%
    }

    .fnc-slide__mask {
        display: none
    }

    .a {
        padding: 6px 33px;
        font-size: 16px;
        margin-left: 0
    }

    .breadcrumb_item {
        min-height: 595px
    }

    #about {
        padding: 50px 0 45px
    }

    .about-text {
        display: none
    }

    .about-img img {
        width: 73.3%;
        border: 1px solid #fff;
        margin-bottom: 50px
    }

    .common-head h3 {
        font-size: 30px;
        letter-spacing: -1px
    }

    .about-img::after {
        display: none
    }

    #Team {
        padding: 50px 0 45px
    }

    .team-item .view_profile {
        top: 75%
    }

    .team-item .team-social {
        left: 0
    }

    .ts-team-wrapper .ts-team-content {
        text-align: center
    }

    .awards-row img {
        width: 100%
    }

    #awards {
        padding: 50px 0 29px
    }

    #makeup {
        padding: 50px 0 45px
    }

    .makeup-menu li {
        width: 32.43%
    }

    .Classic-img .overly {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.278);
        border: 0 dashed #ec681f
    }

    .makeup-txt {
        padding: 1% 7%
    }

        .makeup-txt h3 {
            font-size: 16px;
            margin-bottom: 2px
        }

    .nav-pills .nav-link {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 5px;
        font-size: 10px;
        margin-bottom: 5px
    }

    .makeup_menu {
        margin-bottom: 30px
    }

    .makeup-txt p {
        font-size: 11px
    }

    .service_single {
        padding: 50px 0 45px
    }

    #Testimonial {
        padding: 50px 0 74px
    }

    .test-slider .slick-center .Testimonial-col {
        margin-right: 14px
    }

    .Testimonial-col i {
        top: 70px;
        left: 40%
    }

    #portfolio {
        padding: 50px 0 41px
    }

    .filter_img .img {
        width: 49.33%;
        padding: 4px
    }

    .filter_menu ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px
    }

    #Plans {
        padding: 50px 0
    }

    .section-prices {
        margin-bottom: 50px
    }

    .list-boxs .card .head {
        transform: translateY(0)
    }

    .list-boxs .card .body {
        transform: translateY(0)
    }

    #blog {
        padding: 50px 0 49px
    }

    .blog_text ul li {
        font-size: 15px
    }

    .blog_text h4 {
        font-size: 20px
    }

    .blog_img {
        margin-bottom: 50px
    }

    .blog-txt ul li {
        margin-right: 0;
        border-right: none
    }

    .blog-txt ul li {
        padding-right: 8px;
        font-size: 15px
    }

    #blog .blog-txt a {
        margin-bottom: 20px
    }

    #blog .blog-txt p {
        font-size: 15px;
        margin-bottom: 15px
    }

    #blog .blog-txt a {
        font-size: 24px
    }

    .pages ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .pages ul li {
        margin-right: 8px
    }

    .z_right_text {
        margin-bottom: 5px
    }

    #Contact {
        padding: 50px 0
    }

    .contact-text h3 {
        font-size: 35px;
        line-height: 44px
    }

    .Contact-box form input {
        width: 59%;
        height: 65px
    }

    .Contact-box form button {
        width: 41%;
        height: 66px
    }

    .Contact-box {
        margin-top: 30px
    }

    #office {
        padding: 50px 0
    }

    .office-col i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-right: 7px
    }

    .office-txt h4 {
        font-size: 20px;
        margin-bottom: 2px
    }

    .office-col {
        margin-bottom: 10px
    }

    #form {
        padding: 50px 0 27px
    }

    #googleMap {
        width: 100%;
        height: 400px
    }

    .form-title h5 {
        font-size: 36px;
        margin-top: 16%;
        margin-bottom: 15px
    }

    .form-col .form-control {
        padding: .375rem 1.75rem
    }

    .form-col input {
        width: 100%;
        height: calc(2.5em + 0.2rem + 4px)
    }

    .form-col .form-btn {
        padding: 8px 29px;
        margin: 7px 37px
    }

    .form-col {
        padding-right: 30px;
        padding-left: 30px
    }

    .map {
        margin: 0 -20px 40px -15px
    }

    .footer-logo {
        padding: 25px 0
    }

    .footer-mid {
        padding: 15px 0 0
    }

    .footer-left h4, .footer-left2 h4, .foot-img h4, .foot-last h4 {
        margin-bottom: 15px
    }

    .footer-left2, .foot-last {
        padding-top: 15px
    }

    .foot-img ul li {
        width: 22.47%
    }

    .footer-bottom {
        font-size: 12px
    }
}