/* large desktop :1366px. */
@media (min-width: 1200px) and (max-width: 1366px) {

    
.gallery-active .gallery-slider-img.slick-center {
  transform: rotate(4deg) scale(1.13) translate(-10%, -4%);
}    
.pb-320 {
  padding-bottom: 136px;
}    
.pt-330 {
  padding-top: 200px;
}  
.pb-340 {
  padding-bottom: 300px;
}    
.pt-240 {


}    
.pt-340 {
  padding-top: 200px;
}
.pb-260 {
  padding-bottom: 120px;
}    
.breadcrumb-area.pt-240 {
	padding-top: 205px;
}    
    
    
    
    
    
    
    
    
    
    
    
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.error h1 {
	font-size: 15rem;
}
.pb-320 {
	padding-bottom: 130px;
}
.pt-330 {
	padding-top: 170px;
}
.breadcrumb-area.pt-240 {
	padding-top: 205px;
}
.about-content-info .mb-65 {
    margin-bottom: 30px;
}
#messages .video-img {
	margin-top: 50px;
}
.pt-240 {
	padding-top: 140px;
}
.pb-340 {
	padding-bottom: 140px;
}
.pb-260 {
	padding-bottom: 160px;
}
.pt-340 {
	padding-top: 240px;
}
.slider-text p {
  width: 68%;
}    
.single-service {
  padding: 0 15px;
}    
.video-info {
  padding: 31px 0 0 30px;
}    
.video-info.another-text {
  padding: 31px 30px 0 0;
}    
.help-services {
  margin-top: 0;
}    
.instra-img {
  margin-bottom: 10px;
  margin-right: 6px;
}    
.action-text > h3 {
  font-size: 32px;
}
.slick-slide img {
  margin: 0 84px;
}    
.testi-text > p {
  font-size: 20px;
}    
.testi-text {
  padding: 52px 27px 61px 250px;
}    
.main-menu.menu-style-4 > nav > ul > li > a {
  padding: 33px 12px 35px;
}   
.header-button.search-2 {
  margin-left: 12px;
}    
.upcoming .cdown {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  float: left;
  margin-right: 20px;
  padding: 33px 55px 54px;
  text-align: center;
}    
.upcoming.text-center > div {
  padding-left: 110px;
}    
.upcoming-text {
  padding-left: 0;
}    
.event-img-info > img {
  width: 100%;
}
.event-info {
  left: 20px;
}    
 .event-time-date > span {
  margin-right: 9px;
}   
.event-time-date > span i {
  margin-right: 5px;
}    
.blog-video-text > h3 {
  font-size: 14px;
}   
.blog-video-text {
  padding-left: 104px;
}    
.help-services .mb-65 {
	margin-bottom: 30px;
}    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.error h1 {
	font-size: 12rem;
}
.pb-260 {
	padding-bottom: 140px;
}
.pt-340 {
	padding-top: 220px;
}
.single-blog-text > h2 {
	font-size: 32px;
}
.upcoming-text.upcoming-hm4 {
	text-align: center;
}
.event-time-date > span {
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
}
.event-info {
	left: 10px;
    bottom: 10px;
}
.upcoming-hm4 .up-text {
	float: inherit;
	margin-top: 0px;
    margin-bottom: 30px;
}
.help-services .mb-65 {
	margin-bottom: 30px;
} 
 .search-bar-button {
  padding-left: 10px;
}   
.slider-text h1 {
  font-size: 42px;
}    
.slider-text p {
  width: 86%;
}
.single-service {
  padding: 0 10px;
}    
.doller-target.f-right {
  float: left;
  margin-top: 5px;
}    
.causes-info {
  padding: 30px 20px;
}    
.video-info {
  padding: 0;
}  
.video-info.another-text {
  padding: 0;
}    
.help-services .single-service {
  padding: 0 42px;
}    
.blog-info > h3 {
  font-size: 18px;
}    
.footer-social {
  margin-top: 5px;
}    
.main-menu > nav > ul > li > a {
  padding: 33px 8px 35px;
}    
.action-text > h3 {
  font-size: 23px;
  margin: 10px 0 0;
}
.section-title p.section-2 {
  width: 92%;
}    
.pt-240 {
  padding-top: 100px;
}    
.pb-340 {
  padding-bottom: 140px;
}    
 .slider-text.slider-text-2 p, .slider-text.slider-text-3 p {
  width: 82%;
}   
.about-img.pl-40 {
  margin-top: 50px;
  padding-left: 0;
}    
.about-content-info .single-service {
  padding: 0 40px;
}    
.grow-img {
  margin-top: 50px;
  padding-left: 0;
}    
  
