/*Mobile*/
@media (max-width: 767px) {
    /* popup on home page */
    #popupshow {
        /* height: 700px; */
        top: 10px;
        left: 10px;
        width: auto;
        max-width: 100%;
        margin-left: 0;
        right: 10px;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #specialModal {
        top: 0;
    }

    #specialModal .close {
        float: right;
        font-size: 60px;
        font-weight: 100;
        line-height: 25px;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        margin-right: 10px;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999999999999;
    }

    #specialModal .body-inner {
        margin: 0 20px!important;
    }

    .home-img-inner2 img {
        width: 90%;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    /* --------------------- */
    .mobi-only {
        display: block!important;
    }

    .mobi-pad0 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mobi-pl0 {
        padding-left: 0;
    }
    
    .mobi-hidden {
        display: none!important;
    }
    
    .mobi-image {
        display: block;
        margin-top: 20px;
    }
    
    .mobi-team-info {
        display: block;
    }
    
    .left, .right, #left-text, #right-text {
        display: none;
    }
    
    .top#home-mobi, .top#category-mobi{
        text-align: left;
        left: 0;
        padding-bottom: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .home-img-inner1 {
        padding: 20px;
    }
    
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height:70px;
        background-color: #fff;
        z-index: 999;
        padding: 10px 0 10px 0;
    }

    .top {
        left: 0;
        right: 0;
        width: 100%;
        height: 70px;
        max-height: 110px;
    }
    
    .top img {
        width: 200px;
        max-width: 200px;
        padding-top: 0;
    }

    .header-extra-info {
        display: none;
    }
    
    .bottom {
        display: none;
    }
    
    .content {
        padding: 70px 0!important;
    }

    .content#contact {
        padding: 70px 0 100px 0!important;
    }
    
    .content#view-treatment, .content#blog  {
        padding: 70px 0px 90px 0!important;
    }
    
    .navbar-nav {
        float: none;
        margin: 0;
        padding-right: 0;
        display: block;
        background-color: #fff;
    }
    
    .navbar-nav li {
        text-align: center;
        display: block;
    }
    
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    
    .navbar-toggle {
        float:right;
        padding: 5px 0 0 0;
        margin-top: 0px;
        margin-right: 20px;
        margin-bottom: 8px;
        background-color: #b6814f;
        border-radius: 0px;
        border: 0;
        z-index: 9999!important;
        color: #fff;
        width: 20%;
    }
    
    .navbar-toggle i {
        font-size: 20px;
    }
    
    .navbar-default .navbar-nav>li>a {
        padding-bottom: 2px;
    }
    
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-nav li>a:hover, .navbar-toggle i:hover {
        padding-bottom: 0px!important;
    }

    .media-left {
        display: none;
    }

    .media-body {
        width: 100%;
        padding-left: 0;
    }

    .content-header {
        background-image: url('/images/home/mobile-header.jpg');
        background-size: cover;
        background-position: center;
        height: 48vh!important;
    }

    .content h3 {
        font-size: 25px;
    }

    .carousel-caption {
        padding-left: 15px;
        padding-right: 15px;
        bottom: 41.8%;
    }

    .home-consultaion {
        padding: 0px 0 40px 0;
    }

    .home-consultaion br {
        display: none;
    }
    
    .content-header h1 {
        padding-top: 0;
        text-transform: uppercase;
        color: #fff;
        font-size: 40px;
        font-weight: 700;
    }

    /* #home .content-header {
        height: 75vh;
    } */

    #home .content-header {
        background-image: url('/images/home/header-1.jpg');
        background-position: center;
        background-size: cover;
        height: 37vh!important;
    }

    #home .content-header h1 {
        padding-top: 0%;
        text-transform: none;
        color: #fff;
        font-size: 15px;
        letter-spacing: 5px;
        margin-bottom: 0px;
        line-height: normal;
    }

    #home .content-header h1>br {
        display: none;
    }

    #home .content-header .arrow {
        display: none;
    }

    .awards-banner {
        padding-top: 15px;
    }

    .awards-banner .col-md-3 {
        width:100%;
        height: auto;
        vertical-align: middle;
    }

    .awards-banner p {
        vertical-align: middle;
        color: #fff;
        font-size: 13px;
    }

    .awards-banner img {
        width: 50%;
        margin: 0;
    }

    .second-heading {
        font-size: 15px;
    }

    .centered, .centered.first {
        padding: 0;
    }

    .home-message {
        padding-top: 20px;
    }

    .home-message .text-inner1 {
        width: 100%;
        padding: 0;
    }

    .mobile-carousel .owl-nav {
        position: absolute;
        top: 88%;
        width: 100%;
        z-index: 999;
    }

    .testimonials {
        padding-bottom: 0px;
        padding-top: 0;
    }

    .testimonials .testimonial-inner {
        border: 1px solid #E5E5E5;
        padding: 30px;
        position: relative;
        min-height: 310px;
        margin-bottom: 40px;
    }

    .home-reviews {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .home-reviews p>i {
        font-size: 30px;
    }

    .home-reviews img {
        min-width: 23px;
        max-width: 23px;
    }
    
    .content-header p {
        font-weight: 500;
        font-size: 18px;
    }
    
    .content h2 {
        font-size: 30px;
    }

    .team .img-overlay p, .img-overlay p>strong {
        font-size: 15px;
    }
    
    .mobile-home-cat {
        display: block;
        height: 100vh;
    }
    
    /*.mobile-home-cat .home-mobi-cat {*/
    /*    position: relative;*/
    /*    height: -webkit-fill-available, -moz-fill-available, fill-available;*/
    /*}*/
    
    .mobile-home-cat .img-wrapper{
        background-position: center;
        background-size: cover;
        height: 100vh;
        /*width: 100%!important;*/
    }
    
    .mobile-home-cat .overlay-text {
        background-color: rgba(255,255,255,0.8);
        height: 100vh;
        text-align: center;
        padding: 35vh 10px;
    }
    
    .mobile-home-cat .img-wrapper:hover .overlay-text h1, .mobile-home-cat .img-wrapper:hover .overlay-text p {
        color: #333!important;
    }
    
    .mobile-home-cat .overlay-text h1, .face-cat .overlay-text h1 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .mobile-home-cat .owl-nav {
        position: absolute;
        top: 80%;
        width: 100%;
        z-index: 999;
    }
    
    .owl-carousel.home-slide .owl-nav i {
        font-size: 30px;
        background-color: #343d40;
        border-radius: 50px;
        padding: 5px 15px 10px 15px;
        color: #fff!important;
        vertical-align: bottom;
    }
    
    .owl-carousel.category-slide .owl-nav i {
        font-size: 30px;
        background-color: #343d40;
        border-radius: 50px;
        padding: 10px 15px 5px 15px;
        color: #fff!important;
        vertical-align: bottom;
    }
    
    .face-cat .img-overlay {
        opacity: 1!important;
        height: 100%;
        padding: 25vh 10px 0!important;
    }
    
    .face-cat .img-overlay .overlay-text {
        padding: 0!important;
        text-align: center;
    }
    
    .face-cat .img-wrapper {
        min-height: 80vh;
        height: auto;
    }
    
    .face-cat .mobi-address {
        position: absolute;
        bottom: 10px;
        text-align: center;
        z-index: 99999;
    }
    
    .face-cat p.mobi-address {
        color: #333;
    }
    
    .mobile-home-cat .overlay-text p, .face-cat .overlay-text p {
        font-weight: 500;
        color: #333;
    }
    
    .home-cat {
        display: none;
    }
    
    .text-inner1 {
        margin-bottom: 20px;
    }
    
    .text-inner1, .text-inner2, .text-inner3, .text-inner4 {
        width: 100%;
        padding: 20px 0px 0px 0px;
        font-size: 20px;
    }

    .section1 .text-inner1 .btn-primary {
        margin-bottom: 10px;
    }
    
    .text-inner2 img {
        margin-left: 80px;
    }
    
    .section3 .col-md-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-videos-new .col-md-6 {
        margin-bottom: 20px;
    }
    
    .team {
        text-align: center;
        padding-top: 0;
        padding-bottom: 20px;
    }
    
    .team .img-overlay {
        position: static;
        opacity: 1;
        padding: 10px 20px 0;
    }
    
    .team .owl-carousel .owl-nav {
        top: 25%;
    }
    
    .team .owl-carousel .owl-nav i {
        font-size: 40px;
        color: #fff;
    }
    
    .brands {
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .brands .col-md-2 {
        border: 1px solid #b6814f;
        width: 50%;
        float: left;
    }

    .brands .col-md-2 img {
        padding: 20px;
        width: 100%;
    }
    
    .brands p>br {
        display: none;
    }
    
    .brands .col-md-3 {
        border: 1px solid #b6814f;
        width: 50%;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
    
    .brands .col-md-3 img {
        padding: 10px;
        width: 100%;
    }
    
    .bottom.aboutpage {
        display: block!important;
        position: static!important;
    }
    
    .blogs {
        padding: 40px 0px 40px 0px!important;
    }
    
    .blog .blog-inner {
        min-height: 120px;
        padding: 15px;
    }
    
    .blog:hover .blog-inner {
        min-height: 120px;
        padding: 15px;
    }
    
    .blog.related-posts .blog-inner {
        min-height: 120px;
        padding: 20px 0px;
    }
    
    .blogs .col-md-12 {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    .blog .blog-inner .col-md-3, .blog.related-posts .blog-inner .col-md-3 {
        width: 100%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .blog .blog-inner .col-md-8, .blog.related-posts .blog-inner .col-md-8 {
        width: 80%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .blog .blog-inner .col-md-1, .blog.related-posts .blog-inner .col-md-1 {
        width: 20%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .view-blog .content-header {
        height: 180px!important;
    }
    
    .blog-content {
        padding-top: 20px;
        padding-bottom: 20%;
    }
    
    .sp-details {
        top: 50px;
    }
    
    .sp-details h1 {
        margin-bottom: 20px;
        font-size: 25px;
    }
    
    .single-project {
        padding-top: 0;
    }
    
    .treatment-fixed {
        padding-top: 0;
        /*min-height: 100vh;*/
        /*max-height: 100vh;*/
        /*height: 100vh!important;*/
        width: auto!important;
    }
    
    .treatment-fixed .btn-primary {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .treatment-fixed .panel {
        margin-bottom: 0;
    }
    
    .affix {
        position: static!important;
    }
    
    .related {
        display: none;
    }
    
    /*// Animation*/
    @keyframes jumpleft { 0% { left: 0px; } 30% { left: 45px; } 100% { left: 0px; } }
    @keyframes jumpright { 0% { right: 0px; } 30% { right: 45px; } 100% { right: 0px; } }
    
    .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 999;
    }
    
    .owl-carousel.related-slide .owl-nav .owl-next {
        right: 0;
    }
    
    .owl-carousel.related-slide .owl-nav .owl-prev {
        left: 0;
    }
    
    .related-slide p {
        text-align: center!important;
    }
    
    .contact-page {
        padding: 20px;
    }
    
    .contact-page .col-md-4 {
        padding: 20px 0px;
        width: 100%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .contact {
        background-color: #333;
        padding: 60px;
        min-height: 700px;
        max-height: 700px;
        height: auto;
        color: #fff;
    }
    
    .contact .col-md-4 {
        width: 50%;
        float: left;
        margin-right: auto;
        margin-left: auto;
        padding-top:20px;
        padding-left: 0;
    }
    
    .contact p, .contact a {
        color: #fff;
        margin-bottom: 0;
    }
    
    .contact p>strong {
        text-transform: uppercase;
    }
    
    #contact-form {
        margin-top: 40px;
    }
    
    #contact #map {
        width: 100%;
        min-height: 50vh;
    }
    
    .search-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 80px;
        padding-bottom: 100px;
    }
    
    .search-title {
        font-size: 30px;
    }
    
    .search_close {
        top: 60px;
        right: 20px;
    }
    
    .search_close i {
        font-size: 30px;
    }
    
    .search_output ul {
        max-height: 250px;
    }
    
    input#search_term {
        font-size: 30px;
        outline: none;
        padding: 5px 10px;
        border: 1px solid #b6814f;
        border-radius: 0;
    }

    .footer p {
        line-height: 20px;
    }

    .footer .col-md-1 {
        display: none;
    }
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {
    #popupshow {
        position: fixed;
        /* display: none; */
        /* height: 700px; */
        top: 10px;
        left: 60px;
        width: 650px;
        max-width: 100%;
        margin-left: 0;
        background-color: #fff;
        z-index: 99999;
        text-align: center;
        right: 60px;
        max-height: 570px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    .mobi-0 {
        display: none!important;
    }
    
    .mobi-image {
        display: block!important;
        margin-top: 20px;
    }

    .modal-dialog {
        margin: 30% auto;
    }

    #specialModal {
        top: 10%;
    }

    .body-inner {
        padding-right: 30px;
        padding-left: 0;
    }

    .countdownProp {
        padding: 10px;
    }

    #specialModal .close {
        float: right;
        font-size: 60px;
        font-weight: 100;
        line-height: 25px;
        color: #32374C;
        text-shadow: none;
        opacity: 1;
        margin-right: 10px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99999999999999999;
    }

    #specialModal .modal-dialog {
        margin: 5% auto;
    }
    
    .container {
        width: auto;
    }
    
    .navbar-nav {
        width: 100%;
        padding-right: 0;
    }
    
    .navbar-nav li {
        text-align: center;
        display: inline-block;
        padding: 0px 0px 10px 5px;
    }
    
    .navbar-header {
        float: left;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        padding-top: 10px;
    }
    
    .top {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        left: 0;
        z-index: 999999;
        max-height: 130px;
    }
    
    .top img {
        width: 20%;
        float: none;
        padding: 0;
        margin-bottom: 0;
    }

    .right, .left, #left-text {
        z-index: 99999;
    }

    /* .left, .right {
        z-index: -100;
    } */

    header {
        padding-right: 0;
    }

    #home .content-header {
        background-image: url('/images/home/header-1.jpg');
        background-position: center;
        background-size: cover;
        height: 47vh!important;
    }

    #home .content-header h1 {
        padding-top:0;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 5px;
        margin-bottom: 20px;
    }

    .navbar-nav li > a {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 5px;
        text-align: center;
    }

    .navbar-collapse {
        z-index: 999999999999!important;
        padding: 0!important;
    }

    .content-header {
        background-image: url('/images/home/mobile-header.jpg');
        background-size: cover;
        background-position: center;
        height: 60vh!important;
    }

    .carousel-caption {
        bottom: auto;
        padding-top: 72px;
        padding-bottom: 70px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .awards-banner img {
        width: 100%;
        height: auto;
        margin:0;
    }

    .centered, .centered.first {
        padding: 0;
    }

    .awards-banner .col-md-3 {
        width: 25%;
        float: left;
        height: auto;
        vertical-align: middle;
        padding-right: 0;
    }

    .awards-banner .col-md-1 {
        width: 0;
        display: none;
    }

    .awards-banner p>em {
        font-size: 16px;
    }

    .awards-banner .first p {
        font-size: 15px;
    }

    .home-message {
        padding-top: 0;
    }

    .right-section-img {
        padding-top: 20px;
    }

    .new-cat .overlay-text {
        padding: 15vh 40px;
    }
    
    .search-title {
        font-size: 40px;
    }
    
    .content#home {
        padding: 130px 50px 50px 50px!important;
    }
    
    .content#blog {
        padding: 0px;
    }
    
    .content#view-blog {
        padding: 100px 50px 70px 50px!important;
    }

    .blog-content-body {
        padding: 20px;
    }

    .blog-content-body img {
        margin-top: 0px;
        margin-bottom: 0px;
        max-width: 50%;
    }
    
    .content#view-treatment {
        padding: 100px 40px;
    }
    
    .text-inner1, .text-inner2, .text-inner3,  .text-inner4 {
        width: 90%;
        padding:40px 0px 40px 0px;
    }
    
    .blog .blog-inner, .blog:hover .blog-inner {
        min-height: 150px!important;
        padding: 20px!important;
    }
    
    .blog .blog-inner .col-md-8 {
        width: 50%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .blogs {
        padding: 120px 50px 120px 50px;
    }
    
    .blog-content {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .team {
        text-align: center;
        padding-top: 0;
        padding-bottom: 40px;
    }

    .img-overlay p>strong {
        font-size: 20px;
    }
    
    .new-cat {
        margin: 10px;
    }

    .home-cat {
        display: none;
    }

    .media-left {
        width: 30%;
    }

    .media-body {
        width: 70%;
    }

    .content h3 {
        font-size: 25px;
    }

    .home-message .text-inner1, .home-message .text-inner2 {
        width: 100%;
        padding: 30px 0px 0px 10px;
    }

    .home-img-inner2 img {
        width: 100%;
    }

    .home-categories .col-md-3 {
        width: 50%;
    }

    .home-videos-new .col-md-6 {
        margin-bottom: 20px;
    }

    .testimonials {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .testimonials .testimonial-inner {
        padding: 10px;
        position: relative;
        min-height: 420px;
    }

    .testimonials .col-sm-4 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .mobile-home-cat {
        display: block;
        /*min-height: 100vh;*/
        height: auto;
    }
    
    .mobile-home-cat .face-cat {
        height: 100%;
    }
    
    .mobile-home-cat .face-cat {
        position: relative;
    }
    
    .mobile-home-cat .img-wrapper, .face-cat .img-wrapper{
        background-position: center;
        background-size: cover;
        min-height:80vh;
        width: 100%!important;
    }
    
    .mobile-home-cat .overlay-text {
        background-color: rgba(255,255,255,0.8);
        padding: 40vh 15% 0!important;
        height: 100vh;
        text-align: center;
    }
    
    .mobile-home-cat .img-wrapper:hover .overlay-text h1, .mobile-home-cat .img-wrapper:hover .overlay-text p {
        color: #333!important;
    }
    
    .mobile-home-cat .overlay-text h1, .face-cat .overlay-text h1 {
        font-size: 25px!important;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .mobile-home-cat .overlay-text p {
        font-size: 20px;
        font-weight: 500;
    }
    
    .owl-carousel.home-slide .owl-nav i {
        font-size: 30px;
        padding: 5px 15px 12px 15px;
    }
    
    .face-cat .img-overlay {
        opacity: 1!important;
        height: 100%;
        padding: 0!important;
    }
    
    .face-cat .img-overlay .overlay-text {
        padding: 20vh 20px!important;
        text-align: center;
    }

    .home-blogs.blogs {
        padding: 40px 0 40px 0;
    }
    
    .owl-nav {
        top: 85%!important;
        z-index: 99999;
    }

    .team .owl-nav {
        top: 20%!important;
        z-index: 99999;
    }
    
    .owl-carousel .owl-nav .owl-prev {
        left: 5%;
    }
    
    .owl-carousel .owl-nav .owl-next {
        right: 5%;
    }
    
    .owl-carousel .owl-nav .owl-prev i, .owl-carousel .owl-nav .owl-next i {
        font-size: 30px;
        color: #fff;
    }
    
    .team .owl-carousel {
        margin-top: 20px;
    }
    
    .team .owl-carousel .owl-nav {
        top: 100%;
    }
    
    .view-blog .content-header {
        height: 350px!important;
    }
    
    .content-header p {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .content-header p>br {
        display: none;
    }
    
    .content-header h1 {
        font-size: 80px;
        padding-top: 45%;
    }

    .brands {
        text-align: center;
        padding-bottom: 100px;
    }

    .brands .col-md-2 img {
        padding: 5px;
        width: 100%;
    }

    #about .content-header h1 {
        font-size: 60px;
        padding-top: 15%;
    }
    
    .mobi-team-info {
        display: block;
    }
    
    /*.team .col-md-4 {*/
    /*    height: 400px!important;*/
        
    /*}*/
    
    .img-inner1 {
        display: none!important;
    }
    
    .team p>br {
        display: none;
    }
    
    .team .img-overlay {
        position: static;
        opacity: 1;
        padding: 20px 10px;
        /*height: 250px!important;*/
    }
    
    .brands .col-md-3 {
        width: 50%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .brands p>br {
        display: none;
    }
    
    .single-project {
        padding-top: 0;
    }
    
    .sp-details {
        top: 50px;
        padding: 0 10px;
    }
    
    .sp-details h1 {
        margin-bottom: 20px;
        font-size: 25px;
    }
    
    .treatment-fixed {
        padding: 0;
    }
    
    .treatment-fixed .btn-primary {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .treatment-fixed .panel {
        margin-bottom: 0;
    }
    
    .affix {
        position: static!important;
    }
    
    .treatment-fixed .panel-group .panel-heading+.panel-collapse>.list-group, .treatment-fixed .panel-group .panel-heading+.panel-collapse>.panel-body {
        font-size: 18px;
    }
    
    .related {
        display: none;
    }
    
    #contact {
        padding: 100px 0 80px 0;
    }
    
    .contact-page {
        min-height: 50vh;
        padding: 1vh 80px 3vh 80px;
    }
    
    .contact .col-md-4 {
        width: 50%;
        float: left;
        margin-right: auto;
        margin-left: auto;
        padding-top:20px;
        padding-left: 0;
    }
    
    .contact-page .col-md-4 {
        width: 33%;
        float: left;
        margin-right: auto;
        margin-left: auto;
        padding-top:30px;
        padding-left: 0;
    }
    
    .mobi-pad0 {
        padding: 0;
    }
    
    #map {
        width: 100%;
        height: auto!important;
        min-height: 40vh;
    }

    .footer {
        z-index: 9999999!important;
    }

    .footer p {
        line-height: 20px;
        font-size: 12px!important;
    }

    .footer .col-md-1 {
        display: none;
    }
    
}

@media (min-width: 992px) and (max-width: 1198px) {
    .mobi-only {
        display: none!important;
    }

    #popupshow {
        max-height: 600px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    header p {
        font-weight: 600;
        font-size: 13px;
        margin-left: 20px;
    }

    .navbar-nav li {
        padding:0px 4px 10px 3px;
    }

    .navbar-header {
        width: 15%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
    }
    
    .navbar-nav li>a {
        font-size: 14px;
        text-transform: uppercase;
    }
    
    .navbar-nav {
        width: 85%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0px;
    }

    .awards-banner .col-md-3 {
        width: 21%;
        height: 100px;
        vertical-align: middle;
    }

    .awards-banner .col-md-1 p:after {
        top: 0px;
        left: 30px;
    }

    .awards-banner p>em {
        font-size: 17px;
    }

    .centered.first {
        padding:5px 0;
    }

    .centered {
        padding: 0;
    }

    .awards-banner .col-md-1 p {
        font-size: 80px;
        vertical-align: top;
    }

    .testimonials .testimonial-inner {
        position: relative;
        min-height: 380px;
    }

    .testimonials .col-md-4 {
        width: 32%;
    }

    .home-consultaion form {
        padding-right: 60px!important;
    }

    .new-cat h1 {
        font-size: 20px;
    }

    .new-cat .overlay-text {
        padding: 0vh 20px!important;
    }

    .new-cat .overlay-text .btn-primary {
        left: 10%;
        right: 20%;
    }
    
    .search-wrapper {
        padding: 100px;
        max-height: 100vh;
        overflow-y: scroll;
    }
    
    .search_close {
        top: 100px;
        right: 100px;
    }
    
    .top {
        padding-top: 5px;
        padding-bottom: 0;
        max-height: 100px;
    }
    
    .top img {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-top: 5px;
    }

    header {
        padding-right: 50px;
    }

    /* .right {
        width: 78px;
    } */

    .left {
        width: 50px;
        left: 0;
    }

    #right-text {
        right: -127px;
    }

    .content {
        padding: 110px 30px 0px 50px;
    }

    .carousel-caption {
        position: absolute;
        top: 10%;
        left: 50px;
        right: 50px;
        height: auto;
        bottom: 45.6%;
        padding-top: 6%;
    }
    
    #home .content-header h1 {
        padding: 0;
        text-transform: uppercase;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 5px;
        margin-bottom: 20px;
    }
    

    #home .content-header {
        height: 50vh;
        padding-top: 0%;
    }

    .home-message .home-img-inner1 {
        margin-top: 20px;
    }

    #about .content-header h1 {
        padding-top: 20%;
        font-size: 50px;
    }
    
    .content-header p {
        padding-right: 0px;
        font-size: 18px;
    }

    .awards-banner img {
        width: 100%;
        height: auto;
        margin: 20px 0px;
    }

    .testimonials {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .face-cat .overlay-text {
        padding: 25vh 30px!important;
    }
    
    .face-cat .img-overlay {
        padding: 0!important;
    }
    
    .overlay-text {
        padding: 0!important;
    }

    .home-consultaion {
        padding: 40px 0 40px 0;
    }
    
    .home-cat .overlay-text {
        padding: 30vh 10px!important;
    }
    
    .home-cat .img-overlay {
        padding: 0!important;
    }
    
    .img-overlay {
        padding: 60% 30px 0!important;
    }
    
    .face-cat .overlay-text h1 {
        font-size: 20px;
    }
    
    .face-cat .img-overlay {
        padding: 0!important;
    }
    
    .content#about h2 {
        margin-top: 0;
        font-size: 25px;
    }

    .content h3 {
        font-size: 20px;
    }

    .home-message .left-section {
        max-height: 300px;
        overflow-y: auto;
        margin-top: 20px;
    }

    .left-section {
        max-height: 370px;
        overflow-y: auto;
        margin-top: 20px;
    }

    .left-section::-webkit-scrollbar {
        width: 0.5em;
    }
    
    .left-section::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    .left-section::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
    
    .text-inner1, .text-inner2, .text-inner3,  .text-inner4 {
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 18px;
    }

    .home-message .text-inner1 {
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 20px;
    }

    .home-message {
        padding-top: 40px;
    }
    
    .text-inner2 img {
        width: 40%;
        margin-left: 150px;
        margin-top: 0px;
    }
    
    .text-inner3 h2 {
        margin-bottom: 20px;
    }
    
    .brands .col-md-3 {
        width: 33.3%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .mobi-team-info {
        display: block;
    }

    .team {
        padding-bottom: 80px;
    }

    .team .img-overlay p {
        font-size: 15px;
    }
    
    .team .img-overlay {
        position: static;
        opacity: 1;
        padding: 10% 10px 0 10px!important;
        /*height: 250px!important;*/
    }
    
    .team .owl-carousel {
        margin-top: 20px;
    }
    
    .team .owl-carousel .owl-nav {
        top: 20%;
    }
    
    .team .owl-nav i {
        color: #fff;
        /* background-color: #fff; */
        border-radius: 100%;
        padding: 0 10px;
        vertical-align: middle;
        font-size: 60px;
    }
    
    .team .owl-carousel .owl-nav .owl-prev {
        left: 0;
        width: auto;
        text-align: right;
    }
    
    .owl-carousel .owl-nav .owl-next {
        right: 0;
        width: auto;
        text-align: left;
    }
    
    .owl-carousel.category-slide .owl-nav {
        top: 85%;
    }
    
    .owl-carousel.related-slide .owl-nav {
        top: 100%!important;
    }
    
    .blog-content p {
        padding-right: 60px;
    }
    
    .related {
        padding-bottom: 100px;
        text-align: center;
        padding: 0 40px;
    }
    
    .img-overlay p>strong {
        font-size: 15px;
    }

    .brands .col-md-2 img {
        padding: 10px;
    }

    .treatment-fixed {
        width: 570px;
    }

    .sp-details p {
        font-size: 16px;
    }
    
    /* Animation*/
    @keyframes jumpleft3 { 0% { left:45%; } 30% { left: 43%; } 100% { left: 45%; } }
    @keyframes jumpright3 { 0% { right: 45%; } 30% { right: 43%; } 100% { right: 45%; } }
    
    .contact-page {
        padding: 0vh 20px;
        min-height: 110vh;
    }
    
    .contact-page .col-md-4 {
        width: 50%;
        float: left;
        margin-right: auto;
        margin-left: auto;
        padding-top:20px;
        padding-left: 0;
    }
    
    #map {
        min-height: 105vh;
    }
    
    .contact-page .col-md-4.mobi-50 {
        width: 50%!important;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .clearfix.mobi-only, .mobi-only {
        display: block;
    }
    
    .blogs {
        padding-top: 0px;
    }
    
    .blogs .col-md-12 {
        padding-left: 0;
    }
    
    .blog-inner .col-md-8 {
        width: 60.66666667%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }

    .face-cat .img-wrapper {
        min-height: 80vh;
        height: auto;
    }
}

