/*Laptop & Desktop*/
@media only screen and (max-width: 1200px) {
 .counter_sec{
     padding:30px;
  }
  .counter_sec .mywidthfix{
     gap:30px;
     flex-wrap:wrap;
  }
 .counter_sec .mywidthfix .inner{
     padding:0;   
  }
 .counter_sec .mywidthfix .inner h2 {
     font-size:32px;
  }
 .counter_sec .mywidthfix .inner p{
     font-size:16px;
  }
  .series .series-wrapper{
     display:block;
  }
  .series .series-wrapper .img, .series .series-wrapper .content{width:100%;}
  .n-feature .n-wrapper{display:block;}
  .n-feature .n-wrapper:has(.main-slide) > img{display:none;}
  .n-feature .n-wrapper .main-slide{position:relative;top:unset;transform:unset;}
  .specific .item{display:block;}
}
/*Tablets/iPads & Mobile*/
@media only screen and (max-width: 768px) {
    .slick-slider{margin-bottom:0 !important;}
    .slick-dots{display:none !important;}
    .n-action .n-wrapper .title{font-size:1.5rem;}
    .ftco-navbar-light{background-color: #000 !important; position: static;}
    .n-about .n-wrapper .spacer,
    .n-about .n-wrapper .chat-wrapper{
        display:none;
    }
    .n-about .n-wrapper .w-mx{
        width:100%;
        min-width: auto;
        max-width: 420px;
    }
    /*----------------------*/
    .counter_sec .mywidthfix{
        flex-wrap:wrap;
    }
    /*----------------------*/
    .our_services .wrapper .tab_content{
        flex-direction: column;
    }
    .our_services .wrapper .tab_content .left{
        padding-right: 0;
    }
    .our_services .wrapper .tab_content .left::after{
        background-color:transparent;
    }
    .our_services .wrapper .tab_content .right{
        padding:1rem 2rem;
    }
    .n-type .n-wrapper .vl, .series .series-wrapper .img .vl{
        transform:rotate(-90deg);
        left:100px;
    }
    .specific{width:100%;}
   .specific ul{width:100%; max-width:500px;}
}
/*Mobile*/
@media screen and (max-width:480px){
     .n-action .n-wrapper .title{font-size:1.4rem;}
    .n-about .n-wrapper .w-mx h2{
        font-size: 32px;
    }
    .n-about .n-wrapper .w-mx h3{
        font-size: 24px;
        line-height: 1.2;
    }
    .our_services .services_tabs ul {
        padding: 0;
    }
    .our_services .wrapper{
        width:100%;
    }
    .our_services .wrapper .tab_content{
        padding:0;
    }
    .our_services .wrapper .tab_content .right .right-tab-content div strong{
        line-height: 1.2;
    }
    .heading-section .subheading{
        font-size: 32px;
    }
    .counter_sec{
        padding: 0;
    }
    .counter_sec .mywidthfix{margin-bottom:1rem;gap:0;}
    .counter_sec .mywidthfix .inner{
        min-width: 150px;
        padding:0;
    }
    .counter_sec .mywidthfix .inner h2{
        font-size: 24px;
    }
    .counter_sec .mywidthfix .inner p{
        font-size: 18px;
        line-height:1.2;
    }
   .series .series-wrapper .content{padding:2rem;}
   .series .series-wrapper .content h2 {font-size:1.7rem;}

}