.slick-slide img {
  margin: 0 168px;
}    
.testi-text > p {
  font-size: 17px;
  line-height: 25px;
}    
.testi-text {
  padding: 52px 30px 61px 252px;
}    
.header-button.search-2 {
  display: none;
}     
.pb-320 {
  padding-bottom: 120px;
}    
.pt-330 {
  padding-top: 170px;
}    
.upcoming .cdown {
  margin-right: 18px;
  padding: 23px 45px 44px;
}
.upcoming.text-center > div {
  padding-left: 25px;
}
    
.up-button {
  margin-left: 24px;
}    
.up-button a.button {
  font-size: 14px;
  padding: 10px 25px;
}    
.up-text > h2 {
  font-size: 24px;
}    
 .upcoming-text {
  padding-left: 0;
}   
.event-img-info > img {
  width: 100%;
}    
.main-menu > nav > ul > li > ul {
  padding: 20px 13px;
  width: 160px;
}    
.event-map-info {
  margin-top: 40px;
}    
.join-form {
  margin-top: 50px;
}    
.blog-mrg-res{
    margin-bottom: 50px;
}    
.all-single-service {
	margin-top: -60px;
}    
.blog-info {
	padding: 26px 15px 24px;
}    
.blog-info > h3 {
	margin: 11px 0 12px;
}    
.b-none {
	top: 9px;
}    
 .breadcrumb-area.pt-240 {
	padding-top: 205px;
}
    
    
    
    
    
    
    

}

 
/* small mobile :320px. */
@media (max-width: 767px) {
    
    .header-top{display:none;}

.header-info ul li i {
	margin-right: 2px;
}    
       
.header-info {
  text-align: center;
}
.header-info ul li {
  margin-bottom: 5px;
  margin-right: 7px;
}    

.header-info ul li:last-child {
  margin-bottom: 0px;
}    
.search-menu {
  display: none;
}
.slider-text p {
  width: 100%;
}    
.slider-text h1 {
  font-size: 30px;
  line-height: 40px;
    margin: 7px 0 10px;
}
.section-title p {
	margin: 0 15px;
}
.pb-340 {
  padding-bottom: 150px;
}    
.pt-240 {
  padding-top: 50px;
}
.slider-text > a {
	margin-top: 25px;
}
.icon-img::after, .icon-img::before {
  width: 60px;
}    
.single-service {
  padding: 0 18px;
}    
.pb-90 {
  padding-bottom: 40px;
}    
.pt-120 {
  padding-top: 70px;
}    
.ptb-120 {
  padding: 70px 0;
}
.video-info {
  padding: 10px;
}    
.video-info.another-text {
  padding: 0px 0 30px;
}    
.video-part-1.pb-100 {
  padding-bottom: 30px;
}    
h2.counter {
  margin-bottom: 10px;
}    
.section-title > h2 {
  font-size: 30px;
}    
    .mrg-30{
        margin-bottom: 30px;
    }    
    
.mb-65 {
  margin-bottom: 30px;
}    
.mb-75 {
  margin-bottom: 50px;
}    
.pb-55 {
  padding-bottom: 20px;
}    
.logo {
  padding-bottom: 20px;
  padding-top: 20px;
}    
.logo img{
	width:83%
}    
.causes-info {
  padding: 30px 12px;
}    
.slider-text.slider-text-2 p, .slider-text.slider-text-3 p {
  width: 100%;
}    
.pb-260 {
  padding-bottom: 80px;
}    
.pt-340 {
  padding-top: 210px;
}    
.section-title p.section-2 {
  width: 100%;
}    
.action-text > h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px;
}    
.action-button.f-right {
  float: left;
}    
.slider-style-3.pb-340 {
  padding-bottom: 100px;
}
.slider-style-3.pt-240 {
	padding-top: 90px;
}
.about-tab > li {
  margin-bottom: 5px;
  padding: 0 5px;
}
.about-tab > li::after {
  content: inherit;
}    
.about-tab > li a {
  font-size: 21px;
}    
.about-menu-box.mb-60 {
  margin-bottom: 20px;
}    
.about-img.pl-40 {
  margin-top: 40px;
  padding-left: 0;
}    
.single-grow {
  padding-right: 0;
}    
.grow-img {
  margin-top: 40px;
  padding-left: 0;
}    
.video-img {
  margin-top: 30px;
}    
.slick-slide img {
  margin: 0 47px;
}   
 .gallery-active .slick-list {
  padding: 17px 0 15px !important;
}   
.slick-dots {
  margin-top: 35px;
}   
.volunteer-text {
  padding: 50px 18px;
}    
.testi-img {
  display: block;
  float: inherit;
  margin-top: 0;
}    
.testi-text {
  margin-left: 0;
  padding: 20px 15px 20px;
}    
.testi-text > p {
  font-size: 18px;
  line-height: 30px;
  margin: 0;
}    
.pb-320 {
  padding-bottom: 84px;
}    
.pt-330 {
  padding-top: 170px;
}    
.slider-text h2 {
  font-size: 25px;
}    
.upcoming .cdown {
  margin-right: 10px;
  padding: 13px 32px 34px;
  margin-bottom: 10px;
}    
.upcoming.text-center > div {
  padding-left: 0;
}    
.upcoming-text {
  margin-top: 45px;
  padding-left: 0;
}
.up-text > h2 {
  font-size: 23px;
  line-height: 35px;
}    
.upcoming-text {
  margin-top: 20px;
  padding-left: 0;
    text-align: center;
}    
.up-button {
  margin-left: 0;
  margin-top: 20px;
}    
.event-info {
  bottom: 10px;
  left: 10px;
}    
.time-count {
  font-size: 40px;
}    
.breadcrumb-area.pt-240 {
  padding-top: 240px;
}    
.pb-120 {
  padding-bottom: 70px;
}    
.page-pagintion.mt-20 {
  margin-top: 0;
}    
.ptb-100 {
  padding: 70px 0;
}    
.event-text > h3 {
  font-size: 24px;
  line-height: 36px;
}    
.event-map-info {
  margin-top: 40px;
}    
.breadcrumb-text > h2 {
  font-size: 30px;
}    
.causes-price > h4 {
  font-size: 26px; 
}    
.share-icon > ul {
  margin-left: 12px;
}    
.share-icon ul li {
  margin-right: 6px;
}    
.join-form {
  margin-top: 40px;
}     
.blog-mrg-res{
    margin-bottom: 30px;
}    
.single-blog-text blockquote {
  font-size: 19px;
  padding: 30px 15px 37px;
}    
.single-comment > img {
  display: block;
  float: inherit;
}    
.blog-img-details {
  margin-top: 20px;
  padding-left: 0;
}    
.single-comment.middle-comment {
  margin: 63px 0;
}
.slider-area .owl-nav {
  display: none;
}    
.header-social.f-right {
	float: inherit;
	text-align: center;
	margin: 4px 0 0;
}    
.upcoming.text-center > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}    
.breadcrumb-area.pt-240 {
	padding-top: 200px;
}    
.breadcrumb-area.pb-125 {
	padding-bottom: 80px;
}
.error h1 {
	font-size: 7rem;
}    
.error h2 {
	font-size: 20px;
}    
.searchform.mb-50 {
	margin-bottom: 25px;
}    
    
    
    
    
    
    
    
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header-info {
	text-align: left;
}
.header-social > a {
	margin-left: 14px;
}    
.header-social.f-right {
	float: right;
	text-align: inherit;
	margin: 0px 0 0;
}    
.error h1 {
	font-size: 9rem;
}     
    
    
    
 
}