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

    /*Home 1 Resopnsive*/

    .hero-social-icon {
        left: 15px;
    }

    .text-box span {
        font-size: 20px;
    }

    .project-area {
        padding-left: 199px;
    }

    .hero-slide-five .owl-dots {
        left: 40%;
        width: 26%;
        padding: 49px 103px;
    }

    .slider-counter:before {
        display: none;
    }

}

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

    /*Home 1 Resopnsive*/
    .header-menu ul li {
        margin-right: 39px;
    }

    .hero-social-icon {
        left: 32px;
    }

    .about-area .section-title.left {
        margin-bottom: 28px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
        width: 58%;
    }

    .about-box-content p {
        width: 70%;
    }

    .about-shape-1 {
        right: -15px;
    }

    .section-title.left h4 {
        margin-bottom: 19px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .service-area {
        padding: 113px 0 112px;
    }

    .skills-item {
        width: 49%;
    }

    .skills-item-content {
        padding: 18px 21px 18px 26px;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

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

    .project-area {
        padding-left: 171px;
    }

    .project-area .owl-nav {
        position: relative;
        left: 210px;
        top: 49px;
    }

    .project-content a {
        font-size: 24px;
    }

    .single-testimonial-box {
        padding: 34px 32px 32px;
    }

    .single-shape {
        right: 3px;
        top: -7px;
    }

    /*===============Home two Responsive Css============*/

    .counter-content p {
        font-size: 17px;
        margin: -2px 0 0;
    }

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

    .blog-content a {
        font-size: 20px;
        line-height: 28px;
    }

    .footer-social-address-content h4 {
        font-size: 31px;
    }

    .footer-widget-blog-thumb img {
        width: 100%;
    }

    /*===============All Inner Pages Responsive Css============*/
    .recent-widget-content a {
        font-size: 15px;
        line-height: 23px;
    }

    h4.blog-details-title {
        font-size: 28px;
    }

    .blog-post-content a {
        font-size: 15px;
        line-height: 23px;
    }


    .hero-slide-five .owl-dots {
        left: 40%;
        width: 26%;
        padding: 49px 103px;
    }

    .slider-counter:before {
        display: none;
    }


}

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

    /*Home 1 Resopnsive*/
    .header-menu ul li {
        margin-right: 38px;
    }

    .hero-social-icon {
        left: 15px;
        display: none;
    }

    .about-area .section-title.left {
        margin-bottom: 28px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
        width: 58%;
    }

    .about-box-content p {
        width: 70%;
    }

    .about-shape-1 {
        right: -15px;
    }

    .section-title.left h4 {
        margin-bottom: 19px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .service-area {
        padding: 113px 0 116px;
    }

    .skills-item {
        width: 49%;
    }

    .skills-item-content {
        padding: 18px 21px 18px 26px;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

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

    .project-area {
        padding-left: 171px;
    }

    .project-area .owl-nav {
        position: relative;
        left: 210px;
        top: 49px;
    }

    .project-content a {
        font-size: 24px;
    }

    .single-testimonial-box {
        padding: 34px 32px 32px;
    }

    .single-shape {
        right: 3px;
        top: -7px;
    }

    .testi-shape {
        left: 17%;
    }



    /*===============Home two Responsive Css============*/

    .counter-content p {
        font-size: 17px;
        margin: -2px 0 0;
    }

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

    .donation-area .section-title.center {
        margin-bottom: 9px;
    }

    .donation-area .row.donate {
        margin-top: -241px;
    }

    .blog-content a {
        font-size: 20px;
        line-height: 28px;
    }

    .footer-social-address-content h4 {
        font-size: 31px;
    }

    /*===============All Inner Pages Responsive Css============*/

    /*widget-sidber*/
    .widget-sidber-contact-btn a {
        padding: 16px 63px 15px;
    }

    .recent-widget-content a {
        font-size: 15px;
        line-height: 23px;
    }

    h4.blog-details-title {
        font-size: 28px;
    }

    .blog-post-content a {
        font-size: 15px;
        line-height: 23px;
    }

    .hero-slide-five .owl-dots {
        left: 40%;
        width: 36%;
        padding: 49px 103px;
    }

    .slider-counter {
        left: 61%;
    }

    .slider-counter:before {
        display: none;
    }

    .footer-widget-blog-thumb img {
        width: 100%;
    }

}


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

    /*Home 1 Resopnsive*/
    .top-header-info ul li {
        margin-right: 4px;
    }

    .header-menu ul li {
        margin-right: 20px;
    }

    .header-menu ul li:last-child {
        margin-right: 18px;
    }

    .hero-area {
        height: 815px;
        position: relative;
    }

    .hero-social-icon {
        display: none;
    }

    .about-area {
        padding: 110px 0 123px;
    }

    .about-area .section-title.left {
        margin-bottom: 28px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
        width: 58%;
    }

    .about-shape-1 {
        right: -15px;
    }

    .section-title.left h4 {
        margin-bottom: 10px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .service-area {
        padding: 113px 0 111px;
    }

    .single-service-box {
        padding: 15px;
    }

    .service-content {
        padding: 35px 26px 159px;
    }

    .service-content h4 {
        font-size: 22px;
    }

    .skills-item {
        margin-bottom: 21px;
    }

    .skills-thumb {
        left: -26px;
    }

    .service-thumb img {
        padding: 0 20px;
    }

    .counter-area {
        background-position: center center;
    }

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

    .project-area {
        padding: 285px 0 0;
        padding-left: 120px;
        margin-top: -176px;
    }

    .project-area .owl-nav {
        position: relative;
        left: 252px;
        top: 6px;
    }

    .project-content {
        padding: 30px 18px 28px;
        width: 92%;
    }

    .project-content a {
        font-size: 24px;
    }

    .single-process-box-two {
        padding: 0 19px 0;
    }

    .testimonial-area {
        background-position: center;
    }

    .single-testimonial-box {
        padding: 34px 32px 32px;
    }

    .testi-shape-tow {
        left: 4%;
    }

    .testi-shape-four {
        right: 4%;
    }

    .single-shape {
        right: 3px;
        top: -7px;
    }

    .testi-shape {
        left: 17%;
    }

    .blog-content {
        padding: 27px 22px 28px;
    }

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

    .footer-social-address-content h4 {
        font-size: 31px;
    }

    /*===============Home two Responsive Css============*/

    .header-sidbar-button i {
        margin-left: 0;
        font-size: 30px;
    }

    .faq-singular .faq-question {
        font-size: 15px;
    }

    .donation-title-area {
        padding: 109px 0 213px;
    }

    .donation-area .row.donate {
        margin-top: -201px;
    }

    .donation-content {
        padding: 26px 13px 23px;
    }

    .donation-content a {
        font-size: 18px;
        line-height: 28px;
    }

    .blog-content a {
        font-size: 20px;
        line-height: 28px;
    }

    .footer-social-address-content h4 {
        font-size: 31px;
    }



    /*===============Services Details Responsive Css============*/


    .service-detail-icon-box {
        padding: 32px 4px 18px;
        gap: 13px;
    }

    .service-detail-area .single-benifits-box {
        margin-bottom: 40px;
    }

    .service-detail-area .benifits-content {
        padding: 30px 21px 23px;
        width: 98%;
    }

    /*widget-sidber*/

    .widget-category ul li a {
        padding: 14px 11px;
    }

    .widget-sidber-contact-box {
        padding: 48px 27px 48px;
    }

    .widget-sidber-contact-btn a {
        padding: 16px 43px 15px;
    }

    /*===============Project Details Responsive Css============*/

    .project-details-list-item ul li {
        font-size: 14px;
        line-height: 35px;
    }

    .project-details-list-item ul li i {
        font-size: 16px;
        margin-right: 7px;
    }

    /*===============Donation Details Responsive Css============*/
    .widget-sidber {
        padding: 32px 15px 29px;
    }

    .recent-widget-content a {
        font-size: 15px;
        line-height: 23px;
    }

    .faqs-area.inner .faqs-thumb img {
        width: 100%;
        position: relative;
        left: -12px;
    }

    .blog-list-content {
        border: 1px solid #2222;
    }

    a.blog-list-title {
        font-size: 22px;
    }

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

    h4.blog-details-title {
        font-size: 23px;
    }

    .blog-details-author-talk {
        padding: 41px 30px 40px;
    }

    .blog-details-category span a {
        margin-right: 2px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 20px;
    }

    .blog-post-box.style-two {
        padding: 85px 26px 31px 21px;
    }

    .blog-post-content a {
        font-size: 15px;
        line-height: 19px;
    }

    .blog-details-comment {
        padding: 29px 11px 25px;
    }

    .blog-details-comment.style-two {
        margin-left: 27px;
    }

    .contact-area {
        padding: 123px 0 86px;
    }

    .row.pagla-shahin {
        padding-top: 63px;
    }


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

    .hero-slide-five .owl-dots {
        left: 40%;
        width: 36%;
        padding: 49px 103px;
    }

    .slider-counter {
        left: 64%;
    }

    .slider-counter:before {
        display: none;
    }


    .footer-widget-blog-thumb img {
        width: 90%;
    }

}


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

    /*Home 1 Resopnsive*/
    .top-header-area {
        display: none;
    }

    .header-area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 750px;
        padding-top: 44px;
    }

    .hero-social-icon {
        display: none;
    }

    .hero-content p {
        width: 70%;
    }

    .about-thumb {
        left: 0;
        padding-bottom: 36px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
        width: 58%;
    }

    .section-title.left h4 {
        margin-bottom: 17px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about-shape-2 {
        left: 248px;
    }

    .about-box-content p {
        /* width: 74%; */
        width: 100%;
    }

    .service-area {
        padding: 113px 0 110px;
    }


    .skill-area {
        padding: 112px 0 106px;
    }

    p.section-desc {
        width: 96%;
    }

    .skills-item {
        width: 49%;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

    .skills-item-content {
        gap: 12px;
        padding: 18px 20px 18px 18px;
    }

    .skills-thumb {
        left: 0;
    }

    .skills-thumb img {
        width: 100%;
        padding-top: 38px;
    }

    .skills-shape {
        top: 36px;
        left: 72px;
    }

    .counter-area {
        /* padding: 80px 0 134px; */
        padding: 75px 0 25px;
        background-position: center center;
    }

    .single-counter-box {
        margin-bottom: 37px;
    }

    .about-area {
        padding: 75px 5px;
    }

    .about-thumb-area {
        order: 2;
    }


    #poress-row {
        padding: 18px 7px 36px;
    }

    .porcess-thumb {
        position: relative;
        left: 0;
        padding-bottom: 28px;
    }

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

    .project-area {
        padding-left: 20px;
    }

    .project-area .owl-nav {
        position: relative;
        left: 252px;
        top: 46px;
    }

    .project-content a {
        font-size: 24px;
    }

    .single-process-box-two {
        padding: 0 11px 0;
    }

    .single-process-box-two.style-three::before {
        display: none;
    }

    .testi-shape {
        left: -6%;
    }

    #brand-bg {
        padding: 80px 0 61px;
    }

    .single-shape {
        display: none;
    }

    .testimonial-area {
        background-position: center;
    }

    .testi-shape-four {
        top: 244px;
        right: 1%;
    }

    .testi-shape-tow {
        top: 235px;
        left: 0%;
    }

    .blog-area .echofy-button {
        margin-top: 0;
        float: left;
        margin-bottom: 60px;
    }

    .blog-content {
        padding: 27px 22px 28px;
    }

    .footer-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .footer-widget-content {
        margin-bottom: 25px;
    }

    .footer-bottom-area {
        padding: 74px 0 33px;
    }

    /*===============Home two Responsive Css============*/

    .services-shape-one {
        top: 11%;
        left: 2%;
    }

    .services-shape-two {
        top: 15%;
        right: 8%;
    }


    .faq-singular .faq-question {
        font-size: 17px;
    }

    .faqs-area p.section-desc {
        width: 71%;
    }

    .faqs-area .echofy-button {
        margin-bottom: 38px;
    }

    .donation-title-area {
        padding: 109px 0 236px;
    }

    .donation-area .row.donate {
        margin-top: -225px;
    }

    .donation-content {
        padding: 26px 24px 23px;
    }

    .donation-content a {
        font-size: 20px;
        line-height: 30px;
    }

    .donation-shape-one {
        top: 18%;
        left: 0%;
    }

    .donation-shape-two {
        top: 17%;
        right: 3%;
    }

    .text-block {
        font-size: 9vw;
    }

    .blog-content a {
        font-size: 20px;
        line-height: 28px;
    }

    .footer-social-address-content h4 {
        font-size: 31px;
    }


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


    .hero-slide-five .owl-dots {
        left: 49%;
        width: 43%;
    }

    .slider-counter {
        left: 83%;
    }

    .slider-counter:before {
        display: none;
    }

    /*===============All Inner Pages Responsive Css============*/
    .service-detail-icon-box {
        padding: 32px 17px 18px;
        gap: 19px;
    }

    .service-detail-area .single-benifits-box {
        margin-bottom: 40px;
    }

    .project-details-right {
        margin-bottom: 37px;
    }

    .donation-details-area button.submit-donation {
        margin-bottom: 37px;
    }

    .faqs-area.inner .faqs-thumb {
        margin-bottom: 32px;
    }

    a.blog-list-title {
        font-size: 25px;
    }

    h4.blog-details-title {
        font-size: 26px;
    }

    .blog-details-author-talk {
        padding: 41px 36px 40px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 15px;
        line-height: 20px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
    }





}



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


    /*Home 1 Resopnsive*/
    .top-header-area {
        display: none;
    }

    .header-area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 750px;
        padding-top: 57px;
    }

    .hero-content h1 {
        font-size: 48px;
        line-height: 50px;
    }

    .hero-social-icon {
        display: none;
    }

    .hero-content p {
        width: 70%;
    }

    .hero-slides .owl-dots {
        right: 27px;
    }

    .about-area {
        padding: 75px 5px;
    }

    .about-thumb-area {
        order: 2;
    }

    .about-thumb {
        left: 0;
        padding-bottom: 36px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
        width: 58%;
    }

    .section-title.left h4 {
        margin-bottom: 17px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about-shape-2 {
        left: 248px;
    }

    .about-box-content p {
        /* width: 74%; */
        width: 100%;
    }

    .service-area {
        padding: 113px 0 86px;
    }

    .single-service-box {
        padding: 37px;
    }

    .service-box-shape {
        right: 30px;
        top: 29px;
    }

    .service-area .owl-next {
        right: -33px;
        top: -632px;
    }

    .service-area .owl-prev {
        right: 30px;
        top: -633px;
    }

    .skill-area {
        padding: 112px 0 115px;
    }

    p.section-desc {
        width: 96%;
    }

    .skills-item {
        width: 49%;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

    .skills-item-content {
        gap: 12px;
        padding: 18px 20px 18px 18px;
    }

    .skills-thumb {
        left: 0;
    }

    .skills-thumb img {
        width: 100%;
        padding-top: 38px;
    }

    .skills-shape {
        top: -2px;
        left: 0;
    }

    .counter-area {
        /* padding: 80px 0 134px; */
        padding: 75px 0 25px;
        background-position: center center;
    }

    .single-counter-box {
        margin-bottom: 50px;
        display: grid;
        grid-template-columns: auto auto;
    }

    .counter-icon {
        width: 80px;
        padding: 0 15px 0 0;
        margin: 0;
        border: 0;
    }

    .about-area {
        padding: 75px 5px;
    }

    .about-thumb-area {
        order: 2;
    }

    .counter-icon img {
        height: 50px;
    }

    #poress-row {
        padding: 18px 7px 36px;
    }

    .porcess-thumb {
        position: relative;
        left: 0;
        padding-bottom: 28px;
    }

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

    .project-area {
        padding-left: 20px;
    }

    .project-area .owl-nav {
        position: relative;
        left: 265px;
        top: -159px;
    }

    .project-content a {
        font-size: 24px;
    }

    .value-area .section-title.center {
        margin-bottom: 37px;
    }

    .value-area .section-title.center h4 {
        margin-bottom: 13px;
    }

    .value-area .section-title.center h1 {
        font-size: 35px;
    }

    .single-process-box-two {
        padding: 0 0 0;
    }

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

    .single-process-box-two.style-three::before {
        display: none;
    }

    .section-title.center h4 {
        margin-bottom: 17px;
    }

    .section-title.center h1 {
        font-size: 34px;
        line-height: 35px;
    }

    .testimonial-area {
        background-position: center;
    }

    .testi-shape-tow {
        display: none;
    }

    .testi-shape-four {
        display: none;
    }

    .testi-shape {
        left: -6%;
    }

    #brand-bg {
        padding: 64px 0 61px;
    }

    .brand-content h4 {
        margin-bottom: 39px;
    }

    .single-shape {
        display: none;
    }

    .team-area {
        background-position: center;
    }

    .blog-area .echofy-button {
        margin-top: 0;
        float: left;
        margin-bottom: 60px;
    }

    .blog-content {
        padding: 27px 29px 28px;
    }

    .blog-content a {
        font-size: 20px;
        line-height: 25px;
    }

    .footer-social-address {
        padding: 49px 33px 55px;
    }

    .footer-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .footer-widget-content {
        margin-bottom: 25px;
    }

    .footer-bottom-area {
        padding: 74px 0 33px;
    }


    /*===============All Inner Pages Responsive Css============*/
    .breadcrumb-area {
        padding: 211px 0 143px;
    }

    .breadcrumb-title h4 {
        font-size: 38px;
    }

    h4.service-detail-title {
        font-size: 28px;
    }

    .service-detail-icon-box {
        padding: 32px 17px 18px;
        gap: 19px;
    }

    .service-detail-area .single-benifits-box {
        margin-bottom: 40px;
    }

    .project-details-content h4 {
        font-size: 32px;
    }

    .project-details-right {
        margin-bottom: 37px;
    }

    h4.dontaion-detais-title {
        font-size: 27px;
        margin: 40px 0 24px;
    }

    .donation-details-area button.submit-donation {
        margin-bottom: 44px;
    }

    .faqs-area.inner .faqs-thumb {
        margin-bottom: 32px;
    }

    .blog-list-content {
        padding: 27px 24px 20px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 20px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 22px 20px;
    }

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

    .blog-details-author-talk {
        padding: 41px 36px 40px;
    }

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 20px;
        line-height: 30px;
    }

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

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .blog-details-comment-thumb {
        float: left;
        margin-right: 10px;
    }

    .blog-details-comment {
        padding: 29px 6px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: -10px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
    }




}

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

    /*Home 1 Resopnsive*/
    .top-header-area {
        display: none;
    }

    .header-area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 662px;
        padding-top: 57px;
    }

    .hero-content h1 {
        font-size: 48px;
        line-height: 50px;
    }

    .hero-social-icon {
        display: none;
    }

    .hero-content p {
        width: 73%;
    }

    .hero-slides .owl-dots {
        right: 27px;
    }

    .about-thumb {
        left: 0;
        padding-bottom: 36px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
    }

    .section-title.left h4 {
        margin-bottom: 9px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about-shape-2 {
        left: 248px;
    }

    .service-area {
        padding: 113px 0 114px;
    }

    .service-area .owl-next {
        right: 0px;
        top: -623px;
    }

    .service-area .owl-prev {
        right: 64px;
        top: -623px;
    }

    .skill-area {
        padding: 112px 0 115px;
    }

    p.section-desc {
        width: 96%;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

    .skills-item-content {
        gap: 12px;
        padding: 18px 50px 18px 26px;
    }

    .skills-thumb {
        left: 0;
    }

    .skills-thumb img {
        width: 100%;
        padding-top: 38px;
    }

    .skills-shape {
        top: -2px;
        left: 0;
    }

    .counter-area {
        /* padding: 80px 0 134px; */
        padding: 75px 0 25px;
        background-position: center center;
    }

    .single-counter-box {
        margin-bottom: 50px;
        display: grid;
        grid-template-columns: auto auto;
    }

    .counter-icon {
        width: 80px;
        padding: 0 15px 0 0;
        margin: 0;
        border: 0;
    }

    .counter-icon img {
        height: 50px;
    }

    .about-area {
        padding: 75px 5px;
    }

    .about-thumb-area {
        order: 2;
    }

    #poress-row {
        padding: 18px 7px 36px;
    }

    .porcess-thumb {
        position: relative;
        left: 0;
        padding-bottom: 28px;
    }

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

    .project-area {
        padding-left: 20px;
    }

    .project-area .owl-nav {
        display: none;
    }

    .project-content a {
        font-size: 24px;
    }

    a.project-button {
        margin-top: 9px;
    }

    .value-area .section-title.center {
        margin-bottom: 37px;
    }

    .value-area .section-title.center h4 {
        margin-bottom: 13px;
    }

    .value-area .section-title.center h1 {
        font-size: 35px;
    }

    .single-process-box-two {
        padding: 0 65px 0;
    }

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

    .single-process-box-two.style-three::before {
        display: none;
    }

    .section-title.center h4 {
        margin-bottom: 17px;
    }

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

    .testimonial-area {
        background-position: center;
    }

    .testi-shape-tow {
        display: none;
    }

    .testi-shape-four {
        display: none;
    }

    .single-testimonial-box {
        padding: 34px 25px 32px;
    }

    .testi-shape {
        left: -35%;
    }

    #brand-bg {
        padding: 64px 0 61px;
    }

    .brand-content h4 {
        margin-bottom: 22px;
        font-size: 20px;
    }

    .single-shape {
        display: none;
    }

    .team-area {
        background-position: center;
    }

    .blog-area .echofy-button {
        margin-top: 0;
        float: left;
        margin-bottom: 60px;
    }

    .blog-content {
        padding: 27px 29px 28px;
    }

    .blog-content a {
        font-size: 19px;
        line-height: 26px;
    }

    .footer-social-address {
        padding: 49px 33px 55px;
    }

    .footer-social-address-content h4 {
        font-size: 35px;
    }

    .footer-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    p.footer-desc {
        width: 67%;
    }

    .footer-widget-content {
        margin-bottom: 25px;
    }

    .footer-bottom-area {
        padding: 74px 0 33px;
    }


    /*===============All Inner Pages Responsive Css============*/
    .breadcrumb-area {
        padding: 227px 0 143px;
    }

    .breadcrumb-title h4 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    h4.service-detail-title {
        font-size: 25px;
    }

    .service-detail-icon-box {
        padding: 32px 17px 18px;
        gap: 19px;
    }

    .service-detail-area .single-benifits-box {
        margin-bottom: 40px;
    }

    .service-detail-text-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .project-details-content h4 {
        font-size: 28px;
    }

    .project-details-right {
        margin-bottom: 37px;
    }

    .project-details-content h4 {
        font-size: 32px;
    }

    .project-details-right {
        margin-bottom: 37px;
    }

    h4.dontaion-detais-title {
        font-size: 22px;
    }

    .donation-details-area button.submit-donation {
        margin-bottom: 44px;
    }

    .faqs-area.inner .faqs-thumb {
        margin-bottom: 32px;
    }

    .blog-list-content {
        padding: 27px 13px 20px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 4px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 22px 20px;
    }

    .blog-details-area span.mate-text {
        padding-left: 27px;
    }

    .blog-details-area .meta-blog span {
        margin-right: 6px;
    }

    h4.blog-details-title {
        font-size: 18px;
    }

    .blog-details-author-talk {
        display: block;
    }

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

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 20px;
        line-height: 30px;
    }

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

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .single-comment-area {
        padding: 49px 21px 56px;
        margin-bottom: 32px;
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-right: 10px;
        margin-bottom: 18px;
    }

    .blog-details-comment {
        padding: 29px 25px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: 17px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
    }




}

