@media (max-width:1064px) {
     .banner-title {
         font-size: 50px;
    }
}
 @media screen and (max-width: 970px) {
    .banner_buttons a{
         padding: 15px 28px;
         font-size: 13px;
    }

     .wrapper .nav-links{
         position: absolute;
         height: 100vh;
         width: 100%;
         max-width: 300px;
         top: 0;
         left: -100%;
         background: #ffffff;
         display: block;
         padding: 50px 10px;
         line-height: 50px;
         overflow-y: auto;
         box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
         transition: all 0.3s ease;
         z-index: 99999;
    }
     .mobile_menu_overlay{
         display: block;
         width: 0%;
         height: 100%;
         transition: all 0.3s ease;
         left: 0;
         top: 0;
         position: fixed;
         background-color: rgba(0, 0, 0, 0.808);
         cursor: crosshair;
         z-index: 999;
    }
     .mobile_menu_overlay.active{
         width: 100%;
    }
     .nav-links li a i{
         top: 50%;
    }
     .mobileMenuOpenBtn{
         display: inline-block;
         background-color: #EDE8EA;
         padding: 10px;
         border-radius: 3px;
         margin-left: 20px;
    }
     .wrapper .nav-links.activeMobileMenu{
         left: 0;
    }
    /* custom scroll bar */
     ::-webkit-scrollbar {
         width: 10px;
    }
     ::-webkit-scrollbar-track {
         background: #242526;
    }
     ::-webkit-scrollbar-thumb {
         background: #3A3B3C;
    }
     .nav-links li{
         border-bottom: 1px solid;
    }
     .nav-links li a{
         display: block;
         font-size: 14px;
    }
     .nav-links .mobile-item{
         display: block;
         color: #000000;
         font-size: 15px;
         font-weight: 500;
         padding-left: 20px;
         cursor: pointer;
    }
     .drop-menu li{
         margin: 0;
    }
     .drop-menu li a{
         border-radius: 5px;
         font-size: 18px;
    }
     .mega-box{
         position: static;
         top: 65px;
         opacity: 1;
         visibility: visible;
         padding: 0;
         height: 100%;
         display: none;
         overflow: hidden;
         transition: all 0.3s ease;
    }
     .mega-box .content{
         box-shadow: none;
         flex-direction: column;
         height: 100%;
         overflow-y: hidden;
    }
     .mega-box .content .row{
         width: 100%;
         margin-bottom: 15px;
         border-top: 1px solid rgba(255,255,255,0.08);
    }
     .mega-box .content .row:nth-child(1), .mega-box .content .row:nth-child(2){
         border-top: 0px;
    }
     .content .row .mega-links{
         border-left: 0px;
    }
     .row .mega-links li{
         margin: 0;
    }
     .content .row header{
         font-size: 15px;
    }
     .row .mega-links li a::before{
         left: 0;
         background-color: white;
         width: 0% !important;
    }
     .row .mega-links li a::after{
         left: 0;
         background-color: #ffffff;
         width: 0%;
    }
     .row .mega-links li a:hover:after{
         width: 0%;
    }
     .row .mega-links li{
         border: none;
    }
}
 @media (max-width:991px) {
     #team .team_items .team_item .team_item_box{
         flex-direction: column;
         text-align: center;
    }
     .services .services_items .item .box{
         flex-direction: column;
         align-items: center;
         text-align: center;
    }
     .getInTouch .getInTouch_wrapper h3{
         font-size: 30px;
    }
     .getInTouch .getInTouch_wrapper a{
         background-color: white;
         color: black;
         padding: 12px 25px;
         font-size: 15px;
         border-radius: 30px;
    }
}
 @media (max-width:767px) {

    .single_post_wrapper .single_post_image img{
        width: 100%;
        height: auto;
}


     .banner, .banner-item {
         height: 600px;
    }
     .banner-title {
         font-size: 40px;
    }
     .slick-prev, .slick-next {
         width: 25px;
         height: 25px;
         font-size: 15px;
    }
    /* ===== ALL SECTION TITLE START ===== */
     .all_section_header{
         margin: 0;
         margin-bottom: 20px;
    }
     .all_section_header .sectionTitle {
         font-size: 70px;
    }
     .all_section_header .title{
         margin-top: -40px;
    }
     .all_section_header .title .sectionSubTitle{
         font-size: 12px;
         margin-bottom: 15px;
    }
     .all_section_header .title .sectionSlogan{
         font-size: 20px;
         font-weight: 600;
    }
    /* ===== ALL SECTION TITLE END ===== */
     .project-slider-wrapper .slick-dots {
         position: absolute;
         bottom: 0 !important;
         top: 94%;
         right: 0;
         display: flex !important;
         justify-content: center;
         height: 20px;
         gap: 10px;
    }
     .page_banner{
         height: 200px;
    }
     .page_banner .page_banner_content{
         height: 200px;
    }
     .page_banner .page_banner_content .page_title{
         font-size: 30px;
    }
     .counter-section {
         height: auto;
    }
     .top_header{
         display: none;
    }
     nav{
         position: sticky;
         top: 0;
         z-index: 999999;
         width: 100%;
    }
     .getInTouch{
         width: 100%;
         height: auto;
         padding: 40px 0;
    }
     .getInTouch .getInTouch_wrapper{
         flex-direction: column;
         gap: 20px;
    }
     .getInTouch .getInTouch_wrapper h3{
         font-size: 25px;
    }
     .getInTouch .getInTouch_wrapper a{
         padding: 10px 15px;
         font-size: 12px;
    }
     .scroll-to-top {
         width: 35px;
         height: 35px;
         font-size: 14px;
    }
     .animated-img {
         right: 20px;
    }
}









 @media (max-width:560px) {

    .our_mission .section_title, #who_we_are .title{
        font-size: 20px;
    }

    #who_we_are p{
        font-size: 14px;
    }

    #who_we_are .image_area{
        text-align: center;
    }

    #who_we_are img{
        width: 50%;

    }

    .our_mission .mission_box{
        height: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .our_mission .mission_box .title{
        font-size: 18px;
    }

    .our_mission .content{
        font-size: 12px;
        max-width: 250px;
    }

    .testimonial-box .testimonial-text{
        font-size: 14px;
    }

     .contact .contact_wrapper .contact-info h2{
        font-size: 20px;
     }

     .contact .contact_wrapper .contact-info p{
        font-size: 13px;
     }

    .contact .contact_wrapper .contact-info .info div{
        font-size: 12px;
        max-width: 300px;
    }

    .contact .contact_wrapper .contact-info .info div i{
        font-size: 10px;
    }


    .contact .contact_wrapper .contact-form h2{
        font-size: 20px;
    }

     .get_quote_btn{
         display: none;
    }
     .slide-content{
         text-align: center;
         align-items: center;
    }
     .banner, .banner-item {
         height: 600px;
    }

     .banner-title {
         font-size: 25px;
    }
     .banner-subtitle {
         font-size: 12px;
         width: 100%;
    }
     .banner_buttons a{
         padding: 10px 17px;
         font-size: 13px;
         border-radius: 5px;
    }
     .slick-prev, .slick-next{
         display: none !important;
    }

    .portfolio_subheader {
        margin: 0 auto;
      font-size: 20px;
      max-width: 300px;
      margin-bottom: 30px;
    }

    .post-title{
        font-size: 20px;
    }

    .post-content{
        font-size: 13px;
    }

    #project .section-title h2{
        font-size: 18px;
    }

    .card-overlay h5 {
      font-size: 18px;
      max-width: 250px;
    }

    .card-overlay p {
      font-size: 13px;
      max-width: 250px;
    }

    .about_page_text{
        font-size: 12px;
    }


          .testimonial-user {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .testimonial-user img {
        margin-bottom: 10px;
        margin-right: 0;
      }

       .testimonial-user .user_details{
        left: 0;
        border-radius: 10px;
       }

       .copyright p{
        font-size: 10px;
       }

       .mobile_get_solution_btn{
        display: block;
       }


       .single_post_wrapper .single_post_title{
        font-size: 18px;
       }

       .single_post_wrapper .single_post_content p{
        font-size: 12px ;
       }

        .page_banner{
            height: auto;
            padding: 50px 0;
        }

       .page_banner .page_banner_content ul{
        flex-direction: column;
        gap: 5px;
       }

       .single_post_wrapper .single_post_title{
        padding: 5px;
       }

       .single_post_wrapper .single_post_content{
        padding: 5px;
       }




}