@media (max-width: 768px){
	.about-card .trends-title{
		font-size: 30px
	}
	.home-index{
		top: 20px!important;
	}
	.about-btns{
		right: 20px!important;
	}
	.about-logo{
		top: 20px!important;
		width: 90px!important;
		height: 58px!important;
		left: 20px!important;
	} 
	
	.el-dialog__body .menu-content .menu-list .menu-list-colum .menu-list-colum-text{
		font-size: 20px;
		min-width: 100px;
	}
	.el-dialog__body .menu-content .menu-list .menu-list-colum{
		height: auto;
		line-height: 40px;
		margin-bottom: 7px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
	.el-dialog__body .menu-content .menu-list{
		padding-left: 0;
		height: auto;
		top: 90px;
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap:nowrap ;
	}
	.el-dialog__body .menu-content .menu-list .menu-list-colum .menu-list-colum-index{
		margin-top: 0;
		margin-right: 10px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 20px;
	}
	.el-dialog__body .menu-content .menu-tips{
		right: initial;
		bottom: 20px;
		height: auto;
	}
	.el-dialog__body .menu-content{
		padding: 0 10%!important;
        background-size: cover;
	}
	.el-dialog__body .menu-content .menu-tips{
		width: 80%;
	}
	.el-dialog__body .menu-content .menu-tips .language-select .options{
		font-size: 20px;
	}
	.about .about-title .about-title-base{
		height: 5px;
		margin-left: 0;
		display: block!important;
		margin: 0 auto!important;
	}
	 .about-1 .about-title-base{
		height: 5px;
		margin-left: 0;
		display: block!important;
		width: 150px!important;
		margin: 0 auto!important;
	}
	.about .trends-desc{
		top: 40%!important;
		right: 10%!important;
		width: 80%!important;
	}
	.about .about-title{
		width: 90%;
		left: 5%;
	}
	
	.about-2 .home2-left{
		height: 45%;
		margin-top: 0%;
	}
	.home2-right .home2-right-menu{
		bottom: initial!important;
		top: 0px!important;
		height: 100%!important;
		width: 100%!important;
	}
	.home2-right .home2-right-menu .home2-right-menu-col{
		text-align: center!important;
		padding-left: 0!important;
		height: 25%!important;
		line-height: 1!important;
		display: flex!important;
		align-items: center!important;
		justify-content: center!important;
		padding-top: 0!important;
	}
	.home2-right .home2-right-menu .home2-right-menu-col .main-menu-name{
		font-size: 20px!important;
	}
	#home3titles{
		font-size: 30px!important;
	}
	.about-2-btn-left{
		background-image: url("http://www.vh-marinetech.com/themes/simpleboot3/portal/about5-left.png");
		background-size: 100% 100%;
		width: 75px;
	height: 46px;
	position: absolute;
	padding-left: 10px!important;
top: 33%!important;
 transform: translate(-50%,0)!important;
 width: 80px !important;
left: 45px!important;
	}
	.about-2-btn-right{
		background-image: url("http://www.vh-marinetech.com/themes/simpleboot3/portal/about5-right.png");
		background-size: 100% 100%;
		width: 75px;
	height: 46px;
	position: absolute;
	padding-left: 0!important;
		top: 33%!important;
		transform: translate(-50%,0)!important;
		width: 80px !important;
		right: -35px!important;
	}
	.time-line-range {
      height: 67px;
      width: 100%;
      line-height: 67px;
      font-size: 24px;
      font-family: SourceHanSansSC;
      font-weight: bold;
      color: #FFFFFF;
      margin-bottom: 29px;
      display: flex;
      align-items: center;
      padding-left: 20px!important;
      padding-right: 30px!important;
      
  }
	
	.about-3 .about-3-right .about-3-right-content .about-3-right-content-col2{
		display: block!important;
		margin: 0 auto!important;
		height: 5px!important;
		width: 120px!important;
	}
	.about-3 .about-3-right .about-3-right-content{
		padding-top: 68%!important;
	}
	.about-3 .about-3-right .about-3-right-content{
		width: 100%!important;
	}
	#home3descs{
		width: 90%!important;
		margin-left: 5%!important;
		margin-top: 15px!important;
		font-size: 16px!important;
	}
	.about-3 .about-3-left .about-3-left-content{
		width: 100%!important;
		margin-top: 10%!important;
		text-align: center!important;
	}
	.about-3 .about-3-left .about-3-left-content .about-3-left-content-text{
		font-size: 16px!important;
	}
	.about-3 .about-3-left .about-3-left-content .about-3-left-content-img{
		width: 90%!important;
		height: auto!important;
		margin-top: 20px!important;
		display: block!important;
		margin: 0 auto!important;
	}
	.about-3 .about-3-logos-content .about-3-logos-content-left{
		width: 40px!important;
		height: 22px!important;
		margin-top: 25px!important;
		margin-left: 10px!important;
		margin-right: 20px!important;
	}
	.about-3 .about-3-logos-content .about-3-logos-content-right{
		width: 40px!important;
		height: 22px!important;
		margin-top: 25px!important;
		margin-right: 10px!important;
		margin-left: 20px!important;
	}
	.about-3 .about-3-logos-content .about-3-logos-content-center{
		width: calc(100% - 150px)!important;
	}
	.about-3 .about-3-logos-content{
		padding: 15px 0!important;
		height: 110px!important;
	}
	.about-3 .about-3-logos-content .about-3-logos-content-center .about-3-logos-cards .about-3-logos-card{
		    width: 120px!important;
		    height: 40px!important;
		    margin: 18px 10px 0 10px!important;
	}
	.about-3 .about-3-logos-content .about-3-logos-content-center .about-3-logos-cards{
		padding: 0!important;
	}
	#home4titles{
		font-size: 30px!important;
		text-align: center;	
	}
	.about-title .about-title-base{
		height: 5px!important;
		margin-left: 0!important;
		display: block!important;
		margin: 0 auto!important;
	}
	
	.about-title{
		width: 90%!important;
		left: 5%!important;
	}
	#home4descs {
	    width: 90%!important;
	    height: 200px!important;
	    position: absolute!important;
	    top: 55%!important;
	    left: 5%!important;
	    color: #fff!important;
	    font-size: 16px!important;
	}
	.about-4-left{
		background-size: cover!important;
	}
	.about-4-right{
		background-size: 100%!important;
	}

	.about-card.about-3 .box .img-box{
		display: flex;
		align-items: center;
		height: 100vh;
	}
	.about-card.about-3 .box .img-box .video-box{
		height: auto;
	}
	
	
	.about .about-2 .time-line{
		top: 15%;
	}
	.about .about-2 .box .img-box img{
		width: 36%;
        display:none
	}
	.about .about-2 .time-line .time-line-range .year-start{
		width: 32%;
		text-align: center;
		padding-left: 0;
	}
	.about .about-2 .time-line .time-line-range .time-line-title{
		width: 46%;
		font-size: 30px;
	}
	.about .about-2 .time-line .time-line-range .end-start{
		width: 32%;
		text-align: center;
		padding-right: 0;
	}
	.about .about-2 .time-line .about-2-3 .new-year{
		width: 100%;
		font-size: 36px;
		text-align: center;
		margin-left: 0;
	}
	.about .about-2 .time-line .about-2-3 .descrpt-text{
		width: 95%;
		font-size: 14px;
		margin-right: 0;
		line-height: 150%;
		padding-left: 5%;
		height: auto;
		overflow: auto;
		float: initial;
		
	}
	.about .about-next-card{
		margin-left: -34px;
		width: 50px;
		height: 50px;
	}
	.about .about-2 .time-line .about-2-img{
		height: 150px;
	}
	.about .el-carousel .el-carousel__indicators--vertical{
		display: none!important;
	}
	
	
	.about-3 .about-title2{
		width: 100%;
		padding-left: 5%;
		top: 20%;
		left: 0;
		text-align: center!important;
	}
	.about-3 .about-title2 .about-title2-base{
		height: 5px!important;
		width: 110px!important;
		margin: 10px 10px 10px 0!important;
		display: block!important;
		margin: 10px auto!important;
	}
	.about-3 .about-title2 .about-title2-descrpt{
		width: 95%;
		padding-right: 0;
		padding-left: 0;
	}
	.about-3 .about-3-right{
/* 		height: auto!important; */
		padding-top: 40%!important;
		padding-right: 10px!important;
	}
	.about-3 .about-title2 .about-title2-text{
		font-size: 24px;
	}
	 .about-logo2, .about-logo{
		width: 90px!important;
		height: 50px!important;
		left: 20px!important;
		top: 20px!important;
	}
	.about-4{
		padding: 0!important;
	}
	.about-4 .about-4-images{
		width: 100%!important;
		height: 400px!important;
	}
	.about-4 .about-4-images img{
		width: 100%!important;
		height: 100%!important;
	}
	.about-4 .el-carousel__container{
		height: 400px!important;
		margin-top: 50%!important;
	}
	.about-4>div:nth-child(5){
		width: 100%!important;
		height: 100%!important;
	}
	.about-4 .about-4-btn-right{
		right: 10px!important;
		background-size: 45px 28px!important;
		width: 45px!important;
		height: 28px!important;
		top: 37%!important;
	}
	.about-4 .about-4-btn-left{
		left: 10px!important;
		background-size: 45px 28px!important;
		width: 45px!important;
		height: 28px!important;
		top: 37%!important;
	}
	
	.about-2 .time-line .time-line-range{
		margin-bottom: 10px!important;
	}
	
	.about-5 .about-5-btn-right{
		right: 10px!important;
		background-size: 45px 28px!important;
		width: 45px!important;
		height: 28px!important;
	}
	.about-5 .about-5-btn-left{
		left: 10px!important;
		background-size: 45px 28px!important;
		width: 45px!important;
		height: 28px!important;
	}
	
	
	.about-title3 .about-t-title-content .about-title3-text{
		font-size: 26px!important;
		width: 100%!important;
	}
	.about-title3 .about-title3-descrpt{
		width: 100%!important;
		padding: 0!important;
		font-size: 18px!important;
	}
	.about-title3 .about-t-title-content .about-title3-base{
		height: 5px!important;
		width: 110px!important;
		margin: 10px 10px 10px 0!important;
	}
	.about-title3{
		height: auto!important;
	}
	
	.about-5 .about-5-btns{
		padding: 0 10px!important;
	}
	
	.about-5 .about-t-carousel .about-t-name{
		height: 60px!important;
		padding: 150px 0!important;
		width: 100vw!important;
		margin-bottom: 10px!important;
	}
	.about-5 .about-t-carousel{
		height: 100%!important;
	}
	.about-5 .about-t-carousel .about-t-img{
		width: 100vw!important;
		display: block!important;
		margin: 0 auto!important;
		height: auto!important;
		float: initial!important;
	}
	.footer{
		height: auto!important;
		display: block!important;
		padding: 10px!important;
	}
	.footer .footer-content1{
		float: initial!important;
		padding: 0px!important;
		width: 100%!important;
		height: auto!important;
	}
	.footer .footer-content2 .footer-email-input{
		width: 100%!important;
		height: 40px!important;
		margin: 10px 0!important;
	}
	.footer .footer-content2{
		width: 100%!important;
		height: auto!important;
		float: initial!important;
		padding-top: 10px!important;

	}
	.footer .footer-content2 .footer-phone-number{
		font-size: 16px!important;
		height: auto!important;
		line-height: initial!important;
		margin-bottom: 0px!important;
	}
	.footer .footer-content2 .footer-email-text{
		font-size: 14px!important;
		height: auto!important;
		line-height: initial!important;
	}
	
	.footer .footer-content1 .menus-btns{
		display: inline-block!important;
		float: left!important;
		margin-right: 5px!important;
	}
	
	.footer .footer-content2 .contract-us{
		position: relative!important;
		left: 50%!important;
		top: 50%!important;
		transform: translate(-50%,-50%)!important;
		width: 100px!important;
		height: 100px!important;
		margin-top: 50px!important;
		padding-top: 30px!important;
		margin-bottom: -40px!important;
		
	}
	.footer .footer-content2 .contract-us div{
		margin-left: 10px!important;
		margin-top: 0!important;
	}
	.footer .footer-content2 .contract-us img{
		width: 30px!important;
		height: 25px!important;
		margin-top: 10px!important;
	}
	.footer .footer-content2 .content-info-col{
		padding-right: 0!important;
		text-align: left!important;
	}
	.footer .footer-content2 .content-info-col .content-info-col-text{
		display: inline-block!important;
	
	}
	.footer .footer-content2 .content-info-col:last-child{
		padding-right: 0!important
	}
	.footer .footer-content3{
		height: auto!important;
		line-height: initial!important;
		position: relative!important;
		left: 0!important;
		width: 100%!important;
		text-align: left!important;
		padding-top: 10px!important;
	}
	
	.footer .footer-content2 .footer-email-input .el-input__inner{
		font-size: 15px!important;
	}
	
	.about-next-card2{
		width: 50px!important;
		height: 50px!important;
	}
	.about-title3{
		width: 90%!important;
		left: 5%!important;
		top: 100px!important;
	}
	.about-title3 .about-t-title-content{
		width: 100%!important;
		text-align: center!important;
	}
	.about-title3 .about-t-title-content .about-title3-base{
		display: block!important;
		margin: 0 auto!important;
	}
	.about-title3 .about-title3-descrpt{
		text-align: center!important;
	}
	.about-title3 .about-t-title-content .about-title3-text{
		line-height: initial!important;
	}
	
	#realhome1desc{
		width: 100%!important;
		height: auto!important;
		right: 0!important;
		top: 55%!important;
		padding: 15px!important;
		font-size: 15px!important;
	}
	#newsdesc{
		width: 90%!important;
		height: auto!important;
		right: 0!important;
		top: 32%!important;
		left: 5%!important;
		padding: 0px!important;
		font-size: 16px!important;
	}
	
	.home2-left .home2-left-content{
		width: 100%!important;
		height: auto!important;
		margin-top: 130%!important;
		font-size: 18px!important;
	}
	.about-1 .product-1-bg{
		height: 50%!important;
		width: 100%!important;
	}
	.about-1 .product-1-imgs{
		height: calc(50% - 60px)!important;
		width: 100%!important;
		
	}
	.about-1 .about-title{
		top: 17%!important;
		height: auto!important;
		text-align: center!important;
	}
	.about-1 .trends-desc{
		top: 31%!important;
	}
	.about-1 .product-1-imgs .product-1-image .product-1-imgbg img{
		height: 80%!important;
	}
	.about-1 .product-1-imgs .product-1-image .product-1-imgbg{
		padding-top: 10px!important;
		height: 85px!important;
	}
	.about-1 .product-1-imgs .product-1-image .product-1-tools{
		height: auto!important;
	}
	
	.about-1 .product-1-imgs .product-1-image .product-1-tools .product-1-tools-name{
		font-size: 16px!important;
		line-height: initial!important;
		width: calc(100% - 40px)!important;
		height: 100%!important;
		padding-left: 10px!important;
	}
	.about-1 .product-1-imgs .product-1-image .product-1-tools .product-1-tools-btn{
		width: 40px!important;
		padding-top: 0!important;
	}
	.about-1 .product-1-imgs .product-1-image .product-1-tools .product-1-tools-btn img{
		width: 30px!important;
		height: 30px!important;
	}
	.about-2 .product-detail .detail-left{
		padding: 80px 10px 0 10px;
		width: 100%;
		height: auto;
	}
	.about-2 .product-detail .detail-left .el-collapse-item__header{
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}
	.about-2 .product-detail .detail-left .spare-parts .spare-parts-name{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.about-2 .product-detail .detail-left .spare-parts{
		min-height: auto;
	}
	.about-2 .product-detail .detail-right{
		width: 100%;
		height: 100%;
	}
	.about-2 .product-detail .detail-right .transition-box .big-image .image-name{
		height: auto;
		width: 100%;
		top: 5%;
		left: 5%;
		font-size: 26px;
	}
	.about-2 .product-detail .detail-right .transition-box .big-image{
		width: 100%;
		height: auto;
		padding: 25% 10% 0;
	}
	.about-2 .product-detail .detail-right .transition-box .big-image .big-image-content{
		width: 100%;
		height: auto
	}
	
	
	
	.about-1 .partner-1-left{
		height: 50%!important;
		width: 100%!important;
		padding-top: 100px!important;
		padding-left: 0%!important;
	}
	.about-1 .partner-1-right{
		width: 100%!important;
		height: 50%!important;
		padding-top: 100px!important;
		padding-left: 5%!important;
	}
	
	#partnertitle{
		font-size: 30px!important;
		width: 100%!important;
		line-height: initial!important;
		margin-bottom: 10px!important;
		text-align: center!important;
	}
	.about-title-base{
		height: 5px!important;
		margin-left: 0!important;
	}
	.about-1 .partner-1-image{
		width: 100%!important;
		height: auto!important;
		bottom: 0!important;
		top: 50%!important;
	}
	.about-1 .partner-1-image img{
		height: auto!important;
	}
	#partner1desc{
		padding-left: 0!important;
		width: 100%!important;
		font-size: 16px!important;
		height: auto!important;
		text-align: center!important;
		margin-left: 0!important;
	}
	.about-1 .partner-1-left .partner-1-left-3{
		height: auto!important;
		line-height: initial!important;
		margin-top: 10px!important;
		font-size: 40px!important;
		text-align: center!important;
		margin-left: 0!important;
	}
	.about-1 .partner-1-left .partner-1-left-4{
		margin-top: 10px!important;
		font-size: 18px!important;
		text-align: center!important;
		margin-left: 0!important;
	}
	.about-2 .partner-2-content .partner-2-rightbtn{
		padding-left: 0!important;
		top: 33%!important;
		transform: translate(-50%,0)!important;
		width: 80px !important;
		right: -65px!important;
	}
	.about-2 .partner-2-content .partner-2-rightbtn img{
		width: 40px!important;
		height: 25px!important;
	}
	.about-2 .partner-2-content .partner-2-leftbtn img{
		width: 40px!important;
		height: 25px!important;
	}
	.about-2 .partner-2-content .partner-2-leftbtn{
		padding-left: 10px!important;
		top: 33%!important;
		transform: translate(-50%,0)!important;
		width: 80px !important;
		left: 45px!important;
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-main{
		padding: 100px 65px 10px 30px!important;
		
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-main{
		height: auto!important;
		text-align: left!important;
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-logo{	
		height: 30%!important;
		padding-top: 0!important;
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .show-image-name{
		margin-top: 55px!important;
		/*margin-right: 28px!important;*/
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-btn .el-button--primary.is-plain{
		margin-right: 28px!important;
	}
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-main .card-main-desc{
		height: 60px!important;
		color: #fff!important;
	}
	.about-2 .partner-2-content .partner-2-cards{
		border: 0!important;
	}
	.about-3 .partner-3-content .partner-3-cards{
		width: 100%!important;
		padding: 0 !important;
	}
	.about-3 .partner-3-content .partner-3-cards .el-carousel__container{
		height: 90vh!important;
	}
	.about-3 .el-carousel__item.is-animating img{
		height: auto!important;
		padding-top: 34vh!important;
	}
	.about-3 .partner-3-content .partner-3-rightbtn{
		padding-left: 0!important;
		/*top: 73%!important;*/
		top: 40vh!important;
		transform: translate(-50%,0)!important;
		width: 80px !important;
		right: -65px!important;
        z-index:99
	}
	.about-3 .partner-3-content .partner-3-rightbtn img{
		width: 40px!important;
		height: 25px!important;
	}
	.about-3 .partner-3-content .partner-3-leftbtn img{
		width: 40px!important;
		height: 25px!important;
	}
	.about-3 .partner-3-content .partner-3-leftbtn{
		padding-left: 10px!important;
		/*top: 73%!important;*/
		top: 40vh!important;
		transform: translate(-50%,0)!important;
		width: 80px !important;
		left: 45px!important;
        z-index:99
	}
	.about-next-card{
		margin-left: -34px!important;
		width: 50px!important;
		height: 50px!important;
		bottom: 10px!important;
	}
	
	
	
	#newstitle2, #newstitle3 , #newstitle4, #newstitle5, #newstitle6{
		font-size: 30px!important;
		text-align: center!important;
	}
	
	.news .about-2 .news-title .news-title-line{
		height: 5px;
		width: 100px;
		display: block!important;
		margin: 0 auto!important;
	}
	.news .about-3{
		padding: 70px 0 0 0;
	}
	.news .about-3 .news-title .news-title-line{
		height: 5px;
		width: 100px;
	}
	.news .news-title .news-title-line{
		display: block!important;
		margin: 0 auto!important;
	}
	.news .about-2{
		padding: 70px 0 0 0;
	}
	#newsdesc2, #newsdesc3 ,#newsdesc4,#newsdesc5,#newsdesc6{
		width: 100%!important;
		height: auto!important;
		padding: 0 10px!important;
		margin-top: 15px!important;
		
	}
	.news .about-2 .news-content .news-content-carousel .carousel-main{
		width: calc(65% - 5px);
		height: auto;
		margin-right: 5px;
	}
	.news .about-2 .news-content .news-content-carousel{
		width: 100%!important;
		padding: 30px 10px 10px 10px;
		border-top: 0;
	}
	.news .about-2 .news-content .news-content-carousel .carousel-list{
		width: 35%!important;
		padding-right: 0;
	}
	.news .news-content .news-content-carousel .carousel-list img{
		width: calc(100% - 5px);
		height: 82px!important;
        height: auto!important;
		margin-right: 5px!important;
		margin-bottom: 5px!important;
	}
	 .news .news-content .news-content-carousel .carousel-main img{
		height: 172px!important;
        height: auto!important;
	}
	.news .about-3 .news-content .news-content-carousel .carousel-main{
		width: calc(65% - 5px)!important;
		height: auto!important;
		margin-right: 5px!important;
	}
	.news .about-3 .news-content .news-content-carousel{
		width: 100%!important;
		padding: 30px 10px 10px 10px!important;
		border-top: 0!important;
	}
	.news .about-3 .news-content .news-content-carousel .carousel-list{
		width: 35%!important;
		padding-right: 0!important;
	}
	.news .about-3 .news-content .news-content-carousel .carousel-list img{
		width: calc(100% - 5px)!important;
		height: auto!important;
		margin-bottom: 10px!important;
		margin-right: 5px!important
	}

	.news .about-2 .news-title{
		height: auto;
		padding-left: 0%;
		padding-top: 50px;
	}
	.news .about-3 .news-title{
		height: auto;
		padding-left: 5%;
		padding-top: 50px;
	}
	
	
	.news .about-4{
		padding: 70px 0 0 0;
	}
	.news .about-4 .news-title .news-title-line{
		height: 5px;
		width: 100px;
	}
	.news .about-4 .news-content .news-content-carousel .carousel-main{
		width: calc(65% - 5px)!important;
		height: auto!important;
		margin-right: 5px!important;
	}
	.news .about-4 .news-content .news-content-carousel{
		width: 100%!important;
		padding: 30px 10px 10px 10px!important;
		border-top: 0!important;
	}
	.news .about-4 .news-content .news-content-carousel .carousel-list{
		width: 35%!important;
		padding-right: 0!important;
	}
	.news .about-4 .news-content .news-content-carousel .carousel-list img{
		width: calc(100% - 5px)!important;
		height: auto;	
		margin-bottom: 5px!important;
		margin-right: 5px!important
	}
	.about-1{
		background-size: cover!important
	}
	.news .about-4 .news-title{
		height: auto;
		padding-left: 5%;
		padding-top: 100px;
	}
	
	
	.news .about-5{
		padding: 70px 0 0 0;
	}
	.news .about-5 .news-title .news-title-line{
		height: 5px;
		width: 100px;
	}
	.news .about-5 .news-content .news-content-carousel .carousel-main{
		width: calc(65% - 5px)!important;
		height: auto!important;
		margin-right: 5px!important;
	}
	.news .about-5 .news-content .news-content-carousel{
		width: 100%!important;
		padding: 30px 10px 10px 10px!important;
		border-top: 0!important;
	}
	.news .about-5 .news-content .news-content-carousel .carousel-list{
		width: 35%!important;
		padding-right: 0!important;
	}
	.news .about-5 .news-content .news-content-carousel .carousel-list img{
		width: calc(100% - 5px)!important;
		height: auto;
		margin-bottom: 5px!important;
		margin-right: 5px!important
	}
	
	.news .about-5 .news-title{
		height: auto;
		padding-left: 5%;
		padding-top: 50px;
	}
	
	
	.news .about-6{
		padding: 70px 0 0 0;
	}
	.news .about-6 .news-title .news-title-line{
		height: 5px;
		width: 100px;
		margin-left: 0;
	}
	.news .about-6 .news-content .news-content-carousel .carousel-main{
		width: calc(100% - 5px)!important;
		height: auto!important;
		margin-right: 5px!important;
	}
	.news .about-6 .news-content .news-content-carousel{
		width: 100%!important;
		padding: 30px 10px 10px 10px!important;
		border-top: 0!important;
	}
	.news .about-6 .news-content .news-content-carousel .carousel-list{
		width: 100%!important;
		padding-right: 0!important;
	}
	.news .about-6 .news-content .news-content-carousel .carousel-list img{
		width: calc(50% - 5px)!important;
		height: auto!important;
		margin-bottom: 5px!important;
		margin-right: 5px!important
	}
	
	.news .about-6 .news-title{
		height: auto;
		padding-left: 5%;
		padding-top: 50px;
	}
	.about-1 .about-more-btn-open{
		height: auto!important;
	}
	.about-1 .about-more-btn-close{
		height: auto!important;
		width: 100%!important;
		bottom: 70px!important;
		padding-bottom: 0px!important;
		border-radius: 0!important;
	}
	.about-1 .about-more-btn-col{
		height: 60px!important;
		line-height: 1%!important;
		font-size: 18px;
		padding-left: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	.contacts .contacts-1 .contacts-map{
		width: 100%;
		height: 50%;
	}
	.contacts .contacts-1 .contacts-form{
		width: 100%;
		height: 50%;
		padding: 20px 10px;
	}
	
	
	
	.contacts .contacts-1 .contacts-form .contacts-form-col2{
		font-size: 22px;
		line-height: 120%;
		margin-bottom: 0!important;
	}

	.contacts .contacts-1 .contacts-form .contacts-form-col3{
		font-size: 16px;
		line-height: 120%;
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	.contacts-logo{
		width: 90px!important;
		height: 50px!important;
		left: 20px!important;
		top: 20px!important;
	}
	.contacts-btns{
		right: 20px!important;
		z-index: 999!important;
	}
	.contacts .contacts-1 .contacts-footer{
		background: none;
		height: auto;
	}
	.contacts .contacts-1 .contacts-form .contacts-form-col1{
		margin-bottom: 0;
		font-size: 18px;
	}
	.contacts .contacts-1 .contacts-form .contacts-form-col4{
		margin: 10px 0;
	}
	

	#app{
		overflow-x: hidden!important;
	}
	
	.click-show-menu{
		height: 300px!important;
	}
	
	
	.home2-right{
		background-size: cover!important;
		width: 100%!important;
		height: calc(50% - 40px)!important;
	}
	.home2-left{
		
		width: 100%!important;
		height: 50%!important;
	}
	.about-3 .about-3-right{
		background-size: cover!important;
		height: 35vh!important;
		padding-top: 0!important;
	    display: flex!important;
	    align-items: center!important;
		width: 100%!important;
	}
	.about-3 .about-3-left{
		width: 100%!important;
		height: 40vh!important;
	}
	.about-3 .about-3-right .about-3-right-img{
		height: auto!important;
		padding-top: 13vh!important;
	}
	.about-4 .about-4-images{
		display: flex!important;
		align-items: center!important;
	}
	.about-4 .about-4-images img{
		height: auto!important;
	}
	.footer .footer-content3{
		clear: both;
		overflow: hidden;
	}
	
	.about-left-and-right{
		left: 50%!important;
		transform: translate(-50%,0)!important;
	}
	
	
	.about-3 .about-3-left .about-3-left-content .about-3-left-content-img img{
		max-width: 170px!important;
	}
	
	.about-3 .about-3-left .about-3-left-content .about-3-left-content-text{
		max-width: 170px!important;
		display: block!important;
		margin: 0 auto!important;
	}
	.about-3 .about-3-left .about-3-left-content{
		margin-top: 95px!important;
	}
	.about-3 .about-3-right .about-3-right-content{
		padding-top: 20%!important;
		max-width: 60%!important;
	}
	.about-3 .about-3-right{
		padding-right: 0!important;
	}
	
	.about-2 .partner-2-content .partner-2-cards .cards-content .partner-2-cards-card .card-main{
		cursor: pointer!important;
		background-image: url('http://www.vh-marinetech.com/themes/simpleboot3/portal/img/partner-2-bg.e3b4e066.jpg')!important;
		background-size: 100% 100%!important;
		padding: 5% 15% 15% 10%!important;
		margin-top: 15%!important;
	}
	
	
	.about-5 .about-t-carousel .about-t-carousel-content>div{
		padding: 0;
	}
	.about-5 .about-5-btns{
		position: absolute;
		top: 450px;
		z-index: 9999;
	}
	
	
	.product-detail{
		height: 100vh!important;
		overflow-y: auto!important;
	}

	.about-2 .product-detail .detail-left{
		padding: 20px 10px 0 10px;
		margin-top: 3rem;
	}

    .about-2 .product-detail .detail-right{
        height: auto!important;
		margin-top:6rem;
    }
	
	.product-detail{
        display: flex;
        flex-wrap: wrap;
    }
    .about-2 .product-detail .detail-right{
        order: 1;
    }
    .about-2 .product-detail .detail-left{
        order: 2;
    }

	.product-detail .detail-right .transition-box .image-bottom{
		height: auto!important;
	}

	.product-detail .detail-right .table-box .table-box-content img{
		width:100%!important;
	}

	.product-detail .detail-right .table-box .table-box-btn{
		height: 140px!important;
		width: 90%!important;
		padding-top: 10px!important;
	}
	
	.product-detail .detail-right .table-box .table-box-btn img{
		height: 75px!important;
		width: 75px!important;
	}
	.about-6 .news-content{
		width:100%;
		height:100%;
		overflow:auto
	}
	.about-btns2{
    	z-index:999!important
	}
	.news .about-2 .news-content .news-content-carousel .carousel-main{
		width:100%
	}
	.news .about-2 .news-content .news-content-carousel .carousel-list{
		width:100%
	}
	.my5{

		width:unset!important
	}
}