/*Media Query Css Start*/

@media screen and (max-width: 991px){
	.pb-4, .py-4{
		padding-bottom: 0 !important;
		padding-top: 1.5rem !important;
	}

	.card.py-4.shadow-sm.h-100.hover-top svg {
    width: 50px;
    height: 50px;
    fill: #3EABE6;
}

.card-body.px-2 h4{
	font-size: 18px;
}
.card.py-4.shadow-sm.h-100.hover-top {
    box-shadow: 0 2px 8px rgb(0 0 0 / 40%) !important;
    border-radius: 15px;
}
.header-social-links{
	margin-right: 25px;
}
.pt-5, .py-5 {
    padding-top: 0 !important;
}

}

@media screen and (max-width: 767px){
	#hero .hero-img img {
    width: 46%;
}
#hero{
	margin-top: 40px;
}
.pt-5, .py-5 {
    padding-top: 0 !important;
}
.col-lg-6.col-md-6.hero-img.aos-init.aos-animate {
    margin-top: 30px;
}

}

@media screen and (max-width: 576px){
#header .logo h1 a{
    font-size: 24px !important;
}

}

@media screen and (max-width: 480px){
	.header-social-links a {
    color: #7b909a;
    padding: 16px 0 0px 4px;
}
#header .logo h1 a{
    font-size: 16px !important;
    font-weight: 800;
}
.header-social-links {
    margin-right: 0px;
}
#hero .hero-img img {
    width: 65%;
}


}