@media screen and (max-width: 1599px) {
	/* About Us CSS */
	.about-text-img{
		max-width: 220px;
		padding-right: 20px;
	}
	.teammate-box .teammate-info .teammate-name{
		font-size: 26px;
	}
	.teammate-box .teammate-info .teammate-desig{
		font-size: 16px;
	}
	.teammate-box .teammate-info p{
		line-height: 1.8;
	}
	/* About Us CSS */


	/*ESS Page CSS*/
	.hero-banner-content p,
	.section-title p,
	.why-choose-box .desc p{
		font-size: 18px;
	}

	/* Telecome Page CSS */
	.advantage-box p{
		font-size: 16px;
	}
}


@media screen and (max-width: 1400px) {
	/* About Us CSS */
	.about-text-img{
		max-width: 180px;
		padding-right: 20px;
	}
	/* About Us CSS */

}


@media only screen and (max-width: 1365px){
	/*Footer CSS Start*/
	.footer-social ul li a{
		width: 54px;
		height: 54px;
	}
	/*Footer CSS End*/

}

@media screen and (max-width: 1199px) {
	/* About Us CSS */
	.about-text-img{
		max-width: 160px;
	}
	/* About Us CSS */


	/* ESS Page CSS */
	.why-trex-energy{
		padding: 100px 0;
	}
}


@media screen and (max-width: 991px) {
	/* About Us CSS */
	.meet-the-team{
		padding-bottom: 50px;
	}
	.about-text-img{
		position: static;
        padding-right: 0;
        margin-bottom: 30px;
        transform: rotate(90deg);
        transform-origin: right;
        height: 160px;
        margin: 0 auto;
	}
	.margin-bottom-100{
		margin-bottom: 48px;
	}
    .margin-left-160 {
        margin-left: 0px;
    }
    .teammate-box .t_vector{
        width: auto;
        left: 15%;
    }
    .teammate-box .teammate-name{
        left: 32%;
        bottom: 2.5%;
    }
    .teammate-box .t_logo{
        right: 0px;
    }
	/* ESS Page CSS */

	.overlay-boxes-wrapper {
		top: 0;
	}
	
	.our-approach{
		margin-bottom: 0;
	}
	.our-approach-media{
		margin-bottom: 50px;
	}

	.why-choose-box .left{
		flex: 0 0 250px;
		max-width: 250px;
	}
	.our-approach-media .media-overlay{
		right: 10px;
	}


	/* Contact Page CSS */
	.office-locations{
		padding: 50px 0;
	}
	.contact-us{
		padding-bottom: 50px;
	}

	/*R&D Page*/

	.key-focus-areas, .our-facilities{
		margin: 50px 0;
	}
	
}


