:root {
    --bg-black: #000;
    --bg-dark: #18181B;
    --bg-white: #fff;
    --bg-orange: #233c9b;
    --color-white: #fff;
    --color-black: #000;
    --color-gray: #acacac;
    --color-orange: #233c9b;
    --primary-font: system-ui;
    --stylish-heading-color: #088817;
    --active-color: #233c9b;
    --agrion-bdr-radius: 10px
}

@media (min-width:992px) {

    .main-menu .main-menu__list>li:after,
    .main-menu .main-menu__list>li:before {
        content: '';
        position: absolute;
        z-index: 10;
        margin-top: 40px;
        visibility: hidden;
        opacity: 0;
        top: 82px;
        display: block
    }

    .main-menu .main-menu__list>li:before {
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -ms-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
        height: 3px;
        left: 14px;
        right: 14px
    }

    .main-menu .main-menu__list>li:after {
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -ms-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
        width: 0;
        height: 0;
        left: 50%;
        margin-left: -4px;
        border-style: solid;
        border-width: 0 4px 4px
    }

    .main-menu .main-menu__list>li.current:before,
    .main-menu .main-menu__list>li:hover:before {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
        z-index: 9;
        top: 61px
    }

    .main-menu .main-menu__list>li.current:after,
    .main-menu .main-menu__list>li:hover:after {
        margin-top: -4px;
        visibility: visible;
        opacity: 1;
        z-index: 9;
        border-color: transparent transparent #233c9b;
        top: 61px
    }
}

@media only screen and (min-width:1700px) and (max-width:1854px) {
    .main-menu__right {
        margin-left: 60px
    }
}

@media only screen and (min-width:1500px) and (max-width:1699px) {
    .main-menu__btn-box {
        display: none
    }
}

@media only screen and (min-width:1300px) and (max-width:1499px) {
    .main-menu__right {
        margin-left: 60px
    }

    .main-menu__btn-box {
        display: none
    }

    .main-header__wrapper {
        padding-right: 40px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .main-menu__right {
        margin-left: 18px
    }

    .main-menu__btn-box {
        display: none
    }

    .main-header__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .main-menu-two .main-menu__list>li+li,
    .stricky-header.main-menu-two .main-menu__list>li+li {
        margin-left: 35px
    }
}

@media only screen and (min-width:1201px) and (max-width:1300px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 6px;
        font-size: 15px
    }

    .main-menu .main-menu__list>li.current:after,
    .main-menu .main-menu__list>li.current:before,
    .main-menu .main-menu__list>li:hover:after,
    .main-menu .main-menu__list>li:hover:before {
        top: 59px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-header__social a+a {
        margin-left: 15px
    }

    .main-menu-two .mobile-nav__toggler {
        display: inline-block;
        padding: 17px 0
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--color-orange)
    }
}

@media only screen and (min-width:1101px) and (max-width:1200px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 5px;
        font-size: 14px
    }

    .main-menu .main-menu__list>li.current:after,
    .main-menu .main-menu__list>li.current:before,
    .main-menu .main-menu__list>li:hover:after,
    .main-menu .main-menu__list>li:hover:before {
        top: 58px
    }
}

@media (max-width:1230px) {
    .main-header-three__logo {
        width: 120px;
        flex: none
    }
}

@media (max-width:1100px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 5px;
        font-size: 13px
    }

    .main-menu .main-menu__list>li.current:after,
    .main-menu .main-menu__list>li.current:before,
    .main-menu .main-menu__list>li:hover:after,
    .main-menu .main-menu__list>li:hover:before {
        top: 56px
    }
}

@media only screen and (min-width:992px) and (max-width:1023px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 3px
    }
}

@media (max-width:992px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 4px
    }
}

@media (max-width:991px) {

    .main-menu .main-menu__list>li>a,
    .main-menu__list .dropdown .dropdown_items,
    .stricky-header .main-menu__list>li>a {
        padding: 20px 8px
    }

    .main-menu-three__wrapper {
        padding: 10px 0
    }

    .main-menu-three .mobile-nav__toggler {
        padding: 14px 15px;
        color: var(--color-black)
    }

    .main-menu .mobile-nav__toggler {
        display: flex;
    }

    .main-menu__list .dropdown .dropdown_items a {
        color: var(--color-white)
    }

    .main-menu__list .dropdown .dropdown_items .menu_down {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-header__wrapper {
        padding: 0 30px
    }

    .main-header__logo {
        display: block;
        padding: 15px 0
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--color-orange)
    }

    .main-header-three__top-inner {
        justify-content: center
    }
}

@media(max-width:768px) {
    .header_top_bar .top_bar_info .hidden-info {
        display: none
    }
}

@media (max-width:767px) {
    .header_top_bar .top_bar_info .broderInfo a.br {
        padding-right: 60px
    }

    .header_top_bar .top_bar_info .hidden-info {
        display: none
    }

    .header_top_bar {
        padding: 8px 0
    }

    .header_top_bar .top_bar_info .broderInfo {
        display: flex
    }

    .header_top_bar .top_bar_info li {
        display: inline-block;
        margin-left: 15px
    }

    .main-menu__list li:last-child,
    .mobile-btn {
        display: block
    }

    .header_top_bar .top_bar_info li i {
        margin-right: 0
    }

    .mobile-btn {
        text-align: center;
        margin-top: 32px
    }

    .main-header__wrapper {
        padding: 0 30px
    }

    .main-header__logo {
        display: block;
        padding: 15px 0
    }
}

@media (max-width:480px) {
    .main-header-three__logo {
        width: 140px
    }
}