.container {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:992px) {
    .container {
        width:100%;
    }
   
}
@media (max-width:767px) {
    .container {
        width:100%;
    }
    .breadcrumbs-wrap{
	    display:none
	}
    .header{
        flex-direction: column;
    }
    .logo{
        margin-bottom: 20px;
    }
    .main-menu{
        flex-wrap: wrap;
        gap: 0;
    }
    .main-menu li{
        width: 50%;
        padding: 5px
    }
    .main-menu li a{
        width: 100%;
        min-width: auto;
    }
    .btnn{
        margin-bottom: 40px
    }
    .sec-2 .grid-process{
        margin-top: 0;
        padding-left: 80px;
        margin-bottom: 20px;
    }
    .sec-2 .grid-process .stt {
        position: absolute;
        left: 30px;
        top: 0;
        text-align: center;
    }
    .sec-2 .process{
        display: none
    }
    .process-line-2{
        position: relative
    }
    .process-line-2:before{
        position: absolute;
        top: 0;
        left: 53px;
        right: 0;
        background: rgb(255, 145, 77);
        width: 3px;
        height: 100%;
    }
    .process-line-2:after{
        content: '';
        width: 29px;
        height: 29px;
        display: inline-block;
        background: url(../images/arr.svg) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: -5px;
        left: 41px;
    }
    .sec-3 .ck-grid-1{
        height: auto
    }
    .owl-nav .owl-next{
        right: 5px;
    }
    .owl-nav .owl-prev{
        left: 5px;
    }
    .ht-list,.km-box, .ss-box,.ss-box .content,.ql-box,.bl-bl-box, .w-80{
        width: 100%
    }
    .km-box .content{
        margin-top: 20px
    }
    .ss-box .content{
        margin: 10px 0
    }
    .landing-header{
        font-size: 25px;
    }
    .d-flex-center{
        display: block
    }
}
@media (max-width:499px) {
    .nv-infodie {
        width:100%;
    }
    
}
@media (min-width:500px) and (max-width:991px) {
    
}
@media (min-width:500px) {
	.nv-infodie {
        width:500px;
        top: 100px;
        left: 0;
        right: 0;
    }
}
@media (min-height:500px) {
    .container {
        width:100%;
    }
    .nv-infodie {
        height:500px;
        top:5%;
    }
}
@media (min-width:768px) {
    .container {
        width:100%;
    }
    
}
@media (min-width:992px) {
    .container {
        width:100%;
        max-width:1180px;
    }
}
@media (min-width:1200px) {
    .container{
        width:1180px;
    }
}
