/*1599 to 1440 */
@media (max-width: 1599px) {
.moving-circle-top::before{opacity:0.3;}
.contact-form-right-in {padding: 90px 30px 90px 30px;}  
}

/*1439 to 1360 */
@media (max-width: 1438px) {
/*.banner {margin: 116px 0px 0;}	*/
}

/*1359 to 1280 */
@media (max-width: 1359px) {
header #cssmenu.menu ul li a {padding: 10px 15px;}	
.blog-right .blog-block-con h2 {font-size: 26px;}
header #cssmenu.menu ul > li {padding: 12px 18px;}
header #cssmenu.menu ul li a {padding:0 0 8px; font-size: 16px;}
.inner-bannner h2 {font-size: 30px;}
.content-box-right h2 {font-size: 38px;}
.happiness-program{background-position: center;}
.inner-title h3 {font-size: 30px;}
.inner-bannner .page-not-found-layer h2 {font-size: 80px;  padding: 0; line-height: normal;}
}


/*1279 to 1152 */
@media (max-width: 1279px) {
/*header .logo img {max-width: 87%;}*/
/*header #cssmenu.menu ul li a {padding: 10px 16px; font-size: 20px;}*/
header .donate-bttn a {padding: 0 26px; line-height: 48px; font-size: 20px;}
header nav.fixed-header .main-header {padding: 15px 0 12px;}
header.small-header .main-header .logo img {max-width: 220px;}
header.small-header #cssmenu.menu ul li a {font-size: 18px; padding: 12px 17px;}
header.small-header #cssmenu.menu ul li ul.sub-menu li a {font-size: 16px;}
header.small-header #cssmenu {top: 0; height: 0;}
.banner .item {height:90vh;}
.banner-bottom-sec .banner-bottom-left-sec h3 {font-size: 32px;}
.banner-bottom-sec .banner-bottom-left-sec {width: 100%; padding-bottom: 25px;}
.banner-bottom-sec .banner-bottom-right-sec {width: 100%;}
.hm-cont-grid .hm-cont-grid-left p {margin: 20px 25px;}
.hm-cont-grid .hm-cont-grid-left h2 {font-size: 39px;}
.latest-news-sec .item iframe {width: 308px; height: 169px;}
.events-sec .events-left {width: 100%; float: left;}
.events-sec .events-right {width: 100%; float: left;}
.events-sec .events-right ul li{float: left; padding: 0; width: 50%; text-align: center; }
footer .footer-block h2 {font-size: 19px;}
.recent-posts-sec ul li aside.recent-post-right {padding-left: 15px;}
.recent-posts-sec .recent-post-right h3 {font-size: 16px; line-height: 21px;}
.recent-posts-sec .date {font-size: 16px; background: #f6f7fa;}
.blog-block-img .icons i {font-size:60px;}	
.blog-block-img .icons {top: 42%; left: 43%;}
.events-single-bttn {text-align: left; margin-top: 0;}
.events-single-bttn .bttn {display: block; margin: 0 0 15px;}
.events-single-bttn .bttn a {background: #63cbef; margin:0;}
.hm-form h2 {font-size: 44px;}
.media-sec .media-sec-right h2 {font-size: 17px;}
.media-sec .media-sec-right .media-date {font-size: 16px;}
.media-sec .media-sec-right p {font-size: 17px;}
.guruji-tab-sec .guruji-tab-left ul.nav.nav-tabs a {padding: 10px 15px; font-size: 15px;}
/*#header-scroll.small-header #cssmenu.menu ul li a {padding: 10px 18px;}*/
#header-scroll.small-header #cssmenu {top:4px; height: inherit;}
.banner{height: 100%;}
#header-scroll.small-header #cssmenu.menu ul li {padding: 10px 14px;}
.submition-bttn {max-width: 400px;}
.hm-leads ul li .lead h2 {font-size: 21px;}
.latest-post-sec ul li .latest-post-con {padding: 30px 30px;}
.latest-post-sec ul li .latest-post-con h2 a {font-size: 22px;}
footer .footer-grid {width: 100%;}
.footer-grid ul {padding-top: 44px;}
.guruji-right-img {text-align: center; padding: 50px 0; width: 100%; float: left;}
/*.latest-news-sec {padding: 20px 0;}*/
.guruji-left-con {width: 100%; float: left;}
/**/
.contact-sec .contact-form-left{background-position: center;}
.contact-grids-sec .contact-grid-in h2 {font-size: 22px;}
.contact-grids-sec .contact-grid-in p {font-size: 16px;}
.contact-content-block p::before{top: 10px;}
.page-inner h2 {font-size: 24px;}
}

/*1151 to 1024 */
@media (max-width: 1151px) {
.hm-cont-grid .hm-cont-grid-left {margin-bottom:30px; width: 100%; padding: 40px;}
.hm-cont-grid .hm-cont-grid-left .hm-cont-grid-left-in {display: table;}
.hm-cont-grid .hm-cont-grid-right {width: 100%; text-align: center; padding-top: 4px; background: linear-gradient(184deg, rgb(241, 76, 83) 0%, rgb(235, 57, 36) 38%, rgb(237, 130, 83) 64%, rgb(232, 138, 56) 100%) !important;}
.hm-cont-grid .hm-cont-grid-right img {max-width:100%;}
.hm-cont-grid .hm-cont-grid-left .hm-cont-grid-left-in{padding: 0;}
.hm-cont-grid .hm-cont-grid-right {background: none;}
.hm-cont-grid .hm-cont-grid-right img {display: block; width: 100%;}
.banner .banner-layer h2{font-size: 32px;}
.banner .banner-layer h3{font-size: 32px;}
.banner .item {background-position: center !important;}
header #cssmenu.menu ul li a {/*padding: 10px 11px;*/ font-size: 17px;}
header.small-header #cssmenu.menu ul li a {font-size: 17px; padding: 12px 11px;}
.home-popup h2 {font-size: 32px;}
/*#header-scroll.small-header #cssmenu.menu ul li a {padding: 8px 11px;}*/
/**/
#header-scroll.small-header #cssmenu.menu ul li {padding: 10px 12px;}
header .logo img{max-width: 200px;}
header #cssmenu.menu ul li ul.sub-menu li a {font-size: 14px !important;}
.mb-grid-img {position: relative;  max-width:100%; margin: 0 auto;}
#mbl-hm-cont-grid {display: block;}
#desk-hm-cont-grid {display: none;}
.moving-circle-bottom::before{opacity:0.3;}
/**/
header #cssmenu.menu ul > li {padding: 12px 14px;}
.upcoming-event-right h2 {font-size: 17px;}
/*.upcoming-event-left .upcoming-event-block img {height: 470px;}*/
/**/
.contact-sec .contact-form-left {width: 100%; height: auto;}
.contact-sec .contact-form-right {width: 100%; height: auto;}
.contact-sec .contact-form-left-in{height:500px;}
}

/*1023 to 992 */
@media (max-width: 1023px) {
.banner .banner-bttn a {padding: 9px 27px;}
header #cssmenu.menu ul li a {font-size: 16px;}
.main-banner .item .banner-layer .banner-block h2 {font-size: 30px;}
.main-banner .item {background-position: center !important;     /*height: 840px;*/}
.main-banner .item .banner-layer .banner-block {position: absolute; bottom: 0; width: 100%;left: 0;}
.main-banner .item .banner-layer .banner-block {padding: 50px 21px 102px; text-align: center;}

}

/*1023 to 970 */
@media (max-width: 991px) {
header #cssmenu #menu-button {font-size: 0;}
/*.banner {margin: 93px 0 0;}
*/.donate-bttn.desk-bttn {display: none;}
header #cssmenu.menu ul li a {color: #000; }
header #cssmenu.menu ul > li {padding: 0;}
header #cssmenu .submenu-button::before {background: #fff;}
header #cssmenu .submenu-button::after {background: #fff;}
header #cssmenu .submenu-button.submenu-opened::after {background: #fff;}
header #cssmenu {text-align: right; top: 10px; position: absolute;  top: 0; right: 0; padding: 0;}
header #cssmenu #menu-button {font-size: 0;  display: inline-block; position: absolute; top: 3px; right:20px; z-index: 9999; background:#ed1c24;  width: 52px;  height: 45px;    padding: 0;border-radius: 5px;}
header #cssmenu ul { width: 100%; display: none; top: 86px; text-align: left; background:#ff3e00;}
header #cssmenu.menu ul li.active a {color: #fff;}
header #cssmenu > ul > li:hover > a {/*border-bottom: 2px solid #fff; background: #fd9c57;*/ color: #fff !important;}
header #cssmenu ul li.current_page_item > a {border-bottom: 2px solid #fff;}
header nav.fixed-header #cssmenu ul {top: 83px;}
header nav.fixed-header #cssmenu #menu-button {top: 20px;}
header #cssmenu #menu-button.menu-opened::before {background: #fff;}    
header #cssmenu #menu-button.menu-opened::after {background: #fff;}    
header #cssmenu #menu-button::before {background: #fff;}
header #cssmenu #menu-button::after {border-top: 2px solid #fff; border-bottom:2px solid #fff;}
header #cssmenu ul li ul {top: 0;}
header #cssmenu ul li ul li a {padding-left: 35px !important;}
header #cssmenu.menu ul ul {padding-top: 0;}
header #cssmenu.menu ul li ul {top: 0;}
header.small-header .mbl-bttn a {margin-top:5px; padding: 0 25px; line-height: 45px;}
#header-scroll.small-header #cssmenu {top: 0;}
header.small-header .mbl-bttn a {margin-top: -8px;}
.hm-leads ul li {text-align: center; list-style: none; width: 50%; float: left; margin-bottom: 25px;}
.hm-leads {padding: 0;}
.latest-news-sec .item iframe {width: 348px; height: 196px;}
.events-left .events-left-img {width: 37%;}
.events-left .events-right-con {width: 100%;}
.events-left .events-right-con h2 {padding-bottom: 10px; line-height: 24px;}
.events-left .info {margin: 21px 5px;}
.events-left .info a {padding: 8px 30px; font-size: 18px;}
.events-sec .events-right ul li {float: left; padding: 0 5px;}
footer .footer-block {padding: 0 0 35px;  width: 100%;}
footer .footer-block.footer-logo-block img {max-width:34%;}
footer .footer-block.footer-logo-block:before{display: none;}
footer .footer-block.footer-logo-block:after{display: none;}
.social-share {margin: 55px 0 20px;}
footer .footer-block h2 {font-size: 24px;}
header .donate-bttn {display: inline-block; position: absolute;  right: 100px; top: 22px;}
#cssmenu > ul > li {min-height: auto;}
.blog-left {width: 100%; float: left;}
.blog-right {float: left;  width: 100%;}
.recent-posts-sec ul li aside.recent-post-left {width: 15%; float:}
.latest-news-sec .item{width:50%; float:left;margin-bottom: 20px;}
.latest-news-sec .item h2 {padding: 10px 12px;}
.latest-news-sec .item .item-in{display: inline-block; text-align: center;}
.latest-news-sec .item:last-child {width: 100%;  text-align: center;}
.title {font-size: 34px;}
header #cssmenu.menu ul li.current_page_item a {color: #fff !important;     border: none;}
header #cssmenu ul li.current_page_item > a::before {display: none;}
header #cssmenu.menu ul li a {padding: 0; padding: 12px 15px;}
.events-single-left {width: 100%; float: left;}
.events-single-right {width: 100%; float: left; margin-top: 25px;}
.events-single-blocks .single-block {width: 50%; float: left; margin-bottom: 25px;}
/*.contact-leads {padding-top: 40px;}*/
.social-share {margin: 20px 0 20px;}
footer .copy-right span {display: block;line-height: 34px;}
.media-sec .media-left {width: 100%;}
.media-sec .media-right {width: 100%; padding: 0; margin-top: 15px;}
.guruji-tab-sec .guruji-tab-left {width: 100%; margin-bottom: 25px;}
.guruji-tab-sec .guruji-tab-right {width: 100%; padding-left: 0;}
header #cssmenu ul {top:134px;}
.header-right {position: absolute; right: 0; left: 0; width: 100%;}
#header-scroll.small-header #cssmenu ul {top:113px;}
#header-scroll.small-header #cssmenu ul.sub-menu.open {top: 0; position: relative; padding: 0;}
#header-scroll.small-header #cssmenu.menu ul li a {padding:11px 11px;}
header #cssmenu ul#menu-main-menu {height:240px; overflow: scroll;}
/*.inner-bannner {margin-top: 90px;}*/
.gallery ul li {width: 33.333%; float: left;}
.gallery.gallery-single ul .sub-categories h2 {font-size: 18px; padding: 8px 10px;}
.gallery {padding: 30px 0;}
header {height:90px;}
.small-header .donate-bttn.mbl-bttn {top: 32px;}
#header-scroll.small-header #cssmenu {top: 10px;}
#header-scroll .main-header{position: inherit;}
#header-scroll.small-header #cssmenu.menu ul li {padding: 0;}
.home #header-scroll.small-header #cssmenu.menu ul li a {padding: 10px 16px;}
header .logo img {max-width: 130px !important;}
.latest-news-sec .item:last-child iframe {width: 100%;}
.contact-leads .lead {text-align: center;}
/*.hm-leads ul li .lead {padding: 24px;}*/
.hm-leads ul li {width:50%;}
#hm-main-leads ul li .lead p{padding-bottom:60px;}
#hm-main-leads {padding:70px 0;}
.content-box-right ul li aside {font-size: 16px;}
.content-box-right ul li .icon {width: 10%;}
.content-box-right h2 {font-size: 30px;line-height: 34px;}
/**/
.event-con-left {max-width: 100%; width: 100%; float: left;}
.event-con-right {max-width: 100%; width: 100%; margin-top: 20px; float: left;}
.event-con-right .event-details li .icon {width: 6%;}
.event-map iframe {height: 300px;}
.latest-post-sec ul li {width: 50%; float: left;}
.post-cat-buttons {text-align: center;}
footer{background-position: left;}
/**/
header .logo img {max-width: 170px;}
header .logo {position: relative; top: -66px;}
#header-scroll .main-header {/*height: 90px;*/}
header .main-header {padding: 20px 0;}
header .table-wrapper {height: inherit; display: block; width: 100%;}
header .table-wrapper aside {padding: 0; display: block; float: left;}
header .logo {position: relative; top: 0;}
.header-top-sec{display: none;}
header #cssmenu #menu-button {top:40px; right: 12%;}
header {height: auto;}   
/*header.small-header .main-header .logo{margin-top:-43px;} */
.upcoming-events .upcoming-event-left {width: 100%; padding-bottom: 35px;}
.upcoming-events .upcoming-event-right {width: 100%;}
.upcoming-event-right li {width: 50%; float: left; padding: 0 15px;}
.upcoming-event-left .upcoming-event-block img {height: auto;}

.happiness-program-form {max-width: 100%;}
.happiness-program h2 {font-size: 41px;}
.happiness-program p {max-width: 100%;}
.happiness-program {height: 507px;}
.contact-grids-sec .contact-grid {width: 100%; float: left; margin-bottom: 20px;}
.contact-content-block p::before {top: 0;}
.contact-form-right-in {padding: 50px 10px;}
.contact-form-right-in h2{text-align: center;}
/**/
header #cssmenu ul li.current_page_item.menu-item-has-children > a::before {position: absolute; content: ""; background: #f8ee4d;  width: 100%; height: 2px; display: inherit; top: inherit; left: 0; bottom: 0;}
header #cssmenu ul li.current_page_item > a::before {position: absolute; content: ""; background: #f8ee4d;  width: 100%; height: 2px; display: inherit; top: inherit; left: 0; bottom: 0;}
/**/
#header-scroll.small-header #cssmenu #menu-button {top: 28px;}
.inner-bannner .inner-bannner-layer {padding-top: 160px;}
.inner-bannner{height: 200px;}
}



/*969 to 900 */
@media (max-width: 969px) {

header #cssmenu ul {top:134px;}
/*header .logo img {max-width: 210px;}*/
.banner .banner-layer {padding: 0 40px;}
footer {background-position: center;}

}

/*899 to 800 */
@media (max-width: 899px) {
header nav.fixed-header #cssmenu ul {top: 77px;}
.hm-form h2 {font-size: 38px;}
.hm-form p {padding: 30px 0 15px;}
.banner .banner-layer {padding: 0 30px; text-align: center;}
.banner .banner-layer h2 {font-size: 28px;}
.banner .banner-layer h3 {font-size: 28px;}
/*.inner-bannner {padding: 45px 0;}*/
/**/
/*#event-banner {height: 170px;}*/
header #cssmenu #menu-button {right: 6%;}
}

/*799 to 768 */
@media (max-width: 799px) {
/*header {padding: 3px 30px;}*/
.banner .banner-layer {padding: 0 40px;}
header nav.fixed-header .main-header {padding: 15px 0;}
.banner .banner-layer h2 {line-height: normal;  border: none;}
.banner .banner-layer h3 {line-height: normal; border: none;}
.banner .banner-layer p {line-height: 24px; font-size: 18px; padding: 35px 0 35px;}
.contact-form .inner-title h3 {font-size: 30px;}
.happiness-program h2 {font-size: 35px;}
.happiness-program .form-group input {font-size: 14px; padding: 12px 15px;}
.happiness-program .submition-bttn input {font-size:18px; padding: 0 38px; line-height: 46px;}
.inner-bannner h2 {font-size: 26px;}
ul.breadcrumb li {font-size: 18px;}
.inner-title h3 {font-size: 28px;}
.inner-bannner {height: 180px;}
}

/*767 to 736 */
@media (max-width: 767px) {
header .main-header .logo {width: 36%; float: left;}
.banner{height:auto;}
.latest-news-sec .item iframe { width: 100%; height: 190px;}
.latest-news-sec .item {padding: 0 6px;}
.latest-news-sec .item h2 {text-align: center; }
.latest-news-sec.video-section .item h2 {text-align: left;}
/*.contact-form {padding: 70px 0;}*/
.blog-right .bttn a {padding: 7px 28px;  font-size: 16px;}
.hm-form .form-group input {margin-bottom: 8px;}
.hm-form .checkbox {padding: 30px 0;}
.hm-form .btn.btn-default {margin-top: 30px;}
.media-sec .media-left {display: block; margin-bottom: 25px;}
.latest-news-sec .item span {padding: 8px 22px 0;}
/*.latest-news-sec {padding:70px 0;}*/
.hm-form .bttn {margin-top: 0;}
.hm-form {padding: 50px 0; margin-top: 40px;}
.submition-bttn {margin-top: 20px;}
.video-section {padding: 40px 0;}
.upcoming-event-left .upcoming-event-block .event-cont h2 {font-size: 24px;}
.upcoming-event-right li {width: 100%; padding: 0 0 25px;}
.happiness-program-layer {padding: 60px 15px; text-align: center;}
.happiness-program .form-group {padding-left: 0; padding-right: 0;}
.page-section {padding: 60px 15px;}
/**/
.page-not-found {height: 400px;}
.inner-title h3 {/*font-size: 22px;*/ line-height: 38px;}
}

/*735 to 667 */
@media (max-width: 735px) {
header nav.fixed-header #cssmenu ul {top: 79px;}
.gallery ul li {width: 50%;}
.latest-news-sec .item span {text-align: center;}

}

/*666 to 600 */
@media (max-width: 666px) {
header .main-header .logo {width:47%; float: left;}
.banner .banner-layer p {padding: 25px 0;}
.banner .item {height:70vh;}
header nav.fixed-header .main-header {padding: 17px 0;}
header nav.fixed-header #cssmenu ul {top:74px;}
/*.hm-cont-grid .hm-cont-grid-right img {max-width: 90%;}*/
.events-left ul li {padding: 35px 15px;}
.events-left .events-left-img {width: 100%; display: block; float: left;  text-align: center;}
.events-left .events-right-con {padding: 20px 0 0 0; display: block; width: 100%; float: left;}
.events-left .events-right-main {width: 100%; text-align: center;}
.events-left .events-right-con h2 a {font-size: 23px;}
.events-left .info {margin: 21px 5px 0; width: 100%; text-align: center;} 
.events-sec .month {background: none;  width: 100%; border-radius: 0; text-align: center; height: auto; padding:0 0 6px; position: relative; width: 100%; left: 0;}
.events-sec .month span {display: inline-block; font-weight:800; font-size: 22px; }
.blog-right .blog-block-con {padding: 30px;}
.blog-right .blog-block-con h2 {font-size: 22px;}
.blog-block-img .icons {top: 39%; left: 42%;}
.latest-news-sec .item {width: 100%;}
.latest-news-sec .item:last-child{width: 100%;}
.latest-news-sec .item .item-in {display: block;}
.hm-form h2 {font-size: 32px;}
.hm-form {padding: 70px 0;}
.hm-form p {padding: 20px 0 8px; font-size: 17px;}
.banner .banner-bttn a {padding: 9px 27px; font-size: 16px;}
.media-sec .media-sec-block .media-sec-left {width: 100%; float: left; display: block; padding: 0; height: 250px !important; border-radius: 5px 5px 0 0;}
.media-sec .media-sec-block .media-sec-right {padding: 20px; width: 100%; float: left; display: block; height: inherit !important;}
.hm-form .btn.btn-default{width:auto;}
.home-popup h2 {font-size: 27px;}
.home-popup p{font-size: 17px;}
.gallery.gallery-single ul .sub-categories {width: 50%;  float: left;}
.gallery.gallery-single ul li {width: 33.333%; float: left;}
.events-left .events-right-con h2 {text-align: center;}
.events-left .events-left-img a img {width: 100%;}
.hm-form .wpcf7-response-output {line-height: 30px;}
.latest-news-sec.video-section .item h2 {text-align: center;}
/**/
.event-content-box aside {display: block; width: 100%; float: left;}
.content-box-right ul li .icon {width: 8%;}
.content-box-right ul li aside {width:90%;}
.content-box-right ul {padding-top: 25px;}
.event-video iframe {height: 250px;}
.latest-post-sec ul li {width: 100%;}
.latest-post-sec ul li .latest-post-con {padding: 30px 20px;}
.latest-post-sec ul li .date {font-size: 22px; height: 55px; width: 55px; line-height: 19px; padding-top: 12px;}
.latest-post-sec ul li .date span {font-size: 12px;}
footer .copy-right p {padding: 0 15px;}
.footer-grid ul li {padding: 8px 9px;}
.contact-content-block p::before {top: 8px;}
.upcoming-event-left .upcoming-event-block .event-cont h2 a {font-size: 23px;}
/**/
.event-content-box {margin: 40px 0;}
}

/*599 to 568 */
@media (max-width: 599px) {
/*header #cssmenu ul {top: 88px;}	
*/.hm-leads ul li {width:100%; float: left;}
.contact-form h2 {font-size: 31px;  line-height: 40px;}
footer .footer-block.footer-logo-block img {max-width: 44%;}
/*.inner-bannner .inner-bannner-layer {text-align: center; padding: 0;}*/
.blog-right .bttn {text-align: center;}
.title {font-size:30px; padding-bottom: 30px;}
.events-single .events-single-right h2 {font-size: 24px;}
.page-not-found i {font-size:70px;}
.page-not-found h2 {font-size:70px !important;}
.page-not-found p {font-size: 18px; padding-top: 9px;}
.page-not-found {padding: 70px 0;}
.blog-single .tags-sec .tagcloud a {padding: 4px 22px;}
.form-group {padding: 0;}
/*.inner-bannner {height: 170px;}*/
.media-sec .media-right .wp-pagenavi .pages {display: inline-block; margin-bottom: 18px;}
.inner-title {font-size: 19px;}
.prayoga-video-sec iframe {width: 100%; height: 280px;}
/*.inner-bannner {padding: 0;}*/
.filter-button {margin: 0 5px 16px;}
.page-inner .moving-circle-top::before {width: 240px; height: 240px;}
/**/
.event-content-box {padding: 20px 10px;}
.event-con h2 {font-size: 25px;}
/*.event-content-box {margin-top: -20px;}*/
/**/
.masonry .grid-wrapper .item {width: 100%;   float: left;  padding-bottom: 15px;}
.masonry .grid-wrapper{display: block;}
.event-list ul li .event-bttn a {padding: 14px 25px;}
.event-image-grid ul li {width: 50%;}
.main-banner .item .banner-layer .banner-block h2 {font-size: 26px;}
.hm-leads .hm-lead-img img {width: 100%;}
.latest-post-sec ul li .latest-post-con h2 a {font-size: 20px;}
.latest-post-sec ul li .date {padding-top: 8px;}
.latest-post-sec ul li .date strong {font-size: 17px;}
/**/
.contact-grids-sec .contact-grid-in {padding: 50px 20px; text-align: center;}
.contact-grids-sec .contact-content-block p {padding:67px 0 0 0; position: relative;}
.contact-content-block p::before {font-size: 40px; left: 0; right: 0;}
.contact-grids-sec .contact-grid-in iframe {height: 250px;}
.inner-title h3 {font-size: 26px;}
}


/*567 to 480  */
@media (max-width : 567px) {
header .main-header .logo {width: 66%;}	
.banner .banner-layer h2 {font-size: 24px;}
.banner .banner-layer h3{font-size: 24px;}
.banner .banner-layer {padding:0 15px; text-align: center;}    
header nav.fixed-header #cssmenu ul {top: 84px;}
header.small-header .donate-bttn.mbl-bttn {bottom: -45px; left: 0; width: 100%; border-radius: 0;}
header.small-header .donate-bttn.mbl-bttn a {position: absolute; bottom: 0; width: 100%;  border-radius: 0; text-align: center; margin: 0;}
header.small-header .main-header {padding: 15px 0;}

.hm-cont-grid .hm-cont-grid-left p {margin: 15px 0;}
.latest-news-sec .item iframe {width: 100%; height: 210px;}
.events-sec .events-right ul li {width: 100%; padding: 0 0 6px;}
.blog-right .blog-block-con {padding: 20px;}
.blog-right .blog-block-con h2 {font-size: 20px;}
.blog-right .blog-block-con p {font-size: 17px;}
.recent-posts-sec ul li aside.recent-post-left {width:100%; float: left;  display: block; text-align: center; padding-bottom: 15px;}
.recent-posts-sec ul li aside.recent-post-right {width:100%; float: left;  display: block; padding: 0; text-align: center;}
.recent-posts-sec .recent-post-right h3 {font-size: 20px;}
.blog-block-img .icons i {font-size: 40px;}
.blog-block-img .icons {top: 40%; left: 44%;}
.inner-bannner h2 {font-size: 25px;}
/*ul.breadcrumb li {font-size: 15px;}*/
.recent-posts-sec ul li aside.recent-post-left a{height: 200px;}
.events-single-blocks .single-block {width: 100%; float: left;}
.blog-right .blog-block-con ul li {font-size: 17px; line-height: 32px;}
.hm-form h2 {font-size: 29px;}
.events-sec .events-right ul li img {width: 100%; margin: 0 auto;}
.home-popup h2 {font-size: 22px;}
.gallery ul li {width:100%;}
header .donate-bttn.mbl-bttn {bottom: -45px; left: 0; width: 100%; border-radius: 0; top: 89px; }
header .donate-bttn a {width: 100%; text-align: right; padding-right: 100px; border-radius: 0;}
/*header #cssmenu ul {top: 117px;}*/
.gallery.gallery-single ul .sub-categories {width: 50%; float:left;}
.gallery.gallery-single ul li {width: 50%;}
header.small-header .donate-bttn.mbl-bttn a {text-align: right; padding-right: 100px;}
header .main-header .logo img {max-width: 120px;}
header .main-header .logo {width: 36%;/* z-index: 9;*/}
.inner-bannner {padding: 40px 0 0;}
/**/
.event-con-right .event-details li .icon {width: 10%;}
/*#event-banner {height: 100px;}
*/.event-list ul li.table-wrapper {display: block;}
.event-list ul li aside{display: block; text-align: center;}
.event-list ul li .event-name {width: 100%; float: left; padding-bottom: 16px;}
.event-list ul li .event-bttn {text-align: center; width: 100%;}
#header-scroll .main-header {height: auto; padding: 20px 0;}
header .logo{margin: 0;}
header #cssmenu #menu-button{top: 34px;}
.header-top-sec {text-align: center;}
header.small-header .main-header .logo {margin-top: 0;}
header #cssmenu ul {top: 132px;}
#header-scroll.small-header #cssmenu ul {top: 112px;}

.upcoming-events .event-date {line-height: 21px; font-size: 20px; height: 57px;}
.upcoming-events .event-date em {font-size: 15px;}
.happiness-program h2 {font-size: 30px;}
.inner-bannner .inner-bannner-layer {padding-top:120px;}
.inner-bannner h2 {font-size: 28px;}
/*.inner-title h3 {font-size: 22px;}*/
.post-cat-buttons .bttn a {padding: 6px 14px;}
/**/
.page-not-found-layer{padding-top: 160px;}
}


/*479 to 414  */
@media (max-width : 479px) {
header .main-header .logo {width:43%;}	
.hm-cont-grid .hm-cont-grid-left {padding: 40px 15px;}
.hm-cont-grid .hm-cont-grid-left h2 {font-size: 34px;}
footer .footer-block.footer-logo-block img {max-width: 64%;}
header {/*padding:0 0 38px;*/ /*position: relative;*/}
/*.inner-bannner {margin-top: 128px;}*/
header .donate-bttn {top: inherit; width: 100%; left: 0; bottom:-47px;}
header .donate-bttn a {display: block; border-radius: 0; text-align: right; padding-right: 100px;}
/*.inner-bannner {height: 150px;}*/
#header-sroll.small-header {padding: 0;}
header.small-header #cssmenu #menu-button {top:123px;}
.home-popup-con {padding: 20px 10px;}
.media-sec .media-right .wp-pagenavi a.last {display: inline-block;}
.media-sec .media-right .wp-pagenavi a.nextpostslink {display: inline-block;}
/*.banner {margin-top: 134px;}*/
header.small-header #cssmenu #menu-button {top:32px;}
/*header.small-header {padding: 3px 0 0;}*/
#header-scroll.small-header #cssmenu ul {top:112px;}
/**/
.content-box-left a {font-size: 11px; padding: 0 16px;}
.content-box-right ul li .icon {width: 10%;}
.main-banner .item .banner-layer .banner-block h2 {font-size: 24px;}
.main-banner .item .banner-layer .banner-block span {font-size: 18px;}
.upcoming-event-left .upcoming-event-block .event-cont h2 {sfont-size: 20px;}
.upcoming-event-left .upcoming-event-block .event-cont {position: relative;}
.inner-bannner h2 {line-height: 34px;}

}

/*413 to 375*/
@media (max-width : 413px) {
header #cssmenu #menu-button {    right: 16px;}
header nav.fixed-header {   padding: 0 0px;}
.banner .banner-layer h2 {font-size: 22px;}
.banner .banner-layer h3{font-size: 22px;}
.banner .banner-layer {padding: 0 7px;}
.events-left .events-right-con h2 a {font-size: 21px;}
.media-sec .media-sec-block .media-sec-left {height: 170px !important;}
.media-sec .media-right .wp-pagenavi a.nextpostslink {margin-top: 18px;}
.gallery.gallery-single ul li {width:100%;}
header.small-header .donate-bttn.mbl-bttn a {padding-right: 80px;}
header .donate-bttn.mbl-bttn a {padding-right: 80px;}
/**/
.content-box-right h2 {font-size: 24px; line-height: 33px; margin-top: 0;}
.post-cat-buttons .bttn a {font-size: 18px; margin: 0 10px;}
}


/*374 to 320*/
@media (max-width : 374px) {
/*header #cssmenu ul {top: 89px;}*/
.media-sec .media-right .wp-pagenavi .extend {display: inline-block;}
header.small-header .donate-bttn.mbl-bttn a {padding-right: 50px;}
header .donate-bttn.mbl-bttn a {padding-right: 50px;}
}