@media (min-width: 991px) {
    #contato {
        scroll-margin-top: 100px !important;
        scroll-behavior: smooth;

    }
}

@media (min-width: 1200px) and (max-width: 1600px) {

    .topbar-area::before {
        width: 100%;
    }

    /* header area */

    .header-area::before {
        width: 100%;
    }

    .header-munu ul li {
        margin-left: 35px;
    }

    /* sticky nav */

    .sticky-nav {
        width: 100%;
    }

    /* feature area */

    .feature-items {
        margin-left: -100px;
    }

    .contact-thumb {
        margin-left: -160px;
    }

    /* about area */

    .about-discribtion p {
        margin: 24px 0 0px;
    }

    /* section title css */

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

    /* service area */

    /* .service-thumb img {
        width: 85%;
    } */

    .service-single-box {
        height: auto;
    }


    /* .service-title {
        right: -73%;
    } */

    /* pricing area */



    /* testimonial area */

    .testi-single-box {
        padding: 15px 15px 17px;
    }

    /* blog area */


    /*==================================================
 <-- Euildint Home Page Style Two Css-->
===================================================*/

    /* header style two css */

    .header-munu.style-two ul li {
        margin-left: 22px;
    }


    /* slider style two css */

    .slider-content.style-two {
        width: 50%;
    }

    /* feature area stylet two */

    /* about area style two */

    .about-thumb.style-two img {
        width: 100%;
    }

    /* history area  */

    .history-content h4 a {
        font-size: 23px;
    }

    .history-content p {
        font-size: 17px;
    }

    /* service area style two */

    .service-items-box {
        padding: 29px 0px 29px 14px;
    }

    .service-items-content p {
        margin: 12px 0 50px;
    }

    .service-items-thumb {
        left: 0;

    }

    .service-items-icon {
        top: 7px;
        left: 0;
        right: 0;
        margin: auto;
    }

    /* blog area style two */


    /*==================================================
 <-- Euildint Home Page Style Three Css-->
===================================================*/

    /* service area style two */

    /* faq area css */

    .faq-content {
        padding: 58px 50px 38px;
    }

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

    .accordion li p {
        font-size: 15px;
        line-height: 24px;
        padding: 20px 38px 9px;
    }

    /* work process area */



    .work-process-shape {
        position: absolute;
    }

    .work-process-shape img {
        width: 100%;
    }

    .work-process-content {
        margin-top: 40px;
    }

    /* testimoial area style two */

    .testi-items-discription .desc-list {
        display: block;
    }


    /*==================================================
 <-- Euildint All Inner Page  Css-->
===================================================*/

    /* service details */

    /* blog standard area */

    .widget-categories-box {
        padding: 29px 8px 40px;
    }

    /* blog details area */

    .blog-details-list ul li {
        font-size: 16px;
    }

    .blog-item-content h4 a {
        font-size: 16px;
    }

    /* project detals area */

    /* team details area */

    .about-shape img {
        width: 90%;
        float: right;
    }




}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    .topbar-area::before {
        width: 100%;
    }

    /* header area */

    .header-area::before {
        width: 100%;
    }

    .header-munu ul li {
        margin-left: 18px;
    }

    .header-munu ul li a {
        font-size: 16px;
    }

    .header-social ul li::before {
        right: -18px;
    }

    /* sticky nav */

    .sticky-nav {
        width: 100%;
    }

    /* slider area css */

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

    .slider-thumb {
        margin-left: -170px;
    }

    /* feature area */

    .feature-items {
        margin-left: -164px;
    }

    /* about area */

    .about-thumb img {
        width: 100%;
    }

    .about-shape {
        width: 60%;
    }

    .about-discribtion p {
        margin: 24px 0 0px;
    }

    /* section title css */

    .section-main-title h2 {
        font-size: 31px;
        line-height: 34px;
    }

    /* contact section */

    .contact-thumb {
        margin-left: -160px;
    }

    .contact-shape {
        bottom: 63%;
        left: 67px;
    }

    /* service area */

    .service-single-box {
        max-height: 420px;
        margin-bottom: 30px;
    }

    /* .service-thumb img {
        width: 85%;
    } */



    /* .service-title {
        right: -85%;
    }
.service-title h4 {
        font-size: 22px;
    color: #c8a96a;
    font-weight: 500;
} */

    /* .service-content {
        bottom: 40px;
    } */

    /* pricing area */

    .pricing-single-box {

        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    /* .pircing-btn p {
        padding: 0px 30px;
    } */

    /* project area */

    /* testimonial area */

    .testi-single-box {
        padding: 15px 10px 17px;
    }

    .testi-items-box::before {
        left: -10px;
    }

    .testi-items-box::after {
        right: -10px;
        top: -25px;
    }



    .testi-title h4 {
        font-size: 20px;
    }

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

    .testi-items-discription .desc-list {
        display: block;
    }


    /* blog area */

    /* footer area css */

    .footer-wiget-text p {
        font-size: 14px;
    }

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

    .copyright-text p {
        opacity: 0.800;
        font-size: 16px;
    }

    .footer-condition ul li a {
        font-size: 16px;
    }


    /*==================================================
 <-- Euildint Home Page Style Two Css-->
===================================================*/

    /* topbar css */

    .topbar-area.style-two .container-fluid.p-90 {
        padding: 0 25px;
    }

    /* header style two css */

    .header-area.style-two .container-fluid.p-90 {
        padding: 0 25px;
    }

    .header-munu.style-two ul li {
        margin-left: 18px;
    }

    .header-munu.style-two ul li a {
        font-size: 14px;
    }


    /* slider style two css */

    .slider-content.style-two {
        width: 50%;
    }

    /* feature area stylet two */

    /* about area style two */

    .about-thumb.style-two img {
        width: 100%;
    }

    /* history area  */

    .history-single-box {
        padding: 37px 13px 51px;
    }

    .history-content h4 a {
        font-size: 23px;
    }

    .history-content p {
        font-size: 17px;
    }

    .counter-area {
        padding: 65px 12px 98px;
    }

    /* service area style two */

    .service-items-box {
        padding: 29px 20px 29px 14px;
        display: inherit;
    }

    .service-items-content p {
        margin: 12px 0 50px;
    }

    .service-items-thumb {
        left: 0;

    }

    .service-items-thumb img {
        width: 100%;
    }

    .service-items-icon {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .service-items-icon img {
        width: auto;
    }

    /* team area css */

    /* blog area style two */


    /*==================================================
 <-- Euildint Home Page Style Three Css-->
===================================================*/

    .topbar-area.style-three .container-fluid.p-90 {
        padding: 0 25px;
    }

    /* slider area */

    .slider-content.style-two.three {
        left: 30px;
    }

    /* about area style three */

    .about-list {
        margin-top: 25px;
    }

    /* service area style two */

    /* faq area css */

    .faq-content {
        padding: 58px 14px 38px;
    }

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

    .accordion li p {
        font-size: 15px;
        line-height: 24px;
        padding: 20px 38px 9px;
    }

    .faq-single-box {
        padding: 73px 26px 60px;
    }

    /* work process area */

    .work-process-number {
        top: -38px;
        left: 70%;
    }

    .work-process-content {
        margin-top: 36px;
    }

    .work-process-single-box {
        padding: 0px 38px 0;
        margin-bottom: 56px;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-shape {}

    .work-process-number {
        top: -38px;
        right: -48px;
    }

    /* call do area */


    /* testimoial area style two */

    .testi-itmes-box {
        padding: 0 10px 52px;
    }

    .testi-items-discription .desc-list {
        display: block;
    }


    /*==================================================
 <-- Euildint All Inner Page  Css-->
===================================================*/

    /* service details */

    .widget-categories-box {
        padding: 29px 9px 40px;
    }

    /* blog standard area */

    .recent-widget-thumb {
        margin-right: 7px;
    }

    .recent-widget-meta span {
        font-size: 15px;
        margin-right: 13px;
    }

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

    /* blog details area */

    .blog-details-list ul li {
        font-size: 15px;
    }

    .blog-item-content h4 a {
        font-size: 16px;
    }

    .blog-details-item {
        padding: 57px 13px 30px;
    }

    .blog-item-thumb.two {
        margin-right: 0px;
    }

    /* project detals area */

    .image img {
        width: 100%;
    }

    /* team details area */


}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    /* topbar css */



    .topbar-area {
        display: none !important;
    }

    /* header area */

    .header-area {
        display: none;
    }

    /* slider area */

    .slider-area {
        display: block !important;
        margin-top: 0px;
    }

    .slider-content {
        padding: 144px 0 0;
    }

    .slider-thumb {
        position: absolute;
        margin-top: 0px;
    }

    .slider-thumb img {
        max-width: 66%;
        float: right;
    }

    /* feature area */

    .feature-area {
        padding: 0 0 76px;
    }

    .feature-items {
        float: right;
    }

    /* about area */

    .about-area {
        padding: 0 0 66px;
    }

    .about-thumb {
        margin-bottom: 50px;
    }



    .about-discribtion p {
        margin: 38px 0 0px;
    }

    /* contact area */

    .contact-area {
        padding: 42px 0 48px;
    }



    .contact-thumb {
        display: block;
    }

    .contact-shape .rotate {
        transform: rotate(95deg);
    }

    .contact-shape {
        position: absolute;
        bottom: 75%;
        left: 30px;
    }


    .contact-thumb img {
        max-width: 500px;
        margin-left: 50%;
        bottom: -25px;
        position: relative;
    }

    /* service area*/

    .service-area {
        padding: 60px 0 40px;
    }

    .service-single-box {
        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    /* .service-thumb img {
        width: 80%;
    }

    .service-title {
        right: -65%;
    } */

    /* pricing area */

    .pricing-area {
        padding: 62px 0 28px;
    }

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


    /* faq area */

    .faq-area {
        padding: 0 0 46px;
    }

    /* project area */

    /* testimonial area */

    .testimonial-area {
        padding: 62px 0 44px;
    }

    .owl-nav {
        position: relative;
        top: -170px;
    }

    /* blog area */

    /* footer area */

    .footer-area {
        padding: 72px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .footer-wiget-text p {
        margin: 16px 0 25px;
    }

    .footer-wiget-menu ul li a {
        font-size: 16px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        display: none;
    }

    /*==================================================
 <-- Euildint Home Page Style Two Css-->
===================================================*/

    /* slider area */

    .banner-carousel.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-content.style-two {
        top: 43%;
        width: 100%;
    }

    /* feature area style two */

    .feature-area.style-two {
        padding: 0px 0 40px;
    }

    /* about area style two */

    .about-area.style-two {
        padding: 0 0 65px;
    }

    /* heistory area */

    .row.history-bg {
        padding: 78px 15px 80px;
    }

    .history-single-box {
        padding: 37px 20px 51px;
    }

    /* service area style two */

    .service-items-box {
        padding: 29px 20px 29px 14px;
        display: inherit;
        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    .service-items-content p {
        margin: 12px 0 55px;
    }

    .service-items-thumb {
        left: 0;
    }

    .service-items-thumb img {
        width: 100%;
    }

    .service-items-icon {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .service-items-icon img {
        width: auto;
    }

    /* team area */

    /* blog area style two */

    /*==================================================
 <-- Euildint Home Page Style Three Css-->
===================================================*/
    /* slider area */

    .slider-content.style-two.three {
        left: 30px;
        top: 42%;
    }

    /* about area styele three */

    .about-area.style-three {
        padding: 64px 0 65px;
    }

    .about-list {
        margin-top: 25px;
    }

    /* service area style three */

    .service-area.style-three {
        padding: 60px 0 65px;
    }

    .service-disctription {}

    .service-disctription span {
        /* font-size: 16px; */
    }

    /* faq area */

    .faq-area.style-two {
        padding: 0 0 204px;
    }

    .single-video.style-two {
        top: 82px;
    }

    .faq-single-box {
        top: 92px;
        left: 0;
    }

    /* work process area */

    .work-process-area {
        padding: 32px 0 0px;
    }

    .work-process-single-box {
        margin-bottom: 70px;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-shape {}

    /* call do action area */

    /* testimonial area */

    .testimonial-area.style-two {
        padding: 62px 0 23px;
    }

    .testi-itmes-box {
        margin-bottom: 50px;
    }

    .testi-items-discription .desc-list {
        display: block;
    }



    /*==================================================
 <-- Euildint All nner Page  Css-->
===================================================*/

    /* bratcome area */

    .breatcome-title {
        margin-top: -40px;
    }

    /* about area inner page  */

    .about-area.inner-page {
        padding: 72px 0 64px;
    }

    /* team inner page */

    /* testimonial inner page */

    .testimonial-area.style-two.inner-page {
        padding: 31px 0 23px;
    }

    /* service details */

    /* blog standard area */

    /* blog details area */

    .blog-details-area {
        padding: 72px 0 42px;
    }

    .blog-details-item {
        margin-bottom: 30px;
    }

    .blog-item-thumb.two {
        margin-right: 0;
    }

    .blog-item-thumb {
        margin-right: 11px;
        margin-top: -4px;
    }

    .blog-item-content h4 a {
        font-size: 16px;
    }

    .owl-nav {
        display: none;
    }

    /* project innner page  */

    /* project detals area */

    .image img {
        width: 100%;
    }

    /* team details area */

    /* contact area */

    .contact-us-area {
        padding: 74px 0 0;
    }

    .contact-single-box {
        margin-bottom: 40px;
    }

    .contact-single-box::before {
        display: none;
    }

    .row.contact {
        padding: 72px 20px 87px;
        margin-top: -130px;
    }

    /* pricing area inner page */

    .pricing-area.inner-page {
        padding: 64px 0 44px;
    }



}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

    /* topbar css */

    .topbar-area {
        display: none !important;
    }

    /* header area */

    .header-area {
        display: none;
    }

    /* slider area */

    .slider-area {
        display: block !important;
    }

    .slider-content {
        padding: 144px 0 0;
    }

    .slider-main-title h1 {
        font-size: 20px;
    }

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

    .slider-thumb {
        position: absolute;
        bottom: 0px;
    }

    .slider-thumb img {
        max-width: 80%;
    }

    /* feature area */

    .feature-area {
        padding: 0 0 76px;
    }

    .feature-items {
        position: relative;
        left: 60px;
        margin-top: -130px;
        margin-left: auto;
        margin-right: auto;
    }

    .feature-title h4 a {
        font-size: 20px;
    }

    /* about area */

    .about-area {
        padding: 66px 0;
    }

    .about-thumb {
        margin-bottom: 50px;
    }

    .about-shape img {
        width: 85%;
        float: right;
    }

    .about-discribtion p {
        margin: 38px 0 0px;
    }

    /* section title */

    .section-sub-title h4 {
        font-size: 20px;
    }

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

    /* contact area */

    .contact-area {
        padding: 42px 0 48px;
    }

    .contact-discription p {
        width: 93%;
    }

    .contact-thumb {
        display: block;
    }

    .contact-shape .rotate {
        transform: rotate(95deg);
    }

    .contact-shape {
        position: absolute;
        bottom: 65%;
        left: 0px;
    }


    .contact-thumb img {
        max-width: 450px;
        margin-left: 30%;
        bottom: -20px;
        position: relative;
    }



    /* service area*/

    .service-area {
        padding: 60px 0 65px;
    }

    .service-single-box {
        margin-bottom: 30px;
        max-width: fit-content;
        justify-self: anchor-center;
    }

    /* .service-thumb img {
        width: 88%;
    }

    .service-title {
        right: -76%;
    } */

    /* pricing area */

    .pricing-area {
        padding: 62px 0 28px;
    }

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

    /* 
    .pircing-btn p {
        padding: 0px 30px;
    } */

    /* faq area */

    .faq-area {
        padding: 0 0 46px;
    }

    /* project area */

    /* testimonial area */

    .testimonial-area {
        padding: 62px 0 44px;
    }

    .testi-single-box.two {
        margin-top: 180px;
    }

    .testi-single-box.four {
        margin-top: 180px;
    }

    .owl-nav {
        position: relative;
        top: -70px;
    }

    /* blog area */

    /* footer area */

    .footer-area {
        padding: 72px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .footer-wiget-text p {
        margin: 16px 0 25px;
    }

    .footer-wiget-menu ul li a {
        font-size: 16px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        display: none;
    }

    /*==================================================
     <-- Euildint Home Page Style Two Css-->
    ===================================================*/

    /* slider area */

    .banner-carousel.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-content.style-two {
        top: 43%;
        width: 86%;
    }

    /* feature area style two */

    .feature-area.style-two {
        padding: 0px 0 40px;
    }

    /* about area style two */

    .about-area.style-two {
        padding: 0 0 65px;
    }

    /* heistory area */

    .row.history-bg {
        padding: 78px 15px 80px;
    }

    .history-single-box {
        padding: 37px 20px 51px;
    }

    .history-items-thumb img {
        transition: .5s;
        width: 100%;
    }

    /* counter area */

    /* call do area */

    /* service area style two */

    .service-items-box {
        padding: 29px 20px 29px 14px;
        display: inherit;
        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    .service-items-content p {
        margin: 12px 0 55px;
    }

    .service-items-thumb {
        left: 0;
    }

    .service-items-thumb img {
        width: 100%;
    }

    .service-items-icon {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .service-items-icon img {
        width: auto;
    }

    /* team area */

    /* blog area style two */


    /*==================================================
     <-- Euildint Home Page Style Three Css-->
    ===================================================*/
    /* slider area */

    .slider-content.style-two.three {
        left: 30px;
        top: 42%;
    }

    /* about area styele three */

    .about-area.style-three {
        padding: 64px 0 65px;
    }

    .about-list {
        margin-top: 25px;
    }

    /* service area style three */

    .service-area.style-three {
        padding: 60px 0 65px;
    }

    .service-disctription {
        /* display: none; */
        padding-bottom: 30px;
        text-align: center;
    }

    .service-disctription span {
        /* font-size: 16px; */
    }

    /* faq area */

    .faq-area.style-two {
        padding: 0 0 204px;
    }

    .single-video.style-two {
        top: 82px;
    }

    .faq-single-box {
        padding: 73px 40px 60px;
        top: 92px;
        left: 0;
    }

    /* work process area */

    .work-process-area {
        padding: 32px 0 0px;
    }

    .work-process-single-box {
        margin-bottom: 70px;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-shape {}

    .work-process-number {
        right: 53px;
    }

    /* call do action area */

    /* testimonial area */

    .testimonial-area.style-two {
        padding: 62px 0 23px;
    }

    .testi-itmes-box {
        margin-bottom: 50px;
    }

    .testi-items-discription .desc-list {
        display: block;
    }



    /*==================================================
 <-- Euildint All nner Page  Css-->
===================================================*/

    /* bratcome area */

    .breatcome-title {
        margin-top: -40px;
    }

    /* about area inner page  */

    .about-area.inner-page {
        padding: 72px 0 64px;
    }

    /* team inner page */

    /* testimonial inner page */

    .testimonial-area.style-two.inner-page {
        padding: 31px 0 23px;
    }

    /* service details */

    /* blog standard area */

    /* blog details area */

    .blog-details-area {
        padding: 72px 0 42px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-details-list {
        margin-top: 30px;
    }

    .blog-details-item {
        margin-bottom: 30px;
    }

    .blog-item-thumb.two {
        margin-right: 0;
    }

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

    .owl-nav {
        display: none;
    }

    /* project innner page  */

    /* project detals area */

    .image img {
        width: 100%;
    }

    /* team details area */

    /* contact area */

    .contact-us-area {
        padding: 74px 0 0;
    }

    .contact-single-box {
        margin-bottom: 40px;
    }

    .contact-single-box::before {
        display: none;
    }

    .row.contact {
        padding: 72px 20px 87px;
        margin-top: -130px;
    }

    .contact-title h2 {
        font-size: 40px;
    }

    /* pricing area inner page */

    .pricing-area.inner-page {
        padding: 64px 0 44px;
    }



}


/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

    /* topbar css */

    .topbar-area {
        display: none !important;
    }

    /* header area */

    .header-area {
        display: none;
    }

    /* slider area */

    .slider-area {
        display: block !important;
    }

    .slider-content {
        padding: 144px 0 0;
    }

    .slider-main-title h1 {
        font-size: 20px;
    }

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

    .slider-thumb {
        position: absolute;
        bottom: 0px;
    }

    .slider-thumb img {
        max-width: 80%;
        /* position: relative;
        bottom: 160px; */
    }

    /* feature area */

    .feature-area {
        padding: 0 0 76px;
    }

    .feature-items {
        position: relative;
        left: 15px;
        margin-top: -130px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .feature-single-box {
        display: list-item;
        list-style: none;
    }

    .feature-single-box {
        margin: 0 9px;
    }

    .feature-title h4 a {
        font-size: 20px;
    }

    /* about area */

    .about-area {
        padding: 0 0 66px;
    }

    .about-thumb {
        margin-bottom: 50px;
    }

    .about-thumb img {
        width: 100%;
    }

    .about-discribtion p {
        margin: 38px 0 0px;
    }

    .about-shape {
        width: 60%;
    }

    .about-area .barfiller {
        width: 100%;
    }

    /* section title */

    .section-sub-title h4 {
        font-size: 20px;
    }

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

    /* contact area */

    .contact-area {
        padding: 42px 0 48px;
    }

    .contact-discription p {
        width: 93%;
    }

    .contact-thumb {
        display: block;
    }

    .contact-shape .rotate {
        transform: rotate(95deg);
    }

    .contact-shape {
        position: absolute;
        bottom: 75%;
        left: -10px;
    }

    .contact-thumb img {
        max-width: 400px;
        margin-left: 15%;
        bottom: -20px;
        position: relative;
    }

    /* service area*/

    .service-area {
        padding: 60px 0 65px;
    }

    .service-single-box {
        margin-bottom: 30px;
        max-width: fit-content;
        justify-self: anchor-center;
    }

    /* .service-thumb img {
        width: 88%;
    }

    .service-title {
        right: -67%;
    } */

    /* pricing area */

    .pricing-area {
        padding: 62px 0 28px;
    }

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

    /* .pircing-btn p {
        padding: 0px 30px;
    } */

    /* faq area */

    .faq-area {
        padding: 0 0 46px;
    }

    .accordion li button {
        padding: 19px 16px 19px;
    }

    .accordion li p {
        padding: 20px 17px 24px;
    }

    /* project area */

    /* testimonial area */

    .testimonial-area {
        padding: 62px 0 44px;
    }

    .testi-single-box.two {
        margin-top: 180px;
    }

    .testi-single-box.four {
        margin-top: 180px;
    }

    .owl-nav {
        position: relative;
        top: -70px;
    }

    /* blog area */

    /* footer area */

    .footer-area {
        padding: 72px 0 0px;
    }

    .footer-area::before {
        bottom: 90px;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .footer-wiget-text p {
        margin: 16px 0 25px;
    }

    .footer-wiget-menu ul li a {
        font-size: 16px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        display: none;
    }

    /*==================================================
     <-- Euildint Home Page Style Two Css-->
    ===================================================*/

    /* slider area */

    .banner-carousel.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-content.style-two {
        top: 40%;
        width: 96%;
    }

    /* feature area style two */

    .feature-area.style-two {
        padding: 0px 0 40px;
    }

    /* about area style two */

    .about-area.style-two {
        padding: 0 0 65px;
    }

    /* heistory area */

    .row.history-bg {
        padding: 78px 15px 80px;
    }

    .history-single-box {
        padding: 37px 20px 51px;
    }

    .history-items-thumb img {
        transition: .5s;
        width: 100%;
    }

    /* counter area */

    /* call do area */

    /* service area style two */

    .service-items-box {
        padding: 29px 20px 29px 14px;
        display: inherit;
        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    .service-items-content p {
        margin: 12px 0 55px;
    }


    .service-items-thumb img {
        width: 100%;
    }

    .service-items-icon {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .service-items-icon img {
        width: auto;
    }

    /* team area */

    /* blog area style two */


    /*==================================================
     <-- Euildint Home Page Style Three Css-->
    ===================================================*/
    /* slider area */

    .slider-content.style-two.three {
        left: 30px;
        top: 42%;
    }

    /* about area styele three */

    .about-area.style-three {
        padding: 64px 0 65px;
    }

    .about-list {
        margin-top: 25px;
    }

    /* service area style three */

    .service-area.style-three {
        padding: 60px 0 65px;
    }

    .service-disctription {
        /* display: none; */
        padding-bottom: 30px;
        text-align: center;
    }

    .service-disctription span {
        /* font-size: 16px; */
    }

    /* faq area */

    .faq-area.style-two {
        padding: 0 0 204px;
    }

    .faq-content {
        padding: 58px 10px 38px;
    }

    .single-video.style-two {
        top: 82px;
    }

    .faq-single-box {
        padding: 73px 25px 60px;
        top: 92px;
        left: 0;
    }

    /* work process area */

    .work-process-area {
        padding: 32px 0 0px;
    }

    .work-process-single-box {
        margin-bottom: 70px;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-shape {}

    .work-process-number {
        right: 75px;
    }

    /* call do action area */

    /* testimonial area */

    .testimonial-area.style-two {
        padding: 62px 0 23px;
    }

    .testi-itmes-box {
        margin-bottom: 50px;
    }

    .testi-items-discription .desc-list {
        display: block;
    }



    /*==================================================
 <-- Euildint All nner Page  Css-->
===================================================*/

    /* bratcom area */

    .breatcome-title {}


    /* about area inner page  */

    .about-area.inner-page {
        padding: 72px 0 64px;
    }

    /* team inner page */

    /* testimonial inner page */

    .testimonial-area.style-two.inner-page {
        padding: 31px 0 23px;
    }

    /* service details */

    .widget-categories-box {
        padding: 29px 20px 40px;
    }

    /* blog standard area */

    /* blog details area */

    .blog-details-area {
        padding: 72px 0 42px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-detaile-title h4 a {
        line-height: 50px;
    }

    .blog-details-discription p {
        font-size: 14px;
    }

    .blog-details-list {
        margin-top: 30px;
    }

    .blog-details-item {
        margin-bottom: 30px;
    }

    .blog-item-thumb.two {
        margin-right: 0;
    }

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

    .owl-nav {
        display: none;
    }

    /* project innner page  */

    /* project innner page  */

    /* project detals area */

    .image img {
        width: 100%;
    }

    /* team details area */

    /* contact area */

    .contact-us-area {
        padding: 74px 0 0;
    }

    .contact-single-box {
        margin-bottom: 40px;
    }

    .contact-single-box::before {
        display: none;
    }

    .row.contact {
        padding: 72px 20px 87px;
        margin-top: -130px;
    }

    .contact-title h2 {
        font-size: 36px;
    }

    /* pricing area inner page */

    .pricing-area.inner-page {
        padding: 64px 0 44px;
    }





}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    .hide-sm {
        display: none;
    }

    .hide-lg {
        display: block;
    }

    h4 {
        font-size: 20px;
    }

    /* topbar css */

    .topbar-area {
        display: none !important;
    }

    /* header area */

    .header-area {
        display: none;
    }

    /* slider area */

    .slider-area {
        display: block !important;
        height: 100vh;
        margin-top: 0px;
    }

    .slider-content {
        padding-top: 30%;
        z-index: 9;
        position: relative;
    }

    .slider-main-title h1 {
        font-size: 20px;
        margin-bottom: 22px;
    }

    .slider-main-title h2 {
        font-size: 32px;
        line-height: 33px;
    }

    .slider-discripton p {
        font-size: 13px;
    }

    .eulding-btn a {
        font-size: 15px;
    }

    .slider-thumb {
        display: block;
    }

    .slider-thumb {
        position: absolute;
        bottom: 0px;
    }

    .slider-thumb img {
        max-width: 100%;
        /* position: relative;
        bottom: 160px; */
    }

    .feature-single-box::before {
        opacity: 1;
    }

    .feature-items {
        margin-top: -10px;
    }

    /* feature area */

    .feature-area {
        padding: 0 0 76px;
    }

    .feature-single-box {
        display: list-item;
        list-style: none;
    }

    /* about area */

    .about-area {
        padding: 0 0 66px;
    }

    .about-thumb {
        margin-bottom: 50px;
    }

    .about-thumb img {
        width: 100%;
    }

    .about-discribtion p {
        margin: 22px 0 0px;
        font-size: 14px;
    }

    .about-shape {
        width: 65%;
    }

    .about-area .barfiller {
        width: 100%;
    }

    .about-area .barfiller .tip {
        font-size: 14px;
    }



    /* section title */

    .section-sub-title h4 {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .section-main-title h2 {

        font-size: 21px;
        line-height: 22px;
    }

    /* contact area */

    .contact-area {
        padding: 42px 0 48px;
    }

    .contact-discription p {
        width: 100%;
        font-size: 15px;
    }

    .contact-thumb {
        display: block;
    }



    .contact-thumb img {
        max-width: 400px;
        margin-left: 10%;

    }

    .contact-shape {
        position: absolute;
        bottom: 70%;
        left: -10px;
    }

    .contact-shape .rotate {
        transform: rotate(95deg);
    }

    /* service area*/

    .service-area {
        padding: 60px 0 65px;
    }

    .service-single-box {
        margin-bottom: 30px;
        /* max-width: fit-content; */
        justify-self: anchor-center;
    }

    /* .service-thumb img {
        width: 88%;
    }

    .service-title {
        right: -75%;
    }

    .service-title h4 {
        font-size: 20px;
    } */

    /* pricing area */

    .pricing-area {
        padding: 62px 0 28px;
    }

    /* .pircing-btn p {
        padding: 0px 30px;
    } */

    .pricing-single-box {
        margin-bottom: 30px;

    }

    /* .pircing-btn p {
        padding: 0px 30px;
    } */



    /* faq area */

    .faq-area {
        padding: 0 0 46px;
    }

    .faq-thumb {}

    .faq-thumb img {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        display: block;

    }

    .accordion li button {
        padding: 19px 8px 19px;
        font-size: 16px;
    }

    .accordion button:before {
        display: none;
    }

    .accordion button::after {
        display: none;
    }

    .accordion li p {
        padding: 20px 10px 24px;
        font-size: 13px;
    }

    .about-area {
        padding: 66px 10px;
    }

    /* project area */

    /* testimonial area */

    .testimonial-area {
        padding: 62px 0 44px;
    }

    .testi-single-box {
        padding: 15px 10px 17px;
    }

    .testi-single-box.two {
        margin-top: 180px;
    }

    .testi-single-box.four {
        margin-top: 180px;
    }

    .testi-discription p {
        font-size: 14px;
    }

    .owl-nav {
        position: relative;
        top: -70px;
    }

    /* blog area */

    /* footer area */

    .footer-area {
        padding: 72px 0 25px;
    }

    .footer-area::before {
        bottom: 90px;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .footer-wiget-text p {
        margin: 16px 0 25px;
        font-size: 14px;
    }

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

    .copyright-text {
        text-align: center;
    }

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

    .copyright-text p a {
        font-size: 12px;
    }

    .footer-condition {
        display: none;
    }

    /*==================================================
        <-- Euildint Home Page Style Two Css-->
    ===================================================*/

    /* slider area */

    .banner-carousel.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-content.style-two {
        top: 40%;
        width: 96%;
    }

    /* feature area style two */

    .feature-area.style-two {
        padding: 0px 0 40px;
    }

    /* about area style two */

    .about-area.style-two {
        padding: 0 0 65px;
    }

    /* heistory area */

    .row.history-bg {
        padding: 78px 10px 80px;
    }

    .history-single-box {
        padding: 37px 8px 51px;
    }

    .history-content p {
        font-size: 15px;
        margin: 20px 0 30px;
    }

    .history-content a {
        font-size: 16px;
    }

    .history-items-thumb img {
        transition: .5s;
        width: 100%;
    }

    /* counter area */

    /* call do area */

    .single-video {
        top: 54%;
    }

    /* service area style two */

    .service-items-box {
        padding: 29px 20px 29px 14px;
        display: inherit;
        margin-bottom: 30px;
        justify-self: anchor-center;
    }

    .service-items-content p {
        margin: 12px 0 55px;
    }

    .service-items-thumb {
        left: 0;

    }

    .service-items-thumb img {
        width: 100%;
    }

    .service-items-icon {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .service-items-icon img {
        width: auto;
    }

    /* team area */

    /* blog area style two */


    /*==================================================
        <-- Euildint Home Page Style Three Css-->
    ===================================================*/
    /* slider area */

    .slider-content.style-two.three {
        left: 14px;
        top: 42%;
    }

    /* about area styele three */

    .about-area.style-three {
        padding: 64px 0 65px;
    }

    .about-list {
        margin-top: 25px;
    }

    .about-list ul li {
        font-size: 16px;
    }

    /* service area style three */

    .service-area.style-three {
        padding: 60px 0 65px;
    }

    .service-disctription {
        /* display: none; */
        padding-bottom: 30px;
        text-align: center;
    }

    .service-disctription span {
        /* font-size: 16px; */
    }

    /* faq area */

    .faq-area.style-two {
        padding: 0 0 204px;
    }

    .faq-content {
        padding: 58px 10px 38px;
    }

    .single-video.style-two {
        top: 82px;
    }

    .faq-single-box {
        padding: 73px 10px 60px;
        top: 92px;
        left: 0;
    }

    .faq-title h4 {
        font-size: 17px;
    }

    /* work process area */

    .work-process-area {
        padding: 32px 0 0px;
    }

    .work-process-single-box {
        margin-bottom: 70px;
        padding: 0px 30px 0;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-shape {}

    /* call do action area */

    /* testimonial area */

    .testimonial-area.style-two {
        padding: 62px 0 23px;
    }

    .testi-itmes-box {
        margin-bottom: 50px;
    }

    .testi-items-discription .desc-list {
        display: block;
    }



    /*==================================================
 <-- Euildint All nner Page  Css-->
===================================================*/

    .breatcome-area {
        margin-top: 0px;
    }

    .breatcome-title {
        margin-top: -84px;
    }

    .breatcome-title h1 {
        font-size: 40px;
    }

    /* about area inner page  */

    .about-area.inner-page {
        padding: 72px 0 64px;
    }

    /* team inner page */

    /* testimonial inner page */

    .testimonial-area.style-two.inner-page {
        padding: 31px 0 23px;
    }

    /* service details */

    .widget-categories-box {
        padding: 29px 6px 40px;
    }

    /* blog standard area */

    .recent-widget-thumb {
        display: table;
        margin-right: 0px;
        border-bottom: #000 solid 0px;
        margin-bottom: 15px;
    }

    .recent-widget-thumb img {
        max-width: 100%;
        margin-bottom: 15px;
    }


    .recent-widget-meta span {
        margin-right: 0px;
    }


    /* blog details area */

    .blog-details-area {
        padding: 72px 0 42px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-detaile-title h4 {
        margin: 20px 0 15px;
    }

    .blog-detaile-title h4 a {
        line-height: 40px;
        font-size: 25px;
    }

    .blog-details-discription p {
        font-size: 14px;
    }

    .blog-details-list {
        margin-top: 30px;
    }

    .blog-details-list ul li {
        font-size: 15px;
    }

    .blog-details-item {
        margin-bottom: 30px;
    }

    .blog-item-thumb {
        float: inherit;
    }

    .blog-item-thumb.two {
        float: inherit;
        margin-right: 0;
    }

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

    .owl-nav {
        display: none;
    }

    /* project innner page  */

    /* project detals area */

    .image img {
        width: 100%;
    }


    /* team details area */

    .barfiller .tip {
        font-size: 14px;
    }

    /* contact area */

    .contact-us-area {
        padding: 74px 0 0;
    }

    .contact-single-box {
        margin-bottom: 40px;
    }

    .contact-single-box::before {
        display: none;
    }

    .row.contact {
        padding: 72px 10px 87px;
        margin-top: -130px;
    }

    .contact-title {
        margin-bottom: 35px;
    }

    .contact-title h2 {
        font-size: 25px;
        line-height: 32px;
    }

    /* pricing area inner page */

    .pricing-area.inner-page {
        padding: 64px 0 44px;
    }



}