@media only screen and (min-width : 100px) and (max-width : 1400px) {

}
@media only screen and (min-width : 100px) and (max-width : 1100px) {

	.header-navbar ul li a {
    font-size: 14px;
}
	.main-menu ul {
    column-gap: 18px;
}
	a.main-btn {
    font-size: 14px;
}
	a.main-btn2 {
    font-size: 14px;
}
	.footer-about p {
    color: #fff;
    margin: 27px 0px 27px 0px;
}
	
	
	
	
	
	
	
	
	
}
@media only screen and (min-width : 100px) and (max-width : 1000px) {


}
@media only screen and (min-width : 100px) and (max-width : 900px) {
.inner-page-title {
    font-size: 2rem;
}
section.responsive-menu {
    width: 100%;
    right: -102%;
}
	.d-none-t {
    display: none;
}
	.header-btn {
    display: none;
}
	.site-logo {
    width: 60%;
}
	.home-slider-content h2 {
    font-size: 38px;
    margin-bottom: 30px;
    margin-top: 18px;
}
	.home-slider-content h4 {
    letter-spacing: 1px;
}
	.home-slider-btns a {
    margin: 4px 0px;
}
.home-slider-btns {
    display: inline-grid;
}
	section.section-about {
    padding: 40px 0px;
}
	.about-content h2 {
    font-size: 26px;
	margin-bottom: 12px;
}
	.about-content {
    margin-top: 30px;
}
	section.section-difference {
    padding: 40px 0px;
}
	h2.main-heading {
    font-size: 26px;
}
	.diff-btns {
    margin-top: 25px;
}
	.diff-content {
    margin-bottom: 30px;
}
	section.section-mission {
    padding: 40px 0px;
}
	.mission-btn {
    margin-top: 30px;
}
	.mission-content {
    margin-bottom: 30px;
}
	.section-content h3 {
    font-size: 24px;
}
	section.service-one {
    padding: 40px 0px;
}
	section.service-two {
    padding: 40px 0px;
}
	section.section-volunteer-th {
    padding: 40px 0px;
}
	.volun-th-content {
    margin-top: 30px;
}
	section.section-support {
    padding: 40px 0px;
}
	.footer-02 {
    padding-left: 10px;
}
	h4.main-heading3 {
    font-size: 20px;
}
	.resources-content h2 {
    font-size: 26px;
}
	.donate-content h3 {
    font-size: 26px;
}
	
	
}

@media only screen and (min-width : 100px) and (max-width : 600px) {
.blogs-item .custom-theme-post-item {
    display: block;
}
.blogs-item .custom-theme-post-item .custom-theme-post-content {
    padding-left: 0px;
}
}

@media only screen and (min-width : 100px) and (max-width : 500px) {
.inner-page-title {
    font-size: 1.6rem;
}
.custom-theme-post-title a {
    font-size: 1.3rem;
}
	    .site-logo {
        width: 100%;
    }
	.home-slider-content h2 {
        font-size: 26px;
        margin-bottom: 28px;
        margin-top: 18px;
    }
	    .home-slider-content h4 {
        letter-spacing: 0px;
        font-size: 14px;
    }
	.home-slider-image {
    height: 420px;
}
	h2.main-heading {
        font-size: 22px;
    }
	.about-content h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }
	ul li, a {
    font-size: 14px !important;
}
p {
    font-size: 14px !important;
    line-height: 22px !important;
}
	    .footer-02 {
        padding-left: 0px;
    }
	.section-content h3 {
        font-size: 20px;
    }
	section.section-volunteer-therapist {
    padding: 30px 0px;
}
	.volunteer-form {
    margin-top: 20px;
    padding: 0px 14px;
}
	    .resources-content h2 {
        font-size: 20px;
    }
	.resources-content h2 {
        font-size: 20px;
    }
	section.section-contact-content {
    padding: 30px 0px;
}
	.help-form {
    margin-top: 40px;
    padding: 0px 14px;
}
	.footer-title h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
	section.section-donate {
    padding: 30px 0px;
}
	    .donate-content h3 {
        font-size: 20px;
    }
	
	
	
	
	
	
}
@media only screen and (min-width : 100px) and (max-width : 375px) {
.post-meta span {
    font-size: 11px;
    letter-spacing: .5px;
}
.custom-theme-post-title a {
    font-size: 1.2rem;
}
	ul li, a {
    font-size: 12px !important;
		 line-height: 20px !important;
}
p {
    font-size: 12px !important;
    line-height: 20px !important;
}
	h2.main-heading {
        font-size: 20px;
    }
	    h4.main-heading3 {
        font-size: 16px;
    }
	.footer-menu ul {
    margin-bottom: 20px;
}

.footer-menu ul li {
    line-height: 24px !important;
}
	.footer-logo {
    width: 44%;
}
}
@media only screen and (min-width : 100px) and (max-width : 320px) {

}