.d-flex {
 display: flex;
}
.section.part1 {

}
 .section.part1 .part-slideA {
  width: 100%;
 }
 .section.part1 .box-listnew+.part-slideA {
  width: 70%;
  padding-right: 20px;
  margin: 0px 0px 10px 0px;
 }
  .section.part1 .box-listnew+.part-slideA #sync1 {
   margin: 0px 9px;
   width: calc(100% - 18px);
  }
 
 .section.part1 .box-listnew {
  order: 1;
  width: 30%;
  margin: 0px 0px 28px 0px;
 }
  .section.part1 .box-listnew .item {
   padding: 10px 15px;
  }
   .section.part1 .box-listnew .box-head {
     padding-bottom: 7px;
  			color: #252525;
     margin-bottom: 10px;
  			position: relative;
  		}
  			.section.part1 .box-listnew .box-head h3 {
  				margin: 0px;
  				font-weight: 400;
  				line-height: 1.5em;
  			}	
  				.section.part1 .box-listnew .box-head hr {
  	    width: 121px;
  	    position: absolute;
  	    bottom: 0px;
  	    margin: auto;
       border-bottom-width: 0px;
       border-top-width: 1px;
  	    border-style: solid;
  				}
  				
  		.section.part1 .box-listnew .list {
     clear: both;
     padding: 8px 0px;
    }
   		.section.part1 .box-listnew .list .box-img {
      position: relative;
      margin-right: 8px;
      overflow: hidden;
      float: left;
      width: 100px;
     }
    		.section.part1 .box-listnew .list .box-img img {
       width: 100%;
       display: block;
      }
      .section.part1 .box-listnew+.part-slideA .owl-item img {
       aspect-ratio: 876/488;
       object-fit: cover;
      }
      .section.part1 .box-listnew+.part-slideA #sync1 .owl-item img {
       object-fit: contain;
       object-position: center;
       aspect-ratio: 876/488;
      }
      
   		.section.part1 .box-listnew .list .box-text {
   
     }
    		.section.part1 .box-listnew .list .box-text .text-day {
  	    font-size: 12px;
    		}
    		.section.part1 .box-listnew .list .box-text p {
/*        height: 50px; */
       overflow: hidden;
       margin: 0px;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
    		}
    		
   		@media only screen and (min-width: 1500px) {
      .section.part1 .box-listnew .item {
       padding: 15px;
      }
    		.section.part1 .box-listnew .list .box-img {
       width: 130px;
      }
    		.section.part1 .box-listnew .list .box-text p {
/*        height: 75px; */
       -webkit-line-clamp: 3;
    		}
    		.section.part1 .box-listnew .box-readmore {
       padding-top: 7px !important;
      }
   		}
    		
    .section.part1 .box-listnew .box-readmore {
     border-top: 1px solid #CFCFCF;
     margin-top: 10px;
     padding-top: 8px;
    }
     .section.part1 .box-listnew .box-readmore a {
      text-decoration: revert;
     }
     
.section.part4 ,
.section.part7 {
 overflow: hidden;
}
 
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
 .section.part1 .container.d-flex {
  flex-direction: column;
 }
 .section.part1 .box-listnew {
  width: 100%;
  margin: 10px 0px;
 }
 .section.part1 .box-listnew+.part-slideA {
  width: 100%;
  padding-right: 0px;
 }
 .section.part1 .box-listnew .item {
  padding: 25px 15px;
 }
	.section.part1 .box-listnew .box-readmore {
  padding-top: 1px;
 }
}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 .section.part1 .box-listnew {
  display: flex;
 }
 .section.part1 .box-listnew .item {
  width: 50%;
 }
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {	
	
}

/* ---------------------------------------------------**** Mobile แนวตั้ง ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait){

}
/* ---------------------------------------------------**** Mobile แนวนอน ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
 .section.part1 .box-listnew {
  display: flex;
 }
 .section.part1 .box-listnew .item {
  width: 50%;
 }
}