@media screen and (max-width:1400px) {
  .btn_box .btn {
    width: 100%;
    border-radius: 30px;
    font-size: 12px;
    border: 1px solid #fff
  }
}

@media screen and (max-width:1199px) {
  .list_item_data {
    padding-left: 0
  }
  .our_client_logo .col-md-3 {
    margin-bottom: 30px
  }
  .custom_dropdown h5 {
    padding: 8px 20px;
    color: rgb(28 66 114)
  }
  .site-mobile-menu-body .site-nav-wrap li a:hover svg path, .site-mobile-menu-body .site-nav-wrap li a:hover svg rect, .site-mobile-menu-body .site-nav-wrap li.active>a>svg>path, .site-mobile-menu-body .site-nav-wrap li.active>a>svg>rect {
    fill: #60cdff
  }
  .site-mobile-menu-body .site-nav-wrap li a svg path, .site-mobile-menu-body .site-nav-wrap li a svg rect {
    fill: #212529
  }
  .box p {
    height: 70px
  }
  .box {
    margin-bottom: 20px
  }
  /* .men_logo .logo img {
    width: 55%
  } */
  a.site-menu-toggle .icon-menu {
    color: #2a3478
  }
  .section {
    padding: 60px 0
  }
  .container {
    max-width: 1080px
  }
  .srv_nmm {
    font-size: 19px
  }
  .career__items {
    width: 60%
  }
  .row_btn {
    justify-content: center
  }
  .row_btn .btn_box {
    margin: 10px
  }
  .btn_box .btn {
    width: 100%;
    border-radius: 30px;
    font-size: 13px;
    border: 1px solid #fff
  }
  .glance_hdng {
    font-size: 20px;
    margin: 0
  }
  .men_logo {
    text-align: start
  }
}

@media screen and (max-width:1024px) {
  .box p, p {
    font-size: 15px
  }
  .our_client_logo .col-md-3 {
    margin-bottom: 20px
  }
  .contact_box .footer_icon {
    width: 10%
  }
  .contact_box .glance_hdng {
    margin-bottom: 10px
  }
  .careerpg .ineer_hoverlay_img {
    width: auto;
    transform: translate(-10%, 0)
  }
  .ineer_hoverlay_img {
    width: 30%;
    transform: translate(-10%, 35%)
  }
  .ineer_hoverlay_img img {
    width: 100%
  }
  .container {
    max-width: 960px
  }
  #hero1 .carousel-indicators li {
    width: 10.68px;
    height: 10.68px
  }
  .srv_nmm {
    font-size: 19px
  }
  .box p {
    height: 60px
  }
  .headings_items {
    font-size: 35px
  }
  .footer_logo {
    width: 70%
  }
  .men_logo {
    text-align: start
  }
  #hero1 .carousel-caption {
    left: 19%;
    width: 22%
  }
  .products_details {
    padding: 10px
  }
  .work-block-three .inner-box .sec-title h2{
    font-size: 19px;
  }
}