/* Mobile Devices :320px. */
@media (min-width: 320px) and (max-width: 479px) {

    /*Home 1 Resopnsive*/
    .top-header-area {
        display: none;
    }

    .header-area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 740px;
        padding-top: 57px;
    }

    .hero-content h1 {
        font-size: 42px;
        line-height: 42px;
    }

    .hero-social-icon {
        display: none;
    }

    .hero-content p {
        width: 100%;
        /* font-size: 16px; */
    }

    .hero-slides .owl-dots {
        display: none;
    }

    .echofy-button.two {
        margin-top: 25px;
        padding-left: 0;
    }

    .about-thumb {
        left: 0;
        padding-bottom: 36px;
    }

    .about-picture {
        width: 100%;
    }

    img.about-thumb-shape {
        bottom: -8px;
    }

    .section-title.left h4 {
        margin-bottom: 9px;
    }

    .section-title.left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about-box-icon {
        float: inherit;
    }

    .about-box-content p {
        width: 100%;
    }

    .about-shape-2 {
        left: 248px;
    }

    .service-area {
        padding: 113px 0 110px;
    }

    .service-area .owl-nav {
        display: none;
    }

    .service-content {
        padding: 35px 20px 159px;
    }

    .service-content h4 {
        font-size: 22px;
    }

    .service-thumb img {
        padding: 0 19px;
    }

    .skill-area {
        padding: 112px 0 115px;
    }

    p.section-desc {
        width: 100%;
    }

    .skills-item-title h4 {
        font-size: 18px;
    }

    .skills-item-content {
        gap: 12px;
        padding: 18px 50px 18px 26px;
    }

    .skills-thumb {
        left: 0;
    }

    .skills-thumb img {
        width: 100%;
        padding-top: 38px;
    }

    .skills-shape {
        top: -2px;
        left: 0;
    }

    .counter-area {
        /* padding: 80px 0 134px; */
        padding: 75px 0 25px;
        background-position: center center;
    }

    .single-counter-box {
        margin-bottom: 50px;
        display: grid;
        grid-template-columns: auto auto;
    }

    .counter-icon {
        width: 80px;
        padding: 0 15px 0 0;
        margin: 0;
        border: 0;
    }

    .counter-icon img {
        height: 50px;
    }

    .about-area {
        padding: 75px 5px;
    }

    .about-thumb-area {
        order: 2;
    }

    #poress-row {
        padding: 18px 7px 36px;
    }

    .porcess-thumb {
        position: relative;
        left: 0;
        padding-bottom: 28px;
    }

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

    .project-area {
        padding-left: 0;
    }

    .project-area .owl-nav {
        display: none;
    }

    .project-content {
        padding: 30px 19px 28px;
        width: 95%;
        height: 109px;
    }

    .project-content h4 {
        margin: 0 0 7px;
    }

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

    a.project-button {
        margin-top: 8px;
    }

    .value-area .section-title.center {
        margin-bottom: 37px;
    }

    .value-area .section-title.center h4 {
        margin-bottom: 13px;
    }

    .value-area .section-title.center h1 {
        font-size: 22px;
        line-height: 29px;
    }

    .single-process-box-two {
        padding: 0 0 0;
    }

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

    .single-process-box-two.style-three::before {
        display: none;
    }

    .section-title.center h4 {
        margin-bottom: 17px;
    }

    .section-title.center h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .testimonial-area {
        background-position: center;
    }

    .single-testimonial-box {
        padding: 34px 23px 32px;
        margin: 39px 10px;
    }

    .testi-shape-tow {
        display: none;
    }

    .testi-shape-four {
        display: none;
    }

    .testi-author {
        display: block;
    }

    .testi-author-thumb {
        padding-bottom: 13px;
    }

    p.testi-desc {
        margin: 12px 0 17px;
    }

    .testi-shape {
        left: -35%;
    }

    #brand-bg {
        padding: 64px 0 61px;
    }

    .brand-content h4 {
        margin-bottom: 22px;
        font-size: 20px;
    }

    .single-shape {
        display: none;
    }

    .team-area {
        background-position: center;
    }

    .blog-area .echofy-button {
        margin-top: 0;
        float: left;
        margin-bottom: 60px;
    }

    .blog-content {
        padding: 27px 14px 28px;
    }

    .blog-content a {
        font-size: 19px;
        line-height: 28px;
    }

    .footer-social-address {
        padding: 49px 12px 55px;
    }

    .footer-social-address-content h4 {
        font-size: 24px;
    }

    .footer-social-icon {
        text-align: left;
        padding-top: 16px;
    }

    .footer-social-icon ul li i {
        font-size: 14px;
        width: 35px;
        height: 35px;
        line-height: 33px;
        margin: 0 0px;
    }

    p.footer-desc {
        width: 90%;
    }

    .footer-widget-content {
        margin-bottom: 25px;
    }

    .footer-bottom-area {
        padding: 74px 0 33px;
    }

    .footer-bottom-content h4 {
        line-height: 28px;
    }


    /*===============Home two Responsive Css============*/

    .hero-content h4 {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .services-shape-one {
        display: none;
    }

    .services-shape-two {
        display: none;
    }

    .counter-content p {
        font-size: 18px;
        margin: -1px 0 0;
    }

    .counter-content p span {
        font-size: 18px;
    }

    .faq-singular .faq-question {
        font-size: 14px;
    }

    .faqs-area p.section-desc {
        width: 94%;
    }

    .faq-singular .faq-question {
        padding: 19px 8px 19px 12px;
    }

    .faq-question img {
        display: none;
    }

    .faq-question:after {
        display: none;
    }

    .faq-singular .faq-question:before {
        right: 9px;
        top: 50%;
        font-size: 22px;
    }

    .faq-answer {
        padding: 21px 16px 25px;
    }

    .faqs-area .echofy-button {
        margin-bottom: 38px;
    }

    .donation-title-area {
        padding: 109px 0 187px;
    }

    .donation-area .row.donate {
        margin-top: -189px;
    }

    .donation-content {
        padding: 26px 24px 23px;
    }

    .donation-content a {
        font-size: 16px;
        line-height: 26px;
    }

    .single-donation-box:hover .donate-button {
        bottom: 81px;
    }

    .donation-shape-one {
        display: none;
    }

    .donation-shape-two {
        display: none;
    }

    .text-block {
        font-size: 16vw;
    }

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

    .footer-social-address-content h4 {
        font-size: 31px;
    }

    .about-img {
        margin-top: 26px;
    }

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

    .hero-slide-five .owl-dots {
        display: none;
    }

    .slider-counter {
        display: none;
    }

    .slider-counter:before {
        display: none;
    }

    .footer-bottom-content {
        float: left;
        margin-top: 8px;
    }

    .why-choose-us-right {
        display: block;
        width: 100%;
    }

    .single-choose-us-box {
        margin-bottom: 26px;
    }

    .single-project-box-two {
        position: relative;
        margin: 0 0;
    }

    .project-content-two h4 {
        font-size: 18px;
    }

    /*===============All Inner Pages Responsive Css============*/

    .breadcrumb-area {
        padding: 177px 0 98px;
    }

    .breadcrumb-title h4 {
        font-size: 22px;
        padding-bottom: 8px;
    }

    h4.service-detail-title {
        font-size: 16px;
        line-height: 26px;
    }

    .service-detail-icon-box {
        padding: 32px 17px 18px;
        display: block;
        text-align: center;
    }

    .service-detail-area .single-benifits-box {
        margin-bottom: 40px;
    }

    .service-detail-text {
        padding: 29px 26px;
        display: block;
    }

    .service-detail-text-icon {
        margin-bottom: 12px;
    }

    .service-detail-text-content p {
        font-size: 18px;
        line-height: 26px;
        width: 100%;
    }

    .service-detail-icon-thumb {
        margin-bottom: 20px;
    }

    .service-detail-area .benifits-content {
        padding: 30px 18px 23px;
        width: 100%;
    }

    /*widget-sidber*/
    .widget-sidber {
        padding: 32px 16px 29px;
    }

    .recent-widget-content a {
        font-size: 14px;
        line-height: 23px;
        width: 100%;
    }

    .widget-sidber-contact-box {
        padding: 48px 18px 48px;
    }

    .widget-sidber-contact-btn a {
        padding: 16px 50px 15px;
        margin-top: 42px;
    }

    .project-details-content h4 {
        font-size: 18px;
    }

    .project-details-content h3 {
        font-size: 22px;
    }

    .project-details-right {
        margin-bottom: 37px;
    }

    a.project-details-text {
        font-size: 20px;
        line-height: 30px;
    }

    .donation-details-area .donation-content {
        padding: 67px 7px 23px;
    }

    h4.dontaion-detais-title {
        font-size: 20px;
        line-height: 32px;
    }

    .donation-details-area .dpx label {
        margin-right: 17px;
    }

    .donation-details-area button.submit-donation {
        margin-bottom: 44px;
    }

    .faqs-area.inner .faqs-thumb {
        margin-bottom: 32px;
    }

    .blog-list-content {
        padding: 27px 13px 20px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 4px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 13px 20px;
    }

    h4.blog-details-title {
        font-size: 18px;
        line-height: 28px;
    }

    .blog-details-author-talk {
        display: block;
        padding: 41px 20px 40px;
    }

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

    h3.blog-details-title {
        font-size: 18px;
    }

    h3.blog-details-title.two {
        font-size: 18px;
    }

    .blog-details-socila-box {
        padding: 19px 7px 18px;
    }

    .blog-details-category span a {
        padding: 6px 10px;
        margin-right: 7px;
    }

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 12px;
        line-height: 19px;
    }

    .blog-details-post .owl-prev {
        left: 24px;
        font-size: 15px !important;
    }

    .blog-details-post .owl-next {
        right: 20px;
        font-size: 15px;
    }

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

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .single-comment-area {
        padding: 49px 21px 56px;
        margin-bottom: 32px;
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-right: 10px;
        margin-bottom: 18px;
    }

    .blog-details-comment {
        padding: 29px 14px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
        font-size: 16px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: 17px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
        padding: 0 0px 0;
    }

}

