/* footer  */


.footer{
    display: flex;
    justify-content: center;
    padding: 2% 3%;
}
.footer a{
    text-decoration: none;
}
.footer .namedakkeh{
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 1%;
}
.aboutdakkeh .creatdakkehbtn{
    display: block;
    text-decoration: none;
    width: fit-content;
    text-align: center;
    background-color: #322b4a;
    color: white;
    border: 1px solid white;
    border-radius: 10px;
    padding: 0.75% 4%;
    margin: 2% auto;
    transition: 0.3s all;
}

.aboutfooterbtn{
    display: block;
    text-decoration: none;
    width: 20%;
    height: fit-content !important;
    text-align: center;
    background-color: #322b4a;
    color: white;
    border: 1px solid white;
    border-radius: 10px;
    padding: 0.75% 4%;
    margin: 2% 0;
    transition: 0.3s all;
}
.aboutdakkeh .creatdakkehbtn:hover{
    background-color: white;
    color: #322b4a;
}
.footer .contantus{
    width: 15%;
    margin: 0 1%;
}
.footer .contantus .contant{
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 50% !important; */
}
.footer .contantus a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid white;
    border-radius: 10px;
    margin: 4% 0;
    color: white;
    transition: 0.3s all;
}
.footer .contantus a:hover{
    background-color: white;
    color: #322b4a;
}
.footer .contantus a:hover span{
    color: #322b4a;
}
.footer .contantus span{
    color: white;
    padding-right: 4%;
}
.footer .contantus i{
    padding: 4%;
    color: #322b4a;
    background-color: white;
    border-radius: 8px;
}