@media screen and (max-width:991px) {
  .rvs_col {
    flex-direction: column-reverse;
    align-items: center
  }
  .col_img {
    margin-bottom: 20px
  }
  .heading__secnd {
    margin-bottom: 10px
  }
  .gradient_heading {
    font-size: 23px
  }
  .glance_hdng {
    font-size: 17px
  }
  .career_box_main .col-md-6:not(:last-child) {
    margin-bottom: 85px
  }
  .career_box_main .career_box {
    height: 100%
  }
  .careers_section {
    padding-bottom: 0
  }
  .career__items {
    width: 72%;
    margin: initial;
    padding: 30px 100px 30px 30px
  }
  .responsive_padding1 {
    padding: 30px !important
  }
  .min_height {
    height: auto
  }
  .width_text {
    padding: 0 30px
  }
  .headings_items {
    color: #117dc1;
    border-color: gray
  }
  .box p {
    height: 90px
  }
  .container {
    max-width: 735px
  }
  .left_img .col-lg-4 {
    padding: 0
  }
  .right_img .col-lg-4 {
    padding-left: 0
  }
  .products_details {
    padding: 20px 10px
  }
  .product_row.left_img {
    border-radius: 8px;
    background: radial-gradient(circle at 100% 100%, #fff 0, #fff 6px, transparent 6px) 0 0/8px 8px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 6px, transparent 6px) 100% 0/8px 8px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 6px, transparent 6px) 0 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 6px, transparent 6px) 100% 100%/8px 8px no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(180deg, transparent 0, #48abe0 100%)
  }
  .product_row.right_img {
    border-radius: 8px;
    flex-direction: column-reverse;
    background: radial-gradient(circle at 100% 100%, #fff 0, #fff 6px, transparent 6px) 0 0/8px 8px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 6px, transparent 6px) 100% 0/8px 8px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 6px, transparent 6px) 0 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 6px, transparent 6px) 100% 100%/8px 8px no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(transparent 0, #48abe0 100%)
  }
  .footer_icon {
    width: 8%
  }
  .men_logo {
    text-align: start
  }
  .work-block-three .inner-box{
    display: block;
    padding: 20px 0 10px;
  }
  .btn-style-two {
    line-height: 74px;
  }
}

@media screen and (max-width:767px) {
  .side_form {
    width: 95%;
    max-height: 100vh;
    overflow: auto
  }
  .main_slide_bg {
    padding: 15px
  }
  .contact_box .footer_icon {
    width: 6%
  }
  .section_heading {
    padding: 0 50px
  }
  .nkc_career_right_images {
    margin-bottom: 20px
  }
  .section h5 {
    font-size: 17px;
    margin-top: 0
  }
  .cta_text {
    margin-bottom: 15px;
    font-size: 24px
  }
  .heading__secnd {
    font-size: 23px
  }
  .nkc_career_right_images img {
    width: 100%
  }
  .row_btn .btn_box {
    margin: 4px
  }
  .ineer_hoverlay_img {
    border-radius: 10px
  }
  .careerpg .ineer_hoverlay_img {
    transform: translate(-50%, -50%);
    left: 50%
  }
  .inner_banner_title {
    padding: 10px 35px 10px 100px;
    font-size: 30px
  }
  #hero1 .carousel-caption {
    transform: initial;
    position: initial;
    width: 90%;
    margin: 10px auto
  }
  #hero1 .carousel-indicators {
    display: none
  }
  .section {
    padding: 40px 0
  }
  .careerss {
    height: 500px;
    margin-top: 30px
  }
  .c_left__itm p {
    font-size: 16px
  }
  .c_left__itm p img {
    width: 10%
  }
  .c_left__itm h5 {
    font-size: 18px;
    margin: 0
  }
  .project__btn {
    width: 160px;
    font-size: 15px;
    padding: 5px 17px
  }
  .footer_logo {
    width: 70%
  }
  .footer_icon {
    width: 4%
  }
  .down_ftr .footer_list, .appnavi, .testimonial-slide3 .testimonial-footer .rating-image img, .w-30{
    display: none !important;
  } 
  .our-competence .shapes-circle{
    display: none;
  }
  .pbmit-heading-subheading-style-1::before{
    display: none;
  }
  .applications-section{
    padding: 30px 10px
  }
  .seamless-bg {
    padding: 30px 20px;
  }
  .device-content .device-heading{
    font-size: 23px;
    line-height: 33px;
  }
  .device-list li{
    font-size: 14px;
  }
  .device-section .device-img{
    padding: 20px 10px;
  }
  .tracking-section .tracking-heading{
    font-size: 20px;
    line-height: 30px;
  }
  .tracking-cont{
    font-size: 14px;
  }
  .work-block-three .inner-box{
    display: block;
    padding: 20px 0 10px;
  }
  .btn-style-two {
    line-height: 74px;
  }
}

