@media(max-width:991px){
	.header-menu-sec{
		margin:0;
		width:100% !important;
		height: 70px !important;
	}
 .mobile-toggle{
        display:block;
        z-index:10001;
        cursor:pointer;
    }
	.mobile-menu{
        display:block;
    }
	.main-menu{
    display:none;
}
	 /* Sub Menu */

    .mobile-menu .sub-menu{
        display:none;
        background:#f7f7f7;
        padding-left:20px;
    }

    .mobile-menu .sub-menu li{
        border:none;
		padding: 0;
    }

    .mobile-menu .sub-menu li a{
       padding: 0;
        font-size: 15px;
        color: #000;
    }

    /* Show when active */

    .mobile-menu li.open > .sub-menu{
        display:block;
    }
	.mobile-menu .menu-item-has-children > a{
    position:relative;
    padding-right:50px;
}

.mobile-menu .menu-item-has-children > a::after{
    content:"+";
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    transition:.3s;
}

	.order-form-section{
		margin-top:0 !important;
	}
	.product-sec .product-swiper-pagination {
    bottom: 0px !important;
		display:none !important;
	}
.mobile-menu .menu-item-has-children.open > a::after{
    content:"−";
}
	.mobile-menu .sub-menu{

    max-height:0;
    transition:max-height .35s ease;

}

.mobile-menu li.open > .sub-menu{

    max-height:500px;

}
.icons{

display:none;

}

.topbar{

display:none;

}

.navbar{

padding:15px 0;

}
.mobile-menu{

position:fixed;

top:0;

right:-100%;

width:280px;

height:100vh;

background:#000;

 transition:0.4s ease;
        z-index:9999;
        padding-top:80px;
        overflow-y:auto;

}

.mobile-menu.active{

right:0;

}
.mobile-menu ul{
        display:block !important;
        padding:0;
        margin:0;
        list-style:none;
	width: auto;
    }

    .mobile-menu ul li{
        display:block;
        width:100%;
        border-bottom:1px solid #333;
    }

    .mobile-menu ul li a{
        display:block;
        width:100%;
        padding:10px 20px;
        color:#fff;
        text-decoration:none;
    }

.mobile-menu ul li:last-child a {
    width: fit-content;
}
	.mobile-menu ul li:last-child{
    padding: 0;
}
    .btn-order,
    .icons{
        display:none;
    }

i.fa.fa-times {
    color: #fff;
}
	#site-header {
   
    background: #ffffff;
		position: relative !important;
		height: 70px !important;
}
	.video-grid, .input-grid{

grid-template-columns:1fr !important;

}
 
.section-title{

font-size:40px;

}

.video-box{

width:95%;

}

.video-box iframe{

height:300px;

}
	.rev-post-card {
    grid-template-columns: repeat(1, 1fr) !important;
}
	.news-card{

    flex-direction:column;

}

.news-content{

    width:100% !important;
    order:2;
    padding:20px !important;

}

.news-image{

    width:100% !important;
    height:auto;

}

.news-content h3{

    font-size:30px;

}

.news-content p{

    font-size:18px;

}
.order-form-section_new {
        grid-template-columns: 1fr;
        gap: 20px;
    }
.news-prev,
.news-next{

    display:none;

}
.story-content h2{

    font-size:38px;

}

.story-content p{

    font-size:18px;

}
	.support-grid, .products-grid{

    grid-template-columns:1fr !important;

}

.support-card{

    height:500px;

}

.support-overlay h2{

    font-size:42px;

}
	.video-busnes-banner{

    height:70vh;

}

.video-busnes-content h1{

    font-size:42px;

}
.hero-banner .swiper-pagination {
    bottom: 0 !important;
	display: none !important;
}
	.story-item {
    min-height: auto !important;
	}
