@media (max-width: 991.98px) { 

    .main_menu{
        background-color: #fff;
    }
    .navbar-toggler {
      border: none !important;
      padding: 0;
    }
    .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: none !important;
    }
    .navbar-toggler-icon {
      background-image: none !important;
      font-size: 30px;
      padding: 0 !important;
      width: auto;
      height: auto;
      border: none !important;
      outline: none;
      color: #FF8C00;
    }
    .banner .content{
        padding: 30px 0;
    }
    .banner h1{
        font-size: 28pt;
    }
    .banner h3{
        font-size: 15pt;
    }
    .banner p{
        font-size: 11pt;
    }
    .banner h5{
        font-size: 12pt;
    }
    .widget_one h4{
        font-size: 10px;
    }
    .widget_one .image{
        height: auto;
    }
    .widget_two .content{
        text-align: center;
        max-width: 100%;
    }
    .widget_two .thumbnail img {
      position: relative;
      bottom: 0;
      right: 0;
      width: auto;
      height: auto;
      margin: auto;
      display: block;
    }
    .widget_two .thumbnail .img2 {
      right: 396px;
      bottom: -25px;
      position: absolute;
    }
    .newsletter{
        text-align:center;
    }

}



@media (max-width: 767.98px) {
    
    .header .content{
        text-align: center;
    }
    .banner p {
      font-size: 12pt;
      margin: auto;
        margin-bottom: auto;
      margin-bottom: 20px;
    }
    .banner h5 {
      font-size: 13pt;
      margin: auto;
        margin-bottom: auto;
      margin-bottom: 20px;
    }
    .banner .buttons{
        justify-content: center;
    }
    .widget_one h4 {
      font-size: 16px;
    }
    .brand img{
        max-width: 110px;
    }
    .newsletter h3{
        font-size: 26px;
    }
    .newsletter .content p{
        font-size: 16px;
    }
    .newsletter .content form{
        height: 50px;
    }
    .newsletter .content input{
        font-size: 16px;
    }
    .newsletter .content button{
        font-size: 12px;
    }
    .widget_two .thumbnail .img2{
        right: inherit;
    }
    
}

@media (max-width: 575.98px) { 

    .widget_two .content h2{
        font-size: 28px;
        line-height: normal;
    }
    .widget_two .content p{
        font-size: 14px;
        line-height: normal;
    }
    .copyright{
        text-align: center;
    }
    .copyright ul{
        justify-content: center;
    }
    
}


@media (max-width: 400px){
    
    .banner .buttons button{
        font-size: 10pt;
    }
    .widget_two .thumbnail .img2 {
      right: inherit;
      bottom: -25px;
      position: absolute;
      width: 144px;
    }
    .newsletter{
        padding: 20px;
    }
    
}









@media (max-width: 1199.98px) { 

    #testdrive_banner h3{
        font-size: 22px;
    }
    #testdrive_banner p{
        font-size: 11pt;
    }
    .testdrive_widget_one .content h3{
        margin-top: 0;
    }
    .table .table_content .button{
        font-size: 7pt;
    }
    .table .table_content h6{
        font-size: 12px;
    }
    .table .table_content{
        padding: 10px;
    }
    .table{
        padding: 5px 10px;
    }
    .table .table_content h3 {
      padding: 5px;
      font-size: 13px;
    }
    .use_area .content{
        height: auto;
        padding-bottom: 25px;
    }
    .use_area .item p{
        font-size: 14px;
    }
    .use_area .owl-nav, .watch .owl-nav {
      top: inherit;
      transform: inherit;
      position: relative;
    }
    .use_area .owl-nav .owl-prev, .watch .owl-nav .owl-prev {
  left: inherit;
  transform: inherit;
  position: relative;
}
    .use_area .owl-nav .owl-next, .watch .owl-nav .owl-next {
  right: inherit;
  transform: inherit;
  position: relative;
}
    .watch .content p{
        font-size: 16px;
    }
    .watch .owl-nav.disabled{
        margin-top: 40px;
    }
    .watch .owl-dots{
        display: none;
    }

}




