/*
1920px - Large PC
1440px - Midiun PC
1024px - Small PC
768px  - Tablet PC
425px  - Large Mobile PC
375px  - Midiun Mobile PC
*/

@media screen and (min-width: 1366px) and (max-width: 1440px) {
  /*Midiun PC*/
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  /*Small PC*/
  .prod-banner .container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (min-width: 1440px) {
}

@media screen and (min-width: 1152px) and (max-width: 1310px) {
  /*Ameya*/
}

@media screen and (min-width: 1152px) and (max-width: 1310px) {
  /*Cutus Tab Size*/
  .prod-banner .container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1920px) {
  /*Salman*/
}

/********Sm-start*******/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .prod-banner .container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .abt-vision-main2:after {
    width: 170px;
    left: 185px;
    top: 70px;
  }
  .abt-vision-main:after {
    width: 170px;
    right: 185px;
    top: 70px;
  }
  .abt-vision-img {
    width: 180px;
    height: 180px;
    line-height: 190px;
  }
  .abt-vision-img img {
    width: 110px;
  }
  .abt-vision-main2 {
    padding-left: 205px;
  }
  .col-md-6:first-child .abt-vision-main {
    padding-right: 205px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1024px) {
  .hm-ind-box {
    width: 30% !important;
  }
}
@media screen and (min-width: 426px) and (max-width: 650px) {
  /*.hm-ind-box {
    width: 48% !important;
  }
  .hm-ind-margin {
    gap: 10px !important;
  }*/
}

@media screen and (max-width: 980px) {
}

/********xs-start********/

@media screen and (max-width: 767px) {
  .forcyst-logo {
    display: block;
  }
  .forcyst-logo-scroll {
    display: none;
  }
  .fixed-top {
    position: unset;
  }
  .header-scrolled {
    position: fixed !important;
  }
  .scrollto img {
    transition: all 0.3s ease-in-out;
  }
  .header-scrolled .scrollto img {
    width: 135px;
    transition: all 0.3s ease-in-out;
  }
  .fixed-top.header-scrolled {
    transition: all 0.3s ease-in-out;
    padding: 8px 0px 8px;
  }
  .mobile-nav-toggle {
    right: 16px;
    top: 12px;
    outline: none !important;
    padding: 4px 6px;
    background: #fff;
    border: 3px solid #c7c7c7;
  }
  .mobile-nav-overly {
    background: rgb(0 0 0 / 67%);
  }
  .mobile-nav {
    background: #fff;
  }
  .mobile-nav a {
    color: #000;
    padding: 10px 10px 10px 20px;
  }
  .mobile-nav ul li ul li {
    display: flex;
  }
  .mobile-nav a:hover {
    color: #ff5500;
  }
  .main-nav .active > a,
  .main-nav a:hover,
  .main-nav li:hover > a,
  .mobile-nav .active > a,
  .mobile-nav a:hover,
  .mobile-nav li:hover > a {
    color: #ff5500;
  }
  .mobile-nav ul li ul li i {
    padding: 10px 0px;
    display: none;
  }

  .mobile-nav-toggle i {
    color: #000;
  }
  .get_start {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }
  .language-menu {
    position: absolute;
    right: 60px;
    top: 8px;
    z-index: 11;
  }
  .language-menu:after {
    display: none;
  }
  .languagepicker a {
    color: #000 !important;
  }

  /* heading & p*/
  .hm-abt-head h2,
  .hm-prod-head h2,
  .hm-manuf-heading h2,
  .hm-solu-head h2,
  .hm-ind-head h2,
  .support-head h5,
  .prod-banner h1,
  .about-heading h2,
  .abt-vision-main h2,
  .abt-journey-head h2,
  .abt-who-dtl h2,
  .abt-what-head h2,
  .hm-why-head h2,
  .prod-introd h2,
  .prod-power-content h2,
  .prod-expertise-head h2,
  .prod-benefits-content h2,
  .prod-indus-head h2,
  .prod-cad-heading h2,
  .assembly-services-head h2,
  .prod-comprehensive-dtl h2,
  .hm-precision-box h3,
  .prod-future-head h2,
  .prod-prototyping-heading h2,
  .prod-components-text h2,
  .prod-precision-box h2,
  .prod-tabs-head h2,
  .prod-assurance-head h2,
  .quality-iso-head h2,
  .quality-guiding-head h2,
  .quality-promise-content h2,
  .carrer-heading h2,
  .contact-head h2 {
    font-size: 21px;
    line-height: 25px;
  }
  .form-contact-head h2,
  .enquiry-map h2 {
    font-size: 25px;
  }
  .hm-abt-dtl h1,
  .hm-manuf-head span,
  .hm-solu-box h4,
  .hm-ind-dtl span,
  .abt-journey-name h3,
  .hm-why .feature-item-wrap .feature-content h4,
  .prod-expertise-dtl .card-body .card-body-content h3,
  #solution-main-slider .desktop-solution .box .box-content h3,
  .assembly-services-dtl h4,
  .prod-future-box h4,
  .prod-prototyping-content h3,
  .quality-iso-dtl span {
    font-size: 18px;
    line-height: 24px;
  }
  .abt-what-heading h5 {
    font-size: 17px;
  }
  .prod-expertise-dtl .card-body .card-body-content h4 {
    font-size: 17px;
    line-height: 24px;
  }
  .prod-benefits-content h3,
  .prod-benefits-content h4,
  .prod-cad-content h3 {
    font-size: 17px;
    line-height: 21px;
  }
  .hm-precision-box h4,
  .about-dtl h4 {
    font-size: 17px;
    line-height: 20px;
  }

  .abt-journey-year .years-text {
    font-size: 35px;
    /* top: -28px; */
  }
  .hm-abt-head span {
    font-size: 14px;
  }
  .product_box_title {
    font-size: 16px;
    line-height: 20px;
  }
  .hm-about-content ul li .count {
    font-size: 29px;
  }

  .hm-abt-dtl p,
  .hm-manuf-more p,
  .hm-solu-box p,
  .about-dtl p,
  .abt-vision-main p,
  .abt-who-dtl p,
  .hm-why-head p,
  .hm-why .feature-item-wrap .feature-content p,
  .prod-introd p,
  .prod-power-content p,
  .prod-expertise-head p,
  .prod-expertise-dtl .card-body .card-body-content p,
  .prod-expertise-dtl .card-body .card-body-content ul li,
  .prod-benefits-content ul li,
  .prod-indus-head p,
  .prod-benefits-content p,
  .prod-cad-content p,
  .prod-cad-content ul li,
  .assembly-services-head p,
  .assembly-services-dtl p,
  .prod-comprehensive-dtl p,
  .prod-comprehensive-dtl ul li,
  .hm-precision-box p,
  .prod-prototyping-heading p,
  .prod-prototyping-content p,
  .prod-prototyping-content ul li,
  .prod-components-text p,
  .prod-precision-box p,
  .prod-precision-box ul li,
  .prod-tabs-box p,
  .prod-assurance-head ul li,
  .prod-tabs-box ul li,
  .prod-assurance-head p,
  .quality-iso-head p,
  .quality-iso-dtl p,
  .quality-guiding-content ul li,
  .quality-promise-content p,
  .quality-promise-content ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .support-head p {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .hm-about-content ul li {
    font-size: 15px;
  }
  .abt-journey-year p,
  .abt-what-list p,
  .abt-what-list ul li,
  .contact-box p {
    font-size: 15px;
    line-height: 20px;
  }
  .hm-manuf-heading h2,
  .hm-abt-dtl h1,
  .abt-who-dtl h2,
  .prod-expertise-head h2,
  .prod-prototyping-content h3,
  .prod-indus-head h2,
  .prod-components-text h2,
  .assembly-services-dtl h4,
  .prod-precision-box h2,
  .quality-promise-content h2,
  .quality-promise-content p {
    text-align: center;
  }
  .about-dtl p,
  .abt-who-dtl p,
  .prod-expertise-dtl .card-body .card-body-content p,
  .assembly-services-dtl p,
  .prod-comprehensive-dtl p,
  .prod-precision-box p {
    text-align: justify;
  }
  /* ***** **** **** **** **** **** **** **** **** **** **** **** */

  .video_wrapper {
    height: 100%;
  }
  .hm-cleint{
    margin-top: 40px !important;
    padding-bottom: 40px;
  }
  .hm-cleint-head h4 {
    font-size: 15px;
    letter-spacing: 1px;
    color: #1d1d1f;
    text-align: center;
  }
  .hm-cleint-head h4:before {
    left: -15px;
    background: #75757526;
    width: calc(100% + 30px);
  }
  .hm-cleint-logo img{
    filter: brightness(0) saturate(100%);
  }
  .hm-cleint-head h4:after{
    display: none;
  }
  .hm-cleint {
    margin-top: 0px;
  }
  #video_section:after {
    height: 97%;
  }
  .hm-about {
    padding: 40px 0 45px;
  }
  .hm-abt-dtl{
    padding-top: 20px;
  }
  .hm-abt-dtl p {
    padding-bottom: 10px;
  }
  .hm-manuf-more p {
    margin-top: 10px;
  }
  .hm-manuf-head span {
    padding-top: 20px;
  }
  .hm-manuf {
    padding: 20px 0 45px;
  }
  .hm-solu {
    padding: 45px 0;
  }
  .support-head h5 {
    margin-bottom: 10px;
  }
  .support {
    padding: 30px 0;
  }
  .ftr-social {
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .ftr-head h3,
  .mail-list h5 {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .ftr-link ul li a,
  .mail-one a {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .ftr-head {
    margin-top: 15px;
  }
  .mail-list {
    margin: 20px 0;
  }
  footer {
    background: #fff;
    padding: 45px 0px 20px;
  }
  .mail-list img {
    width: 25px;
    margin-right: 10px;
  }

  .hm-about-content ul li {
    padding-left: 100px;
    padding-right: 0;
    padding-bottom: 18px;
  }
  .hm-about-content ul li:after {
    left: 80px;
  }
  .hm-about-content img {
    width: 50px;
  }
  .hm-about-img {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .btn-enquiry span {
    justify-self: center;
  }
  .btn-enquiry span a {
    font-size: 14px;
  }
  .hm-prod-main {
    padding-top: 45px;
    padding-bottom: 65px;
  }
  .hm-prod-sliding .owl-nav {
    gap: 130px;
  }
  .hm-solu-box {
    margin-bottom: 20px !important;
  }
  .hm-ind {
    padding: 45px 0 60px;
  }
  .hm-ind-margin {
    gap: 20px;
    padding: 0 15px;
  }
  .hm-ind-box {
    width: 100%;
  }
  .hm-ind-box .hm-ind-img {
    width: 100%;
  }
  .hm-ind-icon img {
    width: 45px;
  }
  .hm-ind-dtl {
    min-height: 180px;
  }
  .hm-abt-head {
    margin-bottom: 25px;
  }
  .col-md-4 .hm-solu-box:last-child {
    margin-bottom: 0;
  }
  .hm-solu-box {
    margin-bottom: 30px;
  }
  .abt-vision-img {
    position: unset;
  }
  .abt-vision-main {
    padding-right: 0;
    margin-bottom: 30px;
    place-items: center;
    text-align: center;
  }
  .abt-vision-main2 {
    padding-left: 0;
  }
  .abt-vision-main:after,
  .abt-vision-main2:after {
    display: none;
  }
  .abt-vision-main h2 span {
    display: inline-block;
  }
  .prod-banner {
    margin-top: 0;
    padding: 55px 0 55px !important;
    margin-bottom: 145px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 75% 100% !important;
  }
  .prod-banner .graphics-blue {
    display: none;
  }
  .prod-banner .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .prod-banner .container img {
    margin-bottom: 0 !important;
  }
  .title-wrapper h1 {
    padding: 15px 15px;
    position: relative;
    bottom: -108px;
    background: #ff5500;
  }
  .prod-banner .container .col-md-5 {
    padding-inline: 0;
  }
  .prod-banner .title-wrapper {
    padding-bottom: 0;
  }
  .about-heading {
    margin-bottom: 10px;
  }
  .about-main {
    padding-bottom: 45px;
  }
  .abt-vision-main h2 {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .abt-vision {
    padding-bottom: 15px;
  }
  .abt-who,
  .abt-journey,
  .abt-what,
  .hm-why {
    padding: 45px 0;
  }
  .abt-who-img {
    margin-top: 15px;
  }
  .abt-journey-head {
    margin-bottom: 50px;
  }
  .abt-journey-year {
    padding: 26px 15px;
    padding-top: 40px;
  }
  .abt-journey-flex {
    margin-bottom: 50px;
  }
  .abt-journey-name:after {
    bottom: -47px;
  }
  .abt-journey-icon img {
    width: 65px;
  }
  .abt-journey-icon {
    width: 109px;
    min-height: 109px;
  }
  .col-md-4:nth-child(2) .abt-journey-flex {
    margin-bottom: 100px;
  }
  .col-md-4:nth-child(3) .abt-journey-flex {
    margin-bottom: 0px;
  }
  .hm-why .feature-item-wrap .feature-icon img {
    height: 45px;
  }
  .hm-why .feature-item-wrap .feature-icon {
    width: 75px;
    height: 75px;
    top: -35px;
  }
  .hm-why .feature-item-wrap {
    height: -webkit-fill-available;
    margin-bottom: 60px;
  }
  .col-md-4:last-child .feature-item-wrap {
    margin-bottom: 10px;
  }
  .prod-img {
    margin-bottom: 20px;
    text-align: center;
  }
  .prod-expertise-dtl .card-header:has(a:not(.collapsed)) {
    background-color: #ff5500; /* active color */
  }
  .prod-expertise-dtl .card-header a {
    font-size: 15px;
    font-weight: 400;
    background: #0a55b100;
    color: #fff;
    border-radius: 40px;
    position: relative;
    z-index: 11;
    text-align: center;
  }
  .prod-expertise-dtl .card-header {
    border-radius: 30px;
    background-color: #050505;
  }
  .prod-expertise-dtl .card {
    border-radius: 30px;
  }
  .prod-expertise-dtl .tab-content {
    background: #fff;
  }
  .prod-expertise-dtl .card-body .card-body-content {
    padding: 25px 0px;
  }
  .prod-section {
    margin-bottom: 45px;
  }
  .prod-power,
  .prod-expertise,
  .prod-innovation,
  .hm-precision,
  .prod-comprehensive,
  .prod-future {
    padding: 45px 0;
  }
  #solution-main-slider {
    padding: 45px 0 45px 0;
  }
  .swiper-wrapper {
    display: block;
  }
  #solution-main-slider .desktop-solution .box .box-icon {
    display: none;
  }
  #solution-main-slider .desktop-solution .box {
    min-height: 270px;
    height: 270px;
    margin-bottom: 20px;
  }
  #solution-main-slider .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      180deg,
      rgb(255 85 0 / 33%),
      rgb(0 0 0 / 8%),
      #000000
    );
    left: 0;
    top: 0;
  }
  .prod-benefits {
    padding-bottom: 45px;
  }
  .prod-img img {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .prod-cad-content ul li {
    width: 100%;
  }
  .prod-cad-content h3 {
    padding-bottom: 20px;
  }
  .prod-cad {
    padding-bottom: 45px;
  }
  .pt80 {
    padding-top: 45px;
  }
  #solution-main-slider .desktop-solution .box .box-content p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
  }
  .assembly-services-dtl {
    padding: 40px 20px 20px;
  }
  .assembly-services2 .assembly-services-dtl {
    height: max-content;
  }
  .hm-precision-box {
    height: max-content;
    margin-bottom: 30px;
    text-align: center;
  }
  .pt100 {
    padding: 45px 0 0 0;
  }
  .assembly-services {
    padding-bottom: 45px;
  }
  .prod-future-box img {
    width: 70px;
  }
  .prod-prototyping-row:after {
    display: none;
  }
  .prod-prototyping {
    padding: 45px 0 15px;
  }
  .prod-prototyping-content {
    width: 100%;
    margin-bottom: 30px;
  }
  .prod-components-text {
    padding: 20px 0 20px 0;
  }
  .prod-components-img img {
    height: 100%;
    width: 100%;
  }
  .prod-components-box,
  .prod-precision-box {
    height: max-content;
    margin-bottom: 30px;
  }
  .prod-components {
    padding-bottom: 45px;
  }
  .prod-precision {
    padding-top: 45px;
  }
  .prod-precision-box ul li i {
    top: 2px;
  }
  .prod-tabs .nav-pills .nav-item {
    width: 100%;
  }
  .prod-tabs .nav-pills {
    width: 100%;
    border-radius: 25px;
  }
  .prod-assurance-head ul {
    display: block;
  }
  .prod-assurance-head ul li {
    height: 60px;
    margin-bottom: 10px;
  }
  .prod-tabs-box ul li i {
    top: 2px;
  }
  .prod-tab-img {
    margin-top: 10px;
  }
  .prod-tab,
  .prod-Assurance,
  .quality-guiding {
    padding: 45px 0;
  }
  .quality-iso-head p {
    margin-top: 10px;
  }
  .quality-iso-dtl {
    padding: 20px;
    height: -webkit-fill-available;
    margin-bottom: 20px;
  }
  .quality-iso {
    margin-bottom: 45px;
  }
  .quality-objectives {
    padding-bottom: 45px;
  }
  .quality-promise {
    margin-top: 45px;
  }
  .quality-promise-img {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .carrer-heading {
    margin-bottom: 20px;
  }
  .carrer-main {
    padding-bottom: 50px;
  }
  .butn-bg {
    margin-top: -30px;
  }
  .butn-bg {
    font-size: 16px;
  }
  .contact-head {
    margin-bottom: 20px;
  }
  .contact-box .icon-box {
    padding: 15px;
  }

  .contact-box .icon-box img {
    width: 47px;
  }
  .contact-box {
    margin-bottom: 40px;
  }
  .contact-box .common-btn {
    margin-top: 0px;
  }
  .contact-box .common-btn {
    font-size: 16px;
  }
  .contact-box p {
    height: max-content;
    margin: 13px;
  }
  .contact-box .common-btn {
    height: 55px;
  }
  .contact {
    margin-bottom: 20px;
  }
  .contact-form-section {
    padding: 45px 0 45px;
  }
  .enquiry-map {
    margin: 45px 0 45px;
  }
  .abt-journey-flex2 {
    margin-bottom: 95px !important;
  }
  .abt-what-box {
    height: max-content;
    margin-bottom: 30px;
  }
  .prod-banner .container img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
}

@media screen and (max-width: 425px) {
}

@media screen and (min-width: 426px) {
}
