.product .media .flex-box{display: flex;justify-content: space-between;padding: 2%;border-radius: 30px;background-color: #f3f7fe;border: 1px solid rgba(11, 104, 242, 0.1);margin-bottom: 3%;}
.product .media .flex-box .picture{width: 50%;position: relative;padding-bottom: 30%;border-radius: 30px;overflow: hidden;}
.product .media .flex-box .picture img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.product .media .flex-box .describe{width: 50%;padding: 5%;}
.product .media .flex-box .describe .title {font-size: 30px;color: #000;margin-top: 20px;font-family: Kanit-Medium;}
.product .media .flex-box .describe .title.blue {color: #0b68f2;}
.product .media .flex-box .describe .p1 {font-size: 30px;font-weight: 500;}
.product .media .flex-box .describe .content {font-size: 16px;color: #667588;margin: 20px 0 20px 0;opacity: .5;}
.product .describe .more a{width: 170px;height: 62px;line-height: 62px;border-radius: 50px;text-align: center;background-color: #e2c521;border: 1px solid #e2c521;display: inline-block;padding: 0 5px;margin-top: 20px;border: none;}
.product .describe .more a:after {display: none;}
.product.bolg .model .more a {display: block;margin: 20px auto;overflow: hidden;text-align: center;}
.product .describe .more a:hover{border-radius: 50px;background-color: #fff;color: #000;}

@media only screen and (max-width: 950px) {
.product .media .flex-box .describe .title{margin-top: 0;}
.product .media .flex-box{flex-direction: column;}
.product .media .flex-box .picture{width: 100%;padding-top: 31%;}
.product .media .flex-box .describe{width: 100%;}
}