@media only screen and (max-width: 767px) {
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .mean-bar{
        z-index: 9999!important;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    p {
        font-size: 15px;
    }
    .top-header .header-left-content {
        text-align: center;
        margin-bottom: 10px;
    }
    .top-header .header-left-content .contact-info {
        margin-right: 5px;
    }
    .top-header .header-right-content {
        text-align: center;
    }
    #pixlee_container{
        margin-bottom: 80px;
    }
    .instagram-gallery .content-box{
        padding-left: 0px;
    }
    .mobile-box-left{
        transform: inherit;
    }
    .testimonials-content .mobile-frame{
        position: inherit;
        transform: inherit;
        left: 0px;
        margin: 0px auto;
    }
    .testimonials-content.green{
        height: auto;
    }
    .header-right-content .social-icon{
        justify-content: center;
    }
    .top-header .header-right-content .my-account li {
        margin-right: 5px;
    }
    .top-header .header-right-content .language {
        margin-right: 0;
    }
    .hero-slider-area .hero-slider-item {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: 390px;
    }
    .single-what-we-offer .what-we-offer-content{
        height: auto;
    }
    .process-box ul:before{
        display: none;
    }
    .process-box ul{
        padding-left: 0px;
    }
    .process-box ul .item .process-main-box{
        display: block;
    }
    .process-box ul .item .number-section{
        width: 100%;
        margin-bottom: 10px;
    }
    .testimonials-section .top-img {
        right: inherit;
        top: 70px;
        left: -110px;
    }
    .appointment-area {
        background-position:40% 100%;
    }
    .hero-slider-area .owl-theme .owl-nav {
        bottom: 15px;
        -webkit-transform: none;
        transform: none;
        left: 15px;
        right: 15px;
    }
    .hero-slider-area .owl-theme .owl-nav .owl-prev,
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 0;
    }
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        left: auto;
        right: 0;
    }
    .hero-slider-content {
        text-align: center;
        margin-left: 0;
    }
    .img-whatsapp-icon{
        right: -3%;
    }
    .hero-slider-content h1 {
        font-size: 35px;
    }
    .hero-slider-content p {
        margin: 0 auto 30px;
    }
    .section-title {
        margin-bottom: 30px;
        margin-top: -1px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .about-img-content .about-img-1 img {
        width: 100%;
    }
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .about-img-content h3 {
        background-color: #fff;
    }
    .about-content {
        margin-left: 0;
    }
    .about-content h2 {
        font-size: 25px;
    }
    .about-content h4 {
        font-size: 18px;
    }
    .about-content ul.mb-20 {
        margin-bottom: 15px;
    }
   
   .single-what-we-offer{
    height: auto;
   }
   .single-what-we-offer .number-text{
        position: static;
        top: 7px;
   }
   .instagram-gallery .content-box .content .list ul{
    padding-left: 0px;
   }
   ..our-services-section .top-img{
    left: -60px;
   }
   .our-services-section .serves-box{
    height: auto;
    padding-bottom: 40px;
   }

   .instagram-gallery{
    background-position: 31% 0%;
   }
    
    .why-choose-us-content {
        text-align: center;
    }
    .why-choose-us-content h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .why-choose-us-content ul li {
        padding-left: 0;
    }
    .why-choose-us-content ul li span {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }
    .why-choose-us-content ul li span::before {
        right: 0;
    }
    .why-choose-us-img {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .modal-dialog .modal-content .modal-body {
        height: 760px;
    }
    .what-we-offer-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        position: unset;
    }
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .what-we-offer-area.services-page-style {
        padding-top: 50px;
        padding-bottom: 20px;
    }
   
    .single-what-we-offer .what-we-offer-content {
        padding: 10px;
        padding-top: 20px;
    }
    .single-what-we-offer .what-we-offer-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .single-what-we-offer .what-we-offer-content p {
        margin-bottom: 10px;
    }
    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px;
    }
    .appointment-img {
        height: 600px;
    }
    .appointment-action {
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        padding-top: 30px;
    }
    .appointment-action h2 {
        font-size: 25px;
    }
    .appointment-action .form-group {
        margin-bottom: 20px;
    }
    .customer-story-area .section-title span {
        color: #000;
    }
   
    .customer-story-area::before{
        height: 24%;
    }
    .customer-story-area .top-img{
        display: none;
    }
    .customer-story-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        position: unset;
        margin-top: 30px;
    }
    .customer-story-area .owl-theme .owl-nav .owl-prev,
    .customer-story-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .customer-story-area .single-customer-story {
        text-align: center;
    }
    .customer-story-area .single-customer-story h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .team-area {
        padding-bottom: 50px;
    }
    .team-area .section-title {
        margin-left: auto;
        text-align: center;
    }
    .team-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        position: unset;
    }
    .team-area .owl-theme .owl-nav .owl-prev,
    .team-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .team-area.team-page-style {
        padding-bottom: 20px;
    }
    .testimonials-content {
        padding: 30px;
    }
    #Testimonials{
        margin-top: 0px;
    }
    .testimonials-content .single-testimonials i {
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: -8px;
    }
    .testimonials-content .single-testimonials p {
        margin-bottom: 20px;
    }
    .testimonials-content .single-testimonials .writer-name h3 {
        margin-bottom: 0;
    }
    .testimonials-area .container h4 {
        font-size: 25px;
        letter-spacing: 10px;
        position: unset;
        margin-top: 30px;
        text-align: center;
    }
    .our-news-area {
        padding-bottom: 50px;
    }
    .our-news-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        position: unset;
    }
    .our-news-area .owl-theme .owl-nav .owl-prev,
    .our-news-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .single-news .news-content {
        padding: 10px;
        padding-top: 20px;
    }
    .single-news .news-content ul li {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .single-news .news-content h3 {
        font-size: 18px;
    } 
    .hero-slider-area .social-icon {
        position: unset;
        text-align: center;
    }
    .hero-slider-area .social-icon li {
        display: inline-block;
        margin: 0 5px;
    }
    .hero-slider-area .owl-dots {
        position: unset;
        margin: auto;
        display: block;
        text-align: center;
        margin-top: 30px !important;
        margin-bottom: 50px;
    }
    .hero-slider-area .owl-dots .owl-dot span {
        margin: 0 5px;
    }
    .default-btn {
        font-size: 15px;
        padding: 12px 15px;
    }
}
@media only screen and (min-width: 414px) and (max-width: 575px) {
    .about-content .col-lg-6.col-sm-6 {
        max-width: 200px;
        margin: auto;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .top-header .header-right-content .my-account li {
        margin-right: 15px;
    }
    .top-header .header-right-content .language {
        margin-right: 10px;
    }
    .appointment-area .container-fluid {
        max-width: 540px;
    }
    .about-content ul.mb-20 {
        margin-bottom: 0;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    p {
        font-size: 15px;
    }

    .top-header .header-left-content {
        margin-bottom: 10px;
    }
    .top-header .header-right-content .my-account li {
        margin-right: 5px;
    }
    .top-header .header-right-content .language {
        margin-right: 0;
    }
    .hero-slider-area .hero-slider-item {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .hero-slider-area .owl-theme .owl-nav {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    .hero-slider-area .owl-theme .owl-nav{
        -webkit-transform: translateY(-119px);
        transform: translateY(-119px);
    }
    .hero-slider-area .owl-theme .owl-nav .owl-prev,
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 0;
    }
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        left: auto;
        right: 0;
    }
    .hero-slider-content {
        text-align: center;
        margin-left: 0;
        margin: auto;
    }
    .hero-slider-content h1 {
        font-size: 35px;
    }
    .hero-slider-content p {
        margin: 0 auto 30px;
    }
    .section-title {
        margin-bottom: 30px;
        margin-top: -1px;
    }
    .section-title h2 {
        font-size: 25px;
    } 
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .about-img-content .video {
        bottom: 112px;
        left: 73px;
    }
    .about-content {
        margin-left: 0;
    }
    .about-content h2 {
        font-size: 25px;
    }
    .about-content h4 {
        font-size: 18px;
    }
    .single-what-we-offer .number-text{
        position: static;
    }
    .single-what-we-offer .what-we-offer-content{
        height: 400px;
    }
    .instagram-gallery .content-box{
        padding-left: 0px;
    }
    .why-choose-us-content {
        text-align: center;
    }
    .why-choose-us-content h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .why-choose-us-content ul li {
        padding: 0 15px;
        max-width: 345px;
        display: inline-block;
    }
    .why-choose-us-content ul li span {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }
    .our-services-section .serves-box{
        margin-bottom: 30px;
    }
    .our-services-section .serves-box{
        height: 347px;
    }
    .process-box ul .item .number-section{
        width: 135px;
    }
    .about-img-content .about-img-1 .about-img-2{
        text-align: inherit;
        margin-bottom: 30px;
    }
    .hero-slider-area .hero-slider-item {
        min-height: 380px;
    }
    .why-choose-us-content ul li span::before {
        right: 0;
    }
    .why-choose-us-img {
        margin-bottom: 0;
        text-align: center;
    }
    .why-choose-us-img img {
        width: 100%;
    }
    .what-we-offer-area {
        padding-bottom: 50px;
    }
    .what-we-offer-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        position: unset;
    }
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .what-we-offer-area.services-page-style {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .single-what-we-offer .what-we-offer-content {
        padding: 10px;
    }
    .single-what-we-offer .what-we-offer-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .single-what-we-offer .what-we-offer-content p {
        margin-bottom: 10px;
    }
    .appointment-area .container-fluid {
        max-width: 720px;
    }
    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px;
    }
    .appointment-img {
        height: 600px;
    }
    .appointment-action {
        margin-left: 0;
        text-align: center;
        margin: auto;
        padding-top: 30px;
    }
    .appointment-action h2 {
        font-size: 25px;
    }
    .appointment-action .form-group {
        margin-bottom: 20px;
    }
    .customer-story-area .section-title span {
        color: #000;
    }
   .customer-story-area::before {
    height: 34%;
   }
    
    .testimonials-content .mobile-frame{
        left: 37%;
        top: 320%;
    }
    .testimonials-area {
        margin-top: 100px;
    }
    .cricle-img{
        left: 20%!important;
        top: 52%!important;
    }
    .testimonials-content.green{
        height: auto;
    }
    .customer-story-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        position: unset;
        margin-top: 30px;
    }
    .customer-story-area .owl-theme .owl-nav .owl-prev,
    .customer-story-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .customer-story-area .single-customer-story h2 {
        font-size: 25px;
    }
    .team-area {
        padding-bottom: 50px;
    }
    .team-area .section-title {
        margin-left: auto;
        text-align: center;
    }
    .team-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        position: unset;
    }
    .team-area .owl-theme .owl-nav .owl-prev,
    .team-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .team-area.team-page-style {
        padding-bottom: 20px;
    }
    .testimonials-content {
        padding: 30px;
    }
    .testimonials-content .single-testimonials i {
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: -8px;
    }
    .testimonials-content .single-testimonials p {
        margin-bottom: 20px;
    }
    .testimonials-content .single-testimonials .writer-name h3 {
        margin-bottom: 0;
    }
    .testimonials-area .container h4 {
        font-size: 25px;
        letter-spacing: 10px;
        position: unset;
        margin-top: 30px;
        text-align: center;
    } 
    .our-news-area {
        padding-bottom: 50px;
    }
    .our-news-area .owl-theme .owl-nav {
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        position: unset;
    }
    .our-news-area .owl-theme .owl-nav .owl-prev,
    .our-news-area .owl-theme .owl-nav .owl-next {
        position: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .single-news .news-content {
        padding: 10px;
        padding-top: 20px;
    }
    .single-news .news-content ul li {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .single-news .news-content h3 {
        font-size: 20px;
    }
    .copy-right-area p {
        font-size: 15px;
    }    
    .top-header .header-left-content .social-icon {
        margin-top: 10px;
    }
    .default-btn {
        font-size: 15px;
        padding: 12px 15px;
    } 
    .page-title-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .page-title-area .page-title-content h2 {
        font-size: 30px;
    }
    .page-title-area .page-title-content ul li {
        font-size: 15px;
    }  
    .about-us-area .about-shape-img::before {
        opacity: 0.9;
    }
    .why-choose-us-area.why-choose-us-about {
        background-image: unset;
    } 
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
        margin: 0 10px;
        font-size: 14px;
    }
    .container{
        max-width: 996px!important;
    }

    .navbar-area .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
        font-size: 13px;
    }
    .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a{
        margin: 0 7px;
    font-size: 13px;
    }
    .what-we-offer-area .owl-theme .owl-nav .owl-next{
        right: -5px;
    }
    .our-news-area .owl-theme .owl-nav .owl-next{
        right: 17px;
    }
    .our-news-area .owl-theme .owl-nav .owl-prev{
        left: 13px;
    }
    .our-services-section .serves-box{
        height: 440px;
    }
    .testimonials-content.green{
        height: auto;
    }
    .navbar-area .desktop-nav .navbar .others-option .get-quote {
        margin-left: 30px;
    }
    .navbar-area .desktop-nav .navbar .others-option .get-quote .default-btn {
        padding: 12px;
        font-size: 14px;
    }
    .navbar-area .desktop-nav .navbar .others-option .search-box:hover > .search-input {
        width: 355px;
    }
    .navbar-area .desktop-nav .navbar .others-option .search-box:focus > .search-input {
        width: 355px;
    }
    .about-content {
        margin-left: 0;
    }
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: -40px;
    }
    .why-choose-us-area::before {
        display: none;
    }
    .why-choose-us-content h2 {
        font-size: 31px;
    }
    .appointment-area .container-fluid {
        max-width: 960px;
    }
    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px;
    }
    .appointment-action {
        margin-left: 0;
    }
    .appointment-action h2 {
        font-size: 35px;
    } 
    .copy-right-area p {
        font-size: 15px;
    }  
}
@media only screen and (min-width: 1700px) {
    .top-header .container {
        max-width: 1470px;
    }
    .navbar-area .container {
        max-width: 1470px;
    }
    .hero-slider-area .container {
        max-width: 1470px;
    }
    .hero-slider-area .owl-theme .owl-nav {
        left: 147px;
        right: 147px;
    }
    .hero-slider-area .hero-slider-item {
        height: 805px;
    }
    .hero-slider-area .social-icon {
        left: 88px;
    }
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        left: -100px;
    }
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        right: -100px;
        left: auto;
    }
    .our-news-area .owl-theme .owl-nav .owl-prev,
    .our-news-area .owl-theme .owl-nav .owl-next {
        left: -100px;
    }
    .our-news-area .owl-theme .owl-nav .owl-next {
        right: -100px;
        left: auto;
    }
}
@media only screen and (max-width: 991px) {
    .navbar-area {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-area.is-sticky {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .mobile-button-herader{
        position: absolute;
        right: 55px;
        top: -65px;
        z-index: 99999;
    }
    .mobile-button-herader a{
        font-size: 13px;
    }
    .mobile-nav {
        display: block;
    }
     .others-option-for-responsive .others-option .option-item .search-btn{
        display: none;
    }
    .mobile-nav .logo {
        position: relative;
        width: 60%;
        z-index: 999;
        max-width: 100px;
    }
    .mobile-nav .mobile-menu {
        position: relative;
    }
    .mobile-nav .mobile-menu.mean-container .mean-nav {
        margin-top: 50px;
    }
    .mobile-nav .mobile-menu.mean-container .mean-nav ul {
        font-size: 15px;
    }
    .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active {
        color: #62bd5e;
    }
    .mobile-nav .mobile-menu.mean-container .mean-nav ul li li a {
        font-size: 14.5px;
    }
    .mobile-nav .mobile-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 255px;
        -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    }
    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal {
        color: #1b1b1b;
        padding-top: 11px;
    }
    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal span {
        background: #1b1b1b;
    }
    .desktop-nav {
        display: none;
    }
    .others-option {
        display: none;
    }
    .others-option-for-responsive {
        display: block;
    }
    .others-option-for-responsive .dot-menu {
        top: -60px;
    }
    .others-option-for-responsive .others-option .option-item .search-overlay.search-popup {
        right: -180px;
    }
    .mean-bar{
        margin-top: 31px;
    }
    .others-option-for-responsive .container .container{
        width: 240px!important;
    }
    .cricle-img{
        transform: translate(-50%, -50%);
        left: 50%;
        top: 12%;
        width: 100%;
    }
    #Testimonials{
        padding-bottom: 40px;
    }
    .testimonials-content.green{
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

@media(max-width: 360px){
    .testimonials-content .mobile-frame{
        left: -23px;
    }
    .testimonials-content .mobile-frame{
        ;
    }
}


@media(max-width: 320px){
    .testimonials-content .mobile-frame{
        width: 300px;
    }
    .mobile-box-left .mobile-frame{
        padding: 77px 40px 82px 40px;
    }
    .mobile-button-herader a{
        font-size: 10px;
    }
}