/* Navbar */

#main-header .inner-container .main-menu ul li.current > a, #main-header .inner-container .main-menu ul li.active > a{

    color: #f42434;

    font-weight: bold;

}



#main-header .inner-container .main-menu ul li a{

    color: #1d2436;

}



#main-header .inner-container .main-menu ul li > ul{

    border: 2px solid #d4172e;

}



#main-header .inner-container .main-menu ul li a:hover{

    color: #f42434;

}



@media (max-width: 992px){

#main-header.version-1 #main-menu-handle {

    border-color: #f42434;

    color: #f42434;

}

}



#main-header #mobile-menu ul li > ul li a{

    color: #d4172e;

    line-height: 50px;

}

/* Navbar Mobile */
@media (max-width :992px){
    .mobile-li-dropdown ul{
        display: none;
    }

    .mobile-li-dropdown{
        position: relative;
    }

    i#arrow-down, i#arrow-down2, i#arrow-down3{
        position: absolute;
        right: 10px;
        top: 11px;
    }
}

@media(min-width:993px){
    i#arrow-down, i#arrow-down2, i#arrow-down3{
        display: none;
    }
}

#main-header #mobile-menu ul li a{
    font-weight: 500;
}


.btn{

    background: #f42434;

    border: 1px solid #f42434;

}



.btn:hover{

    color: #f42434;

}

@media(max-width:600px){
    #main-slider .owl-stage{
        height: 50vh !important;
    }

    #main-slider .slide-caption .inner-container h4{
        font-size: 0.6em;
    }

    #main-slider .slide-caption:before{
        top:85%;
    }

    #main-slider .slide-caption:after{
        bottom:85%;
    }

    #main-slider .slide-caption .inner-container .btn-container a.btn{
        padding: 8px 30px;

    }
}

@media(min-width:601px){
    #main-slider .owl-stage{
        height: 70vh !important;
    }

    #main-slider .slide-caption .inner-container h4{
        font-size: 0.8em;
    }
}

@media(min-width:992px){
    #main-slider .owl-stage{
        height: 80vh !important;
    }

    #main-slider .slide-caption .inner-container h4{
        font-size: 1em;
    }
}

@media(min-width:1200px){
    #main-slider .owl-stage{
        width: 100% !important;
        height: 100vh !important;
    }

    #main-slider .slide-caption .inner-container h4{
        font: 300 1.6em/2.5em "Montserrat", Arial, Helvetica, sans-serif;
    }
}

/* banner start from about us */



@media(min-width:993px){

    #breadcrumb-container .inner-container > div {

        display: table-cell;

        vertical-align: middle;

        padding: 40px 0;

    }



    #breadcrumb-container .inner-container .title-box {



        height: 0;



    }

}


#breadcrumb-container {
    background: rgba(0, 37, 57, 0.1);
}
/*#breadcrumb-container {
    background: rgba(244, 36, 52, 0.5);
}*/

#breadcrumb-container .inner-container .breadcrumb-box ul li a{

    color: #1d2436;

}



#breadcrumb-container .inner-container .breadcrumb-box ul li a:hover{

    color: #d4172e;

}



/* footer#footer{

    margin-top: 60px;

} */





/* about-us */
@media(min-width:769px){
    .img-box.img-effect:before{
        height: 470px;
    }
    
    .img-box.img-effect.gray:after{
        height: 470px;
    }

    div#about-us-img{
        margin-top: 50px;
    }
    
}

@media(min-width:992px){
    .img-box.img-effect:before{
        height: 265px;
    }
    
    .img-box.img-effect.gray:after{
        height: 275px;
    }

    div#about-us-img{
        margin-top: 50px;
    }
    
}

@media(min-width:1200px){
    .img-box.img-effect:before{
        height: 315px;
    }
    
    .img-box.img-effect.gray:after{
        height: 320px;
    }

    div#about-us-img{
        margin-top: 50px;
    }
    
}

section#about{
    padding: 50px 0;
}

.about-us-desc-title{

    margin-top: 60px;

    margin-bottom: 30px;

}



p#about-us-desc-align{

    margin-bottom: 30px;

    line-height: 2;

}

div#about-desc{
    padding-top: 0 !important;
}

div#about-desc2{
    margin-top: 0 !important;
}

.about-us-desc{

    font-size: 14.66667px;

}



h2#about-us-desc-title2{

    color: #002539;

}



.team-section{

    margin-bottom: 90px;

}



.about-us-desc-bg{

    padding-left: 20px;

    padding-right: 20px;

}





/* title line */



.acr-title.right-bar .inner-box:after{

    background: #f42434;

}



.acr-title.both-bar .inner-box:before, .acr-title.both-bar .inner-box:after{

    background: #d4172e;

}



.img-box.img-effect.gray:after{

    box-shadow: inset 0 0 0 3px #f42434;

}



