/*------------------------------------------------------------------
Theme Name: Yousi.com.cn Style
Author: Yousi Technology Limited
Version: 3.0
-------------------------------------------------------------------*/

@media all and (min-width: 1051px) and (max-width: 1350px) {

.about li {
    margin-right: 7.5%;
}

}

@media all and (min-width: 768px) and (max-width: 1050px) {

#home-slider-wrap {
	background: #fff;
	height: 550px;
	overflow: hidden;
}

.jobs .accordion-content {
    display: none;
    padding: 45px 15px 55px;
    border-top: 0px none;
    width: 100% !important;
}

.about li {
    font-size: 12px;
    margin-right: 4%;
}


#capital .col-md-8 {
    width: 100%;
}

.navbar-collapse {
    width: 80%;
    float: right;
}

#header2 .nav > li > a {
    font-size: 16px;
    padding: 0px 10px;
}

.content-head p {
    padding: 0px 10%;
}

.video-wrapper {
    width: 300%;
    left: -100%;
}

.jobapp .container {
    padding: 0px 0px;
}

#partners .col-md-8 {
	width: 100%;
}

.social-bar span {
    font-size: 11px;
}

.news-content h4 {
    font-size: 14px;
}

.news-list .news-content img{
	width: 100%;
}

}

@media all and (max-width: 767px) {

#home-slider-wrap {
	background: #fff;
	height: 281.25px;
	overflow: hidden;
}

.footer .col-md-6 p{
	width: 100%;
}

.news-list .news-content img{
	width: 100%;
}

.header-active3 {
	padding: 0px 0px 20px !important;
}

.navbar-nav {
/*  border-bottom: 1px solid #e2e2e2; */
	box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2);
}

#together .col-md-3 {
	padding: 10px;
}

.navbar-toggle .icon-bar {
    border-radius: 0px;
    opacity:1;
    background: #000;
    top: 13px;
    position: relative;
    transition:.4s;
}

.navbar-toggle:hover .icon-bar {
    background: #bbb !important;
	transition:.4s;
}

#header2 .nav > li > a {
    line-height: 42px;
}

.navbar-nav {
    background: #fff;
}

.content-head h2, .culture .sr-inner h2{
    font-size: 32px;
	font-weight: 700;
}

.together .photo{
    padding: 70px 5%;
}

.home-products {
    padding: 140px 0px 105px;
}

.video-wrapper {
	position: absolute;
	width: 700%;
	top: 0px;
	left: -300%;
	z-index: 0;
	height: 100%;
	overflow: hidden;
}

.video-wrapper video {
	width: 100%;
	position: absolute;
	top: 0px;
}

.video-text p {
    line-height: 48px;
    font-size: 26px;
}

.jobapp {
    height: auto;
}

.jobapp .container {
    padding: 0px 15px;
}

.jobapp .btn-1 {
	float: none !important;
	margin-top: 15px;
	padding: 0 36px;
}

.partners-row ul li {
    width: 100%;
}

.partners-row ul li {
	border-right: none;
	border-bottom: 1px solid #e6e6e7;
}

.partners-row ul li:last-child {
	border-bottom: none;
}

.contact-form .row input {
	margin-bottom: -2px;
}

.contact-form .row .col-md-6:nth-child(1) input { 
	border: 2px solid #000;
}

.contact-form .row .col-md-6:nth-child(2) input { 
	border: 2px solid #000;
}

.contact-form button {
    height: 57px;
    line-height: 53px;
    padding: 0 30px;
    width: 100%;
}

.hs-inner {
    height: 304px;
    margin-top: -152px;
}

.about ul {
    margin: 0px -15px;
    padding: 0 30px;
}

.about li {
    float: none;
    margin-right: 0;
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.culture .sr-inner h2, .products .sr-inner h4 {
    margin: 40px 0px;
}

.products .sr-inner h4 {
	background: url(../images/sep.png) no-repeat center bottom;
	background-size: 160px 1px;
}

.news-content {
	margin-bottom: 30px;
}

.jobs .accordion-content {
    display: none;
    padding: 0 15px 55px;
    border-top: 0px none;
}

.navbar-nav {
    position: fixed;
	height: 100%;
    width: 100%;
    right: 0px;
	left: 0px;
    margin: 18px 0 0;
    padding: 70px 0px;
	text-align: center;
}

#header2 .nav > li > a {
    padding: 0px 35px 20px 35px;
	line-height: 350%;
}

}

@media all and (min-width: 501px) and (max-width: 767px) {

.logo-section {
    height: 160px;
    padding: 47px 0px;
}

.footer .container div{
	margin-bottom: 40px;
}


}

@media all and (min-width: 100px) and (max-width: 767px) {

.together .content-intro p, .home-products .content-intro p, .about p, .culture .inline-img-wrapper, .culture .sr-inner{
	padding: 0 5%;
}

.culture .container{
	padding-left: 15px;
	padding-right: 15px;
}

.partners{
	padding: 160px 5%;
}

.banner h3{
	font-size: 4.3rem;
}

footer{
	padding: 20px 0;
	text-align: center;
}

.copyright, .footer-links{
/* 	display: none; */
	padding: 0;
	float: none;
}

.products .inline-img-wrapper{
	text-align: center;
}

.products .inline-img-wrapper img{
	width: 60%;
}

.products h4{
	text-align: center;
}

.contact .info-box-break{
	border-right: none;
}

}


@media all and (min-width: 100px) and (max-width: 767px) {

footer .copyright{
	text-align: center;
}

.footer h5 {
	margin: 0 0 25px;
	font-weight: 700;
}

.partners-head{
	font-size: 32px;
	font-weight: 700;
}

.logo-section {
    height: 160px;
    padding: 47px 0px;
}

.footer .container div{
	margin-bottom: 40px;
}

}