@media screen and (max-width: 380.98px) {
  
input.ip-txt,
input.red-btn,
select.ip-txt,
textarea.ip-textarea 
{
  padding: 10px 5px !important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev
{
  left: -14px !important;
  position: relative;
}
.owl-theme .owl-controls .owl-buttons .owl-next
{
 right: -14px !important;
  position: relative;
}

.owl-theme .owl-controls .owl-buttons div{
padding:0px 0px !important;
}


.home-banner-content button {
  padding: 3px 22px;
  font-size: 11px;
}
 
}

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

  #carousel-home
  {
    display: block;
  }

  #carousel-home .item
  {
   text-align: center;
  }

  #carousel-desktop
  {
    display: none;
  }

  img.show-prod {
    margin: 0 auto;
}

  .header-section {
    padding: 12px 0 0 0;
  }

  .header-right{
    line-height: 28px;
    margin-top: 6px;
  }

  .download-brochure-modal .modal-content {
    width: 100%;
  }

  .info, .infoo, .info-d, .info-c, .info_a, .info_th, .info_p{
    font-size: 10px;
   }

   input.ip-txt::placeholder, select.ip-txt {
    font-size: 12px;
}
}

@media screen and (max-width: 667.98px) {
  .supply-to .supply-to-inner .location {
    position: relative;
    top: 0;
    bottom: 0;
    display: block !important;
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: left;
  }

  .header-right .fa {
    margin-left: 10px;
}

  .supply-to .supply-to-inner .location:nth-child(2)
  {
    margin-top:25px;
  }

  #myModal_custom
  {
    padding-right:0px !important;
  }

  #myModal_custom .modal-content
  {
    width:100% !important;
  }

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

.banner-section
{
  text-align: center;
}

  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -20px;
  }

  .home-ele:nth-child(1)::after
  {
    height: 150px;
    background: #28728c;
    top: 74px;
    right: 0;
  }

  .blu-section {
    font-size: 8px;
}

  .blu-section p{
    line-height: 12px;
}

