.w-full{
    width: 100%;
}
.pc{
    display: block;
}
.mobile{
    display: none;
}
.content-p{
    font-weight: 400;
    font-size: 22px;
    color: #333333;
    line-height: 40px;
    }
.dry-eye-container{
   background: linear-gradient( 180deg, #BCC3C7 0%, #E6E8EA 100%);
   font-family: DengXian-Bold, DengXian-Bold;
}
.dry-eye-header{
    position: relative;
}
.dry-eye-header-img{
    width: 100%;
    height: auto;
}
.dry-eye-header-buy-wrap{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 80px;
}
.dry-eye-header-title{
    font-weight: normal;
    font-size: 85px;
    color: #505050;
    line-height: 102px;
}
.dry-eye-header-sub-title{
    font-weight: normal;
    font-size: 46px;
    color: #505050;
    line-height: 55px;
}
.dry-eye-header-img1{
    width: 150px;
    height: auto;
}
.dry-eye-header-img2{
    width: 60px;
    height: auto;
}
.dry-eye-header-img3{
    width: 575px;
    height: auto;
}
.dry-eye-header-img4{
    width: 500px;
    height: auto;
}
.dry-eye-header-buy{
    background-color: black;
    color: white !important;
    border-radius: 41px;
    width: 300px;
    height: 70px;
    cursor: hand;
}


.dry-eye-content-main{
    width: 100%;
    max-width: 1280px;
    margin:0px auto;
    column-gap: 30px;
    row-gap: 20px;
}

.dry-eye-section1{
    background-color: white;
    padding:40px;
}

.dry-eye-content-img{
   width: 508px;
   max-width: 508px;
   height: auto;
}

.dry-eye-section2{
    background-color: #EDEDED;
    padding:40px;
}

.dry-eye-content-video{
    width: 323px;
    height: 575px;
}
.feature-title{
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    line-height: 44px;
}



@media (max-width:1000px) {
 
 .content-p{

    line-height: unset;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .dry-eye-section1 .dry-eye-content-main{
        flex-direction: column;
        align-items: center;
        
    }
    .dry-eye-section2 .dry-eye-content-main{
        flex-direction: column-reverse;
        align-items: center;
        
    }
    .dry-eye-header-buy-wrap{
        bottom: 10px;
    }
    .dry-eye-section2 .dry-eye-content-main2{
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
    }
    
    .dry-eye-header-buy{
        width: 200px;
        height: 50px;
    }
    .dry-eye-section1,.dry-eye-section2{
        padding:20px 10px;
    }
    
    .dry-eye-content-img{
       width: 100%;
       height: auto;
    }
    .content-buy-wrap{
        display: flex;
        justify-content: center;
    }
  
}