@media(max-width:768px)
{



    /********************BUTTONS******************/
    .btn-one 
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    .btn-one:hover
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    .btn-two 
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    .btn-two:hover
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    .btn-three 
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    .btn-three:hover
    {
        font-size: 20px;
        padding: 10px 25px;
    }
    /*REQUEST A CON BUTTON*/
    .btn-use 
    {
        gap: 5px;
        font-size: 20px;
    }
    .btn-use:hover 
    {
        gap: 5px;
        font-size: 20px;
    }
    .btn-use span
    {
        font-size: 10px;
    }
    .btn-use span strong
    {
        font-size: 12px;
    }
    .btn-use i 
    {
        font-size: 20px;
    }


    /****************** Header REQUEST A CON BUTTON ******************/
    .btn-header-menu 
    {
        padding: 1px 15px;
    }
    .btn-header-menu:hover 
    {
        padding: 1px 15px; 
    }
    .btn-header-menu i
    {
        font-size: 20px;
    }
    .btn-header-menu span
    {
        font-size: 10px;
    }
    .btn-header-menu span strong
    {
        font-size: 12px;
    }



    /******************* Main Navbar *******************/
    nav.navbar 
    {
        background-color: #fff;
        padding: 10px 0 !important;
    }
    nav .header-logo 
    {
        background: transparent;
        border-radius: 0%;
        padding: 1px;
        margin-bottom: -0vh;
    }
    nav .header-logo img
    {
        height: 65px;
    }

    .back-to-top.show
    {
        opacity: 0;
    }
        
    /*MOBILE HEADER*/
    .mheader
    {
        display: block;
    }
    .mheader .psm-0
    {
        padding: 0!important;
    }


    /* MOBILE HEADER BOTTOM */
    .mobile-bottom-header 
    {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1001;
        background-color: var(--one-color, #333);
        width: 100%;
        padding: 5px 0;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
    .mobile-bottom-header .href i 
    {
        font-size: 30px;
        color: #fff;
        text-decoration: none;
    }
    .mobile-bottom-header-menu 
    {
        margin-top: -25px;
    }
    .mobile-bottom-header-menu i 
    {
        font-size: 35px;
        color: #fff;
        border-radius: 100%;
        border: 2px solid #fff;
        padding: 10px;
        background-color: var(--two-color);
        cursor: pointer;
    }


    /* SIDENAV */
    .sidenav 
    {
        display: block;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        background-color: var(--three-color);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }
    .sidenav ul 
    {
        list-style: none;
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .sidenav ul li 
    {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .sidenav ul li a 
    {      
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        display: block;
        transition: 0.3s;
        font-weight: 700;
    }
    .sidenav ul li a:hover,
    .sidenav ul li a.active 
    {
        background-color: var(--one-color);
        padding: 5px 30px;
        border-radius: 5px;
        display: inline-block;
    }
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show
    {
        color: #fff;
    }
    .nav-link:focus, .nav-link:hover
    {
        color: #fff;
    }

    .sidenav ul.dropdown-menu
    {
        display: contents;
    }






    /********************* FAQ's ***********************/
    .accordion .custom-accordion-item  .custom-accordion-btn 
    {
        font-size: 18px;
        padding: 15px;
    }
    .accordion .custom-accordion-item .accordion-body
    {
            padding: 0 30px 20px 30px;
    }
    /********************* END ***********************/







    /************** BANNER ***************/
    .page-banner 
    {
        margin-top: 0;
        height: 20vh;
    }
    .page-banner .banner-title
    {
        font-size: 25px;
    }
    /************** BANNER END *************/






    /******************************** HOME PAGE *****************************/
    /**//* BANNER *//**/
    .home-banner 
    {
        background: linear-gradient(90deg, var(--one-color), 20%, #000000bd 80%), url(../img/home-banner.png);
        background-position: center;
        height: 90vh;
    }
    .home-banner .container .banner-inner
    {
        width: 100%;
    }
    .home-banner  h1
    {
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .home-banner h2
    {
        font-size: 25px;
        margin-bottom: 25px;
    }
    /****************END****************/



    /*****************//* BELOW BANNER *//*****************/
    .below-banner
    {
        background: transparent;
        padding: 0rem 0rem;
        margin: -20% 0% 0 0%;

    }
    .below-banner .brdr
    {
        border-right: 1px solid #fff;
    }
    .below-banner .bb-box
    {
        border-radius: 2px;
    }
    .below-banner .bb-box .sm-g-5
    {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }
    .below-banner .bb-box i
    {
        font-size: 20px;
        padding: 15px;
    }
    .below-banner .bb-box h2
    {   
        font-size: 15px;
    }
    /****************END****************/



    /****************WELCOME TO LANE3COMMUNICATION****************/
    .home-welcome
    {
        padding: 2rem 1rem 1rem 1rem;
        background-position: left;
    }
    .home-welcome h2
    {
        font-size: 30px;
    }
    .home-welcome h3
    {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .home-welcome h3:after
    {
        left: 42%;
    }
    .home-welcome h4 
    {
        gap: 10px;
        font-size: 20px;
    }
    .home-welcome h4::before,
    .home-welcome h4::after 
    {
        flex: 0 0 50px;
    }
    .home-welcome .welcome-box i 
    {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    /****************END****************/



    /****************MEET OUR FOUNDER****************/
    .home-meet-founder
    {
        padding: 2rem 1rem;
        background-position: right;
    }
    .home-meet-founder .founder-box .founder-name
    {
        font-size: 40px;
    }
    .home-meet-founder .pdl30
    {
        padding: 0 20px;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .home-meet-founder .heading
    {
        text-align: center;
    }
    .home-meet-founder .heading span
    {
        font-size: 40px;
    }
    .home-meet-founder .heading:after
    {
        left: 37%;
    }
    .home-meet-founder .content
    {
        text-align: center;
    }
    /****************END****************/



    /****************OUR SOLUTIONS****************/
    .home-solutions
    {
        padding: 2rem 1rem;
    }
    .home-solutions .heading
    {
        font-size: 30px;
    }
    .home-solutions .solutions-wrapper 
    {
        flex-direction: column;
        gap: 30px;
    }
    .home-solutions .solutions-wrapper .solutions-card .solutions-content h3 
    {
        font-size: 20px;
        margin-bottom: 8px;
    }
    /****************END****************/



    /****************WHY LANE3COMMUNICATION WORKS****************/
    .home-why-works
    {
        padding: 2rem 1rem;
        background-position: left;
    }
    .home-why-works .heading
    {
        font-size: 30px;
    }
    .home-why-works ul li
    {
        font-size: 18px;
    }
    /****************END****************/




    /****************HOW WE HELP****************/
    .home-how-help
    {
        padding: 2rem 1rem;
    }
    .home-how-help .heading
    {
        font-size: 30px;
    }
    .home-how-help .how-help-wrapper 
    {
        gap: 40px;
    }
    .home-how-help .how-help-wrapper::before 
    {
        left: 50%;
    }
    .home-how-help .how-help-wrapper .how-step-card 
    {
        flex-direction: column;
        gap: 20px;
    }  
    /*left image*/
    .home-how-help .how-help-wrapper .how-step-card .step-img-left 
    {
        margin-right: 0px;
    }
    /*badge*/
    .home-how-help .how-help-wrapper .how-step-card .step-badge 
    {
        margin-right: 0;
    }
    /*content*/
    .home-how-help .how-help-wrapper .how-step-card .step-content 
    {
        text-align: center;
    }
    /*right icons*/
    .home-how-help .how-help-wrapper .how-step-card .step-icon-right 
    {
        padding-left: 20%;
    }
    /****************NED****************/




    /****************FAQS****************/
    .home-faq
    {
        padding: 2rem 1rem;
        background-position: left;
    }
    .home-faq .heading
    {
        font-size: 30px;
    }
    /****************END****************/
    /******************************* END HOME PAGE *******************************/









    /******************************* ABOUT US *******************************/
    .about-page
    {
        padding: 2rem 1rem;
        background-position: center;
    }
    /*UPPER*/
    .about-page .upper-page .heading
    {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .about-page .upper-page .sub-heading
    {
        font-size: 22px;
    }
    /*MIDDLE*/
    .about-page .middle-page
    {
        margin-bottom: 30px;
    }
    .about-page .middle-page h2
    {
        font-size: 30px;
        gap: 10px;
    }
    .about-page .middle-page .solutions-wrapper 
    {
        flex-direction: column; 
    }
    .about-page .middle-page .solutions-wrapper .solutions-card 
    {
        width: 100%;
    }
    /*BOTTOM*/
    .about-page .bottom-page .our-wrapper 
    {
        flex-direction: column;
    }
    .about-page .bottom-page .our-wrapper .our-card 
    {
        width: 100%;
    }
    /******************************* END ABOUT US *******************************/







    /******************************* OUR FUNDER *******************************/
    .founder-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    /*LEFT SIDE*/
    .founder-page .image-side
    {
        top: auto;
        position: relative;
        align-self: flex-start;
    }
    /*RIGHT SIDE*/
    .founder-page .cta-box
    {
        padding: 20px 20px;
    }
    /************************************* END ***************************************/








    /*************************** FREQUENTLY ASK QUESTIONS ***************************/
    .faq-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    /************************************* END ***************************************/












    /*************************** SOLUTIONS PAGE***************************/
    .solutions-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .solutions-page .upper-content .ucontent
    {
        font-size: 19px;
    }
    .solutions-page .upper-content .cons-box .heading
    {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .solutions-page .upper-content .cons-box ul
    {
        margin-left: 0px;
    }
    /*Services*/
    .solutions-page .services .heading
    {
        font-size: 30px;
    }
    .solutions-page .services .scontent
    {
        font-size: 19px;
    }
    /*nav*/
    .solutions-page .services .nav-pills .nav-link
    {
        padding: 10px 10px;
    }
    .solutions-page .services .nav-pills .nav-link h3
    {
        font-size: 13px;
    }
    .solutions-page .services .nav-pills .nav-link.active::after 
    {
        content: "";
        position: absolute;
        top: 230%;
        right: 0%;
        width: 100%;
        height: 5px;
        background-color: var(--two-color);
        transform: translateX(25%);
        z-index: 0;
        rotate: 90deg;
    }

    .solutions-page .services .tab-content
    {
        /*height: 100%;*/
        box-shadow: 0 0 10px #0000001f;
    }
    .solutions-page .services .tab-content .tab-pane.active
    {
        position: relative;
        z-index: 1;
    }
    .solutions-page .services .tab-content .tab-pane.active .cp
    {
        padding: 20px 20px 20px 20px;
        align-items: center;
    }
    .solutions-page .services .tab-content .tab-pane p
    {
        text-align: center;
    }
    /************************************* END ***************************************/











    /******************************* BLOG *******************************/
    .blog-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .blog-page .blog-card .blog-img
    {
        height: 25vh;
    }
    .blog-page .blog-card .blog-body .blog-title
    {
        font-size: 19px;
    }
    /**************** BLOG END ****************/


    /**************** BLOG DETAILS ****************/
    .blog-details-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .blog-details-page .blog-title
    {
        font-size: 25px;
    }
    .blog-details-page .blog-tags .heading
    {
        font-size: 25px;
    }
    /******************************* BLOG DETAILS END *******************************/








    /******************************* CONTACT US *******************************/
    .contact-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .contact-page .form-row
    {
        padding: 1rem 0.5rem;
        background-position: right;
    }
    .contact-page h2
    {
        font-size: 30px;
    }
    .contact-page h3
    {
        font-size: 25px;
    }
    .contact-page .contact-ul li
    {
        margin-left: 0px;
    }
    .contact-page .form-row .contactform
    {
        padding: 1rem;
    }
    .contact-page .form-row .contactform label
    {
        left: 5px;
    }
    .contact-page .form-row .contactform textarea
    {
        height: 120px;
    }
    /************************************* END ***************************************/








    /******************************* REFUND POLICY *******************************/
    .refund-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .refund-page h2
    {
        font-size: 25px;
        color: var(--three-color);
        margin-bottom: 10px;
    }
    .refund-page h3
    {
        font-size: 22px;
    }
    .refund-page ul
    {
        margin-left: 35px;
    }
    /************************************* END ***************************************/








    /******************************* PRIVACY POLICY *******************************/
    .privacy-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .privacy-page h2
    {
        font-size: 25px;
    }
    .privacy-page h3
    {
        font-size: 22px;
    }
    .privacy-page ul
    {
        margin-left: 35px;
    }
    /************************************* END ***************************************/







    /***************************** TERM & CONDITIONS ******************************/
    .condition-page
    {
        padding: 2rem 1rem 0 1rem;
    }
    .condition-page h2
    {
        font-size: 25px;
    }
    .condition-page h3
    {
        font-size: 22px;
    }
    .condition-page ul
    {
        margin-left: 35px;
    }
    /************************************* END ***************************************/







    /***************************** REQUEST A CONSULTATION ****************************/
    .consultation-page
    {
        padding: 2rem 1rem 2rem 1rem;
        background-position: right;
        background-size: cover;
    }
    /*Uppser Section*/
    .consultation-page .upper-section
    {
        margin-bottom: 20px;
    }
    .consultation-page .upper-section .heading
    {
        font-size: 30px;
    }
    .consultation-page .upper-section .sub-heading
    {
        font-size: 25px;
        margin-bottom: 10px;
    }
    /*Form Section*/
    .consultation-page .form-section
    {
        padding: 1rem 1rem;
        margin-bottom: 40px;
    }
    .consultation-page .form-section .services
    {
        font-size: 30px;
    }
    .consultation-page .form-section .span
    {
        font-size: 15px;
    }
    .consultation-page .form-section .custom-input 
    {
        font-size: 15px;
    }
    .consultation-page .form-section .custom-input.service
    {
        font-size: 10px;
    } 
    .consultation-page .form-section .custom-radio-select label,
    .radio-card label 
    {
        font-size: 15px!important;
    }
    /* Upload Box */
    .consultation-page .form-section .upload-box 
    {
        padding: 1rem;
    }
    /* Disclaimer Boxes */
    .consultation-page .form-section .disclaimer-box 
    {
        padding: 1rem 1rem;
    }
    .consultation-page .form-section .agreement-box
    {
        padding: 1rem;
    }
    /* Submit Button */
    .consultation-page .form-section .custom-submit-btn 
    {
        font-size: 15px !important;
    }
    /* Footer Callout Icon */
    .consultation-page .form-footer
    {
        padding: 1rem;
    }
    
    /************************************* END ***************************************/






    /*********************************** FOOTER ******************************************/

    /*MEET WITH OUR EXPERTS*/
    .meet-our-expert
    {
        padding: 2rem 1rem;
    }
    .meet-our-expert .expert-box .heading
    {
        font-size: 25px;
    }
    .meet-our-expert .expert-box ul li
    {
        font-size: 17px;
    }
    /*END*/
    footer
    {
        background-position: right;
    }
    footer .main-footer
    {
        padding: 2rem 1rem 2rem 1rem;
    }
    footer .main-footer .logo-section .social-icon
    {
        margin-top: 25px;
    }
    footer .main-footer .logo-section .social-icon i
    {
        font-size: 25px;
        background-color: var(--one-color);
        padding: 7px;
        color: #fff;
        border-radius: 2px;
    }
    footer .main-footer .logo-section .social-icon i:hover
    {
        background-color: var(--two-color);
        color: #fff;
    }
    footer .main-footer .logo-section .c-round h4 
    {
        font-size: 13px;
    }
    /*END*/
    /*LINK SECTION*/
    footer .main-footer .link-section
    {
        margin-top: 35px;
        padding-left: 20px;
    }
    /*END*/



    /*LOWER FOOTER*/
    footer .lower-footer
    {
        padding: 1rem 1rem 6rem 1rem
    }
    footer .lower-footer p
    {
        flex-direction: column;
        gap: 15px;
    }
    footer .lower-footer p::after 
    {
        margin-top: -40px;
    }
    /*END*/


}