.micro-navbar .navbar-brand {
    width  : 250px;
    height : 45px;
    padding: 0;
}

.micro-navbar .navbar-brand img {
    width   : 100%;
   
    position: relative;
    top     : 5px;
}

.micro-navbar .navbar-nav {
    width          : 100%;
    justify-content: flex-end;
    align-items    : center;
    gap            : 40px;
    font-size: 14px;
}

.micro-navbar .navbar-nav li.nav-item {
    min-width : 5%;
    text-align: center;
}

.micro-navbar .navbar-nav li.nav-item a {
    font-size  : 13px;
    font-weight: 500;
    color      : #000;
    position   : relative;
}

.micro-navbar .navbar-nav li.nav-item .nav-link.active {
    color: #00AEEF;
}

.micro-navbar .navbar-nav li.nav-item .nav-link::before {
    content         : "";
    position        : absolute;
    bottom          : 0;
    height          : 2px;
    background-color: #00AEEF;
    transform       : scaleX(0);
    transition      : transform 0.3s;
}

.micro-navbar .navbar-nav li.nav-item .nav-link::before {
    left            : 0;
    right           : 0;
    transform-origin: bottom left;
}

.micro-navbar .navbar-nav li.nav-item .nav-link:hover::before {
    transform: scaleX(1);
}

.micro-navbar .navbar-nav li.nav-item a.dropdown-toggle::after {
    content       : url(../images/icons/arrow-down.png);
    border        : none;
    vertical-align: baseline;
    margin        : 0 0 0 5px;
    line-height   : 12px;
}

.micro-navbar .navbar-nav .btn {
    width      : 100px;
    color      : #252525;
    border     : 1px solid #252525;
    margin-left: 10px;
}

.res-close {
    display: none;
}

.navbar-collapse .container {
    width: 100%;
}

.back-drop {
    position: relative;
    overflow: hidden;
}

.back-drop::before {
    content   : '';
    position  : absolute;
    background: #3058669e;
    width     : 100%;
    height    : 100%;
    top       : 0;
    z-index   : 2;
    animation : back-drop 1s ease;
}

@keyframes back-drop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/*new changes*/

header .btn-outline.btn-slide {
    color     : #00AEEF !important;
    padding   : 11px 22px;
    margin-top: 7px;
    height    : auto;
}

header .btn-outline.btn-slide:hover {
    color: #fff !important;
}


/*phone-drop*/

.phone-drop {
    position: relative;
}

.call-btn {
    position: relative;
}

.flex-class {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.phone-icon {
    width          : 40px;
    height         : 40px;
    background     : #00AEEF;
    border-radius  : 5px;
    align-items    : center;
    justify-content: center;
    cursor         : pointer;
}

.contact-phone {
    position         : absolute;
    width            : 265px;
    float            : left;
    background-color : white;
    right            : -193%;
    z-index          : 999;
    border-radius    : 5px;
    opacity          : 0;
    top              : 50px;
    transform        : scale(0);
    -webkit-transform: scale(0);
    -moz-transform   : scale(0);
    box-shadow       : 0px 0px 8px #8080802e;
}

.contact-phone:before,
.contact-phone:after {
    content : " ";
    position: absolute;
    top: -9px;
    right: 96px;
    width   : 0px;
    height  : 0px;
}

.contact-phone::before {
    border-left  : 8px solid transparent;
    border-right : 8px solid transparent;
    border-bottom: 10px solid #8080801f;
    /* right        : 96px;
    top          : -10px; */
}
.contact-phone::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #ffffff;
    top: -7px;
    right: 98px;
}
.contact-details.flex-class {
    width   : 100%;
    position: relative;
    padding : 12px 18px 14px 0px;
}

.details-1.flex-class {
    width        : 85%;
    align-items  : center;
    margin       : 0 auto;
    border-bottom: 1px solid #ddd;
}

.details-1.flex-class:nth-child(1) {
    padding-top: 0;
}

.details-1.flex-class:nth-child(1) {
    border: none;
}

.right-img {
    width: 100%;
}

.right-img h3 {
    font-size    : 14px;
    font-weight  : 500;
    margin-bottom: 20px;
}

.contact-ul {
    margin-bottom  : 0;
    padding        : 0;
    align-items    : center;
    justify-content: flex-end;
    /* gap         : 10px; */
}

li.phone-list {
    width     : 100% !important;
    font-size : 12px;
    list-style: none;
    display   : flex;
    gap       : 15px;
}

li.phone-list:nth-child(1) {
    background     : url(../images-new/phone-drop.webp) no-repeat;
    height         : 16px;
    background-size: contain;
}

li.phone-list:nth-child(3) {
    background     : url(../images-new/phone-drop.webp) no-repeat;
    height         : 16px;
    background-size: contain;
}

li.phone-list:nth-child(4) {
    background     : url(../images-new/whatsapp-drop.webp) no-repeat;
    height         : 14px;
    background-size: contain;
}

li.phone-list a {
    text-transform: lowercase !important;
    color         : #616b84;
}

