h2.policy-head, h3.policy-head {
    font-family : Montserrat, sans-serif!important;
    color : #333;
    font-weight : 500
  }
  h1.privacy-policy, h2.policy-head, h3.policy-head {
    font-weight : 500
  }
  body, p {
    color : #444
  }
  body, html {
    overflow-x : hidden
  }
  .banner .arrow_next, .banner .arrow_prev {
    top : 50%;
    position : absolute;
    cursor : pointer
  }
  .main-menu ul.navbar-nav li a, .stick .main-menu ul.nav>li>a {
    padding : 24px 0;
    letter-spacing : 1px;
    text-transform : capitalize
  }
    .faq-details a span.acc-icons : :before, .faq-details a.active span.acc-icons : :before {
    left : -51px;
    line-height : 39px;
    top : -10px;
    width : 42px;
    height : 40px;
    font-family : fontawesome
  }
    .blog-btn, .blog-btn : hover, .blog-text h4 a, .csr a : hover, .faq-details h4.check-title a, .link-policy a : hover, .popular-tag ul li a, .project-dec h4, .sus-btn, a,a : hover {
    text-decoration : none
  }
  .avail, .event-content.head-team h4, .left-blog ul li a, .popular-tag ul li a, .project-menu li a, .section-headline h2, .stick .main-menu ul.nav>li>a {
    text-transform : capitalize
  }
  body, html {
    height : 100%;
    font-family : Montserrat, sans-serif!important
  }
  .neft-link {
    position : fixed;
    background : #fd6c11;
    color : #fff;
    padding : 9px 15px;
    font-size : 16px;
    border-radius : 30px;
    right : 35px;
    bottom : 15px
  }
  .back-to-top, .btns3 {
    right : 15px;
    position : fixed
  }
  .csr {
    font-weight : 700;
    text-align : right;
    font-size : 19px
  }
  .certi, .footer-head .certi, .link-policy, body {
    text-align : left
  }
  .policy-list {
    list-style-type : square;
    margin-left : 30px
  }
  h2.policy-head {
    margin : 20px 0 10px;
    font-size : 25px
  }
  h3.policy-head {
    margin : 20px 0 00px;
    font-size : 20px
  }
  h1.privacy-policy, p.privacy-policy {
    color : #333;
    font-size : 30px;
    margin : 0 0 15px;
    font-family : Montserrat, sans-serif!important
  }
  p.privacy-policy {
    font-weight : 400
  }
  .policy {
    margin : 20px 10px
  }
  .link-policy {
    font-size : 20px;
    margin : 10px 0 0
  }
    .link-policy a, .link-policy a : hover {
    color : inherit
  }
  .navbar-right {
    float : right!important;
    margin-right : -15px;
    background-color : #333;
    padding : 5px 9px;
    margin-top : 31px;
    color : #fff;
    border-radius : 5px
  }
  .floatleft {
    float : left
  }
  .floatright {
    float : right
  }
  .alignleft {
    float : left;
    margin-right : 15px;
    margin-bottom : 15px
  }
  .alignright {
    float : right;
    margin-left : 15px;
    margin-bottom : 15px
  }
  .aligncenter {
    display : block;
    margin : 0 auto 15px
  }
    a : focus {
    outline : solid 0
  }
    .back-to-top : focus, a : active, a : hover {
    outline : 0
  }
  img {
    max-width : 100%;
    height : auto
  }
  .fix {
    overflow : hidden
  }
  p {
    margin : 0 0 15px
  }
  h1, h2, h3, h4, h5, h6 {
    font-family : Montserrat, sans-serif!important;
    margin : 0 0 15px;
    color : #444;
    font-weight : 500
  }
  h1 {
    font-size : 48px;
    line-height : 50px
  }
  h2 {
    font-size : 38px;
    line-height : 40px
  }
  h3 {
    font-size : 30px;
    line-height : 32px
  }
  h4 {
    font-size : 24px;
    line-height : 26px
  }
  h5 {
    font-size : 20px;
    line-height : 22px
  }
  h6 {
    font-size : 16px;
    line-height : 20px
  }
  a {
    transition : .3s
  }
    a : hover {
    color : #3ec1d5
  }
  body {
    background : #fff;
    font-family : Montserrat, sans-serif!important;
    font-size : 15px;
    line-height : 1.6
  }
  .back-to-top {
    display : none;
    background : #fd6c11;
    color : #fff;
    padding : 6px 12px 9px;
    font-size : 16px;
    border-radius : 2px;
    bottom : 15px;
    transition : background .5s
  }
  .donatefooter h5, .footer-head .donationbank h5, .footer-head .donationbankfooter h5, .footer-head1 .donationbank h5 {
    padding : 7px 19px 7px 53px;
    background-color : #1a1512;
    color : #fff;
    font-size : 16px;
    border-radius : 3px;
    width : 100%;
    max-width : 400px
  }
  .certi {
    color : #181717;
    font-size : 14px
  }
  .avail {
    color : #fd6c11!important;
    font-size : 19px;
    font-weight : 500;
    line-height : 23px;
    border-top : 2px solid #767371;
    padding : 10px 0 0
  }
  .slidertxt h3 {
    color : #363434;
    font-size : 38px;
    font-weight : 500;
    padding : 42px 0 27px
  }
  .contact-form #errormessage.show, .contact-form #sendmessage.show, .contact-form .show, .desktop, .desktopslider, .main-menu .dropdown ul li, .new-block-custom h3.sec-head, .single-well>a, .team-img>a {
    display : block
  }
  .navbar-default {
    background-color : #fff!important;
    border-color : #fff!important
  }
    .slick-dots li.slick-active button : before {
    font-size : 48px!important
  }
  .slick-dots {
    color : #fff!important;
    bottom : 64px!important
  }
  .new-block-custom {
    background : #fff;
    border : 1px solid #000;
    padding : 20px;
    border-radius : 15px;
    margin-bottom : 10px;
    text-align : center
  }
    .back-to-top.focus, .back-to-top.hover, .btns3 {
    background : #fd6c11;
    color : #fff
  }
  .new-block-custom a.btn-primary {
    background-color : #333;
    color : #fff;
    border : none;
    font-size : 20px;
    font-weight : 800;
    border-radius : 40px;
    padding : 6px 25px
  }
    .new-block-custom a.btn-primary:hover {
    background-color : #000;
    color : #fff
  }
  .new-block-custom h3.sec-head span {
    display : block;
    font-size : 30px;
    font-weight : 600
  }
  .btns3 {
    padding : 9px 15px;
    font-size : 16px;
    border-radius : 30px;
    bottom : 15px;
    z-index : 5
  }
  #contribute table h4, .banner, .faq-details .panel-heading, ul {
    padding : 0
  }
  button.btncstm {
    padding : 0 3px;
    font-size : 10px;
    font-weight : bolder
  }
  .banner .hero-slider img, .carousel-inner .item img {
    width : 100%
  }
  .banner {
    position : relative
  }
  .banner .arrow_prev {
    left : 25px
  }
  .banner .arrow_next {
    right : 25px
  }
  .banner .slick-dots {
    bottom : 23px
  }
    .banner .slick-dots li.slick-active button : before {
    opacity : 1;
    color : #fff
  }
    .banner .slick-dots li button : :before {
    font-size : 53px;
    opacity : 1!important;
    color : #fff
  }
  .mobile, .mobileslider, .slider-area-mobile, .stick .navbar-brand>img {
    display : none
  }
    @media (max-width : 768px) {
    .desktop{display : none
  }
  .mobile {
    display : block
  }
  .footer-area {
    padding : 0;
    background : #fff
  }
  .yellow-bg-text h3 {
    font-size : 26px;
    line-height : 31px
  }
  .back-to-top {
    bottom : 15px
  }
  }.clear {
    clear : both
  }
  ul {
    list-style : none;
    margin : 0
  }
  button, button[type=submit], input, input[type=date], input[type=email], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    -moz-appearance : none;
    box-shadow : none!important
  }
  div#preloader {
    position : fixed;
    left : 0;
    top : 0;
    z-index : 99999;
    width : 100%;
    height : 100%;
    overflow : visible;
    background : url('../img/preloader.gif') center center no-repeat #fff
  }
    : : -moz-selection {
    background : #3ec1d5;
    text-shadow : none
  }
    : : selection {
    background : #3ec1d5;
    text-shadow : none
  }
  .area-padding {
    padding : 30px 0 20px
  }
  .area-padding-2 {
    padding : 70px 0 50px
  }
  .padding-2 {
    padding-bottom : 90px
  }
  .black-bg-text, .yellow-bg-text {
    padding-top : 45px;
    padding-bottom : 45px;
    font-family : Montserrat, sans-serif!important
  }
  .section-headline h2 {
    display : inline-block;
    font-size : 40px;
    font-weight : 600;
    margin-bottom : 70px;
    position : relative
  }
  .head-team h4, .project-dec h4, .qrcode h2, .sec-head, .team-left-text h4, .work-right-text h2, .work-right-text h5 {
    text-transform : uppercase
  }
    .section-headline h2 : :after {
    border : 1px solid #333;
    bottom : -20px;
    content : "";
    left : 0;
    margin : 0 auto;
    position : absolute;
    right : 0;
    width : 40%
  }
  #contribute table h3 {
    padding : 0 0 0 25px
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top : 0 solid #ddd!important;
    border-right : 1px solid #e9bf5b;
    vertical-align : middle
  }
  .yellow-border {
    border-right : 1px solid #000!important
  }
  .yellow-bg-text h3 {
    font-size : 29px;
    color : #fff;
    font-family : Montserrat, sans-serif!important;
    line-height : 37px;
    margin : 0;
    font-weight : 700;
    text-align : center
  }
  .yellow-bg-text {
    background-color : #333;
    margin-top : 0
  }
  .black-bg-text h3 {
    font-size : 27px;
    color : #fff;
    font-family : Montserrat, sans-serif!important;
    line-height : 37px;
    margin : 0;
    font-weight : lighter;
    text-align : center
  }
  .black-bg-text {
    background-color : #1a1512;
    color : #fff
  }
  .social-media {
    background-image : url(../img/bglast.jpg);
    background-position : center;
    background-repeat : no-repeat;
    background-size : cover
  }
  .social-media h3 {
    color : #fff;
    font-size : 38px;
    font-weight : 500;
    padding : 20px 0 10px
  }
  .qrcode h2, .qrcode p {
    text-align : left;
    font-weight : 600
  }
  .social-media img {
    display : inline-block;
    border-radius : 4px
  }
  .videobox {
    width : 341px
  }
  .smbox {
    margin-bottom : 50px;
    margin-top : 32px
  }
  .slide-box {
    border : 1px solid #d2d2d2;
    border-radius : 14px
  }
  .news-section iframe {
    border : none;
    border-radius : 10px
  }
  .social-media .imgbox {
    display : inline-block;
    margin : 16px 12px;
    border-radius : 4px;
    vertical-align : top
  }
  .qrcode p {
    font-size : 13px
  }
  .qrcode h2 {
    font-family : Gilroy-ExtraBold;
    font-size : 18px;
    color : #000
  }
  .donate-feed-text h1, .tab-menu ul.nav li a {
    font-family : Montserrat, sans-serif!important
  }
  .midbankcol {
    padding : 0 30px
  }
  .border-right {
    border-right : 1px solid #333;
    min-height : 274px
  }
  .qrcode a {
    color : #fff;
    background-color : #fd854a;
    border-color : #fd854a;
    padding : 10px 0;
    font-size : 18px;
    font-weight : 500
  }
  .slide-box img {
    max-width : 100%;
    width : 43%;
    padding : 20px 0 0
  }
  .slide-box p {
    font-size : 18px;
    color : #363434
  }
  .differentslider-row {
    margin-bottom : 60px
  }
  .differentslider-row .slide-box {
    min-height : 282px
  }
  .differentslider-row h1 {
    color : #fff;
    font-size : 42px;
    font-weight : 400
  }
  .differentslider-row p {
    font-size : 17px;
    color : #363434;
    line-height : 27px;
    padding : 15px 42px 0;
    margin : 0
  }
  .differentslider-row .slick-slide {
    margin : 0 19px
  }
  .differentslider-row .slick-slide img {
    display : block;
    margin : auto;
    padding : 10px 0 0;
    width : 45%
  }
    .differentslider-row .slick-prev : before {
    content : url("../img/prev.png")
  }
  .differentslider-row .slick-prev {
    left : -100px
  }
    .differentslider-row .slick-next : before {
    content : url("../img/next.png")
  }
  .differentslider-row .slick-next {
    right : -80px
  }
  .donate-feed-text h1 {
    padding : 50px 0 10px;
    font-size : 38px;
    color : #363434;
    line-height : 37px;
    margin : 0;
    font-weight : 500;
    text-align : center
  }
  .donate-feed-text h3 span {
    font-weight : 700;
    color : #363434;
    font-size : 42px
  }
  .sec-head {
    display : inline-block;
    font-size : 14px;
    font-weight : 700;
    margin-bottom : 0;
    padding : 0 0 10px;
    transition : .4s;
    color : #282525
  }
  .sec-head span {
    color : #282525;
    font-weight : 500;
    font-size : 18px
  }
  .header-area {
    top : 0;
    left : 0;
    width : 100%;
    height : 101px;
    background : rgba(255, 255, 255, .8);
    z-index : 9;
    bottom : 21px
  }
  .navbar-header a.navbar-brand {
    display : inline-block;
    height : 70px;
    padding : 5px 0
  }
  .main-menu ul.navbar-nav li {
    display : inline-block;
    padding : 0 13px
  }
  .main-menu ul.navbar-nav li a {
    background : rgba(0, 0,0, 0);
    color : #fff;
    font-size : 15px;
    font-weight : 500
  }
    .main-menu ul.navbar-nav li.active>a : :after, .stick .main-menu ul.navbar-nav li.active>a : :after {
    border : 1px solid #fff;
    bottom : 0;
    content : "";
    left : 0;
    position : absolute;
    width : 100%
  }
    .main-menu ul.navbar-nav li.active a : hover {
    background : 0 0;
    color : #fff
  }
    .header-bottom h1, .header-bottom h2, .main-menu ul.navbar-nav li.active a : focus, .mainmenu ul#nav li .mega-menu span>a : hover, .popular-tag.left-blog ul li a : hover, .project-dec h4 : hover, .quate : hover, .stick .main-menu ul.nav>li>a : hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title : hover, .stick .mainmenu ul#nav li : hover ul.sub-menu li a : hover, .top-right.text-right li a {
    color : #fff
  }
  .main-menu ul.navbar-nav li.active a, .stick .main-menu ul.navbar-nav li.active a {
    background : rgba(0, 0,0, 0);
    color : #fff;
    position : relative
  }
    .comments-content-wrap span a : hover, .copyright a, .credits a, .entry-meta span a : hover, .faq-details a.active span.acc-icons : :before, .faq-details h4.check-title a.active, .footer-logo h2 span, .footer-logo1 h2 span, .left-blog ul li a : hover, .main-menu ul.navbar-nav li a : hover, .pst-content p a : hover, .search-option button : hover, .services-details : hover .services-icon, .services-details : hover h4, .sticky-logo h1 span {
    color : #3ec1d5
  }
  .navbar {
    border : none;
    margin-bottom : 0
  }
  .navbar-default {
    background : rgba(0, 0,0, 0)
  }
    .main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a : focus, .navbar-default .navbar-nav>.active>a : hover {
    background : 0 0;
    color : #333
  }
  .navbar-default .navbar-toggle {
    background : rgba(0, 0,0, 0);
    border : none;
    border-radius : 0;
    padding : 25px 0
  }
    .navbar-default .navbar-nav>li>a : focus, .navbar-default .navbar-nav>li>a : hover {
    background-color : transparent;
    color : #fff
  }
    .navbar-default .navbar-toggle : focus, .navbar-default .navbar-toggle : hover {
    background : 0 0
  }
  .about-area, .header-area.stick {
    background-color : #fff
  }
  .navbar-default .navbar-toggle .icon-bar, .stick .navbar-default .navbar-toggle .icon-bar {
    background-color : #fff;
    width : 30px;
    height : 2px
  }
  .top-right.text-right {
    float : right;
    position : relative;
    top : 24px;
    margin-left : 20px
  }
  .top-right.text-right>li {
    float : right;
    margin : 0 8px
  }
  .main-menu .dropdown ul {
    background : #000
  }
  .header-area.stick {
    height : 80px;
    position : fixed;
    top : 0;
    width : 100%;
    box-shadow : 0 1px 5px rgba(0, 0,0, .2);
    z-index : 1000
  }
  .stick .navbar-header a.navbar-brand {
    display : inline-block;
    height : 90px
  }
  .stick .navbar-brand.sticky-logo>img {
    display : block;
    width : 60px;
    height : 60px
  }
  .logo {
    height : 93px
  }
  .sticky-logo h1 {
    color : #fff;
    padding : 0;
    margin : 0;
    font-size : 36px;
    font-weight : 700;
    line-height : 1
  }
    .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu, .stick .mainmenu ul#nav>li : hover>a {
    background-color : #f5f5f5;
    color : #fff;
    outline : 0
  }
  .stick .logo {
    height : 20px
  }
  .stick .logo a {
    margin-top : 0
  }
  .stick .main-menu ul.nav>li>a {
    color : #fff;
    line-height : 22px
  }
  .stick .navbar-default .navbar-toggle, .team-content {
    padding : 10px 0
  }
  .single-well ul li {
    color : #444;
    display : block;
    padding : 5px 0
  }
  .single-well ul li i {
    color : #3ec1d5;
    padding-right : 10px;
    font-size : 12px
  }
  .copyright-text a, .entry-content>p, .entry-meta>span, .single-well p {
    color : #444
  }
  .services-icon {
    color : #fff;
    display : inline-block;
    font-size : 20px;
    line-height : 7px;
    margin-bottom : 0;
    border : 0 solid #bb2f1a;
    border-radius : 25px;
    padding : 3px 5px
  }
  .comments-list ul li, .section-headline.services-head>h2 {
    margin-bottom : 25px
  }
  .services-details {
    padding-top : 40px;
    transition : .5s
  }
  .row.second-row {
    margin-top : 40px
  }
  .section-head>h2 {
    color : #333
  }
  .single-services>h4 {
    color : #444;
    font-size : 24px;
    font-weight : 500
  }
  .single-services>p {
    color : #333;
    font-size : 14px
  }
  .our-skill-area {
    position : relative;
    background : url("../img/background/bg1.html") center top/cover no-repeat fixed rgba(248, 248, 248, .8)
  }
  .test-overly {
    background : rgba(0, 0,0, .8);
    position : absolute;
    width : 100%;
    height : 100%
  }
  .faq-details a span.acc-icons, .page-area, .tab-main-img a, .team-img, .team-member, .well-bg {
    position : relative
  }
  .progress-h4 {
    color : #fff;
    font-weight : 500
  }
  .panel-default>.panel-heading {
    background-color : transparent;
    border : none;
    color : #333
  }
  .faq-details h4.check-title a {
    color : #333;
    display : block;
    font-weight : 700;
    letter-spacing : 2px;
    margin-left : 40px;
    padding : 6px 10px
  }
  .panel-body {
    padding : 15px 15px 0 50px
  }
  .faq-details h4.check-title {
    color : #444;
    font-size : 18px;
    font-weight : 500;
    margin-bottom : 0
  }
    .faq-details a span.acc-icons : :before {
    color : #333;
    content : "";
    font-size : 24px;
    position : absolute;
    text-align : center
  }
    .faq-details a.active span.acc-icons : :before {
    content : "";
    font-size : 24px;
    position : absolute;
    text-align : center
  }
  .second-row {
    margin-top : 30px
  }
  .event-content.head-team h4 {
    background : 0 0;
    color : #333;
    padding : 30px 0 10px;
    font-weight : 500
  }
    .tab-menu .nav-tabs>li>a : hover {
    border-color : #eee #eee #ddd
  }
  .tab-menu {
    display : block;
    text-align : center
  }
  .tab-menu ul.nav {
    margin : 0;
    padding : 0
  }
  .tab-menu ul.nav li {
    border : none;
    display : inline-block
  }
  .tab-content {
    border : 1px solid #ccc;
    padding : 0 15px 15px
  }
  .tab-menu ul.nav li a {
    background : rgba(0, 0,0, 0);
    border-radius : 0;
    color : #444;
    display : block;
    font-weight : 500;
    margin-right : 5px;
    padding : 10px 20px;
    font-size : 18px
  }
  .tab-menu ul li.active a, .tab-menu ul li.focus a, .tab-menu ul li.hover a {
    border-bottom : 1px solid #fff;
    color : #3ec1d5!important
  }
    .suscribe-input button : hover, .team-left-icon ul li a : hover {
    color : #3ec1d5;
    background : #fff
  }
  .tab-menu .nav-tabs {
    border-bottom : none
  }
  .tab-main-img a {
    display : block
  }
  .footer-icons ul li, .head-team h4, .popular-tag ul li, .project-menu li, .project-menu li a, .subs-feilds, .team-left-icon ul li, .team-social-icon ul li {
    display : inline-block
  }
    .tab-main-img a : hover span.events-offer {
    height : 20%
  }
  .tab-main-img a span.events-offer {
    background : rgba(0, 0,0, .8);
    bottom : 0;
    color : #fff;
    content : "";
    font-size : 20px;
    font-weight : 700;
    height : 0%;
    left : 0;
    line-height : 70px;
    padding : 0 10px;
    position : absolute;
    text-align : left;
    transition : .5s;
    width : 100%
  }
  .wellcome-area {
    background : url("../img/background/bg1.html") rgba(248, 248, 248, .8);
    background-size : cover;
    background-position : center top;
    background-repeat : no-repeat;
    background-attachment : fixed
  }
  .wellcome-text {
    margin : 70px 0;
    padding : 30px 40px
  }
  .well-text>h2 {
    color : #fff;
    font-size : 44px;
    font-weight : 500;
    line-height : 50px
  }
  .well-text p {
    font-size : 18px;
    font-style : italic;
    color : #fff
  }
  .team-content.head-team p, .wellcome-text .section-headline p {
    margin-bottom : 0
  }
  .subs-feilds {
    border : 1px solid #fff;
    height : 52px;
    margin-top : 30px;
    width : 60%;
    border-radius : 30px;
    overflow : hidden
  }
  .suscribe-input input {
    background : 0 0;
    border : none;
    color : #fff;
    float : left;
    font-size : 15px;
    line-height : 24px;
    padding : 11px 15px;
    width : 70%;
    height : 50px
  }
  .suscribe-input button {
    background : #3ec1d5;
    border : none;
    border-radius : 0 20px 20px 0;
    color : #fff;
    float : left;
    font-size : 20px;
    font-weight : 700;
    padding : 14px 20px;
    width : 30%
  }
  .team-member {
    background : rgba(0, 0,0, .65);
    display : block;
    margin-right : -15px;
    padding : 10px;
    overflow : hidden
  }
    .team-member : :before {
    background : url("../img/team/team01.html") rgba(0, 0,0, 0);
    content : "";
    display : block;
    height : 100%;
    left : 0;
    margin-right : -15px;
    padding : 10px;
    position : absolute;
    top : 0;
    width : 100%;
    z-index : -1;
    background-repeat : no-repeat;
    background-size : cover;
    background-position : top center;
    transition : 5s;
    transform : scale(1)
  }
    .team-member : hover.team-member : :before {
    transform : scale(1.2)
  }
  .single-team-member {
    border : 1px solid #ddd
  }
  .team-left-text h4 {
    color : #fff;
    font-size : 30px;
    font-weight : 700
  }
  .team-left-text p {
    color : #fff;
    font-size : 17px;
    line-height : 26px
  }
  .email-news {
    display : block;
    margin : 30px 0;
    overflow : hidden;
    text-align : center;
    width : 100%
  }
  .email-news .email_button input {
    background : rgba(0, 0,0, 0);
    border : 1px solid #fff;
    color : #fff;
    float : left;
    font-size : 13px;
    padding : 8px;
    width : 81%
  }
  .email-news .email_button>button {
    background : rgba(0, 0,0, 0);
    border : 1px solid #fff;
    color : #fff;
    float : left;
    font-size : 16px;
    padding : 8px 12px;
    text-align : center
  }
    .awesome-img>a : :after, .team-img>a : :after {
    background : rgba(0, 0,0, .7);
    content : "";
    opacity : 0
  }
    .email-news .email_button>button : hover {
    background : #3ec1d5;
    border : 1px solid #fff;
    color : #fff
  }
    .team-left-icon ul li a : hover {
    border : 2px solid #fff
  }
  .team-left-icon ul li a {
    border : 2px solid #fff;
    color : #fff;
    display : block;
    font-size : 16px;
    height : 40px;
    line-height : 37px;
    margin : 0 3px;
    width : 40px
  }
  .team-member-carousel .single-team-member {
    overflow : hidden;
    width : 100%
  }
    .single-awesome-project : hover .awesome-img>a : :after, .single-team-member : hover .team-img a : after {
    opacity : 1
  }
    .single-team-member : hover .team-social-icon {
    top : 45%;
    opacity : 1
  }
    .team-img>a : :after {
    bottom : 0;
    height : 100%;
    left : 0;
    position : absolute;
    transition : .5s;
    width : 100%
  }
  .team-social-icon {
    left : 50%;
    margin-left : -61px;
    opacity : 0;
    position : absolute;
    top : 30%;
    transition : 1.3s
  }
  .team-social-icon ul li a {
    border : 1px solid #fff;
    border-radius : 50%;
    color : #fff;
    display : block;
    font-size : 14px;
    height : 34px;
    line-height : 35px;
    margin : 0 3px;
    width : 34px
  }
    .contact-form button[type=submit] : hover, .team-social-icon ul li a : hover {
    color : #fff;
    border : 1px solid #3ec1d5;
    background : #3ec1d5
  }
  .comment-respond p, .team-content>h4, .team-content>p {
    color : #444;
    margin-bottom : 5px
  }
  .team-left-icon.text-center {
    margin-bottom : 20px
  }
  .head-team h4 {
    font-size : 25px;
    font-weight : 600;
    padding-bottom : 10px
  }
  .reviews-area {
    background : url(../img/background/bg1.html) top center/cover no-repeat fixed;
    overflow : hidden;
    width : 100%;
    height : auto;
    position : relative
  }
  .work-left-text {
    background : #3ec1d5;
    width : 50%
  }
  .work-right-text {
    background : rgba(0, 0,0, .8);
    float : right;
    height : 100%;
    overflow : hidden;
    padding : 71px 0;
    width : 50%;
    position : absolute;
    right : 0;
    top : 0
  }
  .work-right-text h2 {
    color : #fff;
    font-size : 24px
  }
  .work-right-text h5 {
    color : #fff;
    font-size : 18px;
    font-weight : 700;
    line-height : 34px
  }
  .work-right-text .sus-btn {
    margin-left : 0;
    margin-top : 20px
  }
  .single-awesome-4 {
    display : block;
    float : left;
    overflow : hidden;
    width : 33.33%
  }
  .single-awesome-4 .add-actions {
    padding : 10px 20px
  }
  .pst-content {
    padding-left : 10px
  }
  .project-menu {
    margin-bottom : 40px;
    text-align : center
  }
  .project-menu li a {
    background : #fff;
    border : 1px solid #444;
    border-radius : 20px;
    color : #444;
    cursor : pointer;
    font-size : 14px;
    font-weight : 500;
    margin : 0 4px;
    padding : 6px 15px;
    transition : .3s
  }
    .project-menu li a.active, .project-menu li a : hover {
    border-color : #3ec1d5;
    background : #3ec1d5;
    color : #fff;
    text-decoration : none
  }
  .single-awesome-portfolio {
    float : left;
    overflow : hidden;
    padding : 15px;
    width : 25%;
    position : relative
  }
  .single-awesome-project {
    overflow : hidden;
    margin-bottom : 30px
  }
  .blog-1 .banner-box, .first-item {
    margin-bottom : 30px
  }
  .awesome-img {
    display : block;
    width : 100%;
    height : 100%;
    position : relative
  }
  .awesome-img>a {
    display : block;
    position : relative
  }
    .single-awesome-project : hover .add-actions {
    opacity : 1;
    bottom : 0
  }
    .awesome-img>a : :after {
    height : 100%;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
    transition : .4s
  }
  .add-actions {
    background : rgba(0, 0,0, .6);
    bottom : 30px;
    display : block;
    height : 100%;
    left : 0;
    opacity : 0;
    overflow : hidden;
    padding : 10px 15px;
    position : absolute;
    transition : .4s;
    width : 100%
  }
  .project-action-btn li, .project-action-btn li a, .project-dec, .project-dec a {
    display : block;
    height : 100%;
    width : 100%
  }
  .project-dec h4 {
    margin-bottom : 5px;
    color : #ddd;
    font-size : 24px;
    margin-top : -45px;
    padding-top : 50%;
    font-weight : 800
  }
  .project-dec span {
    color : #ddd;
    font-size : 13px
  }
  .pri_table_list button, .saleon {
    color : #fff;
    text-transform : uppercase
  }
  .project-action-btn {
    display : block;
    height : 100%;
    text-align : center;
    transition : 1s;
    width : 100%
  }
  .pricing-area {
    background : rgba(0, 0,0, .02)
  }
  .pri_table_list {
    border : 1px solid #ccc;
    text-align : center;
    transition : .4s;
    background : #fff
  }
  .pri_table_list h3 span {
    font-size : 16px
  }
  .pri_table_list ol li {
    border-bottom : 1px solid #ccc;
    color : #666;
    padding : 12px 15px;
    position : relative;
    text-align : left
  }
    .pri_table_list li.check.cross : :after {
    content : "\f00d";
    font-family : fontawesome;
    font-size : 14px;
    position : absolute;
    right : 50px;
    top : 12px;
    color : #cd5c5c
  }
    .pri_table_list li.check : :after {
    content : "\f00c";
    font-family : fontawesome;
    font-size : 14px;
    position : absolute;
    right : 50px;
    top : 12px;
    color : #3ec1d5
  }
  .pri_table_list button {
    background : #444;
    border : 1px solid #444;
    margin-bottom : 25px;
    padding : 10px 35px;
    transition : .4s;
    border-radius : 30px
  }
  .pri_table_list>h3 {
    color : #333;
    font-size : 24px;
    font-weight : 700;
    line-height : 25px;
    padding : 30px 0 20px;
    text-transform : uppercase;
    transition : .4s
  }
  .pri_table_list ol {
    list-style : none;
    margin : 0;
    padding : 0 0 25px
  }
  .pri_table_list.active {
    transition : .4s;
    position : relative;
    overflow : hidden
  }
  .saleon {
    background : #3ec1d5;
    font-size : 13px;
    font-weight : 700;
    left : -26px;
    padding : 2px 25px;
    position : absolute;
    top : 16px;
    transform : rotate(-45deg);-webkit-transform : rotate(-45deg);-ms-transform : rotate(-45deg);-o-transform : rotate(-45deg);-moz-transform : rotate(-45deg)
  }
    .pri_table_list>button : hover {
    background-color : #fff;
    border : 1px solid #333;
    color : #333
  }
  .active>h3 {
    background : #f5f5f5;
    color : #333;
    transition : .4s
  }
  .active>button {
    background : #3ec1d5;
    border : 1px solid #3ec1d5;
    color : #fff;
    transition : .4s
  }
    .active>button : hover {
    background : #333;
    border : 1px solid #333;
    color : #fff;
    transition : .4s
  }
  .testimonials-area {
    background : url("../img/background/slider1.html") center top/cover no-repeat fixed rgba(0, 0,0, 0);
    height : auto;
    width : 100%
  }
  .testi-inner {
    position : relative;
    width : 100%;
    height : auto;
    z-index : 1
  }
  .testi-overly {
    background : rgba(0, 0,0, .7);
    height : 100%;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
    z-index : -1
  }
    .ready-btn : hover, .sus-btn : hover, .suscribe-area, .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background : #3ec1d5
  }
  .quate {
    border : 1px dotted #fff;
    border-radius : 50%;
    color : #fff;
    display : inline-block;
    font-size : 24px;
    height : 70px;
    line-height : 70px;
    width : 70px
  }
  .testi-img img {
    border : 1px dotted rgba(0, 0,0, .05);
    border-radius : 2px;
    height : 80px;
    margin : 0 auto;
    padding : 5px;
    transition : background .6s ease-out;
    width : 80px!important
  }
  .testi-text p {
    color : #fff;
    font-size : 16px;
    line-height : 1.5em;
    margin : 20px 0;
    letter-spacing : 1px
  }
  .testi-text h6 {
    color : #fff;
    font-size : 20px
  }
  .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
    background : #fff;
    display : inline-block;
    height : 8px;
    width : 8px;-moz-transition : .4s;-webkit-transition : .4s;-o-transition : .4s;-ms-transition : .4s;
    transition : .4s;
    border-radius : 50%
  }
  .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom : -30px;
    display : block;
    left : 50%;
    margin-left : -20px;
    position : absolute
  }
  .left-side-tags h4, .testimonial-content {
    margin-bottom : 15px
  }
  .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display : inline-block;
    margin : 0 3px
  }
  .testi-text.text-center>h6 {
    color : #fff;
    font-size : 20px;
    font-weight : 700;
    text-transform : uppercase
  }
  .guest-rev {
    color : #ddd;
    font-size : 16px
  }
  .guest-rev>a {
    color : #3ec1d5;
    font-size : 14px
  }
  .blog-area, .contact-area {
    height : auto;
    width : 100%
  }
  .home-overly, .home-video, .table, .table-cell {
    width : 100%;
    height : 100%
  }
  .blog-text h4 a {
    color : #444
  }
  .blog-text h4 {
    color : #444;
    margin-bottom : 15px
  }
  .blog-btn {
    border-bottom : 1px dotted #444;
    color : #444;
    display : inline-block;
    padding : 0 1px 5px 0;
    position : relative
  }
    .blog-btn : :after {
    content : "\f178";
    font-family : fontawesome;
    position : absolute;
    right : -20px;
    top : 1px;
    transition : .3s
  }
    .blog-btn : hover : :after {
    right : -30px
  }
    .blog-btn : hover {
    color : #333
  }
  .blog-meta span.comments-type, .blog_meta span.date_type i {
    margin-left : 5px
  }
  .blog-meta span i {
    padding-right : 10px
  }
  .blog-content .blog-meta {
    border-bottom : 1px dotted #333
  }
  .blog-meta {
    border-bottom : 1px dotted #fff;
    padding : 10px 0
  }
  .blog-meta span.comments-type, .comments-type>a, .date-type {
    color : #333;
    letter-spacing : 1px;
    margin-right : 5px
  }
  .blog-meta .comments-type i {
    padding-right : 0!important
  }
  .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p, .blog-content-right .comments-type>a, .blog-content-right .date-type {
    color : #fff;
    letter-spacing : 1px
  }
  .single-blog .ready-btn {
    border : 1px solid #444;
    border-radius : 30px;
    color : #444;
    cursor : pointer;
    display : inline-block;
    font-size : 15px;
    font-weight : 500;
    margin-top : 10px;
    padding : 10px 20px;
    text-align : center;
    text-transform : uppercase;
    transition : .4s
  }
    .single-blog .ready-btn : hover {
    border : 1px solid #3ec1d5;
    color : #fff
  }
  .suscribe-area {
    padding : 30px 0
  }
  .suscribe-text {
    display : block;
    padding : 10px 0
  }
  .sus-btn, .suscribe-text h3 {
    display : inline-block;
    text-transform : uppercase
  }
  .suscribe-text h3 {
    color : #fff;
    font-size : 20px;
    font-weight : 600;
    margin : 0;
    letter-spacing : 2px
  }
  .sus-btn {
    background : #fff;
    border : 2px solid #fff;
    color : #3ec1d5;
    font-size : 16px;
    font-weight : 700;
    margin-left : 100px;
    padding : 10px 20px;
    border-radius : 30px
  }
    .sus-btn : hover {
    border : 2px solid #fff;
    color : #fff
  }
  .contact-content {
    padding : 100px;
    background : #000
  }
  .contact-content-right {
    padding : 100px
  }
  .contact-form input[type=email], .contact-form input[type=text] {
    background : rgba(0, 0,0, 0);
    border : 1px solid #ccc;
    border-radius : 0;
    color : #444;
    height : 40px;
    margin-bottom : 16px;
    padding-left : 20px;
    width : 100%
  }
  .contact-form textarea {
    background : rgba(0, 0,0, 0);
    border : 1px solid #ccc;
    border-radius : 0;
    color : #444;
    height : 140px;
    padding : 20px;
    width : 100%
  }
  .contact-form button[type=submit] {
    background : rgba(0, 0,0, 0);
    border : 1px solid #ccc;
    color : #444;
    font-size : 16px;
    font-weight : 700;
    margin-top : 8px;
    padding : 12px 30px;
    text-transform : uppercase;
    transition : .3s;
    border-radius : 30px
  }
  .contact-form #sendmessage {
    color : #3ec1d5;
    border : 1px solid #3ec1d5;
    display : none;
    text-align : center;
    padding : 15px;
    font-weight : 600;
    margin-bottom : 15px
  }
  .contact-form #errormessage {
    color : red;
    display : none;
    border : 1px solid red;
    text-align : center;
    padding : 15px;
    font-weight : 600;
    margin-bottom : 15px
  }
  #contact .form .validation {
    color : red;
    display : none;
    margin : 0 0 20px;
    font-weight : 400;
    font-size : 13px
  }
  .single-icon i {
    font-size : 24px;
    width : 50px;
    height : 50px;
    border : 1px solid #444;
    line-height : 46px;
    border-radius : 50%;
    margin-bottom : 20px
  }
  .single-icon p {
    font-size : 16px;
    line-height : 30px
  }
  .blog-page .banner-box, .blog-page .single-blog, .contact-icon {
    margin-bottom : 40px
  }
  #google-map {
    height : 370px;
    margin-bottom : 20px
  }
  .footer-area {
    padding : 40px 0;
    background : #fff
  }
  .donationbank p, .footer-head p {
    color : #282525;
    text-align : left
  }
  .footer-head h4, .footer-head1 h4 {
    color : #444;
    font-size : 16px;
    letter-spacing : 2px;
    padding-bottom : 10px;
    text-transform : uppercase
  }
  .footer-head1 p {
    color : #232121;
    font-size : 22px;
    font-style : italic;
    line-height : 28px
  }
  .footer-head1 p span {
    color : #ba611a;
    font-weight : 700
  }
  .footer-logo1 {
    padding-bottom : 12px
  }
  .footer-logo h2, .footer-logo1 h2 {
    color : #222;
    padding : 0;
    margin : 0;
    font-size : 36px;
    font-weight : 700;
    line-height : 1
  }
  .copyright>p, .left-blog h4 {
    font-weight : 500;
    margin-bottom : 0
  }
  .footer-logo {
    padding-bottom : 0
  }
  .footer-icons ul li a {
    color : #fff;
    display : block;
    font-size : 18px;
    height : 40px;
    line-height : 38px;
    margin-right : 5px;
    text-align : center;
    width : 40px;
    border-radius : 50%
  }
  .flicker-img>a {
    float : left;
    padding : 1px;
    width : 33.33%
  }
  .footer-icons {
    margin-top : 15px
  }
  .footer-contacts p span {
    color : #3ec1d5;
    font-weight : 700
  }
  .footer-content {
    display : block;
    overflow : hidden
  }
  .popular-tag ul li a {
    border : 1px solid #444;
    border-radius : 30px;
    color : #444;
    display : block;
    font-size : 13px;
    font-weight : 600;
    margin : 5px 3px;
    padding : 5px 10px;
    position : relative;
    transition : .4s;
    width : 70px;
    text-align : center
  }
  .footer-area-bottom {
    background : #1a1512;
    padding : 35px 0
  }
    .copyright-text a : hover {
    text-decoration : underline;
    color : #3ec1d5
  }
  .copyright>p {
    color : #fff;
    padding : 17px 0;
    font-size : 17px
  }
  .credits {
    padding-top : 5px;
    text-align : center
  }
  .header-bg {
    background : url(../img/slider/slider1.jpg) top center/cover no-repeat fixed
  }
  .header-bg.home-2, .header-image.home-3 {
    width : 100%;
    height : 100%;
    position : relative
  }
  .home-overly {
    background : rgba(0, 0,0, .5);
    position : absolute
  }
  .home-2 .layer-1-3, .home-3 .layer-1-3 {
    margin : 10px 0 0
  }
  .home-video {
    left : 0;
    position : absolute;
    top : 0;
    z-index : -1
  }
  .arrow_next, .arrow_prev {
    top : 50%;
    position : absolute
  }
  .table {
    display : table
  }
  .table-cell {
    display : table-cell;
    vertical-align : middle
  }
  .search-option input {
    border : none;
    padding : 6px 15px;
    width : 80%
  }
  .search-option {
    border : 1px solid #ccc;
    height : 42px;
    margin-bottom : 30px
  }
  .search-option button {
    background : 0 0;
    border : none;
    font-size : 20px;
    padding : 8px 23px
  }
  .left-blog h4, .left-blog li, .recent-single-post {
    border-bottom : 1px solid #ddd
  }
  .left-blog h4, .ready-btn {
    font-size : 17px;
    text-transform : uppercase
  }
  .left-blog h4 {
    color : #444;
    padding : 15px 10px
  }
  .left-blog {
    background : #f9f9f9;
    margin-bottom : 30px;
    overflow : hidden;
    padding-bottom : 20px
  }
  .left-blog li {
    display : block
  }
  .left-blog ul li a {
    color : #444;
    display : block;
    font-size : 14px;
    padding : 10px
  }
  .recent-single-post {
    display : block;
    overflow : hidden;
    padding : 15px 10px
  }
  .post-img, .pst-content, .ready-btn {
    display : inline-block
  }
  .ready-btn {
    border : 1px solid #fff;
    border-radius : 30px;
    color : #fff;
    cursor : pointer;
    font-weight : 600;
    margin-top : 30px;
    padding : 12px 40px;
    text-align : center;
    transition : .4s;
    z-index : 222
  }
  .author-info, .social-sharing {
    background : #fff;
    margin : 30px 0
  }
    .ready-btn .hover {
    color : #fff;
    border : 1px solid #3ec1d5;
    text-decoration : none
  }
  .post-img {
    float : left;
    padding : 0 5px;
    width : 35%
  }
  .pst-content {
    float : left;
    width : 65%
  }
  .pst-content p a {
    color : #444;
    font-size : 15px
  }
  .blog-tags {
    padding : 1px 0
  }
    .left-blog li : last-child, .left-tags .left-side-tags ul li {
    border-bottom : 0
  }
  .popular-tag.left-side-tags.left-blog ul, .post-information .entry-meta span i {
    padding : 0 10px
  }
  .left-tags .left-side-tags ul li a {
    padding : 3px 10px;
    width : auto
  }
  .post-information h2 {
    color : #363636;
    font-size : 22px;
    text-transform : uppercase
  }
  .post-information {
    padding : 20px 0
  }
  .post-information .entry-meta span a {
    color : #444;
    display : inline-block;
    padding : 10px 0
  }
  .post-information .entry-meta {
    border-bottom : 1px solid #ccc;
    margin : 20px 0
  }
  .entry-content blockquote {
    background : #fff;
    border-left : 5px solid #3ec1d5;
    font-size : 17.5px;
    font-style : italic;
    margin : 0 0 20px 40px;
    padding : 22px 20px
  }
    .pagination>.active>a, .pagination>.active>a : focus, .pagination>.active>a : hover, .pagination>.active>span, .pagination>.active>span : focus, .pagination>.active>span : hover {
    background-color : #3ec1d5;
    border-color : #3ec1d5;
    color : #fff;
    cursor : default;
    z-index : 3
  }
  .social-sharing {
    border : 1px solid #ccc;
    display : block
  }
  .social-sharing>h3 {
    display : inline-block;
    font-size : 18px;
    margin : 0;
    padding : 20px 10px
  }
  .sharing-icon {
    display : inline-block;
    float : right;
    padding : 13px 10px
  }
  .sharing-icon a {
    border : 1px solid #444;
    color : #444;
    display : block;
    float : left;
    font-size : 18px;
    height : 34px;
    line-height : 30px;
    margin-left : 10px;
    text-align : center;
    width : 34px
  }
    .sharing-icon a : hover {
    color : #3ec1d5;
    border : 1px solid #3ec1d5
  }
  .single-blog .author-avatar {
    float : left;
    margin-right : 10px
  }
  .single-blog .author-description h2 {
    font-size : 18px;
    margin : 0;
    padding : 0 0 5px
  }
  .author-info {
    float : left;
    padding : 15px;
    width : 100%
  }
  .single-post-comments {
    margin-bottom : 60px;
    max-width : 650px
  }
  .comments-heading h3, h3.comment-reply-title {
    border-bottom : 1px solid #e8e8e9;
    color : #444;
    font-size : 18px;
    margin : 0 0 20px;
    padding : 0 0 5px;
    text-transform : uppercase
  }
  .comments-list-img {
    float : left;
    margin-right : 15px
  }
  .comments-content-wrap {
    color : #42414f;
    font-size : 12px;
    line-height : 1;
    margin : 0 0 15px 80px;
    padding : 10px;
    position : relative
  }
  .author-avatar {
    display : inline-block;
    float : left;
    width : 10%
  }
  .author-description h2 {
    color : #777;
    font-size : 20px;
    text-transform : uppercase
  }
  .author-description h2 a, .comments-content-wrap span a {
    color : #000
  }
  .comments-content-wrap span b, span.post-time {
    margin-right : 5px
  }
  .comments-content-wrap p {
    color : #909295;
    line-height : 18px;
    margin-bottom : 5px;
    margin-top : 15px
  }
  li.threaded-comments {
    margin-left : 50px
  }
  .comment-respond {
    margin-top : 60px
  }
  span.email-notes {
    color : #42414f;
    display : block;
    font-size : 12px;
    margin-bottom : 10px
  }
  .comment-respond input[type=email], .comment-respond input[type=text] {
    border : 1px solid #e5e5e5;
    border-radius : 0;
    height : 32px;
    margin-bottom : 15px;
    padding : 0 0 0 10px;
    width : 100%
  }
  .comment-respond textarea#message-box {
    border : 1px solid #e5e5e5;
    border-radius : 0;
    max-width : 100%;
    padding : 10px;
    height : 130px;
    width : 100%
  }
  .comment-respond input[type=submit] {
    background : rgba(0, 0,0, 0);
    border : 1px solid #3ec1d5;
    border-radius : 20px;
    box-shadow : none;
    color : #444;
    display : inline-block;
    font-size : 12px;
    font-weight : 700;
    height : 40px;
    line-height : 14px;
    margin-top : 20px;
    padding : 10px 15px;
    text-shadow : none;
    text-transform : uppercase;
    transition : .3s;
    white-space : nowrap
  }
    .comment-respond input[type=submit] :hover {
    border : 1px solid #3ec1d5;
    color : #fff;
    background : #3ec1d5
  }
  .single-blog .blog-pagination {
    border-top : 1px solid #e5e5e5;
    margin : 0;
    padding-top : 30px
  }
  .btn-donate {
    color : #fff;
    background-color : #333;
    border-color : #333;
    padding : 10px 0;
    font-size : 22px;
    font-weight : 500
  }
  .btn-donate:hover {
    background-color: #000;
  }
  
  .btn-primary {
    color : #fff;
    background-color : #333;
    border-color : #333
  }
    .btn-primary.active, .btn-primary:focus, .btn-primaryhover {
    color : #fff;
    background-color : #2a221e;
    border-color : #2a221e
  }
  .layer-1-3 a.ready-btn {
    color : #fff;
    background : #fd7c2b;
    border : 1px solid #fd7c2b!important;
    text-decoration : none
  }
  .btn-mobile {
    margin : 20px 0;
    display : none
  }
    .slick-dots li.slick-active button :before {
    opacity : .75;
    color : #fff!important
  }
  .arrow_prev {
    left : 50px;
    z-index : 999
  }
  .arrow_next {
    right : 50px;
    z-index : 9999
  }
    @media (max-width : 820px) {
    .new-block-custom a.btn-primary{padding : 6px 11px
  }
    }@media (max-width : 768px) {
    .black-bg-text h3{font-size : 19px;
    line-height : 30px
  }
  .footer-head .donationbank h5 {
    padding : 10px 19px 10px 53px;
    font-size : 13px
  }
  .btn-mobile, .slider-area-mobile {
    display : block
  }
  .slider-area {
    margin-top : 20px;
    display : none
  }
  }.video-responsive {
    overflow : hidden;
    padding-bottom : 56.25%;
    position : relative;
    height : 0
  }
  .video-responsive iframe {
    left : 0;
    top : 0;
    height : 100%;
    width : 100%;
    position : absolute
  }
    @media (max-width : 1279px) {
    .differentslider-row .slick-next{right : 0
  }
  .differentslider-row .slick-prev {
    left : -10px;
    z-index : 5
  }
    }@media (max-width : 767px) {
    .csr{text-align : center;
    font-size : 16px;
  }
  /* For screens up to 480px (large phones) */
  @media (max-width: 480px) {
    .csr {
      font-size: 15px;
    }
  }

  /* For screens up to 360px (small phones) */
  @media (max-width: 360px) {
    .csr {
      font-size: 14px;
    }
  }

  /* For screens up to 350px (very small phones) */
  @media (max-width: 350px) {
    .csr {
      font-size: 13px;
    }
  }
  .yellow-bg-text {
    margin-top : -35px
  }
  .desktopslider {
    display : none!important
  }
  .mobileslider {
    display : block!important
  }
  .new-block-custom h3.sec-head span {
    font-size : 23px;
    margin : 10px 0
  }
  .sec-head {
    margin : auto
  }
  h3.sec-head {
    width : max-content
  }
  .qrcode {
    padding : 10px 0 0
  }
  .neft-link {
    position : fixed;
    background : #fd854a;
    color : #fff;
    padding : 6px 12px 9px;
    font-size : 16px;
    border-radius : 30px;
    right : 15px;
    bottom : 15px;
    transition : background .5s
  }
  .yellow-bg-text h3 {
    font-size : 15px;
    line-height : 20px
  }
  .yellow-bg-text {
    padding-top : 41px;
    padding-bottom : 5px
  }
  .btn-donate {
    margin-left: 85px;
    font-size : 15px
  }
  .donatefooter h5 {
    padding : 7px 11px 7px 29px;
    font-size : 14px
  }
  .footer-head .donationbank h5 {
    padding : 10px 19px 10px 28px;
    font-size : 14px
  }
  .navbar-right {
    float : right!important;
    margin-right : 0;
    background-color : #333;
    padding : 5px 9px;
    margin-top : -44px;
    color : #fff;
    border-radius : 5px
  }
  .btn-group-sm>.btn, .btn-sm {
    padding : 5px 7px;
    font-size : 11px;
    line-height : 1.5;
    border-radius : 3px
  }
  #contribute table h3, .sec-head {
    padding : 0
  }
  .sec-head {
    font-size : 15px;
    line-height : normal
  }
  .yellow-border {
    border-right : 0px solid #000!important
  }
  .donate-feed-text h3 {
    padding : 20px 0 30px
  }
  }

