/*Amarjeet responsive css start here*/


@media only screen and (max-width: 480px) {

/*Header Css start here*/


/*Header Css End  here*/



/*Home Banner Slider responsive css start here*/

.hero-banner-title {
font-size: 25px;
line-height: 35px;    
}

.hero-banner-right {
padding-left: 15px;
}


/*Home Banner Slider responsive css end here*/



/*Home page css start here*/

.section-title {
font-size:20px;
line-height: 35px;  
}


.whats-new-text h3 {
font-size: 15px;    
}

.about-v2-card h2 {
 font-size:20px;
line-height: 35px;    
}

.about-v2-stat h3 {
  font-size:20px;   
}

.services-left-sticky .section-title {
  font-size:20px;
line-height: 35px;     
}

.service-card-sticky h3 {
   font-size:18px;   
}

.trust-stat h3 {
font-size: 18px;    
}


.whats-new-body {
width:100%;    
}

.story-card-overlay {
padding: 20px 10px;    
}

.story-card-overlay h3 {
font-size: 16px;    
}

.work-row-title {
font-size: 17px;
}

.pricing-amount .val {
font-size: 20px;    
}


.cta-strip h2 {
font-size:20px;
line-height: 35px;       
}

.blog-body {
padding: 20px;    
}


.blog-body h3 {
font-size: 18px;    
}


/*Home page css end here*/




/*breadcrumb page css start here*/

.page-hero-title {
font-size: 20px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/

.mv-card h3 {
font-size: 18px;    
}

.timeline-item h4 {
line-height: 25px;    
}


.stat-strip-item h3 {
font-size:20px;    
}

/*About page css end here*/




/*Our service page css start here*/

.service-detail-card {
padding: 20px 20px;    
}

.service-detail-card h3 {
font-size:18px;    
}

/*Our service page css end here*/



/*Our service details page css start here*/

.page-hero-title {
font-size: 20px !important;    
}


.portfolio-full-content {
padding:10px !important;    
}


.portfolio-full-content h3 {
font-size: 20px !important;
padding: 15px !important;
}


.service-summary-card h4 {
font-size:20px !important;    
}


.service-summary-card {
padding:15px !important;    
}

/*Our service details page css end here*/




/*Our Portfolio page css start here*/

.portfolio-filters {
gap: 5px;    
}

.portfolio-filters button {
padding: 10px 15px;    
}

.portfolio-card-body h3 {
font-size: 15px;    
}

/*Our Portfolio page css end here*/






/*footer css start here*/



/*footer css end here*/



/*Global css start here*/

.process-cards .col-6 {
width: 100%;    
}


.site-footer .col-6 {
width: 100%;    
}


/*Global css end here*/


}




@media only screen and (min-width:481px) and (max-width: 598px) {

/*Header Css start here*/

.mobile-nav-close {
margin-bottom:10px;    
}


.mobile-nav .nav-link {
padding: 3px 0;    
}

.mobile-nav {
padding: 10px 10px;    
}


.mobile-nav .nav-link {
font-size:14px;    
}

/*Header Css End  here*/



/*Home Banner Slider responsive css start here*/

.hero-banner-title {
font-size: 25px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/


.section-title {
font-size: 22px;
line-height: 30px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size:16px;    
}

.about-v2-card h2 {
font-size: 22px;
line-height: 30px;    
}


.about-v2-stat h3 {
font-size: 20px;    
}

.trust-stat h3 {
font-size: 18px;    
}


.pricing-amount .val {
font-size: 20px;    
}

.cta-strip h2 {
font-size: 22px;
line-height: 35px;
}

/*Home page css end here*/




/*breadcrumb page css start here*/

.page-hero-title {
font-size: 20px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/

.mv-card h3 {
font-size: 18px;    
}

.timeline-item h4 {
line-height: 25px;    
}


.stat-strip-item h3 {
font-size: 25px;    
}

.practice-grid {
padding: 10px 10px;
}

.practice-card {
  grid-template-columns: 1fr 1fr 1fr;  
}

.practice-card h3 {
font-size: 13px;    
}

/*About page css end here*/



/*Our service page css start here*/

.service-detail-card {
padding: 20px 20px;    
}

.service-detail-card h3 {
font-size:17px;    
}


/*Our service page css end here*/



/*Our service details page css start here*/

.page-hero-title {
font-size: 20px !important;    
}


.portfolio-full-content {
padding:10px !important;    
}


.portfolio-full-content h3 {
font-size: 20px !important;
padding: 15px !important;
}


.service-summary-card h4 {
font-size:20px !important;    
}


.service-summary-card {
padding:15px !important;    
}

/*Our service details page css end here*/





/*footer css start here*/



/*footer css end here*/

}





@media only screen and (min-width:599px) and (max-width:766px) {
    

/*Header Css start here*/



/*Header Css End  here*/



/*Home Banner Slider responsive css start here*/

.hero-banner-title {
font-size: 25px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/


.section-title {
font-size: 22px;
line-height: 30px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size:16px;    
}

.about-v2-card h2 {
font-size: 22px;
line-height: 30px;    
}


.about-v2-stat h3 {
font-size: 20px;    
}

.trust-stat h3 {
font-size: 18px;    
}


.pricing-amount .val {
font-size: 20px;    
}

.cta-strip h2 {
font-size: 22px;
line-height: 35px;
}

/*Home page css end here*/



/*breadcrumb page css start here*/

.page-hero-title {
font-size: 20px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/

.mv-card h3 {
font-size: 18px;    
}

.timeline-item h4 {
line-height: 25px;    
}


.stat-strip-item h3 {
font-size: 25px;    
}

.practice-grid {
padding: 10px 10px;
}

.practice-card {
  grid-template-columns: 1fr 1fr 1fr;  
}

.practice-card h3 {
font-size: 13px;    
}

/*About page css end here*/



/*Our service page css start here*/

.service-detail-card {
padding: 20px 20px;    
}

.service-detail-card h3 {
font-size:17px;    
}


/*Our service page css end here*/




/*Our service details page css start here*/

.page-hero-title {
font-size: 20px !important;    
}


.portfolio-full-content {
padding:10px !important;    
}


.portfolio-full-content h3 {
font-size: 20px !important;
padding: 15px !important;
}


.service-summary-card h4 {
font-size:20px !important;    
}


.service-summary-card {
padding:15px !important;    
}

/*Our service details page css end here*/



/*footer css start here*/


/*footer css end here*/
}




@media only screen and (min-width:767px) and (max-width:768px) {


/*Header Css start here*/



/*Header Css End  here*/


/*Home Banner Slider responsive css start here*/

.hero-banner {
min-height: 60vh;    
}

.hero-banner-title {
font-size: 25px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/


.section-title {
font-size: 25px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size: 18px;    
}

.about-v2-stat h3 {
font-size: 20px;    
}

.about-v2-card h2 {
font-size: 25px;   
}

.trust-stat h3 {
font-size: 18px;    
}

.pricing-amount .val {
font-size: 18px;
line-height: 25px;    
}

.cta-strip h2 {
font-size: 25px;
line-height: 35px;
}

.process-card {
padding: 70px 5px 20px;    
}

.pricing-card {
padding: 20px 10px;    
}

.process-card h4 {
font-size: 16px;    
}


.header-cta a {
display:none !important; 
}


/*Home page css end here*/



/*breadcrumb page css start here*/

.page-hero-title {
font-size: 20px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/


.practice-grid {
grid-template-columns: 1fr 1fr 1fr;
}

.practice-card {
padding: 10px 10px;    
}

.practice-card h3 {
font-size: 16px;    
}

.mv-grid {
grid-template-columns: 1fr 1fr;
}

.stat-strip-item h3 {
font-size: 20px;    
}

/*About page css end here*/




/*Our service page css start here*/

.service-detail-card {
padding: 20px 20px;    
}

.service-detail-card h3 {
font-size:17px;    
}


/*Our service page css end here*/




/*Our service details page css start here*/

.page-hero-title {
font-size: 20px !important;    
}


.portfolio-full-content {
padding:10px !important;    
}


.portfolio-full-content h3 {
font-size: 20px !important;
padding: 15px !important;
}


.service-summary-card h4 {
font-size:20px !important;    
}


.service-summary-card {
padding:15px !important;    
}

/*Our service details page css end here*/






/*footer css start here*/

/*footer css end here*/



}




@media only screen and (min-width:769px) and (max-width:898px) {

/*Header Css start here*/


/*Header Css End  here*/



/*Home Banner Slider responsive css start here*/

.hero-banner {
min-height: 60vh;    
}

.hero-banner-title {
font-size: 25px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/


.section-title {
font-size: 25px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size: 18px;    
}

.about-v2-stat h3 {
font-size: 20px;    
}

.about-v2-card h2 {
font-size: 25px;   
}

.trust-stat h3 {
font-size: 18px;    
}

.pricing-amount .val {
font-size: 18px;
line-height: 25px;   
}

.cta-strip h2 {
font-size: 25px;
line-height: 35px;
}

.process-card {
padding: 70px 5px 20px;    
}

.pricing-card {
padding: 20px 10px;    
}

.process-card h4 {
font-size: 16px;    
}

.header-cta a {
display:none !important; 
}


/*Home page css end here*/



/*breadcrumb page css start here*/

.page-hero-title {
font-size: 20px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/


.practice-grid {
grid-template-columns: 1fr 1fr 1fr;
}

.practice-card {
padding: 10px 10px;    
}

.practice-card h3 {
font-size: 16px;    
}

.mv-grid {
grid-template-columns: 1fr 1fr;
}

.stat-strip-item h3 {
font-size: 20px;    
}

/*About page css end here*/


/*Our service page css start here*/

.service-detail-card {
padding: 20px 20px;    
}

.service-detail-card h3 {
font-size:17px;    
}


/*Our service page css end here*/




/*Our service details page css start here*/

.page-hero-title {
font-size: 20px !important;    
}


.portfolio-full-content {
padding:10px !important;    
}


.portfolio-full-content h3 {
font-size: 20px !important;
padding: 15px !important;
}


.service-summary-card h4 {
font-size:20px !important;    
}


.service-summary-card {
padding:15px !important;    
}

/*Our service details page css end here*/





/*footer css start here*/

/*footer css end here*/

}



@media only screen and (min-width:899px) and (max-width:992px) {

/*Header Css start here*/


/*Header Css End  here*/




/*Home Banner Slider responsive css start here*/


.hero-banner-title {
font-size: 25px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/


.section-title {
font-size: 25px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size: 18px;    
}

.about-v2-stat h3 {
font-size: 20px;    
}

.about-v2-card h2 {
font-size: 25px;   
}

.trust-stat h3 {
font-size: 18px;    
}

.pricing-amount .val {
font-size: 18px;
line-height: 25px;   
}

.cta-strip h2 {
font-size: 25px;
line-height: 35px;
}

.process-card {
padding: 70px 5px 20px;    
}

.pricing-card {
padding: 20px 10px;    
}

.process-card h4 {
font-size: 16px;    
}

.header-cta a {
display:none !important; 
}


/*Home page css end here*/




/*breadcrumb page css start here*/

.page-hero-title {
font-size:25px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/


.stat-strip-item h3 {
font-size: 20px;    
}


/*About page css end here*/




/*footer css start here*/

/*footer css end here*/





}




@media only screen and (min-width:993px) and (max-width:1024px) {

/*Header Css start here*/


/*Header Css End  here*/




/*Home Banner Slider responsive css start here*/

.hero-banner {
min-height:80vh;    
}

.hero-banner-title {
font-size: 30px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/

.section-title {
font-size: 30px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size: 18px;    
}

.about-v2-card h2 {
font-size: 30px;      
}

.about-v2-stat h3 {
font-size: 20px;    
}

.pricing-amount .val {
font-size: 20px;    
}

.cta-strip h2 {
font-size: 30px;
line-height: 40px;
}

/*Home page css end here*/



/*breadcrumb page css start here*/

.page-hero-title {
font-size:25px;    
}

/*breadcrumb page css end here*/



/*About page css sart here*/


.stat-strip-item h3 {
font-size: 20px;    
}


.value-card {
padding: 30px 20px;    
}


/*About page css end here*/




/*footer css start here*/


/*footer css end here*/



}





@media only screen and (min-width:1025px) and (max-width:1199px) {

/*Header Css start here*/


/*Header Css End  here*/




/*Home Banner Slider responsive css start here*/


.hero-banner-title {
font-size: 30px;    
}

/*Home Banner Slider responsive css end here*/



/*Home page css start here*/

.section-title {
font-size: 30px;    
}

.whats-new-body {
padding: 20px 10px;    
}

.whats-new-text h3 {
font-size: 18px;    
}

.about-v2-card h2 {
font-size: 30px;      
}

.about-v2-stat h3 {
font-size: 20px;    
}

.pricing-amount .val {
font-size: 20px;    
}

.cta-strip h2 {
font-size: 30px;
line-height: 40px;
}

/*Home page css end here*/



/*footer css start here*/

/*footer css end here*/




}





@media only screen and (min-width:1200px) and (max-width:1299px) { 


}





/*Amarjeet responsive css end here*/