li.phone-list a {
    color          : #404040;
    text-decoration: none;
    text-transform : uppercase;
    font-size      : 14px;
    font-weight    : 600;
}

.phone-drop:hover .contact-phone {
    opacity           : 1;
    transition        : all 0.6s cubic-bezier(0.52, 0.26, 0.79, 1.31);
    -webkit-transition: all 0.6s cubic-bezier(0.52, 0.26, 0.79, 1.31);
    -moz-transform    : all 0.6s cubic-bezier(0.52, 0.26, 0.79, 1.31);
    transform         : scale(1);
    -webkit-transform : scale(1);
}

.referral-li {
    width      : 100%;
    float      : left;
    padding    : 7px 0px 0px 0px;
    color      : #a9b3d0;
    font-size  : 13px;
    font-weight: 500;
    list-style : none;
}


/*****header-dropdown changes****/


/* {
min-width: 617px;
right: 0 !important;
left: 0% !important;
transform: translate(-50%, 0px);} */

.service-header-menus {
    width: 280px;
    right: 0px !important;
    left: 0 !important;
    /* transform: translate(-50%, 0px); */
    padding: 0;
    border: 0;
    box-shadow: 0px 0px 8px #8080802e;
    border-radius: 10px;
    margin-top: 0.5rem !important;
}

.micro-services-menu {
    display    : flex;
    width      : 100%;
    align-items: center;
}

.service-header {
    margin: 0;
}

.service-header-left li a {
    display: flex;
    gap    : 10px;
}

.service-header-left {
    display  : flex;
    flex-wrap: wrap;
    /* height: 135px;
    margin   : 35px 0px;
    padding  : 0; */
    
    width: 100%;
    gap: 20px 0px;
}
.service-header-left li {
    width  : 100%;
    display: inline-block;
}

.service-header li {
    width: 100%;
}

.service-header-right li a {
    display: flex;
    gap    : 10px;
}

.service-header-icon {
    background-color: #F4FCFF;
    padding         : 38px 24px 20px 24px;
    border-radius   : 0px 10px 10px 0px;
    width           : 30%;
}

.service-header ul li a span img {
    width : 21px;
    height: auto;
}

.services-header-info {
    font-size    : 12px;
    padding-right: 0;
}

.service-header-left li .dropdown-item {
    white-space: normal;
}
/*
.service-header-menus {
    left: -40px !important;
}*/

.collapse.navbar-collapse .navbar-nav .nav-item:nth-child(5) .micro-services-menu {
    align-items: start;
    padding-top: 20px;
    display    : flex;
}

/****/


/* 
.dropdown-menu.service-header-menus.solutions-dropdown {
    left: -400% !important;
}

.dropdown-menu.service-header-menus.itad-dropdown {
    left: -655% !important;
    min-width: 40rem;
}

.dropdown-menu.service-header-menus.hardware-dropdown {
    left: -473% !important;
    min-width: 43rem;
}

.service-header-left.itad-left {
    height: 90px;
}

.service-header-right.itad-right {
    height: 90px;
}

.service-header-right.hardware-right {
    height: 90px;
    width: 34%;
}

.services-header-info.itad-header-info {
    margin: 4px 36px 0px 40px;
    padding-right: 0;
}

.service-header-left.hardware-header-left {
    width: 28%;
}

.service-header-icon.dd_hardware {
    width: 38%;
    padding: 38px 0px 20px 0px;
}

.services-header-info.hardware-header-info {
    padding: 0px 37px;
} */

.dropdown-item:active {
    background-color: #e9ecef;
}

header .btn-outline.btn-slide i {
    display: none;
}

.micro-navbar .navbar-nav li.nav-item .nav-link i {
    display: none;
}

.phone-list img:nth-child(1) {
    display: none;
}

