/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {
    .header-area {
        padding: 0  0 0 20px;
    }
    .header-menu ul li {
        margin-right: 35px;
    }
    .header-contact h4 {
        margin: 0 17px 0 0;
    }
    .service_shape2 {
        right: 11%;
    }
    .hero-thumbs {
        margin-left: 121px;
    }
    .scroll_down {
        left: -61px;
        bottom: 10%;
    }





}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {
    .header-area {
        padding: 0 0 0 20px;
    }
    .header-menu ul li {
        margin-right: 36px;
    }
    .header-sidbar i {
        padding: 33px 15px;
    }
    .header-contact h4 {
        margin: 0 14px 0 0;
    }
    .about-left {
        margin-right: 60px;
    }
    .section-main-title h1 {
        font-size: 35px;
    }
    .hero-sucess {
        top: -15px;
        right: 18%;
    }
    .hero-shape {
        right: -115px;
    }
    .hero-exprince-box {
        width: 28%;
        padding: 6px 10px;
        gap: 10px;
    }
    .prosses_warpper_single_item {
        padding: 35px  28px 36px;
    }
    .section-sub-title a:before {
        width: 391px;
        right: -392px;
    }
    .counter_dhumb img {
        width: 100%;
    }

    /* ================================
     <-- Start Home Two Css -->
    =================================== */
    .hero-title.two h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .hero-thumbs {
        margin-left: 29px;
    }
    .hero_warpper_shape {
        right: -4%;
    }
    .scroll_down {
        left: -3%;
    }
    .hero-content p {
        font-size: 16px;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-count h2 {
        font-size: 45px;
    }
    .about-box-left.text.text_style_two {
        padding: 31px 14px 47px;
        right: 0;
    }
    .style_two .work_content {
        padding: 60px 43px 67px;
        margin-left: 0;
    }
    .pricing_warpper_single_item {
        padding: 40px  27px 30px;
    }
    .cotact_info_item {
        padding: 51px 50px 21px;
    }
    .recent-widget-content a {
        font-size: 12px;
        line-height: 18px;
    }
    .widget-tags li a {
        font-size: 13px;
    }









}


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

    .header-menu ul li {
        margin-right: 20px;
    }
    .header-menu ul li a {
        font-size: 14px;
    }
    .header-contact {
        display: none;
    }
    .hero-shape {
        display: none;
    }
    .hero-sucess {
        right: 14%;
    }
    .hero-exprince-thumb {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .hero-exprince-title h4 {
        font-size: 17px;
    }
    .hero-exprince-box {
        gap: 11px;
    }
    .section-main-title h1 {
        font-size: 32px;
        line-height: 50px;
    }
    .section-sub-title a:before {
        width: 386px;
        right: -387px;
    }
    h2.title_animate {
        letter-spacing: 40px;
    }
    .section-sub-title.style_two a:before {
        width: 108px;
        right: -109px;
    }
    .work_single_item.upper {
        margin-top: -182px;
    }
    .testi_shape {
        top: -20%;
        right: -3%;
    }
    .counter_dhumb img {
        width: 100%;
    }

      /* ================================
     <-- Start Home Two Css -->
    =================================== */
    .hero-title.two h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .hero-thumbs {
        margin-left: 29px;
    }
    .hero_warpper_shape {
        right: -4%;
    }
    .scroll_down {
        left: 3%;
        bottom: 8%;
    }
    .scroll_down a {
        transform: rotate(0deg);
    }
    .hero-content p {
        font-size: 16px;
    }
    .single-coustomar-box.style_two {
        bottom: 15%;
        right: 15%;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-count h2 {
        font-size: 45px;
    }
    .about-box-left.text.text_style_two {
        padding: 31px 14px 47px;
        right: 0;
    }
    .style_two .work_content {
        padding: 60px 43px 66px;
        margin-left: 0;
    }
    .pricing_warpper_single_item {
        padding: 40px  27px 30px;
    }
    .service_single_item.style_two {
        padding: 32px 13px 50px;
    }
    .portfolio_info {
        padding-left: 12px;
    }
    .recent-widget-content a {
        font-size: 12px;
        line-height: 18px;
    }
    .widget-tags li a {
        font-size: 13px;
    }












}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .header-menu ul li {
        margin-right: 12px;
    }
    .header-menu ul li a {
        font-size: 12px;
    }
    .header-menu ul li a:before {
        display: none;
    }
    .header-contact {
        display: none;
    }
    .hero-shape {
        display: none;
    }
    /* .line:nth-child(1) {
        margin-left: -107px;
    } */
    .hero-sucess {
        right: 3%;
    }
    .hero-exprince-thumb {
        display: none;
    }
    .hero-exprince-box {
        padding: 9px 30px;
        bottom: 16px;
    }
    .text-content h4 {
        font-size: 40px;
    }
    .text-content p {
        width: 100%;
    }
    .single-coustomar-box {
        gap: 10px;
        padding: 30px 15px 30px;
    }
    .coustomar-content p {
        font-size: 14px;
    }
    .coustomar-content h4 {
        font-size: 14px;
        margin: 0 0 6px;
        font-weight: 400;
    }
    .hero-thumb img {
        width: inherit;
    }
    .section-main-title h1 {
        font-size: 28px;
        line-height: 45px;
    }
    .about-single-box {

        gap: 20px;
    }
    .about-left {
        margin-right: 20px;
    }
    .service_shape2 {
        right: 8%;
    }
    h2.title_animate {
        letter-spacing: 17px;
    }
    .service_single_item {
        padding: 26px 30px 41px;
    }
    .section-sub-title.style_two a:before {
        width: 60px;
        right: -62px;
    }
    .service_shape3 {
        left: 8%;
    }
    .work_single_item.left {
        margin-right: 0;
    }
    .work_single_item.right {
        margin-left: 0;
    }
    .work_single_item.upper {
        margin-top: -170px;
    }
    .awards-one__img {
        right: 31% !important;
    }
    .prosses_warpper_single_item {
        padding: 35px  20px 36px;
    }
    ul.prosses_list {
        margin-top: 51px;
    }
    .section-sub-title a:before {
        width: 250px;
        right: -251px;
    }
    .counter_dhumb img {
        width: 100%;
    }
    .counter_icon {
        float: inherit;
        margin-bottom: 8px;
    }
    .counter_area {
        padding: 120px 0 97px;
    }
    .blog_content h3 a {
        font-size: 18px;
        line-height: 27px;
    }
    .call_wrapper .section-main-title.style_three h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .call-shape {
        right: 23%;
    }
    .row.footer_bottom_bg {
        padding: 25px 0 25px;
    }
    p.copy_right {
        font-size: 15px;
    }

    /* Start Home Page Two Css  */

    .hero-area.style_two {
        height: 659px;
    }
    .hero-title.two h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .hero-thumbs {
        display: none;
    }
    .hero_warpper_shape {
        display: none;
    }
    .hero_review {
        display: none;
    }
    p.hero_sucess {
        bottom: 53%;
        right: 10%;
    }
    .single-coustomar-box.style_two {
        bottom: 24%;
        right: 15%;
    }
    .scroll_down {
        display: none;
    }
    .service_single_item.style_two {
        padding: 26px 14px 41px;
    }
    .service_single_item.style_two .service_content h3 {
        font-size: 22px;
        line-height: 31px;
    }
    .benix-arrow-service_btn {
        bottom: 5%;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-count h2 {
        font-size: 45px;
    }
    .about-box-left.text.text_style_two {
        padding: 19px 12px 25px;
        right: 0;
    }
    .about-area.style_two .about-single-box {
        gap: 20px;
    }
    ul.about_list li {
        font-size: 15px;
    }
    .style_two .work_thumb img {
        width: 100%;
        height: 500px;
    }
    .style_two .work_content {
        padding: 30px 40px 43px;
        margin-left: 0;
    }
    .style_two .work_content .work-text h3 a {
        font-size: 25px;
    }
    .pricing_warpper_single_item {
        padding: 40px  20px 30px;
    }


    /* ==================================================
        Start Inner Page Css
    ===================================================== */
    /* Service Details Page  */
    .service_single_item.style_inner {
        padding: 26px 15px 41px;
    }
    .team_single_box {
        padding: 20px 0 20px;
        border-radius: 5px;
    }
    .team_conent h3 {
        font-size: 15px;
    }
    .team_thub img {
        width: 81%;
    }
    .cotact_info_item {
        padding: 51px 30px 21px;
    }
    .contact_warpper {
        padding: 60px 34px 60px;
    }
    .porfolio_dtls_container {
        padding: 61px 11px 30px;
    }
    .portfolio_info {
        padding-left: 0;
    }
    .portfolio_info ul li {
        padding: 6px 0;
        font-size: 13px;
    }
    .portfolio_info {
        padding-left: 0;
        margin-top: 30px;
    }
    .widget-categories-box {
        padding: 24px 20px 16px !important;
    }
    .recent-widget-content a {
        font-size: 12px;
        line-height: 18px;
    }
    .widget-tags li a {
        font-size: 12px;
    }
    .blog-details-content h2 {
        font-size: 24px;
    }
    .blog-details-content-list p {
        margin: 0 0 1px;
        font-size: 12px;
        line-height: 20px;
    }
    .blog-details-author-content {
        overflow: hidden;
    }



}


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

.header-area {
    display: none;
}
.sticky {
    position: absolute !important;
}

.hero-content h1 {
    font-size: 60px;
    line-height: 69px;
}
h1.style-text {
    left: 38%;
}
.hero-thumb img {
    width: inherit;
}
.single-coustomar-box {
    margin-top: 30px;
}
.hero-sucess {
    right: 5%;
}
.hero-shape {
    display: none;
}
.hero-exprince-thumb {
    display: none;
}
.hero-exprince-box {
    width: 35%;
    padding: 9px 27px;
    bottom: 11px;
}
/* .line {
    top: 65px;
}
.line:nth-child(5) {
    margin-left: -11%;
}
.line:nth-child(1) {
    margin-left: -158px;
} */
.text-area {
    padding: 35px 0 95px;
}
.about-area {
    padding: 100px 0 220px;
}
.about-left {
    margin-right: 0;
    padding-top: 100px;
    margin-bottom: 30px;
}
.about-box-left.text {
    padding: 107px 0 97px;
}
.video_icon_warpper {
    margin-top: 89px;
    margin-left: 65px;
}
.service_area {
    padding: 100px 0 80px;
}
.service_shape2 {
    right: 12%;
    top: 22%;
}
.service_single_item {
    padding: 27px 31px 45px;
}
.benix_title h1 {
    font-size: 80px;
}
.work_area {
    padding: 72px 0 74px;
}
.work_single_item {
    margin-bottom: 80px;
}
.work_single_item.left {
    margin-right: 0;
}
.work_single_item.right {
    margin-left: 0;
}
.work_single_item.upper {
    margin-top: -124px;
}
.work-text h3 a {
    font-size: 20px;
}
.award_area {
    padding: 100px 0 100px;
}
.awards-one__img {
    top: 103px;
    right: 4% !important;
}
.award_shape {
    top: 8%;
    right: 8%;
}
section.Prosses_area {
    padding: 70px 0 70px;
}
ul.prosses_list {
    margin-top: 50px;
}
.testimonial_area {
    padding: 100px 0 100px;
}
.testi_thumb {
    margin-bottom: 30px;
}
.testi_shape {
    right: 18%;
}
.counter_area {
    padding: 100px 0 100px;
}
.counter_desc p {
    width: 99%;
}
.brand_area {
    padding: 100px 0 100px;
}
.blog_area {
    padding: 100px 0 62px;
}
.pb-120 {
    padding-bottom: 50px;
}
.blog_content h3 a {
    font-size: 18px;
    line-height: 25px;
}
.call_area {
    background: var(--bg-color);
    padding: 100px 0 90px;
}
.call_wrapper .section-main-title.style_three h1 {
    font-size: 40px;
    line-height: 55px;
}
.call-shape {
    display: none;
}
.footer_area {
    padding: 85px 0 40px;
}
.footer_social_icon {
    text-align: left;
    margin-top: 20px;
}


/* Start Home Page Css */

    .hero-area.style_two {
        height: 659px;
    }
    .hero-title.two h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .hero-thumbs {
        display: none;
    }
    .hero_warpper_shape {
        display: none;
    }
    .hero_review {
        display: none;
    }
    p.hero_sucess {
        bottom: 69%;
        right: 4%;
    }
    .single-coustomar-box.style_two {
        bottom: 16%;
        right: 5%;
    }
    .scroll_down {
        display: none;
    }
    .hero-content p {
        font-size: 18px;
    }
    .section-sub-title.style_four {
        margin-bottom: 20px;
    }
    .service_single_item.style_two {
        padding: 27px 12px 45px;
    }
    .benix-arrow-service_btn {
        bottom: 20px;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-box-left.text.text_style_two {
        padding: 42px 53px 63px;
        right: 0;
    }
    .work_single_item.style_two {
        grid-template-columns: repeat(1, 1fr);
    }
    .style_two .work_thumb img {
        width: 100%;
    }
    .style_two .work_content {
        padding: 31px 43px 49px;
        margin-left: 0;
    }

    /* ==================================================
        Start Inner Page Css
    ===================================================== */
    /* Service Details Page  */
    .portfolio_details_content h2 {
        font-size: 40px;
    }
    h2.breadcrumb_title {
        font-size: 50px;
    }
    
    section.faq_area {
        padding: 100px 0 100px;
    }
    div#accordionFlushExample {
        margin: 0 0 0;
    }
    .contact_map {
        width: 636px;
        
    }
    .portfolio_info ul li {
        padding: 6px 0;
        font-size: 13px;
    }
    .portfolio_info {
        padding-left: 0;
        margin-top: 30px;
    }
    .blog-details-video-thumb {
        margin-bottom: 20px;
    }
    .blog-details-author-content {
        overflow: hidden;
    }
    .recent-widget-content a {
        font-size: 19px;
    }







}



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

 

    .header-area {
        display: none;
    }
    .sticky {
        position: absolute !important;
    }
    .hero-content h1 {
        font-size: 60px;
        line-height: 69px;
    }
    h1.style-text {
        left: 40%;
    }
    .hero-exprince-title h4 {
        font-size: 15px;
    }
    .hero-thumb img {
        width: inherit;
    }
    .single-coustomar-box {
        margin-top: 30px;
    }
    .hero-sucess {
        display: none;
    }
    .hero-shape {
        display: none;
    }
    .hero-exprince-thumb {
        display: none;
    }
    .hero-exprince-box {
        width: 38%;
        padding: 9px 30px;
        bottom: 11px;
    }
    .hero_arrow {
        right: -5%;
        padding: 133px 11px;
    }
    .project-button.style_two a {
        height: 130px;
        width: 130px;
    }
    /* .line {
        top: 65px;
    }
    .line:nth-child(5) {
        margin-left: -11%;
    }
    .line:nth-child(1) {
        margin-left: -122px;
    } */
    .text-area {
        padding: 22px 0 100px;
    }
    .about-area {
        padding: 100px 0 190px;
    }
    .about-left {
        margin-right: 0;
        padding-top: 100px;
        margin-bottom: 30px;
    }
    .about-box-left.text {
        padding: 107px 0 97px;
    }
    .video_icon_warpper {
        margin-top: 30px;
        margin-left: 166px;
        margin-bottom: 30px;
    }
    .section-main-title h1 {
        font-size: 28px;
        line-height: 45px;
    }
    h2.title_animate {
        letter-spacing: 30px;
    }
    .service_area {
        padding: 100px 0 80px;
    }
    .service_shape2 {
        right: 12%;
        top: 22%;
    }
    .service_single_item {
        padding: 27px 31px 45px;
    }
    .service_shape3 {
        display: none;
    }
    .benix_title h1 {
        font-size: 80px;
    }
    .work_area {
        padding: 72px 0 74px;
    }
    .work_single_item {
        margin-bottom: 0;
    }
    .work_single_item.left {
        margin-right: 0;
    }
    .work_single_item.right {
        margin-left: 0;
    }
    .work_single_item.upper {
        margin-top: 0;
    }
    .section-main-title.style_three h1 {
        font-size: 20px;
        line-height: 35px;
    }
    .award_area {
        padding: 100px 0 100px;
    }
    .award_area .section-sub-title {
        margin-bottom: 25px;
    }
    .content-box {
        display: block;
    }
    h4.award_category {
        margin-top: 0;
    }
    .awards-one__img {
        top: 124px;
        right: -111% !important;
    }
    .award_shape {
        top: 8%;
        right: 8%;
    }
    section.Prosses_area {
        padding: 70px 0 70px;
    }
    ul.prosses_list {
        margin-top: 50px;
    }
    .testimonial_area {
        padding: 100px 0 100px;
    }
    .testi_thumb {
        margin-bottom: 30px;
    }
    .testi_shape {
        right: -10%;
    }
    .pb-90 {
        padding-bottom: 45px;
    }
    .counter_area {
        padding: 100px 0 78px;
    }
    .counter_desc p {
        width: 87%;
    }
    .counter_icon_item {
        margin-top: 25px;
    }
    .brand_area {
        padding: 100px 0 100px;
    }
    .benix_coun {
        text-align: left;
        margin-top: 22px;
    }
    .blog_area {
        padding: 100px 0 62px;
    }
    .pb-120 {
        padding-bottom: 50px;
    }
    .blog_content {

        padding: 0 30px 0;
    }
    .call_area {
        background: var(--bg-color);
        padding: 100px 0 90px;
    }
    .call_wrapper .section-main-title.style_three h1 {
        font-size: 26px;
        line-height: 45px;
    }
    .call-shape {
        display: none;
    }
    .footer_area {
        padding: 85px 0 40px;
    }
    .footer_social_icon {
        text-align: left;
        margin-top: 20px;
    }
    p.copy_right {
        font-size: 13px;
    }
    

    /* Start Home Page Css */

    .hero-area.style_two {
        height: 659px;
    }
    .hero-title.two h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .hero-thumbs {
        display: none;
    }
    .hero_warpper_shape {
        display: none;
    }
    .hero_review {
        display: none;
    }
    p.hero_sucess {
        bottom: 69%;
        right: 4%;
    }
    .single-coustomar-box.style_two {
        display: none;
    }
    .scroll_down {
        display: none;
    }
    .hero-content p {
        font-size: 18px;
    }
    .section-sub-title.style_four {
        margin-bottom: 20px;
    }
    .service_single_item.style_two {
        padding: 27px 55px 45px;
    }
    .benix-arrow-service_btn {
        bottom: 20px;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-box-left.text.text_style_two {
        padding: 31px 11px 41px;
        right: 0;
    }
    .about-count h2 {
        font-size: 40px;
    }
    .work_single_item.style_two {
        grid-template-columns: repeat(1, 1fr);
    }
    .style_two .work_thumb img {
        width: 100%;
    }
    .style_two .work_content {
        padding: 31px 43px 49px;
        margin-left: 0;
    }
    .work_area.style_two {
        padding: 100px 0 100px;
    }

/* ==================================================
        Start Inner Page Css
    ===================================================== */
    /* Service Details Page  */
    .service_single_item.style_inner {
        padding: 26px 15px 41px;
    }
    .portfolio_details_content h2 {
        font-size: 30px;
    }
    h2.breadcrumb_title {
        font-size: 50px;
    }

    section.faq_area {
        padding: 100px 0 100px;
    }
    div#accordionFlushExample {
        margin: 0 0 0;
    }
    .contact_map {
        width: 446px;
    }
    .portfolio_info {
        padding-left: 0;
        margin-top: 30px;
    }
    .portfolio_info ul li {
        padding: 6px 0;
        font-size: 13px;
    }
    .blog-details-content h2 {
        font-size: 20px;
    }
    .blog-details-video-thumb {
        margin-bottom: 30px;
    }
    .blog-details-author-content {
        overflow: hidden;
    }










}






