@media(min-width:1024px) and (max-width:1200px){
	.services_area .item{
		height: 100%;
	}
	.news_area .item .text h3 a{
		font-size: 20px;
	}
	.news_area .item .text p {
		line-height: 24px;
		font-size: 16px;
	}
	.services_area .item .text {
		margin-left: 70px;
	}
	.footer_area .footer-content p{
		font-size: 15px;
	}
	.footer_area .footer-content ul li a{
		font-size: 15px;
	}
	.footer_area .footer-address .text{
		font-size: 15px;
	}
	.contact_form {
		padding: 50px 0px 40px;
	}
	.contact_us .call-text h3 {
		font-size: 20px;
	}
	.about_content {
		padding: 40px 0px;
	}
}

@media(min-width:992px) and (max-width:1023px){
	.midile-header-logo img {
		height: 45px;
	}
	.medile_header .midle-header-contact .header-contect-item .title{
		font-size: 20px;
	}
	.main_header .nav-menu .navbar-nav li a {
		padding: 20px 15px 20px 0px;
		font-size: 18px;
	}
	.main_header .nav-menu .donet-now ul li a {
		font-size: 18px;
	}
	.main_header .nav-menu .donet-now{
		padding: 18px;
	}

	.slider .carousel-inner img {
		height: 500px;
	}
	.services_area .item .icon {
		float: none;
		text-align: center;
	}
	.services_area .item .text {
		margin: 7px 0px;
		text-align: center;
	}
	.services_area .item .text h3 {
		margin: 0 0 0px;
	}

	.news_area .item .text h3 a{
		font-size: 20px;
	}
	.news_area .item .text p {
		line-height: 26px;
		font-size: 18px;
	}

	.footer_area .footer-content p{
		font-size: 15px;
	}
	.footer_area .footer-content ul li a{
		font-size: 15px;
	}
	.footer_area .footer-address .text{
		font-size: 15px;
	} 
	.contact_address .add-item .add-text h3 {
		font-size: 20px;
	}
	.add-item .add-text p {
		font-size: 15px;
		line-height: 23px;
	}
	.headline h1 {
		font-size: 30px;
	}
	.contact_form {
		padding: 50px 0px 40px;
	}
	.contact_us .call-text h3{
		font-size: 20px;
	}
	.contact_us .button a {
		font-size: 18px;
		padding: 15px 25px;
	}
	.about_content {
		padding: 40px 0px;
	}
	.contact_us .call-text h3 {
        font-size: 18px;
    }
	.contact_us .button a {
		font-size: 18px;
		padding: 15px 25px;
	}
}



@media(max-width:991px) {
	.main_header .nav-menu .navbar-nav li a {
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	}
	.main_header .nav-menu .navbar-nav {
		padding: 0px 40px;
	}
	.main_header .navbar-collapse {
		position: absolute;
		top: 55px;
		z-index: 99;
		background: #fff;
		width: 100%;
		left: 0px;
	}
	.main_header .nav-menu .navbar-nav li{
		border-bottom: solid 1px #8fcbd6;
		margin: 0px;
	}
	.main_header .nav-menu .navbar-nav li:last-child{
		border: none;
	}
	.main_header .navbar-toggler {
		background: none;
		border: none;
	}
	button:focus:not(:focus-visible){
		box-shadow: none;
	}
	.about-left .d-video iframe {
		width: 100%;
	}
	.about_area {
		padding: 50px 0px 40px 0px;
	}
	.services_area {
		padding: 50px 0 40px;
	}

	.news_area {
		padding: 50px 0px;
	}
	.footer_area {
		padding: 40px 0px 20px;
	}
	.faq_area {
		padding: 40px 0px 40px;
	}
	.news_area {
		padding: 50px 0px;
	}
	.service_area .item .text h3 a {
		font-size: 20px;
	}
	.service_area .item .text p {
		margin: 10px 0 15px;
		line-height: 28px;
		font-size: 18px;
	}
}


