/* Normal desktop :1700px. */
@media only screen and (max-width: 1700px) {

    .about-us-imgs {
        position: inherit;
    }

    .roofin-header-area.style__03 {
        padding: 20px 5px 15px 20px;
    }

    .header-call-info p {
        display: none;
    }

    figure.footer-sp1 img {
    width: 60%;
}

}

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

    figure.hero-img {
        right: 18%;
    }

    figure.hero-shape {
        right: 20%;
    }

    .hero-section-one .hero_content h2 {
        font-size: 115px;
        line-height: 100px;
    }

    .testimonial__card {
        padding-left: 200px;
    }

    .video__card {
        left: 29%;
    }

    .process__sp {
        left: -5%;
    }

    .offer-img {
        left: 2%;
    }

    .slider-sid-text {
        display: none;
    }

    .header-call-info p {
        display: none;
    }

    .main-menu .navigation>li>a {
    font-size: 16px;
}

.service-single-box.style__03 .service__title .title a {
    font-size: 22px;
}

.service-single-box.style__03 {
    padding: 20px 8px 35px;
}

figure.footer-sp1 img {
    width: 60%;
}


}

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


    .header-call-info {
        display: none;
    }

    .hero-section-one .hero_content h2 {
        font-size: 100px;
        line-height: 90px;
    }

    .main-title h2 {
        font-size: 180px;
    }

    .offer-img {
        left: 2%;
    }

    .testimonial-section::before {
        width: 51%;
        z-index: 0;
    }

    .footer-sp1 {
        z-index: -1;
    }

    .header-btn a {
    font-size: 15px;
    padding: 11px 30px;
}

    .section-title h2 {
        font-size: 40px;
        line-height: 38px;
    }

    .testi-desc p {
        font-size: 20px;
        line-height: 35px;
        width: 100%;
    }

    .header-call-info p {
        display: none;
    }

    p.about__desc {
        font-size: 15px;
    }

    .process__sp {
        left: -11%;
    }

    .roofin__offer__title h2 {
        font-size: 40px;
    }

    .blogbt-sp {
        right: 60px;
    }

    .hero-section-one.style__03 .hero-section-bg {
        height: 1053px;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 17px;
        line-height: 26px;
    }

    .blog__inner {
        padding: 20px 25px 30px;
    }

    .hero-section-one.style__03 .hero_content h2 {
        line-height: 80px;
        font-size: 75px;
    }

    .hero-section-one.style__03 .hero-bg-img {
        bottom: 117px;
    }

    .hero-icon-box {
        bottom: 90px;
        padding: 15px;
        width: 290px;
    }

    .about__sps {
        display: none;
    }

    .service-section.style__03 {
        padding: 120px 10px 120px 10px;
    }

    .service-single-box.style__03 {
        background-position: center right;
    }

    .service-section.style__03 .service__content {
        margin: 26px 0 0;
    }

    .service-single-box.style__03 .service__list li {
        font-size: 15px;
    }

    .service-section.style__03 .ser__icon {
        right: 15px;
        top: 48%;
    }

    .service-single-box.style__03 .service__btn a {
        height: 45px;
        width: 35px;
        line-height: 38px;
    }

    .blog-section.style__02.style__03 {
        margin-top: -328px;
    }

    .pricing-single-items.style__02 {
        margin: 0 0 30px;
    }

    .header-call-info p {
        display: none;
    }

    .main-menu .navigation>li>a {
        font-size: 16px;
        padding: 32px 11px 32px 11px;
    }

    figure.footer-sp1 img {
    width: 60%;
}

}

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

    header.main-header.header-style-one.style__03 {
        padding: 20px 5px 15px 25px;
    }

    .header-btn a {
        padding: 12px 27px;
    }

    .main-menu .navigation>li>a {
        font-size: 16px;
    }

    figure.hero-img {
        right: 4%;
    }

    figure.hero-shape {
        right: 7%;
    }

    .header-call-info p {
        display: none;
    }

    .section__description {
        width: 100%;
    }

    .icon-single-box.style__two .icon-content-box h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .process__single__box {
        padding: 50px 16px 48px;
    }

    .process__contnet p {
        font-size: 15px;
    }

    .main-title h2 {
        font-size: 140px;
        line-height: 120px;
    }

    .work__title {
        line-height: 20px;
    }

    .work__title a {
        font-size: 24px;
    }

    .contact__info {
        width: 65%;
        margin-left: 75px;
    }

    .roofin__offer__title h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .testimonial__card {
        padding-left: 115px;
    }

    .testimonial-section::before {
        width: 53%;
    }

    .blog-content h3 a {
        font-size: 22px;
        line-height: 34px;
    }

    .main-footer-one .main-footer-section .footer-widget-content .location span {
        font-size: 16px;
    }

    .process__sp {
        left: -13%;
    }

    .project__content .title a {
        font-size: 26px;
    }

    .tab_container {
        margin-left: 0;
    }

    .hero-section-one.style__02 .title__shape {
        top: 35%;
        left: 29%;
    }

    .about-section.style__02 .main-box {
        margin-left: 0;
    }

    .about__icon__list .icon-content-box h3 {
        font-size: 19px;
    }

    .hero-section-one.style__03 .hero-section-bg {
        height: 995px;
    }

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

    .hero-section-one.style__03 .hero-bg-img {
        bottom: 90px;
    }

    .hero-icon-box {
        bottom: 83px;
        padding: 15px;
        width: 278px;
    }

    .hero-section-one.style__03 .title__shape {
        top: 43%;
        left: 15%;
    }

    .recent-content h4 a {
        font-size: 14px;
    }



