#header .menu-select { display:none; }

/* Large desktop */
@media (min-width: 1200px) {
    .remove-under-1200 { display:none !important; }
}

@media (max-width: 2500px) {
    .slider {
        height: 790px !important;
    }
}
@media (min-width: 1768px) {
    .slider {
        height: 670px !important;
    }
}
 @media (min-width: 1440px) {
    .slider {
        height: 500px !important;
    }
} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header div.menu > ul > li > a { font-size: 11px !important }
    #header div.menu > ul ul li a { font-size: 11px !important }
    #tagline { display: none }
}
@media (max-width: 1024px) {
    .sf-menu li { padding: 0 9px 15px 9px; }
    #header div.menu > ul > li > a { font-size: 12px }
    #header div.menu > ul ul li a { font-size: 12px !important }
    .remove-under-1024 { display:none !important; }

    /* === SLIDER */
    .slider.fixed-image { position:relative; z-index:10; width:100%; }
    .mobile-slider { display:block !important; }
    /* .slider.no-responsive { display:none !important; } */
    .slider.fixed-image.inner {
        max-width: 100%;
        padding: 0;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* === MOBILE */
    #wrapper { margin: 0 -20px !important; overflow:hidden; }
    .container { padding-left:20px; padding-right:20px; }
    #wrapper.container { padding-left:0px; padding-right:0px; width:auto !important; }
    .boxed #header, .boxed #topbar, .boxed #footer, .boxed #copyright{
        margin-right: 0;
        margin-left: 0;
    }
    .style-picker {display:none !important;}

    /* === HEADER */
    #header { text-align:center; }
    #logo { margin-top:10px !important;;}
    #logo-img, #tagline, #textual { float:none; display:block; width:100%; text-align:center; margin:0; }
    #page-meta { margin-bottom:5px; }
    .slider.fixed-image { margin:-22px -20px 0; }

    /* === MENU */
    #header .menu, #header #nav > ul { display:none; }
    #header .menu-select { display:block; }

    /* === PAGES */
    .accordion-item .meta { position:static; }
    .accordion-item-content { padding-bottom:20px; }
    .error-404-text input#s { width:60%; }

    /* === SHORTCODES */
    .box-sections, .one-fourth, .one-third, .two-fourth, .two-third { float:none; width:100%; margin:0; clear:both; }
    .content blockquote { padding:0; background-position: 0 0; }
    .short-table table th, .short-table table td { padding:8px 0px; }
    .call-to-action-two .call-btn, .call-to-action-two .incipit { display:block; vertical-align:baseline; width:100%; text-align:left; }
    .call-to-action-two .call-btn { margin-top:10px; }
    .call-to-action-two .incipit span { font-size:34px; }
    .call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5, .call-to-action-two h6 { width:auto; font-size:1.5em; margin-bottom:10px; }
    .pricing_box { width:100% !important; margin-top:17px !important; }
    .image-styled .img_frame img { max-width:100% !important; }
    .image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img { max-width: 100%; margin-right: 0px; }
    .google-map-frame, .google-map-frame iframe { max-width: 100%; }
    .call-to-action { height:auto; }
    .call-to-action .decoration-image { display: none; }
    .call-to-action .incipit { margin-right:20px; }
    .call-to-action .number-phone { margin-left:20px; margin-bottom:20px; text-shadow:none; }
    .call-to-action .number-phone, .call-to-action .number-phone a { font-size:28px; line-height:46px; letter-spacing:0; }

    /* === FOOTER */
    #footer [class*="span"] { margin-bottom:30px; }
    #copyright .left, #copyright .right { text-align:left; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .remove-under-480 { display:none !important; }
}

/* Portrait phones and down */
@media (max-width: 320px) {  }



