/*Unify*/
#main_index{
    overflow: hidden;
    padding-bottom: 0!important;
}
.slider_banner .banner_content {
    overflow: hidden;
}

.title1 {
    font-size: 32px;
    font-weight: 600;
    color: #561E07;
}
.j_btn button {
    border:1px solid red;
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
	font-size: 16px;
	font-family: inherit;
	width: 11rem;
	height: auto;
	color:#ffffff;
}
.j_btn .circle {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: relative;
	 display: block;
	 margin: 0;
	 width: 2.0rem;                                 /*2.5*/
	 height: 2.0rem;                                /*2.5*/
	 border-radius: 1.625rem;
	 background:#d80c0c;
	 
}
.j_btn .circle .icon { 
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
}

.j_btn .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.2rem;                                   /*0.4*/
    width: 1.15rem;
    height: .22rem;
    background: none;
    display: flex;
    align-items: center;
}
.j_btn .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.27rem;
    right: 0.025rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 0.21rem solid #fff;
    border-right: 0.21rem solid #fff;
    transform: rotate(45deg);
}

.j_btn .button-text {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 padding: 0.3rem 0;                                 /*0.5rem 0*/
	 margin: 0 0 0 -25px;                                 /*0 0 0 1.85rem*/
	 line-height: 1.6;
	 font-size:90%;
	 text-align: center;
	 text-transform: capitalize;
	 opacity: 1;
}
.j_btn button:hover .circle {
	 width: 75%;                                    /*100%*/
}
.j_btn button:hover .circle .icon.arrow {
	 transform: translate(1rem, 0);
	 background: #fff;
}
.j_btn button:hover .button-text {
	 opacity: 1;
	 color: #fff;
	 transition: all 0.6s cubic-bezier(0.65, 0, 0.076, 1);
}
/*navigation*/
.navbar_type8 {
    height: 135px;
    background-color: #333;
}
#main_index .navbar_type8 {
    background: transparent;
}
.navbar_type8 .logo img {
    width: auto;
    height: 100%;
    padding: 0;
}
.navbar_type8 .logo {                                       /*BT调整过 40%*/
    flex: 0 0 30%;
}
.navbar_type8 .logo:after {
    display: block;
    content: "ENG HUP TYRE & BATTERIES SERVICES CENTRE";
    color: #fff;
    font-size: 1.4vw;                                       /*BT调整过 1.8*/
    width: 23vw;
    position: absolute;
    top: 50%;
    left: calc(150px + 1rem);
    transform: translateY(-50%);
}
.navbar_type8 .nav_tab {                                     /*BT调整过 60%*/
    flex: 0 1 70%;
}
.navbar_type8 .nav_tab .nav_item a {
    font-size: 1.2vw;
    font-weight: 300;
}

/*mobile*/
.navbar_mobile {
    background-color: #551d06;
}
.navbar_mobile .btn-outline-light {
    border-color: #fff;
    color: #fff;
}

@media all and (max-width:1320px) {                         /*BT增加过*/
   
    .navbar_type8 .logo {                                       
    flex: 0 0 31%;
    }
    .navbar_type8 .nav_tab {                                     
    flex: 0 1 69%;
    }
    .navbar_type8 .nav_tab .nav_item a {
    font-size: 16px;
    padding: 15px 9px;
    }
}

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

    .navbar_type8 .logo {
    margin-left: 30px;
    }
    .navbar_type8 .nav_tab {
    padding-right: 30px;
    }
    .navbar_type8 .nav_tab .nav_item a {
    font-size: 16px;
    padding: 15px 10px;
    }
}

@media all and (max-width:1250px) {                         /*BT增加过*/
    .navbar_type8 .logo {                                       
    flex: 0 0 32%;
    }
    .navbar_type8 .nav_tab {                                     
    flex: 0 1 68%;
    }
}

@media all and (max-width:1141px) {                         /*BT增加过*/
    .navbar_type8 .nav_tab .nav_item a{
    font-size: 14px;
    }
}

@media all and (max-width:1141px) {                         /*BT增加过*/
    .navbar_type8 .logo:after {
    font-size: 1.36vw;
    }
}

@media all and (max-width:1091px) {                         /*BT增加过*/
    .navbar_type8 .logo:after {
    font-size: 1.37vw;
    }
}


@media all and (max-width:1051px) {                         /*BT增加过*/
    .navbar_type8 .logo {                                       
    flex: 0 0 35%;
    }
    .navbar_type8 .nav_tab {                                     
    flex: 0 1 65%;
    }
    .navbar_type8 .logo:after {
    font-size: 1.40vw;
    }
    .navbar_type8 .nav_tab .nav_item a{
    font-size: 11px;
    }

}


