.mycarddakkedar{
    width: 23%;
    height: auto;
    min-width: 22%;
    border: 1px solid lightgrey;
    background-color: white;
    transition: 0.3s;
    position: relative;
    margin: 1%;
}

.dakkedarinfo{
    width:97%;
    margin: 0 auto;
    background: url("../img/wall-w1.jpg");
    border-radius:10px;
    direction: rtl;
    text-align: right;
    border: 1px solid lightgray;
}

.mydakebtn{
    display: inline;
    padding: 8px 10px;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color:  #322B4A;
    text-decoration: none;
    text-align: center;
    color: #322B4A;
    align-self: start;
    transition: 0.3s;
}

.mydakebtn:hover{
    background-color: #322B4A;
    color: whitesmoke !important;
    border-style: solid;
    border-color: #322B4A;
}
.mydakebtn:nth-child(2){
    display: inline;
    padding: 8px 10px;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: lightgrey;
    text-decoration: none;
    text-align: center;
    color: whitesmoke;
    background-color: #322B4A;
    transition: 0.3s;
}
.mydakebtn:nth-child(2):hover{
    background-color: whitesmoke;
    color: #322B4A !important;
    border-style: solid;
    border-color: #322B4A;
}
.dakkedar{
    margin: 1% 1%;
}
.dakkedar:nth-child(1){
    width: 15%;
    height: 175px;
}
.dakkedar:nth-child(2){
    width: 65%;
}
.dakkedar:nth-child(3){
    width: 12%;
}

.dakkedaravatar{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 22px;
}

.tags{
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: lavender;

}
.cvbn2{
    padding: 12px;
    margin-right: 1%;
}

.showdakkeh{
    display: inline;
    padding: 2% 8%;
    margin: 0;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid;
    border-color: lightgrey;
    text-decoration: none;
    text-align: center;
    color: #322B4A;
    transition: 0.3s;
}

.showdakkeh:hover{
    background-color: #322B4A;
    color: rgb(255, 255, 255);
    border-style: solid;
    border-color: #322B4A;
}

@media (min-width: 769px)and (max-width: 1150px){
    .mycarddakkedar{
        width: 31%;
        height: auto;
    }
    .dakkedar:nth-child(1){
        width: 20%;
    }
    .dakkedar:nth-child(2){
        width: 60%;
    }
    .dakkedar:nth-child(3){
        width: 14%;
    }
    .dakkehname{
        font-size: 22px;
    }
}

@media (max-width: 768px){

    .mycarddakkedar{
        width: 100%;
        height: auto;
        margin: 2% auto;
        display: flex !important;
    }

    .dakkedatitle{
        align-items: center;
    }
    .imgcard{
        width: 45%;
        margin-left: 2%;
        height: 150px;
        border-radius: 0 8px 8px 0;
    }
    .imgcard img{
        width: 100%;
        height: 100%;
        border-radius: 0 8px 8px 0;
    }

    .cardBody{
        width: 53%;
        padding: 2%;
        border-radius: 8px 0 0 8px;
    }


    .dakkehname{
        font-size: 16px;
    }
    .dakkedar:nth-child(1){
        width: 55%;
        margin: 5% auto;
        border-radius: 26px;
        box-shadow:1px 1px 15px  grey;
    }
    .dakkedar:nth-child(2){
        width: 98%;
        margin: 0 auto;

    }
    .dakkedar:nth-child(3){
        width: 99%;

    }
    .mmnn1{
        margin: 2% auto;
        /* flex-direction: column-reverse; */
    }
    .mmnn1, .cvbn2{
        font-size: 0.9rem;
    }
    .mmnn1 a{
        /* margin: 3%; */
    }
    .mydakebtn{
        width: 90%;
    }
    .dakkedar{
        margin: 5% 2%;
    }

}