/*		Mobile Layout:320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (max-width:767px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	body{font-size: 14px;}
	.container{max-width: 100%;}

	.single-page-banner{max-height: 200px;min-height: 200px;}
	.single-page-banner .page-title h1{font-size: 30px;}
	
	
	.footer-img{padding-top: 25px !important;}
	
	.google-pay-icons{width:75px;}
    .stripe-icons{width: 136px;}
    .payment-paypal-wrap{width: 100%;}

	h1{font-size: 30px!important;}
	h2{font-size: 24px!important;}
	h3{font-size: 20px!important;}
	h4{font-size: 16px!important;}
	h5{font-size: 14px!important;}
	h6{font-size: 12px!important;}
	.phone-nav {cursor: pointer;display: block;padding: 0;position: absolute;right: 15px;top:25px;width: 20px;height: 25px;z-index: 99999;border-radius: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
    .phone-nav span {display: block;position: absolute;height: 3px;width: 100%;background: #009FDF;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .phone-nav span:nth-child(1) {top: 0px;}
    .phone-nav span:nth-child(2),
    .phone-nav span:nth-child(3) {top: 8px;}
    .phone-nav span:nth-child(4) {top: 16px;}
    .mobile-menu-open .phone-nav span:nth-child(1) {top: 16px;width: 0%;left: 50%;}
    .mobile-menu-open .phone-nav span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .mobile-menu-open .phone-nav span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    .mobile-menu-open .phone-nav span:nth-child(4) {top: 16px;width: 0%;left: 50%;}

    .main-nav-wrap{margin: 0px; width: 100%; display: none; background: #ffffff;z-index: 999999; -webkit-box-shadow: inset 0 11px 8px -10px #e8ebeb, inset 0 -11px 8px -10px #e8ebeb; box-shadow: inset 0 11px 8px -10px #e8ebeb, inset 0 -11px 8px -10px #e8ebeb;}
    .nav-container{margin: 0px; overflow-y: auto;}
    .nav-container ul{margin: 0px;}
    .nav-container ul li{ display: block; width: 100%; margin: 0px; min-height: 1px;background: #FFFFFF; box-shadow: inset 0px -1px 0px #F2F2F2; position: relative;}
    .nav-container ul li a{width: 100%; padding: 16px 15px; line-height: 120%;}
    li.small-submenu:hover .dropdown-menu-wrap{max-height: 0px!important;}
    li.small-submenu .dropdown-menu-wrap{position: relative; top: 0px; max-width: 100%;}
    li.small-submenu .dropdown-menu-wrap.active{max-height: 700px!important;}


    span.dropdown-arrow{display: flex; align-items: center; justify-content: center; right: 0px;top: 0px;position: absolute; transform: rotate(0deg); width: 50px; height: 50px;}
    span.dropdown-arrow.active{transform: rotate(-90deg);}


    .right-menu{margin-left: 0px;}
    .right-menu ul li {margin: 0px 25px 0px 0px;}


    .about-page-content h5{font-size: 16px;}

    .campaign-single-banner{background-size: contain !important;
    background-repeat: no-repeat;min-height: 10px;}
    
    .campaign-donation-inner-content{padding: 25px 15px;}

    .single-header .header-top-wrap .row .col-sm-6:last-child{width: auto; position: absolute; top: 18px; right: 0px;}
    .campaign-checkout-section .col-sm-8{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .campaign-checkout-section .col-sm-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .campaign-checkout-summary-bottom{display: none;}
	.campaign-checkout-summary-item h2{font-size: 16px!important;}
    .campaign-checkout-summary-item h3{font-size: 14px!important;}
    .campaign-checkout-total-amount-wrap h3{font-size: 16px!important;}
    .other-ways-donate-content{margin-bottom: 50px;}

    .campaign-checkout-left-content .form-wrap .your-information h3 {display: inline-block;margin-top: -10px;}

    .campaign-checkout-section .row.campaign-checkout-row {flex-direction: inherit;}


    .donate-basket-item-wrap{flex-wrap: nowrap;}
	.donate-basket-item-wrap h2,
	.donate-basket-item-wrap h2 a{font-size: 16px!important;}
	.donate-basket-item-wrap h3{font-size: 14px!important;}

    .cart-slide-container{overflow-x: auto;}
    .donate-basket-content{float: left; width: 100%;margin-top: 30px; padding: 0px;}
    .donate-basket-container {padding: 30px 15px 30px 15px;}
    .cart-slide-content{padding: 0px;}
    .donate-basket-container .title h1{font-size: 18px!important;}
    .donate-basket-content{height: auto; overflow-x: auto;}
    .donate-basket-item-wrap{flex-wrap: nowrap;}
    .modal-dialog-slideout{max-width: 767px;}
    #donateBasketSlide .close{position: fixed; top: 15px; right: 25px;}

    .donate-basket-container .title{position: fixed; top: 0px; left: 0px; background: #ffffff; z-index: 999; padding: 15px 15px;}
    .donate-basket-container .title h1{margin: 0px; padding: 0px;}
    .modal-dialog-slideout .close{position: fixed;}

    .donate-basket-bottom-content{bottom: 0px;position: fixed;left: 0px;padding: 0px 15px 30px 15px;margin-left: 0px; background: #ffffff;}
    .donate-basket-other-campaigns{margin-bottom: 0px; padding: 0px;}
    .donate-basket-total-amount-wrap{padding: 0px;}
    .donate-basket-total-amount{border: 0px;}
    .modal-dialog-slideout .btn-wrap-row{padding: 0px;}

    .donate-page-section .campaign-checkout-summary-wrap{margin: 40px 0px 0px; display: none;}


    .contact-form-wrap .btn-wrap-row .btn-wrap{max-width: 100%;}
    .contact-map-wrap iframe{height: 350px!important;}

    .quick-donate-content .column{flex: 0 1 48%; margin: 5px 0px;}
	.quick-title-col.column{flex: 0 1 100%; align-items: center; justify-content: flex-start; display: none;}
	.quick-donate-content .btn-wrap{min-width: 120px;}
	.quick-donate-mobile-title{display: flex;}
	.quick-donate-content{display: block;}


	.desktop-show{display: none;}
	.mobile-show {display: block;}


	#donations{overflow-y: scroll;}
	.orders-content-wrap{width: 100%;}
	
	.order-item-row{display: block; padding: 10px 10px 0px 10px; border-bottom: 1px solid #E4E4E4;}
	.order-item-row .column{display: block; width: 100%; padding: 5px 0;}
	.order-item-row .column h3{font-size: 14px;}
	.order-item-row .column h4, .order-item-row .column h5{font-size: 12px;}

	.dashboard-page-section .col-sm-3.left-column,
	.dashboard-page-section .col-sm-9.right-column{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	.order-page-section .col-sm-3.left-column,
	.order-page-section .col-sm-9.right-column{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	/*#donations{overflow-y: scroll;}
	.orders-content-wrap{width: 750px;}*/

	.order-item-row h3{font-size: 14px!important;}
	.dashboard-menu-column {padding: 0px; border: 0px; border-bottom: 2px solid #009FDF;}
	ul.dashboard-menu-wrap{flex-wrap: wrap;}
	ul.dashboard-menu-wrap li{width: 100%; margin: 0px!important;}
	ul.dashboard-menu-wrap li a{justify-content: center; border: 1px solid #009FDF!important; border-bottom: 0px!important; border-radius: 0px!important;}
	.dashboard-menu-column{background: transparent;}

	.order-details-content-wrap{overflow-y: scroll;}
	.order-details-content-inner{width: 100%;}
	.order-left-content{margin-bottom: 20px;}
	#donationDetailsModal .modal-dialog{max-width: 100%;}
	.campaign-donation-wrap{margin-top: 40px;}
	.donationbox-bottom .campaign-donation-wrap{margin-top: 0px !important;}

	/*BANNER IMAGES RESPONSIVE*/
    .banner-mobile{display: none;}
    .banner-section-wrap #carousel-1 img.img-fluid{object-fit: contain !important;height: auto !important;}
    .campaign-single-banner {
        background-size: contain !important;
        background-repeat: no-repeat;
      }
    /*BANNER IMAGES RESPONSIVE*/

	.my-w-50-mobile {
        width: 50% !important; /* !important ensures it overrides any other Bootstrap utility */
    }
}


@media only screen and (max-width:575px){
	.header-fundraise-btn{margin-top: 10px; width: 50%;}
	.header-donate-btn {width: 50%; margin-top: 10px;}
	.header-fundraise-btn .btn-wrap,
	.header-donate-btn .btn-wrap{min-width: 140px; font-size: 13px; padding: 0px 10px;}
	.header-cart{position: absolute; top: -48px; right: 0px;}
	.header-currency-select{margin-top: 10px;}
	.banner-caption-content{padding: 0px 0px;}
	.banner-caption-content .custom-row{flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
	.banner-caption-content .custom-row .btn-wrap{ /*width: 100%;*/}
	.banner-caption-content .custom-row .link-txt{margin: 10px 0px 0px;}
/*	.quick-donate-content .column{flex: 0 1 48%; margin: 5px 0px;}
	.quick-title-col.column{flex: 0 1 100%; align-items: center; justify-content: center;}
	.quick-donate-content .btn-wrap{min-width: 120px;}*/
	.banner-caption-wrap h1 {
        font-size: 20px !important;
        text-transform: uppercase;
        text-align: center;
    }

	.carousel-control-prev{left: 0px;}
	.carousel-control-next{right: 0px;}

	/*Phase 1 css for header top*/
	.header-top-wrap .col-sm-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.header-donate-btn{width: 100%; margin-top: 10px; margin-right: 0px;}
	/*End phase 1 css for header top*/

	.banner-caption-wrap{align-items: flex-end; bottom: 20px;}

	.sidebar-menu {margin-bottom: 30px;}

	.three-col-grid {-ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1,1fr);}
	.home-impact-content {-ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1,1fr); row-gap: 40px;}
	.featured-grid{-ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1,1fr); row-gap: 40px;}
	.featured-item .icon-wrap{text-align: center;}
	.featured-item .icon-wrap img{width: 50%; float: none;}

	.home-news-item-wrap{display: block;}
	.home-news-item-wrap .column{display: block; flex: 0 1 100%;}
	.home-news-item-wrap .news-title {-webkit-line-clamp: 2; margin: 10px 0px;}

	.upcoming-events-content-wrap .column{flex: 0 1 100%!important;}
	.upcoming-events-content-wrap .column.thumb-column{padding-right: 20px; padding-bottom: 40px;}
	.upcoming-events-content-wrap .column.description-column{padding: 40px 20px; border-top: 2px dashed #dddddd;  border-left: 0px}

	.hadith-featured-section{padding-bottom: 450px;}
    /*.about-page-section .row{flex-direction: column-reverse;}*/
	.about-page-content iframe,
	.about-page-content object,
	.about-page-content embed,
	.news-single-content iframe,
	.news-single-content object,
	.news-single-content embed,
	.campaign-single-content iframe,
	.campaign-single-content object,
	.campaign-single-content embed,
	.event-single-content iframe,
	.event-single-content object,
	.event-single-content embed {height: 250px; min-height: 250px;}

	.campaigns-page-section .filters-wrap{display: block;}
	.campaigns-page-section .filters-wrap .select-bx{min-width: 140px;}
	.campaigns-page-section .filters-wrap .filters-nav-result{margin-top: 15px;}


	.news-page-section .filters-wrap .filters-nav{flex-wrap: wrap;}
	.news-page-section .filters-wrap .filters-nav .select-bx{min-width: 140px;}
	.news-page-section .filters-wrap .filters-nav-result{display: block; margin-top: 15px; margin-left: 0px;}

	.news-page-section .filters-wrap .filters-nav .select-bx:nth-child(2) {margin-left: auto;}
	.news-page-section .filters-wrap .filters-nav .select-bx:nth-child(4) {margin-left: auto;}
	.news-page-section .news-item-content-wrap .column.short-des-column{padding: 20px 0px}
	.news-item-content-wrap .short-des-content h3{font-size: 18px!important;}
	.news-pagination-wrap .btn-wrap{max-width: 140px; min-width: 130px;}

	.campaign-checkout-section .row.campaign-checkout-row{/*flex-direction: column-reverse;*/}
	.postcode-search{padding: 0px;}
    .postcode-search .btn-wrap{position: relative; right: 0px; max-width: 100%; top: 5px; margin-bottom: 10px;}
    .postcode-search .btn-wrap,
    .postcode-search .idpc-button{position: relative; right: 0px; max-width: 100%; top: 5px; margin-bottom: 10px;}

    .campaign-checkout-summary-wrap{margin-top: 50px;}
    .campaign-checkout-left-content .btn-wrap{max-width: 100%;}
    .other-ways-donate-content{margin-bottom: 0px;}

    .checkout-additional-info-wrap{padding: 20px 20px 0px;}
    .campaign-checkout-left-content .gift-aid-box-wrap p{padding-right: 0px;}
    .gift-aid-logo{position: relative; display: block; margin-top: 20px;}


	.zakat-pages-content iframe,
	.zakat-pages-content object,
	.zakat-pages-content embed{height: 250px; min-height: 250px;}


	.zakat-calculator-wrap h2{margin-bottom: 10px;}
	.zakat-calculator-wrap ul.half-width li {flex: 0 1 100%;}
	.silver-nisab,
	.gold-nisab{float: left; width: 100%; padding: 0px; margin: 2px 0px;}
	.gold-nisab{margin-bottom: 20px;}
	.zakat-calculator-wrap .custom-row {padding: 20px 15px 5px;}
	.zakat-calculator-wrap ul.half-width li{margin: 0px;}
	.zakat-calculator-wrap .field-wrap .input-bx{margin: 5px 0px 15px;}
	.zakat-calculator-wrap h3{margin-bottom: 20px;}
	.zakat-calculator-wrap .transparent-btn{margin-top: 20px;}
	.zakat-calculator-wrap .custom-row.border-0.pt-0{padding-bottom: 20px!important;}
	.pb20{padding-bottom: 20px!important;}


    .events-item-content-wrap .column {flex: 0 1 100%!important;}
    .events-item-content-wrap .column.short-des-column {padding: 30px 25px 40px;}

    .events-item-content-wrap .column.thumb-column{padding-right: 20px; padding-bottom: 40px;}
	.events-item-content-wrap .column.description-column{padding: 40px 20px; border-top: 2px dashed #dddddd;  border-left: 0px}


	.campaigns-page-section .select-bx{min-width: 48%; width: 48%;}
	.campaigns-page-section .select-bx:last-child{float: right; margin-left: auto; margin-right: 0px;}

	.news-page-section .filters-wrap{flex-wrap: wrap;justify-content: space-around;}
	.news-page-section .filters-wrap .select-bx{min-width: 48%; width: 48%; max-width: 48%; margin: 5px 0px;}
    .news-item-content-wrap .column {flex: 0 1 100%!important;}
    .news-item-content-wrap .column.short-des-column {padding: 30px 25px 40px;}

    .projects-filter-nav ul li {flex: 0 1 48%;}

    .campaign-checkout-close {position: absolute;top: -32px;}


	.donate-basket-item-wrap .title-col.column {flex: 0 1 57%;}
    .donate-basket-item-wrap h2,
    .donate-basket-item-wrap h2 a{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}





	.donate-page-section .sidebar-wrap { margin-top: 0px;}
    /*.donate-page-section .container > .row {flex-direction: column-reverse;}*/
    .dp-donate-amount-wrap ul li {flex: 0 1 31%;margin: 5px 0px;}
    .donate-page-form-content .custom-row.pt-5.float-left{padding-top: 30px!important;}
    .donate-page-form-content .btn-wrap.red-btn,
    .donate-page-form-content .btn-wrap.transparent-btn{max-width: 100%; margin: 0px;}
    .donate-page-form-content .btn-wrap.red-btn{margin-top: 15px;}
    /*.other-ways-donate-content{display: none;}*/
    .donate-page-section .campaign-checkout-summary-wrap{margin: 40px 0px 0px; display: none;}


    .contact-page-section .sidebar-wrap{margin-bottom: 30px;}


    .news-single-section .sidebar-wrap{margin-top: 30px;}

    .login-form-wrap{margin-bottom: 40px;}

    .thankyou-content{padding: 40px 20px;}
    .thankyou-bottom-btn-wrap {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1,1fr);}




    .campaign-single-banner{padding: 100px 0px 0px;}

    .footer.home-footer{padding-bottom: 100px;}
	.footer-section .col-sm-5.footer-column {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom: 25px;}
	.footer-section .col-sm-3.footer-column{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px; margin-bottom: 25px;}
	.footer-section .col-sm-4.footer-column{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;}
	.footer-section h6,
	.footer-section h5{font-size: 18px; line-height: 140%;}
	.copyright{display: inline-block;}
	.copyright .col-sm-8{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.copyright .col-sm-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; text-align: left;}

}
@media only screen and (min-width:320px) and (max-width:374px){
	.header-donate-btn .btn-wrap{min-width: 140px; font-size: 12px; padding: 0px 10px;}
	.events-tab-nav li,
	.projects-tab-nav li{min-width: 140px; font-size: 14px;}
	.donate-basket-item-wrap .title-col.column {flex: 0 1 53%;}

	/*.other-amount-wrap input.input-bx{padding-left: 80px;}
	li.campaign-donate-other-amount-li .currency-icon{left: 65px;}*/
}
@media only screen and (min-width:576px) and (max-width:767px){
    .stripe-icons{width: 125px;}
	.header-top-wrap .row .col-sm-6:first-child{  -ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
	.header-top-wrap .row .col-sm-6:last-child{  -ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}

	.three-col-grid {-ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr);}
	.featured-grid {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2,1fr);}
	.ipmact-icon-wrap{width: 150px; height: 150px;}
	.home-impact-content {column-gap: 40px;}


	.home-news-item-wrap .news-title {-webkit-line-clamp: 2;}

	.about-page-content iframe,
	.about-page-content object,
	.about-page-content embed,
	.news-single-content iframe,
	.news-single-content object,
	.news-single-content embed,
	.campaign-single-content iframe,
	.campaign-single-content object,
	.campaign-single-content embed,
	.event-single-content iframe,
	.event-single-content object,
	.event-single-content embed {height: 250px; min-height: 250px;}

	.news-page-section .filters-wrap{flex-wrap: wrap;}
	.news-page-section .filters-wrap .filters-nav-result{display: block; margin-top: 15px; margin-left: 0px;}

	.zakat-pages-content iframe,
	.zakat-pages-content object,
	.zakat-pages-content embed{height: 250px; min-height: 250px;}

	.donate-page-section .container > .row .col-sm-4 {flex: 0 0 42%;max-width: 42%;}
	.donate-page-section .container > .row .col-sm-8 {flex: 0 0 58%;max-width: 58%}
	.dp-donate-amount-wrap ul li{height: 50px;}
	.donate-page-form-content .btn-wrap.red-btn,
    .donate-page-form-content .btn-wrap.transparent-btn{max-width: 170px; padding: 0 10px; font-size: 14px;}

    .other-ways-donate-content{margin: 0px;}

    .video-item-wrap .thumb-wrap,
    .video-item-wrap .thumb-wrap img {height: 120px;}
    .video-item-wrap .play-btn-wrap{width: 40px; height: 30px; margin-top: -15px;margin-left: -20px;}
    .video-item-wrap .play-btn-wrap img{height: auto;}


}


