@media screen and (max-width: 768px) {
    .hero_slider_container {
        width: 100%;
        height: 80vw;
        margin-top: 60px;
    }
    .main_slider_item_bg {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        height: 80vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .main_slider_shapes {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 16%;
        max-width: 25%;
        height: auto;
        z-index: 2;
    }
    .main_slider_dots {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 74px;
        width: 100%;
        z-index: 11;
    }
    .main_slider_nav_left {
        left: 39px;
    }
    .main_slider_nav_right {
        right: 39px;
    }
    .main_slider_nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 11;
        padding: 10px;
        cursor: pointer;
    }
    .main_slider_nav i {
        color: #FFFFFF;
        font-size: 58px;
    }
    .trans_300 {
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .company-description-mobile {
		display: block;
        height: 70vw;
        width: 100%;
        z-index: -10;
		text-align: center;
    }
	.company-description-mobile > .divider {
		display: inline-block;
		height: 1px;
		width: 90%;
		background: #000;
	}
    .company-description-mobile > .description {
		text-align: center;
		position: static;
    }
    .company-description {
		display: none;
        height: 210vw;
        background: #fff url(../../images/company_bg.png) 0 0 no-repeat;
        background-size: cover;
        background-position: right;
        width: 100%;
        position: relative;
        z-index: -10;
    }
    .bg{
        display: none;
    }
    .placeholder{
        height: 66vw;
        width: 100%;
        position: relative;
        top: -122vw;
        z-index: -1;
    }
    .map {
        position: relative;
        top: 50px;
        left: 40px;
    }
    .map img {
        position: absolute;
        left: 0px;
        width: 80vw;
        max-width: 100vw;
    }
    .map_1 {
        z-index: 10;
    }
    .map_2 {
        left: -4px!important;
        top: -3px;
    }
    .description {
        top: 100vw;
        left: 0px;
        width: 100%;
        padding: 30px;
    }
    .description-title {
        position: relative;
        top: -36px;
    }
    .description .subline {
        display: none;
    }
    .description h1 {
        font-weight: 900;
        letter-spacing: 1px;
        position: relative;
        left: 0px;
        font-size: 20px;
    }
    .description p{
		margin: 0px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.3vw;
        line-height: 6vw;
    }
    .wecan {
        /*background: #fff url(../images/wecan.png) 0 0 no-repeat;*/
        background-size: cover;
        height: 12vw;
        margin-top: -45vw;
    }
    .wecan-title {
        margin-top: 0;
    }
    .wecan-title > div:nth-child(1){
        letter-spacing: 16px!important;
        font-size: 8vw!important;
    }
    .wecan-title > div:nth-child(2){
        letter-spacing: 12px!important;
        font-size: 7vw!important;
    }
    .wecan-cards {
        display: none;
        width: 100%;
    }
    .wecan-card {
        position:relative;
        width: 100%;
        height: 33vw;
        left: -100%;
        text-align: left;
        padding-top: 10%;
        background-color: #f6f6f6;
        margin: 0 2px;
        opacity: 1;
        overflow: hidden;
    }
    .wecan-card h1 {
        position: relative;
        left: 40%;
        font-size: 6vw;
        margin-top: 0px;
    }
    .wecan-card h3 {
        position:relative;
        left: 40%;
        font-size: 4vw;
    }
    .wecan-card img {
        height: 35%;    
        position: absolute;
        left: 25%;
    }
    .wecan-card-detail {
        overflow: scroll;
        padding: 20px 25px;
    }
    .wecan-card-detail:hover {
        display: block;
    }
    .wecan-card-detail h2 {
        color: #fff;
        font-size: 4vw;
        font-weight: 600;
        letter-spacing: 16px;
    }
    .wecan-card-detail p {
        color: #fff;
        margin-top: 10px;
        line-height: 4vw;
        font-size: 2vw;
    }
    .team {
        height: auto;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-top: 40px;
    }
    .team>div:nth-child(1) {
		width: 25vw;
		font-size: 5vw!important;
		padding-left: 1%;
		font-weight: 600!important;
		letter-spacing: 4px!important;
		line-height: 14vw!important;
		border-bottom: 2px solid #d81a1a;	
		font-family: inherit!important;
    }
    .team>div:nth-child(2) {
        font-size: 2vw!important;
        letter-spacing: 10px!important;
		display: none;
    }
    .team-desc {
        margin-top: 20px;
        text-align: left;
        padding: 0px 20px;
		margin-bottom: 20px;
    }
    .team-desc p {
        font-size: 1.8vw;
		margin-bottom: 0rem;
		line-height: 5.2vw;
    }
    .team-photos {
        display: flex;
        flex-direction: row;
        margin-top: 100px; 

    }
    .team-photo {
        display: flex;
        flex-direction: column;
        margin: 0 18px;
        position: absolute;
        left: 0;
        opacity: 0;
    }
    .team-photo img{
        width: 279px;
        height: 417px;
    }
    .team-photo b {
        font-size: 24px;
        letter-spacing: 10px;
    }
    .team-photo p {
        width: 279px;
        font-size: 16px;
    }
    .team-photo p.sub {
        font-size: 14px;
    }

    .bg2-desc-mask {
        display: none;
    }
	.connect {
		display: block;
		width: 100%;
		padding: 30px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.connect-title {
		width: 25vw;
		font-size: 5vw;
		font-weight: 600;
		letter-spacing: 4px;
		line-height: 14vw;
		border-bottom: 2px solid #d81a1a;	
	}
	.office {
		width: 36vw;
		margin: 2vw;
	}
	.office-list {
		margin-top: 8vw;
		width: 100%;
		display: flex;
		flex-wrap: wrap-reverse;
		justify-content: center;
	}
	.office-title {
		background: #de1717;
		width: 100%;
		padding: 5px;
		color: #fff;
	}
	.office-location {
		display: none;
		width: 100%;
		border: 1px solid #c3c3c3;
		font-size: 50%;
		padding: 10px;
		overflow: hidden;
		overflow-wrap: anywhere;
		word-wrap: break-word;
	}
	.arrow-down {
		border: solid #fff;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 4px;
		transform: rotate(45deg);
		margin: 3px 9px;
	}
}