@media (max-width: 576px) {
		 
}
 

/*Extra small devices (portrait phones, less than 576px)*/


@media (max-width: 767px){
	 .social-media-icon{
	 	justify-content: center;
	 }
	 .banner-section{
	     height: 410px;
	 }
	 .banner-section .container .banner-content h1 {
	    font-size: 35px;
	}
	.common-content h1 {
	    font-size: 30px;
	}
	 
	.about-sevtion .about-img:after {
	    left: -9px;
	    top: 8px;
	}
	.newsletter-input-box .input-box .newsletter-input,
	.what-we-do-section .img-box{
		width: 100%;
	}
	.menu-list-link .item a{
	    color: #000;
	}
	.footer-logo-box{
		padding: 30px 10px 30px 10px;
	}
	 
	.what-we-do-section .img-box{
		position: relative;
		margin-top: 40px;
	}
	.what-we-do-section{
		padding-bottom: 0px;
	}
	.newslatter-box h1 {
	    font-size: 21px;
	}

	.newsletter-input-box .input-box .common-btn {
	    position: absolute;
	    transform: inherit; 
	    right: 0%;
	    top: 0px;
	}

	.mission-box-section{
		width: 90%;
		margin:30px auto;
	}

	.box-wrapper.d-flex-common{
		flex-direction: column;
	}
	.mission-box-section{
		padding: 30px 0px 30px 0px;;
		border-radius: 60px 60px 60px 60px;
	}

	.mission-box-section.vision-box-section{
		border-radius: 60px 60px 60px 60px;
	}
	.buttons .common-btn {
        display: flex;
        gap: 7px;
    }
    .main-heading {
        font-size: 35px;
    }
    .buttons .common-btn .btn {
        font-size: 11px;
        padding: 8px 10px;
        border-radius: 100px;
    }
}                     







/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	 
    .social-media-icon{
    	margin-top: 10px;
    	justify-content: center;
    }
    .about-sevtion .about-img:after {
	    left: -9px;
	    top: 8px;
	}
	.what-we-do-section .img-box{
		width: 100%;
	}
	.what-we-do-section .img-box{
		position: relative;
		margin-top: 40px;
	}
	.what-we-do-section{
		padding-bottom: 0px;
	}
	 
	 .mission-box-section {
	    width: 95%;
	}

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 820px) and (max-width: 1124px) {
	  
}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 1024px) and (max-width: 1190.98px) {
	 .menu-list-link{
	 	gap: 13px;
	 }
	 .d-flex-common{
	 	gap: 8px;
	 }
	 .what-we-do-section .img-box {
	    width: 457px;
	}
		 

}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1280px) {
	  
 }