/*		Tablet/iPad Layout:768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:768px) and (max-width:991px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	h1{font-size: 24px!important;}
	h2{font-size: 20px!important;}
	h3{font-size: 18px!important;}
	h4{font-size: 14px!important;}
	h5{font-size: 12px!important;}
	h6{font-size: 12px!important;}

    .stripe-icons{width: 125px;}

	.donate-basket-item-wrap{flex-wrap: nowrap;}
	.donate-basket-item-wrap h2,
	.donate-basket-item-wrap h2 a{font-size: 16px!important;}
	.donate-basket-item-wrap h3{font-size: 14px!important;}

	.header-top-wrap .row .col-sm-6:first-child{  -ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
	.header-top-wrap .row .col-sm-6:last-child{  -ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}


	.container{max-width: 100%;}
/*	.phone-nav {cursor: pointer;display: block;padding: 0;position: absolute;right: 15px;top:25px;width: 20px;height: 25px;z-index: 99999;border-radius: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
    .phone-nav span {display: block;position: absolute;height: 3px;width: 100%;background: #009FDF;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .phone-nav span:nth-child(1) {top: 0px;}
    .phone-nav span:nth-child(2),
    .phone-nav span:nth-child(3) {top: 8px;}
    .phone-nav span:nth-child(4) {top: 16px;}
    .mobile-menu-open .phone-nav span:nth-child(1) {top: 16px;width: 0%;left: 50%;}
    .mobile-menu-open .phone-nav span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .mobile-menu-open .phone-nav span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    .mobile-menu-open .phone-nav span:nth-child(4) {top: 16px;width: 0%;left: 50%;}
*/
    .main-nav-wrap{margin: 0px; width: 68%; display: block;position: relative; left: 0; top: 0px; background: #ffffff;z-index: 999999; box-shadow: none; }
    .nav-container{margin: 0px; overflow-y: scroll;}
    .nav-container ul{margin: 0px;}
    .nav-container ul li{ display: flex; width: auto; margin: 0px 25px 0px 0px; min-height: 1px;background: #FFFFFF; box-shadow: none; position: relative;}


    .nav-container ul li a{width: 100%; padding: 0px; font-size: 14px;}


    /*.right-menu{margin-left: 0px;}*/
    .right-menu ul li {margin: 0px 0px 0px 10px;}
    .right-menu ul li a{font-size: 14px;}
    .quick-title-col.column {flex: 0 1 18%;}
    .quick-donate-content .column.quick-payment-type-col {flex: 0 1 18%;}
    .quick-donate-content .column.quick-btn-col {flex: 0 1 18%;}
    .quick-donate-content .column.quick-btn-col .btn-wrap{min-width: 120px;}
    .quick-donate-content .column.quick-donation-type-col{flex: 0 1 24%;}


    .home-impact-content{column-gap: 10px;}
    .featured-item{padding: 20px 10px; column-gap: 10px;}

    .about-page-content iframe,
	.about-page-content object,
	.about-page-content embed,
	.news-single-content iframe,
	.news-single-content object,
	.news-single-content embed,
	.campaign-single-content iframe,
	.campaign-single-content object,
	.campaign-single-content embed,
	.event-single-content iframe,
	.event-single-content object,
	.event-single-content embed {height: 270px; min-height: 270px;}

	.zakat-pages-content iframe,
	.zakat-pages-content object,
	.zakat-pages-content embed{height: 270px; min-height: 270px;}


	.campaign-checkout-summary-item h2{font-size: 16px!important;}
    .campaign-checkout-summary-item h3{font-size: 14px!important;}
    .campaign-checkout-total-amount-wrap h3{font-size: 16px!important;}

    .campaign-checkout-left-content .form-wrap .your-information h3 {display: inline-block;margin-top: -10px;}
    .about-page-content h5{font-size: 18px;}


    .donate-page-section .container > .row .col-sm-4 {flex: 0 0 42%;max-width: 42%;}
	.donate-page-section .container > .row .col-sm-8 {flex: 0 0 58%;max-width: 58%}
	.dp-donate-amount-wrap ul li{height: 50px;}
	.donate-page-form-content .btn-wrap.red-btn,
    .donate-page-form-content .btn-wrap.transparent-btn{max-width: 190px; padding: 0 10px;}


    .video-item-wrap .thumb-wrap,
    .video-item-wrap .thumb-wrap img {height: 140px;}
    .video-item-wrap .play-btn-wrap{width: 40px; height: 30px; margin-top: -15px;margin-left: -20px;}
    .video-item-wrap .play-btn-wrap img{height: auto;}

    .news-page-section .filters-wrap{flex-wrap: wrap;}
	.news-page-section .filters-wrap .filters-nav-result{display: block; margin-top: 15px; margin-left: 0px;}

	#donations{overflow-y: scroll;}
	.orders-content-wrap{width: 750px;}

	.order-page-section .col-sm-3.left-column,
	.order-page-section .col-sm-9.right-column{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.order-left-content{margin-bottom: 20px;}



    .footer-section h6,
	.footer-section h5{font-size: 18px; line-height: 140%;}


}

/*		Tablet/iPad Layout:1024px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:992px) and (max-width:1024px){
	.container{max-width: 100%;}
	h1{font-size: 26px!important;}
	h2{font-size: 22px!important;}
	h3{font-size: 18px!important;}
	h4{font-size: 14px!important;}
	h5{font-size: 12px!important;}
	h6{font-size: 12px!important;}
	.donate-basket-item-wrap{flex-wrap: nowrap;}
	.donate-basket-item-wrap h2,
	.donate-basket-item-wrap h2 a{font-size: 16px!important;}
	.donate-basket-item-wrap h3{font-size: 14px!important;}

    .about-page-content iframe,
	.about-page-content object,
	.about-page-content embed,
	.news-single-content iframe,
	.news-single-content object,
	.news-single-content embed,
	.campaign-single-content iframe,
	.campaign-single-content object,
	.campaign-single-content embed,
	.event-single-content iframe,
	.event-single-content object,
	.event-single-content embed {height: 343px; min-height: 343px;}

	.zakat-pages-content iframe,
	.zakat-pages-content object,
	.zakat-pages-content embed{height: 343px; min-height: 343px;}


	.about-page-content h5{font-size: 16px;}

	.campaign-checkout-summary-item h2{font-size: 16px!important;}
    .campaign-checkout-summary-item h3{font-size: 14px!important;}
    .campaign-checkout-total-amount-wrap h3{font-size: 16px!important;}

    .campaign-checkout-left-content .form-wrap .your-information h3 {display: inline-block;margin-top: -10px;}

    .footer-section h6,
	.footer-section h5{font-size: 18px; line-height: 140%;}

}
@media only screen and (min-width:1025px) and (max-width:1199px){
	.container{max-width: 100%;}
    .donate-basket-item-wrap{flex-wrap: nowrap;}

}
@media only screen and (min-width:1200px) and (max-width:1400px){

}
@media (min-width: 992px) {
  .header-top-right .right-menu {margin-right: 20px;}

	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}