/* start responsive */
@media (max-width:1288px){
    .navbar ul {
        gap: 15px;
    }
    .landing .scroll p {
        font-size: 14px;
    }
    h2 {
        font-size: 42px;
    }
    .value p {
        max-width: 200px;
    }
  
}
@media (min-width:1205px) and (max-width:1285px) {
    .category .border-dash {
        top: 179px;
    }
}
@media (max-width:1199px){
    .value .img:before{
        display: none;
    }
}
@media (max-width:991px){
    h2 {
        font-size: 32px;
    }
    h2:before,
    h2::after{
        top: -15px;
    }
    .navbar .links,
    .language{
        display: none;
    }
    .landing .col-lg-1{
        display: none;
    }
    .category .content {
        margin: 0 10px;
    }
    .videos .info p {
        margin: 10px 0 20px 0;
    }
    .videos button{
        margin-bottom: 25px;
    }
    .machines button{
        padding: 10px 20px ;
    }
    .news .statics {
        margin-left: 10px;
        padding: 30px 30px !important;
    }
    .machines p {
        margin: 10px 0;
    }
    .videos img {
        width: 100%;
        height: 250px;
        object-fit: contain;
    }
    .row_grid_footer{
        display: grid;
    }
    .sec-about h3 {
        font-size: 22px;
    }
    .boss {
        padding: 50px;
    }
    .patentt .row img {
        height: auto;
    }
}
@media (max-width:767px){
    h2 {
        font-size: 32px;
    }
    .about {
        padding-left: 80px;
    }
    .about .image img {
        margin-top: 30px;
    }
    .category{
        padding: 30px;
    }
    .category .border-dash {
        top: 350px;
    }
    .machines .slick-prev {
        left: -19%;
    }
    .machines .slick-next {
        right: -12%;
    }
    /* .videos img{
        width: 100%;
    } */
    .category .slick-prev {
        left: -10%;
    }
    .category .slick-next {
        right: -10%;
    }
    .solution .slick-next {
        right: -12%;
    }
    .solution .slick-prev {
        left: -15%;
    }
    .machines .more  {
        display: unset;
    }
    .news .math{
        display: block;
    }
    .machines button {
        margin-bottom: 30px;
    }
    .news .details{
        gap: 10px;
    }
    .news{
        padding-right: 0 !important;
    }
    .sec-about h3 {
        margin-top: 20px;
    }
    .sec-about {
        padding-left: 10px;
    }
    .sec-vid{
        margin-top: 10px;
    }
    .office p {
        font-size: 14px;
    }
    .hashtags .text p {
        font-size: 14px;
    }
}
@media (max-width:554px){
    .hero h3 {
        font-size: 36px;
    }
    h2 {
        font-size: 22px;
    }
    .navbar .navv {
        padding: 0 50px !important;
    }
    .landing{
        margin-top: 30px;
    }
    .about h3 {
        font-size: 18px;
    }
    .about p {
        font-size: 12px;
        max-width: 400px;
    }
    .category .border-dash {
        top: 314px;
    }
    .machines .cards h3 {
        font-size: 14px;
    }
    .news button{
        padding: 10px 30px;
    }
    .news .more{
        display: block;
    }
    .machines .cards{
        padding: 30px;
    }
    .news .more p{
        margin: 10px 0;
    }
    .value img{
        width: 100%;
    }
    .category {
        height: 495px;
    }
    .machines .slick-prev {
        left: 20%;
        top: 110%;
    }
    .machines .slick-next{
        top: 110%;
        right: 20%;
    }
    .solution .slick-prev {
        left: 30px;
    }
    .solution .slick-next {
        right: 30px;
    }
    .foot-puiux p {
        color: #FFFFFF;
        font-size: 10px;
    }
    .statics .content{
        margin-top: 20px;
    }
    .boss {
        padding: 20px;
    }
    .office{
        padding: 5px;
    }
    button.accordion-button.collapsed{
        font-size: 16px;
    }
    .contacts h3 {
        font-size: 18px;
        max-width: 350px;
    }
}
@media (max-width:499px) {
    h2 {
        font-size: 18px;
    }
    .news .details{
        display: block;
    }
    .category .border-dash {
        top: 75%;
    }
  
}
@media (max-width:399px){
    .about {
        padding-left: 10px;
    }
    .category {
        height: 585px;
    }
}
/* end responsive */