@media all and (max-width: 1199px) {
    .header-top::before {
        left: 0;
        width: 62%;
    }

    .header-top::after {
        display: none;
    }

    .header-top-social span {
        display: none;
    }
}

@media all and (max-width: 991px) {
    .header-top::before {
        width: 53%;
    }

    .header-top-list ul li:last-child {
        display: none;
    }
}

@media all and (max-width: 767px) {

    .header-top::before,
    .header-top::after {
        display: none;
    }

    .header-top-right {
        margin-top: 15px;
    }
}

@media all and (min-width: 992px) {

    .navbar .nav-item .nav-link {
        margin-right: 22px;
        padding: 30px 0 30px 0;
        font-size: 17px;
        font-weight: 600;
        color: var(--color-dark);
        text-transform: capitalize;
    }

    .navbar.fixed-top .nav-item .nav-link {
        color: var(--color-dark);
    }

    .navbar .nav-item .nav-link.active,
    .navbar .nav-item:hover .nav-link {
        color: var(--theme-color);
    }

    .navbar .nav-item:last-child .nav-link {
        margin-right: 0;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        padding: 10px;
        margin-top: 0;
        left: -15px;
        border-radius: 15px;
        border: none;
        background: var(--color-white);
        width: 220px;
        box-shadow: var(--box-shadow);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition2);
    }

    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 6px 15px;
        font-weight: 500;
        color: var(--color-dark);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        text-transform: capitalize;
        transition: var(--transition2);
        z-index: 1;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background: var(--theme-color);
        color: var(--color-white);
        padding-left: 25px;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item::before {
        content: "\f178";
        position: absolute;
        font-family: "Font Awesome 6 Pro";
        left: -15px;
        top: 6px;
        color: var(--color-white);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition2);
        z-index: -1;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }

    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 140%;
    }

    /* nav right */
    .nav-right {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-left: 45px;
    }

    .nav-right-link {
        position: relative;
        font-size: 20px;
        color: var(--color-dark);
        border: none;
        padding: 0;
        background: transparent;
        transition: var(--transition);
    }

    .nav-right-link:hover {
        color: var(--theme-color);
    }

    .navbar.fixed-top .nav-right-link {
        color: var(--color-dark);
    }

    .navbar.fixed-top .nav-right-link:hover {
        color: var(--theme-color);
    }

    .nav-right .call-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
    }

    .nav-right .call-wrap .icon {
        width: 45px;
        height: 45px;
        line-height: 46px;
        border-radius: 50px;
        background: var(--theme-color);
        color: var(--color-white);
        text-align: center;
        font-size: 18px;
        margin-top: 5px;
    }

    .nav-right .call-wrap .content span {
        color: var(--theme-color);
        font-weight: 500;
    }

    .nav-right .call-wrap .content h6 a {
        color: var(--color-dark);
        font-weight: 800;
    }

    .nav-right .sidebar-btn span {
        display: block;
        width: 24px;
        border-bottom: 3px solid var(--color-dark);
        border-radius: 50px;
        margin-top: 6px;
        margin-left: auto;
        transition: var(--transition);
    }

    .nav-right .sidebar-btn span:first-child {
        width: 10px;
        margin-top: 0;
    }

    .nav-right .sidebar-btn span:nth-child(3) {
        width: 15px;
    }

    /* navbar light */
    .navbar.light .nav-item .nav-link {
        color: var(--color-white);
    }

    .navbar.light.fixed-top .nav-item .nav-link {
        color: var(--color-dark);
    }

    .navbar.light .nav-item .nav-link.active,
    .navbar.light .nav-item:hover .nav-link {
        color: var(--theme-color);
    }

    .navbar.light .nav-right-link {
        color: var(--color-white);
    }

    .navbar.light.fixed-top .nav-right-link {
        color: var(--color-dark);
    }

    .navbar.light .nav-right-link:hover {
        color: var(--theme-color);
    }

    .navbar.light .nav-right .sidebar-btn span {
        border-color: var(--color-white);
    }

    .navbar.light.fixed-top .nav-right .sidebar-btn span {
        border-color: var(--color-dark);
    }
}