/*Laptop:*/
@media (min-width: 1199px) and (max-width: 1600px) {
    #popupshow {
        top: 10px;
        max-height: 650px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .right {
        width: 43px;
    }

    .navbar-nav li {
        padding-left: 0px;
        padding-right: 10px;
    }
    
    .navbar-nav li>a {
        padding: 0;
        font-size: 12px;
    }

    .navbar-nav {
        float: right;
        margin: 0;
        padding-top: 10px;
    }

    header {
        padding-right: 50px;
    }

    header p {
        font-weight: 600;
        padding-left: 10px;
    }
    
    .top {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .top img {
        width: 90%;
        float: left;
        padding-left: 15px;
        padding-top: 5px;
        max-width: 110px;
    }

    .left-section {
        max-height: 100%;
        overflow-y: auto;
        margin-top: 0px;
        padding-top: 0px;
    }

    .section1 .left-section {
        max-height: 440px;
        overflow-y: auto;
        margin-top: 20px;
        padding-top: 50px;
    }

    .home-message.section1 .left-section {
        max-height: 550px;
        overflow-y: auto;
        margin-top: 0px!important;
        padding-top: 30px!important;
    }
    
    .left-section.specials-sections {
        margin-bottom: 20px;
        max-height: none!important;
    }

    .home-message .text-inner1 {
        width: 100%;
        padding: 30px 10px 0px 30px;
        font-size: 15px;
    }

    .brands .col-md-2 img {
        padding: 10px;
        width: 100%;
    }

    .carousel-caption {
        bottom: 32.1%;
    }

    .centered {
        padding: 30px 0px 0 0px;
    }
    
    .centered.first {
        padding: 45px 10px 0 30px;
    }

    .awards-banner {
        background-color: #4C4D4F;
        padding: 0;
    }

    .awards-banner img {
        width: 90%;
        margin: 35px 30px;
    }

    .left-section::-webkit-scrollbar {
        width: 0.5em;
    }
    
    .left-section::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    .left-section::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
    
    .text-inner1, .text-inner2, .text-inner3,  .text-inner4 {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-left: 10%;
        font-size: 18px;
        padding-right: 10%;
    }

    .team .img-overlay p {
        font-size: 15px;
    }
    
    .blog-content p {
        padding-right: 40px;
    }
    
    .content {
        padding:50px 40px 0px 50px;
    }

    #home .content-header .col-md-12 {
        width: 100%;
    }
    
    .content-header .col-md-12 {
        width: 95%;
    }
    
    .content h2 {
        font-size: 30px!important;
        margin-top: 50px;
    }

    #about .section2 h2, #about .section2 h3 {
        font-size: 25px;
    }
    
    .content#view-treatment {
        padding: 11vh 0px!important;
    }
    
    .content#blog {
        padding: 0!important;
    }
    
    .contact {
        padding: 20px;
        min-height: 620px;
    }

    #home .content-header h1 {
        padding-top: 14%;
    }
    
    .content-header h1 {
        padding-top: 25%;
        margin-bottom: 20px;
    }
    
    .contact-page {
        min-height: 90vh;
        padding: 8vh 20px 8vh 5px;
    }
    
    #map {
        width: 100%;
        min-height: 89vh;
    }
    
    .mobi-pad0 {
        padding-right: 0;
    }
    
    .sp-images {
        width: 400px!important;
        padding-left: 40px;
    }
    
    .treatment-fixed {
        padding-top: 0px;
        width: 600px!important;
        /*min-height: 80vh;*/
        /*max-height: 80vh;*/
    }
    
    /*.home-cat .img-overlay {*/
    /*    padding: 0 20px 0!important;*/
    /*}*/
    
   .team .img-overlay {
        padding: 10% 10px 0!important;
        background-color: rgba(255,255,255,0.9);
    }
    
    .team .owl-carousel .owl-nav .owl-prev i, .team .owl-carousel .owl-nav .owl-next i {
        color: #fff;
        font-size: 60px;
    }
    
    .related-slide .owl-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /*.related-slide .owl-item img {*/
    /*    width: 85%!important;*/
    /*}*/
    
    .related {
        padding-top: 0;
        padding-bottom: 80px;
    }
    
    .owl-nav {
        top: 40%;
    }
    
    .owl-carousel.related-slide .owl-nav .owl-prev {
        left: 10px;
    }
    
    .owl-carousel.related-slide .owl-nav .owl-prev i, .owl-carousel.related-slide .owl-nav .owl-next i {
        color: #000!important;
    }
    
    .owl-carousel.related-slide .owl-nav .owl-next {
        right: 60px;
    }
    
    .owl-carousel.category-slide .owl-nav i, .owl-carousel.home-slide .owl-nav i {
        font-size: 20px;
        background-color: #343d40;
        border-radius: 50px;
        padding: 12px 15px 8px 15px;
        color: #fff!important;
        vertical-align: bottom;
    }
    
    /* Animation*/
    /*@keyframes jumpleft { 0% { left:45%; } 30% { left: 43%; } 100% { left: 45%; } }*/
    /*@keyframes jumpright { 0% { right: 45%; } 30% { right: 43%; } 100% { right: 45%; } }*/
    /*@keyframes jumpleft3 { 0% { left: -40px; } 30% { left: -50px; } 100% { left: -40px; } }*/
    
    .brands .col-md-3 img {
        padding: 20px;
        width: 100%;
    }
    
    /*.face-cat .img-overlay {*/
    /*    padding: 25vh 20px 0!important;*/
    /*}*/
    
    .face-cat .overlay-text {
        padding: 15vh 5px;
    }
    
    .overlay-text {
        padding: 30vh 5px;
    }

    .new-cat .overlay-text {
        padding: 10vh 20px;
    }
    
    .home-cat .overlay-text {
        padding: 35vh 20px;
    }
    
    .home-cat .img-overlay {
         padding: 0; 
    }

    
    .home-categories .col-md-3 {
        width: 32%;
    }

    .new-cat .overlay-text {
        padding: 15vh 56px;
    }
    
    .face-cat .overlay-text h1 {
        font-size: 25px;
    }
    
    .blog .blog-inner {
        padding: 30px 0px 30px 40px!important;
    }
    
    .blog.related-posts .blog-inner {
        min-height: 120px;
    }
    
    .blog .blog-inner .col-md-3 {
        width: 100%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .blog .blog-inner .col-md-8 {
        width: 80%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .blogs {
        padding: 100px 0px 120px 0px!important;
    }

    .blog-content-body {
        padding: 0 30px;
    }

    .related-posts-section {
        padding: 30px;
    }
    
    .treatment-fixed .panel-group .panel-heading+.panel-collapse>.list-group, .treatment-fixed .panel-group .panel-heading+.panel-collapse>.panel-body {
        font-size: 17px;
    }

    .img-overlay p>strong {
        font-size: 20px;
    }

    .single-project {
        padding-top: 0px;
    }

    #home .content-header {
        height: 80vh;
        padding-left: 20px;
    }

    .content-header {
        height: 88vh;
    }

    #right-text {
        right: -140px;
    }
}

