@media (max-width:999px) {
        ul.nav li.dropdown:hover>ul.dropdown-menu {
            display: inline-block;
        }
        .logo {
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }
        .brochuress,
        .menu-right,
        .contact-block,
        .carousel-caption a {
            display: none;
        }
        .carousel-control i {
            background: none;
            top: 40%;
        }
        .title h2 {
            font-size: 22px;
            padding: 30px 0px;
        }
        .title h2::after {
            margin-top: 36px;
            width: 65px;
        }
        .benefit .col-20 {
            display: block;
            width: 100%;
            float: none;
        }
        .main-benefit ul li a {
            font-size: 15px;
            margin-left: 0px;
            display: block;
        }
        .footer_menu_list ul li a {
            font-size: 13px;
        }
        .footer_title {
            margin-bottom: 20px;
            margin-top: 26px;
            font-size: 16px;
            padding: 0px;
        }
        .footer {
            padding-top: 0px;
            padding-bottom: 30px;
        }
        .btn {
            font-size: 14px;
            padding: 8px 26px 12px 26px;
            margin-bottom: 30px;
        }
        /* .header-bottom {
        margin-bottom: -3px;
    } */
        .navbar-toggle span {
            background: #000;
            color: blue;
        }
        .navbar-brand {
            display: block;
            color: #305186;
            font-size: 15px;
            font-weight: 600;
        }
        .nav li a {
            padding: 0px 0px;
            line-height: 22px;
        }
        .navbar-nav {
            margin-left: 0px;
        }
        .nav .col-md-9 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .nav li,
        .dropdown-menu li {
            padding: 5px 0 5px 5px;
        }
        .inner-top .col-md-12 h2,
        .inner-bottom .col-md-12 h2,
        .bg-gray .col-md-12 h2 {
            padding-bottom: 15px;
            font-size: 22px;
        }
        .client-inner-page .col-md-12 .col-md-3 img {
            width: 100%;
        }
        .navbar-toggle span {
            background: #fff;
        }
        .inner-top .col-md-12 {
            padding-top: 0px;
        }
        .bg-gray {
            padding: 20px;
        }
        .navbar-collapse {
            border: none !important;
            box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0) !important;
        }
        .benefit-inner-page .main-benefit ul {
            padding-top: 30px
        }
        .collapse ul li {
            font-size: 12px !important
        }
        .dropdown-menu li a {
            color: #fff;
            padding: 5px 0 5px 5px;
        }
        .contact-section h4 {
            padding-top: 0px;
        }
        .btn-fot-knw {
            padding: 12px 15px 12px 15px;
        }
        .sticky {
            position: relative;
        }
        .contact-info p {
            font-size: 15px;
        }
        .inner-product {
            margin: 20px 0px;
        }
        .navbar-brand {
            color: #fff;
            font-weight: 300;
        }
        .navbar-toggle a:hover {
            color: #fff;
        }
        .client .owl-carousel .owl-item img {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }
        .client .owl-nav {
            position: absolute;
            right: 10px;
            top: 30%;
        }
        .client .owl-prev {
            margin-left: 30px;
            top: 10px;
        }
        .client .owl-next {
            margin-right: 30px;
            top: 10px;
        }
        .client .owl-carousel,
        .client {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .owl-carousel {
            margin-top: 90px;
        }
        .owl-nav {
            float: right;
            position: absolute;
            top: -59px;
            right: 0px;
            left: 0px;
            text-align: center;
        }
        .navbar-nav .open .dropdown-menu>li>a {
            padding: 5px 15px 5px 15px;
        }
    }
    
    @media (max-width:540px) and (min-width:401px) {
        .logo a img {
            height: 75px;
        }
        .client .owl-next {
            margin-right: 50px;
            top: 5px;
        }
    }
    
    @media (max-width:400px) and (min-width:320px) {
        .logo a img {
            height: 55px;
        }
        .main-benefit ul li a {
            font-size: 13px;
        }
        .col-20 {
            margin-top: 25px;
        }
        .client .owl-next {
            margin-right: 50px;
            top: 5px;
        }
    }
    
    @media (max-width:767px) and (min-width:558px) {
        .client .owl-prev {
            left: -38px;
            top: 0px;
        }
        .client .owl-next {
            margin-right: 42px;
            top: 0px;
        }
    }
    
    @media (min-width:768px) and (max-width:999px) {
        .benefit p {
            line-height: 24px;
            font-size: 12px;
            min-height: 280px;
        }
        .benefit-title {
            font-size: 13px;
            padding: 10px 0px;
        }
        .benefit .col-20 {
            display: inline;
            width: 20%;
            float: left;
        }
        .social_icon span {
            font-size: 11px;
            padding: 14px 10px;
        }
        .media-carousel {
            padding: 0px;
        }
        .btn-site {
            padding: 12px 15px 12px 15px !important;
            font-size: 16px;
            font-weight: 500;
        }
        .client .owl-next {
            right: -15px;
            top: 0px;
        }
        .client .owl-prev {
            left: -15px;
            top: 5px;
        }
        .owl-next,
        .owl-prev {
            border: 0px;
            outline: 0px;
        }
        .client .owl-prev {
            margin-left: 0px;
            top: 5px;
        }
        .client .owl-next {
            margin-right: 0px;
            top: 5px;
        }
        .client .owl-carousel,
        .client {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .client-inner-page .col-md-12 .col-md-3 img {
            width: 50%;
            float: left;
            padding: 10px;
        }
        .client-logo .col-md-3 {
            margin-bottom: 0px;
        }
        .product-detail {
            min-height: 390px;
        }
        .carousel-control i {
            top: 50%;
        }
        .carousel-caption a {
            display: inline;
            bottom: 0px;
        }
        .carousel-caption h3 {
            font-size: 18px;
            bottom: 0px;
        }
        /*
    .navbar-header {
        float: right;
    }
    .collapse.in {
        display: block;
    }*/
        /* .navbar-collapse.collapse {} */
        .navbar-header {
            float: right;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-toggle {
            display: inline;
        }
    }
    
    @media (min-width:999px) and (max-width:1024px) {}