@media(max-width:1200px) {
    .container {
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }

    .box {
        width: 15%;
    }

    .menu-header_menu-container ul.menu li {
        padding-left: 8px;
        margin-right: 0px;
    }

    .service-box {
        width: 25%;
    }

    .Address {
        width: 22%;
    }

    .menuTop {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }

    .box p {
        font-size: 14px;
    }

    .form-left {
        width: 42%;
    }

    .home-mamber {
      min-height: 400px;
    }
}

@media (max-width: 1030px) {
    .menuTop {
        max-width: 100%;
    }


    .form-right {
        width: 50%;
        float: left;
        margin-left: 14px;
        font-family: 'Proximo-Reguler' !important;
    }

    .form-left {
        width: 48%;
    }

    img.team-img {
        max-height: 170px;
    }

    i.fa.fa-angle-down {
        position: absolute;
        right: 45px;
    }
}

@media(max-width:992px) {
    .container {
        max-width: 750px;

    }

    /* .toggle-btn {
        display: inline-block !important;
        float: right;
        width: 22%;
    }

    .main-menu>div>.menu {
        float: left;
        width: 70%;
        height: 100%;
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        overflow-y: scroll;
    }

    .main-menu>div>.menu {
        transform: translateX(0%);
    }

    .siteHeader .main-menu {
        padding: 0px 0px;
        top: 27px;
    }

    .menu-toggle {
        color: #fff;
        float: right;
        font-size: 40px;
        cursor: pointer;
        display: block;
    }

    .siteHeader ul {
        display: none;
    }

    .siteHeader .logo img {
        position: absolute;
        top: 9px;
        z-index: 99;
    }

    .menuTop {
        max-width: 1170px;
    }

    .menuTop ul>li>a {
        font-size: 15px;
    }



    .siteHeader {
        padding-bottom: 45px;
    }

    .menu-header_menu-container li {
        display: block;
        list-style: none;
        margin: 0;
        font-size: 20px;
        max-height: 400px;
        line-height: normal;
        text-align: center;
        float: none;
    }

    .menu-header_menu-container {
        position: fixed;
        left: 0;
        width: 70%;
        height: calc(100% - 59px);
        top: 83px;
        z-index: 99;

    }

    .menu-header_menu-container ul.menu li {
        padding-left: 0px;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .menu-header_menu-container ul.menu {
        width: 100%;
        float: right;
        background: #fff;
    }

    .menu-header_menu-container ul.menu li>a.primaryButton {
        display: none;
    }

    .float-left {
        width: 100%;
        float: left;

    }*/

    section.banner {
        background-position: center;
    }

    .box {
        width: 96%;
    }

    .service-box {
        width: 39%;
    }

    .mamber {
        width: 98%;
    }

    .home-mamber {
        min-height: 550px;
    }

    span.adjust {
        padding-left: 0;
    }

    .Address {
        width: 25%;
        padding-left: 15px;
    }

    .footerLogo {
        width: 35%;
    }

    .quick-links {
        padding-left: 16px;
        padding-bottom: 58px;
    }

    .services-footer {
        padding-left: 15px;
        width: 17%;
        padding-bottom: 89px;
    }

    .team-heading p {
        padding: 0;
    }
}


@media(max-width:998px) {
    /*.menu > li > ul.sub-menu {
    position: relative;
    float: left;
    display: none;
    opacity: 1;
    padding-left: 35px;
    visibility: visible;
    transform: translate(0);
    width: 100%;
    border: none;
}*/
}