/*xl device min width*/
@media screen and (min-width:992px) {
    .pl-lg-50 {
        padding-left: 50px;
    }
}

/*xl device min width*/
@media screen and (min-width:1200px) {
    .video-icon {
        left: 75%;
    }
}

/* custom responsive */

@media (max-width:1439px) {
    #service-detail-page .widget-sidber-contact-box {
        padding: 45px 20px;
    }

    #service-detail-page .widget-sidber-contact-box .echofy-button img {
        display: none !important;
    }

    .service-detail-button-box .echofy-button {
        float: none;
        margin: 10px 0;
        width: 100%;
    }

    .service-detail-button-box h4,
    .service-detail-button-box .service-detail-icon-thumb {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .hero-area {
        height: 670px;
        padding: 0 10px;
    }

    .echofy-button {
        margin-top: 25px;
    }

    .about-thumb {
        margin-top: 75px;
    }

    .section-title.left {
        padding-left: 5px;
        padding-right: 5px;
    }

    .service-area {
        padding: 125px 0 150px;
    }

    .service-area .owl-nav {
        text-align: center;
        margin-top: 15px;
    }

    .service-area .owl-next,
    .service-area .owl-prev {
        position: relative;
        display: inline-block;
        lefT: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin: 0 5px;
    }

    .value-area {
        padding: 150px 0 95px;
    }

    .blog-area {
        padding: 75px 0;
    }

    .footer-bar-content,
    .footer-bar-action {
        padding: 0 15px
    }

    .footer-area .row.add-footer-class {
        padding: 75px 15px 0;
    }

    .footer-area .footer-desc {
        width: 100%;
        padding: 0;
    }

    .footer-social-icon {
        padding: 25px 0 50px;
    }

    .footer-social-icon ul li i {
        width: 30px;
        font-size: 18px;
        text-align: left;
        margin-right: 5px;
    }

    .footer-column-1 {
        width: 100%;
    }

    .footer-column-2 {
        width: 33.33333333%;
    }

    .footer-column-3 {
        display: none;
    }

    .footer-bottom-area {
        padding: 50px 25px;
    }

    .mobile-menu.sticky.mean-container {
        border-radius: 0 0 10px 10px;
        position: fixed !important;
    }

    .mean-container .header-logo {
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 1000;
    }

    .mean-container .header-logo img {
        width: 80%;
    }

    .mean-container .mean-bar {
        background: transparent !important;
    }

    .mean-container .mean-bar::before {
        display: none;
    }

    .mean-container .mean-nav ul li {
        border-top: 1px solid var(--light)
    }

    .mean-container .mean-nav ul li a {
        font-size: 16px;
        font-weight: 600;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        top: 0;
    }

    .mean-container .mean-nav .fas.fa-chevron-down {
        display: none;
    }

    .mean-container .mean-nav ul li li a {
        background: var(--light) !important;
        opacity: 1 !important;
    }

    /*
    .mean-container .mean-nav ul li li a::before {
        content: "•";
        font-size: 18px;
        line-height: 16px;
        display: inline-block;
        font-weight: bold;
        margin-right: 10px;
        vertical-align: text-top;
    }*/

    .mean-container .mean-nav ul li.language-selector a {
        text-transform: uppercase !important;
    }

    /* .mean-container .mean-nav ul li.language-selector > a:first-child, */
    .mean-container .mean-nav ul li a.active {
        background-color: var(--light);
        color: var(--primary);
        pointer-events: none;
    }

    .mobile-menu.sticky.mean-container {
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    }

    .mobile-cta {
        position: absolute;
        font-size: 22px;
        background: #592a82;
        /* width: 38px; */
        /* height: 38px; */
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        border-radius: 50px;
        justify-content: center;
        right: 65px;
        /* top: 12px; */
        top: 8px;
        z-index: 1000;
    }

    .mobile-cta,
    .mobile-cta a {
        color: #fff;
    }

    .breadcrumb-area {
        margin-bottom: 25px;
    }

    .breadcrumb-title h4 {
        font-size: 48px
    }

    .breadcrumb-title h6 {
        font-size: 18px
    }

    /* home ******************************/

    #home-page .about-area,
    #home-page .blog-area {
        padding: 75px 10px;
    }

    #home-page .about-box-content p {
        width: 100%
    }

    #home-page .about-area .about-thumb {
        left: 0;
    }

    #home-page .counter-content p,
    #home-page .counter-content p span {
        font-size: 18px;
    }

    #home-page .single-process-box-two {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    #home-page .service-area .leaf {
        bottom: -215px;
        right: -20%;
    }

    /* about ******************************/

    #about-page .about-area {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #about-page .about-thumb {
        margin-top: 25px;
    }

    #about-page .about-area-2 .leaf {
        bottom: -150px;
    }

    #about-page .faq-singular:before {
        height: 60px;
    }

    #about-page .faq-singular .faq-question {
        padding-left: 60px;
        font-size: 16px;
    }

    #about-page .faq-question img {
        display: block;
    }

    #about-page .value-area {
        padding: 150px 0;
    }

    /* service ******************************/

    #service-page .service-area {
        padding-top: 50px;
    }

    #service-page .service-area h1 {
        font-size: 38px;
        line-height: 36px;
    }

    #service-page .service-area h1 br {
        display: none;
    }

    #service-page .service-area .section-title {
        margin-bottom: 50px;
    }

    /* service detail ************************/
    #service-detail-page .breadcrumb-area {
        margin: 0;
    }

    #service-detail-page .section-title {
        margin-bottom: 25px;
    }

    #service-detail-page h1 {
        width: 100%;
        padding-left: 60px;
        padding-top: 0;
        line-height: 110%;
    }

    #service-detail-page .service-detail-area {
        padding: 50px 5px 50px;
    }

    #service-detail-page .service-icon {
        width: 50px;
        height: 50px;
    }

    #service-detail-page .service-icon img {
        width: 50px;
    }

    #service-detail-page .widget-sidber:nth-child(1) {
        margin-top: 50px;
    }

    #service-detail-page .widget-sidber-contact-gmail {
        display: block;
    }

    /* fix */

    #service-page .service-thumb img,
    #home-page .service-thumb img {
        padding: 0;
    }

    #service-page .service-content,
    #home-page .service-content {
        padding: 45px 30px 30px;
    }


    /* blog / biblioteca */

    #blog-page .breadcrumb-area {
        margin: 0;
    }

    #blog-page .blog-area {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #blog-page .section-title.left {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 25px;
    }

    #blog-page .pagination {
        margin-bottom: 50px;
    }

    #blog-page .widget-sidber:first-child {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #blog-page .mobile_search {
        padding: 25px;
    }

    #blog-page .widget-sidber-category {
        margin-top: 30px;
        padding-bottom: 10px;
    }

    #blog-page .blog-details-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #blog-page .blog-details-area {
        padding: 75px 0 0;
    }

    /* contacto */

    #contact-page .contact-area {
        padding-top: 0;
        padding-bottom: 100px;
    }

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

    .contact-info-box {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .contact-info-content {
        text-align: left;
    }

    .contact-info-content h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .contact-icon {
        height: 45px;
        width: 45px;
    }

    .contact-info-icon {
        align-self: flex-start;
    }

    .contact-icon i {
        font-size: 22px;
    }

    .row.contact-info-bg {
        border-radius: 0;
        padding: 75px 30px 45px;
    }

    .contact-map {
        padding-top: 15px;
        padding-bottom: 60px;
    }

    .google-map iframe {
        width: 100%;
        height: 500px;
    }

    .row.contact-form-area {
        padding-top: 45px;
    }

    .contact-form {
        padding: 0 20px;
    }

}

@media (max-width: 767px) {
    .footer-column-2 {
        width: 40%;
    }

    .footer-column-4 {
        width: 60%;
    }
}

@media (max-width: 575px) {
    #contact-page .breadcrumb-area {
        margin: 0;
    }
}

@media (max-width: 479px) {

    .footer-column-2,
    .footer-column-4 {
        width: 100%;
    }

    .service-detail-button-box .service-detail-icon-thumb {
        display: none;
    }
}