.slick-slide img {
  width: 240px;
}

    .change-banner-ty
    {
        display: none;
    }

    .mobile-banner-ty
    {
        display: block;
    }

    .header-right{
      line-height: 28px;
      margin-top: 6px;
      font-size: 11px;
    }
    
    .header-right .fa {
    vertical-align: super;
    font-size: 18px;
  }
  .header-left,
    .header-right {
      float: none;
      text-align: center;
      padding: 0;
      margin: 0 auto;
    }

    .logo-mobile
{
  display: block;
  width: 200px;
}
.logo-max
{
  display: none;
}


  .learning-menu .resp-accordion h2,
  .learning-menu .resp-accordion p {
    font-size: 15px;
  }
  .supply-to .supply-to-inner .location {
    max-width: 200px;
    left: 0 !important;
    transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
  }
  .tab-banner {
    display: none !important;
  }
  .mobile-banner {
    display: block;
  }
  /* .overlay-text {
    margin: 0 auto;
    text-align: center;
  } */
}
@media screen and (max-width: 991.98px) {
  div.add-line::after
  {
    right: 30px !important;
  }

  .pro-range
  {
    margin-top:30px;
  }

  .text-white-color {
    margin: 39px 0px 20px 0px;
}
  
  .exp-second,
  .exp-section {
    margin: 40px 0 0 0;
  }

  .blu-section {
    font-size: 12px;
}

  .blu-section p{
    line-height: 18px;
}

  .banner-img-tab
  {
    display: block;
  }

  .banner-img
  {
    display: none;
  }

  /* .overlay-text {
    margin: 0 auto;
    text-align: center;
    float: none;
    padding: 0px 14px;
  } */

  .image {
    float: none;
    padding-left: 0px;
    margin: 0 auto;
}

.certifications-all {
  position: static;
  left: 0;
  bottom: 0;
  max-width: 100%;
  width: 140px;
  margin: 0 auto;
}
.certifications-alll {
  position: static;
  left: 0;
  display: block;
  bottom: 0;
  max-width: 100%;
  width: 300px;
  margin: 0 auto;
}

.show-certifications {
  display: block;
  text-align: center;
  margin: 19px auto;
}

  .hide-certifications, .desktop-certifications
{
  display: none;
}

.show-certifications
{
  display: block;
}

  .about-us h1.heading
  {
    text-align: center;
    margin-bottom:40px;
  }


  .about-us-image
  {
  text-align: center;
  }

  .exp-second button {
    margin: 26px 0 auto;
  }
  .clients div {
    text-align: center;
  }
  .content-wrap ul {
    margin: -4px;
  }
  .add-margin {
    overflow: auto;
    margin: 20px 0;
  }
  .other-apps .exp-section .exp-second button {
    margin: 0;
  }

  ul.remove-padding,
    div.remove-padding {
  padding-left: 15px;
  overflow: hidden;
}
}
@media screen and (max-width: 1199.98px) {

  #carousel-desktop div
  {
    text-align: center;
  }

  .embed-elements h2
{
  display: block;
}

  .slick-banner
  {
    width: 100%;
    float: none;
  }

  .regular-home
{
  margin-left: 0px;
}

  .home-carousel
  {
    text-align: center;
  }

  .desktop-certifications {
    margin: 35px 0px;
    text-align: center;
}

  .footer
  {
      text-align: center;
  }

  .other-apps-border {
    border-left: 0px;
}

  .other-apps-border .heading, 
  .other-apps-border .heading-sub
  {
    text-align: center;
  }

.are-you-exp .heading, .braking-resistor .heading, .braking-resistor p,  #enquiry-formtop h1
    {
    text-align: center;
    }

  /* .right-form {
    max-width: 100%;
  } */
  .supply-to .supply-to-inner .location {
    position: relative;
    top: 0;
    bottom: 0;
    /* left: 40%;
    transform: translateX(-50%); */
    text-align: left;
  }
  .supply-to .supply-to-inner .looking-representatives {
    margin-left: 0;
  }
  .exp-1 {
    margin-top: 20px;
  }
  .other-apps .exp-section,
  .why-kwk {
    text-align: center;
  }
  .why-kwk .embed-elements div {
    margin-top: 30px;
  }
  .exp-second .exp-second-1:nth-child(2) {
    text-align: center;
  }
  .other-apps .exp-1:nth-child(1)::after,
  .other-apps .exp-1:nth-child(2)::after {
    display: none;
  }
  .learning-menu .resp-accordion h2,
  .learning-menu .resp-accordion p {
    display: inline-block;
  }
  /* .learning-menu {
    max-width: 670px;
    margin: 0 auto;
  } */
  .looking-representatives,
  .supply-to-inner h2 {
    text-align: center;
    margin: 20px 0 0 0;
  }
  .supply-to {
    text-align: center;
    margin: 0 auto;
  }
  .supply-to-inner h2 {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .supply-to .supply-to-inner .location {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1275px) {
  /* .overlay-text
{
  max-width: 880px;
} */
}

@media screen and (max-width: 1200px) {
/* .owl-theme .owl-controls .owl-buttons .owl-prev
{
  left: -20px;
  position: relative;
}
.owl-theme .owl-controls .owl-buttons .owl-next
{
 right: -20px;
  position: relative;
} */

  .fix-center {
    max-width: 1100px;
    width: 90%;
  }

  div.add-line::after
  {
    right: 58px;
  }

.learning-lister
{
  margin-top: 40px;
}

  .intro{
    display: block;
  }

  .right-form {
    max-width: 100%;
  }

  .max-width-form {
    position: static;
    margin: 40px auto 0px auto;
    float: none;
    top: 50px;
    right: 0px;
    clear: both;
    max-width: 600px;
    overflow: auto;
  }

  .fix-center-form {
    clear: both;
  }

  .learning-menu {
    max-width: 870px;
    margin: 0 auto;
}
  .exp-1 p {
    font-size: 14px;
    text-align: left;
  }

  .exp-section {
    margin: 0 auto;
    text-align: center;
  }

  .supply-to .supply-to-inner .location {
    float: none !important;
    display: inline-block;
  }
}

@media screen and (max-width: 1100px) {
  .need-help .overlay-text {
    top: 0;
  }

  #high-light
{
padding: 10px 15px;
}
  .blue-text-block p {
    line-height: 19px;
  }

  .are-you-exp .exp-1 {
    
    max-width: 261px;
}

  /* .overlay-text {
    max-width: 690px;
} */

  .calc-hide {
    display: none;
  }
  .need-help {
    background: #1388d4;
  }

  .need-help .overlay-text {
    position: relative;
    padding: 30px 0;
  }
}

@media screen and (max-width: 1025px) {
  #axial .slick-prev {
    left: -7px;
}

#axial .slick-next {
    right: 20px;
}
  #banner-carousel .slick-prev {
    left: -7px;
}

#banner-carousel .slick-next {
    right: -5px;
}
}

@media screen and (max-width: 1050px) {
  .tab-banner {
    display: block;
  }

  .exp-1 p {
    font-size: 13px;
}

  .change-banner {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  /* #hide-read-more
  {
    display: block;
  } */

  /* .read-more-content
  {
    display: none;
  }
   */

   #reduce-font
   {
     font-size: 12px !important;
   }

  .slick-slide img {
    width: 190px;
}

#owl-axial .item, #owl-thin-film .item {
  margin-right: 0px;
}

#home-carousel-container
{
  display: block;
}

.desktop-view
{
  display: none;
}


.resp-arrow
{
  margin-right: -2px !important;
}

}

@media screen and (max-width: 812px) {
  /* .overlay-text
  {
    top:8%;
  } */

}

@media screen and (max-width: 1151px) {
  img.show-prod
  {
    display: block;
  }

  div#add-line::after {
    display: none;
  }

  #banner-carousel .slick-slide img {
    margin: 0 auto;
}

  .learning-lister
{
  margin-top: 0px !important;
}

.content-wrap ul.p-r-value li
{
  display:block;
}

div#hverticalTab .resp-tabs-container
{
  margin-left: 0px;
  margin-bottom: 47px;
}

.learning-menu .resp-accordion p{
display: none;
}

.content-wrap ul
{
  margin:0px;
}
 
.content-wrap ul.p-r-value
{
  margin-bottom: 20px;
}

}

@media screen and (max-width: 1250px) {
  .fix-center {
    max-width: 1250px;
    margin: 0 auto;
  }
}



/* .learning-content
{
  margin: 0 auto;
    max-width: 1200px;
    width: 90%;
} */