@media (min-width: 240px) and (max-width: 478px) 
{
.content-area-mobile { background:url(../img/executives/bg.jpg) no-repeat top center;padding-top:40px;  }	
.sp-container-ex { background:url(../img/executives/bg.jpg) no-repeat top center; margin-top:60px;display: none; }
.sp-container-ex  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex  > .wrapper > .content-area { float:left;width:100%; text-align:center; margin-top:50px; }
.sp-container-ex  > .wrapper > .content-area-pic { float:left;width:100%; text-align:center; margin-top:50px;display: none; }
.sp-container-ex  > .wrapper > .clearboth { clear: both;}

.sp-container-ex01 {margin-top:30px; margin-bottom:20px; }
.sp-container-ex01  > .wrapper { max-width:100%;margin-top:50px;overflow:auto }
.sp-container-ex01  > .wrapper ul { list-style:none; margin:0; padding:0;}
.sp-container-ex01  > .wrapper li { float:left;width:100%; text-align:center;padding:10px 0px; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper li .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper li:last-child .line-right { border-right:0px solid #ddd;}
.sp-container-ex01  > .wrapper li h2 {font-size:24px; color:#333;padding: 10px;}
.sp-container-ex01  > .wrapper li h3 {font-size:16px; color:#666; margin-bottom: 5px;}
.sp-container-ex01  > .wrapper li small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper li span {font-size:16px; color:#666;}

.sp-tab-nav-ex{padding:10px 10px;margin-bottom: 20px;}
.sp-tab-nav-ex > a > i {font-size:24px; color:#ddd;}
.sp-tab-nav-ex > i {font-size:18px; color:#ddd; text-transform:uppercase; margin:0 20px;}
.sp-tab-nav-ex > a {font-size:15px; color:#ddd; text-transform:uppercase;font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sp-tab-nav-ex > span {font-size:15px; color:#ddd; text-transform:uppercase; font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
}

@media (min-width: 478px) and (max-width: 767px) {
.content-area-mobile { background:url(../img/executives/bg.jpg) no-repeat top center;padding-top:40px;  }	
.sp-container-ex { background:url(../img/executives/bg.jpg) no-repeat top center; margin-top:60px;display: none; }
.sp-container-ex  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex  > .wrapper > .content-area { float:left;width:30%; text-align:center; margin-top:50px; }
.sp-container-ex  > .wrapper > .content-area-pic { float:left;width:30%; text-align:center; margin-top:50px;display: none; }
.sp-container-ex  > .wrapper > .clearboth { clear: both;}

.sp-container-ex01 {margin-top:30px; margin-bottom:20px; }
.sp-container-ex01  > .wrapper { max-width:100%;margin-top:50px;overflow:auto }
.sp-container-ex01  > .wrapper ul { list-style:none; margin:0; padding:0;}
.sp-container-ex01  > .wrapper li { float:left;width:100%; text-align:center;padding:10px 0px; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper li .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper li:last-child .line-right { border-right:0px solid #ddd;}
.sp-container-ex01  > .wrapper li h2 {font-size:24px; color:#333;padding: 10px;}
.sp-container-ex01  > .wrapper li h3 {font-size:16px; color:#666; margin-bottom: 5px;}
.sp-container-ex01  > .wrapper li small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper li span {font-size:16px; color:#666;}

.sp-tab-nav-ex{padding:10px 10px;margin-bottom: 20px;}
.sp-tab-nav-ex > a > i {font-size:24px; color:#ddd;}
.sp-tab-nav-ex > i {font-size:18px; color:#ddd; text-transform:uppercase; margin:0 20px;}
.sp-tab-nav-ex > a {font-size:15px; color:#ddd; text-transform:uppercase;font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sp-tab-nav-ex > span {font-size:15px; color:#ddd; text-transform:uppercase; font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}

}

@media (min-width: 768px) and (max-width: 992px)
{
.content-area-mobile { background:url(../img/executives/bg.jpg) no-repeat top center;padding-top:40px;  }	
.sp-container-ex { background:url(../img/executives/bg.jpg) no-repeat top center; margin-top:60px;display: none; }
.sp-container-ex  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex  > .wrapper > .content-area { float:left;width:30%; text-align:center; margin-top:50px; }
.sp-container-ex  > .wrapper > .content-area-pic { float:left;width:1=30%; text-align:center; margin-top:50px;display: none; }
.sp-container-ex  > .wrapper > .clearboth { clear: both;}

.sp-container-ex01 {margin-top:30px; margin-bottom:20px; }
.sp-container-ex01  > .wrapper { max-width:100%;margin-top:50px;overflow:auto }
.sp-container-ex01  > .wrapper ul { list-style:none; margin:0; padding:0;}
.sp-container-ex01  > .wrapper li { float:left;width:100%; text-align:center;padding:10px 0px; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper li .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper li:last-child .line-right { border-right:0px solid #ddd;}
.sp-container-ex01  > .wrapper li h2 {font-size:24px; color:#333;padding: 10px;}
.sp-container-ex01  > .wrapper li h3 {font-size:16px; color:#666; margin-bottom: 5px;}
.sp-container-ex01  > .wrapper li small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper li span {font-size:16px; color:#666;}

.sp-tab-nav-ex{padding:10px 10px;margin-bottom: 20px;}
.sp-tab-nav-ex > a > i {font-size:24px; color:#ddd;}
.sp-tab-nav-ex > i {font-size:18px; color:#ddd; text-transform:uppercase; margin:0 20px;}
.sp-tab-nav-ex > a {font-size:15px; color:#ddd; text-transform:uppercase;font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sp-tab-nav-ex > span {font-size:15px; color:#ddd; text-transform:uppercase; font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
}

@media (min-width: 992px) and (max-width: 1200px) 
{
.content-area-mobile { display: none; }	
.sp-container-ex { background:url(../img/executives/bg.jpg) no-repeat top center; margin-top:70px; }
.sp-container-ex  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex  > .wrapper > .content-area { float:left;width:30%; text-align:center; margin-top:40px;}
.sp-container-ex  > .wrapper > .content-area-pic { float:left;width:30%; text-align:center; margin-top:40px;}
.sp-container-ex  > .wrapper > .clearboth { clear: both;}

/*.sp-container-ex01 {margin-top:20px; }
.sp-container-ex01  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex01  > .wrapper > .content-area { float:left;width:33.33%; text-align:center; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper > .content-area > .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper > .content-area > .line-right h2 {font-size:24px; color:#333;}
.sp-container-ex01  > .wrapper > .content-area > .line-right h3 {font-size:16px; color:#666; margin-bottom:20px;}
.sp-container-ex01  > .wrapper > .content-area > .line-right small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper > .content-area > .line-right span {font-size:16px; color:#666;}
*/

.sp-container-ex01 {margin-top:60px; margin-bottom:60px; }
.sp-container-ex01  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex01  > .wrapper ul { list-style:none; margin:0; padding:0;}
.sp-container-ex01  > .wrapper li { float:left;width:30%; text-align:center; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper li .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper li:last-child .line-right { border-right:0px solid #ddd;}
.sp-container-ex01  > .wrapper li h2 {font-size:24px; color:#333;}
.sp-container-ex01  > .wrapper li h3 {font-size:16px; color:#666; margin-bottom:20px;}
.sp-container-ex01  > .wrapper li small {font-size:16px; color:#039dff;}
.sp-container-ex01  > .wrapper li span {font-size:16px; color:#666;}



.sp-tab-nav-ex{padding:10px 10px;margin-bottom: 30px;}
.sp-tab-nav-ex > a > i {font-size:24px; color:#ddd;}
.sp-tab-nav-ex > i {font-size:18px; color:#ddd; text-transform:uppercase; margin:0 20px;}
.sp-tab-nav-ex > a {font-size:15px; color:#ddd; text-transform:uppercase;font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sp-tab-nav-ex > span {font-size:15px; color:#ddd; text-transform:uppercase; font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}

}

@media (min-width: 1200px) {

.content-area-mobile { display: none; }	
.sp-container-ex { background:url(../img/executives/bg.jpg) no-repeat top center; margin-top:70px; }
.sp-container-ex  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex  > .wrapper > .content-area { float:left;width:30%; text-align:center; margin-top:40px;}
.sp-container-ex  > .wrapper > .content-area-pic { float:left;width:30%; text-align:center; margin-top:40px;}
.sp-container-ex  > .wrapper > .clearboth { clear: both;}

/*.sp-container-ex01 {margin-top:20px; }
.sp-container-ex01  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex01  > .wrapper > .content-area { float:left;width:33.33%; text-align:center; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper > .content-area > .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper > .content-area > .line-right h2 {font-size:24px; color:#333;}
.sp-container-ex01  > .wrapper > .content-area > .line-right h3 {font-size:16px; color:#666; margin-bottom:20px;}
.sp-container-ex01  > .wrapper > .content-area > .line-right small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper > .content-area > .line-right span {font-size:16px; color:#666;}
*/

.sp-container-ex01 {margin-top:60px; margin-bottom:60px; }
.sp-container-ex01  > .wrapper { max-width:1280px;margin:0px auto;overflow:auto }
.sp-container-ex01  > .wrapper ul { list-style:none; margin:0; padding:0;}
.sp-container-ex01  > .wrapper li { float:left;width:30%; text-align:center; font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sp-container-ex01  > .wrapper li .line-right { border-right:1px solid #ddd;}
.sp-container-ex01  > .wrapper li:last-child .line-right { border-right:0px solid #ddd;}
.sp-container-ex01  > .wrapper li h2 {font-size:24px; color:#333;}
.sp-container-ex01  > .wrapper li h3 {font-size:16px; color:#666; margin-bottom:20px;}
.sp-container-ex01  > .wrapper li small {font-size:18px; color:#039dff;}
.sp-container-ex01  > .wrapper li span {font-size:16px; color:#666;}



.sp-tab-nav-ex{padding:10px 10px;margin-bottom: 30px;}
.sp-tab-nav-ex > a > i {font-size:24px; color:#ddd;}
.sp-tab-nav-ex > i {font-size:18px; color:#ddd; text-transform:uppercase; margin:0 20px;}
.sp-tab-nav-ex > a {font-size:15px; color:#ddd; text-transform:uppercase;font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sp-tab-nav-ex > span {font-size:15px; color:#ddd; text-transform:uppercase; font-weight:normal;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}

}