/*Amarjeet responsive css start here*/


@media only screen and (max-width: 480px) {

/*Header Css start here*/
#mainNav.hero-transparent {
background:#163b58;	
}

.navbar-toggler {
border: 2px solid #fff;
padding: 1px 5px;
}



/*Header Css End  here*/


/*Home Banner responsive css start here*/

.hero-title {
font-size: 20px;
font-weight: 600;
line-height: 50px;	
}

.hero-sub {
font-size:16px;	
}

.about-img-main {
width:100%;	
}

/*Home Banner responsive css end here*/




/*Home page Responvie css start here*/


.section-title {
font-size: 20px;
line-height: 40px;	
}


.testimonial-card {
padding: 10px 20px;	
}

.section-pad {
padding: 60px 0;
}

.blog-body {
padding: 10px;
}

.about-img-badge {
display:none;	
}


/*Home page Responvie css end here*/



}




@media only screen and (min-width:481px) and (max-width: 568px) {

.logo-text .logo-name {font-size:.82rem;}
.hero-title {letter-spacing: -.5px;}

}



@media only screen and (min-width:569px) and (max-width:766px) {


}




@media only screen and (min-width:767px) and (max-width:768px) {

.about-image-stack { height: 300px; }
.section-pad { padding: 56px 0; }
.hero-actions { flex-direction: column; align-items: flex-start; }
.cta-actions { flex-direction: column; align-items: center; }
.footer-bottom-links { justify-content: flex-start; margin-top: 8px; }
.stat-card { padding: 32px 20px; }
.testimonial-card { padding: 28px 22px; }
.leader-img-wrap { height: 220px; }

}




@media only screen and (min-width:769px) and (max-width:898px) {


}





@media only screen and (min-width:899px) and (max-width:992px) {

.about-image-stack { height: 340px; margin-bottom: 40px; }
.about-img-main { width: 70%; height: 280px; }
.about-img-secondary { height: 200px; width: 55%; }
.about-img-badge { left: 0; }
.hero-stats-bar { margin-top: 50px; }
.section-pad { padding: 70px 0; }
.testimonial-card { padding: 36px 28px; }

}




@media only screen and (min-width:993px) and (max-width:1024px) {


}





@media only screen and (min-width:1025px) and (max-width:1199px) {


}





@media only screen and (min-width:1200px) and (max-width:1299px) { 


}





/*Amarjeet responsive css end here*/




