@media(max-width:1199px) {
    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    h2,
    h2 span {
        font-size: 36px;
        line-height: 46px;
    }

    .container {
        padding: 0 15px;
    }

    header {
        position: relative;
    }

    section.banner {
        padding: 50px 0;
    }
}

@media(max-width:991px) {
    .whynvcl {
        width: 48%;
        margin-bottom: 60px;
    }
    .product-img{
        margin-left: 0%;
    

    }
    .parent {
        row-gap: 50px;
        width: 100%;
    }
    .reveal-svg{
        display: none;
    }
    .svg-container{
        padding: 10px;
    }
    .child {
        flex-direction: column !important;
        margin-left: 0%;
    }
    .child:nth-child(2){
        margin-left: 0%;
    }
    
    .left-column {
        flex: 1;
        width: 100% ;


    }

    .right-column {
        flex: 1;
        width: 100%;
        justify-content: center;
        margin-top: 70px;
        border: 1px solid #d912966b;
        border-radius: 10px;
      
    }
    .right-column:hover{
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgb(255 255 255 / 25%) 0%, rgba(255, 255, 255, 0) 100%);
    }
     .right-column img{
      
        min-width: 230px;
        border-radius: 10px;
     }
    .aboutimgin {
        width: 100%;
        flex-wrap: wrap;
    }

    .aboutsidecon {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .aboutsideimg img {
        width: 100%;
        aspect-ratio: 1;

    }

    .aboutbanner .aftershape {
        display: none;
    }

    section {
        overflow-x: hidden;
    }

    .custom-menu-class {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        background: #fff;
        top: 100%;
    }

    .toggle.togglemenu {
        display: flex;
    }

    .menuinner .custom-menu-class ul li {
        margin: 0;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #0000005c;
    }

    .menuinner ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
    }

    .menuinner ul li a {
        color: #000;
    }
}

@media(max-width:767px) {
    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h3 {
        font-size: 20px;
        line-height: 30px;
    }

    h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bannercon,
    .bannerimg {
        width: 100%;
    }

    span.qatxt::before {
        width: 100%;
    }

    .featurecol {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    }

    .procon {
        padding: 15px 15px 0;
    }

    .productcol {
        width: 100%;
        margin-bottom: 30px;
    }

    .proimg {
        height: auto;
        padding-left: 15px;
    }

    .partnerin .partnercol {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .partnerin {
        flex-wrap: wrap;
    }

    .blogcols {
        width: 100%;
        margin: 0 0 20px !important;
    }

    .blogimg {
        height: 260px;
    }

    .leftcontdet {
        width: 100%;
        margin-bottom: 30px;
    }

    .conform {
        width: 100%;
    }

    /*about */
    .menuinner {
        width: auto;
    }

    .logo {
        width: 150px;
    }

    .teamin {
        width: 100%;
        margin: 0;
    }

    .aboutbanner .aftershape,
    .beforeshape {
        display: none;
    }

    section.banner.innerpagebanner.aboutbanner {
        padding: 50px 0;
    }

    .bannercon p {
        margin-bottom: 0;
        max-width: 100%;
    }

    .mainwrapper {}

    .aboutcon {
        width: 100%;
    }

    .teamimg {
        width: 100%;
        height: auto;
        max-width: 100%;

    }

    .teamin {
        margin-bottom: 30px;
    }

    .whynvcl {
        width: 100%;
        margin-bottom: 60px;
    }

    .advimg {
        width: 100%;
    }

    .usecasecol {
        width: 100%;
    }

    .form-group {
        width: 100%;
    }

    .advcon {
        width: 100%;
    }

    .advcon.rgtadcon li:nth-child(2) {
        text-align: center;
    }

    .advcon ul li {
        margin: 20px 0;
        text-align: center;
    }

    section.advai {
        padding-top: 0;
    }

    section {
        overflow-x: hidden;
    }

    .aboutimgin {
        width: 100%;
        flex-wrap: wrap;
    }

    .aboutsidecon {
        width: 100%;
        flex-wrap: wrap;
    }

    .aboutsideimg img {
        width: 100%;
        aspect-ratio: 1;
    }

    .aboutcon {
        padding: 0;
    }

    section.bloghome {
        padding: 50px 0;
    }

    .footcol {
        width: 100%;
        padding: 0;
        margin-bottom: 35px;
    }

    section.blgtitle {
        padding: 80px 0;
    }

    .blogcon h2,
    .blogcon h2 a {
        font-size: 22px;
        line-height: 32px;
    }

    section.blogmain .blogin h1 {
        font-size: 30px;
        line-height: 40px;
    }

    section.blogmain {
        padding: 80px 0;
    }

    .bannercon p {
        font-size: 15px;
        line-height: 25px;
    }

    a.commonbtn {
        font-size: 15px;
        line-height: 25px;
        padding: 10px 30px;
    }
	.menuinner ul li ul.sub-menu {
    position: static;
    display: block;
    width: 100%;
		margin-top:13px;
		opacity: 1;
    visibility: visible;
		margin-left: 15px;
}

.menuinner ul li ul.sub-menu li {
    border-bottom: none;
    text-align: left;
    border-top: 1px solid #0000005c;
	opacity: 1;
    visibility: visible;
}

.menuinner ul li ul.sub-menu li a {
    padding: 10px 0;
}
	.menuinner .custom-menu-class ul li.menu-item-has-children {
    padding-bottom: 5px;
}
}