:root{

    --button-color: #028a02;
    --sub_header_color:#A941D2;
    --text_color: #757575;
    --background: #f7fbfb;
    --button-hover-color: #09b509;
}



html{
    font-family: "Montserrat", sans-serif;
    scroll-behavior:smooth;
}


body{
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 0;

}




/*beginning of header_menu section */

.header_container_bond{
    width:100%;
    /*background:yellow;*/
    height: auto;

    /*border:2px solid yellow;*/
    display:flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    position: relative;
    z-index: 10;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    color:white;
    padding:0;
    margin:0;
    /*background: rgb(0,0,0, 0.2);*/



    /*display: none;*/

}
.header_container_bond.active{
    position:fixed;
    color:black;
    background:white;
    z-index:10;
    border-bottom:1px solid grey;

}

.header_top{
    width:90%;
    height:auto;
    /*border:2px solid red;*/
    display: flex;
    align-items: center;
    /*background: pink;*/
    padding:10px 0px 5px 0px;


}

.header_top.active{
    display:none;
}

.hr_divide{
    border:1px solid grey;
    width:99.7%;
    display:flex;
    margin:0;
    padding:0;

}

.hr_divide.active{
    display:none;
}

.phone_no{
    width:300px;
    height:30px;
    /*background:purple;*/
    display:flex;
    align-items: center;
    /*justify-content:;*/
    column-gap: 20px;
    color:white;
}

.phone_no img{
    width:25px;
}

.ph_number a{
    color:white;
    text-decoration:none;
    cursor:pointer;
}

.open_hours{
    width:700px;
    height:30px;
    /*background:yellowgreen;*/
    display:flex;
    align-items: center;

}

.hours_icon{
    width:50px;
    height:auto;
    /*background: orange;*/
    display:flex;
    justify-content: center;
    padding:1px 0px 1px 0px;
}

.hours_icon img{
    width:20px;
}

.biz_time{
    width:50%;
    /*background:grey;*/
    height: auto;
}

.social_icons{
    width:45%;
    height:30px;
    /*background: blue;*/
    display:flex;
    justify-content: flex-end;
    margin-right:10px;
}

.s_i_box{
    width:50%;
    /*background:pink;*/
    height:30px;
    display:flex;
    column-gap: 10px;
    justify-content: flex-end;
}

.icons_b{
    width:30px;
    height: 30px;
    background: #535353;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icons_b img{
    width:20px;
}

.header_sec{
    width:90%;
    height:auto;
    /*border:2px solid pink;*/
    display: flex;
    padding:5px 0px 5px 0px;
}
.logo_cart_bond{
    display:flex;
    height:50px;
    /*background:green;*/
    width:25%;
    padding-right:10px;
}
.logo_cart_sec{

    width:100%;
    height:50px;
    display:flex;

}