@media screen and (max-width: 767px) {
    /* Aboutus Page*/
    .meet-the-team{
        padding-top: 0px;
    }
    .about-text-img{
        height:auto;
    }
    .about-text-img img {
        transform: rotate(90deg);
    }
	.hero-banner{
		padding: 40px 0;
		margin-bottom: 60px;
		min-height: auto;
	}
	.hero-banner-content-wrap{
		position: static;
	}
	.about-text-img {
		max-width: 140px;
	}
    .teammate-box .teammate-img img {
        height:280px;
    }
    .margin-left-160 {
        margin-left: 0px;
        margin-right: 0;
    }
    .meet-the-team .row{
        border: 2px solid blue;
        border-radius: 30px;
        padding-bottom: 20px;
        margin-bottom: 100px;
        background: #000;
    }    
    .meet-the-team .row .col-lg-3{
        margin-top: 0px;
    }    
    .meet-the-team .row .col-lg-9{
        margin-top: 20px;
    }
    .teammate-box {
        height: 100%;
        /* background-color: var(--black-1); */
        border-radius: 30px;
        padding: 30px;
    }
    .teammate-box .t_logo {
        right: 30px;
        top: 10px;
    }
    .teammate-box .teammate-img {
        background: #2c2c2c;
        border-radius: 30px;
    }
    .teammate-box .t_vector {
        width: auto;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 5%;
    }
    .teammate-box .teammate-name {
        bottom: 8%;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
    h3.teammate-desig {
        color: #fff;
        text-align: center;
        font-size: 30px;
        padding-left: 0px;
    }
    .teammate-info {
        background: none;
        padding: 0px;
        margin-top: 10px;
        border-radius: 0px;
    }
	.hero-banner-content{
		padding: 30px;
	}
	.section-title h2{
		font-size: 28px;
	}
	.hero-banner-content h1{
		font-size: 32px;
	}
	.hero-banner-content p, .section-title p, .why-choose-box .desc p{
		font-size: 18px;
	}

	.section-info-content .section-title{
		padding: 30px 0;
	}
	.section-title h2{
		padding-bottom: 20px;
	}

	/*ESS Page CSS*/
	.overlay-boxes-wrapper{
		margin: 0;
	}
	.our-approach-media .media-overlay h4{
		font-size: 75px;
	}

	.why-trex-energy{
		padding: 60px 0;		
	}

	.why-choose-box {
		flex-direction: column;
		margin-bottom: 20px;
	}
	.why-choose-box .left {
		flex: 1;
		max-width: 100%;
		border-right: 0;
		margin-bottom: 20px;
	}
	.why-choose-box .desc p{
		text-align: center;
	}

	.black-alpha-box {
		padding: 30px 20px;
		border-radius: 20px;
	}

	/* Contact Page CSS */

	.contact-form-wrapper{
		padding: 30px;
	}

	/* R&D Page */
	.inner-border{
		padding: 40px 20px;
		border-width: 2px;
	}
	.key-area-box p{
		flex-direction: column;
	}
	.key-area-box p span{
		max-width: unset;
		flex: unset;
		padding-bottom: 10px;
	}
}


@media screen and (max-width: 575px) {

	.hero-banner-content h1{
		font-size: 28px;
	}
	.hero-banner-content p,
	.section-title p,
	.why-choose-box .desc p,
	.form-title p,
	.key-area-box p{
		font-size: 16px;
	}
	.section-info-content .section-title{
		max-width: 100%;	
	}

	/*Ess Page CSS */
	.our-approach-media{
		margin-bottom: 20px;
	}
	.our-approach-media .media-overlay h4,
	.our-approach-media .media-overlay h4 span{
		font-size: 48px;
	}
	.advantage-box h4,
	.office-location-box h4,
	.form-title h4{
		font-size: 24px;
	}
	.why-choose-box .desc{
		padding: 0 15px;
	}
	.black-alpha-box p{
		font-size: 16px;
	}

	/*Telecome Page CSS*/
	.advantage-box .icon{
		width: 48px;
		min-width: 48px;
		height: 48px;
	}
	.advantage-box .info {
		padding-left: 15px;
	}

	/*Contact Page CSS*/
	.info-box{
        text-align: center;
	}
	.info-box h4{
		font-size: 18px;
	}

	.office-locations{
		padding: 30px 0;
	}

	.contact-us{
		padding-bottom: 30px;
	}
	.subjects-options > div{
		margin-right: 20px;
	}

	.contact-form-wrapper{
		padding: 20px;
	}

	/* R&D Page*/
	
	.facility-box{
		padding: 15px;
	}
	.facility-box h4{
		padding: 20px 0;
	}
    /* Footer Page*/
    .footer-social ul li a {
        width: 42px;
        height: 42px;
    }
    .footer-top {
        padding: 20px 0;
    }
    .square-icon {
        width: 42px;
        min-width: 42px;
        height: 42px;
    }
    .subscribe-form-content .form-control{
        height: 42px;
    }
    .footer-logo {
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .footer-logo img{
        width: 220px;
    }
    /* Aboutus Page*/
    .about-text-img{
        height:auto;
    }
    .about-text-img img {
        transform: rotate(90deg);
    }
}


@media screen and (max-width: 479px) {

}


@media screen and (max-width: 375px) {
	
}


@media screen and (max-width: 359px){
	

}