@media (min-width: 1391px) and (max-width: 1600px) {
    #home .content-header {
        height: 80vh;
        padding-left: 20px;
    }

    .home-message .text-inner1 {
        padding: 0px 10px 0px 30px;
    }

    .home-message.section1 .left-section {
        max-height: 460px;
    }

    .home-categories .col-md-3 {
        width: 19.3%;
    }

    .new-cat .overlay-text {
        padding: 5vh 40px;
    }

    #right-text {
        right: -130px;
    }

    .content h2 {
        font-size: 25px !important;
        margin-top: 0;
    }

    .contact-page {
        min-height: 100vh;
        padding: 2vh 20px 8vh 5px;
    }
    #map {
        width: 100%;
        min-height: 92vh;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .top img {
        width: 100%!important;
        max-width: 140px!important;
    }

    .carousel-caption {
        bottom: 27.1%!important;
    }

    .awards-banner img {
        width: 80%!important;
    }

    .section1 .left-section {
        max-height: 560px!important;
        overflow-y: auto;
        margin-top: 25px!important;
    }

    .new-cat .overlay-text {
        padding: 4vh 40px!important;
    }

    .new-cat .overlay-text .btn-primary {
        position: absolute;
        top: 60%;
        bottom: auto;
        left: 20%;
        right: 20%;
    }

    .blogs {
        padding: 100px 0px 120px 0px!important;
    }

    .blog-content-body {
        padding: 0!important;
    }

    .content#view-treatment {
        padding: 13vh 50px!important;
    }

    .sp-images {
        width: 450px!important;
        padding-left: 0!important;
    }

    .contact-page {
        padding: 8vh 40px 8vh 20px!important;
    }

    .contact-page .col-md-4 {
        padding-top: 10px!important;
        padding-left: 0;
    }

    .home-message.section1 .left-section {
        max-height: none!important;
        overflow-y: auto;
        margin-top: 0px!important;
        padding-top: 10px!important;
    }

    #specialModal {
        top: 15%;
    }
}

@media (min-width: 2560px) and (max-width: 3000px) {
    .navbar-nav li {
        padding-left: 10px;
        padding-right: 25px;
    }

    #home .content-header h1 {
        padding-top: 55%;
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 5px;
        margin-bottom: 20px;
        line-height: 40px;
    }
}