.gallery-section {
    padding: 50px 20px;
    background-color: #f9f9f9;
    text-align: center;
  }
  
  .gallery-section h2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333;
  }
  
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); /* Slightly bigger */
    gap: 25px;
    max-width: 1100px; /* Optional: slightly increase max width */
    margin: auto;
  }
  
  .gallery img {
    width: 100%;
    height: 220px; /* Fixed height for uniformity */
    object-fit: cover; /* Ensures image fills the space nicely */
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
  }
  
  .gallery img:hover {
    transform: scale(1.05);
  }
     .amount-input {
    width: 100px;
    padding: 6px 8px;
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 6px;
    text-align: center;
    outline: none;
    transition: border-color 0.3s ease;
}

.amount-input:focus {
    border-color: #8BC34A; /* Light green theme */
}

  /* Responsive adjustments */

/* For tablets and medium screens */
@media (max-width: 768px) {
  .amount-input {
      width: 100px;
      font-size: 15px;
  }
}

/* For mobile screens 480px */
@media (max-width: 480px) {
  .amount-input {
      width: 90px;
      font-size: 14px;
      padding: 5px 7px;
  }
}
/* Responsive adjustments */

/* For tablets and medium screens */
@media (max-width: 768px) {
  .amount-input {
      width: 100px;
      font-size: 15px;
  }
}

/* For mobile screens 480px */
@media (max-width: 480px) {
  .amount-input {
      width: 90px;
      font-size: 14px;
      padding: 5px 7px;
  }
}
/* For ultra-small screens 350px */
@media (max-width: 350px) {
  .amount-input {
      width: 75px;
      font-size: 12.5px;
      padding: 4px 5px;
  }
}

/* For very small devices 360px */
@media (max-width: 360px) {
  .amount-input {
      width: 80px;
      font-size: 13px;
      padding: 4px 6px;
  }
}
/* 375px */
@media (max-width: 375px) {
  .amount-input {
      width: 82px;
      font-size: 13.2px;
      padding: 5px 5px;
  }
}
/* Small screens: 380px */
@media (max-width: 380px) {
  .amount-input {
      width: 85px;
      font-size: 13.5px;
      padding: 5px 6px;
  }
}