@media only screen and (max-width: 1100px) {
    .container {
        width:95%;
        padding: 0
    }

    section.copyright {
        padding: 10px 0!important
    }

    [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 0.5s!important
    }

    ul.dropdown {
        position: relative;
        width: 100%;
        background: 0 0;
        box-shadow: none;
        padding: 0
    }

    #myNav ul li ul.dropdown:last-child a {
        color: #221b1b;
        font-size: 15px
    }

    #myNav ul li ul.dropdown li {
        padding-left: 10px
    }

    #myNav ul li ul.dropdown li:before {
        color: #fff
    }

    .sl {
        display: none
    }

    .mobile-nav-Only {
        display: block!important
    }

    .user-menu {
        display: block
    }

    .navBar .mobileOnly {
        display: flex;
        align-items: center
    }

    .navBar .mobileOnly .cont a {
        display: block;
        background: #0ab84e;
        color: #fff;
        padding: 4px 18px;
        border-radius: 32px;
        margin-right: 10px;
        font-size: 13px
    }

    .navBar .mobileOnly .cont a:hover {
        background: #3994de
    }

    #myNav ul li.menu-item-has-children>a:after {
        visibility: hidden
    }

    #myNav ul li.menu-item-has-children:hover ul.sub-menu {
        position: relative;
        z-index: 9999;
        background: inherit;
        width: 100%;
        box-shadow: 4px 3px 10px #57575700;
        padding: 5px 0;
        top: 100%;
        left: 0;
        color: #fff;
        border-radius: 0;
        padding-top: 0
    }

    #myNav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    left: 0px;
    top: 0px;
    padding: 0px;
    display: none!important;
}

    #myNav ul li.menu-item-has-children:hover ul.sub-menu li a {
        font-size: 15px
    }

    #myNav ul li.menu-item-has-children:hover ul.sub-menu li {
        border: none;
                padding: 3px 0px;
    }

    footer .flinks .title.ctiove:after {
        content: "\f106"
    }

    div#myNav {
        position: fixed;
        right: 0;
        width: 444px;
        background: #0ab84e;
        height: 100%;
        z-index: 999;
        bottom: 0;
        padding: 12px 0;
        max-width: 81%
    }

    .submenu-indicator {
        position: absolute;
        width: 30px;
        height: 20px;
        right: 0;
        top: 0;
        z-index: 1;
        cursor: pointer
    }

    .submenu-indicator:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #fff
    }

    li.dropdown a i {
        display: none
    }

    .navBar .navigation ul li.dropdown:hover .dropdown-content {
        display: none
    }

    .navBar .navigation ul li.dropdown.active-submenu .dropdown-content {
        display: block;
        position: relative;
        padding: 0;
        padding: none
    }

    .dropdown-content ul {
        background: none;
        padding: 3px 15px 10px 15px
    }

    .navBar .navigation ul {
        display: block
    }

    div#hideNav {
        color: #fff;
        text-align: right;
        display: block;
    }


    #myNav ul li {
        display: block;
        padding-bottom: 1px;
        line-height: 29px;
        padding: 0;
        position: relative;
        border-bottom: 1px solid #e7e7e759;
        padding: 3px 15px
    }

    #myNav ul li a {
        padding: 0;
        color: #fff;
        font-size: 15px
    }

    #myNav ul li:last-child a {
        background: 0 0;
        padding: 0
    }

    div#myNav {
        display: none
    }

    section.map {
        padding: 0!important
    }

    .map .heading {
        padding: 44px 52px 18px 9px
    }

    div#menuIcon i {
        font-size: 22px;
        color: #0ab84e
    }

    .meni-icon {
        display: block;
        padding-right: 16px;
        font-size: 20px
    }

    .sl a {
        padding: 0;
        background: none
    }

    #myNav ul li.menu-item-has-children:hover ul.sub-menu .submenu-indicator {
        display: none
    }

    ul.sub-menu:after{
        display: none;
    }

    section.main-benner.innerSec .banner-flex .text-area {
        width: 70%;
    }

    section.main-benner .banner-flex {
        flex-wrap: wrap;
    }

    .close-icon {
        display: block;
        padding-right: 16px;
        font-size: 20px;
    }
}