.video-busnes-content p{

    font-size:18px;

}
	.applicationSwiper .swiper-slide{

    width:92%;

    transform:scale(1);

    opacity:1;

}
.support-pg-bannner-sec {
    background-image: url(/wp-content/uploads/2026/08/cp-mob.png) !important;
	        height: 550px !important;
    }
.application-card{

    height:420px;

}
	.hero-visual {
    width: 100% !important;
}
	.mi-sec-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
	.mi-grid-sec-cont {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }
	.mi-subhead {
    margin: 0 !important;
}
	.mi-grid-sec-cont, .mi-grid-sec-left img, .mi-grid-sec-right img {
    width: 100% !important;
}
	.mi-ico img {
    width: 25% !important;
}
	.features-section, .flexible-section, .related-products-section
	{
		padding:20px !important;
	}
	.mi-stat span {
    width: 100%;
    display: ruby;
}
	.mockups-grid .mockup-column{
		padding-top:0px !important
	}
.mi-grid-sec-left img {
    margin-bottom: 40px;
}
	.disp-desk {
    display: none !important;
}
	.disp-mobile {
    display: block !important;
}
.hero-left {
    max-width: 35% !important;
}
	.hero-right {
    max-width: 35% !important;
}
	.hero-app {
    height: 350px !important;
	}
	.custom-logo{

max-width:190px !important;


}
	.hero-section
{
    padding: 20px !important;
    min-height: fit-content !important;
	}
.section-title h2{

    font-size:40px;

}
.section-title p{
    font-size:16px;
}
.app-prev,
.app-next{

    display:none;
}
	.res-sec, .comm-sec, .video-sec, .rev-sec, .news-section, .story-section, .business-sec-five, .business-sec-six, .video-busnes-banner, .business-sec-nine, .business-sec-ten, .utility-sec-ele {
   height: auto !important;
    padding: 50px 0;
}
.application-card {
    height: auto !important;
	}
	.res-sec-heading, .comm-sec-heading, .video-cont-overlaybg, .utility-pg-sec-six-col {
    width: 100% !important;
	}
	.application-overlay h3{
		font-size: 16px !important;
	
	}
	.utility-pg-sec-egt2 {
    padding: 30px 20px !important;
}
	.video-busnes-content, .utility-sec-five {
    padding: 60px 20px !important;
	}
	.video-cont-overlaybg {
    padding: 20px 10px !important;
	}
	.application-overlay{
		padding:0 !important;
	}
	.utility-pg-sec-three-right-col {
    border-left: none !important;
    padding: 5%;
}
	.tab-btn, .tab-btn-2, .tab-btn-3, .tab-btn-4{
		padding: 0px 10px !important;
	}
	.utility-rgt-cont-five-head-sec h2 {
    margin-bottom: 25px !important;
		margin-top: 20px;
}
	.utility-pg-sec-five-grid {
    margin-top: 30px;
	}