@media all and (max-width: 1199px) {
    .navbar .nav-item .nav-link {
        margin-right: 15px;
    }

    .nav-right {
        margin-left: 15px;
    }

    .nav-right .sidebar-btn,
    .nav-right .call-wrap {
        display: none;
    }
}

@media all and (max-width: 991px) {
    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-brand img {
        width: 130px;
    }

    .navbar .offcanvas {
        width: 300px;
    }

    .navbar .offcanvas-header .btn-close {
        background: var(--color-red);
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50px;
        color: var(--color-white);
        font-size: 18px;
        box-shadow: none;
        opacity: 1;
    }

    .navbar .offcanvas-brand {
        width: 150px;
    }

    .navbar .nav-item .nav-link {
        color: var(--color-dark);
        font-weight: 700;
        margin-right: 0px;
        transition: var(--transition);
    }

    .navbar .nav-item .nav-link:hover {
        color: var(--theme-color);
    }

    .navbar .nav-item .dropdown-menu {
        border-radius: 15px;
    }

    .navbar .nav-item .dropdown-toggle::after {
        float: right;
        margin-top: 2.5px;
    }

    .navbar-toggler {
        padding: 0;
        border: none;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler span {
        display: block;
        width: 22px;
        border-bottom: 3px solid var(--color-dark);
        border-radius: 50px;
        margin-top: 5px;
    }

    .navbar-toggler span:first-child {
        margin-top: 0;
    }

    .navbar-toggler span:nth-child(2) {
        width: 15px;
    }

    .navbar .mobile-menu-right {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .navbar .mobile-menu-right .nav-right-link {
        background: transparent;
        border: none;
        font-size: 20px;
        color: var(--color-dark);
    }

    .navbar .mobile-menu-right .nav-right-link:hover {
        color: var(--theme-color);
    }

    .nav-right {
        display: none;
    }

    /* navbar light */
    .navbar.light .navbar-toggler span {
        border-color: var(--color-white);
    }

    .navbar.light.fixed-top .navbar-toggler span {
        border-color: var(--color-dark);
    }

    .navbar.light .mobile-menu-right .nav-right-link {
        color: var(--color-white);
    }

    .navbar.light.fixed-top .mobile-menu-right .nav-right-link {
        color: var(--color-dark);
    }

    .navbar.light .mobile-menu-right .nav-right-link:hover {
        color: var(--theme-color);
    }
}

@media all and (max-width: 991px) {
    .navbar .nav-item .dropdown-menu .dropdown-item {
        color: var(--color-dark)
    }

    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        margin: 0 17px;
    }

    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        opacity: unset;
        visibility: unset;
    }

    .navbar .nav-item .dropdown-submenu a::after {
        top: 3px;
    }

    .navbar .nav-item .dropdown-submenu a:hover {
        color: var(--theme-color);
    }
}

@media all and (min-width: 992px) {
    .nav-item.mega-menu {
        position: static;
    }

    .navbar .nav-item.mega-menu .dropdown-menu {
        width: 98.2%;
        left: 12px;
    }

    .navbar .mega-menu .mega-content {
        padding: 12px;
    }

    .navbar .mega-menu .mega-menu-title {
        font-size: 17px;
        margin-bottom: 15px;
        color: var(--color-dark);
    }

    .navbar .mega-menu-img img {
        border-radius: 15px;
    }

    .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item {
        padding-left: 0;
    }

    .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item::before {
        left: 0;
    }

    .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item:hover {
        padding-left: 15px;
    }

    /* mega-menu small */
    .navbar .nav-item.mega-menu.small {
        position: relative;
    }

    .navbar .mega-menu.small .dropdown-menu {
        width: 340px;
        left: 50%;
        transform: translateX(-50%);
    }
}


@media all and (max-width: 991px) {
    .navbar .mega-menu-img {
        display: none;
    }

    .navbar .mega-menu .mega-content h5 {
        margin: 15px 0;
    }
}

@media all and (max-width: 991px) {
    .about-right {
        margin-top: 80px;
    }
}

@media all and (max-width: 767px) {
    .about-left {
        margin-right: 0;
    }

    .about-left::before {
        top: 60px;
        left: -10px;
    }

    .about-title {
        font-size: 30px;
    }

    .about-experience {
        right: -7px;
        bottom: 5px;
    }

    .about-item {
        border: none !important;
    }
}