@media screen and (max-width: 1899px) {
  /* ===============================================
  home page res start
------------------------*/
/* home page - section 4 res st */
.spacing-1{padding-left: 50px;}


/* ===============================================
  about-us page res start
------------------------*/
.about-section-2 .section-title.style2 .section-title-divider-separator{padding-block-start: 0px; padding-block-end: 0px;}


}

@media screen and (max-width: 1536px) {
 /* ===============================================
  common res start
------------------------*/
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .prt-row {
        padding-top: 80px;
        padding-bottom: 80px ;
    }

    .prt-row.padding_bottom_zero-section {
        padding: 80px 0px 0 !important;
    }

    .prt-row.padding_top_zero-section {
        padding: 0px 0px 80px !important;
    }

    .prt-row.banner-section {
        padding: 165px 0px 0px !important;
        max-width: 1300px;
        margin: auto;
    }
    .container-fluid{padding: 0px 0px;}


/* ===============================================
   Home  page res start
------------------------*/
/* home page - sec1 hero section res st */
.hero-section .hero-section-heading h2{
    font-size: 160px;
    line-height: 170px
}

/* home page - section 4 res st */
.spacing-1{padding-left: 15px;}
.service-section-2 img {height: 100%;}

/* home page - section 7 testimonial section res st */
 .featured-box-testimonial.featured-imgbox-testimonial.style1 .featured-box-img span.featured-thumbnail-inner::before {width: 210px;height: 210px;}
.testimonial-section .featured-box-testimonial.featured-imgbox-testimonial.style1 .featured-box-img span.featured-thumbnail-inner::before {width: 300px;height:270px;}
.testimonial-section .featured-box-testimonial.featured-imgbox-testimonial.style1 .featured-box-img img {height: 300px;width: auto;}
.testimonial-section .featured-box-author blockquote::before {left:0}
.featured-imgbox-testimonial.style1 .prt-box-footer{padding-left: 0px;}
.featured-imgbox-testimonial.style1 .prt-box-footer {width: unset;}


}


@media screen and (max-width: 1280px)  {
/* ===============================================
  common res start
------------------------*/
br{display: none;}


/* ===============================================
  footer res start
------------------------*/
.footer .bottom-footer-left ,.footer  .bottom-footer-right{padding: 20px 15px 15px 15px;}


/* ===============================================
  about - us page res start
------------------------*/
.featured-imgbox-blog.style1 .featured-imgbox-outer-wrapper{right: 15px !important;}


/* ===============================================
 blog page res start
------------------------*/
.blog-section-main .featured-imagebox-blog.style2 .featured-content h4 a::after {display: none;}


}