.products-section {
    padding-bottom: 0;
}
	.business-pg-sec-two-cont p {
    padding: 0 10px !important;
	}
	.business-sec-two {
    padding: 50px 0 !important;
}
	.business-pg-sec-three-left-col, .business-pg-sec-four-left-col, .utility-pg-sec-two-left-col {
    padding-left: 5% !important;
    padding-right: 5% !important;
		padding-bottom: 5%;
	}
	.business-sec-three, .business-sec-four, .utility-sec-two {
    padding: 20px 0 !important;
	}
	.business-pg-sec-three-grid, .business-pg-sec-four-grid, .utility-pg-sec-two-grid {
    margin-top: 50px !important;
    grid-template-columns: repeat(1, 1fr) !important;
	}
	.footer-cont-btn {
    margin-left: 0px !important;
}
	.document-item .right {
    font-size: 14px !important;
	}
	.mob-display {
    display: block !important;
}
	.desk-display, .scroll-down {
    display: none !important;
}
	.bannerSwiper, .respg-bannner-sec {
    height: auto !important;
}

	.swiper-wrapper {
    margin-bottom: 0 !important;
}
	.footer-logo .custom-logo {
    max-width: 100% !important;
}
	.right-video {
    min-height: auto !important;
    height: auto !important;
}
	.prod-pg-sec-two, .prod-pg-sec-three, .ces-prod-pg-sec-five {
    padding: 40px 20px !important;
}
	.prod-pg-sec-three-lft-col {
    margin: 10px !important;
   padding: 20px !important;
	}
	.businesscer-pg-sec-four-grid {
    grid-template-columns: repeat(1, 1fr);
    
}
	.res-pg-sec-four-rgt-col, .business-sec-nine1, .business-sec-nine{
		padding: 20px !important;
	}
	.business-pg-sec-nine-head1, .head-lft-cont, .head-rgt-cont, .social-info-sec
	{
		width: 100% !important
	}
	.video-busnes-content,.abtvideo-busnes-banner, .pg-bannner-sec {
   height: auto !important;
	}
	.res-sec-egt-grid-cont {
    margin-top: 0px !important;
    width: 100%;
	}
	.abt-pg-sec-two, .abt-pg-sec-four, .supp-sec-form {
    padding: 20px !important;
}
	.abt-pg-video-cont {
    display: block !important;
}
	.app-prev, .app-next {
    width: 30px !important;
    height: 30px !important;
    
}
	.app-prev::after, .app-next::after {
    font-size: 10px !important;
   
}
	.support-pg-bannner-sec_new {
   height: 200px !important;
	}
	.order-form-section_new
 {
    gap: 0px !important;
	}
	 .foot-partner-logo img {
    width: auto;
    max-width: 100% !important;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
	.blog-page {
        padding: 70px 20px 80px;
    }

    .blog-header {
        margin-bottom: 60px;
    }

    .blog-header h1 {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .blog-tabs {
        gap: 10px;
    }

    .blog-tabs a {
        min-width: auto;
        height: 40px;

        padding: 0 18px;

        font-size: 15px;
    }

    .blog-container {
        width: 100%;
    }

    .blog-top {
        align-items: flex-start;

        flex-direction: column;

        gap: 25px;

        margin-bottom: 40px;
    }

    .blog-top h2 {
        font-size: 32px;
    }

    .blog-category select {
        width: 200px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .blog-content {
        padding: 22px;
    }

    .blog-content h3 {
        font-size: 23px;
    }
	.single-post-content table {
        font-size: 14px;
        min-width: 100%;
    }

    .single-post-content table td {
        padding: 12px 14px;
    }

    .single-post-content .table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
	.blog-detail, .blog-page {
    padding: 50px 0 50px !important;
	}
	.single-post-image {
    width: 100% !important;
	}
	.single-post-title {
    font-size: 30px !important;
	}
	.post-meta-details {
    display: block !important;
	}

.single-post-meta , .blog-header{
    margin-top: 30px !important;
}
	.blog-top{
    margin-top: 0px !important;
}
	.single-post-header {
    margin: 0 auto 20px !important;
}
	.single-post-content h2, .recent-blogs-header h2 {
    font-size: 32px !important;
}
	.recent-blogs-grid, .blog-card
{
    grid-template-columns: 1fr !important;
	}
	.blog-header{
		margin-bottom:0 !important;
	}
}

@media(max-width:768px){

.btn-order{

display:none;

}


.subscription-content {
    width: auto;
	}
	.subscription-sec {
    margin-bottom: 10px !important;
	}
	.footer-menu-sec {
    width: 100%;
   grid-template-columns: repeat(1, 1fr);
}
	.social-info-sec {
    display: block;
	}
	.footer-logo {
    text-align-last: center;
    margin-top: 30px;
}
	.copyright-sec {
   display: block;
	}
	#menu-footer-menu {
    gap: inherit;
}
	.copyright-cont p {
    margin-bottom: 20px;
    text-align: center;
}
}