.roww {
        top: 20%
    }
    
    .wel {
        padding: 20px;
        background: url(../../images/duke-img/publish/wel.jpg) no-repeat;
        background-size: cover;
        color: #fff;
        border-radius: 8px;
        position: absolute;
        left: 0;
        right: 0;
        top: 73%;
        text-transform: uppercase;
        text-align: center
    }
    
    .wel .first {
        padding: 18px;
        border: 2px solid #f68237;
        border-radius: 8px
    }
    
    .wel .first h5 {
        font-size: 22px;
        font-weight: 800
    }
    
    .wel .first h4 {
        font-size: 34px;
        font-weight: 800;
        color: #f68237
    }
    
    .publish_first {
        margin-top: 180px
    }
    
    .publish_first h5 {
        margin: 0;
        font-size: 36px;
        color: #f68237
    }
    
    .publish_first h4 {
        font-size: 40px;
        font-weight: 800;
        color: #282828
    }
    
    .publish_first p {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 5px;
        color: #444
    }
    
    .publish_first .p1 {
        color: #f68237;
        font-weight: 600
    }
    
    .publish_first .content ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #444;
        padding-left: 27px;
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 7px;
        position: relative
    }
    
    .publish_first img {
        margin-top: 15px;
        border-radius: 11px;
        -webkit-box-shadow: 0 0 10px 0 rgba(195, 195, 195, .75);
        -moz-box-shadow: 0 0 10px 0 rgba(195, 195, 195, .75);
        box-shadow: 0 0 10px 0 rgba(195, 195, 195, .75)
    }
    
    .fourth1,
    .sec1,
    .thrd1 {
        margin-top: 30px
    }
    
    .fourth1 .content,
    .sec1 .content,
    .thrd1 .content {
        padding-top: 30px
    }
    
    .p-btm {
        padding-bottom: 15px
    }
    
    .publish_first .content ul li:after {
        content: "";
        position: absolute;
        background: url(../../images/duke-img/publish/circle.png) no-repeat;
        width: 5%;
        height: 21px;
        top: 1px;
        left: 4px
    }
    
    .wel .wel-after {
        position: relative;
        font-size: 18px
    }
    
    .publish_first .c-h-aftr1,
    .publish_first .c-h-aftr2,
    .publish_first .c-h-aftr3,
    .publish_first .c-h-aftr4 {
        position: relative
    }
    
    .publish_first .c-h-aftr4:after {
        content: "";
        position: absolute;
        background: url(../../images/duke-img/publish/ff-line.png) no-repeat;
        width: 24%;
        height: 11px;
        top: 19px;
        left: 166px
    }
    
    .publish_first .c-h-aftr1:after {
        content: "";
        position: absolute;
        background: url(../../images/duke-img/publish/ff-line.png) no-repeat;
        width: 24%;
        height: 11px;
        top: 19px;
        left: 66px
    }
    
    .publish_first .c-h-aftr2:after {
        content: "";
        position: absolute;
        background: url(../../images/duke-img/publish/ff-line.png) no-repeat;
        width: 24%;
        height: 11px;
        top: 19px;
        left: 138px
    }
    
    .publish_first .c-h-aftr3:after {
        content: "";
        position: absolute;
        background: url(../../images/duke-img/publish/ff-line.png) no-repeat;
        width: 24%;
        height: 11px;
        top: 19px;
        left: 218px
    }
    
    @media (max-width:911px) {
        .wel {
            position: unset;
            background: #282828 url(../../images/duke-img/publish/bg.webp) no-repeat;
            border-radius: 0;
            text-align: left
        }
        .wel .wel-after:after {
            display: none
        }
        .wel .wel-after:before {
            display: none
        }
        .publish_first {
            margin-top: 20px
        }
        .wel .first h4 {
            font-size: 30px
        }
    }
    
    @media screen and (width:1024px) {
        .first-1 {
            margin-top: 280px
        }
        .wel .wel-after {
            font-size: 14px
        }
    }
    
    @media screen and (width:1280px) {
        .first-1 {
            margin-top: 280px
        }
        .wel .wel-after {
            font-size: 14px
        }
        .wel .first h4 {
            font-size: 30px
        }
    }
    
    @media screen and (width:1336px) {
        .first-1 {
            margin-top: 260px
        }
    }
    
    @media screen and (width:1360px) {
        .first-1 {
            margin-top: 260px
        }
    }
    
    @media screen and (width:1440px) {
        .first-1 {
            margin-top: 260px
        }
    }
    
    @media (max-width:1600px) {
        .publish_first {
            margin-top: 240px;
        }
    }
    
    @media (max-width:1199px) {
        .wel .first h5,
        .wel .wel-after {
            margin: 0
        }
        .wel .first p {
            margin: 0
        }
        .wel .first h4 {
            font-size: 25px;
            margin: 0 0
        }
        .publish_first {
            margin-top: 180px;
        }
    }
    
    @media (max-width:991px) {
        .revertRow {
            display: flex;
            flex-direction: column-reverse;
        }
        .publish_first {
            margin-top: 40px;
        }
    }
    
    @media (max-width:490px) {
        .wel .first h4 {
            font-size: 20px;
            margin: 0 0;
        }
        .wel .first p {
            margin: 0;
            font-size: 12px;
            line-height: 1.4;
        }
        .wel .first h5 {
            font-size: 20px;
            font-weight: 800;
        }
        .wel .first {
            padding: 10px;
            border: 2px solid #f68237;
            border-radius: 8px;
        }
        .wel {
            padding: 10px;
        }
        .wel p.wel-after {
            font-size: 15px;
        }
    }