@media screen and (max-width:575px) {
  .cta_text, .nkc_career_right_images {
    margin-bottom: 15px
  }
  .btn_box .btn, .side_button {
    font-size: 13px
  }
  .nav-list .breadcrumb .breadcrumb-item{
    font-size: 14px;
  }
  .side_button {
    width: 125px
  }
  .accordion-container, .box_ongoing, .right_side_map img {
    width: 100%
  }
  .accordion-container h4 {
    font-size: 1em
  }
  .contact_box .footer_icon {
    width: 9%
  }
  .footer_icon {
    width: 6%
  }
  .footer_icon img {
    width: 21px
  }
  .section_heading {
    padding: 0
  }
  .inner_banner_title {
    padding: 10px 35px 10px 50px
  }
  .section_heading .heading__secnd {
    margin-bottom: 20px
  }
  .cta_text {
    font-size: 20px
  }
  .section h5 {
    font-size: 17px
  }
  .points h5 {
    font-size: 16px !important
  }
  .box p, .carousel-item .slider {
    height: auto
  }
  #hero1 .carousel-caption {
    background: rgb(0 90 135)
  }
  #navbar {
    position: sticky
  }
  #careersImage .slick-prev {
    left: 42%
  }
  #careersImage .slick-next {
    right: 42%
  }
  .ineer_hoverlay_img {
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    left: 50%;
    top: 50%;
    width: 50%
  }
  .inner {
    height: 350px
  }
  .inner_banner_title {
    font-size: 24px
  }
  .truck_box {
    width: 100%;
    padding: 10px
  }
  .site-mobile-menu .site-nav-wrap>li>a {
    font-size: 16px
  }
  /* .men_logo .logo img {
    width: 70%
  } */
  .anim-icons, .cre__right_img {
    display: none
  }
  .career__items {
    padding: 30px;
    margin: auto
  }
  .is-sticky {
    transform: rotate(-90deg) translateY(-172%)
  }
  .home_fixd #navbar {
    position: sticky;
    background: #fff
  }
  header {
    background: #fff
  }
  .row_btn .btn_box {
    width: 145px
  }
  .end_end_list li, .pointers li {
    font-size: 15px
  }
  .crm-featur-nav-shad, .hero-area .floating-elements .background li:first-child, .hero-area .floating-elements .background li:nth-child(3), .hero-area .floating-elements .background li:nth-child(5) {
    display: none !important
  }
  .crm-hub-container h2 {
    font-weight: 700;
    color: #1a1a1a;
    font-size: 26px
  }
  .commit .commit_suc {
    position: static
  }
  .devices-table table{
    display: block;
  }
}