@media (max-width: 991.98px) { 

    .third_party .headline h3{
        font-size: 20px;
    }
    .third_party .content h6{
        font-size: 15px;
    }
    .primary_texts .container {
      max-width: 98%;
    }
    .primary_texts .text_single tr th{
        font-size: 11px;
    }
    .primary_texts .text_single table td h6{
        font-size: 12px;
    }
    .primary_texts .text_single table td span{
        font-size: 12px;
        line-height: 12px;
    }
    .niheadline h3{
        font-size: 27px;
        margin-bottom: 10px;
    }
    .niheadline .date {
      float: none;
      margin-top: 0;
      font-weight: bold;
      margin-bottom: 40px;
      display: block;
    }
}


@media (max-width: 767.98px) { 

    #testdrive_banner .thumbnail{
        margin-top: 40px;
        text-align: center;
    }
    .testdrive_widget_one{
        text-align: center;
    }
    .testdrive_widget_one .content h3 {
      max-width: 100%;
      text-align: center;
      font-size: 24px;
    }
    .testdrive_widget_one .content p{
        font-size: 13px;
    }
    .testdrive_widget_one .content h5{
        font-size: 14px;
    }
    .choose .container{
        max-width: 98%;
    }
    .choose .content {
      overflow: auto;
    }
    .main_table{
        width: 45rem;
    }
    .main_table h5{
        font-size: 14px;
    }
    #testdrive_header{
        background-size: cover;
        background-position: bottom;
    }
    #testdrive_header .main_menu::before{
        display: none;
    }
    #testdrive_header .main_menu {
      box-shadow: 0px 0px 10px #e0d8d8;
    }
    .use_area .owl-nav, .watch .owl-nav{
        margin-top: 40px;
    }
    .learn .content{
        text-align: center;
    }
    .pipe_feature .container {
      padding: 0 40px;
    }
    .watch_rwo h4{
        font-size: 20px;
    }
    .data_banner {
      background-image: url('../images/bg2-res.jpg');
      background-size: contain;
      background-position: bottom center;
      padding-top: 30px !important;
      padding-bottom: 190px !important;
    }
    .video_widget p{
        margin: auto !important;
    }
    .video_widget h3{
        font-size: 25px !important;  
    }
    .video_widget p {
      font-size: 14px !important;
    }
    .video_banner h3{
        padding-top: 0;
    }
    .test_widget_two .para p {
      font-size: 13px;
    }
    .news_single .content .news_title{
        font-size: 17px;
    }
    .news_single .content p {
      font-size: 13px;
    }
    .widget_two .content h2{
        font-size: 30px;
        line-height: normal;
    }
    .widget_two .content p{
        font-size: 15px;
        line-height: 25px;
    }
    .featured .headline h3{
        font-size: 30px;
    }
    
}

@media (max-width: 640px) { 

    .table_area{
        overflow-x: auto;
    }
    .primary_texts .text_single table {
      margin: 10px 0;
      width: 601px;
    }
    
}

@media (max-width: 575.98px) { 

    .nav-link, .header nav .button{
        font-size: 11pt;
    }
    .nav-link{
        padding: 6px 0;
    }
    .pipe_feature .content p{
        font-size: 11px;
    }
    .watertesting_banner .content {
      padding-top: 0 !important;
    }
    .primary_texts {
      padding: 20px 0;
      text-align: center;
    }
    .primary_texts .list_text span {
      position: absolute;
      top: 0;
      left: 50%;
      background: #FF8C00;
      width: 50px;
      height: 70px;
      font-size: 25px;
      text-align: center;
      line-height: 70px;
      color: #fff;
      font-family: Gilroy-Medium;
      transform: translateX(-50%);
    }
    .primary_texts .list_text p {
      margin-bottom: 0;
      padding-left: 0;
      padding-top: 60px;
    }
    .niheadline h3{
        font-size: 21px;
    }
    
}



@media (max-width: 1199.98px) { ... }

@media (max-width: 991.98px) { ... }

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

@media (max-width: 575.98px) { ... }