@media only screen and (max-width: 800px){
    section.main-benner .banner-flex .text-area {
        width: 100%;
    }

    section.main-benner .banner-flex .banner-img {
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }

    .emergency-response {
        left: 0px;
        text-align: left;
    }

    section.main-benner {
        text-align: center;
        padding: 30px 0px;
    }

    section.main-benner .banner-flex .text-area .tagline {
        display: none;
    }

    .btns {
        display: flex;
        justify-content: center;
    }

    section.main-benner .banner-flex .text-area h1 {
        font-size: 48px;
        padding: 4px 0px;
    }

    .btns a {
        margin-bottom: 21px;
        margin-top: 0px;
        padding: 7px 23px;
    }

    section.aboutus .aboutflex .fl {
        width: 100%;
        text-align: center;
    }

    section.aboutus .aboutflex .fr {
        width: 100%;
        text-align: center;
    }

    .heading .main-heading {
        font-size: 34px;
    }

    section.tree-care .care-list {
        padding-top: 12px;
    }

    section.tree-care {
        padding: 30px 0px;
    }

    .tag {
        padding-bottom: 1px;
    }

    section.location .locate-list ul {
        width: 100%;
    }

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

    section.why-choose .why-flex .fl {
        width: 100%;
        /* text-align: center; */
    }

    section.why-choose .why-flex .fr {
        display: none;
    }

    section.why-choose .why-flex .fl .why-txt-list li {
        width: 48%;
    }

    section.why-choose .why-flex .fl .why-txt-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.expertise-focus {
        padding: 30px 0px;
    }

    section.expertise-focus .tagline {
        padding: 0px;
    }

    section.expertise-focus .focus-flex .fl {
        width: 100%;
        text-align: center;
    }

    section.expertise-focus .focus-flex .banner-img {
        width: 100%;
        text-align: center;
    }

    section.foliage {
        padding: 32px 0px;
    }

    section.foliage .heading, section.foliage .txt {
        width: 84%;
    }

    section.get-quote .main-heading {
        font-size: 21px;
        line-height: 31px;
        padding-right: 12px;
    }

    section.get-quote .btns a {
        margin: 0px;
    }

    section.get-quote {
        padding: 15px 0px;
    }

    section.get-quote .heading {
        padding: 0px;
    }

    .footer-links-sec .footer-links .links {
        min-width: 27%;
        max-width: 45%;
    }

    .footer-links-sec .footer-links {
        justify-content: flex-start;
    }

    .header {
        padding: 4px 0px;
    }

    section.contact-form {
        padding:22px 0
    }

    section.contact-form .main-contact .form {
        width: 100%;
        padding: 22px 21px
    }

    section.contact-form .main-contact {
        display: block
    }

    section.contact-form .main-contact .user-connect.map {
        width: 100%
    }

    section.contact-form .main-contact .user-connect.map .card {
        padding: 22px
    }

    .map .heading {
        padding: 0 0 10px 0
    }

    .card-body {
        padding: 0
    }

    .add-loc {
        padding: 5px 0 5px 0px;
        font-size: 15px
    }

    .add-loc i {
        top: 9px
    }

    section.main-benner.innerSec .banner-flex .text-area {
    width: 100%;
}

section.main-benner.innerSec:after {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 43.75%, rgb(255 255 255 / 65%) 100%);
}

section.main-benner.innerSec .tags-list ul li {
    padding-right: 12px;
}

section.what-we-do .do-flex .fl, section.what-we-do .do-flex .fr {
    width: 100%;
    text-align: center;
}

section.what-we-do .do-flex .fr {
    margin-top: 16px;
}

section.what-we-do .do-flex .fr li, section.benifits .txt li {
    text-align: left;
}


section.other-services .other-service-list ul li {
    padding: 17px;
}

section.other-services .other-service-list ul li .title {
    font-size: 16px;
}

section.other-services {
    padding: 32px 0px;
}

section.other-services .other-service-list ul {
    padding-top: 12px;
}

section.location .locate-list ul {
    margin-top: 0px;
}

section.location {
    padding: 32px 0px;
}

section.other-feature.faq-page {
    padding: 32px 0px;
}

} 