figure.footer-sp1 img {
    width: 60%;
}




}



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


    .main-header .main-box .nav-outer {
        padding: 0 10px 0 18px;
    }

    .main-menu .navigation>li>a {
        padding: 32px 11px 32px 2px;
        font-size: 16px;
    }

    .icon-content-box h3 {
        font-size: 20px;
        margin: 0;
    }

    header.main-header.style_02 .sticky-header .nav-outer {
        padding: 0 15px 0 20px;
    }

    .sticky-header .nav-outer {
        padding: 0 18px 0 20px;
    }


    figure.footer-sp1 img {
    width: 60%;
}

    .icon-single-box.style__two .icon-content-box h3 {
        font-size: 14px;
        line-height: 24px;
    }

    .section__description {
        width: 100%;
        font-size: 16px;
    }

    .icon-content-box p {
        font-size: 13px;
        line-height: 24px;
    }

    .team__content h3 a {
        font-size: 22px;
        line-height: 28px;
    }

    .footer-sp1 {
        left: 21%;
        z-index: -1;
    }

    .roofin__offer__title h2 {
        font-size: 23px;
        line-height: 33px;
    }

    .testi-desc p {
        font-size: 18px;
        line-height: 35px;
        width: 100%;
    }

    .blog-content h3 a {
        font-size: 18px;
        line-height: 30px;
    }

    /* home Two */

    .single-blog-box.style__02 .blog-content {
        margin: -85px 0 0;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 17px;
    }

    .subscribe__box {
        margin: 15px 10px 0;
    }

    .roofin__right__button a {
        font-size: 16px;
    }

    .pricing-title span {
        width: 100%;
    }

    p.contact__des {
        font-size: 16px;
        width: 100%;
    }

    .service__details .icon-single-box.style__two .icon-content-box h3 {
        font-size: 17px;
        line-height: 24px;
    }

    .roofin-service li a {
        font-size: 16px;
    }

    .hero-section-one.style__03 .hero-section-bg {
        height: 880px;
    }

    .hero-section-one.style__03 .hero_content h2 {
        line-height: 58px;
        font-size: 60px;
    }

    p.hero__icon__desc {
        font-size: 14px;
        line-height: 22px;
    }

    .hero-icon-box {
        bottom: 58px;
        padding: 15px;
        width: 236px;
    }

    .service-section.style__03 .ser__icon {
        right: 30px;
        top: 55%;
    }

    .process__thumbs {
        flex-shrink: 0.6;
    }

    .process__item__content p {
        margin: 10px 0 16px;
        font-size: 13px;
    }

    .process__single__item {
        background-position: center left;
    }

    .process__numbers {
        font-size: 30px;
        width: 65px;
        height: 58px;
        line-height: 59px;
    }

    .testi__main__container {
        margin: 0 190px 0;
    }

    .about__img__03 {
        top: 13%;
        right: 2%;
        width: 54%;
    }

    .roofin-header-area.style__03 {
        padding: 20px 0 15px 0;
    }

    .sticky.roofin-header-area.style__03 {
        padding: 5px 5px 5px 1px;
    }

    .header-logo {
        width: 220px;
    }

    .list_category li a {
        padding: 3px 16px;
    }

    .blog__sidebar {
        margin-left: 0;
    }

    .roofin__title h2 {
        font-size: 28px;
    }

    .mega-sub-menu {
        width: 800px !important;
        padding: 12px 0 15px !important;
        left: -64px !important;
    }








}






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

    .roofin-header-area {
        padding: 15px 5px 15px 10px;
    }

    .mobile-nav-toggler {
        display: block !important;
        margin-left: 20px;
        width: 40px;
        height: 40px;
        background: var(--primary-color);
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
        color: #fff;
    }

    .mobile-menu .mega-sub-menu .mega-menu .mega-site-menu {
        margin: 10px 0 0;
        display: block;
    }

    .mobile-menu .mega-sub-menu {
        width: 420px !important;
        overflow-y: scroll;
        height: 100vh;
    }

    V h4.home-menu-title {
        color: var(--color-white);
    }

    .header-right-wrapper {
        display: none;
    }

    .header-sidebar {
        margin-left: 0;
    }

    .hero-section-one .hero-section-bg {
        height: 700px;
    }

    .hero-thumb {
        display: none;
    }

    .about-section {
        padding: 100px 0px 90px;
    }

    .marquee-block h3 {
        font-size: 80px;
        line-height: 60px;
    }

    .marquee-section {
        padding: 0 0 70px;
    }

    .service__title .title a {
        font-size: 25px;
        line-height: 30px;
    }

    .service-section {
        padding: 100px 0 100px;
    }

    .choose-section {
        padding: 100px 0 100px;
    }

    .main-title h2 {
        font-size: 115px;
        line-height: 100px;
    }

    .work__section {
        padding: 275px 0 70px;
    }

    .contact-section {
        padding: 100px 0 115px;
    }

    .roofin__offer__title {
        margin-left: 0;
    }

    .offer-img {
        display: none;
    }

    .team-section {
        padding: 100px 0 70px;
    }

    .testimonial__card {
        padding-left: 0;
    }

    .testimonial-section::before {
        width: 63%;
    }

    .blog-section {
        padding: 100px 0px 80px;
    }

    .process-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .process__single__box {
        margin-bottom: 30px;
    }

    /* home Two */

    .hero-section-one.style__02 .title__shape {
        left: 35%;
    }

    .service-section.style__02 {
        padding: 100px 0 100px;
    }

    .service-single-box.style__02 .service__title .title a {
        font-size: 20px;
        line-height: 28px;
    }

    .about-section.style__02 {
        padding: 100px 0 90px;
    }

    .process__sp {
        left: -30%;
        bottom: 7%;
    }

    .roofin__right__button a {
        font-size: 15px;
        padding: 14px 17px;
    }

    .testimonial-section.style__02 {
        padding: 100px 0 75px;
    }

    .faq-section.style__02 {
        padding: 100px 0 70px;
    }

    .team__contents .title {
        font-size: 22px;
    }

    .blog-section.style__02 {
        padding: 100px 0px 80px;
    }

    .single-blog-box.style__02 .blog-content {
        padding: 12px;
    }

    .blog__inner {
        padding: 12px 20px 23px;
    }

    .single-blog-box.style__02 .section-border {
        margin-bottom: 33px;
    }

    .blogbt-sp {
        right: 35px;
        bottom: 36px;
    }

    .main-footer-one.style__02 {
        padding: 80px 0 0;
    }

    .process-section {
        padding: 100px 0 100px;
    }

    .project-section {
        padding: 100px 0 100px;
    }

    .project-section .swiper__arrow__button {
        right: 0;
    }

    .faq-img {
        margin-right: 0;
    }

    .service-section.inner_section .service__btn {
        display: none;
    }

    .service-section.inner_section .service__title .title a {
        font-size: 18px;
        line-height: 26px;
    }

    .service-section.inner_section .service__list li {
        font-size: 14px;
    }

    .service-section.inner_section {
        padding: 100px 0 70px;
    }

    .pricing-single-items {
        padding: 35px 25px 25px;
    }

    .pricing-feature ul li {
        font-size: 16px;
    }

    .pricing-area {
        padding: 130px 0 100px;
    }

    .work__section.style__02 {
        padding: 100px 0 70px;
    }

    .accordion.style__02 li a {
        font-size: 16px;
    }

    .contact-section.style__02 {
        padding: 100px 0 100px;
    }

    .service__details {
        padding: 100px 0 75px;
    }

    .service__details .icon-single-box.style__two {
        display: block;
    }

    .service__details .icon-single-box.style__two .icon {
        margin-bottom: 15px;
    }

    .hero-section-one.style__02 .title__shape {
        left: 16%;
        top: 40%;
    }

    .hero-section-one.style__03 .hero-bg-img {
        bottom: 153px;
    }

    .hero-section-one.style__03 .hero-icon {
        display: none;
    }

    .hero-section-one.style__03 .hero-section-bg {
        height: 810px;
    }

    .hero-section-one.style__03 .hero-bg-img {
        bottom: 92px;
    }

    .hero-icon-box {
        bottom: 86px;
        padding: 15px;
        width: 208px;
    }

    .process__main__title {
        font-size: 90px;
    }

    .process__tag a {
        font-size: 13px;
        padding: 2px 15px;
    }

    .process__item__content {
        margin: 58px 0 0;
    }

    .team__single__box.style__04 .title {
        font-size: 21px;
        margin: 0;
    }

    .testi__main__container {
        margin: 0 85px 0;
    }

    .testimonial-section.style__03 {
        padding: 120px 0 175px !important;
        background-position: center center !important;
    }

    .pricing-single-items.style__02 {
        padding: 85px 16px 50px;
    }

    .pricing-single-items.style__02 .pricing__persen {
        right: 14px;
        top: 28.5%;
    }

    .team__single__box.style__04:before,
    .team__single__box.style__04::after {
        display: none;
    }

    .process__thumbs {
        flex-shrink: 0.8;
    }

    .process-section.style__02 {
        padding: 100px 0 100px !important;
    }

    .pricing-area.style__03 {
        padding: 100px 0 70px;
    }

    .details__list li {
        font-size: 16px;
    }

    p.benefits__text {
        margin: 0 0 28px 0;
    }

    .details__list li {
        font-size: 15px;
    }

    .blog__sidebar {
        padding: 40px 20px 40px;
    }

    .roofin__title h2 {
        font-size: 24px;
    }

    .roofin__title.two h2 {
        font-size: 26px;
    }












}

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

    .hero-section-one.style__02 .hero-section-bg {
        height: 800px;
    }

    .hero-section-one.style__02 .hero_content h2 {
        font-size: 80px;
        line-height: 80px;
    }

    .hero-section-one.style__02 .title__shape {
        left: 35%;
        top: 33%;
    }

    .about__icon__list {
        display: block;
    }

    .team__contents .title {
        font-size: 20px;
    }

    .pricing-feature ul li {
        font-size: 14px;
    }

    .hero-section-one.style__03 .hero_content h2 {
        font-size: 58px;
        line-height: 52px;
    }

    .hero-section-one.style__03 .title__shape {
        left: 16%;
        top: 36%;
    }

    .hero-icon-box {
        padding: 15px;
        width: 201px;
    }

    .blog-section.style__02.style__03 {
        padding: 322px 0px 80px;
    }

    .section-title.style__title h2 {
        font-size: 28px;
    }

    .contact-form-box.style__two {
        padding: 60px 25px 50px;
    }

    .main-footer-one .main-footer-section .footer-widget-content .footer-desc {
        width: 70%;
    }









}

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

    .roofin-header-area {
        display: none;
    }

    .main-menu {
        display: none;
    }

    .main-header .main-box .nav-outer {
        padding: 0 10px 0 18px;
        justify-content: end;
        background: transparent;
    }

    .sticky-header .nav-outer {
        padding: 0 10px 0 18px;
        justify-content: end;
        background: transparent;
    }

    header.main-header.style_02 .mobile-nav-toggler {
        background: var(--bg-color1);
    }

    .main-header.style_02 .sticky-header .mobile-nav-toggler {
        background: var(--primary-color);
    }

    .main-header.style__03 .main-box .nav-outer {
        padding: 0 10px 0 18px;
        justify-content: space-between;
        background: transparent;
    }

    .main-header.style__03 .header-lower .logo-box {
        padding: 24px 0 24px 0;
    }



    .icon-content-box p {
        font-size: 16px;
        line-height: 28px;
    }

    .choose-us-img {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .icon-single-box.style__two .icon-content-box h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .team__thumb img {
        width: 100%;
    }

    .blog-content h3 a {
        font-size: 22px;
        line-height: 30px;
    }

    .footer-sp1 {
        left: 51%;
        bottom: -26px;
    }

    .footer-sp2 {
        display: none;
    }

    .main-footer-one .main-footer-section .footer-widget-content .footer-title {
        font-size: 24px;
    }

    .testimonial-section::before {
        width: 100%;
    }

    .testimonial__thumb {
        display: none;
    }

    .testimonial__card {
        padding: 0 20px 0;
    }

    /* home two */
    .service-single-box.style__02 .service-thumbs img {
        width: 100%;
    }

    .process-section .roofin__right__button {
        text-align: left;
    }

    .process__number h3 {
        display: none;
    }

    .faq-img {
        margin-bottom: 30px;
    }

    .faq-img .hero__video.style__02 {
        left: 57%;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 26px;
        line-height: 36px;
    }

    /* inner page */

    .breadcumb-section {
        padding: 210px 0 145px;
    }

    .service-section.inner_section .service__btn {
        display: block;
    }

    .faq-imgs {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .contact__info_card {
        margin-bottom: 30px;
    }

    .widget-sidber-contact-box {
        margin-bottom: 30px;
    }

    .hero-section-one.style__02 .hero-section-bg {
        height: 856px;
    }

    .hero-section-one.style__03 .hero-section-bg {
        height: 766px;
    }


    .hero_content.style__03 {
        margin-top: 158px;
    }

    .about__img__03 {
        display: none;
    }

    .service-section.style__03 {
        padding: 100px 15px 100px;
    }

    .service-section.style__03 .roofin__right__button a {
        padding: 14px 45px;
        margin-bottom: 30px;
    }

    .service-section.style__03 .ser__icon {
        top: 52%;
    }

    .service-single-box.style__03 {
        background-position: center bottom;
    }

    .service-single-box.style__03 .service__btn a {
        height: 55px;
        width: 45px;
        line-height: 46px;
    }

    .service__dtls__img img {
        width: 100%;
    }

    .service__dtls__img {
        margin-bottom: 30px;
    }

    .project__sidebar__main__box {
        margin-top: 0;
    }

    .project__details {
        padding: 100px 0 100px;
    }

    .recent-content h4 a {
        font-size: 20px;
    }

    .blog__sidebar {
        margin-top: 30px;
    }













}

@media only screen and (max-width: 768px) {
    .mobile-menu-area .sticky {
        position: absolute !important;
        padding: 0 30px 0;
    }

    .roofin-header-area {
        display: none;
    }

    .hero-section-one .hero_content h2 {
        font-size: 85px;
        line-height: 80px;
    }

    .icon-content-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .service__list li {
        font-size: 16px;
    }

    .process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process__contnet p {
        font-size: 16px;
    }

    .process__single__box {
        padding: 50px 27px 48px;
    }

    .process-image {
        margin-bottom: 32px;
    }

    .process-grid .process__single__box:nth-child(2) .arrow {
        display: none;
    }

    .work__section {
        padding: 245px 0 70px;
    }

    .work__inner__content .service__btn {
        display: none;
    }

    .contact-all-sp {
        display: none;
    }

    .main-footer-one .main-footer-section .footer-widget-content .footer-desc {
        width: 100%;
    }

    .footer-sp1 {
        bottom: -5px;
    }

    .footer-bottom .footer-bottom-menu ul li:last-child a {
        background: transparent;
        padding: 0;
        font-size: 16px;
        border-radius: 0;
    }

    /* home Two */

    .hero__video {
        display: none;
    }

    .section-title h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .single-testi-box.style__02 {
        padding: 38px 31px 40px;
    }

    .single-testi-box.style__02 .testi-desc p {
        font-weight: 400;
        font-size: 16px;
        width: 100%;
    }

    .blog-section.style__02 .roofin__right__button {
        margin-top: 0;
        text-align: left;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 20px;
        line-height: 32px;
    }

    p.contact__des {
        font-size: 16px;
        width: 79%;
    }

    .hero-section-one.style__02 .hero-section-bg {
        height: 662px;
    }

    .hero-section-one.style__03 .hero-bg-img {
        display: none;
    }

    .hero-section-one.style__03 .title__shape {
        left: 22%;
        top: 36%;
    }

    .hero-icon-box {
        padding: 30px;
        width: 57%;
        bottom: 17%;
        right: inherit;
        left: 0;
    }

    .about-section.style__03 .about__icon__list .icon-content-box h3 {
        font-size: 17px;
        margin-bottom: 12px;
    }

    .service-single-box.style__03 .service__btn a {
        height: 48px;
        width: 39px;
        line-height: 42px;
    }

    .process__thumbs {
        display: none;
    }

    .process__main__title {
        font-size: 70px;
    }

    .service-single-box.style__03.protfolio__card {
        background-position: center right;
    }

    .testi__heading h2 {
        font-size: 85px;
    }

    .roofin__title h2 {
        font-size: 30px;
    }



}

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

    .hero-section-one .hero_content h2 {
        font-size: 75px;
        line-height: 65px;
    }

    .icon-single-box.style__two {
        margin-bottom: 20px;
    }

    .section-title h2 {
        font-size: 30px;
        line-height: 28px;
    }

    .team__single__box {
        border-radius: 20px;
    }

    .roofin__button {
        margin-bottom: 30px;
    }

    .footer-bottom .footer-bottom-menu {
        text-align: left;
    }

    /* hoem Two */

    .hero-section-one.style__02 .hero__desc {
        width: 100%;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 27px;
        line-height: 32px;
    }

    .roofin__button.text-center.wow.fadeInUp.animated {
        text-align: left !important;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .footer__main__card {
        display: block;
    }

    .footer__infos {
        margin-bottom: 30px;
    }

    .hero-section-one.style__02 .hero_content h2 {
        font-size: 70px;
        line-height: 60px;
        font-weight: 600;
    }

    .hero-section-one.style__02 .hero-section-bg {
        height: 700px;
    }

    .swiper__arrow__button {
        top: -220px;
    }

    .project-section .swiper__arrow__button {
        display: none;
    }

    .team-section.style__02 .swiper__arrow__button {
        display: none;
    }

    .subscribe__box {
        margin: 15px 0 0;
    }


    .breadcumb-content h1 {
        font-size: 40px;
    }

    .pricing-area {
        padding: 130px 0 70px;
    }

    .pricing-single-items {
        margin-bottom: 30px;
    }

    .section-title.style__title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .hero-section-one.style__03 .title__shape {
        left: 32%;
    }

    .process-img {
        display: none;
    }

    .muse__scroll__item {
        margin-top: 40px;
    }

    .process__single__item {
        background-position: center top;
    }

    .testi__main__container {
        margin: 0 35px 0;
    }

    .lines {
        display: none;
    }

    .service-single-box.style__03.protfolio__card {
        background-position: center bottom;
    }

    .service-single-box.style__03.protfolio__card .service__content {
        margin: 26px 89px 0 30px;
    }

    .select-wrapper {
        margin-bottom: 25px;
    }

    .blog-section.latest__blog .blog__sidebar {
        padding: 40px 37px 40px;
    }



}

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

    .hero-section-one .hero-section-bg {
        height: 600px;
    }

    .hero-section-one .hero_content h2 {
        font-size: 65px;
        line-height: 60px;
        font-weight: 700;
    }

    section.hero-section-one .roofin__button {
        margin-bottom: 0;
    }

    .service__title .title a {
        font-size: 20px;
        line-height: 26px;
    }

    .process-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .process__single__box .arrow {
        display: none;
    }

    .choose-section {
        padding: 100px 0 80px;
    }

    .main-title h2 {
        font-size: 80px;
        font-weight: 700;
    }

    .work__title a {
        font-size: 27px;
    }

    .contact__info {
        width: 100%;
        margin-left: 0;
        display: inline-block;
        text-align: center;
    }

    .work__section {
        margin-top: -211px;
    }

    .offer-section .roofin__button {
        text-align: left !important;
        margin-bottom: 0;
        margin-top: 20px;
    }

    h3.autor-title {
        font-size: 14px;
    }

    .testi-autor-content p {
        font-size: 13px;
    }

    .popular-ratting ul li {
        display: none;
    }

    .testi-desc p {
        font-size: 15px;
        line-height: 30px;
    }

    .footer-sp1 {
        display: none;
    }

    .swiper__arrow__button {
        top: -234px;
    }

    /* Home Two */

    .hero-section-one.style__02 .hero_content h2 {
        font-size: 55px;
        line-height: 50px;
    }

    .swiper__arrow__button {
        display: none;
    }

    .accordion li a {
        padding: 24px 15px 24px;
        font-size: 18px;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 22px;
    }

    .process__sp {
        display: none;
    }

    .select-wrapper {
        margin-bottom: 25px;
    }

    .hero-icon-box {
        width: 70%;
    }

    .process__single__item {
        background-position: center left;
    }

    .single-testi-box.style__03 .testi-desc p {
        font-weight: 500;
        font-size: 15px;
    }

    .single-testi-box.style__03 {
        padding: 35px 25px 22px;
    }

    .service-single-box.style__03.protfolio__card .service__content {
        margin: 26px 60px 0 30px;
    }

    .roofin__title h2 {
        font-size: 28px;
    }

    .roofin__title.two h2 {
        font-size: 25px;
    }

    .service__dtls__img {
        margin-bottom: 30px;
    }

    p.contact__des {
        width: 100%;
    }

    .roofin__title h2 {
        font-size: 23px;
        line-height: 32px;
    }

    .blog-meta-datals .blog-author strong {
        font-weight: 400;
        font-size: 15px;
    }

    .blog__custom__card::before {
        display: none;
    }

    .blog__quote__text p {
        font-weight: 400;
        font-size: 15px;
        line-height: 27px;
    }

    .blog__details__contnet {
        padding: 0;
    }


}

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

    .hero-section-one .hero_content h2 {
        font-size: 50px;
        line-height: 45px;
    }

    .hero-button {
        margin-top: 35px;
    }

    .marquee-block h3 {
        font-size: 50px;
        line-height: 48px;
    }

    .swiper__arrow__button {
        display: none;
    }

    .main-title h2 {
        font-size: 60px;
    }

    .work__title a {
        font-size: 24px;
        line-height: 30px;
    }

    .contact-form-box {
        padding: 15px;
    }

    .contact-section {
        padding: 100px 0 100px;
    }

    .section-title h2 {
        font-size: 22px;
        line-height: 19px;
    }

    .footer-bottom .copyright-text {
        font-size: 14px;
    }

    /* Home Two */

    .hero-section-one.style__02 .hero_content h2 {
        font-size: 47px;
        line-height: 44px;
    }

    .hero-section-one.style__02 .title__shape {
        top: 29%;
    }

    .accordion li a {
        padding: 18px 15px 18px;
    }

    .accordion li::before {
        display: none;
    }

    .accordion a::before,
    .accordion a:after {
        display: none;
    }

    .single-blog-box.style__02 .blog-content h3 a {
        font-size: 18px;
    }

    p.contact__des {
        width: 102%;
    }

    .section-title.style__title h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .hero-section-one.style__02 .hero_content h2 {
        font-size: 40px;
        line-height: 41px;
    }

    .hero-section-one.style__03 .title__shape {
        display: none;
    }

    .hero-icon-box {
        width: 100%;
    }

    .about-section.style__03 .about__icon__list .icon-content-box h3 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .process__main__title {
        font-size: 54px;
    }

    .testi__heading h2 {
        font-size: 37px;
    }

    .testi__main__container {
        margin: 0 5px 0;
    }

    .single-testi-box.style__03 .testi-quote {
        display: none;
    }

    .single-testi-box.style__03 .testi-desc p {
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
    }

    .single-testi-box.style__03 {
        padding: 35px 15px 22px;
    }

    .project__container {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }

    .service-single-box.style__03.protfolio__card {
        background-position: center right;
    }

    .service-single-box.style__03.protfolio__card .service__content {
        margin: 17px 11px 0;
    }

    .defult__wrapper.home__02 {
        padding: 0 12px;
    }

    .footer-bottom-menu ul li a {
        font-size: 14px;
    }

    .footer-bottom .footer-bottom-menu ul li:last-child a {
        font-size: 14px;
    }

    .sidebar__box {
        padding: 35px 14px 35px;
    }

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

    .ml-15 {
        margin-left: 0;
    }

    .project__sidebar__box {
        padding: 32px 10px 50px;
    }

    .category-title {
        padding: 10px 23px;
    }

    .work__title a {
        font-size: 18px;
        line-height: 25px;
    }

    .contact__information i {
        flex-shrink: 0;
    }

    .contact__information h3 {
        margin: 6px 0 0;
        font-size: 14px;
    }

    .check_bx p {
        font-size: 13px;
    }

    .blog-section.latest__blog .blog__sidebar {
        padding: 40px 20px 40px;
    }

    .recent-content h4 a {
        font-size: 17px;
    }

    .blog-content h3 a {
        font-size: 17px;
        line-height: 27px;
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-bottom: 20px;
    }

    .icon-single-box {
        display: inline-block;
    }

    .service__content {
        margin: 26px 0px 0;
    }

    .roofin__buttons button {
        font-size: 18px;
        padding: 12px 23px;
    }

    .roofin__buttons button i {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .contact__info i {
        margin-bottom: 10px;
    }

    .roofin__button a {
        font-size: 16px;
    }

    .single-testi-box {
        padding: 40px 20px 30px;
    }

    .meta__blog a {
        font-size: 12px;
    }

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

    .footer-bottom-menu ul li {
        margin-left: 0px;
    }

    .counter__card.two {
        display: none;
    }

    .accordion li p {
        padding: 38px 25px 34px;
        font-size: 15px;
    }

    .team__single__box.style__two {
        padding: 20px 25px 0;
    }

}