body {
     margin: 0;
     padding: 0;
     font-family: 'Roboto', sans-serif;
 }
 
 .content-wrapper {
     padding-top: 116px;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0;
 }
 
 a:focus,
 a:active,
 button:focus,
 button:active {
     border: 0;
     outline: 0;
 }
 
 button::-moz-focus-inner {
     border: 0;
     outline: 0;
 }
 
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner {
     border: 0;
     outline: 0;
 }
 
 header {
     width: 100%;
     height: 116px;
     clear: both;
     position: fixed;
     z-index: 999;
     background-color: #fff;
     border-bottom: 1px solid #f2f2f2;
 }
 
 .clearfix {
     clear: both;
 }
 
 .logo {
     float: left;
     width: 299px;
 }
 
 .logo img {
     display: block;
     width: 100%;
 }
 
 header nav {
     float: right;
     vertical-align: middle;
 }
 
 .nav-bar {
     list-style: none;
     font-family: 'Roboto', sans-serif;
     padding: 0;
     margin: 0;
 }
 
 .nav-bar li {
     float: left;
     padding: 0px 10px;
 }
 
 .nav-bar li a {
     float: left;
     padding: 47px 20px;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
     color: #5b5a5a;
     position: relative;
 }
 
 .nav-bar li a::before,
 .nav-bar li.active a:before {
     position: absolute;
     top: 53%;
     left: 50%;
     color: transparent;
     content: "•";
     text-shadow: transparent 0px 0px;
     font-size: 25px;
     transform: translateX(-50%);
     pointer-events: none;
     transition: text-shadow 0.3s, color 0.3s;
 }
 
 .nav-bar li a:hover::before,
 .nav-bar li a:focus::before,
 .nav-bar li.active a:before {
     color: #9f3000;
     text-shadow: 10px 0 #9f3000, -10px 0 #9f3000;
 }
 
 .nav-bar li a:hover,
 .nav-bar li a:focus,
 .nav-bar li.active a {
     color: #9f3000;
 }
 /*mobile navigation*/
 
 @media (max-width: 991px) {
     .nav-bar {
         display: none;
     }
     .mob-nav {
         position: fixed;
         display: block;
         top: 0;
         right: -250px;
         height: 100%;
         -webkit-transition: right 0.5s ease 0s;
         -moz-transition: right 0.5s ease 0s;
         -o-transition: right 0.5s ease 0s;
         -ms-transition: right 0.5s ease 0s;
         transition: right 0.5s ease 0s;
         z-index: 999;
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -o-transform: translateZ(0);
         -ms-transform: translateZ(0);
         transform: translateZ(0);
     }
     .overlay {
         background-color: rgba(0, 0, 0, 0.4);
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 999;
         display: none;
     }
     .mob-nav.open {
         right: 0;
         width: 100%;
         position: fixed;
         height: 100%;
     }
     .nav-panel {
         background-color: #4b4b4b;
         height: 100%;
         width: 250px;
         position: relative;
         padding-bottom: 72px;
     }
     .nav-panel ul {
         list-style: none;
         padding: 30px 40px 30px;
         margin: 0;
     }
     .navlist li a {
         font-size: 14px;
         line-height: 16px;
         color: #adadad;
         font-weight: 400;
         padding: 14px 0;
         margin: 0;
         text-transform: uppercase;
         display: block;
         text-decoration: none;
         border-bottom: 1px solid #565656;
         -o-transition: color 300ms ease;
         -moz-transition: color 300ms ease;
         -webkit-transition: color 300ms ease;
         transition: color 300ms ease;
     }
     .navlist li a:hover {
         color: #fff;
     }
     .menu-toggle {
         float: left;
         margin-top: 10px;
     }
     #navigation-toggle,
     #navigation-toggle.open-menu {
         box-shadow: none;
         position: absolute;
         right: 250px;
         top: 0;
     }
     #navigation-toggle.open-menu {
         background-color: #ef3742;
         border: 1px solid #F29090;
         -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -ms-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
     }
     #navigation-toggle {
         background: #ff5716;
         float: left;
         height: 40px;
         -webkit-transition: all 500ms ease-in 0s;
         -moz-transition: all 500ms ease-in 0s;
         -o-transition: all 500ms ease-in 0s;
         -ms-transition: all 500ms ease-in 0s;
         transition: all 500ms ease-in 0s;
         width: 45px;
         position: absolute;
         z-index: 999;
         top: 17px;
     }
     .menu-icon {
         background-image: none;
         display: inline-block;
         vertical-align: top;
     }
     .icon-toggle {
         position: absolute;
         display: inline-block;
         padding: 9px 12px;
         line-height: 15px;
         -webkit-transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
         -ms-transition: all 0.3s ease 0s;
         transition: all 0.3s ease 0s;
     }
     .lines {
         background-color: #FFFFFF;
         display: inline-block;
         height: 2px;
         position: relative;
         width: 22px;
     }
     .lines:before,
     .lines:after {
         background-color: #FFFFFF;
         content: "";
         display: inline-block;
         height: 2px;
         left: 0;
         position: absolute;
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         width: 22px;
     }
     .lines:before {
         top: 6px;
     }
     .lines:after {
         top: -6px;
     }
     .icon-toggle .lines {
         -webkit-transition: background 0.3s ease 0.6s;
         -moz-transition: background 0.3s ease 0.6s;
         -o-transition: background 0.3s ease 0.6s;
         -ms-transition: background 0.3s ease 0.6s;
         transition: background 0.3s ease 0.6s;
     }
     .icon-toggle .lines:before,
     .icon-toggle .lines:after {
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         -webkit-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -moz-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -o-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -ms-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
         -webkit-transition: background 0.3s ease 0s;
         -moz-transition: background 0.3s ease 0s;
         -o-transition: background 0.3s ease 0s;
         -ms-transition: background 0.3s ease 0s;
         transition: background 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines:before,
     .menu-toggle.active .icon-toggle .lines:after {
         top: 0;
         -webkit-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -moz-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -o-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -ms-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         width: 22px;
     }
     .menu-toggle.active .icon-toggle .lines:before {
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         -moz-transform: rotate3d(0, 0, 1, 45deg);
         -o-transform: rotate3d(0, 0, 1, 45deg);
         -ms-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
     }
     .menu-toggle.active .icon-toggle .lines:after {
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         -moz-transform: rotate3d(0, 0, 1, -45deg);
         -o-transform: rotate3d(0, 0, 1, -45deg);
         -ms-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
     }
     .menu-toggle.active .menu-icon {
         left: 14px;
     }
     .nav-panel {
         float: right;
     }
 }
 
 @media (min-width: 992px) {
     .mob-nav {
         display: none;
     }
     .navbar-nav>li>a {
         padding-top: 30px;
         padding-bottom: 30px;
     }
     .navbar-right>li>a {
         padding-top: 12px;
         padding-bottom: 12px;
     }
     .navbar-inverse .navbar-nav>li>a {
         color: #fff;
         line-height: 15px;
         border-top: 5px solid #403e3f;
         padding-left: 20px;
         padding-right: 20px;
     }
     .navbar-inverse .navbar-nav>li>a:hover {
         color: #fff;
         border-top: 5px solid #ef3742;
         background-color: transparent;
     }
     .navbar-right>li>a:hover {
         background-color: #000 !important;
     }
 }
 /*banners*/
 
 .banner {
     width: 100%;
     min-height: 600px;
     background-image: url(../images/case-8.jpg);
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     position: relative;
 }
 
 .banner:before {
     content: "";
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.37);
     z-index: 0;
 }
 
 .banner-block {
     width: 100%;
     text-align: center;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .banner-block h1 {
     font-family: 'Dosis', sans-serif;
     font-size: 90px;
     line-height: 95px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 45px;
 }
 
 .banner-block a {
     text-decoration: none;
     color: #fff;
 }
 
 .default-btn {
     color: #fff;
     border: 0;
     border-radius: 30px;
     width: 180px;
     height: 54px;
     background-color: #ff5716;
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
     padding: 15px 40px;
     display: block;
     margin: 40px auto 10px;
     text-align: center;
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear;
 }
 
 .default-btn:hover {
     background-color: #9f3000;
     color: #fff;
 }
 
 #donate-modal .modal-body {
     padding: 40px 45px;
 }
 
 .modal-content {
     overflow: hidden;
 }
 
 #donate-modal h4 {
     font-size: 26px;
     line-height: 24px;
     color: #9f3000;
 }