@media only screen and (max-width: 500px) {
    .top-war {
        display: none;
    }

    section.main-benner .banner-flex .text-area h1 {
        font-size: 34px;
        padding: 4px 0px;
    }

    body {
        font-size: 15px;
        line-height: 24px;
    }

    section.main-benner .banner-flex .text-area .main-tag {
        padding-bottom: 7px;
    }

    section.main-benner {
        padding: 22px 0px;
    }

    section.get-quote .quote-flex {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .navBar .logo img {
        width: 87px;
    }

    .become-btn a {
        padding: 9px 16px;
        font-size: 14px;
    }

    section.main-benner .banner-flex .text-area .tags-list li {
        padding-bottom: 5px;
    }

    .emergency-response {
        display: none;
    }

    section.main-benner .banner-flex .banner-img {
        margin-top: 16px;
    }

    .heading .main-heading {
        font-size: 27px;
        line-height: 37px;
    }

    section.aboutus {
        padding: 22px 0px;
    }

    .count-list ul li .count {
        font-size: 45px;
    }

    .count-list ul li p {
        padding-top: 17px;
    }

    section.tree-care .care-list .care-content .content .title {
        font-size: 19px;
    }

    .owl-theme .owl-dots .owl-dot span {
        height: 9px !important;
        margin: 5px 3px !important;
        width: 9px !important;
    }

    section.location {
        padding: 22px 0px;
    }

    section.location .locate-list ul li {
        width: 100%;
        margin: 7px 0px;
    }

    section.location .locate-list ul {
        margin-top: 6px;
    }

    section.why-choose .why-flex .fl .why-txt-list li {
        width: 100%;
        margin: 4px 0px;
    }

    section.why-choose .why-flex {
        padding-top: 7px;
    }

    section.why-choose .why-flex .fl .why-txt-list li .title {
        font-size: 18px;
    }

    section.get-quote .heading {
        width: 100%;
        margin-bottom: 13px;
    }

    section.get-quote .btns a {
        font-size: 14px;
    }

    section.expertise-focus .focus-list ul li {
        margin-bottom: 16px;
        margin-top: 6px;
        box-shadow: 0px 10px 10px #cccccc29;
    }

    section.expertise-focus .focus-flex .fl {
        padding-top: 0px;
    }

    section.foliage .heading, section.foliage .txt {
        width: 100%;
    }

    section.get-quote .main-heading {
        font-size: 19px;
    }

    .footer-links-sec .footer-links .links {
        width: 100%;
        max-width: 100%;
    }

    .footer-links-sec .footer-links .links ul {
        /* display: none; */
    }

    .tags-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .tags-list ul li {
        padding: 0px 12px;
    }

    .footer-links-sec {
        padding: 32px 0px;
    }

    .footer-links-sec .footer-links .links .name {
        font-size: 24px;
        text-align: center;
        padding-bottom: 10px;
    }

    .footer-links-sec .footer-links .links:nth-child(1) {
        text-align: center;
    }

    .footer-links-sec .footer-links .links ul.social {
        justify-content: center;
    }

    .copyright {
        margin-top: 22px;
    }

    .footer-links-sec .footer-links .links .title {
        font-size: 18px;
        padding-top: 14px;
        padding-bottom: 4px;
    }

    .heading p {
        font-size: 15px;
        width: 100%;
        font-weight: 400;
        padding-top: 7px;
    }

    section.tree-care .care-list {
        padding-top: 0px;
    }

    section.what-we-do .do-flex.about-flex .fl {
        width: 100%;
        text-align: center;
    }

    section.what-we-do .do-flex {
        padding: 12px 0px;
    }

    section.what-we-do .do-flex.about-flex .fr {
        width: 100%;
        display: none;
    }

    section.certified-word ul li {
        width: 100%;
        margin-bottom: 22px;
    }

    section.certified-word {
        padding: 0px;
    }

    section.what-we-do {
        padding: 22px 0px;
    }

    section.top-choice {
    padding: 22px 0px;
}

section.top-choice .top-choice-list ul li {
    width: 100%;
    margin-top: 7px;
    text-align: center;
    padding: 7px;
}

section.top-choice .top-choice-list ul li .icon {
    font-size: 38px;
    justify-content: center;
}

section.top-choice .top-choice-list ul li .title {
    padding-top: 11px;
    padding-bottom: 8px;
    font-size: 18px;
}

section.areawise-lication {
    padding: 22px 0px;
    text-align: center;
}

section.areawise-lication .atrea-flex .fl {
    width: 100%;
}

section.areawise-lication .atrea-flex .fr {
    width: 100%;
    margin-top: 19px;
}

section.areawise-lication .areawise-lication ul li .title {
    font-size: 15px;
}

section.areawise-lication .areawise-lication ul li .top-choice-area .icon {
    background: none;
    width: auto;
}

section.areawise-lication .areawise-lication ul li {
    padding: 3px 14px;
    width: 49%;
}

section.areawise-lication .areawise-lication ul li .top-choice-area .icon i {
    font-size: 15px;
    color: #008b1a;
}

section.areawise-lication .areawise-lication ul {
    margin-top: 7px;
}

section.tree-problem {
    padding: 22px 0px;
}

section.tree-problem .tree-problem-list ul li {
    width: 100%;
    margin-bottom: 12px;
    padding: 18px;
}

section.tree-problem .tree-problem-list ul li .problem-area .content-area {
    width: calc(100% - 40px);
}

section.tree-problem .tree-problem-list ul li .problem-area .content-area .title {
    font-size: 17px;
}

section.top-choice .top-choice-list ul li .icon img {
    width: 42px;
    margin-right: 12px;
}

section.complete_tree_care {
    padding: 22px 0px;
}

section.complete_tree_care ul li {
    width: 100%;
    padding: 17px;
    margin: 7px 0px;
}

section.complete_tree_care ul li .title {
    font-size: 17px;
    padding-top: 9px;
}

section.complete_tree_care ul {
    padding: 0px;
}

section.other-services {
    padding: 22px 0px;
}

section.other-services .other-service-list ul li {
    width: 100%;
    margin: 5px 0px;
    padding: 22px;
}

section.other-services .other-service-list ul {
    padding-top: 7px;
}

section.other-services .other-service-list ul li .title {
    padding-top: 0px;
}

section.process {
    padding: 22px 0px;
}

.timeline-item.left {
    text-align: left;
}

.right .number {
    left: 0px;
}

.timeline-item {
    padding: 7px 15px 7px 60px;
    border: none;
}

section.process .timeline h3 {
    font-size: 19px;
    font-family: 'Manrope';
}

.number {
    top: 11px;
}

section.other-services.whychoose {
    padding: 22px 0px;
}

section.other-services.whychoose .other-service-list ul li .service-area img, section.other-services .other-service-list ul li .service-area img {
    width: 41px;
}

section.other-services .other-service-list ul li .title {
    font-size: 17px;
}

section.tree-care .care-list li {
    width: 100%;
    margin: 7px 0px;
}

section.tree-care.allservices {
    padding: 22px 0px;
}

section.tree-care .care-list .care-content .content {
    padding: 17px;
}
section.our-projects {
    padding: 0px 0px 22px 0px;
}

section.our-projects ul li {
    width: 49%;
}

section.about .about-stacks ul li {
    width: 48%;
    border: 1px solid #008b1a3d;
    padding: 12px;
}

section.inner-service.inner-page {
    height: 157px;
}

section.inner-service.inner-page .inner-text .heading h1 {
    font-size: 28px;
}

section.inner-service.inner-page .inner-text {
    width: 100%;
}

section.about .about-stacks ul li .img-txt {
    justify-content: center;
    font-size: 12px;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}

    section.about .about-stacks ul li .img-txt .img {
        width: 38px;
        height: 38px;
        margin: 0px;
        margin-bottom: 6px;
    }

    section.about .about-stacks ul li .txt.count-up h3 {
        font-size: 19px;
    }

    section.about .about-stacks ul li .txt.count-up h3 {
        font-size: 24px;
        margin: 0px;
    }

    section.about .about-stacks ul li .img-txt .img img {
        height: 27px;
        width: auto;
    }


section.about .about-stacks ul li .txt.count-up h3 span {
    font-size: 38px;
}

section.about .about-stacks ul li .txt.count-up span {
    font-size: 13px;
}

section.about .about-stacks ul li .img-txt .txt.count-up {
    width: 100%;
}

section.about {
    padding: 22px 0px;
}

section.other-feature.faq-page ul li.main {
    margin: 21px 0px;
    padding-left: 0px;
    padding-right: 40px;
}

section.other-feature.faq-page ul li.main .head-line {
    font-size: 16px;
    line-height: 25px;
}

section.other-feature.faq-page ul li.main .desc {
    padding-top: 7px;
}

section.other-feature.faq-page ul>li.main:before {
    display: none;
}

section.other-feature.faq-page ul li.main:after {
    width: 28px;
    height: 28px;
}

.form-group {
    margin-bottom: 7px;
}

section.other-services.whychoose .other-service-list ul li .service-area img, section.other-services .other-service-list ul li .service-area img {
 
    margin-bottom: 10px;
}
}