/*banner*/
#main_index .slider_banner {
    margin-top: -135px;
}
#main_index .item .banner-box img{
    width: auto!important;
    object-fit: contain!important;
    min-height: unset!important;
}
.banner1{
    position: absolute;
    right: 10vw;
    top: 9vw;
}
.banner2{
    position: absolute;
    bottom: 10vw;
    left: 10vw;
}
#main_index .item .banner1 img{
    height: 5vw!important;
}
#main_index .item .banner2 img{
    height: 8vw!important;
}
@media all and (max-width:991.52px) {
    #main_index .slider_banner {
    margin-top: 0;
    }
}
@media all and (max-width:767.52px) {
    .banner1 {
    top: 3vw;
    }
    .banner2 {
    bottom: 10vw;
    }
    #main_index .item .banner1 img{
    height: 8vw!important;
    }
    #main_index .item .banner2 img{
    height: 10vw!important;
    }
}
@media all and (max-width:575.52px) {
    #main_index .slider_banner .item img{
    min-height: 300px;
    object-fit: cover;
    }
    .banner-box.banner1 {
    top: 2rem;
    }
    .banner-box.banner2 {
    bottom: 4rem;
    }
    #main_index .item .banner1 img{
    height: 42px!important;
    }
    #main_index .item .banner2 img{
    height: 52px!important;
    }
}

/*hp_ourproducts*/                                          /*BT增加过*/
.hp_ourproducts{
    padding-top:7%;
    padding-bottom:9%;
}

.hp_ourproducts_title{
    width:27%;
    margin:0 auto;
    display:block; 
    padding-bottom:7%;
}

@media all and (max-width:1301px) {                         
    .hp_ourproducts_title {
    width:30%;
    }
}

@media all and (max-width:768px) {    
    .hp_ourproducts{
    padding-top:20%;
    padding-bottom:15%;
    }
    .hp_ourproducts_title {
    width:70%;
    }
    .hp_ourproducts_image{
    padding-top:6%;
    margin:0 auto;
    display:block;
    }
}

@media all and (max-width:450px) {    
    .hp_ourproducts_title {
    width:100%;
    }
    .hp_ourproducts_image{
    width:85%;
    padding-top:6%;
    margin:0 auto;
    display:block;
    }
}


/*hp_tyre_viewmore*/                                       /*BT增加过*/
.hp_tyre_viewmore{
    background: url("https://cdn1.npcdn.net/img/1672287145tyre_banner_bg.png");
    background-size: cover;
    background-position-x: right;    
    padding-top:20%;
    padding-bottom:15%;
}

.hp_tyre_viewmore_title{
   width:40%; 
   padding-bottom:6%;
   margin-left:24%;
}

.j_btn .circle_red{
    background-color:#d80c0c;
}

.tyre-btn{
    padding-left:24%;
}

.tyre-btn .button-text{
    color:#ffffff;
}

@media all and (max-width:1001px) {    
    .hp_tyre_viewmore_title{
     width:50%; 
     margin-left:40%;
    }
    .tyre-btn{
    padding-left:40%;
    }
}

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

    .hp_tyre_viewmore_title{
     width:20%; 
     margin-left:75%;
     padding-bottom:3%;
    }
    .tyre-btn{
    padding-left:76%;
    }
}

@media all and (max-width:551px) {    
    .hp_tyre_viewmore_title{
     width:25%; 
     margin-left:70%;
    }
    .tyre-btn{
    padding-left:70%;
    }
}

@media all and (max-width:401px) {    
    .hp_tyre_viewmore_title{
     width:35%; 
     margin-left:60%;
    }
    .tyre-btn{
    padding-left:60%;
    }
}


/*hp_comercial_viewmore*/                                       /*BT增加过*/
.hp_commercial_viewmore{
    background: url("https://cdn1.npcdn.net/img/1672293805commercial_banner_bg.png");
    background-size: cover;
    background-position-x: right;    
    padding-top:17.5%;
    padding-bottom:15%;
}

.hp_commercial_viewmore_title{
    width:70%;
    padding-bottom:6%;
}

.commercial-btn{
    padding-left:24%;
}

.commercial-btn .button-text{
    color:#ffffff;
}

@media all and (max-width:1001px) {    
    .hp_commercial_viewmore_title{
        width:80%;
        margin-left:10%;
    }
    .commercial-btn{
        padding-left:40%;
    }
}

@media all and (max-width:851px) { 
    .hp_commercial_viewmore_title{
        width:90%;
        margin-left:0%;
    }
    .commercial-btn{
        padding-left:30%;
    }
}

