@media screen and (max-width: 667px){


	.navbar-toggler.anm-collapse[aria-expanded="true"]{
	    position: fixed;
	    right: 20px;
	    top: 20px;
	}

	.section-header h2{
		font-size: 2rem;	
	}

	.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: 480px;
	}

	.carousel-item .caption h2{
		font-size: 25px;
	}
	.carousel-item .caption h5{
		font-size: 18px;
	}
	.btn{
		padding: 10px 24px;
	    font-size: 15px;
	    font-weight: 500;
	}


.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;
}


}


/*bs fixed fulll res menu*/

@media screen and (max-width:  882px){




	.navbar-brand img {
	    width: 180px;
	    padding-left: 15px;
	}

	.h-welcome:after{
		right: -7px;
	}

    .navbar-collapse {
        height: calc(102vh);
        position: fixed;
        background: #ffffffe8;
        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.4rem;
	}

	.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;
	}
	
	
}




@media screen and (max-width: 2000px){
	
	
	.hide-option{
	    display:none;
	}
}

@media screen and (max-width: 720px){
    
    .hide-option-1{
	    display:none;
	}
	
	
	.hide-option{
	    display:block;
	}
}










