* {
        padding: 0;
        margin: 0;
    }
    .top-header {
        width: 100%;
        clear: both;
        float: left;
        padding: 7px 0px;
        background-color: #000;

    }
	i.fa.fa-bars.menu-button{
		display:none;
	}
    .sticky{
        position: fixed !important;
        z-index: 999;
        background-color: #000;
    }
    .sticky h4 {
        color: #fff !important;

    }
    .sticky{box-shadow: 0 8px 6px -6px #0000000f;}
    .sticky .menu li a{
        color:#fff !important;
        font-family: "Roboto", Sans-serif;
        font-weight: 500;
    }
    .sticky .menu{
        background-color: #bf9000 !important;
    }
    .top-header .logo {
        width: 120px;
        height: 120px;
        border-radius: 100%;
        z-index: 9999;
        top: 10px;
    }
    .top-header .menu{
        background-color: #bf9000;
		padding:10px 0px 11px 0px;
		    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    }

    .top-header .menu li a{
	font-family: "Roboto", Sans-serif;
    font-weight: 500;
    text-transform: capitalize;
	padding:13px 20px;
	font-size:15px;

    }

    @media screen and (min-width:1px)and (max-width:991px){
        .boc-menu-hide {
            display: none;
        }
        .menu-button {
         display: block !important;
         position: relative;
         font-size: 25px;
         width: 36px;
         text-align: center;
         float: right;
         margin-right: 20px;
         color: #fff;
         background: black;
         padding: 7px 0px 8px 0;
     }
     .top-header .menu ul {
         position: absolute;
         width: 100%;
         background-color: #bf9000;
         padding: 13px !important;
         top: 47px;
         display: block!important;
         left:0px;
     }
     .top-header .menu li a{
        color: #fff !important;
        border-bottom: 1px solid;
        width: 100%;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 7px;
     }
     .top-header .menu:before {
        display: none !important;
     }
    .top-header .logo {
         width: 100px !important;
         height: auto;
         border-radius: 100%;
         z-index: 9999;
         top: 20px;
     }
     .top-header h4{
        font-size: 21px !important;
        font-family: "Roboto", Sans-serif;
        font-style: italic;
		    margin: 0px 0px 0px 58px;
     }
     .col-sm-1{
        width: 137px !important;
     }
     .top-header .d-flex{
        gap:50px;
     }
 }
  @media screen and (min-width:1px)and (max-width:440px){
	  .top-header h4 {
    font-size: 17px !important;
	  }
  }