@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu ul li a {
        padding: 30px 10px
    }

    .is-sticky .main-menu ul li a {
        padding: 20px 15px
    }

    .main-menu ul li:hover ul,
    .search-forum {
        top: 86px
    }

    .single-post-text ul {
        padding: 0
    }

    .single-post-text li a {
        padding: 10px 5px
    }

    .all-testimonial .owl-controls {
        bottom: -15px
    }

    .sngl-client {
        margin: 10px
    }

    .sec-title {
        margin: 0 100px 60px
    }

    .slider-text {
        width: 870px
    }

    .info-intro {
        margin-left: 8px
    }

    .counting-inner {
        display: inline-block;
        padding-right: 40px
    }

    .simplefilter li {
        padding: 10px 18px
    }

    .sec-title h1 {
        font-size: 36px
    }

    .appointment-form::after {
        bottom: -170px;
        right: -120px
    }

    .hd-style1 .hd-rgt::before {
        left: 0
    }

    .post-date li {
        margin: 0 2px
    }
}

@media only screen and (max-width:767px) {

    .cl,
    .special-service-sec .inner:nth-child(odd) {
        clear: both
    }

    .cont-left,
    .faq-img,
    .h-r,
    .h-top,
    .single-post-left,
    .single-post-right,
    .slider-text,
    .slider-wraper {
        width: 100%
    }

    .about-us-img,
    .cont-right,
    .faq-img,
    .logo,
    .why-choose-us-before .sec-title {
        text-align: center
    }

    body p {
        font-size: 14px
    }

    .enq-fixed,
    .location-box,
    .slider-text li {
        display: none
    }

    .whatsapp-fixed {
        bottom: 70px;
        right: 20px
    }

    .call-fixed {
        bottom: 0;
        right: 20px
    }

    .cl {
        display: block
    }

    h1 {
        font-size: 22px
    }

    .about-desc h1,
    .h-text-02,
    h2 {
        font-size: 18px
    }

    .service-item .inner h2,
    h3 {
        font-size: 16px
    }

    .mnmenu-sec {
        background: #fff
    }

    .hd-style1 .hd-rgt {
        text-align: right
    }

    .sec-title h1 {
        font-size: 32px
    }

    .logo {
        padding-bottom: 0
    }

    .sec-title {
        margin: 0 0 60px
    }

    .counting_sl,
    .why-choose-item {
        margin: 40px 0
    }

    .faq-img {
        float: none;
        margin-top: 25px
    }

    .all-testimonial .owl-controls {
        bottom: -10px
    }

    .client-comment li a {
        margin: 0 2px
    }

    .footer-sec .col-md-3.col-sm-6 {
        margin-bottom: 25px;
        width: 100%;
        display: inline-block
    }

    .all-slide .owl-controls .owl-next i,
    .all-slide .owl-controls .owl-prev i {
        height: 60px;
        line-height: 60px;
        width: 60px
    }

    .about img {
        margin-bottom: 30px
    }

    .footer-widget-menu {
        margin-bottom: 40px
    }

    .pt-100 {
        padding-top: 50px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pt-50 {
        padding-top: 30px
    }

    .pb-70 {
        padding-bottom: 40px
    }

    .pb-50 {
        padding-bottom: 30px
    }

    .slider-text {
        padding: 84px
    }

    .appointment-form::before {
        left: -15px;
        transform: skewX(0)
    }

    .logo::before {
        right: -100%;
        transform: skewX(0)
    }

    .about-desc {
        padding-right: 0
    }

    .left-icon {
        width: 100%;
        float: none;
        margin: 0 55px 0 0;
        display: flow-root;
        border: none
    }

    .left-box,
    .right-box {
        width: 90%;
        margin: auto;
        float: none
    }

    .text {
        font-size: 15px
    }

    .left-box span {
        width: 84%
    }

    .text-01 img {
        float: right;
        padding: 0 0 40px
    }

    .contact-row {
        height: auto
    }

    .cont-right {
        width: 90%;
        float: none;
        margin: 0 0 40px
    }

    .cont-right h4 {
        font-size: 25px;
        padding: 20px 0 0
    }

    .cont-right span {
        color: #fff;
        font-size: 25px
    }

    .slider-text h2 {
        font-size: 32px;
        line-height: 40px
    }

    body,
    html {
        overflow-x: hidden
    }

    .page-heading h2,
    .single-post-text h1 {
        font-size: 20px
    }

    .client-col {
        width: 142px
    }

    .about-desc h1 {
        line-height: normal
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .info-text h5,
    body p {
        font-size: 14px
    }

    h1 {
        font-size: 22px
    }

    h2 {
        font-size: 18px
    }

    .service-item .inner h2,
    h3 {
        font-size: 16px
    }

    .pt-100 {
        padding-top: 50px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pt-50 {
        padding-top: 30px
    }

    .pb-70 {
        padding-bottom: 40px
    }

    .pb-50 {
        padding-bottom: 30px
    }

    .about-us-img::before,
    .count-up-sec .inner::before,
    .hd-lft li::before,
    .hd-style1 .main-menu ul li::after {
        display: none
    }

    .map-heading,
    .sidebar {
        margin-top: 40px
    }

    .about-us-img img {
        width: 100%;
        margin-top: 30px
    }

    .project-sec .sec-title {
        text-align: center;
        margin-bottom: 30px
    }

    .about-us-img,
    .logo,
    .simplefilter {
        text-align: center
    }

    .all-slide .owl-controls {
        right: 30px
    }

    .testimonial-text .sec-title {
        text-align: left
    }

    .why-choose.why-choos-bg {
        background: 0 0
    }

    .sngl-price {
        margin: 30px 0
    }

    .flicker-photo ul li img {
        width: 30%
    }

    .team-member .media-body {
        width: 100%;
        float: left;
        text-align: center
    }

    .team-thumb {
        float: none;
        width: 100%
    }

    .team-member .media-left {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .sec-title h1 {
        font-size: 32px
    }

    .main-menu ul li a {
        padding: 30px 10px
    }

    .main-menu ul li:hover ul,
    .search-forum {
        top: 86px
    }

    .menu-icon {
        padding: 32px 0
    }

    .why-choose-item {
        margin: 20px 0
    }

    .appointment-form::after {
        bottom: -173px;
        right: -176px
    }

    .logo::before {
        right: -100%;
        transform: skewX(0)
    }

    .sec-title {
        margin: 0 0 60px
    }

    .counting_sl {
        margin: 40px 0
    }

    .client-comment li a {
        margin: 0 2px
    }

    .footer-sec .col-md-3.col-sm-6 {
        margin-bottom: 25px
    }

    .contact-person {
        padding: 0 15px
    }

    .slider-text,
    .slider-wraper {
        width: 100%
    }

    .slider-text {
        padding: 84px
    }

    .appointment-form::before {
        left: -15px;
        transform: skewX(0);
        height: 2000px
    }

    .call-to-action-img img {
        margin-top: 0
    }

    .all-slide .owl-controls .owl-next i,
    .all-slide .owl-controls .owl-prev i {
        height: 60px;
        line-height: 60px;
        width: 60px
    }

    .footer-widget-menu {
        margin-bottom: 40px
    }

    .about img {
        margin-bottom: 30px
    }

    .slider-text p {
        padding: 0
    }

    .hd-lft li {
        padding: 0 4px
    }

    .footer-sec .col-md-3.col-sm-6:nth-child(odd) {
        clear: both
    }

    .hd-rgt li {
        margin-right: 1px
    }

    .info-intro i {
        font-size: 28px;
        margin-right: 4px
    }

    .info-intro {
        margin-left: 0
    }

    .main-menu ul {
        float: none;
        text-align: center
    }

    .is-sticky .main-menu ul li a {
        padding: 20px 15px
    }
}

@media only screen and (min-width:0px) and (max-width:470px) {
    .hd-lft li::before {
        display: none
    }

    .hd-lft li {
        padding: 0 6px
    }

    .hd-lft li i {
        margin-right: 4px
    }

    .footer-sec .col-md-4.col-sm-6 {
        margin-bottom: 30px
    }

    .team-member .media-body {
        width: 100%;
        float: left;
        text-align: center
    }

    .team-thumb {
        float: none;
        width: 100%
    }

    .team-member .media-left {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .hd-sec .container,
    .slider-text {
        padding: 0
    }

    .slider-text p {
        color: #fff;
        padding: 0 100px
    }

    .slider-text li:last-child a {
        margin-top: 15px
    }

    .all-slide .owl-item {
        height: 250px
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {

    .call-to-action-img,
    .call-to-action-img img,
    .call-to-action-text,
    .contact-intro,
    .hd-lft,
    .hd-rgt,
    .hd-style1 .hd-rgt,
    .hd-style1 .hd-rgt ul,
    .newsletter-left,
    .newsletter-right,
    .page-heading ul,
    .simplefilter {
        text-align: center
    }

    .mnmenu-sec.sticky_menu,
    .sticky-wrapper {
        position: relative
    }

    body p {
        font-size: 14px
    }

    h1 {
        font-size: 22px
    }

    h2 {
        font-size: 18px
    }

    .service-item .inner h2,
    h3 {
        font-size: 16px
    }

    .about-us-img::before,
    .count-up-sec .inner::before,
    .mean-container .mean-nav ul li a i,
    .menu-icon {
        display: none
    }

    .map-heading,
    .sidebar {
        margin-top: 40px
    }

    .about-us-img img {
        width: 100%;
        margin-top: 30px
    }

    .project-sec .sec-title {
        text-align: center;
        margin-bottom: 30px
    }

    .all-slide .owl-controls {
        right: 30px
    }

    .testimonial-text .sec-title {
        text-align: left
    }

    .sngl-price {
        margin: 30px 0
    }

    .flicker-photo ul li img {
        width: 30%
    }

    .hd-style1 .hd-rgt::before {
        left: -100px;
        transform: none;
        width: 2000px
    }

    .appointment-form {
        margin-top: 50px;
        padding: 100px 0
    }

    .sec-title h1 {
        font-size: 32px
    }

    .hd-lft {
        display: inline-block;
        width: 100%
    }

    .hd-rgt {
        float: none
    }

    .contact-person {
        padding: 0 15px
    }

    .slider-text p {
        padding: 0;
        display: none
    }

    .newsletter-right {
        float: none;
        margin-top: 25px
    }

    .footer-wedget-one {
        margin-bottom: 30px
    }

    .simplefilter {
        margin-top: 40px
    }

    .navbarsort,
    .shorttitle {
        display: block
    }

    #navbarfiltr.navbar-collapse {
        border: 0;
        box-shadow: none
    }

    .navbarsort .navbar-toggle {
        background: #fff;
        margin-top: 0
    }

    .navbarsort .navbar-toggle .icon-bar {
        background: #000
    }

    .shorttitle h2 {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 0;
        display: inline-block;
        margin-left: 10px
    }

    #navbar li {
        display: inline-block;
        width: 100%
    }

    #navbar ul li a {
        padding: 6px 9px
    }

    .simplefilter li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px
    }

    .call-to-action-text {
        margin-bottom: 80px
    }

    .call-to-action-img img {
        margin: 0 auto;
        float: none
    }

    .call-to-action-text a.btn {
        float: none;
        margin-top: 20px
    }

    .contact-intro {
        margin-top: 15px
    }

    .info-intro {
        float: none;
        margin: 0 5px
    }

    .info-intro i {
        font-size: 28px;
        margin-right: 4px
    }

    .info-text h5 {
        font-size: 14px;
        text-align: left
    }

    .page-heading h1 {
        text-align: center;
        margin-bottom: 15px
    }

    .abt-img img {
        margin-bottom: 20px
    }

    .slider-text {
        padding: 0 30px;
        text-align: center
    }

    .sticky-wrapper {
        background: #292929;
        overflow: hidden;
        padding-top: 0
    }

    .logo {
        padding: 16px 0
    }

    .project-gallery {
        background: #e0a400;
        padding: 30px 20px
    }

    .slider-text h1 {
        font-size: 28px
    }

    .pagehding-sec {
        padding: 50px 0
    }

    .company-openingtime {
        margin: 0 auto
    }
    .all-slide .owl-item {
        min-height: 300px;
    }
}

@media only screen and (min-width:0px) and (max-width:670px) {
    .counting-inner {
        margin-bottom: 30px;
        display: contents;
        padding-right: 0
    }
}

@media only screen and (min-width:0px) and (max-width:520px) {
    .slider-text {
        top: 50%
    }

    .hd-sec {
        display: inline-block;
        position: relative;
        background: #292929;
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:380px) {
    .hd-rgt {
        float: none;
        text-align: center;
        margin-bottom: 8px
    }

    .hd-lft li {
        padding: 5px 0;
        width: 100%
    }

    .slider-text {
        padding: 0 20px
    }

    .all-patner.owl-carousel.owl-theme .owl-item {
        padding: 0 6px
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .slider-text {
        padding: 0 20px;
        text-align: center;
        top: 80%
    }
}