@media all and (max-width:768px) { 
    .hp_commercial_viewmore_title{
        width:35%;
        margin-left:60%;
        padding-bottom:3%;
    }
    .commercial-btn{
        padding-left:76%;
    }
}

@media all and (max-width:551px) {    
    .hp_commercial_viewmore_title{
        width:45%;
        margin-left:50%;
    }
    .commercial-btn{
        padding-left:70%;
    }
}

@media all and (max-width:401px) {    
    .hp_commercial_viewmore_title{
        width:55%;
        margin-left:40%;
    }
    .commercial-btn{
        padding-left:60%;
    }
}

@media all and (max-width:361px) {    
    .hp_commercial_viewmore_title{
        width:65%;
        margin-left:30%;
    }
}

/*hp_comercial_viewmore*/                                       /*BT增加过*/
.hp_adjustable_viewmore{
    background: url("https://cdn1.npcdn.net/img/1672294700adjustable_banner_bg.png");
    background-size: cover;
    background-position-x: left;    
    padding-top:17.5%;
    padding-bottom:17%;
}

.hp_adjustable_viewmore_title{
    width:69%;
    padding-bottom:6%;
}

.adjustable-btn{
    padding-left:25%;
}

.adjustable-btn .button-text{
    color:#ffffff;
}

@media all and (max-width:1001px) {    
    .hp_adjustable_viewmore_title{
        width:80%;
        margin-left:10%;
    }
    .adjustable-btn{
      padding-left:40%;
    }
}

@media all and (max-width:851px) { 
    .hp_adjustable_viewmore_title{
        width:90%;
        margin-left:0%;
    }
    .adjustable-btn{
      padding-left:30%;
    }
}


@media all and (max-width:768px) { 
    .hp_adjustable_viewmore_title{
        width:35%;
        margin-left:60%;
        padding-bottom:3%;
    }
    .adjustable-btn{
    padding-left:76%;
    }
}

@media all and (max-width:551px) {    
    .hp_adjustable_viewmore_title{
        width:45%;
        margin-left:50%;
    }
    .adjustable-btn{
    padding-left:70%;
    }
}

@media all and (max-width:401px) {    
    .hp_adjustable_viewmore_title{
        width:55%;
        margin-left:40%;
    }
    .adjustable-btn{
    padding-left:60%;
    }
}

@media all and (max-width:361px) {    
    .hp_adjustable_viewmore_title{
        width:65%;
        margin-left:30%;
    }
}

/*service */
.svc-container {
    padding: 5.5% 10vw 8rem;                                        /*BT调整过 0% 10vw 5rem*/
}
.svc-title {
    margin-bottom: 4rem;
}
.svc-row {
    row-gap: 2rem;
    justify-content: center;
}
.svc-item {
    text-align: center;
    height: fit-content;
}
.svc-itembox {
    transition: all 0.3s ease-in-out;
}
.svc-itembox:hover {
    transform: scale(1.1);
}
.svc-item .svc-itemname {
    position: absolute;
    font-size: 1.2vw;
    left: 15px;
    right: 15px;
    text-align: center;
    bottom: 0.5vw;
    color: #fff;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.svc-item:hover .svc-itemname {
    color: #D6090E;
}
@media all and (max-width:991.52px) {
    .svc-item .svc-itemname {
    font-size: 2.5vw;
    bottom: 1.1vw;
    }
}
@media all and (max-width:767.52px) {
    .svc-item .svc-itemname {
    font-size: 3.2vw;
    bottom: 2.2vw;
    }
}
@media all and (max-width:575.52px) {
    .svc-container {
    padding: 0 2rem 3rem;
    }
    .svc-item .svc-itemname {
    font-size: 3.8vw;
    bottom: 1.6vw;
    }
}

/*about us*/
.about-container {
    background: url("https://cdn1.npcdn.net/img/1672368943about_us_bg.png");
    background-size: cover;
    background-position-x: center; 
    padding: 9rem 11vw;                                                  /*BT调整过*/                              
}

/*.about-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-img img:hover {
    animation: j_bounce 1s 2 alternate ease-in-out;
}
@keyframes j_bounce {
    50%{
    transform: scale(1.1);
    }
    100%{
    transform: scale(1);
    }
}*/

.about-content {
    padding-left: 6vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-title {
    font-size:300%;
    margin-bottom: 2rem;
    line-height: 1;
    color:#ffffff;
}
.about-content h3 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 1rem;
    color:#ffffff;
}
.about-content p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 2rem;
    color:#ffffff;
}