/* Large desktop */
@media (min-width: 1200px) {
    .products ul, ul.products { margin-left:-30px; }
    ul.products li.product.grid, ul.products li.product.list { margin-left:30px; }
    .features-tab-wrapper ul.products li.product.grid { margin-left:30px; }
    #primary .slider.alignleft, #primary .slider.revolution-slider.alignleft { margin-right:30px !important; }
    #primary .slider.alignright, #primary .slider.revolution-slider.alignright { margin-left:30px !important; }
    .products-slider h4 { margin-left: 30px; }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 1200px) {
    .remove-under-1199 { display: none !important; }
    .last-tweets #follow-twitter { background-position: 70px bottom; }
    .slider {
        height: 500px !important;
    }
    .polaroid .slide .slide-content {
        height: 500px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    ul.products li.product.grid.classic .product-actions a.details { margin-bottom: 5px }

    .newsletter-call3 .newsletter-submit .submit-field { border-radius: 0 }

    /*.content .contact-form li textarea { width: 97% }*/
    .newsletter-call3 .newsletter-input input { width:176px; }
    .sc-banner h2 { margin-top:20px; }
    .sc-banner h3 { margin-top:10px; }
    .sc-banner h2, .sc-banner h3 { margin-left:65px; }

    .testimonial-circle-style .testimonial-quote { background-position: 0px bottom; }

    .slider.fixed-image .slider-shadow { background: none }
}

/* iPad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    #footer .recent-posts .hentry .text p { display:none; }
    #nav > ul { width: 100%; }
    #nav-sidebar { float: left; border-left: none }
    #nav-sidebar .widget.widget-first { padding-left: 0 }

    .widget_nav_menu li.columns-2, .widget_nav_menu li.cols-2, .widget_nav_menu li.col2 { float: none }
    /*.content .contact-form li textarea { width: 96.5% }*/

    .newsletter-call3 .newsletter-submit .submit-field { width:150px; }
    .newsletter-call3 .newsletter-input input { width:119px; }

    /*.content .contact-form li input[type="text"], .content .contact-form li select { width:88.3%; }*/



    #nav > ul li a, #nav .menu > ul li a { padding: 7px 14px; }
    #nav ul.sub-menu li, #nav ul.children li { padding: 2px 0 1px 6px }
    #logo.span6, #header-sidebar { width: auto; }
    #header-sidebar { float: right; margin-top: 20px }

    .polaroid .slide .slide-content.align-right div.text { padding-left: 60%; }
    .polaroid .slide .slide-content div.text { margin-top: -50px; }

    .box-sections, .one-fourth { margin-right: 2%; }
    .newsletter-call3 .newsletter-submit .submit-field,
    .newsletter-call3 .newsletter-input input { font-size: 10px !important }
    .newsletter-call3 .newsletter-submit .submit-field { line-height: 9px }

    .usquare_block_extended .close { left: 328px }

    .testimonial-quote-style .thumbnail { position: static; }
    .testimonial-quote-style .testimonial-name {
        float: none;
        text-align: center;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 0;
    }

    .recent-post .text > a { font-size: 11px }
    .recent-post .hentry-post p.post-date { margin-top: 5px }

    .last-tweets #follow-twitter { background-position: 15px bottom }

    .recent-comments .avatar { margin-bottom: 3px }

    .testimonial-circle-style .testimonial-quote { background: none; }

    .blog-pinterest .meta div p, .blog-pinterest .meta div p span, .blog-pinterest .meta div p a span,
    .blog-pinterest .meta div p a, .blog-pinterest .meta div p a:hover span, .blog-pinterest .meta div p a:hover { font-size: 11px }

    .usquare_block { z-index: 1000 }


    .testimonial { overflow: auto; }
    .testimonial .thumbnail {
        float: left;
        width: 100%;
        clear: both;
        position: static;
    }

    .testimonial .thumbnail img {
        float: right;
    }
    .testimonial .testimonial-name {
        margin: 0;
        padding-top: 5px;
        float: left;
        width: 100%;
    }


    .slider.fixed-image .slider-shadow { background: none }
    .slider.fixed-image { margin-top:30px; }

    .last-tweets #follow-twitter { background-position: 20px bottom; }

    .numbers-sections h4, .numbers-sections h4 span.title-highlight{ font-size: 14px; }
    .sidebar-right .numbers-sections, .sidebar-left .numbers-sections { display:block; padding-top:10px; width: auto; }
    .sidebar-right .numbers-sections .number.number-left, .sidebar-left .numbers-sections .number.number-left{ top: 0; left: 0; }
    .sidebar-right .numbers-sections .number.number-right, .sidebar-left .numbers-sections .number.number-right{ top: 0; left: 80px; }
    .sidebar-right .numbers-sections .number.number-zero, .sidebar-left .numbers-sections .number.number-zero{ width: 74px; background-position: 0px -103px; }
    .sidebar-right .numbers-sections .number.number-1, .sidebar-left .numbers-sections .number.number-1{ width: 65px; background-position: -85px -103px; }
    .sidebar-right .numbers-sections .number.number-2, .sidebar-left .numbers-sections .number.number-2{ width: 79px; background-position: -152px -103px; }
    .sidebar-right .numbers-sections .number.number-3, .sidebar-left .numbers-sections .number.number-3{ width: 76px; background-position: -232px -103px; }
    .sidebar-right .numbers-sections .number.number-4, .sidebar-left .numbers-sections .number.number-4{ width: 78px; background-position: -310px -103px; }
    .sidebar-right .numbers-sections .number.number-5, .sidebar-left .numbers-sections .number.number-5{ width: 75px; background-position: -390px -103px; }
    .sidebar-right .numbers-sections .number.number-6, .sidebar-left .numbers-sections .number.number-6{ width: 76px; background-position: -466px -103px; }
    .sidebar-right .numbers-sections .number.number-7, .sidebar-left .numbers-sections .number.number-7{ width: 76px; background-position: -548px -103px; }
    .sidebar-right .numbers-sections .number.number-8, .sidebar-left .numbers-sections .number.number-8{ width: 77px; background-position: -623px -103px; }
    .sidebar-right .numbers-sections .number.number-9, .sidebar-left .numbers-sections .number.number-9{ width: 77px; background-position: -701px -103px; }
    .sidebar-right .numbers-sections h4, .sidebar-left .numbers-sections h4{ font-size: 18px; margin-bottom: 5px; margin-top: 0px; margin-left: 170px; text-align: left; }
    .sidebar-right .numbers-sections p, .sidebar-left .numbers-sections p{ margin-left: 170px; min-height: 80px; }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        margin-top: 113px;
    }
    #header {
        position: fixed !important;
        top: 0;
        opacity: .9;
        margin: 0px !important;
    }
    #header-sidebar {
        margin-top: -24px !important;
    }
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    #logo-headersidebar-container {
        margin:-8px;
    }
    #logo img {
        border: none;
        height: 80px;
        width: 80px;
        object-fit: contain;
        position: relative;
        left: -36%;
    }
    /* .zakcal {
        font-size: 14px;
        padding: 5px 34px !important;
    } */
    /* .btn-danger {
        padding: 12px !important;
        margin-left: 5px !important;
    } */
    .menu-select.no-slider {
        margin: 0;
        width: 65%;
        position: absolute;
        top: 8px;
        left: 30%;
    }
    .menu-select select {
        background: #aeefdd;
        color: #000 !important;
    }
    .slider {
        height: 180px !important;
        margin-top: 0px !important;
    }
    .polaroid .slide .slide-content {
        border-top: 0px !important;
    }

    .foot-quick {
        padding: 10px;
        width: 120px;
        font-size: 15px !important;
        top: -15px;
    }
    .responsive-table {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
    }
    /* === HEADER */
    
    /*#logo { position:relative; z-index:1; margin-top: 0 }*/
    #topbar { display:none; }
    #textual { margin-bottom: 35px; }

    #header #logo #logo-img + #tagline { line-height: 1.6em; margin-left: 0 }
    #header #logo #logo-img + #tagline.multiline { margin-left: 0; padding-left: 0; border: none }

    #nav { margin-bottom: 0 }
    #page-meta .slogan h2 { font-size:24px !important; margin-bottom:0; }
    #page-meta .slogan h3 { font-size:18px !important; }
    .slogan h2 { line-height: 1.1em }
    #header-sidebar { text-align:center; margin-top: 20px; float: left; }
    #header-sidebar .widget { margin:10px 7px; }

    .menu-select { margin-bottom: 0 }
    .menu-select.no-slider { margin-bottom: 20px }

    /* === SLIDER */
    .slider.thumbnails .showcase-content img { width: 96.5% !important; padding:1.5%; }
    .boxed .slider.thumbnails .showcase-thumbnail-restriction { max-width:90%; }
    .slider.thumbnails .showcase-thumbnail-restriction { margin-left:22px; }
    .slider.thumbnails .showcase-thumbnail { margin-right:14px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
    .slider.thumbnails .showcase-thumbnail-container { margin-top:0; }
    .slider.thumbnails .showcase-thumbnail-button-forward { right:0; }
    .rm_container h2 { display:none; }
    .boxed .slider.revolution-slider { margin-left:0 !important; margin-right:0 !important; }

    .slider.fixed-image { margin:20px auto 0px; }
    .slider.fixed-image .slider-shadow { background: none }
    #header .slider.flexslider .slider-shadow,
    #header .slider.flexslider-elegant .slider-shadow,
    .slider.thumbnails .showcase-thumbnail-container { background: none }



    .polaroid .slide .slide-content.align-right div.text { display: none; }
    .text-polaroid { display: block }

    /* === PORTFOLIO */
    .work-description, .portfolio-full-description .work-thumbnail { margin-bottom:20px !important; }
    .work-skillsdate { position:static !important; margin-top:20px; }
    .picture_overlay { margin-bottom:10px; display:inline-block; /* serve */ }
    #portfolio.portfolio-slider li { float:left; width:220px; margin-right:20px !important; }
    .boxed #portfolio.detail .slide_detail { padding-left:0 !important; padding-right:0 !important; }
    #portfolio.columns li {clear:both;}
    .gecko .section-portfolio-classic .work-thumbnail .picture_overlay { width: 97.9% !important; }

    .work-description, .portfolio-full-description .work-thumbnail { margin-bottom: 0px !important; }
    .portfolio-libra .work-thumbnail .picture_overlay { margin: 20px }

    /* === BLOG */
    .blog-small .meta { padding-left:0; }
    .blog-elegant .the-content { margin-top: 20px; }
    .blog-elegant .thumbnail img { max-width: 97%; }

    /* === SHORTCODES */
    .box-title { margin-bottom:20px; }
    .random-numbers { margin-bottom:20px; }
    .testimonial .testimonial-text { margin-bottom:20px; }
    .short-table th.align-left, .short-table td.align-left { text-align: center; }
    .sc-banner { margin-bottom:20px; }
    .features-tab-container .features-tab-content { padding:15px; }
    div.call-three { width:100% !important; }
    /*a.btn { margin-bottom: 5px; }*/
    .numbers-sections .number.number-left{ top: 0; left: 0;	}
    .numbers-sections .number.number-right{	top: 0;	left: 80px;	}
    .numbers-sections .number.number-zero{ width: 74px;	background-position: 0px -103px; }
    .numbers-sections .number.number-1{ width: 65px; background-position: -85px -103px; }
    .numbers-sections .number.number-2{ width: 79px; background-position: -152px -103px; }
    .numbers-sections .number.number-3{ width: 76px; background-position: -232px -103px; }
    .numbers-sections .number.number-4{ width: 78px; background-position: -310px -103px; }
    .numbers-sections .number.number-5{ width: 75px; background-position: -390px -103px; }
    .numbers-sections .number.number-6{ width: 76px; background-position: -466px -103px; }
    .numbers-sections .number.number-7{ width: 76px; background-position: -548px -103px; }
    .numbers-sections .number.number-8{ width: 77px; background-position: -623px -103px; }
    .numbers-sections .number.number-9{ width: 77px; background-position: -701px -103px; }
    .numbers-sections h4{ font-size: 18px; margin-bottom: 5px; margin-top: 0px; margin-left: 170px; text-align: left; }
    .numbers-sections p{ margin-left: 170px; min-height: 80px; }

    /* === COMMENTS */
    #respond p { display:inline-block; width:100% !important; max-width:100%; clear:both; }

    /* BLOG */
    .blog-elegant .meta div p.comments { margin-top: 0 }
    .blog-elegant .meta div { padding-bottom: 9px }



    #header .slider.polaroid .thumbs .thumb img { visibility: hidden !important }


    ul.filters.faq { margin-left: -10px }
    .testimonial blockquote { padding-left: 30px }
    .content blockquote { padding-left: 30px; padding-top: 5px }


    #footer [class*="span"] { float: left; margin-bottom: 10px }

    /* WIDGETS */
    .call-three .text { width: auto; }
    .newsletter-call3 { margin-top: 20px }
    .newsletter-call3 .newsletter-input input { width: 157px }
    .thumb-project a { float: none }
    .last-tweets #follow-twitter { background-position: 70% bottom }
    /* .zakcal {
        font-size: 12px;
        padding: 12px;
        border-radius: 5px;
    } */
    .top-zakat {
        padding: 0px 20px !important;
        height: 260px !important;
        margin-top: 232px !important;
    }
    .top-zakat h2 {
        padding-top: 55px !important;
    }
    .type {
        font-size: 15px !important;
    }
    .social {
        margin: 20px -25px !important;
    }
    .social ul a {
        padding: 6px 6px !important;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {
    body {
        margin-top: 91px;
    }
    a.btn.btn-info.btn-reset {
        margin-left: 55px;
    }
    button#payment_button {
        margin-left: 135px !important;
    }
    .slider-266.slider .usquare_module_wrapper h2 {
        font-size: 12px !important;
    }
    img.attachment-blog_thumb.wp-post-image {
        height: 200px;
    }
    .branch-cover img {
        margin-top: 8px !important;
    }
    .chairman-img img, .secretary-item img, .treasurer-item img {
        width: 96% !important;
        height: unset !important;
    }
    img.attachment-section_services.wp-post-image {
        height: 220px !important;
    }
    .picture_overlay {
        max-height: 220px !important;
    }
    
    .aftervision::before {
        margin-left: 32px !important;
    }
    .aftervision::after {
        margin-left: -118px !important;
    }
    .aftermanagement::before {
        margin-left: 34px !important;
    }
    .aftercauses::before {
        
        margin-left: 32px !important;
    }
    .aftercauses::after {
        margin-left: -89px !important;
    }
    .aftermanagement::after {
        margin-left: -126px !important;
    }
    /* president css start */
    .afterpresident::after {
        margin-left: -100px  !important;
    }
    .afterpresident::before {
        margin-left: 32px !important;
    }

    .afterbranch::after {
        margin-left: -70px !important;
    }
    .afterbranch::before {
        left: 45px !important;
    }
    .branchdtl::before {
        left: 42px !important;
    }
    .branchdtl::after {
        margin-left: -69px !important;
    }
    .aftervideo::before {
        margin-left: 28px !important;
    }
    aftervideo::after {
        margin-left: -80px !important;
    }
    .slogan {
        margin-top: 20px !important;
    }
    #header {
        position: fixed !important;
        top: 0;
        opacity: .9;
    }
    #header-sidebar {
        /*margin-top: -6px !important;*/
        margin-left: 48px;
        margin-bottom: 8px;
    }
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    #logo-headersidebar-container {
        margin:-8px;
    }
    #logo img {
        border: none;
        height: 60px;
        width: 60px;
        object-fit: contain;
        position: relative;
        left: -36%;
    }
    .zakcal {
        font-size: 15px;
        padding: 11px 20px !important;
        border-radius: 5px;
        text-transform: lowercase;
    }
    .btn-danger {
        padding: 12px !important;
        margin-left: 5px !important;
    }
    .menu-select.no-slider {
        margin: 0;
        width: 65%;
        position: absolute;
        top: 8px;
        left: 30%;
    }
    .menu-select select {
        background: #aeefdd;
        color: #000 !important;
    }
    .slider {
        height: 136px !important;
        margin-top: 0px !important;
    }
    .polaroid .slide .slide-content {
        border-top: 0px !important;
    }

    .foot-quick {
        padding: 8px;
        width: 120px;
        font-size: 14px !important;
        top: -12px;
    }

    #header, #header .slider.polaroid .thumbs .thumb img { 
         margin-top: 0px !important;
    }
    h2, h2 a {
        font-size: 20px !important;
    }

    .input-subscribe {
        margin-top: 0px !important;
    }
    .welcome::after {
        width: 50% !important;
        top: 135% !important;
        margin-left: -164px !important;
    }
    .welcome::before {
        width: 50% !important;
        top: 135% !important;
        left: -4px !important;
    }
    .top-text p {
        /* padding: 0px 116px; */
        font-size: 15px !important;
        line-height: 20px !important;
        padding: 0px 0px !important;
    }

    /* .section.square .picture_overlay
    {
        max-width: 310px !important;
    } */
    /* img.attachment-section_services.wp-post-image
    {
        width: 310px !important;
    } */
    /* .quick {
        margin-left: 110px !important;
    } */
    .afterbefore::after {
        margin-left: -57px !important;
    }
    .afterbefore::before {
        margin-left: 27px !important;
    }
    .afternews::before {
        margin-left: 35px  !important;
    }
    .afternews::after {
        margin-left: -22px !important;
    }
    img.attachment-section_blog.wp-post-image {
        width: 100% !important;
    }
    .section.blog .post.sticky .thumbnail .date{
        display: none;
    }
    .afterbefore2::after {
        margin-left: -36px !important;
    }
    .afterbefore2::before {
        margin-left: 35px !important;
    }
    img.attachment-section_portfolio {
        height: 200px !important;
    }
    .aftermanage::after {
        margin-left: -85px !important;
    }
    .aftermanage::before {
        margin-left: 20px !important;
    }
    .afterabout::before {
        margin-left: 32px !important;
    }
    .afterabout::after {
        margin-left: -115px !important;
    }
    #logo{
        margin-bottom: 0px !important;
    }
    div#slider-polaroid-0 {
        height: 120px !important;
        background-size: cover;
        background-position: center center;
        /*margin-top: 228px;*/
    }
    
    .title{
        margin-top: 0px !important;
    }
    #header + #primary {
        margin-top: 15px !important;
    }
    .polaroid .thumbs {
        display: none !important;
    }
    /* .foot-quick{
        margin-left: 100px !important;
    } */
