@media (max-width: 1440px){
    .home_banner_text,
    .page_banner_content h2{
        font-size: 75px;
        line-height: 95px;
    }

    .sec_heading span,
    .redirection_link span,
    .what_we_do_flex .what_we_do_right .accordion .accordion__panel p{
        font-size: 16px;
    }

    .redirection_link svg{
        height: 24px;
        width: 24px;
    }

    .sec_title,
    .top_footer_flex .top_footer_left h2{
        font-size: 50px;
        line-height: 65px;
    }

    .service_flex .service_column .service_box p{
        font-size: 32px;
    }

    .redirection_link{
        margin-top: 60px;
    }

     
    .marquee-inner{
        width: 700%;
    }

    .marquee-item{
        margin: 0 20px;
    }

    .marquee-inner p{
        font-size: 50px;
    }

    @keyframes marqueeLeft{
        0% {
          left: 0;
        }
        100% {
          left: -150%;
        }
      }

      .home_contact_content h3{
        font-size: 40px;
      }
      .home_contact_content .home_contact_link{
        height: 130px;
        width: 130px;
        font-size: 20px;
      }

      .top_footer_flex .top_footer_left .top_footer_contact_info .contact_details, .top_footer_flex .top_footer_left .top_footer_contact_info .address_info{
        flex: 0 0 100%;
        max-width: 100%;
      }
    
      .blogs_flex .blog_column{
        flex: 0 0 33.33%;
        max-width: 33.33%;
      }
      
}

