/*-------------- media section ---------------*/
 @media screen and (max-width: 1800px) and (min-width: 1601px){
  #slider .owl-item img:not(.owl-item.active.center img) {
    height: 330px;
  }
}

 @media screen and (max-width: 1600px) and (min-width: 1400px){
  #slider .owl-item img:not(.owl-item.active.center img) {
    height: 330px;
  }
  .services-main {
    padding-left: 9%;
  }
}
 @media screen and (max-width: 1399px) and (min-width: 1200px){
  #slider .owl-item img:not(.owl-item.active.center img) {
    height: 350px;
  }
  .services-main {
    padding-left: 6%;
  }
  section h2 {
    font: bold 40px / 60px var(--font-one);
  }
  .video-wrap{
    padding: 18px 14px;
  }
  .about-one img{
    width: 150px;
    height: 60px;
    margin-top: 25px;
  }
  .how-box-2{
    top: 11%;
  }
  .how-box-3{
      top: -26%;
  }
  .how-box-4{
        top: -20%;
  }
  .how-box-5{
      top: -59%;
  }
  #testimonial>.container::after{
    height: 20%;
  }
}
 @media screen and (max-width: 1199px) and (min-width: 992px){
    .services-title a{
          font-size: 15px;
    }
    .header-inner  .theme-btn{
      padding: 9px 12px;
    }
 }
 @media screen and (max-width:1199px){
  .certificate-img{
    height: 100%;
  }
  .title-box h1 {
      font: 700 36px / 50px var(--font-one);
  }
  .codedropz-upload-handler h3, .cd-upload-btn, .wpcf7-list-item-label, .estimated-price p,.select-drp select{
      font-size: 13px 
  }
  .services-menu .widget_nav_menu{
      padding-left: unset;
  }
 }
 @media screen and (max-width:1023px){
    .about-points-wrap p{
      display: flex;
      gap: 10px;
      text-align: left;
    }
     .footer-mid{
         max-width: 100%;
    }
     .slider-svg img{
         height: auto;
    }
     .main-navigation .current-menu-item a:after{
         display: none;
    }
     .toggle-nav {
         display: block;
    }
     .toggle-nav i {
         font-size: 20px;
         color: #FFF;
    }
     .sidenav .close-sidebar {
         position: relative;
         font-size: 32px;
         display: block;
         padding-right: 7%;
         color: #ffffff;
         cursor: pointer;
         cursor: pointer;
         text-align: right;
    }
     .main-navigation ul li.current-menu-item a{
         border-top: none !important;
    }
     .main-navigation ul li>ul {
         opacity: 1;
         display: block !important;
         visibility: visible !important;
         transform: none;
         box-shadow: unset;
         padding: 0;
         margin: 0;
    }
     .main-navigation ul li a:before, .main-navigation ul li a:before {
         background-color: transparent;
    }
     .main-navigation ul li:hover>ul {
         display: block !important;
         padding: 0;
         color: #000000;
    }
     .main-navigation ul li {
         height: 100%;
    }
     .main-navigation ul li ul li ul {
         position: unset;
    }
     .main-navigation ul li ul{
         display: none;
         position: relative !important;
    }
     .main-navigation ul ul li a:hover{
         transition: unset;
    }
     .headerbar {
         display: block !important;
         margin: 0;
    }
     .main-navigation ul ul li{
         padding: 0px 12px;
         margin: 0px 0 0px 0;
    }
     .main-navigation ul ul li a {
         padding-left: 16px;
         color: #ffff !important;
    }
     .main-header .main-navigation {
         display: none 
    }
     .header-inner{
         padding-top: 4px;
         padding-bottom: 4px;
    }
     .sticky.stickynavbar .header-inner{
         padding-top:unset;
         padding-bottom: unset;
    }
     .main-navigation ul li.current-menu-item a{
         border-top: none !important;
    }
     .main-navigation ul li>ul {
         opacity: 1;
         display: block !important;
         visibility: visible !important;
         transform: none;
         box-shadow: unset;
         padding: 0;
         margin: 0;
    }
     .main-navigation ul li a:before, .main-navigation ul li a:before {
         background-color: transparent;
    }
     .main-navigation ul li:hover>ul {
         display: block !important;
         padding: 0;
         color: #000000;
    }
     .main-navigation ul li ul li ul {
         position: unset;
    }
     .main-navigation ul li ul{
         display: none;
         position: relative !important;
    }
     .main-navigation ul ul li a:hover{
         transition: unset;
        /* padding: 12px 27px;
         */
    }
     .headerbar {
         display: block !important;
         margin: 0;
    }
     .main-navigation ul ul li{
         padding: 0px 12px;
         margin: 0px 0 0px 0;
    }
     .main-navigation ul ul li a {
         padding-left: 16px;
         color: #ffff !important;
    }
     .main-navigation,.main-navigation li {
         padding: 0;
         display: block;
         width: 250px;
    }
     .main-navigation ul li a {
         padding: 10px 15px;
         display: block;
         border-bottom: 1px solid #e2e2e2;
         background: 0 0!important;
         text-align: left;
         margin: 0;
    }
     .main-navigation ul ul a {
         font: normal normal 600 13px/22px Open Sans;
    }
     #sidebar1 .close-sidebar.mobile-menu{
         position: relative;
         font-size: 32px;
         display: block !important;
         padding-right: 7%;
         color: #fff;
         cursor: pointer;
         cursor: pointer;
         text-align: right;
    }
     #sidebar1 {
         height: 100%;
         width: 0;
         position: fixed !important;
         z-index: 9999999;
         top: 0;
         right: 0;
         background-color: #1E1E1E;
         overflow-x: hidden;
         transition: .9s;
         padding-top: 8px !important;
          animation: slideInRightMenu 1s;
    }
    #sidebar1 i{
          font-size: 22px;
    }
    @keyframes slideInRightMenu {
        0% {
            opacity: 0;
            -webkit-transform: translateX(296px);
            -ms-transform: translateX(296px);
            transform: translateX(296px);
       }
        100% {
            -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
            transform: translateX(0px);
        }
    }
     #sidebar1 ul li a{
         color: #fff !important;
         border-bottom: none;
    }
     #sidebar1 ul li:hover>ul {
         visibility: visible;
         opacity: 1;
         height: auto;
         z-index: 11111;
         transform: scale(1) !important;
    }
     #sidebar1 ul li:hover>ul {
         display: block !important;
         transition: all .4s ease;
    }
     #sidebar1 ul ul {
      box-shadow:unset !important;
         animation: unset !important;
    }
     @keyframes fadeOutUp {
         from {
             opacity: 1;
        }
         to {
             opacity: 0;
             transform: translate3d(0, -100%, 0);
        }
    }
     .main-navigation ul ul{
         width: 95%;
         margin: 0 auto !important;
    }
     .main-navigation ul ul,.main-navigation ul ul li {
         background: transparent !important;
    }
     .main-navigation ul ul li {
         display: block;
         padding-left: 1px;
         border-bottom: none;
    }
     .main-navigation ul ul ul li {
         padding-left: 15px;
    }
     .main-navigation li {
         position: relative;
    }
     #contentwoocom{
         margin-top: 3rem;
    }
}
  @media screen and (max-width: 1199px) and (min-width: 992px){
    #slider .owl-item img:not(.owl-item.active.center img) {
       height: 260px;
    }
    .services-main {
      padding-left: 7%;
    }
    .contact-box .theme-btn{
      padding: 10px 20px;
    }
    .contact-box{
          padding: 10px;
    }
    .contact-box .theme-btn{
          padding: 10px 20px;
    }
     #contact>.container{
          padding: 30px 10px;
     }
    #footer_box h3{
      font-size: 16px;
    }
    .footer-col-row {
      padding: 5% 10px 20px;
    }
    .footer-left-content {
      padding: 17% 1px 0 1px;
    }
    .slider-heading{
      font-size: 36px;
      line-height: 54px;
    }
    section h2 {
      font: bold 35px / 60px var(--font-one);
    }
    #our-features>.container {
          padding: 50px 20px;
    }
    .browse-file svg{
          left: 8px;
    }
    .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{
      padding-left:unset;
    }
    .theme-btn-form {
       margin-top: 40px;
       padding: 9px 15px;
    }
    .feature-form-row{
      margin-top: 20px;
    }
    .industry-col {
     width: 25%;
    }
    .industry-wrap{
      gap: 15px;
    }
    .about-one{
      grid-column-end: 8;
    }
    .about-two{
      grid-column-start: 8;
    }
    .how-work-wrap{
       gap: 30px;
    }
    .how-box-3{
        top: -22%;
    }
    .how-box-4 {
        top: -16%;
    }
    .how-box-5 {
        top: -49%;
    }
    .how-work img {
      width: 150px;
    }
    #testimonial>.container::after{
      height: 10%;
    }
  }
 @media screen and (max-width:991px){

  
   #single-services i{
    padding-top: 6px;
  }
     .footer-col-row{
         gap: 35px 0;
         justify-content: center;
    }
     .footer-left-content {
         padding: 25px;
    }
     .contact-box{
         margin-bottom: 20px;
    }
      .contact-img-wrap{
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
    .slider-heading{
      font-size: 36px;
      line-height: 51px;
    }

    .how-box-1,.how-box-3,.how-box-2,.how-box-4,.how-box-4,.how-box-5{
         top: unset;
         text-align: center;
    }
     #how-work svg{
         display: none;
    }
      .circle-div{
         display: none;
    }
     .how-work img,.how-img-wrap{
         margin: 0 auto;
    }
    #industry-serve .industry-serve-row{
         display: flex;
         flex-wrap: nowrap;
         overflow: scroll;
    }
      section h2{
        font: bold 34px / 58px var(--font-one);
      }
      #services .owl-stage-outer{
         padding-bottom: 20px;
    }
    .theme-btn-form {
        margin-top: 30px;
    }
     #sidebar .widget_recent_entries ul li a {
         font: 500 13px / 22px var(--font-one);
    }
     #sidebar .widget_categories a, #sidebar .widget_custom_html a {
                    font: 400 14px / 22px var(--font-one);
    }
     .packages-price{
         font-size: 30px;
         line-height: 50.03px;
    }
     .contac_form{
         max-width: unset;
    }
     .bradcrumbs{
         display: block;
    }
     .title-box h1 {
        font: 700 30px / 45px var(--font-one);
    }
    .above_title {
    padding: 10% 0 10% 0;
    }
     .single-post-category .meta-heading{
        width: 185px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }
    .meta-heading{
        font: 500 15px / 26px var(--font-one);
    }
     #footer_box .widget_text{
         padding-right: unset;
    }


}
 @media screen and (max-width: 991px) and (min-width: 768px){
  .test-wrap p, .test-page-wrap p{
    -webkit-line-clamp: 6;
  }
  .tesimonial-page-row {
    gap: 40px 0;
  }
  .test-page-wrap{
        height: 300px;
  }
  #slider .owl-item img:not(.owl-item.active.center img) {
      height: 200px;
  }
  .services-main {
    padding-left: 10%;
  }
    #team .owl-stage {
      padding: 10% 0 0 0
    }
     #sidebar .widget_recent_entries img {
         max-width: 70px;
    }
    .services-img {
      height: 270px;  
    }
    .feature-grid{
      margin-top: 85px;
    }
    section h5, h5 a, h5{
                 font-size: 15px;
    }
    .industry-col {
     width: 33.33%;
    }
    .about-us-row .theme-para{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    #about-us p{
      font-size: 14px;
    }
    .about-one{
      grid-column-end: 8;
    }
    .about-two{
       grid-column-start: 8;
    }
    .video-wrap{
      padding: 19px 10px;
    }
    .video-btn i{
      height: 40px;
       width: 40px;
    }
    #about-us h2{
      font: bold 23px / 31px var(--font-one);
    }
    .about-four,.about-three,.about-five{
      padding: 17px;
    }

    .about-one img {
      width: 120px;
      object-fit: contain;
    }
    .how-work-wrap{
       grid-template-columns: repeat(3, 1fr);
       gap: 30px;
    }
    .testimonial-grid{
      display: flex;
      flex-wrap: wrap;
      gap: 35px 20px;
      margin-top: 20px;
    }
    .test-wrap{
      flex: 0 0 48%;
      position: relative;
      height: 240px;
      position: relative;
    }
    .test-content-wrap{
      position: absolute;
      bottom: -22px;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    #testimonial>.container::after{
      height: 4%;
    }
    .certificate-row{
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
       padding: 10px;
    }
}
 @media screen and (max-width: 1023px) and (min-width: 601px){
     .slider-content-wrap {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 15px;
         margin-top: 25px;
    }
    .language-wrap, .satisfaction-wrap, .project-wrap, .support-wrap{
         position: unset;
         width: 100%;
         height: 100%;
    }
}
 @media screen and (max-width:767px) {


  .how-work-wrap{
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
  }
  #services-cat-pills-tab{
    margin-bottom: 20px;
  }
  #tab-services-category,#single-industry{
    text-align: center;
  }
  .close-one, .close{
    right: 10px;
  }
    .search-page #sidebar{
      margin-top: 20px;
    }
    #slider .owl-item.active.center .item img{
      height: 200px;
    }
    #slider .owl-item img:not(.owl-item.active.center img) {
      height: 155px;
    }
    #single-services,#single-testimonial{
      text-align: center;
    }
    .above_title {
        padding: 10% 0 10% 0;
    }
    .post-meta-inner {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 5px;
      text-align: center;
    }
    .social-share-icon-main{
      justify-content: center;
      opacity: 1;
      right: 0;
      left:0;
      top: 26px;
    }
    .social-share-icon-main a{
      margin: unset;
    }
    .single-blog-content{
      margin-top: 20px;
    }
    #single-post .single-author-image {
      width: 40px;
      height: 40px;
    }
    #single-post .author-name {
      font: normal normal 600 14px / 26px var(--font-two);
    }
    #comments{
      display: block;
    }
    .comment-list{
        width: 100%;
    }
    #single-post .comment-respond{
      max-width: 100%;
      margin-top: 20px;
       text-align: center;
    }
    #single-post #commentform{
      justify-content: center;
    }
      .slider-heading{
         font-size: 36px;
    }
     .team-img{
         /* height: 335px; */
    }
     #about-us>.container, #brand>.container, #blog-news>.container, #contact>.container, #testimonial>.container, #our-features>.container{
         padding: 50px 20px;
    }
     #our-features .feat-svg svg,#industry-serve svg,#testimonial svg,#certificate svg,#blog-news .blog-svg svg,#faq svg,#contact svg{
         width: 20%;
    }
     .single-blog-content,.comment-body,.form-submit,.comment-form-comment,.certificate-row,#footer_box{
         text-align: center;
    }
     .language-wrap, .satisfaction-wrap, .project-wrap, .support-wrap{
         position: unset;
         width: 100%;
    }
     .satisfaction-wrap{
         height: 105px;
    }
     #slider h5{
         text-align: center;
         font-size: 15px;
    }
     #slider h3{
         font-size: 26px;
         text-align: center;
    }
     .sub-head{
         margin: 0 auto;
    }
     .main-head {
         font: 600 22px / 35px var(--font-one);
         text-align: center;
    }
     #services{
         padding-bottom: 0;
    }
    #services .owl-stage-outer {
      padding-bottom: 45px;
    }
    .services-btm{
      bottom: -36px;
    }
     section h2 {
         font: bold 32px / 48px var(--font-one);
    }
     .about-wrap h2{
         font: bold 27px / 41px var(--font-one);
    }
     .about-four,.about-three,.about-five{
         padding: 10px;
    }
     .theme-btn-form{
         margin-top: unset;
    }
   
  

     p{
         font-size: 15px;
    }
     .testimonial-grid{
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
     #testimonial>.container::after{
         height: 14%;
    }
     .post-date-wrap{
         height: 140px;
    }
     .post-date{
         font-size: 14px;
    }
     .blog-img-outer {
         height: 220px;
    }
    
  
}
 @media screen and (max-width:600px) {
     .slider-content-wrap{
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
         margin-top: 25px;
    }
}
 @media screen and (max-width: 767px) and (min-width: 576px){
    .para-wrap {
      min-height: 80px;
  }
    .how-work {
      width: 45%;
    }
    .how-work-wrap{
      gap: 26px;
    }
    .video-wrap{
         padding: 19px 6px;
    }
     .video-btn i{
         height: 40px;
         width: 40px;
    }
     .about-one img {
         width: 115px;
         height: 59px;
         object-fit: contain;
    }
 
     #our-features>.container {
         padding: 50px 15px;
    }
     .feature-grid{
         margin-top: 20%;
    }
     .industry-col{
         width: 50%;
    }
     .about-wrap{
         margin-top: 10%;
    }
     .contact-box .theme-btn{
         padding: 9px 17px;
    }
     .contact-box{
         padding: 20px;
    }
}
 @media screen and (max-width:575px) {
  .para-wrap {
    min-height: 100px;
  }
  .video-btn:before{
    width: 40px;
    height: 40px;
  }
  #slider .owl-item.active.center .item img{
    height: 155px;
  }
  #slider .owl-item img:not(.owl-item.active.center img) {
    height: 125px;
  }
  #about-us,#our-features,#testimonial,#brand{
    margin: 10px;
  }