@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding: 0px 20px;
    }

    .padding-top {
        padding-top: 13px !important;
    }

    .info {
        height: auto;
    }

    .padding-remove {
        padding: 0 !important;
    }

    .margin-top {
        margin-top: 83px;
    }

    .header-wrap {
        position: fixed;
    }

    .caption h2 {
        font-size: 20px;
    }

    .bannerText h1 {
        font-size: 30px;
    }

    .gallery-item img {
        height: auto;
    }

    .active {

    }

    .service-box {
        width: 90%;
        margin: 0;
        margin-bottom: 15px;
    }

    .footerLogo {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .quick-links {
        width: 100%;
        border: none;
    }

    .services-footer {
        width: 100%;
        border: none;
    }

    .Address {
        width: 100%;
        border: none;
    }

    i.fa.fa-envelope {
        padding: 0;
        display: none;
    }

    .toggle-btn {
        width: 15%;
    }

    i.fa.fa-phone {
        margin-top: 10px;
    }

    .banner-left {
        width: 100%;
        padding-top: 65px;
        padding-bottom: 55px;
    }

    .banner-left h1 {
        font-size: 25px;
        padding-bottom: 20px;
        text-align: left;
    }

    .banner-left p {
        font-size: 14px;
        line-height: 20px;
        padding-right: 300px;
        padding-bottom: 20px;
    }

    .why-choose-sec h2 {
        font-size: 20px;
        padding-bottom: 0;
    }

    .why-choose-sec p {
        padding: 0;
        font-size: 14px;
    }

    .why-choose-sec {
        padding: 30px 0;
    }

    .box {
        margin: 0;
        margin-bottom: 15px;
    }

    section.why-choose {
        padding-bottom: 30px;
    }

    section.our-services {
        padding: 30px 0;
    }

    .service-box {
        width: 100%;
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .service-box-main {
        text-align: center;
    }

    .service-box ul {
        text-align: center;
        padding: 30px;
    }

    .service-box h3 {
        padding-bottom: 0px;
    }

    .home-mamber {
      display: inline;
      margin: 0;
      margin-bottom: 15px;
      width: 100%;
      min-height: 300px;
    }

    a.primaryButton {
        display: inline-block;
        vertical-align: middle;
    }

    .team-heading h2 {
        font-size: 20px;
    }

    .mamber {
        display: inline;
        margin: 0;
        margin-bottom: 15px;
        width: 100%;
    }

    .info p {
        line-height: 24px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .info {
        padding: 0;
    }

    .info h3 {
        padding-top: 30px;
        padding-left: 20px;
        text-align: center;
    }

    img.team-img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 30px;
    }

    .contact-deatils h4 {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .contact-deatils h3 {
        font-size: 20px;
        color: #fff;
        padding-bottom: 22px;
    }

    .contact-deatils p {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }

    .service-box p {
        padding-bottom: 20px;
        padding-left: 15px;
        line-height: 24px;
        font-size: 14px;
        color: #25262E;
        padding-right: 15px;
    }

    section.contact {
        padding: 30px 0;
    }

    .btn {
        padding-top: 15px;
    }

    section.team-mamber {
        padding: 45px 0;
    }

    section.gallery {
        padding: 50px 0;
    }

    .quick-links {
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .quick-links h4 {
        padding-bottom: 20px;
    }

    .services-footer {
        padding-left: 0;
        padding-bottom: 20px;

    }

    .Address {
        padding-left: 0;
    }

    .footer-top {
        padding-bottom: 20px;
    }

    section.banner {
        width: 100%;
        float: left;
        background: url(../images/bg\ img.png) no-repeat;
        background-size: cover;
        background-position: 41% 100%;
    }

    .our-service-sec h2 {
        font-size: 20px;
        padding-bottom: 0;
    }

    p {
        /* font-size: 14px!important; */
    }

    .gallery-item img {

        width: 100%;
        height: auto;
    }

    .gallery-item {
        width: 47%;
        float: left;
        padding: 8px 6px;
        box-sizing: border-box;
    }

    .spaceMobile{
        padding-top: 25px;
    }


    /* ************* Contact Us Page Start  ************* */

    .Location {
        width: 100%;
    }

    .qoute-section {
        width: 100%;
    }

    .contactUs .paddingLeft {
        padding: 0;
        padding-top: 45px;
    }

    .openingHours ul>li {
        padding: 8px 0px;
    }

    h2 {
        font-size: 20px;
    }

    .filedset {
        padding-top: 10px;
    }

    .contactUs {
        padding: 45px 0;
    }

    .ourMap iframe {
        height: auto;
    }

    .form-left {
        width: 100%;
        margin-left: 14px;
    }

    .form-right {
        width: 100%;
    }

    .form-container {
        width: 100%;
        padding: 30px 0;
    }

    .offers-section {
        width: 89%;
    }

    .offer-s {
        height: auto;
    }

    .content-image img {
        height: auto;

    }

    .content-image {
        width: 23%;
    }

    section.offers {
        padding: 45px 0;
    }

    section.new-tab {
        padding: 45px 0;
    }

    .content-service {

        width: 100%;
        float: left;
        padding: 45px 0;
    }

    .content-service-image {
        width: 100%;
        padding-bottom: 10px;
    }

    .content-service-image img {
        height: auto;
        width: auto;
        max-width: 100%;
    }

    .remove-service {
        padding-top: 0;
    }

    section.new-tab {
        padding-top: 35px;
    }

    button {
        width: 94%;
    }

    .form-style {
        width: 92%;
    }

    #appointment_for {
        width: 94%;
    }

    .form-style-massage {
        width: 92%;
    }

    i.fa.fa-angle-down {
        position: absolute;
        right: 45px;
    }


    .menu-header_menu-container ul.menu li li.menu-item-has-children a:hover i.fa.fa-angle-right {
        display: none;

    }
    .menu-header_menu-container ul.menu li > a {
        font-size: 15px;
    }

    .menu-header_menu-container ul.menu li>a.primaryButton{
        margin-bottom: 10px!important;
    }
    .strach_one{
        display: block;
    }
    .strach_one{
        display: block;
    }

    .strach{
        width: auto!important;
        height: auto!important;
    }
    .content-main{
        padding-bottom: 0px;
    }
    .service-box ul li{
        list-style-type: none;
    }
    .new-service {
        width: 84%;
        float: left;
        display: inline-block;
        margin-right: 0;
    }
    .our-missionSec p {
        padding-top: 10px;
        font-size: 14px;
    }

    .our-missionSec h2 {
        font-size: 20px;
    }

    .accordion p{
        font-size: 14px;
    }

    .whycontent .ListItemWhy li {
        font-size: 14px;
        line-height: 24px;
        padding: 0;
    }
    .whycontent .ListItemWhy ul{
        padding-left: 30px;

    }
    .offerBtn a{
        margin-left: 0;
        margin-top: 20px;
    }
    .offerBtn{
        padding-left: 20px;
    }
    .ListItemWhy {
        margin: 0;
        padding-top: 0px;
    }

    .why-choose-us-boxes .whyImage{
        width: 100%;
    }
    .why-choose-us-boxes .whycontent{
        width: 100%;
        margin-left: 0;
    }
    .why-choose-us-boxes{
        padding-top: 0;
    }
    .our-missionSec p{
        padding: 0;
        padding-top: 20px;
    }
    /* ************* Contact Us Page End  ************* */

    /* ************* Cosmetic Page start  ************* */


    /* ************* Cosmetic Page end ************* */

}

@media(max-width:450px) {
    i.fa.fa-phone {
        display: none;
    }

    button.accordion br{
        display: block!important;
    }
    .siteHeader .logo img {
        max-width: 120%;
        padding-left: 0 !important;
        padding-top: 0 !important;
    }
    .strach_one{
        display: block;
    }
    .strach_one{
        display: block;
    }

    .strach{
        width: auto!important;
        height: auto!important;
    }

    .content-main{
        padding-bottom: 0;
    }
    .siteHeader .main-menu {
        padding-right: 25px;
    }

    .content-service {
        padding: 30px 0;
    }

    .color {
        width: 50% !important;
    }

    .banner-left p {
        padding-right: 100px;
    }

    a.primaryButton {
        margin-top: 0;
        width: 125px;
        font-size: 13px;
    }

    .team-heading {
        padding-bottom: 30px;
    }

    .info {
        height: auto;
    }

    .bannerText h1 {
        font-size: 25px;
        font-weight: 400;
    }

    .caption {
        margin-bottom: 35px;
    }

    .bannerHeight {
        min-height: 75px;
    }

    .bannerText {
        padding-top: 23px;
        padding-bottom: 0;
    }

    .caption h2 {
        font-size: 20px;
    }

    .gallery-item {
        width: 100%;
    }

    .gallery-item img {
        height: auto;
    }

    .bannerText ul.breadcrumb li.breadcrumb-item>a {
        font-size: 14px;
    }

    .Location p {
        line-height: 24px;
    }

    p.paddingTop {
        padding-top: 8px;
    }

    .width-set-sunday {
        width: 75% !important;
    }

    .width-set-closed {
        width: 25% !important;
    }

    .footer {
        padding-top: 45px;
    }

    .content {
        width: 100%;
    }

    .image {
        width: 100%;
        padding-top: 40px;
    }

    .crown-bridge-box {
        padding: 45px 0;
    }

    .content p {
        padding-right: 0;
    }

    .appoint {
        font-size: 16px;
    }

    span.mobile_icon {
        margin-left: 13px;
    }

    .offers-section h3 {
        padding-top: 15px;
    }

    .offers-section {
        width: 95%;
        padding: 0;
        margin: 0;
        padding: 10px 10px;
        height: auto;
    }


    .offers-section-center {
        width: 100%;
        margin-top: 20px !important;
        margin: 1px;
    }

    .offer-s {
        width: 98%;
        padding: 1px;
        padding-left: 5px;
    }

    .offers-section-center h3 {
        padding-top: 15px;
    }

    .offer-s ul {
        padding-left: 30px;
    }

    .banner_Text p {
        width: 45%;
    }

    .form-style-massage {
        width: 88%;
    }

    #appointment_for {
        width: 92%;
    }

    .form-style {
        width: 86%;
    }
    img.team-img {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .service-first {
        width: 100%;
        float: left;
    }
    .service-second {
        width: 100%;
        float: left;
    }
    .whycontent .ListItemWhy ul{
        padding-left: 30px;
    }
    .offerBtn a{
        margin-top: 20px;
        margin-left: 21%;
    }
    .our-missionSec{
        padding: 50px 0;
    }
}


@media(max-width:376px) {

    .form-container{
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .form-style{
        font-size: 14px;
    }
    .form-right{
        margin-left: 11px;
    }


}


button.accordion br{
    display: none;
}