@media (max-width: 1280px){
    .home_banner_text,
    .page_banner_content h2{
        font-size: 60px;
        line-height: 80px;
    }

    .sec_title,
    .top_footer_flex .top_footer_left h2 {
        font-size: 45px;
        line-height: 55px;
    }

    .service_flex .service_column .service_box p{
        font-size: 28px;
    }

    .about_me_flex .about_me_right p,
    .what_we_do_flex .what_we_do_left p,
    .about_me_content .about_info p,
    .services_flex .services_col .service_box .sevice_info p,
    .services_flex .services_col .service_box .sevice_info a,
    .all_service_inner_para p{
        font-size: 16px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button{
        font-size: 20px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button span:nth-child(1){
        margin-right: 25px;
        font-size: 16px;
    }

    .home_contact_content h3{
        font-size: 36px;
        line-height: 48px;
    }

    .artistic_enhancement_flex .artistic_enhancement_col .artistics_enhancement_box .artistics_enhancement_info h3{
        font-size: 22px;
    }

    .artistic_enhancement_flex .artistic_enhancement_col .artistics_enhancement_box .artistics_enhancement_info p{
        font-size: 16px;
        line-height: 26px;
    }

    .services_flex .services_col .service_box .sevice_info h3{
        font-size: 24px;
        line-height: 38px;
      }

      .services_flex{
        margin: 0 -25px;
      }

      .services_flex .services_col{
        padding: 0 25px;
      }

      .services_flex .services_col .service_box .sevice_info{
        width: calc(100% - 70px);
        left: 35px;
      }

      .portfolio_flex{
        margin: 0 -20px;
      }

      .portfolio_flex .portfolio_col{
        padding: 0 20px;
        margin-bottom: 40px;
      }

}

@media (max-width: 991px){

    .container,
    .home_banner_text,
    .about_me_container,
    .page_banner_content{
        max-width: 90%;
        width: 90%;
    }

    .marquee-wrapper .container {
        width: 100%;
    }

    .about_me_container{
        margin-left: unset;
        margin: 0 auto;
    }

    .center_area{
        display: none;
    }

    .quick_links{
        display: block;
    }

    .home_banner_text,
    .page_banner_content h2{
        font-size: 50px;
        line-height: 70px;
    }

    .section_padding{
        padding: 150px 0;
    }

    .sec_title,
    .top_footer_flex .top_footer_left h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .service_flex .service_column .service_box h3{
        font-size: 16px;
    }

    .service_flex .service_column .service_box p{
        font-size: 22px;
    }

    .service_flex{
        margin: 0 -25px;
    }

    .service_flex .service_column{
        padding: 0 25px;
    }

    .about_me_flex .about_me_left,
    .about_me_flex .about_me_right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .about_me_flex .about_me_right{
        margin-top: 40px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button[aria-expanded='false']::before{
        content: url('https://api.iconify.design/ic/baseline-minus.svg?color=%23ef644c&width=20&height=20');
    }
    
    .what_we_do_flex .what_we_do_right .accordion .accordion__button[aria-expanded='true']::before{
        content: url('https://api.iconify.design/ic/baseline-plus.svg?color=%23ef644c&width=20&height=20');
    }

    .what_we_do_flex .what_we_do_left, .what_we_do_flex .what_we_do_right{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .marquee-inner p{
        font-size: 40px;
    }

    .marquee-inner{
        width: 900%;
    }

    @keyframes marqueeLeft{
        0% {
          left: 0;
        }
        100% {
          left: -180%;
        }
    }

    .home_contact_content h3{
        font-size: 32px;
      }
      .home_contact_content .home_contact_link{
        height: 110px;
        width: 110px;
        font-size: 18px;
      }

      .artistic_enhancement_flex .artistic_enhancement_col .artistics_enhancement_box img{
        max-width: 110px;
      }

      .top_footer_flex .top_footer_left .top_footer_contact_info .address_info p,
      .bottom_footer .footer_nav .footer_menu nav ul li a,
      .bottom_footer .footer_copyright p,
      .about_me_content .about_info p,
      .services_flex .services_col .service_box .sevice_info p,
      .services_flex .services_col .service_box .sevice_info a,
      .all_service_inner_para p,
      .top_footer_flex .top_footer_left p,
      .top_footer_flex .top_footer_left .top_footer_contact_info .contact_details .mobile_email a,
      .highlightOption, .optionListContainer .optionContainer li,
      .blogs_flex .blog_column .blog_para{
        font-size: 14px;
        line-height: 26px;
      }

      .top_footer_flex .top_footer_right h2{
        font-size: 28px;
      }

      .bottom_footer .footer_nav .footer_menu nav ul li:not(:last-child){
        margin-right: 25px;
      }
    
      .bottom_footer .footer_nav .footer_menu,
      .bottom_footer .footer_nav .footer_copyright{
        flex: 0 0 100%;
        max-width: 100%;
      }

      .bottom_footer .footer_nav,
    .bottom_footer .footer_copyright p{
        justify-content: center;
    }

    .bottom_footer .footer_copyright{
        margin-top: 20px;
    }

    .bottom_footer .footer_logo{
        text-align: center;
    }

    .page_banner_area,
    .page_banner_area .banner_img_bg{
        height: 500px;
    }

    .services_flex .services_col .service_box .sevice_info h3 {
        font-size: 22px;
        line-height: 36px;
    }

    .services_flex .services_col .service_box .sevice_info {
        width: calc(100% - 50px);
        left: 25px;
    }

    .technology_flex .tech_img{
        flex: 0 0 20%;
        max-width: 20%;
    }

    .portfolio_flex .portfolio_col{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .top_footer .contactus_img{
        width: 100%;
        margin-top: 50px;
    }

    .blogs_listing h3{
        font-size: 55px;
    }

    .blogs_flex .blog_column{
        flex: 0 0 50%;
        max-width: 50%;
      }

      .blogs_flex .blog_column .blog_title{
        font-size: 20px;
        line-height: 30px;
      }
}

@media (max-width: 767px){
    .section_padding {
        padding: 120px 0;
    }

    .left_area .logo img{
        max-width: 85px;
    }

    .home_banner_text,
    .page_banner_content h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .home_banner_slider .heroSwipper .swiper-slide img{
        height: 75vh;
    }

    .home_banner_slider .swiper-pagination-bullet{
        height: 18px !important;
        width: 18px !important;
        margin: 10px !important;
    }

    .home_banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
        width: 9px !important;
        height: 9px !important;
    }

    .sec_heading span{
        font-size: 14px;
    }

    .service_flex .service_column{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .redirection_link span{
        font-size: 14px;
    }

    .redirection_link svg{
        height: 20px;
        width: 20px;
    }

    .about_me_flex .about_me_right p,
    .what_we_do_flex .what_we_do_right .accordion .accordion__panel p,
    .what_we_do_flex .what_we_do_left p,
    .artistic_enhancement_flex .artistic_enhancement_col .artistics_enhancement_box .artistics_enhancement_info p,
    .quick_links ul li a{
        font-size: 14px;
        line-height: 24px;
    }

    .redirection_link{
        margin-top: 40px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button span:nth-child(1){
        font-size: 14px;
        margin-right: 15px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button {
        font-size: 18px;
    }

    .what_we_do_flex .what_we_do_right,
    .all_service_inner_para p{
        padding-top: 40px;
    }

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

    .sidebar_info h2{
        font-size: 36px;
        line-height: 40px;
    }
    .sidebar_info h2 span{
        font-size: 16px;
    }

    .sec_title{
        padding: 60px 0;
    }

    .home_contact_content h3{
        font-size: 28px;
        line-height: 40px;
      }
      .home_contact_content .home_contact_link{
        height: 100px;
        width: 100px;
        font-size: 16px;
      }

      .home_contact_content{
        padding: 100px 0;
      }

      .artistic_enhancement_flex{
        margin: 50px -25px 0;
      }

      .artistic_enhancement_flex .artistic_enhancement_col{
        padding: 0 25px;
      }

      .artistic_enhancement_flex .artistic_enhancement_col .artistics_enhancement_box .artistics_enhancement_info h3{
        font-size: 20px;
    }

    .top_footer_flex{
        margin: 0 -25px;
    }

    .top_footer_flex .top_footer_left, .top_footer_flex .top_footer_right{
        padding: 0 25px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top_footer_flex .top_footer_right{
        margin-top: 30px;
    }

    .page_banner_area, .page_banner_area .banner_img_bg {
        height: 380px;
    }

    .innerPageAbout{
        margin-bottom: 100px;
      }

      .services_flex .services_col{
        flex: 0 0 100%;
        max-width: 100%;
      }

      .services_flex .services_col .service_box .sevice_info {
        width: calc(100% - 40px);
        left: 20px;
    }

    .services_flex .services_col .service_box .sevice_info h3 {
        font-size: 19px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    
    .services_flex .services_col .service_box .service_img {
        height: 400px;
        position: relative;
    }

    .service_content_area {
        padding: 70px 0 100px;
    }

    .technology_flex .tech_img{
        flex: 0 0 25%;
        max-width: 25%;
    }

    .blogs_listing h3{
        font-size: 32px;
    }

    .blogs_listing{
        padding-top: 40px !important;
    }
}

@media (max-width: 576px){
    .section_padding {
        padding: 90px 0;
    }

    .quick_links ul li{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .home_banner_text,
    .page_banner_content h2 {
        font-size: 36px;
        line-height: 40px;
    }


    .home_banner_text br{
        display: none;
    }

    .sec_title,
    .top_footer_flex .top_footer_left h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .what_we_do_flex .what_we_do_right .accordion .accordion__button span:nth-child(1) {
        font-size: 12px;
        margin-right: 10px;
    }

    .sec_title br{
        display: none;
    }

    .service_flex .service_column .service_box p {
        font-size: 20px;
    }

    .marquee-inner p{
        font-size: 35px;
    }

    .marquee-inner{
        width: 1350%;
    }

    .marquee-inner img{
        max-width: 45px;
    }

    .marquee-item {
        margin: 0 15px;
    }

    @keyframes marqueeLeft{
        0% {
          left: 0;
        }
        100% {
          left: -560%;
        }
      }
    

    .what_we_do_flex .what_we_do_right .accordion .accordion__button[aria-expanded='false']::before{
        content: url('https://api.iconify.design/ic/baseline-minus.svg?color=%23ef644c&width=16&height=16');
    }
    
    .what_we_do_flex .what_we_do_right .accordion .accordion__button[aria-expanded='true']::before{
        content: url('https://api.iconify.design/ic/baseline-plus.svg?color=%23ef644c&width=16&height=16');
    }

    .home_contact_content h3{
        font-size: 24px;
        line-height: 38px;
    }

    .home_contact_content h3 br{
        display: none;
    }

    .home_contact_content .home_contact_link {
        height: 80px;
        width: 80px;
        font-size: 14px;
    }

    .artistic_enhancement_flex .artistic_enhancement_col{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bottom_footer .footer_nav .footer_menu nav ul{
        justify-content: center;
    }

    .bottom_footer .footer_nav .footer_menu nav ul li{
        flex: 0 0 25%;
        max-width: 25%;
    }

    .bottom_footer .footer_nav .footer_menu nav ul li:not(:last-child){
        margin-right: 0;
    }

    .services_flex .services_col .service_box .sevice_info{
        bottom: -145px;
    }

    .all_service_page_content{
        padding-top: 30px;
    }

    .page_banner_content p a,
    .page_banner_content p span:last-child{
      font-size: 11px;
    }
    .page_banner_content p .slash{
        margin: 0 3px;
    }

    .page_banner_content p svg{
        margin-right: 5px;
    }

    .technology_flex .tech_img{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .portfolio_flex .portfolio_col{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blogs_flex .blog_column{
        flex: 0 0 100%;
        max-width: 100%;
      }

      .loader-container .loader_text span{
        font-size: 14px;
      }
}