@media screen and (max-width: 1023px)  {
/* ===============================================
 Common res start
------------------------*/
.prt-page-title-row-inner{padding: 45px 0px 30px 0px;}
.prt-row.team-section {padding: 50px 0px 40px 0px;}
.prt-row.team-detail-section { padding: 50px 0px 60px;}
.prt-row.portfolio-section{padding: 50px 0px 50px 0px;}
.prt-row.blog-section{padding: 45px 0px 30px 0px;}
.prt-row.faq-heading{padding: 45px 0px 10px 0px;}
.prt-row.service-detail-heading{ padding:45px 0px 0px;}
.prt-row.portfolio-detail-heading{padding:45px 0px 0px;}
.prt-row.blog-section-heading{padding: 50px 0px 40px;}
.prt-row.blog-detail-heading{ padding:20px 0px 15px;}
.prt-row.service-heading{ padding: 45px 0px 35px;}
.prt-row.contact-us-heading{ padding: 45px 0px 40px;}
.prt-row.about-us-heading{ padding:45px 0px 30px;}
.prt-row.faq-heading{ padding:50px 0px 0px;}
.prt-row.category-heading{padding: 50px 0px 50px 0px;}
.res-1024-bl-0 {border-right:0px !important}
.res-1024-br-0 {border-right:0px !important}
.res-1024-bt-0 {border-right:0px !important}
.res-1024-bb-0 {border-right:0px !important}
.res-1024-bl-1 {border-left: 1px solid var(--base-border-color)}
.res-1024-br-1 {border-right: 1px solid var(--base-border-color)}
.res-1024-bt-1 {border-top: 1px solid var(--base-border-color)}
.res-1024-bb-1 {border-bottom: 1px solid var(--base-border-color)}
.prt-page-title-row h1 { font-size: 45px; line-height: 55px;}
.section-title.style1 .title-header h2{ font-size: 42px;line-height: 52px;margin-top: -13px;}
.section-title.style3 .title-header h2{ font-size: 50px; line-height: 60px;}
.prt-row { padding-top: 60px; padding-bottom: 60px ;}
.prt-row.padding_bottom_zero-section { padding: 60px 0px 0 !important;}
.prt-row.padding_top_zero-section {  padding: 0px 0px 60px !important; }
.bg-img1,.bg-img2 ,.bg-img3,.bg-img6  {height: 400px;}


/* ===============================================
   Home  page res start
------------------------*/
/* home page - section 1 hero section res st */
.hero-section .hero-section-heading h2{font-size: 110px;line-height: 120px}

/* home page - section 2 about section res st */
.featured-icon-box-service.style1 .featured-title h4{padding-right: 0px;}

/* home page - section 3 res st */
.service-section-1 .service-section-1-wrapper .prt-icon{text-align: left;}
.featured-icon-box-service.style1:hover .prt-category{bottom: 45px;}
.featured-icon-box-service.style1 .featured-title h4{font-size: 36px;line-height: 46px;}
.prt-icon.featured-icon-box-service.style1:hover{padding: 3px 0 100px;}
.service-section-2 img{height: 500px;}
.featured-icon-box-service.style1 .featured-servicebox-detials{width: 100%;display: flex;justify-content: space-between;}
.featured-icon-box-service.style1 .prt-post-item{width: 100%;display: flex;justify-content: space-between;}

/* home page - section 4 res st */
.service-section-2 .spacing-1{padding-left: 15px;margin-bottom: 0px;margin-top: 0px;padding-right: 15px;padding-top: 45px;padding-bottom: 45px;}
.service-section-2 .spacing-2{margin-top: 0px}
.featured-icon-box-service.style1 .prt-servicebox-icon{position: static;}
.featured-icon-box-service.style1 .prt-service-icon{display:unset;}

/* section - 5 testimonial section res start */
.featured-box-testimonial.featured-imgbox-testimonial.style1 .featured-box-img span.featured-thumbnail-inner{padding-left: 0px;}
.separator-main .section-title.style4 .section-title-divider-separator{padding-block-end: 0px;}

/* section - 9 gallery sectionstart */
.spacing-3 {padding: 60px 15px 15px 15px;}
.featured-icon-box-service.style1 .featured-title h4{font-size:40px;line-height: 50px;}


/* ===============================================
  contact page res start
------------------------*/
/* contact section2 res st */
.featured-iconbox.style3 .prt-iconbox-wrapper{align-items: unset;}

/* contact form res st */
.contact-form-section .contact-form{padding: 30px 20px 45px 20px;}

/* contact accordion res st */
.accordion.style1 {margin-bottom: 5px;}


/* ===============================================
 project-detail page res start
------------------------*/
.project-info-section-main .project-info-section-wrapper{margin-bottom: 45px;}


/* ===============================================
 blog page res start
------------------------*/
.blog-section-main .my-effect,.category-section .my-effect { height: 400px;}
/* ===============================================
 service page res start
------------------------*/
.featured-box-client.featured-box-view-simple-logo .featured-item-thumbnail{height: fit-content;}
.client-section{margin: 0px -5px -35px -5px;}


/* ===============================================
faq page res start
------------------------*/
.accordion.style1 .toggle.prt-toggle_style_classic:last-child .toggle-title a{padding: 30px 0px 30px 0px;border-bottom: 1px solid var(--base-border-color);}
.accordion.style1 .toggle.prt-toggle_style_classic .toggle-title a{font-size: 25px;line-height: 35px;}


/* ===============================================
service-detail page res start
------------------------*/
/* section 2 - 3 cards res start  */
.ai-services-cards{margin-bottom: 0px;}


/* ===============================================
  footer res start
------------------------*/
.second-widget-area:nth-child(2){padding-left: 45px;}
.second-widget-area:nth-child(3){margin-top: 30px;}
.second-widget-area:nth-child(4){margin-top: 30px;margin-left: 30px;}
.footer .second-footer-inner{padding-bottom: 10px;}


}



