@media (max-width: 1400px) {
        .nav-menu {
            display: block;
        }
        .hamburger-menu-button,
        .ham-menu {
            display: none;
        }
    }
    
    @media (max-width: 1199px) {
        .nav-menu ul li {
            margin-left: 20px;
        }
    }
    
    @media (max-width: 991px) {
        .hamburger-menu-button{
            display: block;
        }
        .ham-menu.on{
            display: block;
        }
        .nav-menu {
            display: none;
        }
        .ham-menu ul li a {
            color: rgba(255, 255, 255, 50%);
        }
        .container,
        .container-fluid {
            max-width: 100%;
        }
        .hero-content-section h1 {
            margin-top: 40px;
            margin-bottom: 30px;
            font-size: 55px;
        }
        h2 {
            font-size: 45px;
        }
        .testimonial_sec h2 {
            max-width: 100%;
        }
        .feature_sec .feature_block {
            margin-bottom: 50px;
        }
        .help_sec .help_img {
            padding: 0;
        }
        .contact_sec .contact_content {
            padding: 60px 20px;
        }
        .hero-content-section p,
        .help_sec .help_block p {
            max-width: 100%;
        }
        .testimonial_sec .slick-track,
        .app_section .slick-track {
            margin: 0 auto;
            width: 100%;
        }
        .img-content-box {
            flex-direction: column;
        }
        .feature-box {
            width: 100%;
        }
        .box-content {
            Width: 100%;
            padding-left: 0px;
            color: var(--dark-blue);
            padding-top: 25px;
        }
        .head-content {
            flex-direction: row-reverse;
        }
        .help_sec {
            padding: 50px 0;
        }
        .sign_img{
            height: auto;
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 768px) {
        h2 {
            font-size: 45px;
        }
        .help_sec .help_btn a {
            margin-top: 15px;
        }
        .hero-content-section h1 {
            font-size: 45px;
        }
    }
    
    @media (max-width: 767px) {
        .help_sec .help_img {
            text-align: center;
        }
        .footer_sec .footer_menu {
            display: grid;
            text-align: center;
            display: none;
        }
        .footer_sec .footer_menu ul {
            display: grid;
        }
        h2 {
            font-size: 40px;
        }
        .help_sec .help_img img {
            max-height: 100%;
        }
        .gallery_sec .image_gallery {
            display: block;
        }
        .gallery_sec .image_gallery .images.double {
            width: 100%;
        }
        .gallery_sec .container {
            max-width: 100%;
        }
        .contact_sec .contact_img,
        .hero-content-section,
        .help_sec .help_img {
            text-align: center;
        }
        .contact_sec .contact_img img,
        .hero-content-section img,
        .help_sec .help_img img {
            max-width: 300px;
            width: 100%;
        }
        .contact_sec .contact_content {
            margin: 10px;
            margin-top: 0 !important;
            text-align: center;
        }
        .help_sec .help_block,
        .subscription_plan {
            text-align: center;
        }
        .help_sec .help_btn {
            justify-content: center;
            max-width: 100%;
        }
        .help_sec .help_btn a {
            margin: 15px;
        }
        .testimonial_sec .testi_arrow {
            display: none;
        }
        .testimonial_sec {
            padding: 60px 0 20px;
        }
        .app_section .testi_arrow {
            display: none;
        }
        .footer_sec .copyright_text {
            padding-top: 0px;
        }
        .desktop-feature,
        .owner-f-desktop {
            display: none;
        }
        .mobile-feature,
        .owner-f-mobile {
            display: block;
        }
        .hero-content-section .btn-yard {
            margin: 0 auto;
            justify-content: center;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial_sec {
            margin-top: 0;
        }
        .hero-content-section h1 {
            font-size: 33px;
        }
        h2 {
            font-size: 30px;
        }
        .footer_sec .footer_social {
            display: grid;
            place-items: center;
        }
        .footer_sec .footer_social.detail p:first-child:after {
            display: none;
        }
        .register_sec .form_fill {
            padding: 45px 10px;
        }
        .footer_sec .footer_social p {
            margin: 10px 0;
        }
        .testimonial_sec .testi_itmes {
            padding: 0;
        }
        .logo a {
            font-size: 28px;
        }
        .help_sec .help_btn a {
            margin-top: 10px;
        }
        .register_sec .login_box {
            display: block;
        }
        .register_sec h2 {
            margin-bottom: 35px;
        }
        .contact_sec {
            margin: 40px 0;
            padding-bottom: 20px;
        }
        .footer_sec {
            padding-top: 3px;
        }
        .app_section .screen_items {
            display: grid;
            place-items: center;
        }
        .footer_sec .footer_menu ul li {
            margin-bottom: 15px;
        }
        .footer_sec .copyright_text p {
            font-size: 16px;
        }
        .mobile-social {
            display: flex !important;
            grid-gap: 20px;
        }
        .hero-content-section .btn-yard {
            flex-direction: column;
        }
        .hero-content-section .btn-yard a {
            margin-bottom: 20px;
        }
        .hero-content-section {
            padding: 50px 0px 70px;
        }
        .contact_sec .contact_content h2 {
            font-size: 33px;
        }
    }
    
    @media (max-width: 425px) {
        .hero-content-section h1 {
            font-size: 30px;
        }
        h2 {
            font-size: 30px;
        }
        .hero-content-section .btn-yard a {
            margin-bottom: 0;
        }
        .contact_sec .contact_content h2 {
            font-size: 30px;
        }
    }
    
    @media (max-width: 425px) {
        .hero-content-section h1 {
            font-size: 30px;
        }
        h2 {
            font-size: 25px;
        }
        .contact_sec .contact_content h2 {
            font-size: 25px;
        }
    }