.logo{
    width:150px;
    height:50px;
    /*background:brown;*/
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.logo img{
    width:50px;
}

.cart{
    display: flex;
    width:90%;
    /*background:purple;*/
    opacity: 0;
}

.cart_icon{
    width:50px;
    height:50px;
    /*background:cyan;*/
    display:flex;
    align-items: center;
    justify-content: center;
}

.cart_black{
    display:none;
}

.cart_icon img{
    width:40px;
}

.cart_no{
    position:absolute;
    margin-bottom:20px;
    margin-left:10px;
}

.cart_amount{
    width:auto;
    height:50px;
    padding:0px 10px 0px 10px;
    max-width: 150px;
    /*background: gold;*/
    display:flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.currency_symbol img{
    width:20px;
}

.naira_black{
    display:none;
}

.main_amount{

}

.cart_items_number{
    width:30px;
    /*background:white;*/
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.search_box_sec{
    width:50px;
    height:50px;
    /*background:green;*/
    display:flex;
    align-items: center;
    justify-content: center;
}

.search_box_sec img{
    width:20px;
}

.search_black{
    display:none;
}



.menus_sec_bond{
    /*background:grey;*/
    width:55%;
    height:50px;

}

.menu_black{
    display:none;
}
.cancel_icon{
    display:none;
}

.menu_sec_content{
    display:flex;
    column-gap: 30px;
    width:auto;
}
.menu_list{
    width:auto;
    /*background:blue;*/
    height:auto;

    display:flex;

    /*align-items: flex-start;*/
    align-items: center;
    justify-content: flex-start;
    margin-top:10px;
    padding:10px 0px 10px 0px;
    flex-direction: column;
    cursor:pointer;

}


.related_sub_link{
    color:black;
}


.phone_link_mobile{
    color:var(--text_color) !important;
}

.sub_link_mobile{
    display:none;
}

.menu_list:hover{
    color:var(--button-color);
}

.menu_list.drop{
    align-items: flex-start;
}

.service_drop_container{
    background: #dbe3d7;
    color:var(--text_color);
    width:auto;
    height:auto;
    padding:20px 20px 20px 25px;
    position:absolute;
    margin-top:50px;
    /*display:flex;*/
    column-gap: 15px;
    font-size:14px;
    font-weight: bold;
    display:none;


}

.service_x{
    /*background: red;*/
    padding:0px 0px 50px 0px;
    /*background:red;*/
    width:100%;
    display:flex;
    justify-content: center;
    z-index:2;
}

.service_drop_container.active{
    display:flex;
}

.service_drop_left{
    /*background:yellow;*/
    width:50%;
    height:auto;
    display:flex;
    flex-direction: column;
    row-gap: 5px;

}
.service_drop a{
    color:inherit;
    text-decoration: none;
}
.service_drop a:hover{
    color:var(--button-color);
}

.service_drop a:active{
    color:white;
}

.menu_list a{
    color:white;
    text-decoration: none;
}
.service_drop_container a{
    color:var(--text_color);
}
.menu_list a:hover{
    color:var(--button-color);
}


.service_drop:hover{
    color:var(--button-color);
}

.service_drop_left.shop{
    /*background:yellow;*/
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    row-gap: 5px;

}

.service_drop_right{
    /*background:brown;*/
    width:50%;
    height:auto;
}
.service_drop{
    width:100%;
    height:auto;
    padding:5px 0px 5px 0px;
    /*background:deeppink;*/
    display:flex;
    column-gap: 8px;


}

.service_icon img{
    width:15px;
}










.opening_hours_mp{
    display:none;
    margin-top:20px;
}

.right_cart_sec{
    /*background:indigo;*/
    width:20%;
    height:50px;
    display:flex;
    justify-content: flex-end;
}

.mobile_menu_icon{
    width:50px;
    height:50px;
    /*background:yellow;*/
    display: flex;
    align-items: center;
    justify-content: center;
}


.mobile_menu_icon img{
    width:30px;
}









@media screen and (max-width:1550px){

    .cart {
        /*display: flex;*/
        width: 90%;
        /*background:purple;*/
        opacity: 1;
        display:none;

    }
    .logo_cart_sec{
        /*background:green;*/
        /*width:40%;*/
    }

    .logo_cart_bond{
        /*background: red;*/
        width:20%;
    }

    .menus_sec_bond{
        /*background: green;*/
        width:50%;
    }
    .right_cart_sec{
        width:30%;
    }
}


@media screen and (max-width:1400px){

    .header_container_bond{
        font-size:16px;
    }

    .header_top{
        font-size:14px;
    }
}



@media screen and (max-width:1200px){
    .open_hours{
        width:700px;
        /*background:yellow;*/
        /*color:black;*/
    }

    .phone_no{
        width:350px;
        /*background:yellow;*/
    }

    .biz_time{
        width:80%;
        /*background:blue;*/
    }



}

@media screen and (max-width:1050px){

    .logo_cart_bond{
        /*background: blue;*/
        width:20%;
    }

    .menus_sec_bond{
        /*background:yellow;*/
        width:45%;
    }

    .right_cart_sec{
        width:35%;
    }

    .menu_list a {
        color: inherit;
    }


}

/* header_menu section mobile view */



@media screen and (max-width:980px){

    .header_container_bond{
        position: fixed;
    }

    .header_sec{
        flex-direction: column;
        /*position: fixed;*/


    }

    .service_x{
        /*background: red;*/
        padding-bottom:0px;
        padding-top:0px;
        justify-content: flex-start;
        display: flex;
    }

    .drop_text{
        height:20px;
        /*background:red;*/
        width:92%;
    }


    .cross_icon img{
        width:18px;
    }


    .service_drop_container{
        margin-top:0px;
        background: white;
        flex-direction: column;
        /*background: red;*/
        width:90%;
        font-size:13px;
        row-gap: 10px;
        color: #979797;
    }

    .service_drop_left, .service_drop_right{
        width:100%;
        row-gap:5px;
        display:flex;
        flex-direction: column;
    }

    .service_drop{
        /*background:yellow;*/
        width:100%;

    }


    .menu_list{
        align-items: flex-start;
        font-weight: bold;
        color:var(--text_color);
    }




    .sub_link_mobile{
        display:block;
    }

    .main_link{
        display:none;
    }



    .service_drop_container {

        position:relative;
    }

    .cart{
        display:flex;
        opacity: 1;
    }

    .logo_cart_bond{
        width:100%;
        /*background:red;*/

    }

    .logo{
        width:60%;
    }

    .cart{
        width:40%;
        /*background: blue;*/
        justify-content: flex-end;
    }

    .logo_cart_sec{
        width:100%;
    }

    .menus_sec_bond{
        height:100vh;
        width:100%;
        /*display:flex;*/
        justify-content: flex-end;

        z-index: 2;
        /*background:blue;*/
        color:black;
        position: fixed;
        top:0px;
        display:none;

    }
    .menu_sec_content{
        flex-direction: column;
        row-gap: 5px;
        width:100%;
        /*align-items: flex-end;*/
        background:white;
        color:black;
        transform:translateX(450px);
    }
    .menu_list{
        width:75%;
        color:black;
        /*background:green;*/
        text-align: left;
        display:flex;
        justify-content: flex-start;
        margin-left:18px;
        border-bottom:0.5px solid #b8b8b8;

    }



    .cancel_icon{
        width:90%;
        height: 50px;
        /*background:yellow;*/
        display: flex;
        justify-content: flex-end;
        align-items: center;

    }
    .cancel_icon_x{
        width:40px;
        height:40px;
        /*background: black;*/
        color:orange;
        display:flex;
        align-items: center;
        justify-content: center;
        margin-right:30px;
        margin-top:10px;
        font-weight: bold;
        font-size:22px;
    }

    .right_cart_sec{
        display: none;
    }

    .opening_hours_mp{
        /*display:flex;*/
        /*background: red;*/
        height:auto;
        flex-direction: column;
        align-items: flex-start;
        width:100%;
        row-gap: 5px;
        display:none;


    }

    .phone_icon img{
        width:18px;
    }

    .hours_icon img{
        width:18px;
    }

    .icons_b{
        width:25px;
        height:25px;
    }
    .icons_b img{
        width:17px;
    }





}



@media screen and (max-width: 700px){

    .hr_divide{
        display: none;
    }

    .logo{
        width:25%;
        /*background: red;*/
    }

    .cart{
        width:75%;
        /*background: blue;*/
        justify-content: flex-end;
        font-size: 14px;
    }

    .cart_icon img{
        width:30px;
    }


    .header_top{
        display:none;

    }

    .opening_hours_mp {
        display:flex;

    }

    .phone_icon{
        /*background: red;*/
        width:35px;
    }

    .ph_number{
        /*background:brown;*/
    }


    .phone_no{
        /*background:purple;*/
        width:90%;
        height:auto;
        margin-left:15px;
        color: #474646;
        column-gap: 0px;
    }



    .open_hours{

        /*background:green;*/
        display:flex;
        /*flex-direction: column;*/

        row-gap: 10px;
        font-size: 13px;
        width:80%;
        margin-left: 15px;
        color: #474646;

    }


    .hours_icon{

        width:35px;

    }







    .hours_icon{
        justify-content: flex-start;
    }

    .biz_time{

    }

    .social_icons{
        /*background: yellow;*/
        width:80%;
        /*justify-content: flex-start;*/
        margin-left:15px;
        margin-top:6px;
    }

    .s_i_box{
        /*background:brown;*/
        width:100%;
        justify-content: flex-start;
    }

    .icons_b{
        background: #9a9a9a;

    }



    .menu_sec_content{
        width:60%;
    }
    /*.logo{}*/



}

@media screen and (max-width: 550px){

    .menu_list{
        font-size:13px;
    }

    .opening_hours_mp{
        font-size:13px;
    }






    .open_hours{
        font-size:13px;
    }
    .menu_sec_content{
        width:80%;
    }

    .mobile_menu_icon img{
        width:15px;
    }
    .currency_symbol img{
        width:15px;
    }


    .search_box_sec img{
        width:15px;
    }

    .cart_icon img{
        width:30px;
    }

    .logo img{
        width:40px;
    }
}


@media screen and (max-width: 450px){
    .menu_sec_content{
        width:100%;
    }
}








/*end of header_menu section */