@media screen and (max-width:425px) {
  .clien, .footer_social {
    margin-top: 0
  }
  .contact_box .footer_icon {
    width: 10%
  }
  .seamless-bg {
    padding: 20px 5px;
    border-radius: 20px;
  }
  .footer_icon {
    width: 7%
  }
  .cta_section {
    padding: 10px;
    height: 215px
  }
  .botom_text h4, .c_left__itm p {
    font-size: 15px
  }
  .right_item .card .heading__secnd span, .section h5 {
    font-size: 17px
  }
  .contact-section-three .content-column .call-info-box, .section_heading .heading__secnd {
    margin-bottom: 20px
  }
  .heading__secnd {
    font-size: 23px
  }
  .box .btn-primary {
    font-weight: 500;
    font-size: 14px
  }
  .careerpg .ineer_hoverlay_img, .men_logo .logo img {
    width: 70%
  }
  .inner_banner_title {
    font-size: 18px
  }
  .csr_icons img {
    width: 65%
  }
  .c_left__itm h5 {
    font-size: 17px;
    font-weight: 400
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
  .footer_logo {
    width: 30%
  }
  .headings_items, .subscribe-text h2 {
    font-size: 30px
  }
  .about-section .content-column .inner-column .text, .footer_box p, .form-control, .heading_tittle p, .methed p, .work-block-three .inner-box .sec-title .text, p {
    font-size: 14px
  }
  .careerss {
    height: 340px
  }
  .career__items {
    width: 90%
  }
  .dir__user {
    width: 25%
  }
  .b__content h6 {
    font-size: 20px !important
  }
  .men_logo {
    text-align: left;
    padding-left: 15px
  }
  #myDiv {
    display: none !important
  }
  .methed h1 {
    font-size: 28px
  }
  .about-section .content-column .inner-column, .contact-section-three .content-column .inner-column {
    padding-left: 0
  }
  .sec-title h2 {
    position: relative;
    font-size: 22px
  }
  .about-section .content-column .inner-column .text2 {
    font-size: 14px;
    margin-bottom: 10px
  }
  .work-section .sec-title {
    margin-bottom: 30px
  }
  .about-section .image-box .experience, .anim .arow img, .appnavi, .faq10-image img, .testimonial-block-three .inner-box .image-box {
    display: none
  }
  .indust .indust_cntn h4, label {
    display: inline-block;
    margin-bottom: 0
  }
  .about-section, .why-choose-us {
    padding: 30px 0
  }
  .client_logo {
    position: relative;
    padding: 20px 0 0
  }
  .testimo, .work-section {
    padding: 0
  }
  .faq-area10, .indost {
    padding: 30px 0 0
  }
  .contact-section-three {
    position: relative;
    padding: 30px 0
  }
  .feature-block .inner-box .icon-box .icon {
    width: 70px;
    height: 70px;
    line-height: 65px
  }
  .feature-block .inner-box .icon-box:before {
    width: 70px;
    height: 70px;
    left: -5px
  }
  .feature-block .inner-box .content-box .title {
    font-size: 16px
  }
  .feature-block .inner-box .content-box .text {
    font-size: 12px
  }
  .feature-block .inner-box .icon-box {
    margin-right: 10px
  }
  .feature-block .inner-box {
    margin-bottom: 20px !important
  }
  .contact-form-two .form-group, .footer_social {
    margin-bottom: 10px
  }
  .work-block-three .inner-box {
    display: block;
    padding: 20px 0 10px
  }
  .work-block-three .inner-box .sec-title h2 {
    font-size: 22px;
    color: #fff
  }
  .btn-style-two {
    line-height: 74px
  }
  .why-choose-us .content-column .inner-column .list-style-two li {
    line-height: 28px;
    font-weight: 400
  }
  .list-style-two li {
    font-size: 14px;
    padding-left: 22px
  }
  .sec-title .sub-title {
    margin-bottom: 10px;
    margin-top: 20px
  }
  .testimonial-block-three .inner-box {
    display: block;
    padding: 15px
  }
  .contact-section-three .content-column .call-info-box-outer {
    display: flex
  }
  .contact-form-two {
    border-radius: 10px;
    padding: 15px
  }
  .cta-btn1, .cta-btn2 {
    padding: 10px 15px
  }
  .contact-form-two .form-group .select2-container--default .select2-selection--single, .contact-form-two .form-group input:not([type=submit]), .contact-form-two .form-group select {
    height: 45px;
    font-size: 14px;
    padding: 5px 10px
  }
  .contact-form-two .form-group textarea {
    height: 161px;
    padding: 0 10px;
    font-size: 14px;
    resize: none
  }
  .contact-form-two .title-box h3, .why-choose-us .content-column .inner-column .list-style-two {
    margin-bottom: 0
  }
  .top_icon img {
    height: 50px
  }
  .cta_btn {
    font-size: 13px
  }
  .certified_logo_group {
    gap: 25px
  }
  .cta-btn2 {
    margin-left: 10px
  }
  .heading1-w h2 {
    font-size: 25px;
    line-height: 36px
  }
  .contact8 .form-area {
    margin-left: 0;
    padding: 20px
  }
  .contact8 .form-area .single-input input, .contact8 .form-area .single-input textarea {
    padding: 10px 14px
  }
  .contact8 .form-area .single-input {
    margin-top: 14px
  }
  .theme-btn14 {
    padding: 14px 10px 14px 18px
  }
  .hero2 .main-heading h1 {
    font-size: 32px
  }
  .hero2 .hero2-tags {
    margin-top: 5px
  }
  .hero2 .hero2-tags ul li a {
    padding: 12px;
    margin: 4px 2px
  }
  .hero2 .hero2-main-imge2 {
    position: absolute;
    bottom: -40px;
    right: -25px;
    transform: scale(.9);
    width: 125%
  }
  .hero2 .hero2-main-imges {
    position: relative;
    height: 340px
  }
  .hero2 .hero2-main-imges .image1 {
    width: 60%;
    top: -53px;
    right: 50px
  }
  .hero2 {
    padding-top: 30px
  }
  .heading9 h2 {
    font-size: 30px;
    line-height: 36px
  }
  .heading10 .titl span::after, .heading9 .titl span::after {
    width: 13%
  }
  .testim .owl-item.center .item {
    transform: unset;
    box-shadow: 0 0 25px #bcbcbc
  }
  .indust .indust_cntn {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px
  }
  .indust .indust_cntn h4 {
    border-bottom: none;
    line-height: 42px
  }
  .indust .indust_cntn p {
    text-align: center
  }
  .testim .owl-carousel .item {
    transition: transform .3s, filter .3s;
    margin: 0
  }
  .clien {
    padding: 10px;
    border-radius: 5px
  }
  .home_clnt_atc {
    padding: 10px 0 !important
  }
  .heading10 h2, .heading2 .titl h2 {
    font-size: 22px
  }
  .methed a, .prd_pnts li, label {
    font-size: 14px
  }
  .solution .solution-images {
    height: auto
  }
  .solution .solution-images .image1 {
    width: 40%
  }
  .solution .solution-images .image3 {
    width: 40%;
    bottom: -40px
  }
  .subscribe-text span {
    font-weight: 300;
    letter-spacing: normal
  }
  .subscribe2-wrapper .subscribe-form input {
    border-radius: 5px;
    height: 45px;
    margin-right: 15px;
    padding-left: 15px;
    width: 100%
  }
  .subscribe2-wrapper .subscribe-form button {
    border-radius: 5px;
    font-size: 16px;
    padding: 12px 15px
  }
  .subscribe2-wrapper .subscribe-form button i {
    font-size: 15px;
    padding-left: 5px
  }
  .anim .hdop img {
    top: 66px;
    left: 287px;
    width: 5%
  }
  .hedpo {
    padding: 20px 0
  }
  .brdcr li a {
    font-size: 10px
  }
  .brdcr li::after {
    padding: 0 3px 0 5px;
    font-size: 10px
  }
  .methed a {
    padding: 8px 12px
  }
  .prd_pnts li {
    width: calc(100% - 10px);
    margin-bottom: 4px
  }
  .footer_list i {
    font-size: 25px
  }
  .footer_list {
    align-items: center
  }
  .policies li {
    padding: 0 7px
  }
  .policies {
    justify-content: start
  }
  .blur-overlay .dialog-box .content {
    margin: 0
  }
  .blur-overlay .dialog-box {
    border-radius: 0;
    padding: 16px 15px
  }
  .contact-section-three .content-column .call-info-box-outer .call-info-box-text p i {
    transform: rotate(265deg)
  }
  .new_hdng .contie h3 {
    border-right: none;
    white-space: break-spaces;
    animation: auto;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 38px
  }
  .galy .icon::before {
    background: 0 0
  }
  .mob_sldr img {
    border-radius: 8px
  }
}

