@media (min-width:992px) {
    #cb-menu {
        margin-right: -15px
    }
    .cb-nav.navbar-dark .navbar-nav .nav-link {
        padding: 25px 0;
        margin: 0 15px
    }
    .cb-nav.navbar-dark .navbar-nav .nav-link::before {
        content: '';
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #F36909;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }
    .cb-nav.navbar-dark .navbar-nav .nav-item:hover .nav-link::before,
    .cb-nav.navbar-dark .navbar-nav .nav-item.active .nav-link::before,
    .cb-nav.navbar-dark .navbar-nav .nav-link:hover::before {
        opacity: 1;
        visibility: visible;
        top: 55px
    }
    #cb-menu .dropdown-menu {
        display: block;
        left: 15px;
        visibility: hidden;
        opacity: 0;
        transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform: rotate3d(1, 0, 0, -90deg);
        -moz-transform-origin: 50% 0;
        -o-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform-origin: 50% 0;
        transition: 700ms;
        -webkit-transition: 700ms;
        -moz-transition: 700ms;
        -o-transition: 700ms
    }
    #cb-menu .dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        max-height: 10000px;
        -webkit-transform: rotate3d(0, 0, 0, 0);
        -moz-transform: rotate3d(0, 0, 0, 0);
        -o-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0)
    }
    #cb-menu .dropdown-item {
        padding: 9px 25px
    }
    .cb-banner-text {
        height: 200px
    }
    .cb-ft-dl-box {
        margin: 0 -15px
    }
    .cb-clients-box ul li img {
        transform: scale(.8);
        transition: all .3s ease
    }
    .cb-clients-box ul li:hover img {
        transform: scale(1)
    }
    .cb-whyus-pic {
        text-align: right
    }
}

@media (max-width:991.98px) {
    .hidden-md-down {
        display: none
    }
    .navbar-dark .navbar-toggler-icon {
        background-image: none
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 1)
    }
    .navbar-toggler {
        padding: 0;
        font-size: 1.7em;
        border: 0 solid transparent
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 40px;
        height: 30px;
        line-height: 34px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    body,
    .btn,
    ::placeholder {
        font-size: 14px
    }
    .h1,
    h1 {
        font-size: 27px
    }
    .h2,
    h2 {
        font-size: 25px
    }
    .h3,
    h3 {
        font-size: 23px
    }
    .h4,
    h4 {
        font-size: 21px
    }
    .btn {
        padding: 18px 25px
    }
    .cb-service-btn {
        padding: 8px 20px
    }
    .cb-clients-box ul li {
        width: 18.9%
    }
    .navbar-brand img {
        height: 60px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    body,
    .btn,
    ::placeholder {
        font-size: 13px
    }
    .h1,
    h1 {
        font-size: 26px
    }
    .h2,
    h2 {
        font-size: 24px
    }
    .h3,
    h3 {
        font-size: 22px
    }
    .h4,
    h4 {
        font-size: 20px
    }
    .btn {
        padding: 18px 25px
    }
    .cb-service-btn {
        padding: 8px 20px
    }
    .cb-clients-box ul li {
        width: 23.5%
    }
    .navbar-brand img {
        height: 55px
    }
    .cb-nav.navbar-dark .navbar-nav .nav-link {
        font-size: 11px
    }
    .cb-banner {
        height: 400px
    }
}

@media (max-width:767.98px) {
    .navbar-brand img {
        height: 50px
    }
    .cb-nav.navbar-dark .navbar-nav .nav-link {
        font-size: 10px
    }
    .cb-whyus-pic {
        text-align: center
    }
    .mb-5,
    .my-5 {
        margin-bottom: 2rem !important
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    body,
    .btn,
    ::placeholder {
        font-size: 12px
    }
    .h1,
    h1 {
        font-size: 25px
    }
    .h2,
    h2 {
        font-size: 23px
    }
    .h3,
    h3 {
        font-size: 21px
    }
    .h4,
    h4 {
        font-size: 19px
    }
    .btn {
        padding: 16px 22px
    }
    .cb-service-btn {
        padding: 7px 18px
    }
    .cb-banner {
        height: 370px
    }
    .cb-clients-box ul li {
        width: 22.9%
    }
    .cb-bt-logo {
        text-align: center;
        margin-bottom: 20px
    }
}

@media (max-width:575.98px) {
    body,
    .btn,
    ::placeholder {
        font-size: 12px
    }
    .h1,
    h1 {
        font-size: 24px
    }
    .h2,
    h2 {
        font-size: 22px
    }
    .h3,
    h3 {
        font-size: 20px
    }
    .h4,
    h4 {
        font-size: 18px
    }
    .btn {
        padding: 15px 20px
    }
    .cb-service-btn {
        padding: 6px 17px
    }
    .cb-nav .container {
        padding: 0 15px
    }
 
    .cb-banner-text {
        width: 95%
    }
    .cb-bt-logo {
        text-align: center;
        margin-bottom: 20px
    }
}

@media (min-width:320px) and (max-width:575.98px) {
    .cb-clients-box ul li {
        width: 46.5%
    }
} // Small devices (landscape phones,576px and up) @media (min-width:576px){...}// Medium devices (tablets,768px and up) @media (min-width:768px){...}// Large devices (desktops,992px and up) @media (min-width:992px){...}// Extra large devices (large desktops,1200px and up) @media (min-width:1200px){...}// Extra small devices (portrait phones,less than 576px) @media (max-width:575.98px){...}// Small devices (landscape phones,less than 768px) @media (max-width:767.98px){...}// Medium devices (tablets,less than 992px) @media (max-width:991.98px){...}// Large devices (desktops,less than 1200px) @media (max-width:1199.98px){...}// Extra small devices (portrait phones,less than 576px) @media (max-width:575.98px){...}// Small devices (landscape phones,576px and up) @media (min-width:576px) and (max-width:767.98px){...}// Medium devices (tablets,768px and up) @media (min-width:768px) and (max-width:991.98px){...}// Large devices (desktops,992px and up) @media (min-width:992px) and (max-width:1199.98px){...}// Extra large devices (large desktops,1200px and up) @media (min-width:1200px){...}