@media screen and (max-width:991px) {
    .micro-navbar .navbar-nav {
        gap       : unset;
        margin-top: 10px;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link {
        min-width: 150px;
        display  : inline-block;
        position : relative;
    }

    .micro-navbar .navbar-nav li.nav-item a.dropdown-toggle::after {
        position: absolute;
        right   : 0;
        top     : 11px;
    }

    .navbar-light .navbar-toggler {
        border-color: #000;
        padding     : 4px 8px;
    }

    .micro-navbar .navbar-nav .btn {
        color : #fff;
        border: 1px solid #fff;
        margin: 10px 0;
    }

    .res-close {
        display   : block;
        transition: .5s ease;
        margin    : 0;
        display   : block;
        position  : absolute;
        right     : 0;
        top       : 10px;
        right     : 10px;
        z-index   : 1;
    }

    .res-close img {
        width : 17px;
        height: 17px;
    }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        position      : fixed;
        width         : 320px;
        height        : 100;
        top           : 0;
        right         : -100%;
        z-index       : 3;
        background    : #fff;
        display       : flex;
        flex-direction: column;
        align-items   : flex-end;
        transition    : .5s ease;
    }

    .navbar-collapse.collapse.show {
        right     : 0;
        transition: .5s ease;
    }

    /* .micro-navbar .navbar-nav li.nav-item .dropdown-menu {
        position: static;
        min-width: 15em;
        border: 1px solid #ddd;
    } */
    .micro-navbar .navbar-nav .btn {
        width : 200px;
        margin: 8px auto;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link:hover::before {
        transform: scaleX(0);
    }

    /*new changes*/
    .right-img h3 {
        width         : 100%;
        border-bottom : 1px solid #fff;
        padding-bottom: 13px;
    }

    /**********/
    .service-header-menus {
        height   : 272px;
        overflow : auto;
        display  : block;
        transform: none;
    }

    .service-header-left li {
        width: 100%;
    }

    .service-header-icon {
        display: none !important;
    }

    .service-header-left {
        gap: 4px 0px;
    }

    /********/
    /* .service-header-left {
        margin: 0px 0px 0px 0px;
        height: 105px;
        align-items: center;
    } */
    /* .service-header-right {
        height: 105px;
        margin: 0px 0px 0px 0px;
        align-items: center;
    } */
    .service-header-icon.dd_itad {
        display: none !important;
    }

    .service-header-right.itad-right {
        height: 65px;
    }

    .service-header-left.itad-left {
        height: 65px;
    }

    .service-header-menus.itad-dropdown {
        height: 192px;
    }

    .service-header-left.hardware-header-left {
        width: 100%;
    }

    .service-header-right.hardware-right {
        width: 100%;
    }

    .service-header-icon.dd_hardware {
        display: none !important;
    }

    .service-header-menus.hardware-dropdown {
        height: 242px;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link {
        min-width : 100%;
        text-align: left;
        padding   : 9px 15px;
    }

    .micro-navbar .navbar-nav li.nav-item {
        min-width: 100%;
    }

    .service-header ul li a span img {
        width: 16px;
    }

    .micro-navbar .navbar-nav li.nav-item a.dropdown-toggle::after {
        display: none;
    }

    .micro-navbar .navbar-nav li.nav-item .dropdown-menu {
        border: none;
        height: auto;
    }

    .service-header-menus {
        box-shadow: none;
        margin    : 0px 5px !important;
    }

    .micro-navbar .navbar-nav {
        height    : 100vh;
        overflow  : auto;
        display   : block;
        overflow-x: hidden;
        margin    : 0;
        padding   : 20px 0;
    }

    .service-header-right.hardware-right {
        height: 65px;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link i {
        margin-right: 10px;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link i img {
        width : 16px;
        height: auto;
    }

    .phone-list img:first-child {
        /* filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(99%) contrast(106%); */
        display: none;
    }

    .right-img h3 {
        color         : #000;
        padding-bottom: 0px;
        padding-left  : 10px;
        font-size     : 12px;
    }

    header .btn-outline.btn-slide {
        color     : #000 !important;
        border    : none;
        width     : 100%;
        text-align: left;
        padding   : 0px 0px 11px 15px;
    }

    header .btn-outline.btn-slide i img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(99%) contrast(106%);
    }

    header .btn-outline.btn-slide i {
        padding-right: 10px;
    }

    .dropdown-item {}

    header .btn-outline.btn-slide i {
        display: unset;
    }

    .micro-navbar .navbar-nav li.nav-item .nav-link i {
        display: unset;
    }

    .service-header-left li a {
        gap: 12px;
    }

    .service-header-right li a {
        gap: 12px;
    }

    .micro-navbar .navbar-nav li.nav-item a {
        font-size: 12px;
    }

    .service-header li {
        padding-left: 8px;
    }

    .contact-ul {
        margin-left: 22px;
    }

    .contact-ul {
        gap: 19px;
    }

    .contact-phone {
        position         : relative;
        width            : 300px;
        float            : left;
        background-color : transparent;
        right            : 15px;
        z-index          : 999;
        border-radius    : 15px;
        opacity          : 1;
        top              : 0;
        transform        : none;
        -webkit-transform: none;
        -moz-transform   : none;
        box-shadow       : none;
        color            : #fff;
    }

    li.phone-list:nth-child(1),
    li.phone-list:nth-child(3),
    li.phone-list:nth-child(4) {
        background: none;
    }

    li.phone-list a {
        color: #fff;
    }

    li.phone-list {
        padding: 0px !important;
        gap    : 12px;
    }

    .call-btn,
    .contact-phone:before,
    .contact-phone:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 575px) {
    .micro-navbar .navbar-brand {
        width : 200px;
        height: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .btn-outline.btn-slide {
        padding: 11px 8px;
        width  : 94px;
    }

    .service-header-menus {
        min-width: 650px;
        transform: translate(-57%, 0px);
    }

    .service-header-left {
        width: 67%;
    }

    .service-header-icon {
        width  : 33%;
        padding: 38px 14px 20px 13px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .service-header-menus {
        min-width: 700px;
        transform: translate(-57%, 0px);
    }

    .service-header-left {
        width: 68%;
    }

    .service-header-icon {
        width  : 32%;
        padding: 38px 17px 20px 17px;
    }
}