<header>
    <div class="bg-top-color">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                </div>
                <div class="col-md-6">
                    <ul class="social-network">
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-pinterest"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-google-plus"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <nav id="navbar_top" class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a href="<?php echo home_url(); ?>" class="navbar-brand">
                <!-- Logo Image -->
                <img src="<?php echo get_theme_mod('tour_logo');?>" alt="" class="d-inline-block align-middle mr-2">
                <!-- Logo Text -->
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="main_nav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#"> Menu item </a></li>
                    <li class="nav-item"><a class="nav-link" href="#"> Menu item </a></li>
                    <li class="nav-item"><a class="nav-link" href="#"> Menu item </a></li>
                </ul>
            </div> <!-- navbar-collapse.// -->
         <!--   <a class="pl-4 d-none d-lg-inline-block border-left border-danger text-decoration-none text-white" href="tel:"><i class="fa fa-phone mr-2"></i>+8801996680380</a>-->
            <a class="pl-4 d-none d-lg-inline-block text-decoration-none text-white border-start" href="tel:"><i class="fa fa-phone p-1"></i>+8801996680380</a>

        </div> <!-- container-fluid.// -->
    </nav>
</header>
/*******************CSS***************/
.bg-top-color{
    background: #63ab45;
}
.social-network li a{
    color: #FFF;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold
}
.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
}
ul.social-network {
    border:none;
    margin:0;
    padding:0;
}

ul.social-network li {
    border:none;
    margin:0;
}
ul.social-network li i {
    margin:0;
}
ul.social-network li {
    display:inline;
    margin: 0 5px;
    border: 0px solid #2D2D2D;
    padding: 5px 0 0;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    vertical-align: baseline;
    color: #000;
}

ul.social-network {
    list-style: none;
    margin: 0px 0 0px 0px;
    float: right;
}
.custom-menu ul{

}
.custom-menu ul li {

}
.custom-menu ul li a{
    text-transform: uppercase;
    line-height: 100%;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    font-weight: 600;
}
#main_nav i{
    margin-left: 5px;
}
