@media screen and (max-width:1119px) {
    
}
@media screen and (max-width:1024px) {
    #cta{
        margin-right:20px;
        margin-left:20px;
    }
    .ftr_title h3{
        font-size: 20px;
    }
}
@media screen and (max-width:992px) {
    .policy_img {
        top: -115px;
        right: 100px;
        right: 20px;
    }
    .policy_img img {
        width: 220px;
        height: 220px;
        right: 0;
    }
    /* <---- client cards ---> */

}
@media screen and (max-width:768px) {
    .nav_bt, .main_nav{
        display: none;
    }
    .nav{
        display: block !important;
    }
    .nav_toggle{
        margin-left:0.5rem;
    }
    .mobile_nav {
        display: block !important;
    }

    #about .row{
        flex-direction: column-reverse;
    }
    /* -- Header End -- */

    .about_img {
        /* width: max-content; */
        max-width: 380px;
        width: 100%;
        margin: auto;
    }
    .title {
        font-size: 45px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: capitalize;
        text-align: center;
    }
    .product_img img {
        /* max-height: 400px; */
        max-width: 250px;
    }
    #featured_product {
        padding: 40px 0;
    }
    #featured_product_alt {
        background: #f7f7f7;
        padding: 0px 0;
    }
    .about_cnt_vis {
        padding-left: 0 !important;
        margin-top: 10px;
    }
    .contact_img img {
        border-radius: 15px !important;
        /* max-width: 265px; */
        max-height: 300px;
        object-fit: cover;
    }
    .service_main.copy .row {
        flex-direction: column-reverse;
    }
    .service_main .service_cnt_img img{
       max-height: 250px;
    }
    /* <---- client cards ---> */
    .clients_grid{
        border: solid 0.5px ;
        border-color: #2d75b859 !important;
    }
    .point{
        text-align: center !important;
        align-items: center;
    }
    .conatct_space {
        margin: 0px 15px;
    }
    .bt_buy {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    /* .vision {
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 30px;
    } */
    .about_cnt_vis {
        padding-left: 30px;
        margin-top: 10px;
    }
    section#featured_product_alt .row {
        flex-direction: column-reverse;
    }
    .product_cnt p {
        font-size: 16px;
        font-weight: 500;
        color: #000000b5;
        letter-spacing: 0.5px;
        line-height: normal;
        /* font-family: ""; */
    }
    .title.small {
        font-weight: 500;
        font-size: 31px;
    }
    .vision {
        /* text-align: center; */
        /* align-items: center; */
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .contact_img {
        height: 100%;
        max-height: 250px;
        height: 133px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #popup-image {
        width: 100%;
        display: block;
        height: 100%;
        max-height: 250px;
        object-position: center;
        object-fit: contain;
        height: 250px;
        margin-bottom: 10px;
    }
    .popup {
        height: 100%;
        min-height: 90vh;
        overflow: scroll;
        width: 97vw;
    }
}
@media screen and (max-width:625px) {
   
}
@media screen and (max-width:575px) {
    .mtop{
        margin-top: 125px;
    }
    .mobile_nav{
        width: 70%;
    }
    .semi_pill {
        font-size: 18px;
    }
    .point {
        font-size: 14px;
        font-weight: 500;
    }
    .policy_img {
        top: -100px;
        right: 100px;
        right: 20px;
    }
    .policy_img img {
        width: 160px;
        height: 160px;
        right: 0;
    }
    #policy .title{
        font-size: 30px;
    }
    .bt_buy{
        padding: 5px 30px;
    }
    a.bt_more {
        /* border: solid 1px #ffffff52; */
        backdrop-filter: blur(13px);
        letter-spacing: 2px;
    }
    .hero_data h1 {
        font-size: 50px;
        font-weight: 500;
        margin-top: 130px;
    }
    h3.aos-init.aos-animate {
        max-width: 300px;
        font-weight: 300;
    }
    .popup {
        min-height: 90vh;
    }
}
@media screen and (max-width:450px) {
    .mobile_nav{
        width: 100%;
    }
    .hero_data h1 {
        font-size: 40px;
    }
    .ftr_info,
    .ftr_title{
        text-align: center;
    }
    .ftr_title h3{
        margin-bottom: 0px;
    }
    a.bt_buy {
        text-decoration: none;
        padding: 8px 20px;
        min-width: 100%;
        max-width: 250px;
        display: flex;
        /* align-items: center; */
        text-align: center;
        justify-content: center;
        /* width: 100%; */
    }
}
@media screen and (max-width:400px) {
    .hero_data h1 {
        font-size: 50px;
        font-weight: 500;
    }
    .policy_img {
        top: -115px;
        right: 0px;
    }
    .policy_img img {
        width: 150px;
        height: 150px;
        right: 0;
    }
}
@media screen and (max-width:350px) {
    h2#popup-title {
        font-size: 20px;
    }
    .popup img {
        width: 70%;
        display: block;
        height: 100%;
        border-radius: 15px;
    }
    .divider{
        margin: 0;
    }
}