/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
   
    .header-area {
        display: none;
    }
    .sticky {
        position: absolute !important;
    }
    
    .hero-content h1 {
        font-size: 60px;
        line-height: 69px;
    }
    h1.style-text {
        left: 25%;
    }
    .hero-thumb img {
        width: inherit;
    }
    .single-coustomar-box {
        margin-top: 30px;
    }
    .hero-sucess {
        display: none;
    }
    .hero-shape {
        display: none;
    }
    .hero-exprince-thumb {
        display: none;
    }
    .hero-exprince-box {
        display: none;
    }
    .hero_arrow_right {
        top: -149%;
    }
    .hero_arrow {
        right: 0%;
        padding: 133px 11px;
    }
    .project-button.style_two a {
        height: 130px;
        width: 130px;
    }
    /* .line {
        top: 65px;
    }
    .line:nth-child(5) {
        margin-left: -11%;
    }
    .line:nth-child(1) {
        margin-left: -98px;
    } */
    .text-area {
        padding: 22px 0 100px;
    }
    .text-content h4 {
        font-size: 40px;
    }
    .coustomar-content h4 {
        font-size: 17px;
    }
    .section-sub-title a:before {
        width: 265px;
        right: -266px;
    }
    .single-coustomar-box {
        padding: 38px 8px 41px;
    }
    .about-area {
        padding: 100px 0 180px;
    }
    .about-left {
        margin-right: 0;
        padding-top: 100px;
        margin-bottom: 30px;
    }
    .about-box-left.text {
        padding: 107px 0 97px;
    }
    .about-single-box {
        display: block;
    }
    .about-desc {
        margin-top: 20px;
    }
    .video_icon_warpper {
        margin-top: 30px;
        margin-left: 166px;
        margin-bottom: 30px;
    }
    .section-main-title h1 {
        font-size: 28px;
        line-height: 45px;
    }
    h2.title_animate {
        letter-spacing: 18px;
        bottom: -64%;
    }
    .service_area {
        padding: 100px 0 80px;
    }
    .service_shape2 {
        right: 12%;
        top: 22%;
    }
    .service_single_item {
        padding: 27px 31px 45px;
    }
    .service_shape3 {
        display: none;
    }
    .benix_title h1 {
        font-size: 55px;
    }
    .work_area {
        padding: 72px 0 100px;
    }
    .work_single_item {
        margin-bottom: 0;
    }
    .work_single_item.left {
        margin-right: 0;
    }
    .work_single_item.right {
        margin-left: 0;
    }
    .work_single_item.upper {
        margin-top: 0;
    }
    .work_wrapper {
        display: block;
    }
    .section-main-title {
        margin-bottom: 73px;
    }
    .section-main-title.style_three h1 {
        font-size: 20px;
        line-height: 35px;
    }
    .award_area {
        padding: 100px 0 100px;
    }
    .award_area .section-sub-title {
        margin-bottom: 25px;
    }
    .texts-box h3 a {
        font-size: 22px;
    }
    .content-box {
        display: block;
    }
    h4.award_category {
        margin-top: 0;
    }
    .awards-one__img {
        top: 124px;
        right: -111% !important;
    }
    .award_shape {
        top: 8%;
        right: 8%;
    }
    section.Prosses_area {
        padding: 70px 0 70px;
    }
    ul.prosses_list {
        margin-top: 50px;
    }
    .testimonial_area {
        padding: 100px 0 100px;
    }
    .testi_thumb {
        margin-bottom: 30px;
    }
    .testi_shape {
        right: -10%;
    }
    .pb-90 {
        padding-bottom: 45px;
    }
    .counter_area {
        padding: 100px 0 78px;
    }
    .counter_desc p {
        width: 87%;
    }
    .counter_icon_item {
        margin-top: 25px;
    }
    .brand_area {
        padding: 100px 0 100px;
    }
    .benix_coun {
        text-align: left;
        margin-top: 22px;
    }
    .blog_area {
        padding: 100px 0 62px;
    }
    .pb-120 {
        padding-bottom: 50px;
    }
    .blog_content {

        padding: 0 30px 0;
    }
    .call_area {
        background: var(--bg-color);
        padding: 100px 0 90px;
    }
    .call_wrapper {
        display: block;
    }
    .call_wrapper .section-main-title.style_three h1 {
        font-size: 26px;
        line-height: 45px;
    }
    .call-shape {
        display: none;
    }
    .footer_area {
        padding: 85px 0 40px;
    }
    .row.footer_bottom_bg {
        padding: 25px 10px 25px;
    }
    .footer_social_icon {
        text-align: left;
        margin-top: 20px;
    }
    p.copy_right {
        font-size: 13px;
        margin-left: 40px;
    }
    p.copy_right:before {
        left: -20px;
    }

    /* Start Home Page Css */

    .hero-area.style_two {
        height: 659px;
    }
    .hero-title.two h1 {
        font-size: 40px;
        line-height: 60px;
    }
    .hero-thumbs {
        display: none;
    }
    .hero_warpper_shape {
        display: none;
    }
    .hero_review {
        display: none;
    }
    p.hero_sucess {
        display: none;
    }
    .single-coustomar-box.style_two {
        display: none;
    }
    .scroll_down {
        display: none;
    }
    .hero-content p {
        font-size: 18px;
    }
    .section-sub-title.style_four {
        margin-bottom: 20px;
    }
    .service_single_item.style_two {
        padding: 27px 55px 45px;
    }
    .benix-arrow-service_btn {
        bottom: 20px;
    }
    .about-area.style_two {
        padding: 100px 0 90px;
    }
    .about-thumb.style_two {
        margin-left: 0;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-box-left.text.text_style_two {
        padding: 22px 11px 22px;
        right: 0;
    }
    .about-count h2 {
        font-size: 40px;
    }
    .work_single_item.style_two {
        grid-template-columns: repeat(1, 1fr);
    }
    .style_two .work_content .work-text h3 a {
        font-size: 25px;
    }
    .style_two .work_thumb img {
        width: 100%;
    }
    .style_two .work_content {
        padding: 31px 43px 49px;
        margin-left: 0;
    }
    .work_area.style_two {
        padding: 100px 0 100px;
    }

    /* ==================================================
        Start Inner Page Css
    ===================================================== */
    /* Service Details Page  */
    .service_single_item.style_inner {
        padding: 26px 15px 41px;
    }
    .portfolio_details_content h2 {
        font-size: 31px;
    }
    h2.breadcrumb_title {
        font-size: 40px;
    }

    section.faq_area {
        padding: 100px 0 100px;
    }
    div#accordionFlushExample {
        margin: 0 0 0;
    }
    button.accordion-button.collapsed {
        padding: 20px 11px 20px;
        font-size: 13px;
    }
    .contact_warpper {
        padding: 30px 30px 30px;
    }
    .contact_map {
        width: 422px;
    }
    .contact_map {
        width: 446px;
    }
    .porfolio_dtls_container {
        padding: 54px 22px 25px;
    }
    .portfolio_info {
        padding-left: 0;
        margin-top: 30px;
    }
    .portfolio_info h3 {
        font-size: 25px;
    }
    .portfolio_info ul li {
        padding: 6px 0;
        font-size: 13px;
    }
    .blog-details-author-thumb {
        float: inherit;
        margin-bottom: 20px;
    }
    .blog-details-comment.reply {
        margin-left: 0;
    }
    .blog-details-comment-reply {
        position: absolute;
        right: 5px;
    }










}

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

    .header-area {
        display: none;
    }
    .sticky {
        position: absolute !important;
    }
    .hero-area {
        height: 958px;
    }
    .hero-content h1 {
        font-size: 44px;
        line-height: 50px;
    }
    h1.style-text {
        left: 15%;
    }
    .hero-thumb img {
        width: inherit;
    }
    .hero-sucess {
        display: none;
    }
    .hero-shape {
        display: none;
    }
    .hero-exprince-thumb {
        display: none;
    }
    .hero-exprince-box {
        display: none;
    }
    .hero_arrow_right {
        top: -149%;
    }
    .hero_arrow {
        right: 0%;
        padding: 78px 7px;
    }
    .hero_wrapper_arrow_btn {
        top: 67px;
    }
    .project-button.style_two a {
        height: 95px;
        width: 95px;
    }
    .hero_arrow_right {
        display: none;
    }
    /* .line {
        top: 65px;
    }
    .line:nth-child(6) {
        margin-left: -21.3%;
    }
    .line:nth-child(5) {
        margin-left: -11%;
    }
    .line:nth-child(1) {
        margin-left: -98px;
    } */
    .text-area {
        padding: 22px 0 100px;
    }
    .text-content h4 {
        font-size: 22px;
    }
    .coustomar-content h4 {
        font-size: 17px;
    }
    .section-sub-title a:before {
        width: 265px;
        right: -266px;
    }
    .single-coustomar-box {
        display: block;
        margin-top: 20px;
        padding: 38px 41px 41px;
    }
    .coustomar-content {
        margin-top: 20px;
    }
    .about-area {
        padding: 100px 0 180px;
    }
    .about-left {
        margin-right: 0;
        padding-top: 64px;
        margin-bottom: 30px;
    }
    .about-box-left.text {
        padding: 107px 0 97px;
    }
    .about-single-box {
        display: block;
    }
    .about-desc {
        margin-top: 20px;
    }
    .video_icon_warpper {
        margin-top: 30px;
        margin-left: 63px;
        margin-bottom: 30px;
    }
    .section-main-title h1 {
        font-size: 16px;
        line-height: 31px;
    }
    h2.title_animate {
        letter-spacing: 14px;
        bottom: -62%;
        font-size: 52px;
    }
    .service_area {
        padding: 100px 0 80px;
    }
    .service_area .section-sub-title {
        margin-bottom: 25px;
    }
    .service_shape2 {
        right: 12%;
        top: 22%;
    }
    .service_single_item {
        padding: 27px 18px 45px;
    }
    .service_content h3 {
        font-size: 20px;
    }
    .service_shape3 {
        display: none;
    }
    .benix_title h1 {
        font-size: 44px;
    }
    .work_area {
        padding: 72px 0 100px;
    }
    .work_single_item {
        margin-bottom: 0;
    }
    .work_single_item.left {
        margin-right: 0;
    }
    .work_single_item.right {
        margin-left: 0;
    }
    .work_single_item.upper {
        margin-top: 0;
    }
    .work_wrapper {
        display: block;
    }
    .work-text h3 a {
        font-size: 17px;
        font-weight: 400;
    }
    .section-main-title {
        margin-bottom: 73px;
    }
    .section-main-title.style_three h1 {
        font-size: 14px;
        line-height: 24px;
    }
    .work_wrapper .project-button.style_two a{
        height: 149px;
        width: 149px;
        border-radius: 50%;
    }
    .award_area {
        padding: 100px 0 100px;
    }
    .award_area .section-sub-title {
        margin-bottom: 25px;
    }
    .texts-box h3 a {
        font-size: 22px;
    }
    .content-box {
        display: block;
    }
    h4.award_category {
        margin-top: 0;
    }
    .awards-one__img {
        display: none;
    }
    .award_shape {
        top: 6%;
        right: 7%;
    }
    section.Prosses_area {
        padding: 70px 0 70px;
    }
    ul.prosses_list {
        margin-top: 50px;
    }
    .prosses_warpper_single_item {
        padding: 35px  20px 36px;
    }
    h3.prosses_title {
        padding-bottom: 22px;
    }
    .testimonial_area {
        padding: 100px 0 100px;
    }
    .testi_thumb {
        margin-bottom: 30px;
    }
    .testi_shape {
        display: none;
    }
    .testi_thumb img {
        width: 100%;
    }
    .testimonial-content {
        padding: 40px 20px 34px;
    }
    .tesit-auothor h4.name {
        font-size: 15px;
    }
    .lavewell-benix-arrow-box {
        display: none;
    }
    .pb-90 {
        padding-bottom: 45px;
    }
    .counter_area {
        padding: 100px 0 78px;
    }
    .counter_desc p {
        width: 87%;
    }
    .counter_icon_item {
        margin-top: 25px;
    }
    .brand_area {
        padding: 100px 7px 100px;
    }
    .benix_coun {
        text-align: left;
        margin-top: 22px;
    }
    .blog_area {
        padding: 100px 0 62px;
    }
    .pb-120 {
        padding-bottom: 50px;
    }
    .blog_content h3 a {
        font-size: 17px;
    }
    .call_area {
        background: var(--bg-color);
        padding: 100px 0 90px;
    }
    .section_wrapper_arrow {
        float: inherit;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .call_wrapper .project-button.style_two a {
        height: 149px;
        width: 149px;
    }
    .call_wrapper {
        display: block;
    }
    .call_wrapper .section-main-title.style_three h1 {
        font-size: 26px;
        line-height: 45px;
    }
    .call-shape {
        display: none;
    }
    .footer_area {
        padding: 85px 0 40px;
    }
    .row.footer_bottom_bg {
        padding: 25px 10px 25px;
    }
    .footer_social_icon {
        text-align: left;
        margin-top: 20px;
    }
    .footer_copy_right {
        display: block;
    }
    p.copy_right {
        font-size: 13px;
        margin-left: 0;
        margin-top: 10px;
    }
    p.copy_right:before {
        display: none;
    }

    /* Start Home Two Page Css */

    .hero-area.style_two {
        height: 659px;
    }
    img.hero_rotate {
        display: none;
    }
    .hero-title.two h1 {
        font-size: 35px;
        line-height: 48px;
    }
    .hero-thumbs {
        display: none;
    }
    .hero_warpper_shape {
        display: none;
    }
    .hero_review {
        display: none;
    }
    p.hero_sucess {
        display: none;
    }
    .single-coustomar-box.style_two {
        display: none;
    }
    .scroll_down {
        display: none;
    }
    .hero-content p {
        font-size: 15px;
    }
    .hero_btn a {
        padding: 21px 33px;
    }
    .section-sub-title.style_four {
        margin-bottom: 20px;
    }
    .service_single_item.style_two {
        padding: 27px 10px 45px;
    }
    .service_single_item.style_two .service_content h3 {
        font-size: 20px;
        line-height: 29px;
    }
    .benix-arrow-service_btn {
        bottom: 20px;
    }
    .about-area.style_two {
        padding: 100px 0 90px;
    }
    .about-thumb.style_two {
        margin-left: 0;
        margin-bottom: 30px;
    }
    ul.about_list li {
        font-size: 15px;
    }
    .about_warpper_right .project-button.style_two a {
        height: 149px;
        width: 149px;
    }
    .about-thumb.style_two img {
        width: 100%;
    }
    .about-box-left.text.text_style_two {
        display: none;
    }
    .about-count h2 {
        font-size: 40px;
    }
    .work_single_item.style_two {
        grid-template-columns: repeat(1, 1fr);
    }
    .style_two .work_content {
        padding: 31px 15px 49px;
    }
    .style_two .work_content .work-text h3 a {
        font-size: 20px;
    }
    .work_category a {
        padding: 4px 17px;
    }
    .style_two .work_thumb img {
        width: 100%;
    }
    .style_two .work_content {
        padding: 31px 43px 49px;
        margin-left: 0;
    }
    .work_area.style_two {
        padding: 100px 0 100px;
    }
    .pricing_warpper_single_item {
        padding: 40px  18px 30px;
    }
    ul.pricing_list li {
        font-size: 15px;
    }

 /* ==================================================
        Start Inner Page Css
    ===================================================== */
    /* Service Details Page  */
    h2.breadcrumb_title {
        font-size: 28px;
    }
    .main_service_dtls {
        padding: 35px 19px 25px;
    }
    .portfolio_details_content h2 {
        font-size: 19px;
    }
    section.faq_area {
        padding: 100px 0 100px;
    }
    div#accordionFlushExample {
        margin: 0 0 0;
    }
    button.accordion-button.collapsed {
        padding: 20px 11px 20px;
        font-size: 13px;
    }
    .cotact_info_item {
        padding: 30px 20px 14px;
    }
    .contact_warpper {
        background: var(--bg-color);
        padding: 30px 30px 30px;
    }
    .porfolio_dtls_container {
        padding: 54px 22px 25px;
    }
    .portfolio_info {
        padding-left: 0;
        margin-top: 30px;
    }
    .portfolio_info h3 {
        font-size: 17px;
    }
    .portfolio_info ul li {
        padding: 6px 0;
        font-size: 13px;
    }
    .port_dtl_social a {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }
    .widget-categories-box {
        padding: 24px 18px 16px !important;
    }
    .recent-widget-content a {
        font-size: 10px;
        line-height: 15px;
    }
    .widget-tags li a {
        font-size: 11px;
    }
    .blog-details-author-thumb {
        float: inherit;
        margin-bottom: 20px;
    }
    .blog-details-comment.reply {
        margin-left: 0;
    }
    .blog-details-comment-reply {
        position: absolute;
        right: 5px;
    }
    .blog-details-content h2 {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .blog-details-main {
        padding: 13px;
    }
    .blog-details-blockquote {
        padding: 40px 20px 26px;
    }
    .blog-details-video-thumb {
        margin-bottom: 20px;
    }
    .blog-details-social {
        text-align: left;
    }
    .blog-details-author-content h2 {
        font-size: 16px;
    }
    .blog-details-comment-thumb {
        float: inherit;
        margin-bottom: 20px;
    }
    .work_single_item.style_two .work_content {
        padding: 31px 20px 49px;
        margin-left: 0;
    }
    .work_single_item.style_two .work_category a {
        padding: 4px 16px;
    }
    .style_two .work_content .work_right_btn a {
        padding: 14px 35px;
    }
    .service_dtls_content h2 {
        font-size: 23px;
    }


}




/*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%;
    }
}