/* zakat calculator */
.donate-info
{
    margin: 0px 0px !important;
}

.top-zakat {
    padding: 0px 20px !important;
    height: 280px !important;
    margin-top: 7px !important;
}
.top-zakat h2 {
    padding-top: 20px !important;
}
.type {
    font-size: 15px !important;
}
form{
    overflow-y: scroll;
}
.social {
    margin: 20px -25px !important;
}
.social ul a {
    padding: 6px 6px !important;
}
.nisab{
    height: 130px !important;
}
.btn-cal{
    margin-left: 220px !important;
    margin-top: -74px !important;
}
.btn-rset{
    margin-left: 120px !important;
}
/*.form-control{*/
/*    width: 300px !important;*/
/*}*/
.col-form-label{
    text-align: left;
}
.asset h5 {
    width: 88% !important;
    margin-left: 0px !important;
}
.payable h5{
    width: 88% !important;
    margin-left: 0px !important;
}

    #header #tagline { display: none; }

    #header .slider,
    #header .slider.flexslider { margin-top: 0px !important; border-top: 0px !important; }
    .top-border { border: 0px; margin-top: 0px; }

    .page-id-79 #header { padding-bottom: 30px; } /* only for the live */

    #portfolio.portfolio-slider li { width:201px; }
    /*.slogan h2, .slogan h3 { padding:0 20px; }*/

    #map { margin-top: 0px; }
    #page-meta .title, #page-meta .breadcrumbs { float: none; }
    #page-meta .breadcrumbs { margin-top: -20px; }
    .breadcrumbs span.before-text, p#yit-breadcrumb { line-height: 70px; }

    #copyright .container { padding-left: 20px; padding-right: 20px; }

    /* === PORTFOLIO */
    .portfolio-full-description .work { margin-bottom: 20px; }
    .portfolio-full-description h3, .portfolio-full-description h3 a { margin-top: 1.2em !important; }

    .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: 0px; }

    /* === CART */
    table.cart .product-thumbnail { display: none; }

    /* === CHECKOUT */
    .status-publish form h3#shippingaddress-title, .checkout #shiptobilling { float: none; margin-bottom: 10px; }
    #multistep_resume .checkout_progress { text-indent: 100%; white-space: nowrap; overflow: hidden; }

    /* === SHOP PAGE */
    ul.products li.product.list .product-thumbnail,
    ul.products li.product.list .product-thumbnail .thumbnail-wrapper { margin-left: 0px !important; }

    ul.products li.product.list .thumbnail-wrapper, ul.products li.product.list .product-meta { float: none; }
    ul.products li.product.list .product-thumbnail .thumbnail-wrapper { width: 96%; margin-bottom: 20px; }

    /* === SHORTCODES */
    .newsletter-call3 { width: 100%; border: none; background: none; display: block; float: none; height: auto; }
    div.call-three { padding-right: 10px; }
    .call-three .text { float: none; width: 100%; }
    .call-three .text p, .call-three .text h1, .call-three .text h2, .call-three .text h3, .call-three .text h4, .call-three .text h5, .call-three .text h6 { float: none; }

    .newsletter-call3 .newsletter-icon { border-left: 1px solid #DFDCDC; border-top: 1px solid #DFDCDC; border-bottom: 1px solid #DFDCDC; }
    .newsletter-call3 .newsletter-input { border: 1px solid #DFDCDC; width: 82%; }
    .newsletter-call3 .newsletter-icon, .newsletter-call3 .newsletter-input { margin-bottom: 20px; }
    .newsletter-call3 .newsletter-input input { width: 95%; }
    .newsletter-call3 .newsletter-submit { border:  none; float: none; clear: both; }
    .newsletter-call3 .newsletter-submit .submit-field { display: block; padding: 3px 5px 0px; margin: 5px auto 0px;width: auto; }

    .numbers-sections .number { display: none; }
    .numbers-sections h4, .numbers-sections p { margin-left: 0px; }

    .testimonials-flexslider ul li blockquote p { line-height: 23px; }
    .testimonials-flexslider ul li blockquote p a { font-size: 13px !important; }

    ul.filters.faq li:first-child { width: 100%; }
    ul.filters.faq li:nth-child(2) a { padding-left: 0px !important; }

    /* === WIDGET */
    .last-tweets #follow-twitter { background: none; }
}

/* Portrait phones and down */


@media (max-width: 360px) {
    body {
        margin-top: 91px;
    }
    img.attachment-blog_thumb.wp-post-image {
        height: 200px;
    }
    #header {
        position: fixed !important;
        top: 0;
        opacity: .9;
    }
    #header-sidebar {
        margin-top: -25px !important;
    }
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    #logo-headersidebar-container {
        margin:-8px;
    }
    .chairman-img img, .secretary-item img, .treasurer-item img {
        width: 96% !important;
        height: unset !important;
    }
    #logo img {
        border: none;
        height: 60px;
        width: 60px;
        object-fit: contain;
        position: relative;
        left: -36%;
    }
    .branch-cover img {
        margin-top: 8px !important;
    }
    
    img.attachment-section_services.wp-post-image {
        height: 220px !important;
    }
    .picture_overlay {
        max-height: 220px !important;
    }
    .zakcal {
        font-size: 14px;
        padding: 11px 10px !important;
        border-radius: 5px;
        text-transform: lowercase;
    }
    .btn-danger {
        padding: 12px !important;
        margin-left: 5px !important;
    }
    .menu-select.no-slider {
        margin: 0;
        width: 65%;
        position: absolute;
        top: 8px;
        left: 30%;
    }
    .menu-select select {
        background: #aeefdd;
        color: #000 !important;
    }
    .slider {
        height: 130px !important;
        margin-top: 0px !important;
    }
    .polaroid .slide .slide-content {
        height: 92px !important;
        border-top: 0px !important;
    }

    .foot-quick {
        padding: 8px;
        width: 120px;
        font-size: 14px !important;
        top: -12px;
    }

    /* president css start */
    .afterpresident::after {
        margin-left: -100px  !important;
    }
    .afterpresident::before {
        margin-left: 32px !important;
    }
    /* .quick {
        margin-left: 80px !important;
    } */
    .input-subscribe {
        margin-top: 0px !important;
    }
    .slogan{
        margin-top: 15px !important;
    }

    /* .section.square .picture_overlay
    {
        max-width: 310px !important;
    } */
    /* img.attachment-section_services.wp-post-image
    {
        width: 310px !important;
    } */

    #header + #primary {
        margin-top: 15px !important;
    }
    .welcome::after {
        width: 50% !important;
        top: 115% !important;
        margin-left: -167px !important;
    }
    .welcome::before {
        width: 50% !important;
        top: 115% !important;
        left: -2px !important;
    }
    .top-text {
        margin-top: 5px !important;
    }
    .afterbefore::after {
        margin-left: -52px !important;
    }
    .afterbefore::before {
        margin-left: 22px !important;
    }
    .afternews::before {
        margin-left: 26px  !important;
    }
    .afternews::after {
        margin-left: -66px !important;
    }
    .aftermanage::after {
        margin-left: -81px !important;
    }
    .aftermanage::before {
        margin-left: 16px !important;
    }
    .afterbefore2::after {
        margin-left: -39px !important;
    }
    .afterbefore2::before {
        margin-left: 26px !important;
    }
    .notice {
        padding: 6px 0px 2px 0px !important;
    }
    .afterabout::after {
        top: 115% !important;
        margin-left: -113px !important;
    }
    .afterabout::before {
        top: 115% !important;
        margin-left: 30px !important;
    }
    img.attachment-blog_libra_big.wp-post-image {
        height: 175px !important;
    }
    .aftervision::after {
        top: 110% !important;
        margin-left: -120px !important;
    }
    .aftervision::before {
        top: 110% !important;
        margin-left: 30px !important;
    }
    .aftermanagement::before {
        top: 110% !important;
        margin-left: 30px !important;
    }
    .aftermanagement::after {
        top: 110% !important;
        margin-left: -125px !important;
    }
    .afterbranch::after {
        top: 110% !important;
        margin-left: -60px !important;
    }
    .afterbranch::before {
        top: 110% !important;
        left: 35px !important;
    }

    /* zakat responsive */
    .donate-info
    {
        margin: 0px 0px !important;
    }
    .zakcal {
        font-size: 14px;
        padding: 12px;
        border-radius: 5px;
    }
    .top-zakat {
        padding: 0px 20px !important;
        height: 280px !important;
        margin-top: 7px !important;
    }
    .top-zakat h2 {
        padding-top: 20px !important;
    }
    .type {
        font-size: 15px !important;
    }
    form{
        overflow-y: scroll;
    }
    .social {
        margin: 20px -25px !important;
    }
    .social ul a {
        padding: 6px 6px !important;
    }
    .nisab{
        height: 130px !important;
    }
    .btn-cal{
        margin-left: 220px !important;
        margin-top: -74px !important;
    }
    .btn-rset{
        margin-left: 120px !important;
    }
    /*.form-control{*/
    /*    width: 300px !important;*/
    /*}*/
    .col-form-label{
        text-align: left;
    }
    .asset h5 {
        width: 88% !important;
        margin-left: 0px !important;
    }
    .payable h5{
        width: 88% !important;
        margin-left: 0px !important;
    }
    /* zakta responsive end */

    /* .foot-quick{
        margin-left: 100px !important;
    } */
    .aftercauses::after {
        margin-left: -93px !important;
    }
    .aftercauses::before {
        margin-left: 24px !important;
    }
    .aftervideo::after {
        top: 116% !important;
        margin-left: -79px !important;
    }
    .aftervideo::before {
        top: 116% !important;
        margin-left: 26px !important;
    }
}
@media (max-width: 321px) {
    body {
        margin-top: 91px;
    }
    #header {
        position: fixed !important;
        top: 0;
        opacity: .9;
    }
    #header-sidebar {
        margin-top: -6px !important;
    }
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    #logo-headersidebar-container {
        margin:-8px;
    }
    #logo img {
        border: none;
        height: 50px;
        width: 60px;
        object-fit: contain;
        position: relative;
        left: -36%;
    }
    .zakcal {
        font-size: 12px;
        padding: 11px 8px !important;
        border-radius: 5px;
        text-transform: lowercase;
    }
    .btn-danger {
        padding: 10px !important;
        margin-left: 3px !important;
    }
    .menu-select.no-slider {
        margin: 0;
        width: 65%;
        position: absolute;
        top: 8px;
        left: 30%;
    }
    .menu-select select {
        background: #aeefdd;
        color: #000 !important;
    }
    /*.slider {

        margin-top: 0px !important;
    }
    .polaroid .slide .slide-content {
        height:100%;       
        width: 100% !important;           
        padding-top:0px !important;
        border-top: 0px !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }*/

    /* president css start */
    .afterpresident::after {
        margin-left: -100px  !important;
    }
    .afterpresident::before {
        margin-left: 32px !important;
    }

    .slider {
        height: 120px !important;
        margin-top: 0px !important;
    }
    .polaroid .slide .slide-content {
        height: 90px !important;
        border-top: 0px !important;
    }
    
    img.attachment-section_services.wp-post-image {
        height: 200px !important;
    }
    .picture_overlay {
        max-height: 200px !important;
    }
    .foot-quick {
        padding: 8px;
        width: 120px;
        font-size: 14px !important;
        top: -12px;
    }
    .slogan {
        margin-top: 0px !important;
    }
    .input-subscribe {
        margin-top: 0px !important;
    }
    .welcome::after {
        width: 50% !important;
        top: 115% !important;
        margin-left: -23px !important;
    }
    .welcome::before {
        width: 50% !important;
        top: 115% !important;
        left: -2px !important;
    }

    /* .section.square .picture_overlay
    {
        max-width: 310px !important;
    } */
    /* img.attachment-section_services.wp-post-image
    {
        width: 310px !important;
    } */
    /* .foot-quick{
        margin-left: 100px !important;
    } */
    .top-text {
        margin-top: 5px !important;
    }
    .aftervision::after {
        top: 110% !important;
        margin-left: -120px !important;
    }
    .aftervision::before {
        top: 110% !important;
        margin-left: 30px !important;
    }
    .afterbranch::after {
        top: 110% !important;
        margin-left: -60px !important;
    }
    .afterbranch::before {
        top: 110% !important;
        left: 35px !important;
    }

    /* zakat calculator css */
    .donate-info
    {
        margin: 0px 0px !important;
    }
    .type {
        font-size: 15px !important;
    }
    form{
        overflow-y: scroll;
    }
    .social {
        margin: 20px -25px !important;
    }
    .social ul a {
        padding: 6px 6px !important;
    }
    .nisab{
        height: 130px !important;
    }
    .btn-cal{
        margin-left: 220px !important;
        margin-top: -74px !important;
    }
    .btn-rset{
        margin-left: 120px !important;
    }
    .form-control{
        width: 300px !important;
    }
    .col-form-label{
        text-align: left;
    }
    .asset h5 {
        width: 88% !important;
        margin-left: 0px !important;
    }
    .payable h5{
        width: 88% !important;
        margin-left: 0px !important;
    }

    /* zakat calculator end */
    .aftercauses::after {
        margin-left: -93px !important;
    }
    .aftercauses::before {
        margin-left: 24px !important;
    }
    #copyright div p:first-child { margin-top: 15px; }

    #portfolio.portfolio-slider li { width:260px; }

    .portfolio-slider.thumbnails .showcase-thumbnail { margin-right:15px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
    .portfolio-slider.thumbnails .showcase-thumbnail-button-backward, .slider.thumbnails .showcase-thumbnail-button-forward { width:18px; }

    ul.products.slides li { margin-left: 20px !important; margin-right: 20px !important; }

    .woocommerce_message, .woocommerce_error, .woocommerce_info { line-height: 20px; }
    .woocommerce_message .button, .woocommerce_error .button, .woocommerce_info .button { margin-top: 4px; margin-left: 8px; }

    div.summary .woocommerce-price-and-add { height: 110px; min-height: 110px; }
    div.summary .woocommerce-price, div.summary .woocommerce-add-to-cart { float: none; max-width: 100%; }
    div.summary .woocommerce-price-and-add .button { float: none; margin-top: 0px; }

    .products-slider ul.products li { width:280px; }

    /* === CART */
    .shop_table.cart .coupon #coupon_code { width: 127px; }

    /* === CHEKOUT */
    table.shop_table tfoot .cart-subtotal th,
    table.shop_table tfoot .shipping th,
    table.shop_table tfoot .total th {
        width: 27%;
    }

    .form-row.place-order { margin-top: 20px; }
    #payment #place_order { float: left; }
    .products-slider li { width:280px; }

    /* === SHORTCODES */
    .newsletter-call3 .newsletter-input { width: 73%; }
    .newsletter-call3 .newsletter-input input { width: 93%; }
}