@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Inter', sans-serif; */

/* jquery.bxslider.min.css */
.bx-wrapper{position:relative;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:30px;background:url(../images/prev-arrow.png) no-repeat;}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:30px;background:url(../images/next-arrow.png) no-repeat;}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:2}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/* slick.css */
/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}


/* slick-theme.css */
/* Slider */
.slick-loading .slick-list{background: #fff url('./ajax-loader.gif') center center no-repeat;}


/* Arrows */
.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{content: '';width: 20px;height:20px;display: inline-block;font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -25px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{background:url(../images/photo-prev-arrow.png) no-repeat top left;}
[dir='rtl'] .slick-prev:before{background:url(../images/photo-prev-arrow.png) no-repeat top left;}
.slick-next{right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{background:url(../images/photo-next-arrow.png) no-repeat top left;}
[dir='rtl'] .slick-next:before{background:url(../images/photo-next-arrow.png) no-repeat top left;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}


html{ scroll-behavior: smooth;}

*{margin:0; padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,a,p,img{margin:0; padding:0; text-decoration:none;}
header,footer,section,aside,article,div,span{padding:0; margin:0;}
nav,ul,li{padding:0; margin:0; list-style:none;}
img{width:auto; max-width:100%;}
body{float: left;width: 100%;margin:0;font-family: 'Inter', sans-serif;overflow-x:hidden;}
.container{max-width:1320px; width:100%; margin:0 auto;padding:0 20px;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}



/* header */
#myHeader{float: left;width: 100%;background: #fbf5e4;padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;border-bottom: 4px solid #C81112;position: -webkit-sticky;position: sticky;top: 0;z-index: 9;}
.logo{width: auto;}
.logo a{display: flex;align-items: center;}
.logo span{font-size: 24px;line-height: 30px;font-weight: 800;font-style: italic;color: #ff7c04;margin-left: 20px;}
.navigation{margin-top: 26px;}
.navigation ul{float: left;width: 100%;}
.navigation ul li{float: left;width: auto;position:relative;}
.navigation ul li a{font-size: 14px;text-transform: uppercase;font-weight: 600;padding: 2px 32px 2px 22px;margin: 0 2px;color: #000;}
.navigation ul li a:hover{background: #C81112;border-radius: 30px;color: #fff;}
.toggle{margin-left: 4px;float: right;border-top: 5px solid #000;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 0;position: absolute;right: 14%;top: 8px;}
.navigation ul li:hover .toggle{border-top-color: #fff;}
.navigation [id^="drop"]{display: none;}
.navigation .sub-menu{display: none; position: absolute;top: 100%;width: 200px;background: #fbf5e4;box-shadow: 0 10px 25px 0 rgba(0,0,0,0.2);padding: 20px 14px;}
.navigation .sub-menu li a{font-size: 14px;padding: 10px 0;display: block;font-weight: 400;text-transform: inherit;}
.navigation .sub-menu li{width: 100%;}
.navigation .sub-menu li a:hover{background: none;color: #C81112;text-decoration: underline;}
.navigation ul li:hover > ul{display: inherit;}
.ram-logo{width:auto;}
.mobile-menu{float: right;cursor: pointer;width: 24px;height: 25px;position: relative;display: none;}
.mobile-icon{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;background-color: #333;-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);cursor: pointer;}
.mobile-icon::before{position: absolute;bottom: 8px;left: 0;width: 100%;height: 2px;background-color: #333;content: "";-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-icon::after{position: absolute;bottom: -8px;left: 0;width: 100%;height: 2px;background-color: #333;content: "";-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.mobile-menu:hover .mobile-icon{background-color: #F2B263;}
.mobile-menu:hover .mobile-icon::after{background-color: #F2B263;width: 60%;}
.mobile-menu:hover .mobile-icon::before{width: 80%;background-color: #F2B263;}
.change span{position: relative;cursor: pointer;height: 40px;width: 40px;line-height: 40px;display: inline-block;}
.close-icon::before{position: absolute;top: 23px;left: 8px;content: '';width: 24px;height: 3px;background: #333333;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.close-icon::after{position: absolute;top: 23px;left: 8px;content: '';width: 24px;height: 3px;background: #333333;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.change{float: right;height: 40px;width: 40px;display: none;}
.close-icon:hover::before,.close-icon:hover::after{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.mobile-logo{display: none;}


/* banner */
#banner{float: left;width: 100%;}


/* hanuman-jayanti */
#hanuman-jayanti{float: left;width: 100%;background:url(../images/jayanti-background.png) no-repeat center center;background-size: cover;padding: 15px 0;}
#hanuman-jayanti h1{font-size: 60px;font-weight: 700;font-style: italic;color: #fff;padding-bottom: 8px;text-align: center;}


/* hanuman-chalisa */
#hanuman-chalisa{float: left;width: 100%;background: #c81112;padding: 15px 0;}
.hanuman-chalisa-content{display: flex;margin: 0 auto;max-width: 900px;align-items: center;justify-content: space-between;}
.hanuman-chalisa-content img{max-width: 158px;float: left;}
.hanuman-chalisa-content h2{margin-left: 20px;font-size: 14px;text-shadow: 0px 4px 4px rgba(0,0,0,0.25);font-weight: 600;color: #fff;}


/* experience-grace */
#experience-grace{float: left;width: 100%;padding-top: 60px;padding-bottom: 162px;background:url(../images/grace-background.png) no-repeat center center;background-size: cover;}
#experience-grace h3,#charitable-activities h2{font-size: 34px;line-height: normal;font-weight: 600;color: #2f2f2f;text-align: center;padding-bottom: 16px;}
#experience-grace small{font-size: 14px;line-height: 22px;font-weight: 400;color: #2f2f2f;text-align: center;display: block;}
.experience-list{float: left;width: 100%;margin-top: 60px;}
.experience-list li{float: left;width: 33.33%;padding: 0 15px;}
.experience-list-content,.upcoming-list-content{float: left;width: 100%;}
.experience-list-image{float: left;width: 100%;margin-bottom: 48px;position: relative;overflow: hidden;}
.experience-list-image::before,.upcoming-list-image::before,.charitable-list-image::before,.gallery-part a::before,.photo-content::before{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.experience-list-image:hover::before,.upcoming-list-image:hover::before,.charitable-list-image:hover::before,.gallery-part a:hover::before,.photo-content:hover::before{-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	100%{left: 125%;}
}
@keyframes shine {
	100%{left: 125%;}
}
.experience-list-image img,.upcoming-list-image img,.charitable-list-image img{float: left;width: 100%;}
.experience-list-content h4{font-size: 34px;line-height: normal;font-weight: 400;padding-bottom: 10px;color: #000;}
.experience-list-content p{font-size: 16px;line-height: 26px;font-weight: 400;color: #000;}


/* upcoming-event */
#upcoming-event{float: left;width: 100%;padding-top: 135px;padding-bottom: 175px;background:url(../images/event-background.png) no-repeat center center;background-size: cover;}
#upcoming-event h5{font-size: 34px;line-height: normal;font-weight: 600;color: #fff;text-align: center;padding-bottom: 16px;}
#upcoming-event small{font-size: 14px;line-height: 22px;font-weight: 400;color: #fff;text-align: center;max-width: 486px;display: table;margin: 0 auto;}
.upcoming-list{width: 100%;max-width: 953px;display: table;margin: 0 auto;margin-top: 60px;}
.upcoming-list li{float: left;width: 50%;padding: 0 15px;}
.upcoming-list-image,.charitable-list-image,.gallery-part a,.photo-content{float: left;width: 100%;position: relative;overflow: hidden;}
.upcoming-list-card{float: left;width: 100%;padding: 47px 31px;background-color: #f7f8fa;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;text-align: center;}
.upcoming-list-card h6{font-size: 34px;line-height: normal;font-weight: 800;padding-bottom: 10px;color: #000;}
.upcoming-list-card span{font-size: 25px;line-height: normal;font-weight: 400;color: #FF7C04;}
.upcoming-list-card p{font-size: 18px;line-height: 26px;font-weight: 400;color: #48525c;}


/* charitable-activities */
#charitable-activities{float: left;width: 100%;padding-top: 75px;padding-bottom: 115px;}
#charitable-activities small{font-size: 14px;line-height: 22px;font-weight: 400;color: #2f2f2f;text-align: center;max-width: 678px;display: table;margin: 0 auto;}
.charitable-activitielist{float: left;width: 100%;margin-top: 60px;}
.charitable-activitielist li{float: left;width: 33.33%;padding: 0 15px;}


/* gallery */
#gallery{float: left;width: 100%;}
.gallery-part{float: left;width: 50%;}
.gallery-right-column{float: left;width: 50%;}
.gallery-part img{float: left;width: 100%;border: 2px solid #ffffff;}

/* about-us */
#about-us{float: left;width: 100%;padding: 90px 0;background:url(../images/history-background.png) no-repeat center center;background-size: cover;}
.about-top{padding-bottom: 48px;width: 92%;display: table;margin: 0 auto;text-align: center;}
.about-top img{max-width: 338px;padding-bottom: 48px;}
.about-top h3{font-size: 52px;line-height: 70px;text-align: center;font-weight: 700;font-style: italic;color: #fff;}
.about-bottom{width:90%;display: flex;justify-content: space-between;align-items: center;margin: 0 auto}
.about-left{width: 50%;padding: 0 15px;}
.about-right{width: 50%;padding: 0 32px;}
.img-wrapper{float: left;width: 100%;position: relative;padding-left: 32px;padding-top: 32px;padding-bottom: 32px;overflow: visible;z-index: 1;}
.img-wrapper::before{position: absolute;z-index: -1;height: 100%;content: '';width: calc(90% - 50px);left: 0rem;top: 0rem;background: #FBF5E4;}
.about-right h4{font-size: 28px;line-height: normal;font-weight: 600;color: #3a3a3a;font-style: italic;padding-bottom: 25px;}
.about-right p{font-size: 17px;line-height: 30px;font-weight: 300;color: #3a3a3a;}


/* footer*/
footer{float: left;width: 100%;padding: 105px 0;background-color: #ff7c04;}
.footer-content{display: flex;width: 100%;}
.footer-left,.footer-center,.footer-right{width: 33.33%;padding: 0 15px;position: relative;}
.footer-left img{max-width: 304px;}
.footer-left p{font-size: 14px;font-weight: 400;line-height: normal;color: #fff;position: absolute;bottom: 0;}
.contact-info{padding: 0 10% 0 6%;}
.contact-info h6{font-size: 17px;font-weight: 600;line-height: normal;color: #fff;padding-bottom: 25px;}
.contact-info ul{float: left;width: 100%;}
.contact-info ul li{float: left;width: 100%;padding-bottom: 16px;position: relative;padding-left: 30px;}
.contact-info ul li span{width: 16px;color: #ffffff;margin-right: 14px;display: inline-block;position: absolute;top: 8px;left: 0;}
.contact-info ul li p{font-size: 14px;font-weight: 600;line-height: 30px;color: #fff;}
.contact-info ul li p a{color: inherit;}
.contact-info ul li:last-child{padding-bottom: 0;}
.donate-content{float: right;width: 100%;position: absolute;bottom: 0;right: 15px;}
.donate-content img{float: right;}
.donate-content span{float: right;width: 100%;margin-top: 6px;}


/* inner-banner */
#inner-banner{float: left;width: 100%;background:url(../images/inner-banner.png) no-repeat center center;padding: 70px 0;background-size: cover;}
#inner-banner h1{font-size: 34px;line-height: normal;font-weight: 900;color: #fff;text-align: center;}


/* history */
#history{float: left;width: 100%;padding-top: 64px;padding-bottom: 48px;}
.history-left{float: left;width: 64%;}
.history-left p{font-size: 17px;line-height: 28px;font-weight: 400;color: #48525c;padding-bottom: 32px;}
.history-left p:last-child{padding-bottom: 0;}
.history-left p strong{font-weight: 700;color: #ff7c04;font-size: 20px;}
.history-right{float: right;width: 30%;background: #ff7c04;border-radius: 10px;padding: 20px;}
.history-right h2{font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 10px;border-bottom: 2px solid #c81112;display: inline-block;}
.history-right ul{float: left;width: 100%;}
.history-right ul li{float: left;width: 100%;}
.history-right ul li a{float: left;width: 100%;border-bottom: 1px solid #ff922e;font-size: 16px;color: #ffff;padding: 10px 0;background: url(../images/download-icon.png) no-repeat left center;padding-left: 40px;}


/* slick slider */
.slider{width: 96%;margin: 0 auto;}
.slick-slide{margin: 0px 20px;}
.slick-slide img{width: 100%;}
.slick-prev:before,.slick-next:before{color: black;}
.slick-slide{transition: all ease-in-out .3s;opacity: 1;}
.slick-active{opacity: 1;}
.slick-current{opacity: 1;}


/* photo-slider */
#photo-slider{float: left;width: 100%;padding: 50px 0;}


.arti-section{background:url(../images/arti-background.png) no-repeat center center;background-size: cover;}


/* hanuman-chalisa-page */
#hanuman-chalisa-page{float: left;width: 100%;padding: 80px 0;}
#hanuman-chalisa-page .container{display: table;}
.hanuman-chalisa-page-right{float: right;width: 48%;}
.hanuman-chalisa-page-right p{font-size: 17px;line-height: 30px;font-weight: 400;color: #48525c;}
.hanuman-chalisa-page-right p strong{color: #c81112;display: block;}
.hanuman-chalisa-page-left{float: left;width: 48%;position: -webkit-sticky;position: sticky;top: 160px;text-align: center;}
.hanuman-list{width: 100%;padding: 0;display: flex;text-align: center;}
.hanuman-list li{display: inline-block;width: 30.33%;background: #ff7c04;margin: 1%;border-radius: 10px;}
.hanuman-list li a{padding: 10px;display: block;width: 100%;font-size: 16px;color: #fff;}
.hanuman-list li a img{width: auto;height: auto;display: table;margin: 0 auto;margin-bottom: 10px;}


.hanuman-name{text-align: center;}


/* photo-gallery */
#photo-gallery{float: left;width: 100%;padding-top: 32px;padding-bottom: 50px;}
#photo-gallery .container{padding: 0 15px;max-width: 100%;padding: 0 15px;}
#photo-gallery ul{float: left;width: 100%;}
#photo-gallery ul li{float: left;width: 25%;padding: 0 15px;padding-bottom: 30px;}
.photo-content img{float: left;width: 100%;}


/* contact-us */
#contact-us{float: left;width: 100%;padding: 60px 0;}
.contact-us-left{float: left;width: 40%;}
.contact-us-left ul{float: left;width: 100%;}
.contact-us-left ul li{float: left;width: 100%;position: relative;padding-left: 50px;margin-bottom: 16px;}
.contact-us-left ul li span{width: 32px;color: #ffffff;margin-right: 14px;display: inline-block;position: absolute;top: 0;left: 0;}
.contact-us-left ul li strong{font-size: 17px;line-height: 32px;font-weight: 400;color: #000;}
.contact-us-left ul li p{font-size: 15px;line-height: 32px;font-weight: 400;color: #000;}
.contact-us-left ul li p a{color: inherit;}
.contact-us-right{float: right;width: 58%;}












/* responsive */
@media only screen and (max-width: 1900px)
{
}

@media only screen and (max-width: 1800px)
{
}

@media only screen and (max-width: 1700px)
{
}

@media only screen and (max-width: 1600px)
{
}

@media only screen and (max-width: 1500px)
{
	.logo img,.ram-logo img{max-width: 100px;}
	.logo span{font-size: 22px;margin-left: 10px;line-height: 28px;}
}

@media only screen and (max-width: 1440px)
{
	.logo img,.ram-logo img{max-width: 80px;}
}

@media only screen and (max-width: 1366px)
{
	.logo img,.ram-logo img{max-width: 70px;}
	.logo span{font-size: 18px;line-height: 22px;}
	.navigation{margin-top: 24px;}
	.navigation ul li a{font-size: 12px;}
	.toggle{top: 9px;}
	.hanuman-chalisa-page-left{top: 120px;}
	
}

@media only screen and (max-width: 1280px)
{
}

@media only screen and (max-width: 1200px)
{
	.logo img,.ram-logo img{max-width: 60px;}
	.logo span{font-size: 16px;line-height: 20px;margin-left: 4px;}
	.navigation{margin-top: 22px;}
	.navigation ul li a{padding: 2px 22px 2px 12px;}
	.toggle{right: 11%;}
}

@media only screen and (max-width: 1100px)
{
	#hanuman-jayanti h1{font-size: 50px;}
}

@media only screen and (max-width: 1024px)
{
	.logo img,.ram-logo img{max-width: 50px;}
	.logo span{font-size: 14px;line-height: 18px;}
	.navigation{margin-top: 18px;}
	.navigation ul li a{font-size: 11px;padding: 2px 14px 2px 10px;}
	.toggle{border-top: 3px solid #000;border-right: 3px solid transparent;border-left: 3px solid transparent;top: 10px;right: 10%;}
	.navigation .sub-menu li a{font-size: 12px;}
	#hanuman-jayanti h1{font-size: 44px;}
	.hanuman-chalisa-page-left{top: 100px;}
	.contact-us-left,.contact-us-right{width: 49%;}
}

@media only screen and (max-width: 900px)
{
	.mobile-menu,.change{display: block;}
	#shortmenu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #333333;overflow: auto;-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);z-index: 9999;background: rgba(0, 0, 0, 0.7);visibility: hidden;opacity: 0;}
	#shortmenu.active-menu{visibility: visible;opacity: 1;}
	.mopbile-menu-inner{-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);-o-transform: translateX(120%);transform: translateX(120%);width: 400px;height: 100%;float: right;background: #ffb458;-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);overflow-y: auto;visibility: hidden;}
	#shortmenu.active-menu .mopbile-menu-inner{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);visibility: visible;}
	.mobile-menu-logo{float: left; width: 100%;background-color: #ffffff;padding: 15px;}
	.mobile-logo{float: left;width: auto;display: block;}
	.mobile-logo a{display: flex;align-items: center;}
	.mobile-logo img{max-width: 50px;}
	.mobile-logo span{font-size: 14px;line-height: 18px;font-weight: 800;font-style: italic;color: #ff7c04;margin-left: 4px;}
	.mobile-menu-content{float: left;width: 100%;padding: 20px 40px 100px;}
	.navigation ul li{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
	.navigation ul li:last-child{border-bottom: none;}
	.navigation ul li a{font-size: 14px;padding: 18px 0;width: 100%;float: left;margin: 0;color: #fff;}
	.navigation ul li a:hover{background: none;color: #C81112;text-decoration: underline;}
	.navigation nav ul li:hover > ul{display: none;}
	.navigation .sub-menu{position: static;background: none;box-shadow: none;padding: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.15);}
	.navigation [id^="drop"]:checked + ul{display: block !important;}
	.navigation .sub-menu li a{padding: 14px 10px;font-size: 14px;}
	.toggle{border-top: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent;top: 23px;right: 0;margin: 0;z-index: 999;
position: relative;cursor: pointer;}
	#myHeader{display: inline-block;}
	.logo{float: left;}
	.ram-logo{float: right;}
	.navigation{margin-top: 16px;float: right;margin-left: 20px;}
	.experience-list-content h4{font-size: 26px;}
	#experience-grace{padding-bottom: 102px;}
	#upcoming-event{padding-top: 105px;padding-bottom: 135px;}
	#charitable-activities{padding-bottom: 95px;}
	.about-top{width: 100%;}
	.about-top h3{font-size: 43px;line-height: 64px;}
	.about-bottom{width: 100%;}
	.footer-left img{max-width: 224px;}
	.contact-info{padding: 0;}
	footer{padding: 75px 0;}
	#photo-gallery ul li{width: 50%;}
	#photo-gallery{padding-bottom: 30px;}
}

@media only screen and (max-width: 800px)
{
	#hanuman-jayanti h1{font-size: 38px;}
	.experience-list,.upcoming-list,.charitable-activitielist{margin-top: 40px;}
	.experience-list-content h4{font-size: 22px;}
	.experience-list-content p{font-size: 15px;line-height: 25px;}
	.upcoming-list-card h6{font-size: 32px;}
	.upcoming-list-card p{font-size: 16px;line-height: 24px;}
	.about-top h3{font-size: 35px;line-height: 50px;}
	.footer-left p{font-size: 12px;}
	.contact-info ul li p{font-size: 12px;}
}

@media only screen and (max-width: 768px)
{
	.upcoming-list-card h6{font-size: 30px;}
	.bx-wrapper .bx-controls-direction a{width: 22px;height: 22px;background-size: cover;}
}

@media only screen and (max-width: 767px)
{
}

@media only screen and (max-width: 680px)
{
	#hanuman-jayanti{padding: 10px 0;}
	#hanuman-jayanti h1{font-size: 28px;padding-bottom: 4px;}
	.hanuman-chalisa-content{display: block;}
	.hanuman-chalisa-content img{float: none;margin: 0 auto;display: table;}
	#experience-grace{padding-top: 50px;padding-bottom: 52px;}
	.experience-list,.upcoming-list,.charitable-activitielist{margin-top: 30px;}
	.experience-list li{width: 100%;margin-bottom: 40px;text-align: center;padding: 0;}
	.experience-list li:last-child{margin-bottom: 0;}
	.experience-list-image{margin-bottom: 28px;}
	#upcoming-event,#charitable-activities{padding: 55px 0;}
	.upcoming-list li{width: 100%;margin-bottom: 40px;padding: 0;}
	.upcoming-list li:last-child{margin-bottom: 0;}
	.charitable-activitielist li{width: 100%;padding: 0;margin-bottom: 20px;}
	.charitable-activitielist li:last-child{margin-bottom: 0;}
	.gallery-part{width: 100%;}
	#about-us{padding: 50px 0;}
	.about-top img{padding-bottom: 18px;}
	.about-bottom{display: block;}
	.about-left{width: auto;padding: 0;display: table;margin: 0 auto;}
	.about-right{width: 100%;padding: 0;text-align: center;margin-top: 40px;}
	.about-right h4{padding-bottom: 15px;}
	footer{padding: 25px 0;}
	.footer-content{display: block;}
	.footer-left,.footer-center,.footer-right{width: 100%;padding: 0;float: left;text-align: center;}
	.footer-left,.footer-center{margin-bottom: 40px;}
	.footer-left p{position: static;margin-top: 10px;}
	.contact-info{float: left;width: 100%;}
	.contact-info h6{padding-bottom: 10px;}
	.contact-info ul li{float: none;width: auto;padding-bottom: 5px;display: table;margin: 0 auto;}
	.donate-content{position: static;}
	.donate-content img{float: none;}
	#history{padding-bottom: 18px;}
	.history-left{width: 100%;text-align: center;margin-bottom: 30px;}
	.history-right{width: 100%}
	#hanuman-chalisa-page{padding: 50px 0;padding-bottom: 20px;}
	.hanuman-chalisa-page-right{width: 100%;text-align: center;margin-bottom: 30px;}
	.hanuman-chalisa-page-left{width: 100%;position: static;text-align: center;}
	#photo-gallery ul li{padding: 0 10px;padding-bottom: 20px;}
	.contact-us-left,.contact-us-right{width: 100%;}
	.contact-us-left{text-align: center;}
	.contact-us-left ul li{float: none;width: auto;display: table;margin: 0 auto;margin-bottom: 16px;}
}

@media only screen and (max-width: 580px)
{
}

@media only screen and (max-width: 480px)
{
	.container{padding: 0 10px;}
	#myHeader{padding: 10px;}
	.logo img,.ram-logo img{max-width: 40px;}
	.logo span{font-size: 10px;line-height: 14px;}
	.navigation{margin-top: 10px;}
	.bx-wrapper .bx-controls-direction a{width: 12px;height: 12px;}
	.bx-wrapper .bx-prev{left: 20px;}
	.bx-wrapper .bx-next{right: 20px;}
	#hanuman-jayanti h1{font-size: 20px;}
	.about-top h3{font-size: 30px;line-height: 40px;}
	.mopbile-menu-inner{width: 300px;}
	.mobile-logo img{max-width: 80px;}
	.mobile-logo span{display: none;}
	.change{margin-top: 10px;}
	#experience-grace h3,#charitable-activities h2,#upcoming-event h5{font-size: 30px;}
	.upcoming-list-card h6{font-size: 26px;}
	.upcoming-list-card span{font-size: 20px;}
	.upcoming-list-card{padding: 36px 21px;}
	#inner-banner{padding: 50px 0;}
	#history{padding-top: 54px;}
	.history-left p{font-size: 14px;line-height: 26px;}
	.slick-prev{left: -10px;}
	.slick-next{right: -10px;}
	.hanuman-chalisa-page-right p{font-size: 14px;line-height: 26px;}
	#inner-banner h1{font-size: 28px;}
	#photo-gallery ul li{width: 100%;padding: 0;padding-bottom: 20px;}
	.contact-us-left ul li span{width: 20px;}
	.contact-us-left ul li strong,.contact-us-left ul li p{font-size: 14px;line-height: normal;}
	.contact-us-left ul li{padding-left: 26px;}
}

@media only screen and (max-width: 380px)
{
	.navigation{margin-left: 10px;}
	#experience-grace h3,#charitable-activities h2,#upcoming-event h5{font-size: 24px;}
	.experience-list-content h4{font-size: 20px;}
	.experience-list-content p{font-size: 14px;line-height: 24px;}
	.upcoming-list-card h6{font-size: 22px;}
	.upcoming-list-card p{font-size: 14px;line-height: 22px;}
	.about-top h3{font-size: 22px;line-height: 32px;}
	.about-top img{max-width: 258px;}
	.about-right h4{font-size: 24px;}
	.about-right p{font-size: 14px;line-height: 26px;}
	.hanuman-list li a{font-size: 12px;}
}

@media only screen and (max-width: 320px)
{
}