#donate-modal h5 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    background-color: #9f3000;
    padding: 14px 8px;
    
 }
 
 
 #donate-modal .modal-header {
     padding: 30px;
     background-color: #eee;
 }
 
 #donate-modal p {
     font-size: 16px;
     line-height: 24px;
     color: #787878;
    margin-bottom: 25px !important;
 }
 
 #donate-modal a {
     font-size: 16px;
     line-height: 24px;
     color: #787878;
     padding-left: 0px;
     margin-bottom: 25px !important;
     text-decoration: none;
     -webkit-transition: all 400ms linear;
     -moz-transition: all 400ms linear;
     -o-transition: all 400ms linear;
     -ms-transition: all 400ms linear;
     transition: all 400ms linear;
 }
 
 #donate-modal a:hover {
     color: #000;
 }
 
 #donate-modal p span {
     color: #ff5716;
     margin-bottom: 8px;
    font-size: 20px;
    display: inline-block;
    width: 155px;
 }
 
 #donate-modal .modal-footer {
     padding: 20px;
 }
 
 #donate-modal button.btn {
     background-color: #ff5716;
     color: #fff;
     font-weight: 400;
     border-radius: 30px;
     padding: 10px 20px;
     outline: none;
     border: none;
     -webkit-transition: all 400ms linear;
     -moz-transition: all 400ms linear;
     -o-transition: all 400ms linear;
     -ms-transition: all 400ms linear;
     transition: all 400ms linear;
     margin-top: -60px;
 }
 
 #donate-modal button.btn:hover {
     background-color: #9f3000;
 }
 
 h3 {
     font-family: 'Dosis', sans-serif;
     font-size: 40px;
     line-height: 40px;
     font-weight: 300;
     color: #9f3000;
     text-align: center;
     margin-bottom: 30px;
 }
 
 .content-wrapper p {
     font-size: 17px;
     line-height: 28px;
     font-weight: 300;
     color: #1d1d1d;
     text-align: center;
 }
 
 .content-row {
     padding: 80px 0 60px;
 }
 
 .gray-row {
     padding: 80px 0 60px;
     background-color: #eee;
 }
 
 .gallery-images-block {
     max-width: 1220px;
     margin: 50px 0;
 }
 
 .gallery-images-block .image-popup {
     padding: 0 !important;
 }
 
 .gallery-images-block .image-popup a {
     border: 0 !important;
 }
 
 .gallery-image {
     width: 25%;
     float: left;
     margin: 0;
     padding: 0;
 }
 
 .gallery-image img,
 .image-popup img {
     width: 100%;
 }
 
 a.view-btn {
     text-decoration: none;
     color: #fff;
     margin: 10px auto;
 }
 /*gallery page*/
 
 .image-popup {
     padding: 15px;
 }
 
 .image-popup a {
     display: block;
     position: relative;
     overflow: hidden;
     border: 1px solid #ddd;
 }
 
 .image-popup a:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     top: 0px;
     bottom: 0;
     opacity: 0;
     background-color: rgba(0, 0, 0, 0.7);
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear;
 }
 
 .image-popup a:hover::after {
     top: 0;
     bottom: 0;
     opacity: 1;
 }
 
 .image-popup a:before {
     content: "";
     color: #eee;
     font-size: 30px;
     line-height: 30px;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: url(../images/zoom-in.svg) no-repeat;
     background-position: center center;
     z-index: 2;
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear;
     opacity: 0;
 }
 
 .image-popup a:hover::before {
     opacity: 1;
 }
 /*about us page*/
