@media only screen and (min-width: 1921px) {
  .container {
    max-width: 1920px;
    margin: 0px auto;
  }
}

@media only screen and (max-width: 1450px) {

  .about_btn_box {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1400px) {

  p,
  .banner_description,
  .footer_inner_link_box ul li a,
  .footer_contact_list a {
    font-size: 14px;
    line-height: 22px;
  }

  .banner_title {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 20px;
  }

  .common_btn,
  .nav_link,
  .header_input_search,
  .header_input_search::placeholder,
  .top_header_title {
    font-size: 13px;
  }

  .plus_icon_btn {
    font-size: 16px;
  }

  .section_title {
    font-size: 34px;
    line-height: 36px;
  }

  .section_padding {
    padding: 75px 0px;
  }

  .mr_top_common {
    margin-top: 34px;
  }

  .back_arrow_common,
  .next_arrow_common {
    width: 40px;
    height: 40px;
  }

  /*---header---start---here---*/
  /* .header_center_colm{padding-left: 135px;} */

  /*---banner---start---here---*/
  .banner_content {
    width: 550px;
  }

  .banner_btn_box {
    margin-top: 36px;
  }

  .banner_section .custom_pagination {
    bottom: 40px;
  }

  /*---footer---start---here---*/
  .footer_desc {
    font-size: 13px;
    line-height: 20px;
  }

  .footer_title {
    font-size: 16px;
  }

  .footer_contact_list {
    padding: 0px 10px;
  }

  .footer_inner_link_box ul li {
    margin-top: 8px;
  }

  .footer_logo_link {
    width: 160px;
  }

  .footer_bottom_left_link li a,
  .copyright_box {
    font-size: 13px;
  }

  .social_link li a {
    width: 24px;
  }

  .social_link li {
    margin-right: 10px;
  }

  .footer_sticky_btn a {
    font-size: 14px;
    padding: 13px 0px;
    width: 180px;
  }

  .footer_sticky_btn {
    bottom: 66px;
  }

  .footer_inner_link_box {
    margin-top: 20px;
  }

  /*---about---section---start---here---*/
  .about_text p {
    font-size: 18px;
    line-height: 26px;
  }

  .about_text2 p {
    font-size: 14px;
    line-height: 22px;
  }

  .about_count_title {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .about_count_dec {
    font-size: 14px;
    line-height: 20px;
  }

  .about_left_colm {
    width: 290px;
  }

  .about_right_colm {
    width: calc(100% - 290px);
  }

  .about_btn_box {
    margin-top: 60px;
  }

  /*---precision_trust---start---here---*/
  .precision_title {
    font-size: 16px;
    padding-bottom: 15px;
  }

  .precion_count {
    font-size: 14px;
  }

  .precision_dec {
    font-size: 14px;
    line-height: 22px;
  }


  /*---innovations_section---start---here---*/
  .prev_btn_innovation,
  .next_btn_innovation {
    font-size: 14px;
  }

  .innovation_desc_inner {
    font-size: 14px;
    line-height: 22px;
  }

  .innovation_title_inner {
    font-size: 17px;
  }

  .innovations_section .container {
    padding-left: 90px;
    padding-right: 90px;
  }


  /*---history---start---here---*/
  .history_title {
    font-size: 50px;
    margin-bottom: 15px;
  }

  .history_wrapper {
    margin-top: 60px;
  }

  .history_section::before {
    font-size: 260px;
  }

  .form_item input,
  .form_item input::placeholder,
  .form_item select,
  .form_item textare,
  .form_item textarea::placeholder {
    font-size: 14px;
  }

  .btn_submit_contact .common_btn {
    font-size: 14px;
  }


}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .precion_card:hover .precion_card_img img {
    height: 310px;
  }

  .precion_card:hover .precion_content_inner {
    height: 230px;
  }

  .precion_card_img img,
  .precion_card {
    height: 470px;
  }
}

@media only screen and (max-width: 1280px) {
  .history_card {
    width: 70%;
  }

  .history_section::before {
    font-size: 240px;
  }

  .precision_trust_wrapper {
    margin-right: -38px;
  }

  .precision_trust .common_slider_btn {
    display: inline-flex;
  }
}

@media only screen and (max-width: 1200px) {

  /*---header---start---here---*/
  /* .header_center_colm { padding-left: 30px; } */
  .nav_item {
    padding: 0px 6px;
  }

  .header_right_colm {
    width: 100px;
  }

  /* .header_center_colm {width: calc(100% - 289px);} */
  .top_header,
  .header_wrapper_row {
    padding: 12px 0px;
  }

  header.fixed {
    top: -50px;
  }

  /*---footer---start---here---*/
  .footer_desc {
    padding-right: 10%;
  }

  .footer_colm:first-child {
    width: 40%;
  }

  .footer_colm {
    width: 20%;
  }

  /*---about-section--start---here---*/
  .about_left_colm {
    width: 100%;
    margin-bottom: 30px;
  }

  .about_right_colm {
    width: 100%;
  }

  /*---innovations_section---start---here---*/
  .innvation_content {
    width: 50%;
  }

  /*---history---start---here---*/
  .history_card {
    width: 90%;
  }

  .history_section::before {
    font-size: 220px;
  }

  .contact_section_right_colm {
    padding-left: 20px;
  }

  .contact_section_title_colm {
    width: 270px;
  }

  .contact_section_right_colm {
    width: calc(100% - 270px);
  }

}


@media only screen and (max-width: 1059px) {

  .container {
    padding: 0px 30px;
  }

  .precision_trust .common_slider_btn {
    right: 30px;
  }

  /*---banner---start---here---*/
  .banner_section .custom_pagination {
    bottom: 20px;
  }

  .precision_trust_wrapper {
    margin-right: -30px;
  }

  .contact_section_row {
    padding: 15px;
  }

  /*---history---start---here---*/
  .history_section::before {
    display: none;
  }

}

@media only screen and (max-width: 1024px) {

  * {
    -webkit-tap-highlight-color: transparent;
  }

  /*---banner---start---here---*/
  .banner_content {
    top: 55%;
  }



}

@media only screen and (max-width: 991px) {

  .common_btn {
    color: var(--whiteColor);
    border: 1px solid var(--brandborder);
    background: var(--brandBg);
  }

  /*---header---start---here---*/
  header.fixed {
    position: fixed;
  }

  .nav_toggle_btn,
  .search_toggle_btn {
    display: block;
  }

  .top_header_title {
    display: none;
  }

  .search_toggle_btn {
    width: 20px;
    margin-left: auto;
  }

  .search_toggle_btn svg {
    width: 100%;
    height: initial;
  }

  .header_solid .search_toggle_btn svg path,
  .header_solid .nav_toggle_btn svg path {
    stroke: var(--blackColor);
  }

  .top_header_right_colm {
    width: 20px;
  }

  .top_header_left_colm {
    width: calc(100% - 20px);
  }

  .top_header_row {
    position: relative;
    padding-left: 40px;
  }

  .nav_toggle_btn {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0px, -50%);
    width: 22px;
    z-index: 5;
    display: flex;
  }

  .nav_toggle_btn svg {
    width: 100%;
    height: initial;
  }

  .nav_link,
  .header_input_search,
  .header_input_search::placeholder {
    color: var(--blackColor);
  }

  .header_input_search {
    border-color: var(--blackborder);
  }

  .icon_extranet svg path,
  .search_submit_btn svg path {
    stroke: var(--blackColor);
  }

  header.fixed .nav_toggle_btn svg path,
  header.fixed .search_toggle_btn svg path {
    stroke: #000;
  }

  header.fixed {
    top: 0px;
  }

  .header_center_colm,
  .header_left_colm,
  .header_right_colm {
    display: none;
  }

  .header_wrapper_row {
    padding: 0px;
    position: static;
  }

  .header_left_colm.active_search {
    display: block;
    position: absolute;
    top: 50%;
    background: #fff;
    right: 60px;
    transform: translate(0px, -50%);
    padding: 8px 10px;
    width: initial;
    left: 29px;
    z-index: 8;
  }

  .close_svg {
    display: none;
  }

  .search_toggle_btn .close_svg path {
    fill: #fff;
  }

  header.fixed .search_toggle_btn .close_svg path {
    fill: var(--brandborder);
  }

  header.fixed .search_toggle_btn .close_svg path {
    stroke: none;
  }

  .search_toggle_btn.active .search_svg {
    display: none;
  }

  .search_toggle_btn.active .close_svg {
    display: block;
  }

  .header_center_colm.active_nav {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    background: #fff;
    width: 350px;
    padding: 30px 20px;
    transform: translate(0, 0);
  }

  .nav_item,
  .list_right {
    display: block;
    border-bottom: 1px solid var(--greyBorder);
    padding: 0px;
  }

  .nav_item:first-child {
    border-top: 1px solid var(--greyBorder);
  }

  .nav_link {
    padding: 17px 0px;
    font-size: 16px;
  }

  .header_bg_layer.active_bg_layer {
    display: block;
    background: #000;
    opacity: 0.3;
  }

  .close_button_header_colm {
    display: block;
    width: 30px;
    position: fixed;
    right: 27px;
    top: 12px;
  }

  .close_button_header_colm svg {
    width: 100%;
    height: initial;
  }

  .extranet_mobile {
    display: block;
  }

  .top_header {
    border-bottom: none;
  }




  /*---banner---start---here---*/
  .banner_section .custom_pagination {
    bottom: 10px;
  }

  .banner_content {
    top: 50%;
  }

  /*---footer---start---here---*/
  .footer_desc {
    padding-right: 0px;
  }

  .footer_colm:first-child {
    width: 100%;
  }

  .footer_colm {
    width: 33.333%;
  }

  .footer_contact_box {
    margin: 50px 0px;
  }

  .footer_bootom_left_colm {
    width: 50%;
  }

  .footer_bootom_center_colm {
    width: 50%;
    text-align: right;
  }

  .footer_bootom_right_colm {
    width: 100%;
    margin-top: 20px;
  }

  .social_link {
    text-align: left;
  }

  .footer_sticky_btn {
    bottom: 10px;
  }

  /*---about-section--start---here---*/
  .about_right_image_colm {
    width: 230px;
  }

  .about_content_wrapper {
    width: 100%;
    padding-right: 0px;
  }

  .about_right_image_colm {
    display: none;
  }

  .about_btn_box {
    margin-top: 30px;
  }

  .about_text2 p {
    margin-bottom: 0px;
  }

  .about_count_colm {
    margin-top: 20px;
  }


  /*---precision_trust---start---here---*/
  .precion_card_img img,
  .precion_card {
    height: initial;
  }

  .precion_content_inner {
    background: #fff;
    height: 250px;
    overflow: auto;
  }

  .precision_title,
  .precion_count {
    color: #000;
  }

  .precision_dec {
    display: block;
    margin-top: 20px;
  }

  .precion_content {
    position: relative;
    bottom: initial;
    margin-top: -70px;
  }

  .precision_trust_slider {
    padding-right: 30px;
  }

  /*---innovations_section---start---here---*/
  .innovations_section .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .prev_btn_innovation,
  .next_btn_innovation {
    font-size: 11px;
  }

  .prev_btn_innovation svg {
    margin-right: 3px;
  }

  .next_btn_innovation svg {
    margin-left: 3px;
  }

  .innvation_content {
    width: 60%;
  }

  .innvation_content {
    bottom: 20px;
  }

  /*---history---start---here---*/
  .history_card {
    width: 100%;
  }

  .history_content {
    padding-left: 20px;
  }

  /*---ai---words---start---here---*/
  .ai_words_wrapper {
    top: 50%;
    transform: translate(0px, -50%);
    bottom: initial;
  }

  .contact_section_title_colm {
    width: 100%;
    margin-bottom: 30px;
  }

  .contact_section_right_colm {
    width: 100%;
    padding-left: 0px;
  }

  .contact_section_row {
    display: block;
  }

  .contact_section_row {
    padding: 30px;
  }

}


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

  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    width: 100%;
  }

  .container {
    padding: 0px 15px;
  }

  p,
  .banner_description,
  .footer_desc {
    font-size: 14px;
    line-height: 20px;
  }

  .common_btn {
    font-size: 16px;
  }

  .plus_icon_btn {
    font-size: 28px;
  }

  .container {
    padding: 0px 15px;
  }

  .section_padding {
    padding: 50px 0px;
  }

  .section_title {
    font-size: 28px;
    line-height: 36px;
  }

  .mr_top_common {
    margin-top: 24px;
  }

  /*---header---start---here---*/
  .header_center_colm.active_nav {
    padding: 15px 15px;
  }

  .header_left_colm.active_search {
    z-index: 8;
    right: 45px;
    left: 15px;
  }

  .nav_link {
    padding: 15px 0px;
  }


  /*---banner---start---here---*/
  .banner_content {
    padding: 0px 15px;
    width: 100%;
  }

  .banner_title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 16px;
  }

  .banner_btn_box {
    margin-top: 30px;
  }


  /*---footer---start---here---*/
  .footer_box {
    padding: 50px 0px;
  }

  .footer_logo_link {
    width: 190px;
  }

  .footer_contact_box {
    display: none;
  }

  .footer_desc {
    margin-bottom: 30px;
  }

  .footer_colm {
    width: 100%;
    position: relative;
  }

  .footer_inner_link_box {
    display: none;
  }

  .footer_title {
    padding: 20px 0px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    position: relative;
  }

  .footer_colm:last-child:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 10px;
    left: 10px;
    background: rgb(255 255 255 / 10%);
    height: 1px;
  }

  .footer_dropdowen_icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, -50%);
  }

  .footer_inner_link_box {
    margin: 0px;
    padding-bottom: 20px;
    margin-top: -5px;
  }

  .footer_inner_link_box ul li:first-child {
    margin-top: 0px;
  }

  .title_accordian.active .footer_dropdowen_icon svg {
    transform: rotate(180deg);
  }

  .mobile_footer_link {
    display: block;
  }

  .footer_bottom_left_link {
    padding-top: 18px;
  }

  .footer_bottom_left_link li {
    display: block;
    border: none !important;
    padding: 6px 0px !important;
  }

  .footer_bottom_left_link li a {
    font-size: 12px;
  }

  .footer_bootom_left_colm {
    display: none;
  }

  .footer_bootom_center_colm {
    width: 100%;
    text-align: center;
    order: 2;
  }

  .footer_bootom_right_colm {
    order: 1;
    margin-bottom: 20px;
  }

  .social_link {
    text-align: center;
  }

  .footer_contact_box_mobile {
    display: block;
    text-align: center;
    margin-bottom: 0px;
  }

  .footer_contact_box_mobile .footer_title {
    padding: 0px;
    font-size: 18px;
    border: none;
  }

  .footer_contact_list:first-child {
    padding-right: 14px;
  }

  .footer_box {
    padding-bottom: 30px;
  }

  .social_link li a {
    width: 27px;
  }

  .footer_sticky_btn {
    bottom: 0px;
    left: 0px;
    right: 0px;
  }

  .footer_sticky_btn a {
    width: 100%;
    font-size: 16px;
    padding: 14px 0px;
  }

  .footer_bottom_box {
    padding-bottom: 80px;
  }

  .mobile_text {
    display: block;
  }

  .desktop_text {
    display: none;
  }


  /*---about-section--start---here---*/
  .about_left_colm {
    margin-bottom: 24px;
  }

  .about_text2 p {
    line-height: 20px;
  }

  .about_count_title {
    font-size: 36px;
  }

  .about_count_dec {
    font-size: 16px;
  }

  .about_right_image_colm {
    display: block;
    width: 100%;
    margin-top: 32px;
  }

  .about_row {
    position: relative;
    padding-bottom: 80px;
  }

  .about_btn_box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 5;
    margin: 0px;
    text-align: center;
    width: 100%;
  }

  /*---precision_trust---start---here---*/
  .precision_trust_wrapper {
    margin-right: -15px;
  }

  .precision_trust_slider {
    padding-right: 15px;
  }

  .precion_content {
    padding-left: 12px;
    padding-right: 12px;
  }

  .precion_content_inner {
    padding: 15px;
  }

  .precion_count {
    display: none;
  }

  .precision_title {
    padding-right: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .precision_dec {
    margin-top: 18px;
  }

  .precion_content {
    margin-top: -90px;
  }

  .precision_trust_wrapper .custom_pagination {
    display: block;
  }

  .precision_trust .common_slider_btn {
    display: none;
  }

  .innovations_section .container {
    padding-left: 15px;
    padding-right: 15px;
  }


  /*---history---start---here---*/
  .history_row {
    flex-wrap: wrap;
  }

  .history_image_colm {
    width: 100%;
  }

  .history_content {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }

  .history_content_inner_box {
    margin-top: 0px;
  }

  .history_wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .history_slider {
    order: 2;
    width: 100%;
  }

  .history_nav_wrapper {
    width: 100%;
    order: 1;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .history_title {
    font-size: 40px;
  }

  .history_wrapper {
    margin-top: 30px;
  }

  .history_year_title {
    font-size: 14px;
  }


  /*---ai---words---start---here---*/
  .ai_words_wrapper .title_wrapper {
    width: 70%;
  }

  .form_item {
    width: 100%;
  }

  .contact_sectio_form_box {
    padding: 20px;
  }

  .contact_section_row {
    padding: 40px 15px;
  }

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

  .contact_section {
    padding-top: 0px;
    padding-bottom: 50px;
  }

  .btn_submit_contact .common_btn {
    width: 100%;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .btn_submit_contact {
    margin-bottom: 20px;
  }

  .contact_section .contact_section_right_colm .wpcf7 form .wpcf7-response-output {
    max-width: 100%;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    font-size: 12px;
  }

  .contact_section .contact_section_right_colm .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    bottom: -20px;
  }



}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .banner_box img {
    height: 500px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 599px) {

  .banner_description p {
    color: var(--blackColor);
  }

  .banner_title br {
    display: none;
  }

  .banner_box::before {
    display: none;
  }

  /*---header---start---here---*/
  .header_center_colm.active_nav {
    width: 75%;
  }

  .close_button_header_colm {
    right: 12px;
  }

  /*---banner---start---here---*/
  .banner_content {
    position: static;
    transform: none;
    background: var(--greyBg);
    width: 100%;
    padding: 30px 20px 90px 20px;
  }

  .banner_title {
    max-width: 330px;
    margin: auto;
    padding-bottom: 16px;
  }

  .banner_description {
    max-width: 350px;
    margin: auto;
  }

  .banner_content .text_white {
    color: var(--blackColor);
  }

  .banner_section .custom_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid var(--blackborder);
  }

  .banner_section .custom_pagination .swiper-pagination-bullet:after {
    background: var(--blackBg);
  }

  .banner_section .custom_pagination {
    bottom: 30px;
  }

  /*---about-section--start---here---*/
  .about_count_colm {
    width: 33.333%;
  }

  /*---precision_trust---start---here---*/
  .precion_content_inner {
    height: 300px;
  }

  /*---innovations_section---start---here---*/

  .btn_arrow_innovation,
  .innovation_card_wrapper:after {
    display: none;
  }

  .innovations_wrapper {
    margin-right: -15px;
  }

  .innvation_content {
    position: static;
    color: inherit;
    margin-top: 24px;
    transform: none;
    text-align: left;
    width: 95%;
  }

  .innovation_title_inner:before,
  .innovation_title_inner:after {
    transform: none;
    left: 0px;
  }

  .innovation_title_inner:after {
    background: #F0F0F0;
  }

  .innovation_title_inner {
    font-size: 16px;
    line-height: 24px;
    color: #000;
  }

  .innovation_desc_inner {
    font-weight: 300;
  }

  .innovations_pagination {
    display: block;
  }

  .innovations_slider {
    padding-right: 15px;
  }

  .history_nav_slider .swiper-slide:after {
    right: -28px;
  }

  /*---ai---words---start---here---*/
  .ai_words_wrapper .title_wrapper {
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    box-shadow: 0px 10px 21px 0px #6666661A;
    box-shadow: 0px 39px 39px 0px #66666617;
    text-align: center;
  }

  .ai_words_wrapper .section_title span {
    color: var(--brandColor);
  }

  .ai_words_wrapper .section_title,
  .ai_words_wrapper .title_desc p {
    color: var(--blackColor);
  }

  .ai_words_wrapper {
    position: relative;
    transform: none;
    padding-bottom: 50px;
    margin-top: -70px;
    top: initial;
  }

  .ai_words_section:after {
    display: none;
  }

}


@media only screen and (max-width: 376px) {

  .banner_title {
    font-size: 30px;
    line-height: 40px;
  }

  .common_btn {
    font-size: 15px;
  }

  .plus_icon_btn {
    font-size: 24px;
  }

  .about_count_title {
    font-size: 30px;
  }

  .about_count_dec {
    font-size: 14px;
  }

  .about_count_title {
    margin-bottom: 10px;
  }


}

@media only screen and (max-width: 360px) {

  /*---header---start---here---*/
  .nav_link {
    font-size: 14px;
  }


}