@media (min-width:1800px) {
    .mathlab-img {
        width: 40%
    }

    .elite-sis-img img {
        width: 60%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .breatcome-text {
        font-size: 14px
    }

    .choose-content p {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        width: 70%;
        padding-bottom: 10px
    }

    .dropdown-adjustment-1 {
        margin-left: -50px;
    }

    .dropdown-adjustment-2 {
        margin-left: -150px;
    }

    .dropdown-adjustment-3 {
        margin-left: -115px;
    }

    .conversion-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 445px;
        left: 0;
        top: 0;
        z-index: -1
    }

    .service-area {
        margin-bottom: 50px
    }

    .footer-widget-adjustment {
        margin-left: 100px
    }
}

@media (min-width:1700px) {
    .mathlab-img {
        width: 40%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .breatcome-text {
        font-size: 14px
    }

    .dropdown-adjustment-1 {
        margin-left: -50px
    }

    .dropdown-adjustment-2 {
        margin-left: -150px
    }

    .dropdown-adjustment-3 {
        margin-left: -350px
    }

    .conversion-text {
        padding: 20px 62px 1px
    }
}

@media (min-width:1600px) and (max-width:1699px) {
    .mathlab-img {
        width: 40%
    }

    .elite-sis-img img {
        width: 60%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .breatcome-text {
        font-size: 14px
    }

    .dropdown-adjustment-1 {
        margin-left: -50px
    }

    .dropdown-adjustment-2 {
        margin-left: -150px
    }

    .dropdown-adjustment-3 {
        margin-left: -350px
    }

    .footer-widget-adjustment {
        margin-left: 100px
    }

    .conversion-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 500px;
        left: 0;
        top: 0;
        z-index: -1
    }

    .conversion-text {
        padding: 20px 62px 58px
    }
}
@media(min-width:1400px){
    .dropdown-adjustment-1{
        margin-left: -420px !important;
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .new-cta {
        padding-left: 50px !important
    }

    .mathlab-img {
        width: 40%
    }

    .elite-sis-img img {
        width: 70%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .blog-details-list ul li,
    .blog-item-content h4 a,
    .breatcome-text {
        font-size: 14px
    }

    .banner-carousel .slide-item {
        min-height: 500px
    }

    .dropdown-adjustment-1 {
        margin-left: -50px
    }

    .dropdown-adjustment-2 {
        margin-left: -150px
    }

    .dropdown-adjustment-3 {
        margin-left: -350px
    }

    .footer-widget-adjustment {
        margin-left: 100px
    }

    .conversion-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 445px;
        left: 0;
        top: 0;
        z-index: -1
    }

    .conversion-text {
        padding: 20px 62px 60px
    }

    .conversion-area,
    .conversion-content {
        margin-top: 30px
    }

    .contact-adjustment {
        float: right
    }

    .about-area,
    .about-area.inner-page,
    .team-area.style-three {
        padding: 35px 0 12px
    }

    .mobile-menu-area {
        display: none
    }

    .thrown-header-area::before,
    .thrown-topbar-area::before {
        width: 240px
    }

    .thrown-menu ul li a {
        padding: 15px 10px
    }

    .thrown-menu ul li:hover .home-menu {
        left: 0;
        right: 0;
        margin: auto
    }

    .slider-content {
        width: 73%;
        left: 150px
    }

    .slider-shape {
        left: -33px
    }

    .slider-shape2 {
        top: 65%
    }

    .slider-box {
        top: 60%
    }

    .about-sub-title h4,
    .thrown-header-area.style-three {
        margin-bottom: 0
    }

    .about-main-title {
        margin-bottom: 10px
    }

    .about-area.barfiller,
    .blog-standard-thumb img,
    .faq-thumb img,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .team-five-thumb img,
    .thrown-header-area.style-three::before {
        width: 100%
    }

    .contact-us-area {
        background-position: center
    }

    .team-shape1,
    .team-shape2 {
        z-index: -1
    }

    .counter-shape {
        left: 28%
    }

    .testi-discription p {
        margin: 8px 0 0
    }

    .blog-single-box {
        padding: 43px 26px 46px
    }

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

    .topbar-info.style-two {
        margin-left: 5px
    }

    .slider-area,
    .slider-area.two {
        background-position: center center
    }

    .about-counter {
        left: 15%
    }

    .service-items-box-two {
        display: inherit
    }

    .choose-area {
        padding: 115px 0 150px
    }

    .choose-content p {
        width: 95%
    }

    .choose-contact {
        width: 100%;
        height: 152px;
        padding: 50px 0 0 65px
    }

    .work-process-single-box {
        padding: 0 40px
    }

    .pricing-single-box {
        padding: 50px 66px 48px
    }

    .testimonial-shape {
        left: 17px
    }

    .thrown-menu.style-three {
        margin-right: 0
    }

    section.banner-section.style-three .banner-carousel .slide-item {
        height: 900px
    }

    .section-main-title.about3 h2 {
        font-size: 42px
    }

    .about-shape-three {
        bottom: -40px
    }

    .sucsees-single-box {
        padding: 68px 13px 65px
    }

    .sucsess-counter {
        width: 90px;
        height: 90px;
        padding: 21px 0 0
    }

    .sucsess-content {
        margin-left: 10px
    }

    .sucsess-numbar h4,
    .sucsess-numbar span {
        font-size: 20px
    }

    .sucsees-item-box {
        padding: 66px 20px 50px
    }

    .blog-bottom-title {
        margin-right: 82px
    }

    .slider-content.four {
        left: 45%
    }

    .slider-four-thumb img {
        width: 100%;
        margin-top: 83px
    }

    .blog-title.style-two h4 a {
        font-size: 21px
    }

    .thrown-menu.style-five {
        margin-right: 24px
    }

    .slider-content.style-five {
        width: 68%;
        top: 47%
    }

    .thrown-btn.slider.bottom {
        right: 100px
    }

    .about-counter-five {
        height: 350px;
        padding: 15px 0 0
    }

    .counter-five-content {
        margin-bottom: 33px
    }

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

    .blog-details-tag h6 {
        margin-right: 10px
    }

    .blog-details-tag a {
        margin-right: 5px
    }

    .blog-comment-box.inner {
        margin-left: 35px
    }

    .team-details-author-experience ul li .value {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .new-cta {
        padding-left: 50px !important
    }

    .mathlab-img {
        width: 50%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .dropdown-adjustment-1 {
        margin-left: -327px;
    }

    .dropdown-adjustment-2 {
        margin-left: -350px
    }

    .dropdown-adjustment-3 {
        margin-left: -517px
    }

    .conversion-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 445px;
        left: 0;
        top: 0;
        z-index: -1
    }

    .conversion-text {
        padding: 20px 44px 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .new-cta {
        padding-left: 50px !important
    }

    .blog-item-content h4 a,
    .breatcome-text,
    .team-details-author-experience ul li .value,
    .topbar-info {
        font-size: 14px
    }

    .mathlab-img {
        width: 50%
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .contact-details-block {
        padding: 24px
    }

    .contact-thumb {
        overflow: hidden
    }

    .about-sm-adjustment {
        width: auto
    }

    .bundl-adjustment a img {
        margin-bottom: 60px
    }

    .dropdown-adjustment-1 {
        margin-left: -50px
    }

    .dropdown-adjustment-2 {
        margin-left: -150px
    }

    .dropdown-adjustment-3 {
        margin-left: -350px
    }

    .nav-link-adjustment,
    .sucsess-content {
        margin-left: 8px
    }

    .conversion-content,
    .footer-wiget-menu ul {
        margin-top: 50px
    }

    .about-thumb,
    .header-logo,
    .testi-rating {
        margin-top: 35px
    }

    .footer-widget-adjustment {
        margin-left: 50px
    }

    .conversion-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 445px;
        left: 0;
        top: 0;
        z-index: -1
    }

    .choose-single-box {
        margin-bottom: 1px
    }

    .conversion-text {
        padding: 20px 22px 0
    }

    .topbar-info {
        font-weight: 400;
        line-height: 28px;
        color: #fff;
        margin-left: 0
    }

    .about-area,
    .about-area.inner-page,
    .team-area.style-three {
        padding: 0 0 12px
    }

    .counter-shape,
    .mobile-menu-area,
    .sidebar-info,
    .slider-bottom-shape,
    .slider-four-thumb img,
    .team-details-area .process-ber-plugin,
    .testimonial-shape,
    .thrown-menu,
    .thrown-menu.style-five,
    .thrown-menu.style-three,
    .thrown-menu.style-two,
    .thrown-topbar-area::before {
        display: none
    }

    .thrown-header-area {
        padding: 10px 0
    }

    .thrown-header-area::before {
        width: 223px
    }

    .thrown-search-button,
    .thrown-search-button.style-five,
    .thrown-search-button.style-three,
    .thrown-search-button.style-two {
        position: absolute;
        right: 120px;
        top: 50%;
        transform: translateY(-50%)
    }

    .sidebar-menu {
        display: inherit
    }

    .slider-content {
        width: 80%;
        left: 150px
    }

    .slider-shape {
        left: -33px
    }

    .slider-shape2 {
        top: 67%
    }

    .slider-box {
        top: 64%
    }

    .about-sub-title h4,
    .thrown-header-area.style-three {
        margin-bottom: 0
    }

    .about-main-title {
        margin-bottom: 10px
    }

    .about-main-title h2 {
        font-size: 39px;
        line-height: 55px
    }

    .about-discribtion p {
        margin: 0 0 25px
    }

    .about-single-box {
        padding: 30px 35px 25px
    }

    .contact-us-area {
        background-position: center
    }

    .service-single-box {
        padding: 67px 20px 64px
    }

    .portfolio-content {
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 0 20px
    }

    .protfolio-title {
        top: 50%;
        position: absolute;
        transform: translateY(-50%)
    }

    .team-shape1,
    .team-shape2 {
        z-index: -1
    }

    .testi-single-box {
        margin: 0 100px
    }

    .testi-discription p {
        margin: 25px 0 17px
    }

    .blog-single-box {
        padding: 43px 10px 46px
    }

    .blog-title h4 a,
    .service-four-title h4 a,
    .service-title h4 a {
        font-size: 22px
    }

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

    .topbar-info.style-two {
        margin-left: 5px
    }

    .slider-area,
    .slider-area.two {
        background-position: center center
    }

    .about-counter {
        left: 9%
    }

    .section-main-title.contact h2 {
        font-size: 39px
    }

    .about-area.style-three .barfiller,
    .about-thumb img,
    .about-thumb.four img,
    .blog-standard-thumb img,
    .contact-discription p,
    .conversion-area .barfiller,
    .faq-thumb img,
    .image img,
    .like-us-content p,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .team-five-thumb img,
    .team-item-thumb img,
    .testi-five-discription p,
    .thrown-header-area.style-three::before {
        width: 100%
    }

    .service-area.style-two {
        padding: 105px 0 90px
    }

    .service-items-box-two,
    .team-items-box {
        margin-bottom: 30px
    }

    .service-icon-thumb {
        margin-top: 17px
    }

    .service-items-content-two p {
        margin: 10px 0 22px
    }

    .choose-area {
        padding: 115px 0 150px
    }

    .choose-content p {
        width: 95%
    }

    .choose-contact {
        width: 100%;
        height: 152px;
        padding: 50px 0 0 65px
    }

    .work-process-single-box {
        padding: 0 15px
    }

    .pricing-area {
        padding: 115px 0 0
    }

    .pricing-single-box {
        padding: 50px 46px 48px
    }

    .team-area {
        padding: 110px 0 90px
    }

    .section-main-title.team2 h2 {
        font-size: 37px;
        line-height: 50px
    }

    .team-discription {
        margin-left: 117px
    }

    .testimonial-title {
        position: relative;
        top: -66px;
        left: 16px
    }

    .testimonial-title h4 {
        display: block;
        line-height: 30px
    }

    .contact-icon {
        margin-right: 4px
    }

    .contact-content h3 {
        font-size: 18px;
        line-height: 25px
    }

    .contact-box {
        padding: 63px 35px 82px
    }

    .slider-area.style-four,
    section.banner-section.style-three .banner-carousel .slide-item {
        height: 900px
    }

    .slider-content.style-three {
        left: 32px
    }

    .about-area.style-three {
        padding: 55px 0 110px
    }

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

    .about-shape-three {
        bottom: -47px;
        right: 62px
    }

    .service-single-box.style-three {
        padding: 70px 10px 38px
    }

    .thrown-btn.service a {
        padding: 8px 18px;
        font-size: 14px
    }

    .sucsees-single-box {
        padding: 26px 13px 27px;
        text-align: center
    }

    .sucsess-counter {
        padding: 21px 0 0;
        width: 90px;
        height: 90px;
        margin-bottom: 9px
    }

    .blog-title.style-two h4 a,
    .sucsess-numbar h4,
    .sucsess-numbar span {
        font-size: 20px
    }

    .sucsees-item-box {
        padding: 66px 20px 50px
    }

    .team-items-box:hover .team-sub-icon {
        bottom: 64%
    }

    .faq-thumb {
        top: 138px
    }

    .blog-bottom-title {
        margin-right: 53px
    }

    .thrown-header-area.style-two {
        margin-bottom: -164px
    }

    .slider-content.four {
        width: 100%;
        text-align: center;
        left: 0;
        top: 55%
    }

    .about-counter.four {
        left: 0;
        width: 100%
    }

    .blog-comment-box.inner,
    .topbar-info.style-five {
        margin-left: 0
    }

    .slider-content.style-five {
        width: 78%;
        left: 34px
    }

    .slider-discripton.inner p {
        width: 62%
    }

    .thrown-btn.slider.bottom {
        right: 5%
    }

    .about-counter-five {
        height: 300px;
        padding: 10px 0 0;
        width: 250px
    }

    .counter-five-content {
        margin-bottom: 25px
    }

    .counter-five-numbar h4 {
        font-size: 30px
    }

    .testi-five-box {
        padding: 35px 15px 30px
    }

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

    .blog-standard-content h4 a {
        font-size: 27px
    }

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

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

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

    .widget-tags a {
        padding: 7px 10px;
        margin: 11px 3px
    }

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

    .blog-comment-thumb,
    .blog-details-tag h6 {
        margin-right: 10px
    }

    .blog-details-tag a {
        margin-right: 4px;
        padding: 7px 5px;
        font-size: 15px
    }

    .blog-team-thumb {
        margin-top: 13px
    }

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

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

    .blog-area {
        margin-top: 30px
    }

    .contact-icon i {
        width: 70px;
        height: 90px;
        border-radius: 5px;
        background: #f05823;
        line-height: 90px;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 35px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:768px) and (max-width:991px) {
    .new-cta {
        padding-left: 50px !important
    }

    .bundl-adjustment a img,
    .bundl-adjustment img {
        width: 700px !important
    }

    .res-a,
    a.contactusbutn {
        padding: 4px !important
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .blog-item-content h4 a,
    .breatcome-text,
    .counter-content p,
    .team-details-author-experience ul li .value {
        font-size: 14px
    }

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .ree-res-adjustment {
        margin-top: 20px
    }

    .about-sm-adjustment {
        width: auto
    }

    .bundl-adjustment a img {
        margin-bottom: 60px
    }

    .about-thumb,
    .blog-area,
    .breatcome-area,
    .tab_container {
        margin-top: 0
    }

    li.nav-item.dropdown.show>.dropdown-menu.show {
        justify-content: space-around
    }

    .blog-comment-box.inner,
    .nav-link-adjustment {
        margin-left: 0
    }

    .mobile-menu-area,
    .sidebar-menu {
        display: inherit
    }

    .banner-section .owl-nav,
    .contact-inner-box::before,
    .contact-single-box::before,
    .contact-thumb,
    .contact-us-area.style-three::before,
    .contact-us-items.two,
    .counter-shape,
    .faq-thumb,
    .owl-nav,
    .single-video.style-two,
    .slider-bottom,
    .slider-box,
    .slider-four-thumb,
    .slider-shape,
    .slider-shape2,
    .team-shape1,
    .team-shape2,
    .testi-item-five,
    .testimonial-shape,
    .thrown-header-area,
    .thrown-topbar-area {
        display: none
    }

    .banner-carousel .slide-item .image-layer {
        background-position: none;
        background-size: cover
    }

    .banner-carousel .slide-item {
        min-height: 500px
    }

    .about-shape img,
    .blog-standard-thumb img,
    .choose-area::after,
    .contact-discription p,
    .image img,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .slider-content,
    .team-five-thumb img {
        width: 100%
    }

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

    .about-area {
        padding: 70px 0 74px
    }

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

    .about-thumb img {
        width: 75%
    }

    .about-shape {
        right: 55%
    }

    .about-sub-title h4 {
        margin-bottom: 0
    }

    .about-main-title,
    .sucsess-counter {
        margin-bottom: 10px
    }

    .about-discribtion p,
    .slider-discripton.inner p {
        width: 80%
    }

    .section-main-title h2 {
        font-size: 45px;
        line-height: 60px
    }

    .contact-us-items {
        text-align: left;
        margin-left: -63px
    }

    .copyright-text,
    .footer-condition,
    .section-title.contact,
    .subscribe-title {
        text-align: center
    }

    .contact-us-content {
        width: 83%;
        margin: auto
    }

    .service-area {
        padding: 67px 0 39px
    }

    .service-single-box {
        padding: 67px 35px 64px
    }

    .project-area {
        padding: 66px 0 195px
    }

    .portfolio-content {
        width: 100%;
        height: 100%;
        bottom: 0;
        padding: 0 10px
    }

    .protfolio-title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .blog-title.style-two h4 a,
    .portfolio-content h3 a {
        font-size: 20px
    }

    .team-area {
        padding: 68px 0 72px;
        position: relative
    }

    .faq-area {
        padding: 94px 0 70px
    }

    .sales-report-area {
        padding: 60px 0 74px
    }

    .counter-area {
        padding: 61px 0 48px
    }

    .counter-content h5,
    .service-disctription span {
        font-size: 17px
    }

    .testimonial-area {
        padding: 66px 0 64px
    }

    .blog-area {
        padding: 67px 0 44px
    }

    .blog-single-box {
        padding: 43px 15px 46px;
        margin-bottom: 30px
    }

    .blog-bottom-title {
        margin-right: 85px
    }

    .blog-title.style-two.inner,
    .project-btn,
    .row.inner,
    .section-main-title.team2 {
        margin-bottom: 20px
    }

    .blog-contact-box,
    .blog-details-item,
    .footer-wiget,
    .like-us-single-box,
    .projetct-details-image,
    .service-items-box-two,
    .subscribe-title,
    .team-items-box,
    .team-items-five {
        margin-bottom: 30px
    }

    .footer-area {
        padding: 73px 0 0
    }

    .about-area.style-two {
        padding: 72px 0 27px
    }

    .about-counter {
        left: 27%
    }

    .contact-area {
        padding: 60px 0 78px
    }

    .service-area.style-two {
        padding: 66px 0 44px
    }

    .choose-area {
        padding: 67px 0 250px
    }

    .choose-content p {
        width: 83%
    }

    .choose-contact {
        width: 100%;
        padding: 36px 45px 0
    }

    .work-process-area {
        padding: 66px 0 14px
    }

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

    .pricing-area {
        padding: 66px 0 0
    }

    .pricing-single-box {
        padding: 50px 58px 48px;
        margin-bottom: 30px
    }

    .team-area.style-two {
        padding: 63px 0 35px
    }

    .team-discription {
        margin-left: 0;
        width: 66%;
        margin-bottom: 48px
    }

    .testimonial-item-thumb {
        margin-right: 25px
    }

    .testimonial-area.style-two {
        padding: 72px 0 77px
    }

    .testimonial-discription p {
        font-size: 22px
    }

    .testimonial-title h4 {
        display: block;
        margin-bottom: 5px
    }

    .testimonial-title {
        position: relative;
        left: 8px
    }

    .testimonial-area.style-two .owl-nav {
        right: 50%;
        top: 85%
    }

    .contact-box {
        margin-top: 40px
    }

    section.banner-section.style-three .banner-carousel .slide-item {
        height: 800px
    }

    .slider-content.style-three {
        top: 44%
    }

    .about-area.style-three {
        padding: 0 0 73px
    }

    .about-area.style-three.dark {
        padding: 81px 0 73px
    }

    .contact-us-area.style-three {
        padding: 70px 0 63px
    }

    .contact-us-list {
        text-align: left;
        margin-left: 77px;
        margin-bottom: 40px
    }

    .contact-us-items-box {
        margin-left: 20px
    }

    .service-single-box.style-three {
        padding: 70px 17px 38px
    }

    .sucsees-single-box {
        padding: 68px 25px 65px;
        margin-bottom: 30px
    }

    .team-area.style-three {
        padding: 66px 0 42px
    }

    .testimonial-area.style-three {
        padding: 68px 0 65px
    }

    .slider-area.style-four {
        height: 850px
    }

    .slider-content.four {
        left: 44px
    }

    .about-area.style-four {
        padding: 64px 0 0
    }

    .about-thumb.four {
        text-align: left
    }

    .project-area.style-four {
        padding: 68px 0 44px
    }

    .like-us-area {
        padding: 68px 0 34px
    }

    .blog-area.style-four {
        padding: 68px 0 50px
    }

    .slider-content.style-five {
        width: 100%;
        top: 50%
    }

    .service-area.style-five {
        padding: 67px 0 68px
    }

    .conversion-area {
        padding: 69px 0 0
    }

    .conversion-text {
        padding: 73px 57px 24px
    }

    .call-do-action-area.style-five {
        height: 730px;
        padding: 324px 0 0
    }

    .about-area.style-five {
        padding: 73px 0 75px
    }

    .team-area.style-five {
        padding: 68px 0 0
    }

    .team-area.style-five.dark {
        padding: 68px 0 43px
    }

    .brand-area.style-five {
        padding: 25px 0 55px
    }

    .working-content {
        left: 15px
    }

    .testimonial-area.style-five {
        padding: 68px 0 73px
    }

    .breatcome-area {
        padding: 150px 0 100px
    }

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

    .service-details-area {
        padding: 74px 0 42px
    }

    .widget-tags a {
        padding: 7px 9px;
        margin: 11px 3px
    }

    .blog-standard-area {
        padding: 72px 0 44px
    }

    .as-pagination {
        margin-bottom: 72px
    }

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

    .blog-details-tag h6 {
        margin-right: 5px
    }

    .blog-details-tag a {
        margin-right: 2px
    }

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

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

    .blog-comment-thumb {
        margin-right: 17px
    }

    .project-area.inner-page {
        padding: 63px 0 85px
    }

    .project-details-area {
        padding: 73px 0 72px
    }

    .project-details-area .title h4 {
        margin-bottom: 15px
    }

    .team-details-area {
        padding: 72px 0 73px
    }

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

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

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

    .thrown-btn.contact-us {
        margin-bottom: 75px
    }

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

    .contact-inner-page {
        padding: 70px 0 0
    }

    .error-area {
        padding: 25px 0 76px
    }
}

@media (min-width:600px) and (max-width:767px) {

    .bundl-adjustment a img,
    .bundl-adjustment img {
        width: 500px !important
    }

    .sticky-menu,
    .sticky-mobile-menu,
    .sticky-nav {
        margin: auto;
        scroll-behavior: auto;
        position: relative !important;
        transition: .5s !important;
        z-index: 9999 !important;
        width: 100%;
        left: 0;
        right: 0;
        top: 0
    }

    .about-discribtion p,
    .about-shape img,
    .about-thumb img,
    .blog-four-thumb img,
    .blog-standard-thumb img,
    .choose-area .form-box input,
    .choose-area::after,
    .contact-discription p,
    .elite-sis-img img,
    .image img,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .slider-content,
    .team-five-thumb img,
    .team-item-thumb img {
        width: 100%
    }

    .blog-team-content p,
    .breatcome-text,
    .counter-content p,
    .service-disctription span {
        font-size: 14px
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .about-area3 .support-wrapper {
        display: block;
        justify-content: start;
        flex-wrap: wrap
    }

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .about-thumb,
    .contact-us-items,
    .copyright-text,
    .footer-condition,
    .home-menu-thumb,
    .section-title.contact,
    .subscribe-title,
    .testimonial-items-box {
        text-align: center
    }

    .home-items a .home-menu-thumb img {
        width: 50%
    }

    .ree-res-adjustment {
        margin-top: 20px
    }

    .about-sm-adjustment,
    .home-items {
        width: auto
    }

    .blog-details-comment h5,
    .bundl-adjustment a img {
        margin-bottom: 60px
    }

    .features-adjustment,
    .new-bundl-adjustment {
        display: block
    }

    .blog-comment-box.inner,
    .nav-link-adjustment {
        margin-left: 0
    }

    .blog-area,
    .breatcome-area,
    .tab_container {
        margin-top: 0
    }

    .mobile-menu-area,
    .sidebar-menu {
        display: inherit
    }

    .ba-blog-details-social-icons.two,
    .banner-section .owl-nav,
    .contact-inner-box::before,
    .contact-single-box::before,
    .contact-thumb,
    .contact-us-area.style-three::before,
    .contact-us-items.two,
    .counter-shape,
    .faq-thumb,
    .owl-nav,
    .sidebar-info,
    .single-video.style-two,
    .slider-bottom,
    .slider-box,
    .slider-four-thumb,
    .slider-shape,
    .slider-shape2,
    .team-shape1,
    .team-shape2,
    .testi-item-five,
    .testimonial-shape,
    .thrown-header-area,
    .thrown-topbar-area,
    .working-single-box.two,
    .working-single-box::before {
        display: none
    }

    .banner-carousel .slide-item .image-layer {
        background-position: none;
        background-size: cover
    }

    .banner-carousel .slide-item {
        min-height: 500px
    }

    .slider-main-title h1 {
        font-size: 46px;
        line-height: 65px
    }

    .slider-sub-title.style-two h4 {
        font-size: 26px;
        margin-bottom: 15px
    }

    .about-area {
        padding: 70px 0 43px
    }

    .about-thumb {
        margin-bottom: 70px
    }

    .about-shape {
        right: 55%
    }

    .about-sub-title h4 {
        margin-bottom: 0
    }

    .about-main-title,
    .sucsess-counter {
        margin-bottom: 10px
    }

    .about-main-title h2 {
        font-size: 44px;
        line-height: 65px
    }

    .about-single-box {
        margin-bottom: 30px;
        display: inline-block
    }

    .section-sub-title h4 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .section-main-title h2 {
        font-size: 37px;
        line-height: 55px
    }

    .contact-us-content {
        width: 83%;
        margin: auto
    }

    .service-area {
        padding: 67px 0 39px
    }

    .service-single-box {
        padding: 67px 35px 64px
    }

    .project-area {
        padding: 66px 0 195px
    }

    .column {
        flex: 100%;
        max-width: 100%
    }

    .team-area {
        padding: 68px 0 72px;
        position: relative
    }

    .faq-area {
        padding: 95px 0 70px
    }

    .sales-report-area {
        padding: 60px 0 74px
    }

    .row.sales {
        padding: 12px 0 16px 73px
    }

    .counter-area {
        padding: 61px 0 34px
    }

    .blog-details-item,
    .blog-details-thumb,
    .counter-single-box,
    .footer-wiget,
    .like-us-single-box,
    .service-items-box-two,
    .subscribe-title,
    .team-items-box,
    .team-items-five {
        margin-bottom: 30px
    }

    .counter-content h5 {
        font-size: 17px
    }

    .testimonial-area {
        padding: 66px 0 64px
    }

    .testi-single-box {
        padding: 46px 20px 40px;
        margin: 0
    }

    .testi-discription p {
        margin: 7px 0 0
    }

    .blog-area {
        padding: 67px 0 44px
    }

    .blog-single-box {
        padding: 43px 15px 46px;
        margin-bottom: 30px
    }

    .blog-single-box::before,
    .sucsees-item-box::before {
        background-size: cover
    }

    .blog-bottom-title {
        margin-right: 85px
    }

    .footer-area {
        padding: 73px 0 0
    }

    .slider-area,
    .slider-area.two,
    section.banner-section.style-three .banner-carousel .slide-item {
        height: 800px
    }

    .about-area.style-two {
        padding: 72px 0 27px
    }

    .about-counter {
        left: 0;
        right: 0;
        margin: auto
    }

    .contact-area {
        padding: 60px 0 78px
    }

    .service-area.style-two {
        padding: 66px 0 44px
    }

    .service-items-content-two p {
        margin: 12px 0 22px
    }

    .choose-area {
        padding: 67px 0 250px
    }

    .choose-content p {
        width: 83%
    }

    .choose-contact {
        width: 100%;
        padding: 36px 45px 0
    }

    .work-process-area {
        padding: 66px 0 14px
    }

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

    .pricing-area {
        padding: 66px 0 0
    }

    .pricing-single-box {
        padding: 50px 155px 48px;
        margin-bottom: 30px
    }

    .team-area.style-two {
        padding: 63px 0 35px
    }

    .row.inner,
    .section-main-title.team2,
    .team-details-author-img {
        margin-bottom: 20px
    }

    .team-discription {
        margin-left: 0;
        width: 66%;
        margin-bottom: 48px
    }

    .testimonial-area.style-two {
        padding: 72px 0 142px
    }

    .testimonial-item-thumb {
        float: inherit;
        margin-left: 81px
    }

    .testimonial-discription p {
        font-size: 22px
    }

    .testimonial-area.style-two .owl-nav {
        bottom: -69px;
        left: 60%;
        transform: translateX(-50%)
    }

    .contact-box {
        margin-top: 40px
    }

    .blog-item-content h4 a,
    .blog-title.style-two h4 a,
    .section-sub-title.about3 h4 {
        font-size: 20px
    }

    .slider-content.style-three {
        top: 44%
    }

    .about-area.style-three {
        padding: 0 0 73px
    }

    .about-thumb.style-three {
        margin-right: -82px;
        margin-top: -77px;
        margin-left: -96px
    }

    .about-shape-three {
        bottom: -62px
    }

    .section-main-title.about3 h2 {
        font-size: 39px
    }

    .contact-us-area.style-three {
        padding: 70px 0 63px
    }

    .contact-us-list {
        text-align: left;
        margin-left: 77px;
        margin-bottom: 40px
    }

    .contact-us-items-box {
        margin-left: 80px
    }

    .service-single-box.style-three {
        padding: 70px 17px 38px
    }

    .sucsees-single-box {
        padding: 68px 25px 65px;
        margin-bottom: 30px
    }

    .team-area.style-three {
        padding: 66px 0 42px
    }

    .team-items-box:hover .team-sub-icon {
        bottom: 68%
    }

    .testimonial-area.style-three {
        padding: 68px 0 65px
    }

    .testi-items-three {
        padding: 60px 12px 35px
    }

    .slider-area.style-four {
        height: 850px
    }

    .slider-content.four {
        left: 44px
    }

    .about-area.style-four {
        padding: 64px 0 0
    }

    .about-thumb.four,
    .service-disctription {
        text-align: left
    }

    .call-do-action-area {
        padding: 98px 0 57px
    }

    .call-do-title h2 {
        font-size: 42px
    }

    .project-area.style-four {
        padding: 68px 0 44px
    }

    .like-us-area {
        padding: 68px 0 34px
    }

    .blog-area.style-four {
        padding: 68px 0 50px
    }

    .slider-content.style-five {
        width: 100%;
        top: 50%
    }

    .slider-discripton.inner p {
        width: 80%
    }

    .service-area.style-five {
        padding: 67px 0 68px
    }

    .thrown-btn.service5 a {
        font-size: 14px;
        padding: 12px 28px
    }

    .conversion-area {
        padding: 69px 0 0
    }

    .conversion-text {
        padding: 73px 57px 24px
    }

    .call-do-action-area.style-five {
        height: 730px;
        padding: 324px 0 0
    }

    .about-area.style-five {
        padding: 73px 0 75px
    }

    .team-area.style-five {
        padding: 68px 0 0
    }

    .team-area.style-five.dark {
        padding: 68px 0 43px
    }

    .brand-area.style-five {
        padding: 25px 0 55px
    }

    .working-content {
        left: 15px
    }

    .testimonial-area.style-five {
        padding: 68px 0 73px
    }

    .testi-five-box {
        padding: 35px 25px 30px
    }

    .breatcome-area {
        padding: 170px 0 100px
    }

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

    .team-area.inner-page {
        padding: 62px 0 40px
    }

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

    .service-details-area {
        padding: 74px 0 42px
    }

    .service-details-content h4 a {
        font-size: 26px
    }

    .blog-standard-area {
        padding: 72px 0 44px
    }

    .as-pagination {
        margin-bottom: 72px
    }

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

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

    .ba-blog-details-social-icons {
        text-align: left;
        margin-top: 30px
    }

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

    .blog-comment-box {
        margin-bottom: 85px
    }

    .blog-comment-thumb {
        margin-top: -20px
    }

    .blog-contact-box {
        margin-bottom: 30px;
        margin-top: -60px
    }

    .project-area.inner-page {
        padding: 63px 0 85px
    }

    .project-details-area {
        padding: 73px 0 72px
    }

    .projetct-details-image {
        margin-bottom: 15px
    }

    .team-details-area {
        padding: 72px 0 73px
    }

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

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

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

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

    .contact-inner-page {
        padding: 70px 0 0
    }

    .error-area {
        padding: 25px 0 76px
    }
}

@media only screen and (min-width:575px) and (max-width:599px) {
    .res-card {
        margin-top: 20px !important
    }

    .sticky-menu,
    .sticky-mobile-menu,
    .sticky-nav {
        margin: auto;
        scroll-behavior: auto;
        position: relative !important;
        transition: .5s !important;
        z-index: 9999 !important;
        width: 100%;
        left: 0;
        right: 0;
        top: 0
    }

    .about-discribtion p,
    .about-shape img,
    .about-thumb img,
    .blog-four-thumb img,
    .blog-standard-thumb img,
    .choose-area .form-box input,
    .choose-area::after,
    .contact-discription p,
    .elite-sis-img img,
    .image img,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .slider-content,
    .team-five-thumb img,
    .team-item-thumb img {
        width: 100%
    }

    .blog-team-content p,
    .breatcome-text,
    .counter-content p,
    .service-disctription span {
        font-size: 14px
    }

    .service {
        display: contents
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .about-img-adjustment img,
    .blog-comment-box.inner,
    .nav-link-adjustment {
        margin-left: 0
    }

    .about-img-adjustment,
    .about-thumb,
    .contact-us-items,
    .copyright-text,
    .footer-condition,
    .home-menu-thumb,
    .section-title.contact,
    .subscribe-title,
    .testimonial-items-box {
        text-align: center
    }

    .sales-thumb {
        margin-top: 70px
    }

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .home-items a .home-menu-thumb img {
        width: 50%
    }

    .ree-res-adjustment {
        margin-top: 20px
    }

    .features-adjustment {
        display: block
    }

    .home-items {
        width: auto
    }

    .blog-area,
    .breatcome-area,
    .tab_container {
        margin-top: 0
    }

    .mobile-menu-area,
    .sidebar-menu {
        display: inherit
    }

    .ba-blog-details-social-icons.two,
    .banner-section .owl-nav,
    .contact-inner-box::before,
    .contact-single-box::before,
    .contact-thumb,
    .contact-us-area.style-three::before,
    .contact-us-items.two,
    .counter-shape,
    .faq-thumb,
    .owl-nav,
    .sidebar-info,
    .single-video.style-two,
    .slider-bottom,
    .slider-box,
    .slider-four-thumb,
    .slider-shape,
    .slider-shape2,
    .team-shape1,
    .team-shape2,
    .testi-item-five,
    .testimonial-shape,
    .thrown-header-area,
    .thrown-topbar-area,
    .working-single-box.two,
    .working-single-box::before {
        display: none
    }

    .banner-carousel .slide-item .image-layer {
        background-position: none;
        background-size: cover
    }

    .banner-carousel .slide-item {
        min-height: 500px
    }

    .slider-main-title h1 {
        font-size: 46px;
        line-height: 65px
    }

    .slider-sub-title.style-two h4 {
        font-size: 26px;
        margin-bottom: 15px
    }

    .about-area {
        padding: 70px 0 43px
    }

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

    .about-shape {
        right: 55%
    }

    .about-sub-title h4 {
        margin-bottom: 0
    }

    .about-main-title,
    .sucsess-counter {
        margin-bottom: 10px
    }

    .about-main-title h2 {
        font-size: 44px;
        line-height: 65px
    }

    .about-single-box {
        margin-bottom: 30px;
        display: inline-block
    }

    .section-sub-title h4 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .section-main-title h2 {
        font-size: 37px;
        line-height: 55px
    }

    .contact-us-content {
        width: 83%;
        margin: auto
    }

    .service-area {
        padding: 67px 0 39px
    }

    .service-single-box {
        padding: 67px 35px 64px
    }

    .project-area {
        padding: 66px 0 195px
    }

    .column {
        flex: 100%;
        max-width: 100%
    }

    .team-area {
        padding: 68px 0 72px;
        position: relative
    }

    .faq-area {
        padding: 92px 0 70px
    }

    .sales-report-area {
        padding: 60px 0 74px
    }

    .row.sales {
        padding: 12px 0 16px 73px
    }

    .counter-area {
        padding: 61px 0 34px
    }

    .blog-details-item,
    .blog-details-thumb,
    .counter-single-box,
    .footer-wiget,
    .like-us-single-box,
    .service-items-box-two,
    .subscribe-title,
    .team-items-box,
    .team-items-five {
        margin-bottom: 30px
    }

    .counter-content h5 {
        font-size: 17px
    }

    .testimonial-area {
        padding: 66px 0 64px
    }

    .testi-single-box {
        padding: 46px 20px 40px;
        margin: 0
    }

    .testi-discription p {
        margin: 7px 0 0
    }

    .blog-area {
        padding: 67px 0 44px
    }

    .blog-single-box {
        padding: 43px 15px 46px;
        margin-bottom: 30px
    }

    .blog-single-box::before,
    .sucsees-item-box::before {
        background-size: cover
    }

    .blog-bottom-title {
        margin-right: 85px
    }

    .footer-area {
        padding: 73px 0 0
    }

    .slider-area,
    .slider-area.two,
    section.banner-section.style-three .banner-carousel .slide-item {
        height: 800px
    }

    .about-area.style-two {
        padding: 72px 0 27px
    }

    .about-counter {
        left: 0;
        right: 0;
        margin: auto
    }

    .contact-area {
        padding: 60px 0 78px
    }

    .service-area.style-two {
        padding: 66px 0 44px
    }

    .service-items-content-two p {
        margin: 12px 0 22px
    }

    .choose-area {
        padding: 67px 0 250px
    }

    .choose-content p {
        width: 83%
    }

    .choose-contact {
        width: 100%;
        padding: 36px 45px 0
    }

    .work-process-area {
        padding: 66px 0 14px
    }

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

    .pricing-area {
        padding: 66px 0 32px
    }

    .pricing-single-box {
        padding: 50px 155px 48px;
        margin-bottom: 30px
    }

    .team-area.style-two {
        padding: 0 0 35px
    }

    .team-area.style-two.dark {
        padding: 62px 0 22px
    }

    .row.inner,
    .section-main-title.team2,
    .team-details-author-img {
        margin-bottom: 20px
    }

    .team-discription {
        margin-left: 0;
        width: 66%;
        margin-bottom: 48px
    }

    .testimonial-area.style-two {
        padding: 72px 0 142px
    }

    .testimonial-item-thumb {
        float: inherit;
        margin-left: 81px
    }

    .testimonial-discription p {
        font-size: 22px
    }

    .testimonial-area.style-two .owl-nav {
        bottom: -69px;
        left: 60%;
        transform: translateX(-50%)
    }

    .contact-box {
        margin-top: 40px
    }

    .blog-title.style-two h4 a {
        font-size: 24px
    }

    .slider-content.style-three {
        top: 44%
    }

    .about-area.style-three {
        padding: 0 0 73px
    }

    .about-thumb.style-three {
        margin-right: -82px;
        margin-top: -77px;
        margin-left: -96px
    }

    .about-shape-three {
        bottom: -62px
    }

    .blog-item-content h4 a,
    .section-sub-title.about3 h4 {
        font-size: 20px
    }

    .section-main-title.about3 h2 {
        font-size: 39px
    }

    .contact-us-area.style-three {
        padding: 70px 0 63px
    }

    .contact-us-list {
        text-align: left;
        margin-left: 77px;
        margin-bottom: 40px
    }

    .contact-us-items-box {
        margin-left: 80px
    }

    .service-single-box.style-three {
        padding: 70px 17px 38px
    }

    .sucsees-single-box {
        padding: 68px 25px 65px;
        margin-bottom: 30px
    }

    .team-area.style-three {
        padding: 66px 0 42px
    }

    .team-items-box:hover .team-sub-icon {
        bottom: 68%
    }

    .testimonial-area.style-three {
        padding: 68px 0 65px
    }

    .testi-items-three {
        padding: 60px 12px 35px
    }

    .slider-area.style-four {
        height: 850px
    }

    .slider-content.four {
        left: 44px
    }

    .about-area.style-four {
        padding: 64px 0 0
    }

    .about-thumb.four,
    .service-disctription {
        text-align: left
    }

    .call-do-action-area {
        padding: 98px 0 57px
    }

    .call-do-title h2 {
        font-size: 42px
    }

    .project-area.style-four {
        padding: 68px 0 44px
    }

    .like-us-area {
        padding: 68px 0 34px
    }

    .blog-area.style-four {
        padding: 68px 0 50px
    }

    .slider-content.style-five {
        width: 100%;
        top: 50%
    }

    .slider-discripton.inner p {
        width: 80%
    }

    .service-area.style-five {
        padding: 67px 0 68px
    }

    .thrown-btn.service5 a {
        font-size: 14px;
        padding: 12px 28px
    }

    .conversion-area {
        padding: 69px 0 0
    }

    .conversion-text {
        padding: 73px 57px 24px
    }

    .call-do-action-area.style-five {
        height: 730px;
        padding: 324px 0 0
    }

    .about-area.style-five {
        padding: 73px 0 75px
    }

    .team-area.style-five {
        padding: 68px 0 0
    }

    .team-area.style-five.dark {
        padding: 68px 0 43px
    }

    .brand-area.style-five {
        padding: 25px 0 55px
    }

    .working-content {
        left: 15px
    }

    .testimonial-area.style-five {
        padding: 68px 0 73px
    }

    .testi-five-box {
        padding: 35px 25px 30px
    }

    .breatcome-area {
        padding: 170px 0 100px
    }

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

    .team-area.inner-page {
        padding: 62px 0 40px
    }

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

    .service-details-area {
        padding: 74px 0 42px
    }

    .service-details-content h4 a {
        font-size: 26px
    }

    .blog-standard-area {
        padding: 72px 0 44px
    }

    .as-pagination {
        margin-bottom: 72px
    }

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

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

    .ba-blog-details-social-icons {
        text-align: left;
        margin-top: 30px
    }

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

    .blog-details-comment h5 {
        margin-bottom: 60px
    }

    .blog-comment-box {
        margin-bottom: 85px
    }

    .blog-contact-box {
        margin-bottom: 30px;
        margin-top: -60px
    }

    .project-area.inner-page {
        padding: 63px 0 85px
    }

    .project-details-area {
        padding: 73px 0 72px
    }

    .projetct-details-image {
        margin-bottom: 15px
    }

    .team-details-area {
        padding: 72px 0 73px
    }

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

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

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

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

    .thrown-btn.contact-us {
        margin-bottom: 75px
    }

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

    .contact-inner-page {
        padding: 70px 0 0
    }

    .error-area {
        padding: 25px 0 76px
    }
}

@media only screen and (min-width:480px) and (max-width:574px) {
    .res-card {
        margin-top: 20px !important
    }

    .sticky-menu,
    .sticky-mobile-menu,
    .sticky-nav {
        margin: auto;
        scroll-behavior: auto;
        position: relative !important;
        transition: .5s !important;
        z-index: 9999 !important;
        width: 100%;
        left: 0;
        right: 0;
        top: 0
    }

    .dfjh34 {
        padding: 0
    }

    .about-area.style-three .barfiller,
    .about-discription p,
    .about-shape img,
    .about-thumb img,
    .blog-four-thumb img,
    .blog-standard-thumb img,
    .choose-area .form-box input,
    .choose-area::after,
    .choose-discription p,
    .contact-discription p,
    .conversion-area .barfiller,
    .elite-sis-img img,
    .image img,
    .project-items-thumb img,
    .projetct-details-image img,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .slider-content,
    .team-five-thumb img,
    .team-item-thumb img {
        width: 100%
    }

    .blog-details-discription p,
    .blog-team-content p,
    .breatcome-text,
    .content-main p,
    .counter-content p,
    .service-details-content p,
    .service-disctription span {
        font-size: 14px
    }

    .service {
        display: contents
    }

    .accordion li a {
        padding: 0 0 0 38px
    }

    .about-img-adjustment img,
    .blog-comment-box.inner,
    .form-box-button.contact,
    .nav-link-adjustment {
        margin-left: 0
    }

    .about-img-adjustment,
    .about-thumb,
    .contact-us-items,
    .copyright-text,
    .footer-condition,
    .home-menu-thumb,
    .section-title.contact,
    .subscribe-title,
    .testimonial-items-box {
        text-align: center
    }

    .about-responsive-adjustment,
    .ree-res-adjustment {
        margin-top: 20px
    }

    .home-items a .home-menu-thumb img {
        width: 50%
    }

    .breatcome-area,
    .contact-area,
    .tab_container {
        margin-top: 0
    }

    .features-adjustment {
        display: block
    }

    .home-items {
        width: auto
    }

    .mobile-menu-area,
    .sidebar-menu {
        display: inherit
    }

    .ba-blog-details-social-icons.two,
    .banner-section .owl-nav,
    .blog-standard-area .owl-next,
    .blog-standard-area .owl-prev,
    .contact-inner-box::before,
    .contact-single-box::before,
    .contact-thumb,
    .contact-us-area.style-three::before,
    .contact-us-items.two,
    .counter-shape,
    .faq-thumb,
    .owl-nav,
    .sidebar-info,
    .single-video.style-two,
    .slider-bottom,
    .slider-box,
    .slider-four-thumb,
    .slider-shape,
    .slider-shape2,
    .team-shape1,
    .team-shape2,
    .testi-item-five,
    .testimonial-shape,
    .thrown-header-area,
    .thrown-topbar-area,
    .working-single-box.two,
    .working-single-box::before {
        display: none
    }

    .banner-carousel .slide-item .image-layer {
        background-position: none;
        background-size: cover
    }

    .banner-carousel .slide-item {
        min-height: 500px
    }

    .slider-main-title h1 {
        font-size: 40px;
        line-height: 55px
    }

    .slider-sub-title.style-two h4 {
        font-size: 26px;
        margin-bottom: 15px
    }

    .about-area {
        padding: 70px 0 43px
    }

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

    .about-shape {
        right: 55%
    }

    .about-sub-title h4 {
        margin-bottom: 0
    }

    .about-main-title,
    .sucsess-counter {
        margin-bottom: 10px
    }

    .about-main-title h2 {
        font-size: 39px;
        line-height: 60px
    }

    .about-single-box {
        margin-bottom: 30px;
        display: inline-block
    }

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

    .section-main-title h2 {
        font-size: 33px;
        line-height: 50px
    }

    .contact-us-content {
        width: 83%;
        margin: auto
    }

    .service-area {
        padding: 67px 0 39px
    }

    .service-single-box {
        padding: 67px 35px 64px
    }

    .project-area {
        padding: 66px 0 195px
    }

    .column {
        flex: 100%;
        max-width: 100%
    }

    .team-area {
        padding: 68px 0 72px;
        position: relative
    }

    .faq-area {
        padding: 92px 0 70px;
        background-position: center center
    }

    .sales-report-area {
        padding: 60px 0 74px
    }

    .row.sales {
        padding: 12px 0 16px 73px
    }

    .counter-area {
        padding: 61px 0 34px
    }

    .blog-details-item,
    .blog-details-thumb,
    .counter-single-box,
    .footer-wiget,
    .like-us-single-box,
    .service-items-box-two,
    .subscribe-title,
    .team-items-box,
    .team-items-five {
        margin-bottom: 30px
    }

    .blog-four-discription p,
    .counter-content h5 {
        font-size: 17px
    }

    .testimonial-area {
        padding: 66px 0 64px
    }

    .testi-thumb {
        float: inherit;
        margin-right: 123px;
        margin-bottom: 20px
    }

    .testi-discription p {
        margin: 10px 0 15px;
        font-size: 14px
    }

    .testi-icon-thumb {
        right: 50px;
        top: 58%
    }

    .blog-area {
        padding: 67px 0 44px
    }

    .blog-single-box {
        padding: 43px 15px 46px;
        margin-bottom: 30px
    }

    .blog-single-box::before,
    .sucsees-item-box::before {
        background-size: cover
    }

    .blog-bottom-title {
        margin-right: 85px
    }

    .footer-area {
        padding: 73px 0 0
    }

    .slider-area,
    .slider-area.style-four,
    .slider-area.two,
    section.banner-section.style-three .banner-carousel .slide-item {
        height: 800px
    }

    .about-area.style-two {
        padding: 72px 0 27px
    }

    .about-counter {
        left: 0;
        right: 0;
        margin: auto
    }

    .contact-area {
        padding: 60px 0 78px
    }

    .service-area.style-two {
        padding: 66px 0 44px
    }

    .service-items-content-two p {
        margin: 12px 0 22px
    }

    .choose-area {
        padding: 67px 0 250px
    }

    .choose-content p {
        width: 83%
    }

    .choose-contact {
        width: 100%;
        padding: 36px 45px 0
    }

    .form-box-button {
        padding-bottom: 60px
    }

    .work-process-area {
        padding: 66px 0 14px
    }

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

    .pricing-area {
        padding: 66px 0 43px
    }

    .pricing-single-box {
        padding: 50px 124px 48px;
        margin-bottom: 30px
    }

    .team-area.style-two {
        padding: 63px 0 35px
    }

    .counter-five-content,
    .row.inner,
    .section-main-title.team2,
    .team-details-author-img {
        margin-bottom: 20px
    }

    .team-discription {
        margin-left: 0;
        width: 66%;
        margin-bottom: 48px
    }

    .testimonial-area.style-two {
        padding: 72px 0 142px
    }

    .testimonial-item-thumb {
        float: inherit;
        margin-left: 81px
    }

    .testimonial-discription p {
        font-size: 22px
    }

    .testimonial-area.style-two .owl-nav {
        bottom: -69px;
        left: 60%;
        transform: translateX(-50%)
    }

    .contact-box {
        margin-top: 40px
    }

    .blog-item-content h4 a,
    .blog-title.style-two h4 a,
    .section-sub-title.about3 h4 {
        font-size: 20px
    }

    .slider-content.style-three {
        top: 44%
    }

    .about-area.style-three {
        padding: 0 0 73px
    }

    .about-area.style-three.dark {
        padding: 81px 0 73px
    }

    .about-thumb.style-three {
        margin-right: -82px;
        margin-top: -113px;
        margin-left: -96px
    }

    .about-shape-three {
        bottom: -62px
    }

    .section-main-title.about3 h2 {
        font-size: 34px
    }

    .contact-us-area.style-three {
        padding: 70px 0 63px
    }

    .contact-us-content.style-three h2 {
        font-size: 29px
    }

    .contact-us-list {
        text-align: left;
        margin-left: 34px;
        margin-bottom: 40px
    }

    .contact-us-items-box {
        margin-left: 42px
    }

    .service-single-box.style-three {
        padding: 70px 17px 38px
    }

    .sucsees-single-box {
        padding: 68px 25px 65px;
        margin-bottom: 30px
    }

    .team-area.style-three {
        padding: 66px 0 42px
    }

    .team-items-box:hover .team-sub-icon {
        bottom: 68%
    }

    .testimonial-area.style-three {
        padding: 68px 0 65px
    }

    .testi-items-three {
        padding: 60px 12px 35px
    }

    .slider-content.four {
        left: 44px
    }

    .about-area.style-four {
        padding: 64px 0 0
    }

    .about-thumb.four,
    .service-disctription {
        text-align: left
    }

    .about-counter.four {
        left: 0
    }

    .call-do-action-area {
        padding: 98px 0 57px
    }

    .call-do-title h2 {
        font-size: 36px;
        line-height: 55px
    }

    .project-area.style-four {
        padding: 68px 0 44px
    }

    .like-us-area {
        padding: 68px 0 34px
    }

    .blog-area.style-four {
        padding: 68px 0 50px
    }

    .slider-content.style-five {
        width: 100%;
        top: 50%
    }

    .slider-discripton.inner p {
        width: 90%;
        font-size: 14px
    }

    .service-area.style-five {
        padding: 67px 0 68px
    }

    .thrown-btn.service5 a {
        font-size: 14px;
        padding: 12px
    }

    .conversion-area {
        padding: 69px 0 0
    }

    .conversion-text {
        padding: 73px 57px 24px
    }

    .call-do-action-area.style-five {
        height: 730px;
        padding: 324px 0 0
    }

    .about-area.style-five {
        padding: 73px 0 75px
    }

    .about-counter-five {
        width: 200px;
        height: 320px;
        padding: 10px 0 0
    }

    .team-area.style-five {
        padding: 68px 0 0
    }

    .team-area.style-five.dark {
        padding: 68px 0 43px
    }

    .brand-area.style-five {
        padding: 25px 0 55px
    }

    .working-content {
        left: 15px
    }

    .testimonial-area.style-five {
        padding: 68px 0 73px
    }

    .testi-five-box {
        padding: 35px 25px 30px
    }

    .breatcome-area {
        padding: 170px 0 100px
    }

    .team-area.inner-page {
        padding: 62px 0 40px
    }

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

    .service-details-area {
        padding: 74px 0 42px
    }

    .service-details-content h4 a {
        font-size: 23px
    }

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

    .blog-standard-area {
        padding: 72px 0 44px
    }

    .blog-quote-box {
        padding: 42px 13px 37px
    }

    .blog-standard-content h4 a {
        font-size: 32px
    }

    .as-pagination {
        margin-bottom: 72px
    }

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

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

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

    .ba-blog-details-social-icons {
        text-align: left;
        margin-top: 30px
    }

    .blog-details-tag {
        margin-left: 12px
    }

    .blog-team-thumb {
        margin-right: 20px;
        margin-top: 17px
    }

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

    .blog-details-comment h5 {
        margin-bottom: 60px
    }

    .blog-comment-box {
        margin-bottom: 85px
    }

    .blog-comment-thumb {
        margin-top: -20px
    }

    .text-sm-end {
        text-align: right
    }

    .blog-contact-box {
        margin-bottom: 30px;
        margin-top: -60px
    }

    .project-area.inner-page {
        padding: 63px 0 85px
    }

    .project-details-area {
        padding: 73px 0 72px
    }

    .projetct-details-image {
        margin-bottom: 15px
    }

    .team-details-area {
        padding: 72px 0 73px
    }

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

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

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

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

    .thrown-btn.contact-us {
        margin-bottom: 75px
    }

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

    .contact-inner-page {
        padding: 70px 0 0
    }

    .error-area {
        padding: 25px 0 76px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {

    .res-a a,
    .res-card {
        margin-top: 20px !important
    }

    .cta-p {
        padding-top: 20px;
        padding-left: 20px !important
    }

    .res-a a {
        float: left !important
    }

    .sticky-menu,
    .sticky-mobile-menu,
    .sticky-nav {
        margin: auto;
        scroll-behavior: auto;
        position: relative !important;
        transition: .5s !important;
        z-index: 9999 !important;
        width: 100%;
        left: 0;
        right: 0;
        top: 0
    }

    .about-area .barfiller,
    .about-area.style-three .barfiller,
    .about-discribtion.style-two p,
    .about-shape img,
    .about-thumb img,
    .blog-four-thumb img,
    .blog-standard-thumb img,
    .choose-area .form-box input,
    .choose-area::after,
    .choose-content p,
    .choose-discription p,
    .contact-discription p,
    .conversion-area .barfiller,
    .elite-sis-img img,
    .image img,
    .mathlab-img,
    .project-items-thumb img,
    .projetct-details-image img,
    .sales-discription p,
    .service-details-thumb img,
    .service-items-thumb-two img,
    .slider-content,
    .team-five-thumb img,
    .team-item-thumb img {
        width: 100%
    }

    .service {
        display: contents
    }

    .about-img-adjustment img,
    .blog-comment-box.inner,
    .blog-comment-list span.date,
    .form-box-button.contact,
    .nav-link-adjustment {
        margin-left: 0
    }

    .about-img-adjustment,
    .about-thumb,
    .contact-us-items,
    .copyright-text,
    .footer-condition,
    .home-menu-thumb,
    .section-title.contact,
    .subscribe-title,
    .testimonial-items-box {
        text-align: center
    }

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

    .about-responsive-adjustment {
        margin-top: 10px
    }

    .home-items a .home-menu-thumb img {
        width: 50%
    }

    .ree-res-adjustment {
        margin-top: 20px
    }

    .header-logo a img {
        width: 190px
    }

    .features-adjustment {
        display: block
    }

    .blog-comment-thumb,
    .blog-item-thumb,
    .blog-item-thumb.two,
    .blog-team-thumb,
    .choose-icon,
    .recent-widget-thumb,
    .testi-thumb {
        float: inherit
    }

    .home-items {
        width: auto
    }

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

    .brand-area,
    .breatcome-area,
    .tab_container {
        margin-top: 0
    }

    .about-bottom,
    .mobile-menu-area,
    .sidebar-menu {
        display: inherit
    }

    .ba-blog-details-social-icons.two,
    .banner-section .owl-nav,
    .blog-standard-area .owl-next,
    .blog-standard-area .owl-prev,
    .contact-inner-box::before,
    .contact-single-box::before,
    .contact-thumb,
    .contact-us-area.style-three::before,
    .contact-us-items.two,
    .contact-us-list span i,
    .conversion-list span i,
    .counter-shape,
    .faq-thumb,
    .owl-nav,
    .sales-list span i,
    .sidebar-info,
    .single-video.style-two,
    .slider-bottom,
    .slider-box,
    .slider-four-thumb,
    .slider-shape,
    .slider-shape2,
    .team-shape1,
    .team-shape2,
    .testi-item-five,
    .testimonial-shape,
    .thrown-header-area,
    .thrown-topbar-area,
    .working-single-box.two,
    .working-single-box::before {
        display: none
    }

    .banner-carousel .slide-item .image-layer {
        background-position: none;
        background-size: cover
    }

    .banner-carousel .slide-item {
        min-height: 450px
    }

    .slider-sub-title h4 {
        padding: 12px 30px 13px 8px
    }

    .slider-main-title h1 {
        font-size: 50px;
        line-height: 46px
    }

    .slider-discripton p {
        font-size: 14px;
        width: 93%
    }

    .slider-sub-title.style-two h4 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .about-area {
        padding: 70px 0 43px
    }

    .about-shape {
        right: 55%
    }

    .about-sub-title h4,
    .section-main-title.contact {
        margin-bottom: 0
    }

    .about-main-title,
    .sucsess-counter {
        margin-bottom: 10px
    }

    .about-main-title h2 {
        font-size: 25px;
        line-height: 42px
    }

    .about-discribtion p {
        width: 100%;
        font-size: 14px
    }

    .about-single-box {
        margin-bottom: 30px;
        display: inline-block
    }

    .section-sub-title h4 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .contact-us-content {
        width: 100%;
        margin: auto
    }

    .contact-us-content h2 {
        font-size: 28px;
        line-height: 42px
    }

    .thrown-btn.contact-us a {
        padding: 10px 34px
    }

    .service-area {
        padding: 67px 0 39px
    }

    .service-single-box {
        padding: 47px 35px 42px
    }

    .blog-item-content h4 a,
    .blog-title.style-two h4 a,
    .choose-content.style-five h4,
    .service-title h4 a,
    .slider-sub-title.style-five h4 {
        font-size: 20px
    }

    .project-area {
        padding: 66px 0 195px
    }

    .column {
        flex: 100%;
        max-width: 100%
    }

    .team-area {
        padding: 68px 0 72px;
        position: relative
    }

    .about-area span.process-bar,
    .about-counter-discription p,
    .section-sub-title.about3 h4,
    .team-title h4 a {
        font-size: 18px
    }

    .faq-area {
        padding: 92px 0 70px;
        background-position: center center
    }

    .accordion li a {
        padding: 11px 10px
    }

    .accordion li a i {
        width: 45px;
        height: 45px;
        line-height: 45px
    }

    .accordion li p {
        padding: 0 9px 17px
    }

    .sales-report-area {
        padding: 60px 0 74px
    }

    .row.sales {
        padding: 12px 0 16px
    }

    .counter-area {
        padding: 61px 0 34px
    }

    .blog-details-item,
    .blog-details-thumb,
    .counter-single-box,
    .footer-wiget,
    .like-us-single-box,
    .service-items-box-two,
    .subscribe-title,
    .team-items-box,
    .team-items-five {
        margin-bottom: 30px
    }

    .breatcome-title h1,
    .counter-numbar h4,
    .counter-numbar span {
        font-size: 40px
    }

    .blog-four-discription p,
    .counter-content h5 {
        font-size: 17px
    }

    .about-area .barfiller .tip,
    .barfiller .tip,
    .blog-details-discription p,
    .blog-details-meta span,
    .blog-discription p,
    .blog-meta span,
    .blog-quote-conent p,
    .blog-standard-content p,
    .blog-team-content p,
    .contact-list span,
    .content-main p,
    .copyright-text p a,
    .counter-content p,
    .project-detials-discriopton p,
    .service-details-content p,
    .service-disctription span,
    .team-details-discription p,
    .testimonial-discription p,
    p.discription,
    span.process-bar {
        font-size: 14px
    }

    .testimonial-area {
        padding: 66px 0 64px
    }

    .testi-single-box {
        padding: 46px 8px 40px
    }

    .testi-thumb {
        margin-right: 123px;
        margin-bottom: 20px
    }

    .testi-discription p {
        margin: 10px 0 15px;
        font-size: 14px
    }

    .testi-icon-thumb {
        right: 20px;
        top: 43%
    }

    .blog-area {
        padding: 67px 0 44px
    }

    .blog-single-box {
        padding: 43px 15px 46px;
        margin-bottom: 30px
    }

    .blog-single-box::before,
    .sucsees-item-box::before {
        background-size: cover
    }

    .blog-bottom-title {
        margin-right: 44px
    }

    .footer-area {
        padding: 73px 0 0
    }

    .copyright-text p,
    .team-details-author-experience ul li .value {
        font-size: 13px
    }

    .slider-area,
    .slider-area.two {
        height: 750px
    }

    .about-area.style-two {
        padding: 72px 0 27px
    }

    .about-counter {
        left: 0;
        right: 0;
        margin: auto
    }

    .choose-icon,
    .contact-area h2,
    .counter-five-content,
    .row.inner,
    .section-main-title.team2,
    .team-details-author-img {
        margin-bottom: 20px
    }

    .about-video-icon {
        top: 27%;
        left: 36%
    }

    .contact-area {
        padding: 100px 35px;
        margin-top: 0
    }

    .thrown-btn.contact a {
        margin-top: -50px
    }

    .service-area.style-two {
        padding: 66px 0 44px
    }

    .service-items-content-two p {
        margin: 24px 0 22px
    }

    .choose-area {
        padding: 67px 0 250px
    }

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

    .section-main-title.choose h2 {
        font-size: 26px;
        line-height: 42px
    }

    .choose-contact {
        width: 100%;
        padding: 36px 0 0
    }

    .form-box-button {
        padding-bottom: 50px
    }

    .work-process-area {
        padding: 66px 0 14px
    }

    .work-process-single-box {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .pricing-area {
        padding: 66px 0 0
    }

    .pricing-single-box {
        padding: 50px 40px 48px;
        margin-bottom: 30px
    }

    .team-area.style-two {
        padding: 63px 0 35px
    }

    .team-discription {
        margin-left: 0;
        width: 100%;
        margin-bottom: 48px
    }

    .testimonial-area.style-two {
        padding: 72px 0 142px
    }

    .testimonial-item-thumb {
        float: inherit;
        margin-left: 81px
    }

    .testimonial-title h4 {
        font-size: 18px;
        display: block;
        margin-left: 56px;
        margin-bottom: 9px
    }

    .testimonial-area.style-two .owl-nav {
        bottom: -69px;
        left: 53%;
        transform: translateX(-50%)
    }

    .section-main-title.contact-thrree h2 {
        font-size: 26px
    }

    .contact-list span i {
        margin-right: 5px
    }

    .contact-icon {
        margin-right: 6px
    }

    .contact-box {
        margin-top: 40px;
        padding: 42px 12px 53px
    }

    .slider-area.style-four,
    section.banner-section.style-three .banner-carousel .slide-item {
        height: 700px
    }

    .slider-content.style-three {
        top: 44%
    }

    .blog-quote-conent h4,
    .service-four-title h4 a,
    .slider-sub-title.style-three h4 {
        font-size: 22px
    }

    .slider-main-title.style-three h1 {
        line-height: 45px;
        font-size: 26px
    }

    .about-area.style-three {
        padding: 0 0 15px
    }

    .about-area.style-three.dark {
        padding: 81px 0 73px
    }

    .about-thumb.style-three {
        margin-right: -82px;
        margin-top: -77px;
        margin-left: -96px
    }

    .about-shape-three {
        bottom: -62px;
        right: 62px
    }

    .section-main-title.about3 h2 {
        font-size: 33px
    }

    .about-bottom-thumb,
    .projetct-details-image,
    .recent-widget-thumb {
        margin-bottom: 15px
    }

    .about-bottom-title {
        display: inline-block;
        margin-right: 18px
    }

    .about-signiture {
        display: inline-block;
        position: relative;
        top: -46px;
        left: 90px
    }

    .contact-us-area.style-three {
        padding: 70px 0 63px
    }

    .contact-us-content.style-three h2 {
        font-size: 29px
    }

    .contact-us-list {
        text-align: left;
        margin-bottom: 40px
    }

    .contact-us-items-box {
        margin-left: 0;
        padding: 38px 50px 44px
    }

    .service-single-box.style-three {
        padding: 70px 17px 38px
    }

    .sucsees-single-box {
        padding: 68px 25px 65px;
        margin-bottom: 30px
    }

    .team-area.style-three {
        padding: 66px 0 42px
    }

    .team-items-box:hover .team-sub-icon {
        bottom: 68%
    }

    .testimonial-area.style-three {
        padding: 68px 0 65px
    }

    .testi-items-three {
        padding: 60px 12px 35px
    }

    .slider-content.four {
        left: 16px
    }

    .slider-sub-title.four h4 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .slider-main-title.four h1 {
        line-height: 52px;
        font-size: 29px
    }

    .about-area.style-four {
        padding: 64px 0 0
    }

    .about-thumb.four,
    .service-disctription {
        text-align: left
    }

    .about-main-title.style-two h2 {
        line-height: 42px
    }

    .about-counter.four {
        left: 0;
        width: 100%;
        height: 111px;
        padding: 0 16px
    }

    .about-counter-numbar h5 {
        font-size: 60px;
        margin-right: 10px
    }

    .call-do-action-area {
        padding: 98px 0 57px
    }

    .video-icon.style-four a {
        height: 90px;
        width: 90px;
        line-height: 97px
    }

    .call-do-title h2 {
        font-size: 23px;
        line-height: 42px
    }

    .project-area.style-four {
        padding: 68px 0 44px
    }

    .like-us-area {
        padding: 68px 0 34px
    }

    .blog-area.style-four {
        padding: 68px 0 50px
    }

    .slider-content.style-five {
        width: 100%;
        top: 50%;
        left: 6px
    }

    .slider-discripton.inner p {
        width: 98%;
        font-size: 14px
    }

    .service-area.style-five {
        padding: 67px 0 68px
    }

    .thrown-btn {
        margin-left: 0;
        margin-top: 0
    }

    .thrown-btn.service5 a {
        font-size: 12px;
        padding: 10px 17px
    }

    .conversion-area {
        padding: 69px 0 0
    }

    .conversion-main-title h2 {
        font-size: 24px;
        line-height: 32px
    }

    .conversion-text {
        padding: 73px 10px 24px
    }

    .call-do-action-area.style-five {
        height: 730px;
        padding: 324px 0 0
    }

    .about-area.style-five {
        padding: 73px 0 75px
    }

    .about-counter-five {
        width: 174px;
        height: 267px;
        padding: 10px 0 0;
        top: 0
    }

    .counter-five-numbar h4,
    .counter-five-numbar span {
        font-size: 24px
    }

    .counter-five-discription p {
        color: #fff;
        font-size: 14px
    }

    .working-project-area .row.working {
        margin: 0 -23px
    }

    .team-area.style-five {
        padding: 68px 0 0
    }

    .team-area.style-five.dark {
        padding: 68px 0 43px
    }

    .brand-area.style-five {
        padding: 25px 0 55px
    }

    .working-content {
        left: 15px
    }

    .testimonial-area.style-five {
        padding: 68px 0 73px
    }

    .testi-five-box {
        padding: 35px 8px 30px
    }

    .testi-main-title h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 28px
    }

    .testi-five-discription p {
        font-size: 14px;
        width: 100%
    }

    .testimonial-area.style-five .owl-nav {
        right: 30px
    }

    .breatcome-area {
        padding: 120px 0 100px
    }

    .breatcome-text {
        font-size: 14px;
        left: 0
    }

    .team-area.inner-page {
        padding: 62px 0 40px
    }

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

    .service-details-area {
        padding: 74px 0 42px
    }

    .service-details-content h4 a {
        font-size: 27px;
        line-height: 36px
    }

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

    .widget-tags a {
        padding: 7px 9px
    }

    .blog-standard-area {
        padding: 72px 0 44px
    }

    .blog-quote-box {
        padding: 42px 13px 37px
    }

    .blog-video-icon a {
        height: 70px;
        width: 70px;
        font-size: 40px;
        line-height: 72px
    }

    .blog-standard-meta span {
        font-size: 12px
    }

    .blog-standard-content h4 a {
        font-size: 21px;
        line-height: 32px
    }

    .as-pagination {
        margin-bottom: 72px
    }

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

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

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

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

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

    .ba-blog-details-social-icons {
        text-align: left;
        margin-top: 30px
    }

    .blog-details-tag {
        margin-left: 12px
    }

    .blog-details-tag h6 {
        font-size: 18px;
        margin-right: 4px
    }

    .blog-details-tag a {
        padding: 5px 10px;
        font-size: 14px;
        margin-right: 2px
    }

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

    .blog-details-comment h5 {
        margin-bottom: 60px
    }

    .blog-comment-box {
        margin-bottom: 85px
    }

    .blog-comment-list .title {
        margin-bottom: 5px;
        margin-left: 0
    }

    .text-sm-end {
        margin-top: 20px;
        text-align: right
    }

    .blog-contact-box {
        margin-bottom: 30px;
        margin-top: -60px
    }

    .project-area.inner-page {
        padding: 63px 0 85px
    }

    .project-details-area {
        padding: 73px 0 72px
    }

    .project-details-title h5 {
        font-size: 28px;
        line-height: 40px
    }

    .project-details-area .info li h6 {
        width: 46%
    }

    .project-details-area .info li h6 span {
        margin-left: 30px
    }

    .team-details-area {
        padding: 72px 0 73px
    }

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

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

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

    .contact-title h4 {
        font-size: 30px
    }

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

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

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

    .thrown-btn.contact-us {
        margin-bottom: 75px
    }

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

    .contact-inner-page {
        padding: 70px 0 0
    }

    .error-area {
        padding: 25px 0 76px
    }

    .sidebar-home-items {
        margin-left: 23%
    }
}

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

    .sticky-menu,
    .sticky-nav {
        margin: auto;
        position: relative;
        z-index: 9999 !important;
        width: 100%;
        left: 0;
        right: 0;
        top: 0
    }

    .info-section{
        display: block;
    }
    .info-card{
        margin-top: 10px;
    }

}