@media(min-width: 400px) {
    .home-slider {
        height: 319px;
    }
}
@media(min-width: 500px) {
    .email span:first-child {
        display: block;
    }
     .person .row {
        flex-direction: column !important;
    }

    .person div .col-5 {
        width: 100%;
        padding-bottom: 10px;
    }

    .person div .col-7 {
        width: 100%;
    }

    .person-content img {
        width: auto !important;
    }

    .person-content .col-5 {
        display: flex;
        justify-content: center;
    }
    .logo span {
        font-size: 17px;
    }
     .logo div {
        display: none;
    }

    .coop-name-img {
        display: block;
    }
    .logo span:first-child {
        border-bottom: 4px solid #00783A;
    }

    .mobile-serv span {
        font-size: 16px;
        line-height: 18px;
    }
    .download a img{
        height: 50px;
    }
    .popup-onload {
        margin-left: -243px !important;
    }

    .cnt223 {
        min-width: 450px !important;
        width: 485px !important;
        padding: 10px 10px !important;
    }

    .logo span:last-child {
        display: block;
    }

    .email {
        column-gap: 5px;
    }

    .top-left {
        flex-direction: row;
    }

    .phone {
        flex-direction: row;
    }

    .logo img {
        height: 95px;
        width: 95px;
    }

    .logo div {
        font-size: 16px;
        row-gap: 6px;
    }

    .service-info {
        width: 50%;
    }

    .service-icon i {
        padding: 10px;
    }

    .read-more span {
        font-size: 16px;
    }

    .read-more i {
        font-size: 16px;
    }

    .service-icon {
        width: 33%;
    }

    .service-content {
        width: 100%;
    }

    /*.service-info span {*/
    /*    -webkit-line-clamp: 1;*/
    /*    display: -webkit-box;*/
    /*    -webkit-box-orient: vertical;*/
    /*    overflow: hidden;*/
    /*}*/

    .card-body span {
        font-size: 18px;
    }

    .person {
        width: 32%;
    }

    .contact-person {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contact-info span:last-child {
        overflow: hidden;
    }
    .footer-svg,
    .header-svg {
    height: 21px;
}
}
@media(min-width: 520px){
    .qr{
    display: block!important;
    }
}
@media(min-width: 576px) {
    .chairman div:first-child {
        padding-bottom: 0;
    }

    .service-info {
        width: 49%;
    }

    .home-services {
        display: flex;
        flex-direction: row !important;
    }

    .chairman {
        display: flex;
        flex-direction: row;
    }

    .container {
        max-width: 960px !important;
    }

    .head-office,
    .branch-office {
        font-size: 16px;
    }

    .footer-home,
    .footer-saving,
    .footer-contact {
        line-height: 30px;
        font-size: 16px;
    }

    /*.download a {*/
    /*    width: 40%;*/
    /*}*/
}

@media(min-width: 600px) {
    .logo span {
        font-size: 19px;
    }
 .home-slider {
        height: 400px;
    }
    .service-info {
        width: 32%;
    }
    .mobile-serv span {
        font-size: 18px;
    }
    .close {
    padding: 4px 6px;
    font-size: 1.5rem;
}

    .popup-onload {
        margin-left: -294px !important;
    }

    .cnt223 {
        min-width: 550px !important;
        width: 585px !important;
    }
    .footer-svg,
    .header-svg {
    height: 22px;
}
}

@media (min-width: 768px) {
    .mobile-serv-icon {
        display: none !important;
    }
 .home-slider {
        height: 500px;
    }
    .services-tab-content {
        width: 79% !important;
    }
    .phone,
    .top-left {
        display: flex;
        flex-direction: row !important;
        align-items: start;
        font-size: 16px;
    }

    .card-body span {
        font-size: 22px;
    }

    .card {
        width: 24% !important;
        height: 190px !important;
    }

    .popup-onload {
        margin-left: -350px !important;
    }

    .cnt223 {
        min-width: 600px !important;
        width: 700px !important;
    }

    .read-more {
        padding: 5px;
    }

    .cooperative-left,
    .cooperative-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .container {
        max-width: 960px;
    }
    /*.cooperative{*/
    /*    max-width: 1300px!important;*/
    /*}*/
    .fa-phone {
        display: block;
    }

    .phone {
        justify-content: end;
        align-items: center;
    }

    .top-contact,
    .fax {
        display: block;
    }

    .email span:first-child {
        display: block !important;
    }

    .logo div {
        font-size: 20px !important;
    }

    .sms span,
    .mobile span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 26px;
        font-size: 17px;
        font-weight: 600;
    }

    .sms,
    .mobile {
        padding: 10px;
        align-content: center;
        align-items: center;
        height: 32%;
        background: #6dec49;
        color: #000;
        border-radius: 10px;
        justify-content: space-evenly;
    }

    .sms i,
    .mobile i {
        font-size: 47px;
    }

    .service-title {
        /*height: 29px;*/
        line-height: 28px !important;
        font-size: 28px !important;
        font-weight: 600 !important;
    }

    .service-info p {
        line-height: 19px !important;
    }

    .count span {
        font-size: 22px;
    }

    .counter .col-4 {
        width: 15% !important;
    }

    .head,
    .branch {
        font-size: 28px !important;
    }
    .footer-svg,
    .header-svg {
    height: 23px;
}
}
@media(min-width: 800px) {
    .person .row {
        flex-direction: row !important;
    }

    .person div .col-5 {
        width: 41.67%;
        padding-bottom: 10px;
    }

    .person div .col-7 {
        width: 58.33%;
    }

    .person-content img {
        width: 100% !important;
    }
}
@media (min-width:992px) {

    .sms i,
    .mobile i {
        font-size: 50px;
    }
    .service-info {
        height: 190px;
    }
      .team i,
    .event i,
    .download-item i,
    .report i,
    .community i,
    .our-services i,
    .act-item i{
        font-size: 16px !important;
        right: -16px!important;
        color: #fff!important;
    font-size: 14px !important;
     position: absolute!important;
    top: 33%!important;
    }
    .top-addr {
        display: flex !important;
        font-size: 16px;
        flex-direction: column;
        border-left: 2px solid #00783A;
        justify-content: center;
        font-size: 15px;
    }
 .home-slider {
        height: 620px;
    }
    .popup-onload {
        margin-left: -471px !important;
    }

    .cnt223 {
        width: 900px !important;
    }
    .close {
    padding: 5px 8px;
    font-size: 2rem;
}
    .sms span,
    .mobile span {
        font-size: 20px;
    }

    .event-list,
    .team-list,
    .download-list,
    .report-list, 
    .community-list,
    .our-services-list,
    .act-list{
        background-color: #00AD4E;
    }

    /*.event:hover .event-list {*/
    /*    bottom: 0 !important;*/
    /*    left: 0 !important;*/
    /*    top: none !important*/
    /*}*/

    .team-list span:hover,
    .event-list span:hover,
    .download-list span:hover,
    .report-list span:hover,
    .community-list span:hover,
    .our-services-list span:hover,
    .act-list span:hover{
        background-color: #69c469;
        color: #000 !important;
    }

    /*.download a {*/
    /*    width: 50%;*/
    /*}*/

    .logo img {
        height: 105px !important;
        width: 105px !important;
    }

    .logo span {
        font-size: 22px !important;
    }

    .logo a {
        column-gap: 30px !important
    }
    .footer-svg,
    .header-svg {
    height: 24px;
    }
}
@media(min-width: 1024px) {
    .service-icon i {
        padding: 15px;
        font-size: 56px;
    }
    .service-title {
        font-size: 32px !important;
    }

    .footer-svg,
    .header-svg {
        height: 26.5px;
    }
     .team i,
    .event i,
    .download-item i,
    .report i,
    .community i,
    .our-services i,
    .act-item i{
        font-size: 14px !important;
        right: -11px!important;
    }

}
@media(min-width: 1175px) {
    .logo span {
        font-size: 28px !important;
    }

    .top-addr {
        font-size: 16px;
    }
}
@media(min-width: 1200px) {
    .nav-link {
        font-size: 20px !important;
    }
}