@media all and (max-width:1201px) {                                     /*BT增加过*/
    .about-content h3{
        font-size: 20px;
    }
    .about-title{
        font-size:200%;
    }
    .about-content p {
        font-size:18px;
    }
}



/*@media all and (max-width:767.52px) {
    .about-row {
    flex-direction: column-reverse;
    row-gap: 2rem;
    }
    .about-img {
    text-align: center;
    }
    .about-img img {
    max-width: 250px;
    }
}*/

@media all and (max-width:801px) {                                      /*BT增加过*/
    .about-content h3{
        font-size: 18px;
    }
    .about-title{
        font-size:150%;
    }
    .about-content p {
        font-size:17px;
    }
}

@media all and (max-width:575.52px) {
    .about-container {
    padding: 3rem 2rem;
    }
}
/*back ground*/
.pro-topbcg {
    height: 25px;
    position: relative;
    z-index: -1;
}
.pro-topbcg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}
@media all and (max-width:575.52px) {
    .pro-topbcg {
    height: 18px;
    }
}

/*hp_rim_tyre*/                                                     /*BT增加过*/
.hp_rim_tyre_sportrim_background{
    background: url("https://cdn1.npcdn.net/img/1672300016sport_rim_bg.jpg");
    background-size: cover;
    background-position-x: right; 
    padding-top:16%;
    padding-bottom:17%;
}

.hp_rim_tyre_tyre_background{
    background: url("https://cdn1.npcdn.net/img/1672300051tyre_bg_small.jpg");
    background-size: cover;
    background-position-x: right;
    padding-top:16%;
    padding-bottom:17%;
}

.hp_rim_tyre_sportrimimage{
    width:35%;
    margin:0 auto;
    display:block;
    padding-bottom:4%;
}

.hp_rim_tyre_tyreimage{
    width:25%;
    margin:0 auto;
    display:block;
    padding-bottom:4%;
}

.sportRim-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    
}
.specialtyre-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:2%;
}

@media all and (max-width:1001px) {
    .hp_rim_tyre_sportrimimage{
    width:45%;
    }
    .hp_rim_tyre_tyreimage{
    width:30%;
    }
    .specialtyre-btn{
     margin-left:8%;   
    }
}

@media all and (max-width:801px) {
    .hp_rim_tyre_sportrimimage{
    width:65%;
    }
    .hp_rim_tyre_tyreimage{
    width:35%;
    }
    .specialtyre-btn{
     margin-left:15%;   
    }
}

@media all and (max-width:768px) {
    .hp_rim_tyre_sportrimimage{
    width:35%;
    }
    .hp_rim_tyre_tyreimage{
    width:25%;
    }
    .specialtyre-btn{
     margin-left:3%;   
    }
}

@media all and (max-width:601px) {
    .hp_rim_tyre_sportrimimage{
    width:40%;
    }
    .hp_rim_tyre_tyreimage{
    width:30%;
    }
}

@media all and (max-width:451px) {
    .hp_rim_tyre_sportrimimage{
    width:50%;
    }
    .hp_rim_tyre_tyreimage{
    width:35%;
    }
    .sportRim-btn{
     margin-left:8%; 
    }
    .specialtyre-btn{
     margin-left:8%;   
    }
}

@media all and (max-width:361px) {
    .hp_rim_tyre_sportrimimage{
    width:50%;
    }
    .hp_rim_tyre_tyreimage{
    width:35%;
    }
    .sportRim-btn{
     margin-left:15%; 
    }
    .specialtyre-btn{
     margin-left:15%;   
    }
}


/*product*/
/*.product-container {
    background: url("https://cdn1.npcdn.net/userfiles/23893/image/our-product_bgNew.png");
    background-size: cover;
    background-position-x: right;
    padding: 6rem 10vw;
}
.mproduct-boxcol {
    position: relative;
    max-width: 700px;
    margin: auto;
}
.mtitle-boxcol {
    position: absolute;
    right: calc(100% + 1rem);
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}
.product-title {
    writing-mode: vertical-lr;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
}
.product-col h3 {
    position: absolute;
    bottom: calc(30px + 2rem + 2.5vw);
    left: 30px;
    right: 30px;
    text-align: center;
    font-size: 2.2vw;
    color: #D6090E;
    margin-bottom: 0;
}
.product-col img {
    margin-bottom: 2rem;
}
@media all and (max-width:991.52px) {
    .product-container {
    padding: 4rem 10vw;
    }
    .mtitle-boxcol {
    position: static;
    right: unset;
    top: unset;
    transform: none;
    }
    .product-title {
    transform: rotate(0deg);
    writing-mode: horizontal-tb;
    margin-bottom: 2rem;
    text-align: center;
    }
    .product-col h3 {
    font-size: 4vw;
    }
    .product-col img {
    margin-bottom: 1rem;
    }
}
@media all and (max-width:575.52px) {
    .product-container {
    padding: 3rem 2rem;
    }
    .product-row {
    row-gap: 2rem;
    }
    .product-title {
    font-size: 32px;
    }
    .product-col h3 {
    font-size: 8vw;
    bottom: calc(30px + 2rem + 5vw);
    }
}*/