.e-namad{
    display: block;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    height: auto;
    border: 2px solid;
    border-color: white;
    background-color: whitesmoke;
    background-image: linear-gradient(0deg, #ffffffaf, #818181);
    background-image:
            linear-gradient(#b4b4b4, #ffffffaf),
            linear-gradient(#818181, #ffffffaf);
    border-radius: 10px;
    background-color: rgb(245, 245, 245);
    cursor: pointer;
    margin: 2% 0% 2% 2%;
    padding: 0.3%;
}







@media (max-width:359px){
    .ourtitle{
        width: 80%;
        margin: 20% auto;
    }

    .ourtitle h1{
        margin: 0 auto;
        font-size: large;
        font-weight: bold;
    }
    .ourtitle span, .suggestiontitle{
        font-weight: normal;
        font-size: medium;
    }
    .searchcontainer form{
        /* display: none; */

    }
    .searchcontainer a i{
        margin-top: 16%;
        color: white;
    }


    /* ============================= carousel =========================== */

    div.carousel{
        width: 310px;
        height: 230px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 290px ;
        height: 220px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 290px;
        height: 220px;
    }
    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }
    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 20px;
        height: 20px;
    }

    /* categoryimg

    */
    .categoryimg .categoryimgone, .categoryimg .categoryimgtwo{
        width: 42%;
        margin: 0 1%;
    }

    .categoryimg .categoryimgthree, .categoryimg .categoryimgfour{
        display: none;
    }

    .categoryimg .textOnimg{
        font-size: small;
    }
    .categorybanner .placard p{
        font-weight: unset !important;
        font-size: medium !important;
    }

    .categoryimg .mini .textOnimg{
        text-align: center;
        margin: 0%;
        color: white;
    }
    .categoryimg .maxi .textOnimg{
        text-align: center;
        margin: 1%;
        color: white;
    }
    /* suggest  */
    .suggest{
        width: 88%;
        margin: 1% 1%;
    }
    .aboutdakkehitem{
        width: 88%;
        margin: 1% 1%;
    }

    /* footer  */

    .footer{
        flex-direction: column;
    }
    .footer .contantus {
        width: 97%;
        margin: 0 1%;
    }
    .footer .namedakkeh {
        text-align: center;
        font-size: smaller;
        width: 98%;
        margin: 0 1%;
    }
    .aboutfooterbtn{
        display: block;
        text-decoration: none;
        width: 30%;
        height: fit-content !important;
        text-align: center;
        background-color: #322b4a;
        color: white;
        border: 1px solid white;
        border-radius: 10px;
        padding: 0.75% 4%;
        margin: 2% auto;
        transition: 0.3s all;
    }


}
@media screen and (min-width: 360px) and (max-width:400px){

    .ourtitle{
        width: 80%;
        margin: 20% auto;
    }

    .ourtitle h1{
        margin: 0 auto;
        font-size: x-large;
        font-weight: bold;
    }
    .ourtitle span, .suggestiontitle{
        font-weight: bold;
        font-size: medium;
    }
    .ourtitle .creatdakkehbtn {
        padding: 1.5% 3%;
        font-size: 14px;
        font-weight: bold;
        margin: 10% auto;
        transition: 0.2s;
    }

    .searchcontainer form{
        /* display: none; */
    }

    .searchcontainer a i{
        margin-top: 16%;
        color: white;
    }

    /* ============================= carousel =========================== */

    div.carousel{
        width: 350px;
        height: 210px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 330px ;
        height: 200px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 330px;
        height: 200px;
    }
    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }
    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width:25px;
        height:25px;
    }

    /* categoryimg

    */
    .categoryimg .categoryimgone, .categoryimg .categoryimgtwo{
        width: 42%;
        margin: 0 1%;
    }

    .categoryimg .categoryimgthree, .categoryimg .categoryimgfour{
        display: none;
    }

    .categoryimg .textOnimg{
        font-size: small;
    }
    .categorybanner .placard p{
        font-weight: unset !important;
        font-size: medium !important;
    }

    .categoryimg .mini .textOnimg{
        text-align: center;
        margin: 0%;
        color: white;
    }
    .categoryimg .maxi .textOnimg{
        text-align: center;
        margin: 1%;
        color: white;
    }
    /* suggest  */

    .suggest{
        width: 88%;
        margin: 1% 1%;
    }
    .aboutdakkehitem{
        width: 88%;
        margin: 1% 1%;
    }

    /* footer  */

    .footer{
        flex-direction: column;
        padding-top: 4%;
    }
    .footer .contantus {
        width: 97%;
        margin: 0 1%;
    }
    .footer .namedakkeh {
        text-align: center;
        font-size: smaller;
        width: 98%;
        margin: 0 1%;
    }

    .aboutfooterbtn{
        display: block;
        text-decoration: none;
        width: 40%;
        height: fit-content !important;
        text-align: center;
        background-color: #322b4a;
        color: white;
        border: 1px solid white;
        border-radius: 10px;
        padding: 0.75% 4%;
        margin: 2% auto;
        transition: 0.3s all;
    }


}
@media screen and (min-width: 401px) and (max-width:576px){

    .ourtitle{
        width: 80%;
        margin: 20% auto;
    }

    .ourtitle h1{
        margin: 0 auto;
        font-size: large;
        font-weight: bold;
    }
    .ourtitle span, .suggestiontitle{
        font-weight: normal;
        font-size:large;
    }

    .searchcontainer form{
        /*display: none;*/
    }

    .searchcontainer a i{
        margin-top: 18%;
        color: white;
    }

    /* ============================= carousel =========================== */

    div.carousel{
        width: 380px;
        height: 230px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 360px ;
        height: 220px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 360px;
        height: 220px;
    }
    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }
    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 30px;
        height: 30px;
    }

    /* categoryimg

    */
    .categoryimg .categoryimgone, .categoryimg .categoryimgtwo{
        width: 42%;
        margin: 0 1%;
    }

    .categoryimg .categoryimgthree, .categoryimg .categoryimgfour{
        display: none;
    }

    .categoryimg .textOnimg{
        font-size: small;
    }
    .categorybanner .placard p{
        font-weight: unset !important;
        font-size: medium !important;
    }

    .categoryimg .mini .textOnimg{
        text-align: center;
        margin: 0%;
        color: white;
    }
    .categoryimg .maxi .textOnimg{
        text-align: center;
        margin: 1%;
        color: white;
    }

    /* suggedt  */

    .suggest{
        width: 88%;
        margin: 1% 1%;
    }
    .aboutdakkehitem{
        width: 88%;
        margin: 1% 1%;
    }

    /* footer  */

    .footer{
        flex-direction: column;
        padding-top: 4%;
    }
    .footer .contantus {
        width: 97%;
        margin: 0 1%;
    }
    .footer .namedakkeh {
        text-align: center;
        font-size: smaller;
        width: 98%;
        margin: 0 1%;
    }

    .aboutfooterbtn{
        display: block;
        text-decoration: none;
        width: 40%;
        height: fit-content !important;
        text-align: center;
        background-color: #322b4a;
        color: white;
        border: 1px solid white;
        border-radius: 10px;
        padding: 0.75% 4%;
        margin: 2% auto;
        transition: 0.3s all;
    }

}
@media (min-width:577px) and (max-width:699px) {
    .searchcontainer form{
        /*display: none;*/
    }

    .searchcontainer a i{
        margin-top: 18%;
        color: white;
    }

    /* ============================= carousel =========================== */


    div.carousel{
        width: 580px;
        height: 215px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 550px;
        height: 200px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 550px;
        height: 200px;
    }

    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }

    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 30px;
        height: 30px;
    }


    /* categoryimg */


    .categoryimg .categoryimgone, .categoryimg .categoryimgtwo, .categoryimg .categoryimgthree{
        width: 28%;
        margin: 0 1%;
    }

    .categoryimgfour{
        display: none;
    }

    .categoryimg .textOnimg{
        font-size: small;
    }
    .categorybanner .placard p{
        font-weight: unset !important;
        font-size: medium !important;
    }

    .categoryimg .mini .textOnimg{
        text-align: center;
        margin: 0%;
        color: white;
    }
    .categoryimg .maxi .textOnimg{
        text-align: center;
        margin: 1%;
        color: white;
    }
    .categoryimg .maxtot .textOnimg {
        text-align: center;
        margin: 1%;
        color: white;
    }

    /* suggedt  */

    .suggest{
        width: 88%;
        height: 220px;
        margin: 1% 1%;
    }
    .aboutdakkehitem{
        width: 88%;
        margin: 1% 1%;
    }
    /* footer  */

    .footer{
        flex-direction: column;
        padding-top: 4%;
    }
    .footer .contantus {
        width: 50%;
        margin: 0 auto;
    }
    .footer .namedakkeh {
        text-align: center;
        font-size: smaller;
        width: 98%;
        margin: 0 auto;
    }

    .aboutfooterbtn{
        display: block;
        text-decoration: none;
        width: 40%;
        height: fit-content !important;
        text-align: center;
        background-color: #322b4a;
        color: white;
        border: 1px solid white;
        border-radius: 10px;
        padding: 0.75% 4%;
        margin: 2% auto;
        transition: 0.3s all;
    }


}
@media (min-width:700px) and (max-width:768px) {



    /* ============================= carousel =========================== */


    div.carousel{
        width: 680px;
        height: 235px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 320px;
        height: 230px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 320px;
        height: 230px;
    }

    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }

    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 30px;
        height: 30px;
    }

    /* categoryimg */


    .categoryimg .textOnimg{
        font-size: smaller;
    }
    .categorybanner .placard p{
        font-weight: unset !important;
        font-size: medium !important;
    }

    .categoryimg .mini .textOnimg{
        text-align: center;
        margin: -1%;
        color: white;
    }
    .categoryimg .maxi .textOnimg{
        text-align: center;
        margin: 1%;
        color: white;
    }
    .categoryimg .maxtot .textOnimg {
        text-align: center;
        margin: 1%;
        color: white;
    }

    /* suggedt  */

    .suggest{
        width: 80%;
        height: 240px;
        margin: 1% 1%;
    }
    .aboutdakkehitem{
        width: 88%;
        margin: 1% 1%;
    }
    /* footer  */

    .footer{
        padding-top: 4%;
    }
    .footer .contantus {
        width: 25%;
        margin: 0 1%;
    }
    .footer .contantus span{
        font-size: smaller;
    }
    .footer .namedakkeh {
        width: 62%;
        font-size: medium;
        margin: 0 1%;
    }
    .aboutfooterbtn{
        display: block;
        text-decoration: none;
        width: 40%;
        height: fit-content !important;
        text-align: center;
        background-color: #322b4a;
        color: white;
        border: 1px solid white;
        border-radius: 10px;
        padding: 0.75% 4%;
        margin: 2% auto;
        transition: 0.3s all;
    }

}
@media (min-width:769px) and (max-width:922px) {

    /* ============================= carousel =========================== */


    div.carousel{
        width: 765px;
        height: 335px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 360px;
        height: 230px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 360px;
        height: 230px;
    }
    div.carousel div.leftArrow{
        left: 1%;
    }
    div.carousel div.rightArrow{
        right: 1%;
    }

    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 30px;
        height: 30px;
    }

    /* categorybanner  */


    .categoryimg .maxi .textOnimg {
        margin: 0%;
    }
    .categoryimg .mini .textOnimg {
        margin: -1%;
    }
    .categoryimg .maxtot .textOnimg {
        margin: 0%;
    }


    /* suggest  */

    .suggest .textsuggest p, .suggest .textsuggest a{
        font-size: small;
    }

    /* footer */

    .footer a{
        text-decoration: none;
    }
    .footer .namedakkeh{
        display: flex;
        flex-direction: column;
        width: 62%;
        margin: 0 1%;
    }
    .footer .contantus {
        width: 20%;
        margin: 0 1%;
    }

}
@media (min-width:923px) and (max-width:1205px){

    /* ============================= carousel =========================== */


    div.carousel{
        width: 922px;
        height: 335px;
        margin: 2% auto;
    }
    div.carousel div.carouselItem{
        width: 284px;
        height: 230px;
        margin: 0 10px;
    }
    div.carousel div.carouselItem .aboutdakkehitem{
        width: 284px;
        height: 230px;
    }
    div.carousel div.leftArrow{
        display: none;
    }
    div.carousel div.rightArrow{
        display: none;
    }

    div.carousel div.leftArrow img,div.carousel div.rightArrow img{
        width: 30px;
        height: 30px;
    }

}