@media (max-width:767px){ .sidenav-menu .accordion-header{ margin-bottom:0; position:relative; padding:10px 0; } .sidenav-menu .accordion-flush .accordion-item .accordion-button{ border-radius:0; position:absolute; } .footer-arrow{ position:absolute; right:2px; width:20px; top:32px; } .career-with-us .children-and-familys .family-children-caption{ position:absolute; top:5%; left:0; width:100%; right:0; padding:0 30px; } .common-banner-section{ margin-top:0; } .common-banner-section .breadcrumbs-links.white-breadcrumbs.breadcrumbs-links{ color:#fff; font-size:11px; position:absolute; top:4px; left:0; z-index:99; margin:0 auto; right:0; text-align:center; line-height:13px; margin:0 auto; text-align:center; width:100%; display:block; padding:0 15px; } .main-banner-caption-inner{ padding-left:0; } .mobileheader.fixed{ position:fixed !important; z-index:99999; width:100%; } .mobileheader{ background:var(--white-color); z-index:99; padding:5px 15px; } .toggle{ color:#000; display:block; float:left; text-align:center; } .mianloginpage{ padding:14px 0 20px; } .sidenav-menu a img{ margin-right:15px; } #carouselExampleCaptions{ touch-action:pan-y; margin-top:0px; } .mobile-search button.btn{ position:absolute; right:7px; background:#fff; } .accordion-header button.accordion-button{ top:0; background:0 0; right:0; width:auto; font-family:var(--secondry-font); } .sidenav-menu .accordion-button{ padding:10px 1.25rem; box-shadow:none; } .sidenav-menu .accordion-body{ padding:0; } .sidenav-menu .drop-menu a{ padding:8px 30px; } .sidenav-menu button.accordion-button{ color:var(--primary-color); } .sidenav-menu button.accordion-button.collapsed{ color:var(--black-color); } .sidenav-menu .accordion-button::after{ margin-left:10px; } .sidenav-menu .accordion-button{ position:relative; display:flex; align-items:center; width:100%; padding:1rem 1.25rem 5px; font-size:23px; text-align:left; background-color:#fff; border:0; border-radius:0; overflow-anchor:none; transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } .sidenav-menu .inner-accordion .accordion-button{ background:0 0; line-height:24px; color:var(--black-color); font-weight:var(--font-weight-600); padding:5px 20px; font-size:var(--font-size-17); position:relative; font-family:var(--primary-font); } .accordion-item{ border:none; } .accordion-button:not(.collapsed){ box-shadow:none; } .accordion-button:focus{ box-shadow:none; } .sidenav, .sidenav-overlay{ height:100%; left:0; position:fixed; top:0; } .sidenav{ background:#fff; box-shadow:2px 2px 6px rgba(0,0,0,0.3); display:block; font-size:16px; font-weight:400; overflow:auto; transform:translate(-382px,0); transition:transform 0.3s; width:340px; padding:40px 0; z-index:99999999; } .sidenav.show{ transform:translate(0,0); } .sidenav-brand{ border-bottom:1px solid #ff7043; color:#fafafa; font-size:24px; font-weight:700; line-height:32px; padding:20px 24px 19px; } .sidenav-dropdown, .sidenav-header{ margin:0; } .sidenav-header{ background:rgba(0,0,0,0); color:#757575; float:left; font-size:19.2px; line-height:32px; padding:15px 10px; width:92%; } .sidenav-menu .accordion-button:not(.collapsed)::after{ filter:brightness(0); } .sidenav-header small{ display:block; font-size:14.4px; line-height:16px; } .mobile-mini-header a, .sidenav-menu a{ text-decoration:none; font-size:14px; display:block; } .sidenav-menu{ list-style:none; margin:0; padding:0; clear:both; } .sidenav-menu li{ display:block; position:relative; } .sidenav-menu a{ background:0 0; line-height:24px; color:var(--black-color); padding:5px 40px 5px 15px; font-size:23px; font-weight:500; } .sidenav-menu .mobile-menu a{ background:0 0; line-height:24px; color:var(--black-color); padding:5px 40px 5px 15px; font-size:16px; font-weight:500; } .sidenav-menu .mobile-menu .accordion-header a{ font-size:23px; } .innerlogo .editprofileicon a{ color:#f83c61; margin-left:15px; font-size:24px; vertical-align:middle; } .sidenav-menu a:hover{ background:none; color:var(--primary-color); border:none; box-shadow:none; } .sidenav-overlay{ background:rgba(0,0,0,0.8); display:none; width:100%; z-index:9999; } .sidenav .heading:nth-last-child(2){ border-bottom:1px solid #003178; } .career-with-us{ padding:50px 0 20px; } .mobile-top-bar span{ margin:0; text-align:left; } .top-bar-text.mobile-top-bar-text{ display:flex; justify-content:space-between; } .mobile-top-bar{ text-align:left; } .mobile-top-bar span.head-small{ color:var(--white-color); font-weight:var(--font-weight-500); font-size:14px; margin-right:10px; } .font-small-big{ margin-bottom:5px; } .top-bar{ padding:10px 0; } span.font-small-big a{ width:37px; font-size:14px; font-weight:var(--font-weight-500); line-height:17px; } .color-change a{ margin-left:5px; margin-right:7px; padding:1px 6px; } .language-change a{ margin-left:4px; background:var(--primary-color); display:inline-block; padding:0; width:30px; text-align:center; height:30px; line-height:30px; color:#fff; border-radius:100px; text-decoration:none; } .language-change img{ width:18px; } .language-change{ margin-top:10px; } .carousel.pointer-event{ margin-top:0; } .donate-link{ background:var(--primary-color); display:inline-block; padding:13px 35px; border-radius:70px; color:var(--white-color); font-weight:var(--font-weight-500); text-decoration:none; margin-right:10px; } .donate-search{ display:inline-block; position:absolute; right:20%; top:28px; } .g-5, .gx-5{ --bs-gutter-x:0; } .main-banner-caption{ position:relative; top:15%; left:0rem; width:100%; text-align:center; &h2 br{ display:none; } &h2{ font-size:40px; color:#000; letter-spacing:normal; font-family:var(--secondry-font); } &p br{ display:none; } } #carouselExampleCaptions .carousel-indicators{ left:auto; bottom:11%; display:block; margin-left:auto; right:auto; width:100%; text-align:center; } .box-text-image{ margin-bottom:20px; } img.right-triangle{ left:7px; top:auto; bottom:0; } .box-text-image{ &h2{ font-size:20px; } &.box-caption p{ font-size:12px; } &.box-caption p br{ display:none; } } .our-journey h1{ font-size:35px; margin-bottom:10px; } .our-journey h1 span{ display:block; } .journey-text{ text-align:center; } .journey-text p{ color:#000; font-size:13px; text-align:left; } .count-number{ text-align:left; } .training-section{ padding:50px 0 0; position:relative; &h2{ font-size:30px; text-align:center; } } section.family-children{ padding-bottom:50px; } .training-section{ padding:0px 0 20px; position:relative; } .training-box{ position:relative; margin-bottom:20px; } .training-box-caption h3 br{ display:none; } .training-box-caption h3{ font-size:23px !important; } .awareness{ text-align:center; padding-bottom:30px; &h2{ font-size:var(--font-size-31); } } .life-at-ummeed{ &h2{ font-size:30px; } } .g-5, .gy-5{ --bs-gutter-y:0; } br{ display:none; } .latest-updates-list-image{ width:160px; } .latest-updates-list-text{ margin-left:15px; text-align:left; } .latest-updates{ &p{ font-size:14px; margin-bottom:5px; } &h2{ text-align:center; font-size:30px; } } .latest-update-list a{ align-items:flex-start; } .latest-updates a.primary-cta-btn{ margin-top:0; } .latest-updates{ text-align:center; } .work-head-text{ margin-bottom:15px; text-align:center; &h2{ font-size:30px; margin:10px; } &a{ margin-top:0; } } .work-image-caption{ margin-bottom:15px; &.work-caption{ bottom:2%; left:0; text-align:center; padding:0 10px; } &p{ margin-bottom:0; font-size:13px; } &.work-caption h3{ margin-top:10px; } } .children-and-familys{ &.family-children-caption{ position:absolute; top:5%; left:6%; width:88%; text-align:center; } &h2{ font-size:30px; } &p{ color:#fff; font-size:16px; margin-bottom:0; } } .work-caption img.img-fluid{ display:none; } .reach-us-text{ text-align:center; margin-top:20px; &h3{ font-size:22px; } } .reachusform-section button.primary-cta-btn{ border:none; margin-top:15px; } .form-btn{ text-align:center; } section.email-youtube{ padding:20px 5px 5px; } .email-tube-box{ margin-bottom:15px; } .email-tube-box a{ position:relative; display:flex; text-decoration:none; padding:20px 10px; border:2px solid #fff; border-radius:20px; cursor:pointer; } .training-home-head-btn{ flex-direction:column; } .training-home-head-btn .primary-cta-btn{ margin:0; margin-top:10px; } .email-tube-text{ margin-left:5%; width:100%; } .email-tube-text p{ font-size:14px; } .footer-menu{ display:block; text-align:center; margin-bottom:10px; } .footer-menu a{ padding-left:10px; font-size:12px; line-height:10px; margin-right:5px; margin-bottom:15px; display:inline-block; } .copyright{ text-align:center; margin-top:10px; } .copyright.text-end p{ text-align:center; } .social{ margin-bottom:10px; } .ummeed-provides{ color:#000; text-align:center; } .journey-video{ position:relative; margin-bottom:15px; &.learn-more{ left:5%; } &.founder-text{ left:7%; } } .life-at-ummeed button{ border:1px solid var(--yellow-color) !important; border-radius:100px; width:30px; height:30px; margin:0 3px; } .life-at-ummeed button span{ font-size:75px; color:var(--white-color); line-height:28px; } .life-at-ummeed button.owl-next{ position:absolute; top:43%; right:0; } .life-at-ummeed button.owl-prev{ position:absolute; top:43%; left:0; } section.our-journey{ padding:10px 0 40px; } section.work-section{ padding:20px 0; } .newsletter-popup{ width:90%; padding:40px; bottom:5.9%; left:5%; } .copyright{ text-align:center; margin-top:0; margin-bottom:20px; } .mobile-menu-extra{ margin-top:6px; } .mobile-menu-extra a{ font-size:23px; font-weight:500; font-family:var(--secondry-font); padding:10px 20px; }}@media (min-width:768px) and (max-width:991.98px){  br{  display:none; } .main-banner-caption h2{  font-size:34px; } .box-text-image h2{  font-size:16px; } .box-caption p{  font-size:12px;  line-height:16px; } .box-text-image .box-caption{  position:absolute;  width:73%;  left:5%;  top:20%;  color:var(--white-color); } .children-and-familys .family-children-caption{  position:absolute;  top:13%;  left:6%;  width:80%; } .children-and-familys p{  color:#fff;  font-size:16px;  margin:0; } .children-and-familys h2{  font-size:22px;  color:#fff; } .training-box .training-box-caption h3{  font-size:16px; } .work-image-caption .work-caption{  bottom:2%;  left:6%; } .work-image-caption p{  font-size:12px;  line-height:17px;  margin:0; } .career-with-us .children-and-familys .family-children-caption{  top:15%;  left:6%;  width:85%; } .email-tube-box a{  position:relative;  display:flex;  text-decoration:none;  padding:15px 7px;  border-radius:20px;  cursor:pointer;  height:auto; } .email-tube-text{  margin-left:4%; } .footer-menu a{  padding-left:10px;  padding-right:10px;  font-size:16px;  font-weight:500;  color:var(--black-color);  text-decoration:none;  text-transform:uppercase;  line-height:13px; } .main-banner-caption{  position:absolute;  top:7%;  z-index:99;  left:3rem;  width:42%; } .count-number{  font-size:30px; } .our-journey h1{  font-size:30px; } .work-head-text h2{  font-size:30px;  margin-bottom:10px; } .impact-tab .nav-tabs .nav-link{  font-size:18px;  padding:6px 30px 6px; } .values-caption{  padding:10px 20px;  z-index:99; } .values-paragraph{  margin-top:10px; } .values-paragraph p{  color:#fff;  font-size:12px;  position:relative;  padding-left:10px;  margin:0 10px 6px; } .values-caption h2{  color:#fff;  font-size:20px; } .values-icon{  top:-20px;  z-index:9;  right:-20px; } .our-values-head h1{  margin-bottom:20px;  font-size:35px; } .values-caption{  top:auto;  z-index:99;  bottom:0; } .leadership-expander-contents{  margin:0 auto;  width:100%;  padding:20px 40px 50px; } .leadership-thumbnail{  min-height:312px; } .giving-banner h1{  font-size:30px; } .common-banner-section .breadcrumbs-links{  color:#fff;  font-size:11px;  position:absolute;  top:11px;  left:0;  z-index:99;  display:block;  right:0;  margin:0 auto;  text-align:center;  width:100%; } .call-email-box{  padding:20px 20px 35px; } .text-only a{  font-size:16px; } .reach-us-text.reach-us-text-hindi h3{  font-size:26px; } }@media (max-width:767px){   .work-caption.work-caption-hindi img{  width:30px !important; }  .career-with-us .children-and-familys .family-children-caption.family-children-caption-hindi{  position:absolute;  top:5%;  left:0% !important;  width:100% !Important;  padding:20px; }  .our-values-head.our-values-head-hindi{  text-align:center; } .newsletter-box-all.newsletter-box-all-hindi{  text-align:center; }   .giving-banner.heading-hindi h1{  font-size:26px;  line-height:40px; }   .text-only-accordion.text-only-accordion-hindi a{  font-size:14px; }  }