@media screen and (max-width: 768px)  {
/* ===============================================
 Common res start
------------------------*/
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .prt-row.padding_bottom_zero-section {
        padding: 50px 30px 0 !important;
    }

    .prt-row.padding_top_zero-section {
        padding: 0 30px 50px;
    }

    .prt-row.banner-section {
        padding: 130px 30px 0px !important
    }


/* ===============================================
   Home  page res start
------------------------*/
/* home page - section 1 hero section res st */
.hero-section .hero-section-content-image .prt_single_image-wrapper::after {display: none;}

/* home page - section 2 res st */
.prt-fid-view-style1.inside h4 span {font-size:50px;line-height: 62px;}


/* ===============================================
  footer res start
------------------------*/
.footer .second-widget-area:nth-child(2){padding-left: 15px;}
.footer .second-widget-area:nth-child(4){margin-left: 0px;}
.footer .textwidget.custom-html-widget .newsletter-form p{margin-bottom: 25px;}
.footer .second-footer-inner{padding-top: 40px;}
.footer .bottom-footer-left{padding: 20px 15px 0px 15px;}
.footer .bottom-footer-left, .footer .bottom-footer-right{padding: 15px 15px 15px 15px;}
.footer .widget-title{line-height: 33px;}


}


@media screen and (max-width: 640px) {
   
/* ===============================================
 Common res start
------------------------*/
.prt-row.padding_bottom_zero-section { padding: 30px 30px 0;}
.prt-row.padding_top_zero-section { padding: 0 30px 30px;}
.prt-row.banner-section { padding: 150px 30px 0px  }
.prt-page-title-row-inner{padding: 45px 0px 30px 0px;}
.prt-row.team-section {padding: 50px 0px 35px 0px;}
.prt-row.team-detail-section { padding: 50px 0px 60px;}
.prt-row.faq-section {padding: 45px 0px 30px 0px;}
.prt-row.portfolio-section{padding: 50px 0px 50px 0px;}
.prt-row.blog-section{padding: 50px 0px 30px 0px;}
.prt-row.faq-heading{padding: 45px 0px 10px 0px;}
.prt-row.service-detail-heading{padding:45px 0px 0px;}
.prt-row.portfolio-detail-heading{padding:45px 0px 0px;}
.prt-row.blog-section-heading{padding: 45px 0px 35px;}
.prt-row.blog-detail-heading{padding:50px 0px 15px;}
.prt-row.service-heading{padding: 45px 0px 35px;}
.prt-row.contact-us-heading{ padding: 45px 0px 25px;}
.prt-row.about-us-heading{padding:45px 0px 30px;}
.prt-row.faq-heading{ padding:45px 0px 30px;}
.section-title.style1 .title-header h2{font-size: 30px;line-height: 40px; }
.section-title.style3 .title-header h2{ font-size: 35px; line-height: 45px;}
.prt-row.category-heading{padding: 50px 0px 50px 0px;}
.prt-page-title-row h1{font-size: 30px;line-height: 40px;}
.res-640-bl-1 {border-left: 1px solid var(--base-border-color)}
.res-640-br-1 {border-right: 1px solid var(--base-border-color)}
.res-640-bt-1 {border-top: 1px solid var(--base-border-color)}
.res-640-bb-1 {border-bottom: 1px solid var(--base-border-color)}
.res-640-bl-0 {border-left: 0px !important}
.res-640-br-0 {border-right: 0px !important}
.res-640-bt-0 {border-top: 0px !important}
.res-640-bb-0 {border-bottom: 0px !important}
.bg-img1,.bg-img2 ,.bg-img3,.bg-img6  {height: 250px;}


/* ===============================================
  Home page res start
------------------------*/
/* home page - section 1 hero section res st */
.hero-section .hero-section-heading h2{font-size: 4.2rem;line-height: 3.2rem;}
.section-title.style1 .title-header h2{margin-top: 0px;}

/* home page - section 2 about section res st */
.about-section-1 .about-section-1-content .about-section-1-desc{text-indent: 45px;}

/* home page - section 3 service section res st */
.featured-icon-box-service.style1:hover .prt-category{bottom: 45px;}
.featured-icon-box-service.style1:hover .prt-category{bottom: 45px;}
.featured-icon-box-service.style1 .prt-category{display: inline-flex;
  font-size: 0;
  opacity: 0;
  position: absolute;
  bottom: 30px;
  transition: all .3s linear;
  left: 0;
  flex-wrap: wrap;
  gap: 10px;}
.service-section-2 img{height: 300px;}
.service-section-1-wrapper .prt-icon.featured-icon-box-service.style1:hover{padding: 3px 0 150px;}
.service-section-1-wrapper:nth-of-type(4) .prt-icon.featured-icon-box-service.style1:hover {padding: 3px 0 98px;}
.service-section-1-wrapper:nth-of-type(3) .prt-icon.featured-icon-box-service.style1:hover {padding: 3px 0 150px;}
.featured-icon-box-service.style1 .featured-servicebox-detials{width: 100%;display: unset;flex-direction: row;}
.featured-icon-box-service.style1 .prt-post-item{width: 100%;display: unset;flex-direction: row;}

/* home page - section 7 testimonial section res st */
.featured-box-author blockquote{font-size: 26px;line-height: 36px;}
.featured-box-testimonial.featured-imgbox-testimonial.style1 .featured-box-img span.featured-thumbnail-inner::before{display: none;}
.testimonial-section .slick-slide{margin: 0px 15px;}
.testimonial-section{margin: 0px -15px;}

/* home page - section 8 gallery section res st */
.gallery-section img{width: 100%;}


/* ===============================================
  about-us page res start
------------------------*/
.site-content .site-content-title{padding-right: 0px;padding-left: 0px;}
.site-content .site-content-title{display: flex;align-items: center;margin-bottom: 0px;}


/* ===============================================
  team-detail res start
------------------------*/
.featured-icon-box-service.style1 .featured-title h4{font-size:30px;line-height: 40px;}
.team-section .team-member-data-content{gap:20px}


/* ===============================================
 blog page res start
------------------------*/
.blog-section-main .my-effect { height: 300px;}


/* ===============================================
 blog-detail  page res start
------------------------*/
.blog-summary-section blockquote{padding: 60px 15px 20px 15px;}
.blog-summary-section .comment-section{margin-top: 60px;padding: 20px 20px;}


/* ===============================================
portfolio-detail  page res start
------------------------*/
/* hero section 1 res st  */
.hero-section-1 img{height: 150px;object-fit: cover;}
.project-info-section-main .project-info-section-wrapper{padding: 20px 15px;}
.blog-summary-section blockquote::after{left: 15px;}


/* ===============================================
faq page res start
------------------------*/
.accordion.style1 .toggle.prt-toggle_style_classic .toggle-title a{font-size: 20px;line-height: 30px;}
.accordion.style1 .toggle.prt-toggle_style_classic .toggle-title:nth-child(1) a.active {margin-top: -20px;}
.accordion.style1 .toggle.prt-toggle_style_classic:last-child .toggle-title a{padding: 22px 20px 21px 0px;}
.accordion.style1 .toggle.prt-toggle_style_classic .toggle-title a{padding: 22px 20px 21px 0px ;}
.accordion.style1 .toggle.prt-toggle_style_classic .toggle-title a::after{top:25px}
.accordion.style1 .toggle.prt-toggle_style_classic:nth-child(1) .toggle-title a::after {top: 5px;}
.faq-menu-section {margin-bottom: -40px;}


/* ===============================================
contact page res start
------------------------*/
.accordion.style1{margin-bottom: 0px;}


/* ===============================================
service-detail page res start
------------------------*/
/* section 2 - 3 cards res start  */
.ai-service-overview-parts:nth-child(1) {
  margin-bottom: clamp(30px,60px,70px);
}
.ai-service-overview-parts{display: grid;gap:30px}


/* ===============================================
  footer res start
------------------------*/
.footer .bottom-footer-left {text-align: center;}
.footer .bottom-footer-right {justify-content: center;}
.footer .bottom-footer-inner .social-icons{display: flex}

}


/* extra media for making responsive */
@media screen and (min-width:1310px) and (max-width: 1335px)  {
    .footer .bottom-footer-inner{padding: 20px 15px 0px 15px;}
}
@media screen and (min-width:300px) and (max-width: 400px)  {
      .hero-section .hero-section-heading h2 {
    font-size: 3rem;
    line-height: 2rem;
  }

  /* ===============================================
contact page res start
------------------------*/
  .featured-iconbox.style3 .featured-iconbox-heading{
    padding-left: 10px;
  }
}