.panel-default > .panel-heading{

    background-color:#f42434;

}



.bg-red{

    background: #f42434;
}



.img-box.img-effect:after{

    box-shadow: inset 0 0 0 3px #f42434;

}



.btn-type-2{

    background: #d4172e;

    border: 1px solid #d4172e;

}



.btn-type-2:before{

    border-color: #d4172e !important;

}



a#platform-btn:hover{

    color: #d4172e !important;

}



#product-details .inner-container .mid-section .tab-titles ul li.active a{

    color: #d4172e;

    border-bottom-color: #d4172e;

}



.comment-form-container h3{

    color: #d4172e;

}



/* side-button */

.contact-button {

    z-index: 2500;

    position: fixed;

    top: 25%;

    left: 0;

}



ul#contact-button-group{

    list-style: none;

}



.contact-button,ul#contact-button-group,li#contact-button-list {

    margin-bottom: .625rem;

}



a#Contact-icon{

    display: inline-block;

    background-color: #f42434;

    line-height: 6.375rem;

    text-decoration: none !important;

    color: #fff;

    font-weight: bold;

    border-radius: 0 10px 10px 0;

    font-size: 2.5rem;

    padding-right: 1.6rem;

    padding-left: 1.5rem;

    width: 260px;

    margin-left: -199px;

}



a#Contact-icon2{

    display: inline-block;

    background-color: #f42434;

    line-height: 6.375rem;

    text-decoration: none !important;

    color: #fff;

    font-weight: bold;

    border-radius: 0 10px 10px 0;

    font-size: 2.5rem;

    padding-right: 1.5rem;

    padding-left: 1.5rem;

    width: 260px;

    margin-left: -199px;

}



a#Contact-icon3{

    display: inline-block;

    background-color:#f42434;

    line-height: 6.375rem;

    text-decoration: none !important;

    color: #fff;

    font-weight: bold;

    border-radius: 0 10px 10px 0;

    font-size: 2.5rem;

    padding-right: 1.3rem;

    padding-left: 1.5rem;

    width: 260px;

    margin-left: -199px;

}



i#icon-size{

    padding-left: 22px;

}



i#icon-size2{

    padding-left: 31px;

}



i#icon-size3{

    padding-left: 90px;

}



a#Contact-icon:hover,a#Contact-icon2:hover,a#Contact-icon3:hover{

    margin-left: 0;

}

@media(max-width:561px){
    .ce-img{
        background-image: url('../img/ce.png');
        background-size: 80%;
        background-position: top;
        width: 100%;
        height: 120px;
        background-repeat: no-repeat;
    }

    .jabatan-img{
        background-image: url('../img/jabatan.png');
        background-size: 128%;
        background-position: center;
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
    }
    
    .ce-desc{
        padding-right: 0px;
        font-size: 12px;
    }

    .government{
        margin-top: 80px;
        margin-bottom: 30px;
    }
    
}

@media(min-width:562px){
    .ce-img{
        background-image: url(../img/ce.png);
        background-size: 50%;
        background-position: top;
        width: 100%;
        height: 110px;
        background-repeat: no-repeat;
    }
    
    .jabatan-img{
        background-image: url('../img/jabatan.png');
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 85px;
        background-repeat: no-repeat;
    }
    
    .ce-desc{
        padding-right: 45px;
        font-size: 13px;
    }

    .government{
        margin-top: 100px;
        margin-bottom: 70px;
    }
    
}