@media screen and (max-width:375px) {
  .contact_box .footer_icon {
    width: 14%
  }
  .section h5 {
    font-size: 17px
  }
  .ineer_hoverlay_img {
    width: 50%
  }
  .responsive_padding1 {
    padding: 16px !important
  }
  .career__items {
    width: 95%
  }
  .strn_text p {
    font-size: 13px
  }
  #careersImage .slick-prev {
    left: 40%
  }
  #careersImage .slick-next {
    right: 40%
  }
  .center_imgg {
    width: 87%
  }
  .btm_imgg, .top_imgg {
    position: absolute;
    width: 40%
  }
  .btm_imgg {
    left: -2%;
    bottom: -30%;
    border: 5px solid #fff;
    border-radius: 20px
  }
  .top_imgg {
    right: -2%
  }
}

@media screen and (max-width:320px) {
  .men_logo .logo img {
    width: 90%
  }
  .c_left__itm p {
    font-size: 13px
  }
  .c_left__itm h5 {
    font-size: 14px
  }
  .c_left__itm {
    line-height: 30px
  }
  .center_imgg {
    width: 87%
  }
  .btm_imgg, .top_imgg {
    position: absolute;
    width: 40%
  }
  .btm_imgg {
    left: -2%;
    bottom: -30%;
    border: 5px solid #fff;
    border-radius: 20px
  }
  .top_imgg {
    right: -2%
  }
  .left_img {
    padding: 90px 0
  }
  .heading__secnd {
    font-size: 21px
  }
}

@media screen and (min-width:1199px) {
  .site-navbar .site-navigation .site-menu>li:last-child {
    display: none !important
  }
}