@media screen and (max-width: 667px){


	.navbar-toggler.anm-collapse[aria-expanded="true"]{
	    position: fixed;
	    right: 20px;
	    top: 20px;
	}


	.sec-padding {
    padding: 40px 0;
}

.add-box {
    flex-direction: column;
    align-items: center;
}

.add-box .add-row {
    padding: 15px;
}

.home-product-slide .slick-track {
    padding: 0px 0;
}

.about-bread .bread-inner {
    min-height: 250px !important;
}
.breadcrumb-wrapper.about-bread{
    background-size: contain;
}

.bh-lg .bread-inner {
    min-height: 360px;
}

.service-icon-wrap .col h3{
	    	font-size: 1rem;
	    }

	    .home-video-section .content-title{

    margin-left: 0;
	    }

	    .content-title{
	    	font-size: 1.6rem;
		    font-weight: 600;
		    color: #fff;
		    margin-bottom: 20px;
		    line-height: initial;
	    }


.carousel-control-next-icon, .carousel-control-prev-icon{
	width: 1rem;
}

.home-video-section:after{
	right: -191px;
}

	.section-header h2{
		font-size: 1.6rem;	
	}

	.section-header h3{
		    /*font-size: 1.1rem;*/
	}

	.how-we .video-wrapper{
		padding: 0 20px;
	}


	.why-choose .panel-box{
		    margin-bottom: 20px;
		        min-height: auto;
	}


	.being-best h6 {
	    font-size: 2.4rem;
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: 800;
	    text-align: center;
	    line-height: 50px;
	    margin-bottom: 30px;
	}

	.meeting-section .inner-box{
		min-height: 200px;
	}



	.how-we:before{
		height: 240px;
	}


	.h-welcome {
	    padding: 15px;
	    max-width: 100%;
	    text-align: center;
	    justify-content: center;
	}

	.h-welcome::after ,
	.h-welcome::before {
	    display: none;
	}

	.pd-xs-0{
		padding: 0;
	}

	.h-social{
		    justify-content: center;
	}

	.h-contact{
		display: none;
	}

	.carousel-inner{
		height: 200px;
	}

	.carousel-item .caption h2{
		    font-size: 25px;
    line-height: initial;
	}
	


	


.industry-slider .slick-next,.industry-slider .slick-prev{
	display: none !important;
}

footer .widget {
    margin-bottom: 20px;
    padding: 15px;
}

.bread-inner {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.bread-inner .left {
    margin-bottom: 20px;
}

.mission-section .inner-box .col{
	padding: 40px;
	    min-height: 350px;
}

.about-section .content-box {
    padding: 30px;
}

.esg-section .esg-img {
     margin-top: 0px; 
}


.ewaste-section .inner-wrapper{
	padding: 70px 20px;
}
.esg-section .esg-inner .esg-head h2,
.ewaste-section h3{
	font-size: 3rem;
}

.process-tree .tree-row{
	flex-wrap: wrap;
}

.process-tree .tree-row .tree-col {
    min-width: 200px;
}

.bread-inner{
	    padding: 0 20px;
}

.bread-inner .left h2 {
    font-size: 2rem;
}

ul.tree {
    overflow-x: scroll;
}


.tree ul{
	    margin: 0 0 0 1em;
}

.tree li div{
	    max-width: 151px;
    min-width: 120px;
    border-radius: 0;
    padding: 7px;
    line-height: 24px;
}



.counter-box {
    padding: 0 !important;
    text-align: center;
    margin-bottom: 15px;
}

.counter-section .icon-box {position: relative;width: 65px;height: 65px;margin-bottom: 15px;}

.counter-section .icon-box i {
    font-size: 40px;
}

.counter-section .counter-box h4 {
    font-size: 1.6rem;
    padding: 5px 0;
}

.counter-section .counter-box p {
    font-size: 1rem;
}

.counter-section .icon-box:before {
    width: 40px;
    height: 1px;
    bottom: 0;
    right: 13px;
}


.testimonial-slide .slide-arr-right{
	right: 10px;
}


.testimonial-slide .slide-arr-left{
	left: 10px;
}

.testimonial-box p{
	font-size: 1.1rem;
}


.product-outer{
    position: relative;
    height: 450px !important;
    transition: all .3s ease-in-out;
    overflow: hidden;
    border: 2px solid #4d4d4d;
    margin: 10px;
    border-radius: 10px;

}

.solution-wrapper .content-box h3{
	    font-size: 1.5rem;
}

.about-section .image-box {
    position: relative;
}

.msg-box {
    padding: 20px;
}

.aboutgotimeline .abrightbox {
    width: 100% !important;
}

.aboutgotimeline .abLeftbox {
    width: 100% !important;
    float: none;
}

.line-abTlline {
    position: absolute;
    width: 100%;
    height: 7px;
}

.msg-box  p {
    left: 0;
    position: relative;
    text-align: center;
    padding-top: 10px;
}

.clientele-box{
	padding: 0;
}

.clientele-box img {
    border-radius: 10px;
    width: 94%;
    height: 55px;
}

.solution-wrapper .image-box {
    margin-bottom: 30px;
}

.solution-wrapper .row {
    align-items: center;
    margin-bottom: 20px;
}

}


/*bs fixed fulll res menu*/

@media screen and (max-width:  882px){




	.navbar-brand img {
	    width: 130px;
	    /*padding-left: 15px;*/
	}

	.h-welcome:after{
		right: -7px;
	}

    .navbar-collapse {
        height: calc(102vh);
        position: fixed;
        background: #000000d4;
        width: 100%;
        top: 0;
        left: -100%;
        transition: all .2s ease-in-out;
        backdrop-filter: blur(20px);
        overflow-y: scroll;
        padding-top: 50px;
        z-index: 9;
    }

    .navbar-collapse.show {
        left: 0;
    }

    .header{
        position: fixed !important;
    }

    .bs-header .navbar li .nav-link {
	    padding: 25px;
	    text-align: center;
	    font-size: 1.1rem;
	}

	.bs-header .navbar li .nav-link:before{
		display: none;
	}


}

@media screen and (max-width: 882px){
	.h-contact{
		display: none;
	}
}

@media screen and (min-width: 1400px){
	.gallery-section .gallery-inner .img-gallery-magnific {
	    min-width: 350px;
	}
}