@media(min-width:992px){
    
    .ce-img{
        background-image: url('../img/ce.png');
        background-size: 70%;
        background-position: top;
        width: 100%;
        height: 85px;
        background-repeat: no-repeat;
    }

    .jabatan-img{
        background-image: url('../img/jabatan.png');
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 85px;
        background-repeat: no-repeat;
    }

    .ce-desc{
        padding-right: 45px;
        font-size: 13px;
    }

    .government{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
}

/* Product Link */

.bg-productlink1{
    background-image: url('../img/link/productlink2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink2{
    background-image: url('../img/link/productlink3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink3{
    background-image: url('../img/link/otolift-line.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink4{
    background-image: url('../img/link/productlink1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink5{
    background-image: url('../img/link/productlink5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink6{
    background-image: url('../img/link/productlink6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}

.bg-productlink7{
    background-image: url('../img/link/productlink7.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 465px;
}


@media(min-width:601px){
    .productLink{
        margin-top: 7rem;
    }
    
    .productlink{
        width: 100%;
        /* height: 530px; */
        height: 300px;
    }
    
    .smallTitle{
        letter-spacing: 2px;
        font-size: 14px;
        font-weight: 500;
        color: #002539;
    }
    
    .BigTitle{
        font-weight: 700;
        color: #002539;
    }
    
    .ProductLinkDesc{
        margin: 100px auto;
        color: #002539;
        padding-left: 35px;
        padding-right: 35px;
    }

    .HeightCol{
        /* height: 530px; */
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f3f3;
    }
    
    .discoverLink{
        margin-top:15px;
    }

    .discoverLink{
        margin-top:15px;
    }

    .bg-productlink1{
        height: 430px;
    }

    .bg-productlink2{
        height: 430px;
    }

    .bg-productlink3{
        height: 430px;
    }

    .bg-productlink4{
        height: 430px;
    }

    .bg-productlink5{
        height: 430px;
    }

    .bg-productlink6{
        height: 430px;
    }
}

@media(min-width:768px){
    .productLink{
        margin-top: 7rem;
    }
    
    .productlink{
        width: 100%;
        height: 430px;
        /* height: 300px; */
    }
    
    .smallTitle{
        letter-spacing: 2px;
        font-size: 14px;
        font-weight: 500;
        color: #002539;
    }
    
    .BigTitle{
        font-weight: 700;
        color: #002539;
    }
    
    .ProductLinkDesc{
        margin: 100px auto;
        color: #002539;
        padding-left: 35px;
        padding-right: 35px;
    }

    .HeightCol{
        /* height: 530px; */
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f3f3;
    }
    
    .discoverLink{
        margin-top:15px;
    }

    .bg-productlink1{
        height: 430px;
    }

    .bg-productlink2{
        height: 430px;
    }

    .bg-productlink3{
        height: 430px;
    }

    .bg-productlink4{
        height: 430px;
    }

    .bg-productlink5{
        height: 430px;
    }

    .bg-productlink6{
        height: 430px;
    }

}

@media(min-width:992px){
    .productLink{
        margin-top: 7rem;
    }
    
    .productlink{
        width: 100%;
        height: 400px;
    }
    
    .smallTitle{
        letter-spacing: 2px;
        font-size: 14px;
        font-weight: 500;
        color: #002539;
    }
    
    .BigTitle{
        font-weight: 700;
        color: #002539;
    }
    
    .ProductLinkDesc{
        max-width: 460px;
        margin: 85px auto;
        color: #002539;
        /* padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px; */
    }
    
    .closePD{
        padding-left: 0;
        padding-right: 0;
    }
    
    .HeightCol{
        height: 400px;
        background-color: #f3f3f3;
    }
    
    .discoverLink{
        margin-top:15px;
    }

    .bg-productlink1{
        height: 400px;
    }

    .bg-productlink2{
        height: 400px;
    }

    .bg-productlink3{
        height: 400px;
    }

    .bg-productlink4{
        height: 400px;
    }

    .bg-productlink5{
        height: 400px;
    }

    .bg-productlink6{
        height: 400px;
    }

}

@media(min-width:1200px){
    .productLink{
        margin-top: 7rem;
    }
    
    .productlink{
        width: 100%;
        height: 465px;
    }
    
    .smallTitle{
        letter-spacing: 2px;
        font-size: 14px;
        font-weight: 500;
        color: #002539;
    }
    
    .BigTitle{
        font-weight: 700;
        color: #002539;
    }
    
    .ProductLinkDesc{
        max-width: 460px;
        margin: 115px auto;
        color: #002539;
        /* padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px; */
    }
    
    .closePD{
        padding-left: 0;
        padding-right: 0;
    }
    
    .HeightCol{
        height: 465px;
        background-color: #f3f3f3;
    }
    
    .discoverLink{
        margin-top:15px;
    }

    .bg-productlink1{
        height: 465px;
    }

    .bg-productlink2{
        height: 465px;
    }

    .bg-productlink3{
        height: 465px;
    }

    .bg-productlink4{
        height: 465px;
    }

    .bg-productlink5{
        height: 465px;
    }

    .bg-productlink6{
        height: 465px;
    }

}

@media(max-width:600px){
    .productLink{
        margin-top: 7rem;
    }
    
    .productlink{
        width: 100%;
        /* height: 530px; */
        height: 300px;
    }
    
    .smallTitle{
        letter-spacing: 2px;
        font-size: 14px;
        font-weight: 500;
        color: #002539;
    }
    
    .BigTitle{
        font-weight: 700;
        color: #002539;
    }
    
    .ProductLinkDesc{
        margin: 100px auto;
        color: #002539;
        padding-left: 35px;
        padding-right: 35px;
    }

    .HeightCol{
        /* height: 530px; */
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f3f3;
    }
    
    .discoverLink{
        margin-top:15px;
    }

    .bg-productlink1{
        height: 255px;
    }

    .bg-productlink2{
        height: 255px;
    }

    .bg-productlink3{
        height: 255px;
    }

    .bg-productlink4{
        height: 255px;
    }

    .bg-productlink5{
        height: 255px;
    }

    .bg-productlink6{
        height: 255px;
    }
}