.services-main {
      padding-left: 6px;
  }
  .services-wrap{
      margin: 10px;
  }
    #testimonial svg{
        top: -17%;
  }
  .select-drp{
        width: 100%;
  }
  .browse-file {
    margin-bottom: 20px;
  }
  .theme-btn{
      padding: 9px 10px;
  }
  #slider .owl-stage-outer {
      padding-top: 10%;
  }
  .slider-heading{
      font-size: 35px;
      line-height: 45px 
  }
  .radio-wrap label{
      padding: 7px 11px;
  }
  .feature-img5{
      top: 0px;
  }
  .feature-img7{
        left: 0;
  }
  .feature-grid{
    grid-template-rows: repeat(12, 7px);
    margin-top: 20px;
  }
    .title-box h1 {
        font: 600 25px / 33px var(--font-one);
        text-align: center;
  }
    .industry-col{
        width: 100%;
  }
    #about-us>.container, #brand>.container, #blog-news>.container, #contact>.container, #testimonial>.container, #our-features>.container{
        padding: 50px 15px;
  }
  .about-points-wrap p{
        font-size: 15px;
  }
  #vission-mission img, #our-values img{
        width: 100%;
        margin-bottom: 20px;
  }
    .about-points-wrap{
        gap: 15px;
  }
    .bradcrumbs a, .bradcrumbs span{
        font: 500 13px / 19px var(--font-one);
  }
    .about-one{
        grid-column-end: 8 
  }
    .about-two{
        grid-column-start: 8;
  }
    .satisfaction-rate{
        padding: 10px 10px 10px 10px;
  }
    .about-wrap{
        grid-template-rows: repeat(8, 40px);
        margin-top: 30px;
  }
    .about-wrap h5{
        font-size: 15px;
  }
    #team .owl-stage-outer {
        height: 335px;
  }
}
 @media screen and (max-width: 575px) and (min-width: 376px){
     .about-one img {
         width: 113px;
         height: 40px;
         object-fit: cover;
         margin-top: 31px;
    }
     .video-wrap{
         padding: 16px;
         bottom: 12px;
         left: 4px;
    }
     .video-btn i {
         height: 35px;
         width: 35px;
    }
}
 @media screen and (max-width:500px) {
}
 @media screen and (max-width:375px) {
     .team-img img{
         object-position: top;
    }
     .about-wrap{
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         justify-content: center;
    }
     #slider .theme-btn{
         padding: 9px 9px;
    }
     .video-wrap{
      bottom: 10px;
      left: 3px;
      padding: 13px 18px;
    }
  
     .header-inner .theme-btn{
         padding: 9px 10px;
         font: 600 11px / 18px var(--font-one);
    }
}