@media (max-width: 350px) {
    .boxCardWrap .btn-list-amount label{width: 100%!important;}
    .boxCardWrap .chooseCampaign label{width: 100%!important;}
    .boxCardWrap .selectDtype, .boxCardWrapFooter{flex-direction: column;}
}
@media (max-width: 360px) {
    header .topHeader .topIcons li.cartIco .dropdown-menu{
        min-width: 250px;
    }
    
}

@media (max-width: 767px) {
    #donateStickyInner {
        bottom: 0px !important;
    }

}


@media only screen and (min-width: 576px) and (max-width: 767px) {
    .askBoxSec > .row .col-md-6:first-child {padding-right: calc((100vw - 540px) / 2);}
    .askBoxSec > .row .col-md-6:last-child {padding-left: calc((100vw - 540px) / 2);}
}

@media only screen and (min-width: 1199px) {
 
    .pd-right{padding-right: 90px;}
    .pd-left{padding-left: 90px;}
    .topSec .topImg{min-height: 630px;height: 100%;}

}
@media only screen and (min-width: 300px) and (max-width:1199px){
 
    
    .inner-page-banner{height: 50vh;} 

}
@media only screen and (max-width: 767px) {
	.ramdan-giving-steps{
 margin-bottom:30px !important;
}
				.sadqa-steps{
 margin-bottom:30px !important;
}
	.w-mobile{width:100% !important}
    /* breadcrumb start */
    .crumb-section .breadcrumb strong {
    padding-left: 6px;
    font-size: 13px;
}
.crumb-section .breadcrumb a {
    padding-right: 6px;
    font-size: 13px;
}
.crumb-section .breadcrumb a:not(:first-child) {
    padding-left: 6px;
}
    /* breadcrumb end */
		.Flex-direction{flex-direction:column-reverse;}
    p{font-size: 16px;line-height: 26px;}
    .p-top {padding-top: 64px;}
    .p-bottom {padding-bottom: 64px;}
    .sub-heading{font-size: 32px;}
    .pl-list {padding: 0px 1rem;list-style: disc;}
     .inner-banner-heading{width: 100%;}
    .inner-banner-heading h1{font-size: 40px;}
    .tag{font-size: 18px;}
    .btn-light-green, .btn-transparent{padding: 12px 30px;font-size: 17px;}
    .topHeader .mob-none{display: none;}
    .font-20 {font-size: 18px !important;line-height: 32px !important;}


    header{position: relative;}
    header .nav-link{font-size: 16px;padding-left: 0px !important;}
    header .logo{display: none;}
    header .g-logo{display: block;}
    .page-header .logo img, .page-header.is-sticky .g-logo img{width: 114px;}
    header .topHeader{position: relative;}
    header .topIcons{right: 55px;top: 15px;position: absolute;z-index: 99;}
    header .topHeader .topIcons li.cartIco button, header .topHeader .topIcons li.searchIco{background: #fff!important;}
    header .topHeader .topIcons li.cartIco button{padding: 6px;}
    header .topHeader .topIcons li.cartIco button img, header .topHeader .topIcons li.searchIco a img{filter: brightness(0%);}
    header .topHeader .topIcons li.searchIco a {padding: 8px!important;}
    header .navbar .navbar-toggler{padding-right: 0!important;}
    .navbar-nav > li > .dropdown-menu{padding-top: 0;}
    .navbar-nav > li > .dropdown-menu > li{width: 100%;margin-bottom: 3px;}
    header .megaMenu .menu-item-has-children > a, .page-header.is-sticky .nav-link{font-size: 16px!important;}
    header .canvaInfoIcon a{color: var(--dark-green);}

.boxCardWrap .nav-pills>li>a {min-width: 70px;padding: 16px 5px;font-size: 18px;}
.boxCardWrap .nav-pills{gap: 20px 5px;}
    .heroSlider .slick-next:before, .heroSlider .slick-prev:before {font-size: 24px;}
    .heroSlider .slide img{min-height: 380px;}
    .heroSlider .slick-next {right: 16px;}
    .heroSlider .slick-prev {left: 16px;}

    .topSec .topImg{margin-bottom: 20px;}
    .topSec hr{margin: 4px 0;}
    .topSec .g-box p{font-size: 20px;}
    .form-aqiqah  hr{margin: 15px 0;}

.form-aqiqah .col-sm-4 {margin-bottom: 10px;}
    .askBoxSec .projectSlider{max-width: 100%;}
    .askBoxSec .projectSlider .card .card-body {padding: 24px 20px;}
    .askBoxSec .projectSlider .card img{max-height: 272px;}
    .askBoxSec .projectSlider .slick-prev {left: 0;}
    .askBoxSec .projectSlider .slick-next {right: unset;left: 42px;}
    .askBoxSec .projectSlider .d-flex a{width: 100%;}
    .askBoxSec > .row .col-md-6 {padding-top: 42px;padding-bottom: 84px;}
    .boxCardWrap{padding: 25px;}
    .boxCardWrap .btn-list-amount{padding: 14px;gap: 10px;}
    .boxCardWrap .btn-list-amount label{font-size: 24px;width: 48%;padding: 20px 12px;}
    .boxCardWrap .chooseCampaign label{width: 48%;}

    .shopSec .card img{max-height: 336px;height: 336px;}

    .eventSec, .bottomSec{padding-top: 64px;padding-bottom: 64px;} 

    .bottomBannerSec img{height: 274px;}

    .bottomSec .salahBox{padding: 24px;margin-bottom: 12px;}
    .bottomSec .salahBox ul li a{font-size: 18px;}

    footer {padding-top: 54px;}
    footer .top-ft ul{margin-bottom: 20px;}
    footer .bottom-ft > div{text-align: center!important;}
    footer .bottom-ft p{font-size: 14px;line-height: 24px;}
    footer .ft-bt-logo{margin-top: 10px;}
    footer .bottom-ft {padding-bottom: 62px;}


    .donateSticky{    padding: 6px 0px 20px 0px;}
	.donateSticky .container{max-width: unset;}
    .visible-xs {display: block !important;}
  .donateSticky .container > .row .col-sm-3, .donateSticky .container > .row .col-sm-9, .donateSticky .container > .row .col-sm-2, .donateSticky .container > .row .col-sm-4{width: 100%;}
  .donateSticky .form-control, .donateSticky .form-select{margin-bottom:10px;}
	#donateStickyHome {bottom: -235px;}
	#donateStickyInner {bottom: -182px;}
    .donateSticky h2{margin-bottom: 5px;}
      .donateStickHook  .fa-angle-up{ display: flex;align-items: center;justify-content: center;top: 9%;position: relative;}
	/* APPEAL LANDING PAGE MEDIA QUERY */

.inner-banner{padding-right: 0%;padding-left: 0%;}
.donation-box .sub-heading{font-size: 30px;}
.donate-askbox .sub-heading{font-size: 30px;}
.donation-box form{margin-top:1rem !important}
.donation-box .main-heading{font-size: 30px;}
.donate-askbox .main-heading{font-size: 30px;}
.donation-box .form-check-input + label {font-size: 15px;}
.amount-list label {width: 50%;}
.amount-list {margin-top: 1rem !important;}
.donation-box .btn-light-green {margin-top: 2rem !important;}
/* landing page Gutenberg */
.pagecommentBox {
padding: 19px;}

}
@media only screen and  (max-width: 781px)  { 
    /* volunteer page  */

    .steps-heading {
    font-size: 14px;
        max-width: 21%;
        margin: auto ;
        padding: 22px 16px;
}
/* project slider*/
.project-slider .carousel{
    width: 100%;
}
.project-buttons{
    gap: 20px;
}
.project-slider .btn-donate{
    width: 100%;
}
.project-slider .btn-learn{
    width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px)  { 
		.ramdan-giving-steps{
 margin-bottom:30px !important;
}
			.sadqa-steps{
 margin-bottom:30px !important;
}
    p{font-size: 16px;line-height: 26px;}
    .p-top {padding-top: 64px;}
   .p-bottom {padding-bottom: 64px;}
    .sub-heading{font-size: 30px;}
     .inner-banner-heading{width: 100%;}
     .inner-banner-heading h1{font-size: 50px;}
    .tag{font-size: 18px;}
    .btn-light-green, .btn-transparent{padding: 12px 30px;font-size: 20px;}
    .topHeader .mob-none{display: none;}
    .font-20 {font-size: 18px !important;line-height: 32px !important;}


    header{position: relative;}
    header .nav-link{font-size: 16px;padding-left: 0px !important;}
    header .logo{display: none;}
    header .g-logo{display: block;}
    .page-header .logo img, .page-header.is-sticky .g-logo img{width: 114px;}
    header .topHeader{position: relative;}
    header .topIcons{right: 55px;top: 15px;position: absolute;z-index: 99;}
    header .topHeader .topIcons li.cartIco button, header .topHeader .topIcons li.searchIco{background: #fff!important;}
    header .topHeader .topIcons li.cartIco button{padding: 6px;}
    header .topHeader .topIcons li.cartIco button img, header .topHeader .topIcons li.searchIco a img{filter: brightness(0%);}
    header .topHeader .topIcons li.searchIco a {padding: 8px!important;}
    header .navbar .navbar-toggler{padding-right: 0!important;}
    .navbar-nav > li > .dropdown-menu{padding-top: 0;}
    .navbar-nav > li > .dropdown-menu > li{width: 100%;margin-bottom: 3px;}
    header .megaMenu .menu-item-has-children > a, .page-header.is-sticky .nav-link{font-size: 16px!important;}
    header .canvaInfoIcon a{color: var(--dark-green);}



    .heroSlider .slick-next:before, .heroSlider .slick-prev:before {font-size: 24px;}
    .heroSlider .slide img{min-height: 380px;}
    .heroSlider .slick-next {right: 16px;}
    .heroSlider .slick-prev {left: 16px;}

    .topSec .topImg{margin-bottom: 20px;}
    .topSec hr{margin: 4px 0;}
    .topSec .g-box p{font-size: 20px;}

    .askBoxSec .projectSlider{max-width: 100%;}
    .askBoxSec .projectSlider .card .card-body {padding: 24px 20px;}
    .askBoxSec .projectSlider .card img{max-height: 272px;}
    .askBoxSec .projectSlider .slick-prev {left: 0;}
    .askBoxSec .projectSlider .slick-next {right: unset;left: 42px;}
    .askBoxSec .projectSlider .d-flex a{width: 100%;}
    .askBoxSec > .row .col-md-6 {padding-top: 42px;padding-bottom: 84px;padding-left: 15px!important;padding-right: 15px!important;}
    .boxCardWrap{padding: 25px;}
    .boxCardWrap .btn-list-amount{padding: 14px;gap: 10px;}
    .boxCardWrap .btn-list-amount label{font-size: 24px;width: 48%;padding: 20px 12px;}
    .boxCardWrap .chooseCampaign label{width: 48%;}

    .shopSec .card img{max-height: 336px;height: 336px;}

    .eventSec, .bottomSec{padding-top: 64px;padding-bottom: 64px;} 

    .eventSec .card img{max-height: 208px;height: 208px;}
    .eventSec .card .card-body {padding: 22px 16px;}
    .eventSec .card .card-title{font-size: 20px;}
    .eventSec .card .btn-dark-green{margin-left: 16px;}

    .bottomBannerSec img{height: 274px;}

    .bottomSec .salahBox{padding: 24px;margin-bottom: 12px;}
    .bottomSec .salahBox ul li a{font-size: 16px;}

    footer {padding-top: 54px;}
    footer .top-ft ul{margin-bottom: 20px;}
    footer .bottom-ft > div{text-align: center!important;}
    footer .bottom-ft p{font-size: 14px;line-height: 24px;}
    footer .ft-bt-logo{margin-top: 10px;}
    footer .bottom-ft {padding-bottom: 112px;}

    .donateSticky h2{float:none; padding-left:0px; margin-right:0px; margin-bottom:15px; font-size:24px; line-height:normal;}
    .donateSticky .container > .row > .col-sm-3, .donateSticky .container > .row > .col-sm-9 {width: 100%;}
    .donateSticky .btn {padding: 6px 10px; font-size: 16px !important;}
    .donateSticky input[type=text], .donateSticky select{font-size: 15px;}
  
	    /* APPEAL LANDING PAGE MEDIA QUERY */
    .inner-banner{padding-right: 0%;padding-left: 0%;}
	.donation-box{ padding: 33px 20px;}
    .donation-box .main-heading{font-size: 40px;}
    .donate-askbox .main-heading{font-size: 37px;}
    .amount-list label {width: 30%;}
.donation-box{width: 100%;max-width: 100%;margin-top: 7rem;}
.font-16{
    font-size: 16px;
}
    .project-cards .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 30% !important;
    }
    /* project slider*/
.project-slider .carousel{
    width: 100%;
}
.project-buttons{
    gap: 20px;
}
.project-slider .btn-donate{
    width: 100%;
}
.project-slider .btn-learn{
    width: 100%;
}
}

@media only screen and (min-width: 782px) and (max-width: 991px)  {
	.sadqa-steps {
    height: 505px;
}
.ramdan-giving-steps {
    height: 450px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)  { 
    p{font-size: 16px;line-height: 26px;}
    .p-top {padding-top: 64px;}
   .p-bottom {padding-bottom: 64px;}
    .sub-heading{font-size: 30px;}
     .inner-banner-heading{width: 100%;}
    .tag{font-size: 18px;}
    .btn-light-green, .btn-transparent{padding: 12px 13px;font-size: 13px;}
    .topHeader .mob-none{display: none;}
    .font-20 {font-size: 18px !important;line-height: 32px !important;}


    header{position: relative;}
    header .nav-link{font-size: 16px;padding-left: 0px !important;}
    header .logo{display: none;}
    header .g-logo{display: block;}
    .page-header .logo img, .page-header.is-sticky .g-logo img{width: 114px;}
    header .topHeader{position: relative;}
    header .topIcons{right: 55px;top: 15px;position: absolute;z-index: 99;}
    header .topHeader .topIcons li.cartIco button, header .topHeader .topIcons li.searchIco{background: #fff!important;}
    header .topHeader .topIcons li.cartIco button{padding: 6px;}
    header .topHeader .topIcons li.cartIco button img, header .topHeader .topIcons li.searchIco a img{filter: brightness(0%);}
    header .topHeader .topIcons li.searchIco a {padding: 8px!important;}
    header .navbar .navbar-toggler{padding-right: 0!important;}
    .navbar-nav > li > .dropdown-menu{padding-top: 0;}
    .navbar-nav > li > .dropdown-menu > li{width: 100%;margin-bottom: 3px;}
    header .megaMenu .menu-item-has-children > a, .page-header.is-sticky .nav-link{font-size: 16px!important;}
    header .canvaInfoIcon a{color: var(--dark-green);}



    .heroSlider .slick-next:before, .heroSlider .slick-prev:before {font-size: 24px;}
    .heroSlider .slide img{min-height: 380px;}
    .heroSlider .slick-next {right: 16px;}
    .heroSlider .slick-prev {left: 16px;}

    .topSec .topImg{margin-bottom: 20px;}
    .topSec hr{margin: 4px 0;}
    .topSec .g-box p{font-size: 20px;}

    .askBoxSec .projectSlider{max-width: 100%;}
    .askBoxSec .projectSlider .card .card-body {padding: 24px 20px;}
    .askBoxSec .projectSlider .card img{max-height: 272px;}
    .askBoxSec .projectSlider .slick-prev {left: 0;}
    .askBoxSec .projectSlider .slick-next {right: unset;left: 42px;}
    .askBoxSec .projectSlider .d-flex a{width: 100%;}
    .askBoxSec > .row .col-md-6 {padding-top: 42px;padding-bottom: 84px;padding-left: 15px!important;padding-right: 15px!important;}
    .boxCardWrap{padding: 30px;}
    .boxCardWrap .btn-list-amount{padding: 14px;gap: 10px;}
    .boxCardWrap .btn-list-amount label{font-size: 24px;width: 48%;padding: 20px 12px;}

    .shopSec .card img{max-height: 300px;height: 300px;}

    .eventSec, .bottomSec{padding-top: 64px;padding-bottom: 64px;} 

    .eventSec .card img{max-height: 208px;height: 208px;}
    .eventSec .card .card-body {padding: 22px 16px;}
    .eventSec .card .card-title{font-size: 20px;}
    .eventSec .card .btn-dark-green{margin-left: 16px;}

    .bottomBannerSec img{height: 274px;}

    .bottomSec .salahBox{padding: 24px;margin-bottom: 12px;}
    .bottomSec .salahBox ul li a{font-size: 18px;}

    footer {padding-top: 54px;}
    footer .top-ft ul{margin-bottom: 20px;}
    footer .bottom-ft > div{text-align: center!important;}
    footer .bottom-ft p{font-size: 14px;line-height: 24px;}
    footer .ft-bt-logo{margin-top: 10px;}
  .donateSticky .btn {padding: 6px 10px; font-size: 16px !important;}
    .donateSticky h2{font-size: 18px;}
	 /* APPEAL LANDING PAGE MEDIA QUERY */
      .inner-banner{padding-left: 0%;}
       
    .amount-list label {width: 120px;}
     .donation-box{width: 700px;margin-top: 7rem;}
      .donation-box .main-heading{font-size: 40px;}
      .donate-askbox .main-heading{font-size: 40px;}
      .font-16{
        font-size: 24px;
      }
          /* project slider*/
.project-slider .carousel{
    width: 100%;
}

}


@media only screen and (min-width: 1200px) and (max-width: 1400px)  { 
    .boxCardWrap .btn-list-amount label{font-size: 26px;}
    .donateSticky h2{font-size: 23px;}

    header .nav-link{font-size: 18px;padding-left: 8px !important;padding-right: 8px !important;}
    .page-header.is-sticky .nav-link{font-size: 16px;}

   
	/* APPEAL LANDING PAGE MEDIA QUERY */
      .inner-banner{padding-left: 0%;}
 
        .donation-box{width: 715px;margin-top: 9rem;}
}
@media only screen and (min-width: 1401px) and (max-width: 1599px)  { 
	/* APPEAL LANDING PAGE MEDIA QUERY */
   .donation-box{ max-width: 700px; }
}