@media (max-width:767px){


    .popup-content {max-height: 550px; overflow-x: auto;}
    .carousel-control-prev-icon,
    .carousel-control-next-icon {width: 20px; height: 20px;}
    .carousel-control-prev,
    .carousel-control-next {width: 18px;}
    .logo img {width: 50%;}
    .hamburger-trigger {margin-left: 25px; cursor: pointer; margin-top: -60px; margin-right: 20px;}
    .inner-intro h1 {font-size: 19px; color: #fff; -webkit-text-stroke: snow;}
    .side-info p {font-size: 16px;}
    .wel-title h3 {font-size: 20px;}
    .wel-title h2 {font-size: 22px;}
    .wel-text p {font-size: 16px; line-height: 26px;}
    .wel-come-part {padding: 20px 0px;}
    .service-part-bg {padding: 20px 0px;}  
    .header-section .header-widget ul li::before {background:#212529;}

    .wel-part {padding: 20px 0px;}
    .wel-text h1 {font-size: 28px; line-height:36px; }
    .wel-text h1 span {font-size: 22px;}
    .welcome-text h2 {font-size: 20px;}
    .welcome-text p {font-size: 16px; line-height: 27px;}
    .button-box a {font-size: 16px; padding: 7px 30px;}
    .button-box {margin-right: 15px;}

    .point-part {padding: 30px 0px;}
    .feature {margin-bottom: 15px;}
    .feature .feature-item .mb-4 {margin-bottom: 10px !important;}
    .feature h4 {font-size: 18px;}

    .our-product-part {padding: 30px 0px;}
    .owl-controls .owl-buttons .owl-next {right: -14px;}
    .owl-controls .owl-buttons .owl-prev {left: -13px;}
    .content-grid {margin: 0 auto;}
    .grid-2 h4 {font-size: 20px; margin-bottom: 5px;}
    .sub-button-box a {padding: 10px 20px; font-size: 15px;}

    .counter {padding: 30px 0px;}
    .box-service {margin-bottom: 15px;}

    .why-text p {font-size: 16px; line-height: 26px;}
    .box-part p {font-size: 16px; line-height: 26px;}

    .client-part {padding: 30px 0px;}
    .client-block h4 {font-size: 16px;}

    .footer-text p {margin:5px  0px;}
    .social-icon {margin: 5px 0px; padding: 0px;}
    .footer-text h3 {font-size: 20px;}
    .footer-information ul li {font-size: 17px;}
    .footer-information ul {margin-bottom: 15px;}
    .w3l-footer.three ul li p {font-size: 17px; line-height: 28px;}
    .w3l-footer.three ul li p {width: 75%;}
    .power-by p {font-size: 16px;}
    .footer-part {padding: 30px 0px 15px 0px;}



}