.trusty-img{ padding: 25px 0;}
.trusty-img img{ width: 100%; margin: 5px 0;}
 .inner-page-title {
     width: 100%;
     padding: 75px 0 150px;
     height: auto;
     text-align: center;
     background: #9f3000;
     background: -moz-radial-gradient(center, ellipse cover, #9f3000 0%, #311401 100%);
     background: -webkit-radial-gradient(center, ellipse cover, #9f3000 0%, #311401 100%);
     background: radial-gradient(ellipse at center, #9f3000 0%, #311401 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9f3000', endColorstr='#311401', GradientType=1);
 }
 
 .inner-page-title h2 {
     font-family: 'Dosis', sans-serif;
     font-size: 50px;
     line-height: 50px;
     font-weight: 400;
     color: #fff;
 }
 
 .inner-page-content-wrapper {
     background-color: #f2f2f2;
     padding: 80px;
     margin-top: -80px;
     margin-bottom: 80px;
 }
 
 .inner-page-content-wrapper h5 {
     text-align: center;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-size: 25px;
     line-height: 24px;
     padding-bottom: 30px;
     color: #9f3000;
 }
 
 .inner-page-content-wrapper h6 {
     text-align: center;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 24px;
     padding-bottom: 20px;
 }
 
 .inner-page-content-wrapper p {
     padding-bottom: 20px;
 }
 
 .content-divider {
     width: 165px;
     height: 1px;
     background-color: #b3b2b2;
     border: none;
 }
 
 .team,
 .notifications,
 .padding-top-60 {
     padding-top: 60px;
 }
 
 .team-member-block {
     padding: 30px 0 10px;
 }
 
 .team-member-block h5 {
     padding: 30px 0;
     text-align: center;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     color: #5b5a5a;
 }
 
 .team-member-block h5 span {
     display: block;
     font-weight: 500;
 }
 
 .member-img {
     width: 70%;
     height: auto;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
     border: 5px solid #fff;
 }
 
 .member-img img {
     width: 100%;
 }
 /*contact-page-css*/
 
 .case-study-block {
     margin-bottom: 30px;
 }
 
 .case-study-block h5,
 .case-study-block h6,
 .case-study-block p {
     text-align: left;
 }
 
 .case-study-block h5 {
     color: #ff5716;
     padding-bottom: 20px;
 }
 /*contact-page-css*/
 
 .contact-details {
     padding-left: 50px;
 }
 
 .contact-details h4 {
     font-family: 'Dosis', sans-serif;
     font-size: 22px;
     line-height: 22px;
     font-weight: 400;
     color: #9f3000;
     margin-bottom: 25px;
 }
 
 .contact-details p,
 .contact-details a {
     text-align: left;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #5b5a5a;
     padding-bottom: 20px !important;
 }
 
 .contact-details a {
     text-decoration: none;
 }
 
 .contact-details a:hover {
     color: #ff5716;
 }
 
 .contact-details hr {
     margin: 15px 0;
 }
 /* form css */
 
 ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #5b5a5a;
 }
 
 ::-moz-placeholder {
     /* Firefox 19+ */
     color: #5b5a5a;
 }
 
 :-ms-input-placeholder {
     /* IE 10+ */
     color: #5b5a5a;
 }
 
 :-moz-placeholder {
     /* Firefox 18- */
     color: #5b5a5a;
 }
 
 .contact-form input,
 .contact-form textarea,
 .contact-form button {
     width: 100%;
     outline: 0;
 }
 
 .contact-form input,
 .contact-form textarea {
     border: 1px solid #cdcccc;
     border-radius: 22px;
     padding: 22px;
     color: #5b5a5a;
     font-size: 15px;
 }
 
 .contact-form input {
     height: 45px;
 }
 
 .contact-form button {
     height: 45px;
     padding: 9px 40px;
     font-size: 20px;
 }
 
 .contact-form textarea {
     height: 140px;
     resize: vertical;
 }
 
 .form-btn {
     background-color: #e12c33;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     color: #fff;
     font-size: 18px;
     text-align: center;
     border: none;
     padding: 14px 30px !important;
     margin: 15px 0px 0px;
     -o-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
     width: 98%;
     border-radius: 6px;
     cursor: pointer;
 }
 
 .form-btn:hover {
     background-color: #cb0c14;
 }
 
 .contact-form .error {
     padding: 5px 20px 0;
     color: #ea0909;
 }
 
 .success-msg {
     text-align: center;
     margin: 0;
     font-size: 26px;
     color: #4c4c4c;
     font-family: 'Roboto', sans-serif;
     line-height: 39px;
     background: #fff;
     padding: 60px 30px;
     border-radius: 15px;
 }
 /*footer css */
 
 .footer-wrapper {
     background-color: #4d4d4d;
     padding: 30px;
     color: #eee;
 }
 
 .ftr-left,
 .ftr-right {
     width: 50%;
 }
 
 .ftr-left {
     float: left;
     text-align: left;
 }
 
 .ftr-left h4 {
     font-family: 'Roboto', sans-serif;
     margin: 0px;
     font-size: 24px;
     font-weight: 400;
     padding-bottom: 15px;
     color: #ff5716;
 }
 
 .ftr-left p,
 .ftr-left a {
     margin: 0px;
     font-size: 18px;
     font-weight: 300;
     line-height: 24px;
     color: #eee;
 }
 
 .ftr-left a {
     text-decoration: none;
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear;
 }
 
 .ftr-left a:hover {
     color: #f3d7bf;
 }
 
 .social-icons ul {
     list-style-type: none;
     margin: 0;
     padding: 10px 0;
 }
 
 .social-icons ul li {
     display: inline-block;
 }
 
 footer .fa {
     width: 39px;
     height: 39px;
     border-radius: 50%;
     margin-right: 2px;
     font-size: 18px;
     line-height: 36px;
     text-align: center;
     color: #eee;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
     background-color: transparent;
     border: 2px solid #eee;
 }
 
 footer .fa:hover {
     color: #b93503;
     background-color: #eee;
 }
 
 footer .fa:visited,
 footer .fa:focus,
 footer .fa:hover,
 footer .fa:active {
     text-decoration: none;
 }
 
 .ftr-right {
     float: right;
     text-align: right;
 }
 
 .ftr-right ul {
     margin: 0;
     padding: 20px 0 7px;
 }
 
 .ftr-right ul li {
     list-style: none;
     display: inline-block;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 400;
     padding: 5px;
 }
 
 .ftr-right ul li a {
     text-decoration: none;
     color: #fff;
     -o-transition: color 200ms ease;
     -moz-transition: color 200ms ease;
     -webkit-transition: color 200ms ease;
     transition: color 200ms ease;
 }
 
 .ftr-right ul li a:hover {
     text-decoration: none;
     color: #adadad;
 }
 
 .ftr-right p {
     margin: 0;
     font-size: 13px;
     font-weight: 400;
 }
 
 .bottom-footer {
     background-color: #353434;
     width: 100%;
     padding: 21px;
 }
 
 .bottom-footer p {
     text-align: center;
     color: #eee;
     margin: 0;
     font-weight: 300;
     font-size: 18px;
 }
 
 @media (min-width:768px) and (max-width: 1140px) {
     .gallery-image {
         width: 50%;
     }
 }
 
 @media screen and (max-width: 1024px) {
     .banner {
         min-height: 500px;
     }
     .banner-block h1 {
         font-size: 65px;
         line-height: 65px;
     }
     .ftr-left,
     .ftr-right {
         width: 100%;
         float: none;
         text-align: center;
         margin-top: 0;
     }
     .nav-bar li a {
         padding: 48px 5px;
         font-size: 12px;
     }
 }
 
 @media screen and (max-width: 991px) {
     header {
         height: 93px;
     }
     .logo img {
         width: 80%;
     }
     .content-wrapper {
         padding-top: 93px;
     }
     h3 {
         font-size: 37px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .banner {
         min-height: 400px;
     }
     .banner-block h1 {
         font-size: 54px;
         line-height: 75px;
     }
     h3 {
         font-size: 35px;
         margin-bottom: 15px;
     }
     .content-wrapper p {
         font-size: 15px;
     }
     .gray-row,
     .content-row {
         padding: 50px 0 45px;
     }
     .contact-details {
         padding-left: 0px;
         padding-top: 50px;
     }
     .inner-page-content-wrapper {
         padding: 50px;
     }
     .team,
     .notifications,
     .padding-top-60 {
         padding-top: 40px;
     }
     .case-study-block h5 {
         font-size: 20px;
         padding-bottom: 12px;
     }
     .case-study-block {
         margin-bottom: 15px;
     }
     .inner-page-content-wrapper h5 {
         font-size: 20px;
     }
     .inner-page-content-wrapper h6 {
         font-size: 15px;
         padding-bottom: 10px;
     }
     .ftr-right ul li {
         font-size: 12px;
         line-height: 25px;
     }
     .ftr-right p,
     .ftr-left p,
     .ftr-left a,
     .bottom-footer p {
         font-size: 14px;
     }
     .ftr-form h3 {
         padding: 0 0 12px;
     }
     .inner-page-content-wrapper {
         margin-bottom: 0;
     }
     .default-btn {
         width: 150px;
         height: 45px;
         font-size: 16px;
         line-height: 16px;
         padding: 15px 22px;
     }
     .gallery-image {
         width: 50%;
     }
     .gallery-images-block {
         margin: 50px;
     }
 }
@media screen and (max-width: 600px) {
#donate-modal p span{display: block;}
}
 @media screen and (max-width: 500px) {
     .banner {
         min-height: 300px;
     }
     .banner-block h1 {
         font-size: 34px;
         line-height: 31px;
     }
     h3 {
         font-size: 28px;
     }
     .ftr-left h4 {
         font-size: 22px;
     }
     .inner-page-content-wrapper {
         padding: 30px;
     }
 }