body {
    color:#363535;
    font-size:20px;
    line-height:34px;
    -webkit-font-smoothing:antialiased;
  }
  a{outline:none !important}
  p{margin-bottom:20px}
  h1, .h1{text-align:center; font-size:48px}
  h1, h2, h3{text-rendering:optimizeLegibility}
  h1 span{color:#f47321}
  h3{color:#f47321}
  .title{border-top:4px solid #f47321; margin:10px 0 18px; width:40px}
  a, p a{color:#f47321}
  a:hover, a:focus, a:visited, a:active{color:#f47321}
  table{width:100%; margin-top:20px}
      td{padding:6px 10px}
      th{padding:12px 10px; background-color:#2C2B2B; color:#fff}
  .fright{float:right}
  .fleft{float:left}
  .bg-white{background-color:#fff !important}
  .bg-grey{background-color:#f5f5f5 !important}
  .rtl{direction:rtl}
  .ltr{direction:ltr}
  .no-display{display:none}
  .center{text-align:center !important}
  .goo-map{max-width:100%; margin-top:10px}
  .yt-video{max-width:100%}
  .featured-dark{background-color:#393737; text-align:center}
      .featured-dark h1{color:#f5f5f5; font-size:65px; margin-top:65px}
      .featured-dark p{color:#fff; font-size:32px; margin-bottom:75px}
  .efsa-logo img{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
  .video-div{background-color:#232323 !important}
      .video-div h1{color:#f5f5f5 !important; text-align:left; line-height:60px}
      .video-div p{font-size:24px}
      .rent .numbers>.col-lg-6:nth-child(4){clear:both !important}
  .clear, hr{clear:both}
  .padding{padding:50px 0}
      
  /*.finance h1 span, .finance .title, .finance h2, .finace a{color:#AFC401; border-color:#AFC401}
      .finance .home_section .col-lg-5{background-color:rgba(175, 196, 1, .8)}
  .development h1 span, .development .title, .development h2, .development a{color:#ECBD00; border-color:#ECBD00}
      .development .home_section .col-lg-5{background-color:rgba(236, 189, 0, .8)}
  .rent h1 span, .rent .title, .rent h2, .rent a{color:#52275E; border-color:#52275E}
      .rent .home_section .col-lg-5{background-color:rgba(82, 39, 94, .8)}*/
  
  .numbers h2{
      font-size:32px;
      background:white;
      width:50px;
      height:50px;
      border-radius:50%;
      padding:10px 5px;
      text-align:center;
  }
  .goals-list li{margin-bottom:20px; /*list-style-type:decimal;*/ font-size:24px}
      .bg-ministry .goals-list{margin-bottom:40px}
  .goals-list li:before{content:"\f00c"; font:normal normal normal 26px/1 FontAwesome; color:#22a99b; position:absolute; left:20px}
  .home-categories .goals-list li:before{color:#f47321}
  
  /* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */
  .lan_shwitch {
      position: fixed;
      background: #f47321;
      top: 50%;
      right: 0%;
      width: 50px;
      height: 50px;
      z-index: 99999;
      line-height: 50px;
      font-size: 22px;
      font-weight: bold;
      text-align: center;
  }
  
  .lan_shwitch span {
      text-align: center;
      color: #fff;
  }
  /*#navbar{margin:22px 0 0}*/
  .navbar-nav{padding:0}
  .navbar {
      min-height:50px;
      margin-bottom:0px;
      border:none;
  }
  .navbar-brand{
      text-indent:-5000px;
      width:230px;
      height:100px;
      margin:0 0;
      background:url("../images/logo.png") center no-repeat;
      background-size:auto 100%;
  }
  .navbar-wrapper {
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
  }
  .navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar .container {
    width: auto;
  }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none}
  .navbar-inverse {
      background-color:transparent;
      border:none;
  }
  .navbar-toggle{background-color:#000; border:none}
  .navbar-inverse .navbar-nav>li>a{
      color:#232323;
      /*border-top:5px solid #ffffff;*/
      font-size:19px; /*22px*/
      padding-top:39px;
      padding-bottom:39px;
  }
      .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color:#22a99b}
      .nav>li>a:focus, .nav>li>a:hover{background-color:transparent; border-color:#f47321}
      .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
      .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color:#3D3A3A}
      .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color:#010101; /*border-color:#eb1d24*/}
      .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{/*background-color:#eb1d24*/}
      .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color:#f47321}
      .dropdown-menu{font-size:18px}
      .nav>li>a{padding:20px 10px;}
  
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  .na {
      width:60%;
  }
  .na_font {
      font-size:18px !important;
  }
  .carousel{height:700px}
  .carousel-caption {
    z-index: 10;
    color:#363535;
    text-shadow:none;
  }
      .carousel-caption h1{color:#ffffff; text-align:left; text-shadow: 2px 2px 5px #000}
      .carousel-caption .btn, a.btn-primary{color:#ffffff}
  .carousel .item{height:700px}
  .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
  }
      .carousel-inner > .item > img{height:100%; width:auto; max-width:none}
  .carousel-indicators{left:0;}
  .carousel-indicators li, .carousel-indicators .active{width:18px; height:18px; margin:0; border:none}
      .carousel-indicators li{background-color:#ffffff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
      .carousel-indicators .active{background-color:#f47321}
      .carousel.small-slider, .carousel.small-slider .item{height:auto !important}
          .carousel.small-slider img{}
      .pager li>a, .pager li>span{border-radius:3px}
  
  
  .page-cover{display:block; width:100%; background-color:#53575a /*#ea151e #272626*/} /*#f5f5f5*/
      .page-cover h1{text-align:left; margin-right:5%; color:#ffffff}
      .page-cover img{max-width:100%}
      .company-one .col-lg-12, .company-two .col-lg-12, .company-three .col-lg-12, .request-header .col-lg-12, .sell-header .col-lg-12, .jobs-header .col-lg-12, .contact-header .col-lg-12, .about-header .col-lg-12{border-radius:0; background-repeat:no-repeat; background-position:center top}
          .company-one .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_one.jpg")}
          .company-two .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_two.jpg"); background-position:center}
          .company-three .col-lg-12{background-image:url('http://www.aloula-eg.com/wp-content/uploads/2016/09/slide_03.jpg'); background-position:center}
          .request-header .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_request.jpg"); background-position:center}
          .sell-header .col-lg-12{background-image:url('http://www.aloula-eg.com/wp-content/uploads/2016/09/slide_04.jpg'); background-position:center -180px}
          .jobs-header .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_jobs.jpg"); background-position:center}
          .about-header .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_02.jpg")}
          .contact-header .col-lg-12{background-image:url("https://www.hayakarima.com/images/slide_contact.jpg"); background-position:center}
  .form-date{width:auto; display:inline-block}
  .form-half{width:49%; display:inline-block}
  .achievements-page .carousel{margin-top:30px}
  .achievements-page .carousel-indicators{width:98%; bottom:0}
  
      #myCarousel-2 .thumbnails li> .fff .caption { 
          background:#fff !important; 
          padding:10px
      }
      #myCarousel-2 ul.thumbnails { 
          margin-bottom: 0px;
      }
      
      /* Carousel Control */
      .home-achievements .control-box {
          text-align: right;
          width: 100%;
      }
      #myCarousel-2 .carousel-control{
          background: #666;
          border: 0px;
          border-radius: 0px;
          display: inline-block;
          font-size: 34px;
          font-weight: 200;
          line-height: 18px;
          opacity: 0.5;
          padding: 4px 10px 0px;
          position: static;
          height: 30px;
          width: 15px;
      }
  .donation-mob {
      margin: auto;
      display: none;
      width: 50%;
  }
      /* Mobile Only */
      /*@media (max-width: 767px) {
          .home-achievements .control-box {
              text-align: center;
          } 
      }*/
      
          @media (max-width: 900px) {
              
             .donation-mob { display: block; } 
              
          }
      
      @media (max-width: 479px) {
          .caption {
              word-break: break-all;
          }
      }
      li { list-style-type:none;}
      ::selection { background: #ea151e; color: #FFFFFF; text-shadow: 0}
      ::-moz-selection { background: #ea151e; color: #FFFFFF}
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  .marketing{padding-top:50px; padding-bottom:30px; background-color:#f5f5f5}
  .marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
  }
  .marketing h2 {
    font-weight: normal;
  }
      .marketing .col-lg-4 img{border-bottom:8px solid #a4a6a8; margin-bottom:20px; max-width:100%}
      .marketing .col-lg-4 p {
        margin-right: 10px;
        margin-left: 10px;
      }
      ul.pro-list li{
          font-size:24px;
          list-style:square;
      }
  
  .home_section{
      background:url("https://www.hayakarima.com/images/home_slide.jpg") center top no-repeat; background-size:100% auto; width:100%;
  }
      .home_section .col-lg-5{background-color:rgba(235, 29, 36, .8); color:#ffffff; min-height:600px; height:100%; padding:20px 30px;} /* (235, 29, 5) */
      .home_section .col-lg-5 .btn{background-color:#ffffff; color:#2b2e31; font-weight:bold}
  
  .rent .numbers .col-lg-6:third-child{clear:both !important}
  .donation {
     background-color: #f47321;
     color: #fff !important;
     font-weight: bold;
  }
  .donation:hover {
     background-color: #f47321 !important;
     color: #fff !important;
     font-weight: bold;
  }
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {margin:80px 0}
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
  }
  
  .home-news img.fleft{margin:0 20px 20px 0; clear:both; width:96px; height:96px}
  .home-news div.fright{width:77%}
  .home-news h3{margin-top:0}
  /*.home-news h2 a, .home-news h3 a{color:#363535}*/
      .home-news h2 a:hover, .home-news h3 a:hover{text-decoration:none; color:#f47321}
      
  .news-list{margin-top:19px; position:relative} 
      .news-list h2{margin-top:0}
          .news-list h2 a{margin-top:0; /*color:#363535*/}
          .news-list h2 a:hover, .news-list h2 a:focus{text-decoration:none !important; color:#f47321}
      .news-list img.fleft, .news-list a.fleft{margin:0 20px 20px 0; clear:both; width:220px; height:auto; height:143px}
          .news-list a.fleft{position:relative}
          .video-icon{position:absolute; background: url("https://www.hayakarima.com/images/video-icon.png") center no-repeat; width:100%; height:100%; z-index:999}
      .news-list img{
          position: relative;
          display: block;
          min-height: 100%;
          max-width: 100%;
          border:3px solid #fff;
      }
      .news-list img:hover{border:3px solid #121}
      
  .news-title{margin:0 0 10px 0; padding:10px; vertical-align:middle; background-color:#f5f5f5}
      a:hover .news-title{background-color:#121212}
      a:hover .news-title h3{color:#ffffff; text-decoration:none}
      .news-title h3{margin-top:20px; font-size:22px}
      .news-title img.fleft{margin-bottom:0 !important}
  .news a h2{color:#363535}
  
  .img-main{width:100%; height:auto; max-width:100%; margin:10px 0 30px}
  
  .about-page p{margin-bottom:30px; /*line-height:26px*/}
  .achievements-page{}
  blockquote {
      padding: 15px 20px 20px;
      margin: 20px 0 25px;
      font-size: 28px;
      border-left: 5px solid #f47321;
      border-radius: 0 6px 6px 0;
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      line-height: 32px;
      clear: both;
      /*background-color: #f5f5f5;*/
  }
  .side-menu{
      /*background-color:#f01616;*/
      padding:20px 0;
      border-radius:4px;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
  }
  .side-menu ul{list-style:none; display:block; padding:10px 40px}
  .side-menu li{margin:0; border-bottom:#d8d8d8 solid 1px}
  .side-menu li a{
      color:#151515;
      display:block;
      padding:6px 10px;
  }
      .side-menu li a:hover, .side-menu li a:focus, .side-menu li.active a{background-color:#fff; color:#f47321; text-decoration:none}
      
  .jobs h2, .jobs h3{}
  .jobs a.button{position:absolute; top:0; right:0}
  .jobs p.send{text-align:right !important; float:right !important; margin-top:11px}
  .one_element{position:relative}
  
  .btn{
      border:none;
      border-radius:4px;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
  }
  .btn-primary{
      margin:10px 0;
      background-color: transparent;
      border:#fff solid 2px;
      border-radius:6px;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
  }
      .btn-primary.hover,.btn-primary:hover,
      .btn-primary.focus,.btn-primary:focus,
      .btn-primary.active,.btn-primary:active,
      .open>.dropdown-toggle.btn-primary{background-color:#ffffff !important; color:#111111 !important; border-color:#ffffff !important}
          
  .btn-group-lg>.btn, .btn-lg{padding:12px 30px; background-color:#f47321; color:#ffffff !important; font-size:22px}
  .btn-xlg{padding:10px 30px; font-size:24px; margin:10px auto}
  
  
  
  .newsletter{background-color:#f47321; color:#ffffff; padding:50px 0}
      .newsletter img{padding-left:14px}
      .newsletter input[type=text]{background-color:#f2d2d2; color:#667175; padding:15px; width:66%}
          #sm_form > input[type="text"], #sm_form > input[type="email"]{background-color:#f2d2d2 !important; color:#667175 !important; padding:15px !important; width:66% !important; height:inherit !important; margin:0 !important; margin-bottom:10px !important; font-family:inherit !important}
      .newsletter input[type=button], .newsletter #sm_form > input[type="submit"], .newsletter #sm_form > input[type="button"]{background-color:#9F0A10; color:#ffffff; padding:16px 22px}
          .newsletter #sm_form > input[type="submit"], .newsletter #sm_form > input[type="button"]{background-color:#9F0A10 !important; color:#ffffff !important; padding:16px 22px !important; font-family:inherit !important}
          .newsletter br{display:none}
  .img-news{float:right; margin:-40px 0 20px 25px; display:inline-block; width:250px; height:auto}
  .gallery{margin:3% 0; clear:both}
  .gallery img{height:auto; display:inline-block; float:left; margin:6% 1%}
  .gallery img{/*height:130px*/ max-width:100%}
  
  
  
  footer{background-color:#53575a; color:#f5f5f5; margin:0px 0 0; padding:40px 0 40px; font-family:'font', Tahoma, Verdana, Geneva, sans-serif; font-size:16px}
      footer ul{list-style:none}
      footer li{padding:5px 10px; font-size:19px; display:block;}
      footer a{color:#ffffff !important}
      footer img{max-width:100%; height:auto}
      
  .margin-top-small{margin-top:10px}
  .margin-top-medium{margin-top:25px}
  .margin-top-large{margin-top:50px}
  .margin-bottom-small{margin-bottom:10px}
  .margin-bottom-medium{margin-bottom:25px}
  .margin-bottom-large{margin-bottom:50px}
  .margin-left-right-small{margin-left:10px; margin-right:10px}
  
  p.note{font-size:12px; margin-top:0}
  input, textarea{border:none !important; padding:10px 14px}
  .form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom:10px}
  input[type="email"], input[type="password"], input[type="text"], input[type="file"], input[type="date"], textarea{margin-bottom:10px}
  input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control, textarea{line-height:20px}
      input[type=radio]{margin:5px 0 5px 20px}
  .form-control{font-size:18px; background-color:#f8f8f8; 
      /* padding:20px 18px */
  }
  .selectpicker{width:100%; padding:8px 12px; margin-bottom:10px}
  .fileUpload {
      position: relative;
      overflow: hidden;
      margin: 10px 0;
      padding:12px 18px;
      background:#333132 !important;
  }
  .fileUpload input.upload {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
  }
      .marketing .fileUpload span{
          color:#ffffff;
          font-size:18px;
          font-weight:normal;
          padding:0 8px;
      }
  .uploaded-img{float:right; width:auto; height:100px; max-width:70%}
  .validation-success{display:none; color:#fff}
  iframe{max-width:100%}
  
  .grid figure h2{word-spacing:0}
  figure.effect-honey h2{font-size:22px; line-height:26px}
  .social .fa{font-size:32px; margin:0 4px}
  .page-header{border-bottom:1px solid #505050}
  
  <!-- PARALLAX -->
  .bg-projects{
      background:url("../images/bg-projects.jpg") no-repeat;
  }
  .bg-ministry{
      background:url("../images/bg-ministry-02.jpg") no-repeat;
      color:#fff;
      padding-top:90px;
  }
  .bg-projects{
      background:url("../images/bg-projects.jpg") no-repeat;
  }
  .bg-numbers{background:url("../images/bg-numbers.jpg") no-repeat;}
      .bg-numbers i.fa{font-size:48px; color:#22a99b}
      .bg-numbers h1.counter-value{color:#c7ad5c; font-size:35px; color:#de0009; color:#ffffff}
      .bg-numbers .counter-text{font-weight:bold; color:#cacaca}
  .bg-projects, .bg-ministry, .bg-numbers{
      background-attachment:fixed;
      height:100vh;
      background-size:100% auto;
  }
  .emphasis-title h1{font-size:80px; text-align:left}
  p.lead{font-size:26px}
  <!-- ./PARALLAX -->
  
  a{}
  
  html, body {
  /*  padding: 0;
    margin: 0;*/
    height: 100%;
  }
  html {
    /*font: 1em/1.5 "Lato", sans-serif;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
  }
  header {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: url("../images/bg-home.jpg") center no-repeat;
    background-size:cover;
    background-position:center 0;
  }
  header .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  header h1, header h2 {
    margin: 0;
  }
  header h2 {
    text-transform: uppercase;
    margin-top: -.5em;
  }
  header hgroup {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    border: 5px solid #fff;
    padding: .5em 3em;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
  }
  header .overlay {
    position: absolute;
    top: 70px;
      top:180px;
    right: 0;
    left: 0;
    bottom: 0;
    background:#333 center no-repeat;
    background-size: cover;
    z-index: 0;
    opacity: 0;  -webkit-filter: blur(4px);
  }
  img{
    margin-right:20px
  }
  .site {
    text-align: center;
    background-color: #f5f5f5;
    font-size: 1em;
    color: #444;
    position:relative
  }
  .site.pad{padding:1em 0}
  .site a {
    color: #666;
    text-decoration: none;
  }
  .site a:hover {
    color: #222;
  }
  .site nav{
    position:absolute;
    top:-100px;
    left:0;
    background:#fff;
    width:100%;
    height:100px;
    border-bottom: 2px solid #e8e8e8;
  }
  .site nav a{
    font-size:1.3em;
    display:inline-block
  }
   
  .fixed-nav{width:100%; background:white; display:block; height:60px}
      .fixed-nav .navbar-wrapper{position:fixed; height:60px; background:white; border-bottom:2px solid #e8e8e8}
      header nav.fixed{position:fixed; top:0; height:60px; width:1170px}
  .fixed .navbar-brand{height:60px}
  .fixed .navbar-nav>li>a{padding-top:19px; font-size:16px;}
  .fixed .navbar-nav>li>a{padding-bottom:19px}
      /* DARK */
      .site nav.dark{background:#ea151e; border:none}
      .site nav.dark a{color:#ffffff}
      .site nav.dark .navbar-brand{background:url("../images/logo-dark.png") center no-repeat; height:100px;}
  
  .panel-title{font-size:30px}
  h2.panel-title a:hover, h2.panel-title a:focus, h2.panel-title a:visited, h2.panel-title a:active{text-decoration:none; outline:none}
  .panel-body p, .panel-body{font-size:20px}
  .panel-heading {
      border-bottom: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .panel-default>.panel-heading {
      color: inherit;
      background-color:#fff;
      border:none;
  }
  .panel {
      border:none;
      border-bottom: 1px solid #d8d8d8;
      border-radius: 0;
      -webkit-box-shadow:none;
      box-shadow:none;
  }
  .panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}
  .pdf-viewer{max-width:100%}
  .contact .fa{padding:0 8px 0 0}
  .counter-text{font-size:1.5em}
  .gallery-page{}
  .sponsers img {
      width: 90%;
      margin:0 auto 15px;
      display: block;
  }
  iframe{max-width:100%}
  .embed-responsive iframe{max-width:100%}
      .embed-responsive {
          position: relative;
          display: block;
          height: 0;
          padding: 0;
          overflow: hidden;
      }
      .embed-responsive-padding {
          padding-bottom: 56.25%;
          z-index: 999;
      }
      .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          height: 100%;
          width: 100%;
          border: 0;
      }
  .bg-ministry.about-page{
      height: 56vh;
      background-image: url("http://admin.humanfraternity-eg.com/volunteers/images/home-slide-2.jpg");
      padding-top: 50px;
      background-position: center 60px;
  }
  .navbar-inverse .navbar-toggle{border-color: #0aab9c; background-color:#0aab9c}
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#686d6b}
  .site .navbar>.container .navbar-brand, .site .navbar>.container-fluid .navbar-brand{display:none}
  
  #accordion ul li{list-style:disc}
  #accordion ul li li{list-style:disc}
  #accordion li{margin-bottom:12px; font-size:20px}
  #accordion li li{margin-bottom:6px; font-size:18px}
  #accordion ul ul, #accordion ol ol{margin-top:8px}
  
  a, .news-title, .news-list img, nav{
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  @media (min-width: 1200px) {
      .grid figure img{width:365px; height:233px}
      #myCarousel-2 .item .thumbnails img{width:537px; height:338px}
      .gallery-page .news-gallery{width:340px; height:227px}
      .slide-text{margin-top:16%}
      .slide-text h1{color:#323232}
      .slide-video{margin-top:4%}
  }
  @media (max-width: 1366px) {
      .home_section .col-lg-5{min-height:575px}
      .carousel, .carousel .item{height:610px}
      .achievements-page .carousel, .achievements-page .carousel .item{height:400px}
  }
  @media (max-width: 1280px) {
      .home_section .col-lg-5{min-height:inherit}
      .carousel, .carousel .item{height:556px}
      .achievements-page .carousel, .achievements-page .carousel .item{height:392px}
      /*.news h2, .news h3, .news span, p{width:70%; float:left}*/
      .img-news{margin-top:0}
  }
  @media (max-width: 1200px) {
      a:hover h3{text-decoration:none !important; color:#fff !important}
  }
  @media (max-width: 1199px) {
      .navbar-brand{text-indent:-5000px; width:160px}
      .nav>li>a{padding:32px 10px}
      .navbar-inverse .navbar-nav>li>a {font-size:20px}
      .slide-text{margin-top:1%}
      .slide-video{text-align:center}
          .slide-video iframe{background-color:#fff; padding:6px; margin-top:50px; /*box-shadow:1px 2px 20px #2d2d2d;*/}
      .emphasis-title h1{font-size:66px; line-height:70px;}
      p.lead{font-size:24px}
  }
  @media (min-width: 992px) and (max-width: 1199px){
      #myCarousel-2 .item .thumbnails img{width:435px; height:274px}
      .gallery-page .news-gallery{width:273px; height:182px}
  }
  @media (min-width: 768px) and (max-width: 991px){
      #myCarousel-2 .item .thumbnails img{width:325px; height:205px}
      .gallery-page .news-gallery{width:200px; height:133px}
  }
  @media (min-width: 641px) and (max-width: 767px){
      .grid figure img{}
  }
  @media (max-width: 1199px) {
      .grid figure img{width:301px; height:192px}
      #myCarousel-2 .carousel-inner{width:95%}
  }
  @media (max-width: 1024px) {
      .carousel, .carousel .item{height:456px}
      .achievements-page .carousel, .achievements-page .carousel .item{height:370px}
      .home_section{background-size:auto 100%}
          .home_section .col-lg-5{width:50%}
          .home_section .featurette-heading{margin-top:8px}
          .home_section .lead{font-size:22px}
          .yt-video{height:400px}
  }
  @media (max-width: 992px) {
      .navbar-brand{width:130px}
      .nav>li:first-child{display:none}
      .nav>li>a{padding:32px 10px}
      .navbar-inverse .navbar-nav>li>a {font-size:18px}
  }
  @media (max-width: 991px) {
      .navbar-nav{padding:0}
      #navbar{float:none !important}
      .nav>li>a{padding:14px 10px}
      .news-title{min-height:116px}
      .btn-lg{margin-top:25px}
      .home-achievements .col-md-6{/*margin-top:30px;*/ display:inline-block}
      iframe{width:100%; height:400px}
      .grid figure img{width:353px; height:225px}
      .bg-projects, .bg-ministry{background-image:none}
          .bg-ministry{background-color:#5f5f5f}
      .home-goals .col-md-6.margin-top-large .emphasis-title{margin-top:20px; display:inline-block}
  }
  @media (max-width: 800px) {
      .grid figure img{width:336px; height:215px}
  }
  @media (max-width: 768px) {
      .carousel, .carousel .item{height:336px}
      .achievements-page .carousel, .achievements-page .carousel .item{height:430px}
          .carousel-indicators{display:none}
          .carousel-caption{margin-bottom:0}
          .carousel-caption h1{font-size:30px}
      .carousel-inner > .item > img{height:auto; width:100%; max-width:100%}	
      .home_section .col-lg-5{width:60%;padding:0px 30px; background-color:rgba(235, 29, 5, .8)}
      .newsletter .col-md-6{text-align:center; padding-top:20px}
      .gallery img{
          /*height: 130px;
          width: 25%;*/
          margin: auto;
          padding: 1%;
      }
  } 
  @media (max-width: 767px) {
      .bg-ministry.about-page {
      height: 15vh;
      background-image: url("http://admin.humanfraternity-eg.com/volunteers/images/home-slide-2.jpg");
      /*padding-top: 50px;*/
      /*background-position: center 130px !important;*/
      background-size: contain !important;
  }
      .carousel-caption{right:6%}
      .carousel-caption{width:60%; text-align:left}
      .carousel-caption h1{font-size:42px; line-height:52px}
      .navbar-inverse .navbar-nav>li>a{border:none}
          .nav>li>a{padding:12px 12px}
          .pull-left{float:none!important}
      .home_section .col-lg-5 p.lead{font-size:20px}
      .home-news .col-lg-6 .col-lg-12{padding-left:0; padding-right:0; display:inline-block}
          .home-news .col-lg-6 .col-lg-12:nth-child(1){margin-top:30px}
          .home-news .btn-lg{margin-top:25px}
      .news-title{height:116px}
          a:hover .news-title h3{text-decoration:none !important}
      .form-half{width:100%}
      p.social{clear:both; margin-top:20px; display:inline-block}
      footer .col-md-4{clear:both}
      footer .col-md-4 p{text-align:center}
      footer p.social{width:100%}
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#333}
      .navbar-inverse .navbar-nav>li>a{padding-top:8px !important; padding-bottom:8px !important}
      #navbar{background-color:#ffffff}
      .nav>li{border-bottom: solid 1px #e4e4e4}
      .nav>li:last-child{border-bottom:none}
      .nav>li>a{width:100%}
      .site{height:auto !important}
      .emphasis-title h1{font-size:48px; line-height:54px;}
      p.lead{font-size:20px}
      .bg-projects, .bg-ministry, .bg-numbers{height:auto}
          .bg-numbers{background-size:cover}
              .bg-numbers .counter-value h1{margin:1% 0}
              .bg-numbers .counter-text{font-size:22px}
          .bg-projects, .bg-ministry{padding:20px 0}
              .bg-projects{background-color:#f5f5f5}
      .ministries .col-xs-12{text-align:center; border-bottom:solid 2px #cccccc; padding-bottom:16px; padding-top:16px}
          .ministries .col-xs-12 h2{margin-top:6px; margin-bottom:10px}
          .ministries .col-xs-12 span a{}
          header{background-position: 0 0;}
          .nav>li:first-child{display:block}
          .sponsers img {
              width: 100%;
              max-width: 85%;
              margin: 0 auto 20px;
              display: block;
          }
      .bg-numbers h1.counter-value{font-size: 35px}
      .bg-ministry.about-page, .bg-ministry.goals-page{background-position:0 66px; background-size:cover}
  }
  @media (max-width: 640px) {
      .carousel, .carousel .item{height:280px}
      .achievements-page .carousel, .achievements-page .carousel .item{height:316px}
      .carousel-caption h1{font-size:36px; line-height:40px}
      .home_section .col-lg-5{width:80%; background-color:rgba(0,0,0,.3)}
      .footer-top a{margin:0 10px}
      .yt-video, iframe{height:320px}
      .grid figure img{width:100%; height:auto}
  }
  @media (max-width: 600px) {
      .img-news{float:none; display:block; margin:0 auto 10px; width:90%; height:auto}
      .gallery img{
          /*height: 130px;
          width: 50%;*/
          margin: auto;
          padding: 1%;
      }
  }
  @media (max-width: 550px) {
      .carousel-caption{display:none}
      .news-list img.fleft, .news-list a.fleft{width:150px; height:auto}
          .news-list h2{font-size:24px}
          .news-list p{font-size:16px}
  }
  @media (max-width: 500px) {
      header{
          background-position: 0 0;
          background-size: 100% auto;
          max-height: 320px;
      }
      .navbar-wrapper .navbar {
          /*top: -58px !important;
          height: 58px !important;
          top: 0px !important;
          position:fixed !important;
      }*/
  }
  @media (max-width: 480px) {
      .carousel, .carousel .item{height:208px}
      .achievements-page .carousel, .achievements-page .carousel .item{}
      .yt-video{height:280px}
  }
  @media (max-width: 479px) {
      .carousel, .carousel .item{height:180px}
      .achievements-page .carousel, .achievements-page .carousel .item{}
      .home_section .col-lg-5{width:90%}
      .home-news img.fleft{width:76px; height:76px}
      .home-news div.fright{width:74%}
      .home-news h3{font-size:22px}
      .news-list img.fleft, .news-list a.fleft{width:150px; height:auto}
      .news-title{height:auto; min-height:96px}
          .news-title h3{margin-top:12px}
      .yt-video, iframe{height:230px}
      .video-div h1{font-size:42px}
      .bg-numbers h1.counter-value{font-size: 1em}
  }
  }
  @media (max-width: 450px) {
      .news-list img.fleft, .news-list a.fleft{width:100%; float:none}
  }
  @media (max-width: 420px) {
      header{max-height:290px}
      h1, .h1{
          font-size: 1.0em;  
          margin-top: 3em;
      }
  }
  @media (max-width: 365px) {
      .bg-numbers h1.counter-value{font-size: 1em}
      header{max-height:260px}
  }
  @media (max-width: 320px) {
      .news-title h3{font-size:18px}
      .home-news h3{font-size:20px}
      .home-news p{font-size:16px}
      .video-div h1{font-size:36px; line-height:44px}
      header{max-height:240px}
  }
  @media (min-width: 768px) {
    .navbar-wrapper .container {
      padding-right: 15px;
      padding-left: 15px;
    }
    .navbar-wrapper .navbar {
      padding-right: 0;
      padding-left: 0;
    }
    .carousel-caption {
      right:inherit;
      left:0;
      padding:10px 25px;
      width:40%;
      text-align:left;
    }
    .carousel-caption h1{font-size:50px}
    .carousel-caption p {
      margin-bottom: 20px;
      font-size: 21px;
      line-height: 1.4;
    }
    .featurette-heading{font-size:50px}
  }
  
  @media (min-width: 992px) {
    .featurette-heading{margin-top:120px}
    .featurette{padding:50px 0}
    .carousel-caption{margin-bottom:40px}
  }
  @media (min-width: 1025px) {
      .home_section .featurette-heading{margin-top:50px}
      .yt-video{width:90%}
  }
  @media (min-width: 1366px) {
      .news h2, .news h3, .news span, .news p{width:74%; float:left}
      .img-news{margin-top:0}
  }