@media(max-width:991px){
	.header-menu-sec{
		margin:0;
		width:100% !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;
}

.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;
}
	.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;

}

.video-busnes-content p{

    font-size:18px;

}
	.applicationSwiper .swiper-slide{

    width:92%;

    transform:scale(1);

    opacity:1;

}

.application-card{

    height:420px;

}

.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 {
    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);
    
}
}

@media(max-width:768px){

.btn-order{

display:none;

}

.custom-logo{

max-width:180px !important;

height:auto !important;

}
.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;
}
}
