*{outline:none !important; box-sizing:border-box;}
ul, ol {padding:0px; margin:0px;}
ul li, ol li {list-style-type: none; margin:0; padding:0;}
/*p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;}*/
a,a:hover,a:focus,a:active {outline: none !important; text-decoration: none;}
body{font-size:14px;}
@media(min-width:1360px){.container{max-width:1164px; margin:auto;}}


/*header start*/
.header {
    padding: 4px 0;
    right: 0;
    background: transparent;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
    top: 0;
}
.header-nav .navbar { display: table; width: 100%; margin-bottom: 0;}
.header-nav .navbar > div { display: table-cell; vertical-align: middle; float: none;}
.header-menu { width: 100%;}
.header-nav .navbar-header { min-width: 200px;}
.mobile-logo{display:none;}
.header-menu-nav .navbar-nav>li>a { color: #fff; padding:0 11px; display: inline-block; font-family: 'Cera Pro';
text-transform: uppercase;  font-size: 12px; font-weight: 500; letter-spacing: 0.5px;}
.header-menu-nav { /*display: table;*/ width: 100%; display: none}
.header-menu-nav .navbar-nav>li { display: inline-block; float: none;}
.header-menu-nav .navbar-nav ,.header-menu-nav .header-btn {display: table-cell;vertical-align: middle; float: none; text-align: center;}
.nav-btn { display: inline-block; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 500;
border: 2px solid #fff; border-radius: 100px; padding: 12px; letter-spacing: 0.5px;line-height: 100%;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.nav-btn:hover,.nav-btn:focus{ color: #fff;}
.nav-btn + .nav-btn { margin-left: 10px;}
.nav-btn.btn-blue{background-color: #14d8cc; border-color: #14d8cc;}
.nav-btn.btn-blue:hover{
  background-color: transparent; border-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.nav-btn.btn-white:hover{
  background-color: #14d8cc; border-color: #14d8cc;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.donation-box {
    background-color: #fff;
    padding:25px 25px;
    border-radius: 8px;
}
/*header end*/

/*Radio button*/
.radio-button-custom input[type=radio] + label{
  width: 50%;
}

.radio-button-custom input[type=radio],.radio-button-custom input[type=checkbox] {
  display:none;
}
.radio-button-custom input[type=radio] + label,
.radio-button-custom input[type=checkbox] + label {
  display:inline-block;
    margin: 0 -5px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
    border: 1px solid #1683d4;
    font-weight: 600;
    position: relative;
}
.radio-button-custom input[type=radio]:first-child + label {
    border-radius: 8px 0px 0px 8px;
}
.radio-button-custom input[type=radio]:not(:first-child) + label {
    border-radius: 0 8px 8px 0;
}
.radio-button-custom input[type=radio]:checked + label, .radio-button-custom input[type=checkbox]:checked + label{
  background-color:#1683d4;
    color: #fff;
    border-radius: 8px;
    z-index: 10;
}
.radio-button-custom {
    margin-top: 2.5em;
}

.radio-button-custom > input:first-child + label {
    margin-left: 0;
    margin-right: -2%;
    width: 52%;
}
/* Below lines Added by Mubeen on 15 Jan 2020*/
@media screen and (min-width: 992px) and (max-width: 1199px)  {
   
.amountlist li 
  {
    width: 29.50% !important;
    padding: 13px 16px !important;;
  }

}

/* Above lines added by Mubeen on 15 Jan 2020*/
.amountlist {
    margin-right: -7px;
}
.amountlist li {
  list-style: none;
  display: inline-block;
  border: 1px solid #1683D4;
  border-radius: 5px;
  padding: 14px 25px;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 5px;
  width: 30.50%;
  color: #1683D4;
  text-align: center;
}
.amountlist li.activeamount { color: #fff;}
.activeamount {background: #1683D4; color: #fff;}
.text-yellow{color: #eca608;}
.donation-content {float: left;  width: 100%;}
.donation-content h5 { font-size: 29px;display: block;line-height: 31px;  margin-bottom: 30px;font-family: 'Montserrat';width:200px;}
.donation-content p {font-size: 15px;font-family: 'Montserrat';}
.donation-content p span{font-size: 15px; font-family: 'Montserrat'}
.donation-content ul{margin: 30px 0px;}
.donation-content ul li::before {
    content: "\25FC";
    color: #eca608;
    display: inline-block;
    width: 28px;
    font-size: 20px;
}

.footer_txt{
    color: #999999;
    font-size: 12px;
    font-weight: 600;
}
h5 span{
    color: #eca608;
}
.donation-content ul li{
    font-size: 16px;font-family: 'Montserrat';
}
.donation-content ul li span{
    font-size: 19px;font-weight: bold;
}
.donation-content p.quran_verse{font-weight: bold;font-style: italic;color: #eca608;}
.donation-content p.quran_verse span{color: #fff;}
.donation-content p.hadith_verse{font-weight: bold;font-style: italic;color: #eca608; font-size: 16px;}
.donation-content p.hadith_verse span{color: #fff;font-size: 16px;}
.currancy-inner span {width: 30px;font-size: 14px;color: #31708e;}
.currancy-text input{width: 30px;}
.pull-right.topright{padding-left: 60px;padding-right: 0px;}
.currancy-icon,.currancy-text {position: absolute;top: 50%;z-index: 111;
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.currancy-icon{left:15px;}
.currancy-text{right:5px;}
.currancy-inner span input{background-color: transparent;   }
.dnt.btn.donate-btn{margin:0 auto 15px 0;}
.mobile-visible{display: none;}
/*range slider*/
.donation-range-block { float: left;width: 100%;padding-top: 45px;}
.range-slider{float: left;width: 100%;}
.range-slider .slider.slider-horizontal {width: 100%;}
.range-slider .slider-selection {background-color: #eca608;background-image: none;border-radius: 100px 0 0 100px;overflow: hidden;}
.range-slider .slider-track {background-image: none;background-color: #e6e6e5;box-shadow: none;}
.range-slider .slider.slider-horizontal .slider-track {height: 22px;border-radius: 100px;}
.range-slider .slider-handle {display: none;}
.range-slider .tooltip-inner {background-color: #eca608;}
.range-slider .tooltip.top .tooltip-arrow {border-top-color: #eca608;}
.range-slider-top {float: left;width: 100%;}
.range-slider-top span {font-size: 17px;font-weight: 500;color: #4c4c4c;}
#menu3{width:110%;}
#menu4{width:90%;}
/*range slider end*/
/*media*/
@media(max-width:991px){
/*header start*/  
.header-nav .navbar-header { min-width: 148px;}
.header-menu-nav .navbar-nav>li>a{padding: 0 3px;font-size: 11px;}
.nav-btn + .nav-btn {margin-left: 5px;}
.nav-btn{padding: 8px;font-size: 11px;}
/*header end*/
.donation-content {text-align: center;margin-bottom:625px;margin-left:0px !important;}
.donation-content-zakat {text-align: center;margin-bottom:880px;margin-left:0px !important;}
.donation-box { margin-top: 20px;}
/*.donation-content p {display: none;}*/
.donation-content span.text-yellow {display: block;font-weight: bold;}
/*
.donation-content.mobile-visible p,.donation-content.mobile-visible{display: block;}
.donation-content.mobile-visible{padding: 20px 0px;}*/
.donation-content h5{width:100%;}
.pull-right.topright{padding: 20px;}
.pull-left.topleft{margin: 34px 0;}
.topbanner{margin-top: 0px;min-height: 1000px !important;}
.donation-content p.empty br{display:none;}
#menu3{width:100%;}
#menu4{width:100%;}
.wrapper{background-size: cover;}
}
@media(max-width:767px){
/*header start*/
.navbar-toggle{margin: 0; padding-right: 0; display: none;}
.navbar-toggle .icon-bar{background-color: #fff;border-radius: 100px;}
.mobile-logo{display:block;}
.header-menu .navbar-collapse {  display: block !important; position: fixed; top: 0; bottom: 0; left: -250px;background-color: #000; width: 250px; z-index: 33; border-right: 1px solid rgba(225, 225, 225, 0.20);
padding-top: 20px;  height: auto !important; overflow-y: auto;
-webkit-transition: all 400ms cubic-bezier(0, 0.34, 0, 1.32);
-o-transition: all 400ms cubic-bezier(0, 0.34, 0, 1.32);
transition: all 400ms cubic-bezier(0, 0.34, 0, 1.32);
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0, 0.91);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0, 0.91);
transition-timing-function: cubic-bezier(0.22, 0.61, 0, 0.91);
}
.header-menu .navbar-collapse.in { left: 0;}
.sidebar-overlay {position: fixed;top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.8);
z-index: 11;
-webkit-filter: blur(1px);
filter: blur(1px);
filter: invert(100%);
-webkit-filter: invert(100%);
-webkit-animation: fadeIn ease 500ms;
animation: fadeIn ease 500ms;
}
.header-nav .navbar > div {display: block;}
.header-menu-nav .navbar-nav>li {display: block;float: none;}
.header-menu-nav .navbar-nav, .header-menu-nav .header-btn {display: block;text-align: left;}
.header-menu-nav .navbar-nav>li>a {padding: 10px 15px;font-size: 11px;border-bottom: 1px solid #191818;display: block;}
.header-menu-nav .navbar-nav>li>a:hover ,.header-menu-nav .navbar-nav>li>a:focus{background-color:#14d8cc; color: #fff; }
.header-menu-nav {display: block;width: 100%;float: left;}
.header-btn {padding: 15px 0;}
/*header end*/
.donation-box{padding: 15px;}
.zakat-input {padding: 0;}
.amountlist li{width: 30.33%;}
.donation-range-block {padding-top: 10px;}
}