/*btn*/
.product-btn {
    text-align: center;
}
.product-btn .circle {
    width: 30px;
    height: 30px;
    background: #fff;
}
.product-btn .circle .icon.arrow {
    height: 2px;
    left: 1px;
}
.product-btn .circle .icon.arrow::before {
    top: -4px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.product-btn .button-text {
    padding: 2px 0;
    color: #fff;
}
.product-btn button:hover .circle .icon.arrow {
	 background: #000;
}
.product-btn button:hover .button-text {
	 color: #000;
}

/*hp_latestnews*/                                           /*BT增加过*/
.hp_latestnews{
    padding-top:4%;
    padding-bottom:5%;
}

.hp_latestnews_title{
    width:20%;
    margin:0 auto;
    display:block;
}

/*templeted - latestnews*/
.latest_new_type6 .news_box .news_box_content{
    background-color:#e5e5e5;
}

.latest_new_type6 .news_box .date{
    color:#6a6c6d;
}

.latest_new_type6 .news_box .badge-primary{
    transition:color .5s ease,background-color .5s ease;
}

.latest_new_type6 .news_box .badge-primary:hover{
    background-color:#ffffff;
    color:#d6090e;
    
}

@media all and (max-width:1201px) {
    .hp_latestnews_title{
    width:27%;    
    }
}

@media all and (max-width:1001px) {
    .hp_latestnews_title{
    width:35%;    
    }
}

@media all and (max-width:801px) {
    .hp_latestnews_title{
    width:44%;    
    }
}

@media all and (max-width:768px) {
    .hp_latestnews_title{
    width:50%;    
    }
}

@media all and (max-width:501px) {
    .hp_latestnews_title{
    width:65%;    
    }
}

@media all and (max-width:401px) {
    .hp_latestnews_title{
    width:75%;    
    }
}

/*feat products*/
.feat-container {
    padding: 8rem 4rem 0;
}
.feat-title {
    margin-bottom: 5rem;
}
.img-title {
    text-align: center;
}
.img-title img {
    width: 100%;
    height: 75px;
    object-fit: contain;
}
/*feat slider*/
#main_index .productSlider-1 {
    padding: 0 10vw 4rem;
}
#main_index .productSlider-1 .product_img .product_box .content {
    text-align: center!important;
}
/*slider buttons*/
#main_index .productSlider-1 .slick-prev {
    left: -25px!important;
    background: grey;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
#main_index .productSlider-1 .slick-next {
    right: -25px!important;
    background: grey;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
#main_index .productSlider-1 .slick-prev::before,
#main_index .productSlider-1 .slick-next::before {
    text-shadow: none;
}
@media all and (max-width:899.52px) {
    #main_index .productSlider-1 {
    padding: 0 0 4rem;
    }
}
@media all and (max-width:559.52px) {
    #main_index .productSlider-1 {
    padding: 0 2rem 3rem;
    }
}
@media all and (max-width:575.52px) {
    .feat-container {
    padding: 3rem 2rem 0;
    }
    .img-title img {
    height: unset;
    }
    .feat-title {
    margin-bottom: 2rem;
    }
}

/*hp_footer*/
.hp_footer_map{
    border:1px solid red;
    width:100%;
}

/*footer*/
.footer_type6 {
    background: url("https://cdn1.npcdn.net/userfiles/23893/image/footer_btmbg(1).png");
    background-size: cover;
    background-position: top center;
}
.footer_type6 .logo {
    padding-top: 100px;
    padding-bottom: 4rem;
}
.footer_type6 .logo img {
    max-height: 100px;
    top: 0;
    transform: none;
}
.footer_type6 .title h6 {
    font-size: 22px!important;
}
.footer_type6 .logo:after {
    display: block;
    content: "ENG HUP TYRE & BATTERIES SERVICES CENTRE";
    color: #fff;
    font-size: 18px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
@media all and (max-width:1200px) {
    .footer_type6 .logo {
    padding-bottom: 6rem;
    }
}
@media all and (max-width:767.52px) {
    .footer_type6 .logo {
    padding-bottom: 4rem;
    }
}
/*others */
#main_contactus .ws_contact .contact_map {
    display: none;
}