.ce-align-left{text-align:left}
.ce-align-center{text-align:center}
.ce-align-right{text-align:right}
.ce-table td,.ce-table th{vertical-align:top}
.ce-textpic,.ce-image,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div{overflow:hidden}
.ce-left .ce-gallery,.ce-column{float:left}
.ce-center .ce-outer,.ce-center .ce-inner{position:relative}
.ce-right .ce-gallery{float:right}
.ce-gallery figure{display:table;margin:0}
.ce-gallery figcaption{display:table-caption;caption-side:bottom}
.ce-gallery img{width:100%;display:block;height:auto}
.ce-gallery iframe{border-width:0}
.ce-border img,.ce-border iframe{border:0 solid #000;padding:0}
.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery{margin-bottom:15px}
.ce-intext.ce-right .ce-gallery{margin-left:15px}
.ce-intext.ce-left .ce-gallery{margin-right:15px}
.ce-below .ce-gallery{margin-top:15px}
.ce-column{margin-right:15px}
.ce-column:last-child{margin-right:0}
.ce-row{margin-bottom:15px}
.ce-row:last-child{margin-bottom:0}
.ce-above .ce-bodytext{clear:both}
.ce-intext.ce-left ol,.ce-intext.ce-left ul{padding-left:40px;overflow:auto}
.ce-headline-left{text-align:left}
.ce-headline-center{text-align:center}
.ce-headline-right{text-align:right}
.ce-uploads{margin:0;padding:0}
.ce-uploads li{list-style:none outside none;margin:1em 0}
.ce-uploads img{float:left;padding-right:1em;vertical-align:top}
.ce-uploads span{display:block}
.ce-table{width:100%;max-width:100%}
.ce-table th,.ce-table td{padding:.5em .75em;vertical-align:top}
.ce-table thead th{border-bottom:2px solid #dadada;background:#dadada;font-weight:900}
.ce-table th,.ce-table td{border-top:1px solid #dadada}
.ce-table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.ce-table-bordered th,.ce-table-bordered td{border:1px solid #dadada}
.frame-space-before-extra-small{margin-top:1em}
.frame-space-before-small{margin-top:2em}
.frame-space-before-medium{margin-top:3em}
.frame-space-before-large{margin-top:4em}
.frame-space-before-extra-large{margin-top:5em}
.frame-space-after-extra-small{margin-bottom:1em}
.frame-space-after-small{margin-bottom:2em}
.frame-space-after-medium{margin-bottom:3em}
.frame-space-after-large{margin-bottom:4em}
.frame-space-after-extra-large{margin-bottom:5em}
.frame-ruler-before:before{content:'';display:block;border-top:1px solid rgba(0,0,0,0.25);margin-bottom:2em}
.frame-ruler-after:after{content:'';display:block;border-bottom:1px solid rgba(0,0,0,0.25);margin-top:2em}
.frame-indent{margin-left:15%;margin-right:15%}
.frame-indent-left{margin-left:33%}
.frame-indent-right{margin-right:33%}
.frame-layout-4 img.image-embed-item{width:100%;height:auto}
.frame-type-menu_sitemap ul,ul.sitemap{display:flex;flex-wrap:wrap;justify-content:center;font-size:1em;margin:60px 0;list-style:none!important;margin:0!important;font-size:.6em;padding:0}
.frame-type-menu_sitemap ul li,ul.sitemap li{flex:1 0;line-height:2em}
.frame-type-menu_sitemap ul li a,ul.sitemap li a{display:block;padding:5px;text-align:center;color:#000;background:#eee;margin:0 5px}
.frame-type-menu_sitemap ul li a:hover,ul.sitemap li a:hover{background-color:#2A7C9D}
.frame-type-menu_sitemap ul ul,ul.sitemap ul{display:block;margin:0 0 10px!important;padding:0 0 0 21px;list-style:circle!important}
.frame-type-menu_sitemap ul ul ul,ul.sitemap ul ul{margin:0!important;padding:0 0 0 7px}
.frame-type-menu_sitemap ul ul li a,ul.sitemap ul li a{padding:0;text-align:left;background:none;margin:0}
.frame-type-menu_sitemap ul ul li a:hover,ul.sitemap ul li a:hover{background-color:transparent;color:#2A7C9D}
.frame-type-text table,.frame-type-text th,.frame-type-text td{border:1px solid #999;padding:7px 15px}
.frame-type-text th{background:#eee;font-weight:700}
.ul-flex .frame-type-menu_subpages ul{width:100%}
.ul-flex .frame-type-menu_subpages ul li{float:left;width:45%;margin-left:5%;line-height:1.8em}
.ul-flex .frame-type-menu_subpages ul:after{content:"";display:table;clear:both}
.table-responsive{overflow:hidden}
.ul-dropdown{position:relative;width:100%;clear:both}
.ul-dropdown #dropdownSelect p{cursor:pointer;margin:0;padding:7px;background:#eee;border:1px solid #ddd;border-radius:5px;display:block;text-align:center}
.ul-dropdown #dropdownSelect p:hover{background:#3DA3CB;color:#fff}
.ul-dropdown .frame-type-menu_subpages{padding:0;display:none;height:100vh;background:#fff;z-index:1;overflow:auto;position:absolute;width:100%;color:#000;top:100%;left:0}
.ul-dropdown .frame-type-menu_subpages ul{list-style:none;margin:0;padding:0}
.ul-dropdown .frame-type-menu_subpages ul li{width:16.66%;list-style:none;margin:0;padding:0;border-bottom:1px solid #eee;display:inline-block}
.ul-dropdown .frame-type-menu_subpages ul li a{display:block;border-bottom:1px solid #eee;padding:7px 15px}
.line-bullet ul li{line-height:2}
.line-bullet ul li a{text-decoration:underline!important}
.menu-box{position:relative;margin-bottom:30px}
.menu-box ul,.menu-box ul li{margin:0;padding:0}
.menu-box ul li{display:inline-block}
.menu-box ul li a{display:block;padding:0 15px;border:1px solid #eee;margin:0 5px 5px 0}
.frame header{position:relative!important;background:transparent!important;margin-bottom:30px;box-shadow:none!important;z-index:0}

.f3-widget-paginator{display:table;width:auto;margin:15px auto;border-top:1px solid #eee;padding:7px 10px}
.f3-widget-paginator li{display:table-cell}
.f3-widget-paginator li a{display:block;padding:0 15px}
.ul-flex ul{display:flex;flex-wrap:wrap}
.ul-flex ul li{flex:1 1 45%;margin:0 5% 0 0}
.video-embed video{width:100%!important}
.img-fluid{width:100%}
a:hover {text-decoration:underline!important}
.static-content a {color:#0056b3;}
.static-content .rd-btn-primary {color:#fff; }
.content-breadcrumb{padding:15px 0; margin-bottom:30px;}
.content-page-column .col-side{border:0}
.content-services .card-list .card-item .card-text{height:auto}
.content-laws,.content-news{padding:100px 0}
.content-services .card-list .card-item .card-link{height:auto;padding:15px}
.content-image-link .card-item .card-text{padding:15px}
.content-services .card-list .card-item .card-image img{height:28px}
.content-page-column{border:0}
.content-main-banner + .content-services .content-wrapper .card-list.col-carousel .card-item .card-link{box-shadow:0 20px 40px rgba(33,50,83,0.1)}
.content-services .card-list.col-carousel .card-item .card-link{height:auto}
.content-main-banner + .content-services{padding:0}
.content-services .card-list .card-item .card-text{margin-bottom:0}
.content-title-link a .icon{width:30px;height:30px;font-size:14px}
.content-main-banner + .content-services .content-wrapper{margin-top:0}
.static-content .card-image img{margin:0}
.submenu{background:#efefef}
.submenu ul li a{padding:13px 20px 13px 32px}
#news-list-2 .card-item,#news-photo .card-item,.banner-list .card-item{margin-bottom:20px}
#news-list-2 .card-item .card-link{border:1px solid #ddd;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;padding:30px;border-radius:6px;position:relative;overflow:hidden}
#news-photo .card-link,.banner-list .card-link{border-radius:10px;overflow:hidden;display:block}
#news-photo .card-image,.banner-list .card-image{background-position:center;background-size:cover;background-repeat:no-repeat;margin-bottom:0}
#news-photo .card-text,.banner-list .card-text{padding:15px;line-height:1.5}
.content-news .tx-rdnewsbanner .card-date,.banner-list .card-date{padding:15px 15px 0 15px;}
.content-news .tx-rdnewsbanner .card-text,.banner-list .card-text{padding:0 15px 15px 15px;}
#news-photo .card-text p,.banner-list .card-text p,#news-list-2 .card-text p{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;line-height:1.6}
#news-photo .card-link:hover{box-shadow:0 10px 30px rgba($color-primary-dark,0.1)}
.news-single a{cursor:pointer}
.news-single a:hover{color:#2A7C9D!important}
.box-calendar{position:relative}
.box-calendar td{text-align:center}
.box-calendar td.today{font-weight:700}
.box-calendar ul.pager{padding:0;margin:0;list-style:none;display:flex;display:-webkit-flex}
.box-calendar ul.pager li{padding:0;margin:0;list-style:none;-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%;text-align:center}
.announce-date-list .card-list .card-item .col-date{border:0}
.announce-date-list .card-list .card-item .col-detail{border-left:1px solid #ddd}
.announce-date-list .card-list .card-item .col-detail h3{font-size:1.2rem}
.announce-date-list .card-list .card-item .col-detail ul{margin:0;padding:0 0 0 15px}
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper{max-width:50%}
.card-item .card-link small,.color-peera{color:#2A7C9D!important}
.content-news .card-image{margin:0}
.static-content strong,b{font-family:"sarabunregular",sans-serif;font-weight:700;color:inherit;}
.static-content img {margin:0;}
.content-services .card-list .card-item .card-image{height:36px}
footer .footer-main .link-list > ul li{margin-bottom:7px}
.hasevents a span{width:25px;height:25px;display:table;vertical:middle;margin: 0 auto;}
.tx-rdnewsbanner a.card-link,.news-list .card-link{border:1px solid #ddd}
.news-list .card-text{padding:15px}
header .header-main .main .main-logo{-ms-flex:0 0 220px;flex:0 0 220px;max-width:220px}
header .header-main .main .main-menu ul{margin:0 auto;max-width:600px;padding:0;}
.announce-date-list .card-title{text-align:left}
footer .footer-bottom{background-color: #3ea3cb;padding:7px 0;}
.standard-news{line-height:1.5}
.box-outline{padding:30px;border:1px solid #ddd}
.box-outline ul li{margin-bottom:15px}
a.card-link:hover p,.standard-news a:hover p,.content-services .card-list .card-item .card-link:hover .card-text{text-decoration:underline}
footer .footer-main .social-list ul li a,.standard-news a,.card-link .card-text,.card-link .text,.content-title a .card-text,.content-title a .text,.content-services .card-list .card-item .card-link .card-text,.rd-btn-primary{text-decoration:none}
.content-services .card-list-five .card-item .card-text{font-size:100%}
.kanitregular{font-family:"kanitregular",sans-serif}
.announce-date-list .slick-slider .slick-dots{margin:30px 0 !important}
.background-peera { background-color: #2A7C9D!important; color: #000;}
.background-peera-light { background-color: rgba(62, 163, 203, 0.2)!important; color: #213253;}
.background-peera-light a { color:#222; }
.background-peera-light a.rd-btn-primary  { color:#fff; }
.background-peera-light a.rd-btn-white { color: #213253; }
.background-peera-light a.rd-btn-white:hover { color: #2A7C9D; }
.background-peera-light .color-peera {color:#222 !important} 
.font-dark { color:#222; }
.rd-btn-primary em, .rd-btn-white em { padding:0 0 0 5px }
.rd-btn-primary, .rd-btn-white { font-size: inherit; }

header .xs-logo img {width: 220px;}
header .xs-header .xs-menu-bars.active {top:20px;}
header .xs-header .xs-menu-bars > .text em {font-style: normal;}
header .xs-header .xs-menu-bars > .text em:last-child {display: none;}
header .xs-header .xs-menu-bars.active > .text em:first-child { display: none;}
header .xs-header .xs-menu-bars.active > .text em:last-child { display: inline-block;}
header .header-main .main .main-accessibility .actions > em { cursor: pointer;  color: #213253; background-color: #f2f2f2; width: 40px; height: 40px;  display: flex; display: -webkit-flex;  justify-content: center; -webkit-justify-content: center; align-items: center;  -webkit-align-items: center;}
header .xs-header .xs-actions > div {margin-bottom:15px;}
header .xs-header .xs-search-box {margin-top:15px;}
header .xs-header .action-size a:first-child:after { height:13px;}
header .xs-header .action-size a, header .xs-header .action-language a { font-size:130%; }
header .xs-header .action-language a em {margin-right:5px;}
header .xs-header .xs-menu-bars > .bars, header .xs-header .xs-menu-bars:before, 
header .xs-header .xs-menu-bars:after {right: 30px;}
header .xs-header .xs-search-box form input {border-radius:0;}
header .xs-header .xs-menu-bars:before { top: 2px;}
header .xs-header .xs-menu-bars:after { bottom: 1px;}

/* dark mode */
body.dark-theme,body.dark-theme header .header-actions,
body.dark-theme .rd-btn-primary,body.dark-theme .content-services .content-wrapper,
body.dark-theme footer .footer-bottom,body.dark-theme .background-grey-f2,
body.dark-theme .background-white,body.dark-theme .content-breadcrumb,
body.dark-theme header .xs-header .xs-menu-expand, body.dark-theme .rd-btn-white{background-color:#555!important}
body.dark-theme .slick-slider .slick-dots li button,body.dark-theme header .header-main .main .main-menu ul li a.active:after,
body.dark-theme .link-list-line .list-menu > ul > li > a.active, 
body.dark-theme .link-list-line .list-menu > ul > li > a:hover, 
body.dark-theme .link-list-line .list-menu > ul > li > a.active, 
body.dark-theme .link-list-line .list-menu > ul > li > a:hover,
body.dark-theme footer .footer-links .xs-title-nav:before, 
body.dark-theme footer .footer-links .xs-title-nav:after {background-color:#eee!important}
body.dark-theme .slick-slider .slick-dots li.slick-active button{background-color:#eee!important;border:2px}
body.dark-theme .content-blog-list .card-item .card-link:hover,body.dark-theme .card-item .card-link small,
body.dark-theme .color-peera,body.dark-theme header .header-main .main .main-menu ul li a.active,
body.dark-theme .static-content h1,body.dark-theme .static-content h2,body.dark-theme .static-content h3,
body.dark-theme .static-content h4,body.dark-theme .static-content h5,body.dark-theme .static-content strong,
body.dark-theme .static-content label,body.dark-theme .static-content b,body.dark-theme .rd-btn-primary em,
body.dark-theme .content-tab-list .content-tab-content .content-item > .xs-nav-item,
body.dark-theme footer .footer-links .xs-title-nav, body.dark-theme .font-dark, body.dark-theme .rd-btn-white,
body.dark-theme.background-peera-light a.rd-btn-primary,
body.dark-theme.background-peera-light a.rd-btn-white,
body.dark-theme.background-peera-light a.rd-btn-white:hover,
body.dark-theme.background-peera-light .color-peera, body.dark-theme a,
body.dark-theme .rd-btn-primary i,body.dark-theme .rd-btn-primary i:hover,
body.dark-theme .rd-btn-white i,body.dark-theme .rd-btn-white i:hover,
body.dark-theme .box-calendar ul.pager li, body.dark-theme .table td, body.dark-theme .table th  {color:#eee!important}
body.dark-theme header .header-actions .action-theme .switch,
body.dark-theme .content-tab-list .content-tab-content,
body.dark-theme .link-list-line .list-menu > ul > li .submenu {background:transparent;border: 0;}
body.dark-theme header .header-main,body.dark-theme .content-breadcrumb{border-bottom:1px solid #eee}
body.dark-theme .link-list-line .list-menu > ul > li > a.active,
body.dark-theme .link-list-line .list-menu > ul > li > a:hover,
body.dark-theme .link-list-line .list-menu > ul > li .submenu ul li a.active, 
body.dark-theme .link-list-line .list-menu > ul > li .submenu ul li a:hover{background-color:#555!important;color:#eee !important;}
body.dark-theme .subpage-banner ~ .nav-list-horizontal .list-menu ul li a{background-color:#555!important;border-color:#555!important}
body.dark-theme .subpage-banner ~ .nav-list-horizontal .list-menu ul li a.active,body.dark-theme .subpage-banner ~ .nav-list-horizontal .list-menu ul li a:hover{background-color:#555!important;border-color:#555!important;color:#eee!important}
body.dark-theme .content-main-banner .banner-list .card-list .card-item .card-text h1,body.dark-theme .subpage-banner h1{color:#555!important}
body.dark-theme .rd-btn-primary, body.dark-theme table{border:1px solid #eee !important}
body.dark-theme .link-list-line .list-menu > ul > li > a.active, body.dark-theme .link-list-line .list-menu > ul > li > a:hover {border-left: 4px solid #eee;}
body.dark-theme footer,body.dark-theme .footer-bottom, body.dark-theme .background-peera-light {border-top:1px solid #eee;}
.dark-theme header .header-main .main .main-accessibility .actions .item .list:before,
.dark-theme header .header-main .main .main-accessibility .actions .item .list > div,
.dark-theme header .header-main .main .main-accessibility .actions .item .list a:hover .icon,
.dark-theme header .header-main .main .main-accessibility .actions .item .list a .icon { background-color:#555; }
.dark-theme header .header-main .main .main-accessibility .actions .item .list > div,
.dark-theme header .border-info { border:1px solid #eee !important ; }
.dark-theme header .header-main .main .main-accessibility .actions .item .list:before {border-bottom-color: #eee;}
.dark-theme header .xs-header .xs-actions .xs-action-size .action-size {color:#555 !important;}

/*Additional*/
.news-menu-view button.btn-link {display:block;width:100%;text-align:left;}

@media (min-width: 992px) {
.link-list-line .list-menu > ul > li > a{padding:7px 20px;text-decoration:none;}
.link-list-line .list-menu > ul > li .submenu ul li {font-size:inherit;}
.content-page-column .col-side{padding-left:15px;border-right:1px solid #ddd}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {font-size: 2rem;}
}
@media (min-width: 767px) {
.audience .content-row .col-side .card-item .card-text{top:50%;background-color:rgba(255,255,255,0.8);padding:15px}
.subpage-banner ~ .nav-list-horizontal .list-menu ul li a{padding:7px 30px;border-color:#213253;background-color:#213253;color:#fff}
.subpage-banner ~ .nav-list-horizontal .list-menu ul li a.active,.subpage-banner ~ .nav-list-horizontal .list-menu ul li a:hover{border-color:#fff;background-color:#fff;color:#213253}
.h5,h5{font-size:1.1rem}
footer .footer-main .link-list{justify-content:flex-start;-webkit-justify-content:flex-start}
footer .footer-main .link-list > ul { -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 250px;}
.footer-links { font-size:90%; }
.link-list-line .list-menu > ul > li .submenu ul li a { padding:5px 20px; }
.link-list-line .list-menu > ul > li .submenu ul {padding-left:15px;}
}
@media (max-width: 1920px){
.content-main-banner .banner-list .card-list .card-item .card-image .image{height:380px}
}
@media (max-width: 1400px){
.content-main-banner .banner-list .card-list .card-item .card-image .image{height:350px}
}
@media (max-width: 1280px){
.content-main-banner .banner-list .card-list .card-item .card-image .image{height:300px}
}
@media (max-width: 991px) {
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper{padding:20px;max-width: 42%;}
.content-main-banner .banner-list .card-list .card-item .card-image .image {height: 250px; background-position: 78%;}
.content-main-banner .banner-list .card-list .card-item .card-text {top: 7px; left: -15px;}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {font-size: 1.4rem; margin-bottom:5px;}
.content-main-banner .banner-list .card-list .card-item .card-text p {margin:0;font-size:0.8rem}
.content-main-banner .banner-list .rd-btn-primary { padding:7px 15px; }
.box-calendar .table td, .box-calendar .table th {padding: 5px;text-align: center;} 
#pageID-62348 .announce-date-list .card-list {display:block;margin-bottom:30px; }
#pageID-62348 .box-calendar {font-size:80%;}
}
@media screen and (max-width: 767px) {
.content-page-title{display:none}
.content-breadcrumb{display:block;padding:15px 0;margin-bottom:0}
.link-list-line{margin-top:30px}
.audience .content-static{margin-top:30px}
.audience .content-row .col-side{display:block!important}
.audience .content-row .col-side .card-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0 0 10px}
.content-breadcrumb ul li:after{display:inline;padding:3px}
.check-bullet h4{border-bottom:1px solid #eee;padding:0 0 15px;margin-bottom:30px}
footer .footer-links {margin:0 0 30px 0;}
}
@media screen and (max-width: 640px) {
.table-responsive{overflow-x:scroll}
.table-responsive table{min-width:500px}
.frame-type-menu_sitemap ul li{flex:1 0 30%}
.ul-dropdown .frame-type-menu_subpages ul li{width:20%}
.subpage-banner h1{font-size:1.2rem;line-height:1rem}
.content-wrapper h3{font-size:1.3rem}
}
@media (max-width: 600px) {
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper{max-width: 47%;}
.content-main-banner .banner-list .card-list .card-item .card-image .image {height: 200px;background-position: 75%;}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {font-size: 1.4rem;margin-bottom: 5px;}
}
@media (max-width: 575px) {
body { font-size:1.2rem; }
footer .footer-main .link-list > ul{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.content-image-link .card-item .card-text h3{font-size:17px}
.content-services .card-list-five .card-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.content-main-banner + .content-services .content-wrapper{background-color:transparent;box-shadow:none}
.content-services .card-list .card-item .card-link{padding:15px}
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper{padding:7px;max-width: 58%;}
.content-main-banner .banner-list .card-list .card-item .card-image .image {height: 200px;background-position: 83%;}
.content-main-banner .banner-list .card-list .card-item .card-text {top:30px;padding:0;}
.content-main-banner .banner-list .rd-btn-primary {padding: 5px 15px;font-size: 0.8rem;max-width: 100%;min-width: 50px;}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {font-size: 1rem;}
.content-main-banner .banner-list .card-list .card-item .card-text p {font-size: 0.9rem;}
.content-main-banner .banner-list .card-list .card-item .card-text .mb-4 { margin:0 0 0.5rem 0 !important;}
.content-breadcrumb ul {line-height:1.2rem;}
.content-breadcrumb {padding:7px 0;}
.subpage-banner ~ .nav-list-horizontal .xs-title { font-size:1rem; }
h4 {font-size: 1.2285714286rem;}
.box-outline {padding:20px;}
}
@media screen and (max-width: 500px) {
.frame-type-menu_sitemap ul li{flex:1 0 100%}
.ul-dropdown .frame-type-menu_subpages ul li{width:33%}
.content-wrapper h3{font-size:1.2rem}
}
@media screen and (max-width: 320px) {
.content-main-banner .banner-list .card-list .card-item .card-image .image {height: 190px;background-position: 81%;}
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper{max-width: 58%;}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {font-size: 1rem;}
.content-main-banner .banner-list .card-list .card-item .card-text p {font-size: 0.8rem;}
.content-main-banner .banner-list .rd-btn-primary {font-size:0.9rem;}
}

/*bootstrap4 grid5cols*/
.col-rd5,
.col-sm-rd5,
.col-md-rd5,
.col-lg-rd5,
.col-xl-rd5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-rd5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-rd5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-rd5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-rd5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}