hr {
    height: 3px;
}

.carousel-control-next, .carousel-control-prev {
    width: 3%;
}

#collapsibleNavbar {
    padding-left: 60px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #f9fafb;
}

.item-1 {
    position: relative;
    top: -100px;
    z-index: 5;
}

.item-1 .row .col-md-4 .imgBox {
    padding: 0 5px;
}

.item-1 .row .col-md-4 .imgBox img {
    width: 98%;
    height: auto;
}

.item-1 .row .col-md-4 {
    position: relative;
}

.item-1 .row .col-md-4 .imgHoverBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    z-index: 5;
}

.item-1 .row .col-md-4 .imgNormalBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    opacity: 1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    z-index: 5;
}

.item-1 .row .col-md-4 .imgHoverBox:hover {
    opacity: 1;
    z-index: 10;
}

.pro img {
    width: 100%;
    height: auto;
}

.pro-n-p {
    position: relative;
    top: -50px;
    display: none;

}

.pro:hover > .pro-n-p {
    display: block;
}

.pro {
    text-decoration: none;
}

.pro-name {
    background-color: red;
    padding: 3px 10px;
    color: #FFFFFF;
    height: 50px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 40px;
}

.pro-container {
    padding-top: 150px;
}

.pro-container .nn-title {
    margin: 0;
}

.about-container {
    padding: 60px 0 0 0;
    background-color: rgba(165, 165, 165, 0.14);
}

.about-container .nn-title {
    margin: 0;
}

.about-container .container div:nth-child(1) {
    padding: 40px 0;
}

.about-container .container div:nth-child(2) {
    padding: 40px;
}

.about-container img {
    height: auto;
    width: 100%;
}

.about-content h5 {
    color: rgb(165, 165, 165);
    font-size: 18px;
}

.about-content h3 {
    color: rgb(24, 23, 23);
    font-size: 34px;
}


.nn-title strong {
    font-size: 34px;
}

.about-content p {
    padding: 30px 80px;
    line-height: 30px;

}

.cpys-container {
    padding: 60px 0;
}

.cpys-container .nn-title {
    padding: 0;
    margin: 0;
}

.cpys-container .m-title {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #100f0f;
}

.container .content-box {
    padding: 50px 0;
}

.container .info {
    padding: 10px 20px;
}

.ab-container {
    padding: 60px 0;
    background-size: 100% 100%;
}

.ab-container .container .info {
    color: #FFFFFF;
}

.ab-container .nn-title {
    margin: 0;
    padding: 0;
}

.ab-container .m-title {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

.conten-r {
    padding: 40px 30px;
}
.item-info:nth-child(1), .item-info:nth-child(2), .item-info:nth-child(3) {
    padding: 0 5%;
}

.item-info:nth-child(6), .item-info:nth-child(5){
    padding: 0 10%;
}
.bt-box{
    padding: 1% 0 0 3%;
    background: rgb(255, 255, 255);
    border-top: 2px #dee2e6 solid;
    border-bottom: 2px #dee2e6 solid;
}
.bt-box .nav{
     color: #2f250a;
     padding-left: 20px;
}
.bt-copy-box .col-md-6{
    height: 45px;
    color: rgba(159, 152, 152, 0.96);
    line-height: 2.6;
}
.bt-copy-box .col-md-6{
    color: rgba(159, 152, 152, 0.96);
}
.icpLink{
    color: rgba(159, 152, 152, 0.96);
}
.navbar-brand {font-size: 16px}
a {
    text-decoration:none
}
a:hover{
    color: white;
}
.moblie-div i{
    font-size: 30px;
}

.about-info {
    position: relative;
    padding: 5% 0;
}

.about-info img {
    width: 33%;
    position: relative;
    left: 33%;
    top: -9%;
}

.about-info h3, .about-info h4, .about-info p {
    text-align: center;
}

.about-info h4 {
    font-size: 30px;
    font-weight: 600;
}

.about-info .nn-title {
    padding:0 ;
    margin: 0;
}.about-info .col-sm-6 {
    padding:0 13%;
    z-index: 10;
}
.nav a {
    color: #192027;
}
@media (max-width: 1024px) {
    .pro-container {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .about-container {
        padding: 30px 0 0 0;
    }
    .about-info {
        position: relative;
        padding: 8% 3% 25% 3%;
    }
    .about-info img {
        display: none;
    }
    .about-info .col-sm-6 {
        padding:1% 1%;
        z-index: 10;
    }
    .about-container .container div:nth-child(1) {
        padding: 0 0;
    }

    .about-container .container div:nth-child(2) {
        padding: 0;
    }

    .item-info:nth-child(3), .item-info:nth-child(1), .item-info:nth-child(2) {
        padding: 0;
    }

    .item-info:nth-child(5), .item-info:nth-child(6){
        padding: 0;
    }
    .conten-r {
        padding: 20px 10px;
    }

    .pro-container {
        padding-top: 25px;

    }

    .about-content p {
        padding: 10px;
        line-height: 30px;

    }

    .pro-n-p {
        display: block;
        position: relative;
        top: -4px;
    }

    .pro-name {
        top: 0;
    }

    .nn-title strong {
        font-size: 28px;
    }

    .about-content h5 {
        color: rgb(165, 165, 165);
        font-size: 14px;
    }

    .about-content h3 {
        color: rgb(24, 23, 23);
        font-size: 16px;
    }
}

@media (min-width: 1400px) {
    .item-1 .row .col-md-4 .imgBox img {
        width: 110%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
}