.main-header .top-bar {
display: none;
}

.main-header .top-bar-phone-a {
    display: inline-block;
    text-align: center !important;
    flex-wrap: wrap;
    padding-left: 15px;
}

.main-header .top-bar-phone-a span {
    display: block;
}


.main-header .top-bar-phone {
    max-width: 100%;
    width: 220px;
    text-decoration: none;
padding-left: 7px;
}


.main-header .top-bar-phone-a {
    text-decoration: none;
}

@media (max-width: 767.98px) {
.main-header .top-bar-phone {
    width: 180px;
}

}


.top-bar-phone-a span {
    display: block;
    width: 100%;
    color: #006633;
}

.top-bar-phone-a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 15px;
}

.top-bar-phone-a .tel {
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    margin-bottom: 5px;
}

.top-bar-phone-a .open {
    font-size: 13px;
    line-height: 1;
}

@media (max-width: 767.98px) {
    .top-bar-phone-a .tel {
    font-size: 12px;
white-space: nowrap;
}

.top-bar-phone-a .open {
    font-size: 8px;
}
}

@media (min-width: 1200px) {
    .main-header .main-bar .op-box .small-title {
    font-size: 15px;
}
    
    .main-header .op-box .icon-layer {
    
    width: 47px;
    height: 47px;
       

}
    
    .main-header .main-bar .op-box .icon-layer i {
    font-size: 22px;
    color: var(--main-color);
}
}


.main-header .mob-search-col {
    padding-left: 0;
    padding-right: 0;
}

.main-header .mob-search-col .search-box input {
    border: none !important;
    height: 40px !important;
font-size: 17px !important;
}

.cc-container.displayed { opacity: 1; display: flex; animation: unset !important; }


.cc-container.displayed .cc-btn-reject, .cc-container.displayed .cc-btn-reject:hover {
    background: #0B4EA2 !important;
    color: #fff;
 
}

.cc-container.displayed .cc-btn-accept, .cc-container.displayed .cc-btn-accept:hover {
    background: #0B4EA2;
    color: #fff;
}

.cc-container.displayed .cc-btn-settings, .cc-container.displayed .cc-btn-settings:hover {
    background: #fff;
    border: 2px solid #111 !important;
    color: #111;
    font-weight: 700;
}


@media (max-width: 991.98px) {
    .main-bar .row .col-4 {
        width: 60% !important;
    }
    .main-bar .row .col-8 {
        width: 40% !important;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        width: 140px;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .top-bar-phone-a .tel {
        font-size: 14px;
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .top-bar-phone-a .open {
        font-size: 10px;
    }
}