@media(min-width:768px) and (max-width:991px){
	.midile-header-logo img {
		height: 40px;
	}

	.medile_header .midle-header-contact .header-contect-item .title{
		font-size: 18px;
	}
	.main_header .nav-menu .navbar-nav li a {
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	}
	.main_header .nav-menu .donet-now ul li a {
		font-size: 16px;
		padding: 0px 20px 0px;
	}
	.main_header .nav-menu .donet-now{
		padding: 16px;
	}

	.slider .carousel-inner img {
		height: 380px;
	}
	.slider .text-animated h1 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.about_area .about-content .about-headline-left h2 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.about_area .about-content p{
		font-size: 15px;
	}

	.news_area .item .text h3 a{
		font-size: 18px;
	}
	.news_area .item .text p {
		line-height: 26px;
		font-size: 17px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_area {
		padding: 50px 0px 40px 0px;
	}
	.services_area {
		padding: 50px 0 40px;
	}

	.news_area {
		padding: 50px 0px;
	}
	.about_banner_area img {
		height: 150px;
	}
	.about-title h1{
		font-size: 28px;
	}
	.contact_address .add-item .add-icon {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.contact_address .add-item .add-text h3 {
		font-size: 20px;
	}
	.add-item .add-text p {
		font-size: 15px;
		line-height: 23px;
	}
	.contact_address .add-item .add-text {
		padding: 20px 0;
	}
	.contact_form {
		padding: 40px 0px 30px;
	}
	.headline {
		padding-bottom: 30px;
	}
	.headline h1 {
		font-size: 28px;
	}
	.contact_map .map-area iframe {
		width: 100%;
		height: 300px;
	}
	.about_content {
		padding: 40px 0px;
	}
	
}

@media (max-width:767px){
	.midile-header-logo img {
		height: 40px;
	}
	.headline {
		padding-bottom: 20px;
	}
	.headline h1 {
		font-size: 27px;
	}
	p.heading {
		font-size: 15px;
	}
	.services_area .item .text h3 {
		font-size: 22px;
		margin: 0 0 5px;
	}
	.footer-mail {
		margin-bottom: 20px;
	}
	.contact_us{
		display: none;
	}
	.faq_area .accordion-item .accordion-body p {
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}

}

@media(min-width:576px) and (max-width:767px){
	.midile-header-logo img {
		height: 40px;
	}

	.medile_header .midle-header-contact .header-contect-item .title{
		font-size: 16px;
	}
	.medile_header .midle-header-contact .header-contect-item span, a{
		font-size: 14px;
	}
	.medile_header .midle-header-contact {
		text-align: center;
	}
	.main_header .nav-menu .navbar-nav li a {
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	}
	.main_header .nav-menu .donet-now ul li a {
		font-size: 16px;
		padding: 0px 20px 0px;
	}
	.main_header .nav-menu .donet-now{
		padding: 16px;
	}

	.slider .carousel-inner img {
		height: 280px;
	}
	.slider .text-animated h1 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.slider .text-animated p {
		font-size: 14px;
	}

	.about_area .about-content .about-headline-left h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.about_area .about-content .about-headline-left h2 span {
		font-size: 20px;
	}
	.about_area .about-content p{
		font-size: 15px;
	}

	.news_area .item .text h3 a{
		font-size: 18px;
	}
	.news_area .item .text p {
		line-height: 26px;
		font-size: 17px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_banner_area img {
		height: 150px;
	}
	.about-title h1{
		font-size: 28px;
	}
	.contact_address .add-item .add-icon {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.contact_address .add-item .add-text h3 {
		font-size: 20px;
	}
	.add-item .add-text p {
		font-size: 15px;
		line-height: 23px;
	}
	.contact_address .add-item .add-text {
		padding: 20px 0;
	}
	.contact_form {
		padding: 40px 0px 30px;
	}
	.headline {
		padding-bottom: 30px;
	}
	.headline h1 {
		font-size: 28px;
	}
	.contact_map .map-area iframe {
		width: 100%;
		height: 300px;
	}
	.contact_address .add-item {
		border: solid 1px #77777736;
		background: #fff;
	}
	.about_content {
		padding: 40px 0px;
	}
	.about_content .about-content-title h3 {
		font-size: 24px;
	}
	.about_content .about-content-title p {
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}
	.service_area .item .text p {
        margin: 0px 0px 15px;
        line-height: 26px;
        font-size: 16px;
    }
}




@media(min-width:360px) and (max-width:575px){
	.midile-header-logo img {
		height: 40px;
	}

	.medile_header .midle-header-contact .header-contect-item .title{
		font-size: 16px;
	}
	.medile_header .midle-header-contact .header-contect-item span, a{
		font-size: 14px;
	}
	.medile_header .midle-header-contact {
		text-align: center;
	}
	.main_header .nav-menu .navbar-nav li a {
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	}
	.main_header .nav-menu .donet-now ul li a {
		font-size: 16px;
		padding: 0px 20px 0px;
	}
	.main_header .nav-menu .donet-now{
		padding: 16px;
	}

	.slider .carousel-inner img {
		height: 320px;
	}
	.slider .text-animated h1 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.slider .text-animated p {
		font-size: 14px;
	}


	.about_area .about-content .about-headline-left h2 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.about_area .about-content .about-headline-left h2 span {
		font-size: 18px;
		margin-bottom: 4px;
	}
	.about_area .about-content p{
		font-size: 15px;
	}

	.news_area .item .text h3 a{
		font-size: 18px;
	}
	.news_area .item .text p {
		line-height: 26px;
		font-size: 17px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_area{
		padding: 30px 0px 30px 0px;
	}
	.services_area{
		padding: 30px 0 30px;
	}
	.news_area {
		padding: 30px 0px;
	}
	.footer_area {
		padding: 30px 0px 20px;
	}
	.headline h1 {
		font-size: 24px;
	}
	p.heading {
		font-size: 13px;
	}
	.bottom_footer p {
		font-size: 14px;
		line-height: 20px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_banner_area img {
		height: 100px;
	}
	.about-title h1{
		font-size: 22px;
	}
	.contact_address .add-item .add-icon {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.contact_address .add-item .add-text h3 {
		font-size: 20px;
	}
	.add-item .add-text p {
		font-size: 15px;
		line-height: 23px;
	}
	.contact_address .add-item .add-text {
		padding: 20px 0;
	}
	.contact_form {
		padding: 40px 0px 30px;
	}
	.headline {
		padding-bottom: 30px;
	}
	.headline h1 {
		font-size: 28px;
	}
	.contact_map .map-area iframe {
		width: 100%;
		height: 150px;
	}
	.contact_address .add-item {
		border: solid 1px #77777736;
		background: #fff;
	}

	.about_content {
		padding: 40px 0px;
	}
	.about_content .about-content-title h3 {
		font-size: 24px;
	}
	.about_content .about-content-title p {
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}
	.service_area .item .text p {
        margin: 0px 0px 15px;
        line-height: 26px;
        font-size: 16px;
    }
}






@media(min-width:240px) and (max-width:359px){
	.midile-header-logo img {
		height: 40px;
	}

	.medile_header .midle-header-contact .header-contect-item .title{
		font-size: 16px;
	}
	.medile_header .midle-header-contact .header-contect-item span, a{
		font-size: 14px;
	}
	.medile_header .midle-header-contact {
		text-align: center;
	}
	.main_header .nav-menu .navbar-nav li a {
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	}
	.main_header .nav-menu .donet-now ul li a {
		font-size: 16px;
		padding: 0px 20px 0px;
	}
	.main_header .nav-menu .donet-now{
		padding: 16px;
	}

	.slider .carousel-inner img {
		height: 280px;
	}
	.slider .text-animated h1 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.slider .text-animated p {
		font-size: 14px;
	}


	.about_area .about-content .about-headline-left h2 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.about_area .about-content .about-headline-left h2 span {
		font-size: 18px;
		margin-bottom: 4px;
	}
	.about_area .about-content p{
		font-size: 15px;
	}

	.news_area .item .text h3 a{
		font-size: 18px;
	}
	.news_area .item .text p {
		line-height: 26px;
		font-size: 17px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_area{
		padding: 30px 0px 30px 0px;
	}
	.services_area{
		padding: 30px 0 30px;
	}
	.news_area {
		padding: 30px 0px;
	}
	.footer_area {
		padding: 30px 0px 20px;
	}
	.headline h1 {
		font-size: 24px;
	}
	p.heading {
		font-size: 13px;
	}
	.bottom_footer p {
		font-size: 14px;
		line-height: 20px;
	}
	.contact_us .call-text h3 {
		font-size: 16px;
	}
	.contact_us .button a {
		font-size: 16px;
		padding: 10px 18px;

	}
	.about_banner_area img {
		height: 100px;
	}
	.about-title h1{
		font-size: 22px;
	}
	.contact_address .add-item .add-icon {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.contact_address .add-item .add-text h3 {
		font-size: 20px;
	}
	.add-item .add-text p {
		font-size: 15px;
		line-height: 23px;
	}
	.contact_address .add-item .add-text {
		padding: 20px 0;
	}
	.contact_form {
		padding: 40px 0px 30px;
	}
	.headline {
		padding-bottom: 30px;
	}
	.headline h1 {
		font-size: 28px;
	}
	.contact_map .map-area iframe {
		width: 100%;
		height: 150px;
	}
	.contact_address .add-item {
		border: solid 1px #77777736;
		background: #fff;
	}

	.about_content {
		padding: 40px 0px;
	}
	.about_content .about-content-title h3 {
		font-size: 24px;
	}
	.about_content .about-content-title p {
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}
	.service_area .item .text p {
        margin: 0px 0px 15px;
        line-height: 26px;
        font-size: 15px;
    }
}