/* Mobile Screen Layout */
@media screen and (max-width: 767px) {

    p {
        font-size: 14px;
    }

    .top-bar .top-bar-sec .cta-link {
        justify-content: space-between;
    }

    .main-heading-box h1 {
        font-size: 25px;
    }

    .main-heading {
        font-size: 25px;
    }

    .sub-heading {
        font-size: 16px;
    }

    .why-choose-bx ul li {
        font-size: 14px;
    }

    .counter {
        font-size: 30px;
    }

    .counter-section {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 0;
    }

    .icon-t {
        font-size: 25px;
        color: #fff;
    }

    .about-sec .form-btn-right {
        padding: 2% 0;
        width: 10%;
        font-size: 12px;
        word-spacing: 2px;
        letter-spacing: 1px;
    }

    /* header sectiion start */

    .header .nav-container {
        padding: 10px;
        grid-template-columns: 90% 10%;
        position: relative;
    }

    .header .nav-container .search-icon .-search-b {
        position: absolute;
        top: 35%;
        right: 20%;
    }

    .header .logo img {
        width: 65%
    }

    /* steps-container */
    .step-container {
        grid-template-columns: 100%;
    }

    .step-container .arrow-r {
        margin: -30px 0 25px;
    }

    /* banner section start */

    .banner-sec .banner-carousel .slider-i .banner-item {
        padding: 15% 5% 25%;
    }

    .banner-sec .content {
        width: 100%;
        padding: 5%;
        margin: 0;
    }

    .banner-sec .content .slider-heading {
        font-size: 20px;
    }


    .form-bx .twenty-five p {
        font-size: 14px;
        line-height: 20px;
    }

    .form-bx .twenty-five .years-quality {
        font-size: 90px;
    }

    .form-bx .twenty-five {
        margin: 0 0 5% 0;
    }

    .form-bx .twenty-five .content {
        padding: 10% 15% 15% 10%;
    }

    .form-d {
        margin-top: 5%;
    }

    .form-bx .twenty-five .content-bx {
        padding: 10% 15% 15% 10%;
    }

    /* Short Brief Section Start */
    .short-breif .about-row .twenty-five p {
        font-size: 14px;
        line-height: 18px;
    }

    .short-breif .about-row .twenty-five .years-quality {
        font-size: 85px;
    }

    .short-breif .about-row .twenty-five {
        padding: 10% 10% 0;
        border-bottom: 1px solid #606060;
    }

    .short-breif .content h2 {
        font-size: 25px;
    }

    .short-breif .about-row {
        grid-template-columns: 100%;
    }


    /* Our Product Section start */
    .our-product-sec .our-product-con .content-bx {
        padding: 10%;
    }

    .our-product-sec .our-product-con .content-bx .man-heading {
        font-size: 25px;
    }

    .our-product-sec .our-product-con .product-slider img {
        height: 100%;
    }

    .our-product-sec .our-product-con {
        grid-template-columns: 100%;
    }

    .our-product-sec .our-product-con .product-slider .slick-slide {
        margin: 0 10px;
    }

    .main-heading .divider {
        width: 30%;
        margin: 5% auto 0;
    }


    /* Product Section Start */
    .our-products .main-heading {
        font-size: 25px;
    }

    .tab .tablinks {
        font-size: 14px;
    }


    .promo-video .auto-container .content p {
        font-size: 14px;
        padding: 0 2% 7% 0;
    }

    .promo-video .light-btn {
        font-size: 14px;
        padding: 1.5%;
    }







    /* Ou Work Section start */
    .our-work .main-heading {
        font-size: 25px;
    }

    .our-work .content h4 {
        font-size: 20px;
    }

    .our-work .work-bx {
        margin: 0 0 5% 0;
    }







    /* Our Cients Section Start */

    .our-clients {
        margin: 0 0 0 0;
    }

    .our-clients .clients-slider .slick-slide>div {
        padding: 0 10px;
    }

    .our-clients .clients-slider .slider-item p {
        font-size: 14px;
    }

    .our-clients .client-reviews-bg img {
        width: 80%;
        bottom: -15px;
    }

    .our-clients .main-heading {
        padding: 2% 2%;
        font-size: 25px;
    }

    .our-clients .auto-container {
        padding: 10% 5%;
    }



    /* about ssection start */
    .about-sec .main-heading {
        font-size: 25px;
    }

    .about-sec .about-row .content {
        padding: 2%;
    }

    .about-sec .main-heading {
        padding: 0;
    }

    .about-sec .top-heading .main-heading {
        font-size: 20px;
    }

    .about-sec .top-heading .main-heading .divider {
        width: 35%;
    }

    .about-sec .top-heading .read-m {
        font-size: 10px;
    }

    .about-sec .auto-container .box-container .box {
        height: 250px;
    }

    .about-sec .auto-container .box-container .box .content h3 {
        font-size: 16px;
    }

    .about-sec .auto-container .box-container .about-img-slider .slick-slide>div {
        padding: 0 15px 0 0;
    }

    /* Why Choose us section start */
    .why-choose .box-content .main-heading {
        font-size: 25px;
    }

    /* Counter section Start */
    .counter-sec .counter-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .counter-sec .counter-container .border-right {
        border: 0;
    }

    .counter-sec .counter-container .counter-box {
        text-align: center;
    }

    .counter-sec .counter-container .counter-box .counter {
        font-size: 30px;
    }

    .counter-sec .counter-container .counter-box .label {
        font-size: 12px;
    }



    /* Why Choose us section Start */
    .why-choose .box-why-choose {
        grid-template-columns: 100%;
    }


    /* CTA Section start */
    .call-to-action h2 {
        color: #fff;
        font-size: 25px;
    }

    .call-to-action .cta-btn {
        padding: 2% 8%;
        font-size: 14px;
    }

    .call-to-action h6 {
        font-size: 14px;
    }

    /* Step For Solution Section Start */
    .steps-sec {
        padding: 5%;
    }

    .step-bx ul {
        height: 100%;
    }

    .steps-sec .sub-heading {
        font-size: 14px;
    }

    .steps-sec .main-heading {
        font-size: 25px;
    }






    .form-modal-fx .modal-content .modal-header .btn-close {
        top: -24px;
        right: 8px;
    }




    /* Common banner section start */
    .common-banner-sec {
        padding: 10% 15%;
    }

    .common-banner-sec h1 {
        font-size: 40px;
    }





    /* About page css start */
    .about-pg-bx .image-bx .main-abt-img {
        top: 0;
        left: 0;
    }

    .about-pg-bx .content-bx {
        padding: 5%;
    }

    .about-pg-bx .content-bx .sub-heading {
        text-align: center;
    }

    .about-pg-bx .content-bx .main-heading {
        font-size: 35px;
        text-align: center;
    }

    .about-pg-bx .content-bx p {
        text-align: center;
    }

    .about-pg-bx .content-bx .read-m {
        width: 40%;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }



    /* Logo section start */
    .logo-sec .logo-item img {
        margin: 0 auto;
        width: 45%;
    }

    /* Footer section start */
    footer .footer-con {
        grid-template-columns: 100%;
    }

    footer .footer-column .divider {
        width: 100%;
    }

    .footer-middle .clearfix {
        padding: 0 0 3% 3%;
    }

    .footer-section .auto-container .footer-middle .footer-widget {
        margin: 0 0 5% 0;
    }

    .footer-section .auto-container .footer-widget ul li a {
        font-size: 14px;
    }

    .footer-section .auto-container .footer-middle .footer-widget .contact-list li {
        font-size: 14px;
    }

    .footer-section .auto-container .footer-middle .footer-widget .contact-list li a {
        font-size: 14px;
    }

    .footer-section .auto-container .footer-middle .footer-widget .contact-list p {
        font-size: 14px;
    }
}