/*nyDetails start*/
.nyDetails { display: flex; flex-wrap: wrap; justify-content: left;}
.nyDetails .nyDetails_left { width: 38%; border-right: 1px solid #e6e6e6; padding: 90px 50px 100px 0;}
.nyDetails_left .nyDetails_head { padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.nyDetails_head h1 { line-height: 1.4; color: #333; font-size: 30px; font-weight: bold; text-transform: capitalize; margin-bottom: 20px;}
.nyDetails_head span { display: block; line-height: 30px; color: #999; font-size: 16px;}
.nyDetails_head span i { display: block; width: 16px; height: 16px; margin: 6px 8px 0 0; float: left;}
.nyDetails_left .nyDetails_share { margin: 50px 0 100px;}
.nyDetails_share a { display: inline-block; width: 44px; height: 44px; overflow: hidden; margin-right: 8px; padding: 12px; vertical-align: top; background-color: #f1f3f8; border-radius: 50%;}
.nyDetails_share a.WeChat, .nyDetails_share a.YouTube { padding: 10px;}
.nyDetails_share a:hover { background-color: #0faac6;}
.nyDetails_share a:hover svg path { fill: #ffffff;}

.nyPrevNext ul li { padding: 40px 0;}
.nyPrevNext ul li:first-child { border-bottom: 1px solid #e6e6e6;}
.nyPrevNext ul li span { display: inline-block; width: auto; line-height: 2.8; color: #fff; font-size: 16px; font-weight: bold; padding: 0 20px; background-color: #b8bac0; border-radius: 24px;}
.nyPrevNext ul li:hover span { background-color: #0faac6;}
.nyPrevNext ul li span i { display: inline-block; width: 12px; height: 12px; overflow: hidden; margin: -2px 0 0 8px;}
.nyPrevNext ul li:first-child span i { margin: -2px 8px 0 0;}
.nyPrevNext ul li a { display: block; line-height: 1.6; overflow: hidden; color: #333; font-size: 18px; margin-top: 20px;}
.nyPrevNext ul li:hover a { color: #0faac6;}


.nyDetails .nyDetails_right { width: 62%; padding: 90px 0 140px 50px;}
.nyDetails_right .nyDetails_con { line-height: 1.8; color: #777; font-size: 16px; text-align: justify;}
.nyDetails_con div, .nyDetails_con p { margin: 0 auto 10px;}
.nyDetails_con br { display: none;}
.nyDetails_con img, .nyDetails_con table, .nyDetails_con tr, .nyDetails_con td, .nyDetails_con p, .nyDetails_con span, .nyDetails_con div, .nyDetails_con video, .nyDetails_con embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%; line-height: 1.8; color: #777; font-size: 16px; text-align: justify;}
.nyDetails_con p span, .nyDetails_con span, .nyDetails_con p em, .nyDetails_con em { color: #777 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 16px !important;}

.DownloadBtn { margin: 20px 0 0!important;}
.DownloadBtn a { display: block; width: 160px; height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-family: "BebasKai"; font-size: 18px; text-align: center; background-color: #0faac6; border-radius: 22px;}
.DownloadBtn a i { display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 10px;}
.DownloadBtn:hover a { background-color: #ec5c42;}

.nyDetails_right .nyPrevNext { display: none;}
/*nyDetails end*/

@media (max-width:1680px) {
  .nyDetails .nyDetails_left { padding: 80px 40px 80px 0;}
  .nyDetails_left .nyDetails_share { margin: 40px 0 80px;}
  .nyDetails .nyDetails_right { padding: 80px 0 120px 40px;}
}

@media (max-width:1600px) {
  .nyDetails_head h1 { font-size: 28px;}
}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyDetails .nyDetails_left { padding: 60px 40px 60px 0;}
  .nyDetails_head h1 { font-size: 26px;}
  .nyDetails_left .nyDetails_share { margin: 30px 0 60px;}
  .nyPrevNext ul li { padding: 30px 0;}
  .nyPrevNext ul li span { line-height: 2.4; font-size: 15px; padding: 0 16px;}
  .nyPrevNext ul li span i { margin: -2px 0 0 6px;}
  .nyPrevNext ul li:first-child span i { margin: -2px 6px 0 0;}  

  .nyDetails .nyDetails_right { padding: 60px 0 100px 40px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyDetails_head h1 { font-size: 24px;}
}

@media (max-width:1200px) {}

@media (max-width:1080px) {
  .nyDetails .nyDetails_left { padding: 60px 30px 60px 0;}
  .nyDetails .nyDetails_right { padding: 60px 0 100px 30px;}
}

@media (max-width:1024px) {
  .nyDetails_head span { font-size: 15px;}
  .nyDetails_head span i { width: 15px; height: 15px; margin: 7px 8px 0 0;}
  .nyPrevNext ul li span { font-size: 14px;}
}

@media (max-width:920px) {
  .nyDetails .nyDetails_left { padding: 40px 20px 55px 0;}
  .nyDetails_head h1 { font-size: 20px;}
  .nyDetails_left .nyDetails_share { margin: 40px 0;}
  .nyDetails_share a { width: 40px; height: 40px; margin-right: 6px; padding: 10px;}
  .nyDetails_share a.WeChat, .nyDetails_share a.YouTube { padding: 8px;}
  .nyPrevNext ul li { padding: 20px 0;}
  .nyPrevNext ul li a { font-size: 16px; margin-top: 12px;}

  .nyDetails .nyDetails_right { padding: 40px 0 75px 20px;}
}

@media (max-width:820px) {
  .nyDetails { display: block; flex-wrap: inherit; justify-content: inherit;}
  .nyDetails .nyDetails_left { width: 100%; padding: 40px 0 0 0; border: 0;}
  .nyDetails_head h1 { font-size: 22px;}
  .nyDetails_left .nyDetails_share { margin: -50px 0 50px; text-align: right;}
  .nyDetails_share a { width: 30px; height: 30px; padding: 8px;}
  .nyDetails_share a.WeChat, .nyDetails_share a.YouTube { padding: 6px;}
  .nyDetails_left .nyPrevNext { display: none;}

  .nyDetails .nyDetails_right { width: 100%; padding: 0;}
  .nyDetails_right .nyPrevNext { display: block; padding: 20px 0 55px;}
  .nyPrevNext ul li a { font-size: 18px;}
}

@media (max-width:767px) {
  .nyDetails_left .nyDetails_share { margin: -50px 0 40px;}
  
  .nyDetails_right .nyDetails_con, .nyDetails_con table, .nyDetails_con tr, .nyDetails_con td, .nyDetails_con p, .nyDetails_con span, .nyDetails_con div { line-height: 1.6; font-size: 15px;}
  .nyDetails_right .nyPrevNext { padding: 20px 0;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .nyDetails .nyDetails_left { padding: 30px 0 0;}
  .nyDetails_head h1 { font-size: 20px;}
  .nyDetails_share a { margin-right: 2px;}
  .nyDetails_right .nyPrevNext { padding: 10px 0;}
}