@media screen and (min-width:575px) and (max-width:767px){
    .clients_grid:nth-child(3),
    .clients_grid:nth-child(6),
    .clients_grid:nth-child(9),
    .clients_grid:nth-child(12){
        border-right: 0;
    }
    .clients_grid:nth-child(1),
    .clients_grid:nth-child(4),
    .clients_grid:nth-child(7),
    .clients_grid:nth-child(10){
        border-left: 0;
    }
    .clients_grid:nth-child(1),.clients_grid:nth-child(2),.clients_grid:nth-child(3),
    .clients_grid:nth-child(4),.clients_grid:nth-child(5),.clients_grid:nth-child(6){
        border-top: 0;
    }
    .clients_grid:nth-child(7),.clients_grid:nth-child(8),.clients_grid:nth-child(9),
    .clients_grid:nth-child(10),.clients_grid:nth-child(11),.clients_grid:nth-child(12){
        border-bottom: 0;
    } 
}


@media screen and (min-width:768px) and (max-width:991px){
    .clients_grid:nth-child(4),
    .clients_grid:nth-child(8),
    .clients_grid:nth-child(12){
        border-right: 0;
    }
    .clients_grid:nth-child(1),
    .clients_grid:nth-child(5),
    .clients_grid:nth-child(9){
        border-left: 0;
    }
    .clients_grid:nth-child(1),.clients_grid:nth-child(2),.clients_grid:nth-child(3),
    .clients_grid:nth-child(4),.clients_grid:nth-child(5),.clients_grid:nth-child(6){
        border-top: 0;
    }
    .clients_grid:nth-child(7),.clients_grid:nth-child(8),.clients_grid:nth-child(9),
    .clients_grid:nth-child(10),.clients_grid:nth-child(11),.clients_grid:nth-child(12){
        border-bottom: 0;
    } 
    .point h3 {
        font-size: 30px !important;
        font-weight: 700;
    }
    .about_cnt .point p {
        font-weight: 700;
        font-size: 15px;
    }
    
}

@media screen and (min-width:992px){
    .clients_grid:nth-child(6),
    .clients_grid:nth-child(12){
        border-right: 0;
    }
    .clients_grid:nth-child(1),
    .clients_grid:nth-child(7){
        border-left: 0;
    }
    .clients_grid:nth-child(1),.clients_grid:nth-child(2),.clients_grid:nth-child(3),
    .clients_grid:nth-child(4),.clients_grid:nth-child(5),.clients_grid:nth-child(6){
        border-top: 0;
    }
    .clients_grid:nth-child(7),.clients_grid:nth-child(8),.clients_grid:nth-child(9),
    .clients_grid:nth-child(10),.clients_grid:nth-child(11),.clients_grid:nth-child(12){
        border-bottom: 0;
    }
}

@media screen and (min-width:768px){
    #popup-image {
        width: 100%;
        display: block;
        height: 100%;
        border-radius: 15px;
        /* height: 400px; */
        object-fit: cover;
    }
}



