@charset "utf-8";
* {
    margin: 0, 0, 0, 0;
    padding: 0;
}

header, section, aside, nav, article, figure { display: block; height: 0px;}
img { behavior: url("iepngfix.htc"); border: none; max-width: 100%; display: block; outline: none; margin:auto; }

body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; color: #404040; font-size: 16px; background-color: #fff; min-width: 1240px; } 
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.mobile { display: none; } 
.note { font-size: 15px; padding: 15px 0px; width: 80%; margin: auto; font-weight: normal; }

h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0px; } 
h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; text-transform: uppercase; color: #0050a2; line-height: 1;  } 
h1 { font-weight: bold; font-size: 45px; position: relative; background-image: url(themes/title-bg.png);  background-repeat: no-repeat; background-position: left bottom; margin-bottom: 20px; padding-bottom: 15px; text-align: left; }
ol > li { padding: 0px 10px 5px 15px; margin-left: 0px; background-position: left 0px top 6px;} 
ul > li { padding: 0px 10px 5px 35px; margin-left: 0px; background: url(themes/bullet.png) 5px 6px no-repeat; list-style-type: none; } 
ul > li a.btn-blue { margin-top: 10px; }
ol { margin: 10px 20px; } 
ul { margin: 10px 0px; }
select, textbox { color: #404040; padding: 7px 2%; border: 1px solid #9f9f9f; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(http://wwww.dev.webdesignkuching.com/rckuc/PIE/PIE.php); font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 0px; position: relative; background-color: transparent; }
textarea { color: #404040; padding: 7px 2%; border: 1px solid #9f9f9f; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(http://www.dev.webdesignkuching.com/rckuc.com/PIE/PIE.php); font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 0px; position: relative; background-color: transparent; } 

table { max-width: 100%; border-collapse: collapse; }
tr { }
td { padding: 2px 10px; }

a { text-decoration: none; } 
a:link { color: #0050a2; text-decoration: none; } 
a:visited { color: #0050a2; text-decoration: none; } 
a:hover, a:active, a:focus { text-decoration: none; } 
a img { border: none; } 
a.link { padding-bottom: 15px; position: relative; z-index:0; background-image: linear-gradient(#f7a81b 50%, #f7a81b 50%); background-size: 10000px 5px; color: #f7a81b; background-repeat: no-repeat; background-position: left -10000px bottom 1px;  }
a.link:hover { background-position: left 0 bottom 1px; transition: background-position 2s ease-in-out; }
.btn-blue, a.btn-blue { background-color: #0050a2; padding: 18px 35px; color: #f7a81b; font-weight: bold; font-size: 14px; border-radius: 30px; display: inline-block; min-width: 100px; text-align: center; text-transform: uppercase; } 
.btn-blue.white, a.btn-blue.white { color: #fff; }
.btn-blue:hover, a.btn-blue:hover { background-color: #f7a81b; color: #fff; }
a.btn-blue.white-border { border: solid 1px #0050a2; }
a.btn-blue.white-border:hover { border: solid 1px #fff; }

/*
a.button { font-size: 15px; font-weight: bold; color: #c0ae00; letter-spacing: 1px; border: solid 2px #c0ae00; border-radius: 5px; padding: 10px 20px;
}

a.button-gold { font-size: 17px; font-weight: bold; background-color: #c0ae00; color: #fff; letter-spacing: 1px; border-radius: 5px; padding: 10px 20px; display: inline-block; *display: inline; zoom: 1; margin-top: 25px; width: 200px; text-shadow: 1px 2px 0px #867a0a; box-shadow: 0px 2px #000;
}
*/

iframe { width: 100%; } 
.wrapper { width: 100%; max-width: 1200px; padding: 100px 0px; margin: auto;  } 

.breadcrumb { background-color: #ebebeb; text-align: center; }
.breadcrumb .wrapper { padding: 10px 0px !important; }
.breadcrumb a, .breadcrumb-current { text-decoration: none; font-weight: 600; font-size: 14px; text-transform: uppercase; word-wrap: break-all; }
.breadcrumb-separator { padding: 0 10px; color: transparent; background-image: url(themes/breadcrumb-arrow.png); background-repeat: no-repeat; background-position: top 6px center; }

/* ---------------------- header ------------------------- */ 
#header-holder { position: fixed; background-color:#fff; width: 100%; z-index: 10; border-bottom: solid 1px #ebebeb; } 
#header-container { padding: 0px 20px; position: relative; width: 1200px; margin: auto; } 
#logo { position: absolute; top: 0px; margin: 14px 0px; } 
#logo a, #logo a img { display: inline-block; *display: inline; zoom: 1; } 

/* -------------------- menu ------------------------- */
#menu-top { list-style-type: none; position: relative; z-index: 103; margin-left: 200px; padding-top: 0px; text-align: right; } 
#menu-top .contact { font-size: 16px; font-weight: 600; color: #0050a2; } 
#menu-top .contact img { position: relative; top: 3px; margin-right: 5px; } 
#menu-top #language-bar { display: inline-block; *display: inline; zoom: 1; margin-right: 20px; font-size: 15px; color: #353535; } 
#menu-top #language-bar a { color: #fff; background-color: #c0ae00; padding: 2px 15px; } 
#mobile-menu { display: none; } 

/* ------------------------- social-media ------------------- */
#social-media-icons { margin: 10px 0px; }
#social-media-icons a { margin: 0px 15px; display: inline-block; *display: inline; zoom: 1; height: 22px; width: 22px; background-size: contain; background-repeat: no-repeat; }
#social-media-icons a:hover { opacity: 0.8; }
#social-media-icons a.fb { background-image: url(themes/icon-fb-w.png); width: 12px; }
#social-media-icons a.youtube { background-image: url(themes/icon-youtube-w.png); }
#social-media-icons a.email { background-image: url(themes/icon-email-w.png); width: 20px; }
#menu-top #social-media-icons a.fb { background-image: url(themes/icon-fb-g.png); }
#menu-top #social-media-icons a.youtube { background-image: url(themes/icon-youtube-g.png); }
#menu-top #social-media-icons a.email { background-image: url(themes/icon-email-g.png); }

#footer #social-media-icons { margin: 30px 0px; }

#ry-menu { background-color: #f7a81b; position: fixed; bottom: 0px; z-index: 100; width: 100%; border-top: solid 1px #fff;}
#ry-menu .wrapper { padding: 0px; }
#ry-menu .item:first-child { width: 180px; }
#ry-menu .item { width: 120px; text-align: center; }
#ry-menu .item > div { display: table; width: 100%; }
#ry-menu .item a { color: #fff; padding: 10px; display: table-cell; vertical-align: middle; width: 100%; height: 32px; line-height: 1; }
#ry-menu .item:hover, #ry-menu .item.active { background-color: #0050a2; color: #f7a81b; }

/* ------------------------- banner zone -------------------- */
#banner-zone { margin: auto; width: 100%; position: relative; border-bottom: solid 8px #f7a81b; } 
#banner-contant { width: 100%; margin: 0 auto; position: relative; z-index: 0; overflow: hidden; top: 124px; margin-bottom: 124px;} 
.nivo-controlNav { bottom: 0px !important; }

/* -------------------- main-content ----------------- */ 
#main-content { width: 1200px; max-width: 100%; margin: auto; } 
body.project h1 { font-weight: bold; font-size: 35px; position: relative; background-image: url(themes/title-bg.png); background-repeat: no-repeat; background-position: bottom; margin-bottom: 20px; padding-bottom: 15px; text-align: center; }
body.members #main-content td img {border-radius: 50%; width:250px}
body.members #main-content td{vertical-align: middle;}
body.members #main-content table{margin-top: 50px; margin-bottom: 50px; width: 100%;}
body.volunteer #main-content td img {border-radius: 50%; width:250px}
body.volunteer #main-content td{vertical-align: middle;}
body.volunteer #main-content table{margin-top: 50px; margin-bottom: 50px; width: 100%;}

body.inner h1 { text-align: center; background-position: center bottom; }
#main-content img.cms { margin-right: 35px; margin-bottom: 35px; } 
#home-page { padding: 80px 0px; } 
#cms { padding: 0px 0px; } 
#cms-1 { padding-bottom: 27px; }

body.inner p { text-align: justify; } 

/* #cms .left-pnl { float: left; width: 42%; padding: 65px 4%; } */ 
#cms .right-pnl { width: 62%; padding: 66px 0%; background-color: #f7f7f7; margin: auto; } 
#cms .right-pnl h2 { text-align: center } 
/* #cms .left-pnl > div { max-width: 620px; width: 100%; float: right; height: 100%; } */ 
#cms .right-pnl>div { width: 100%; height: 100%; margin: auto; } 
#cms .wrapper { width: 100%; } 

/* about page*/ 
.rotary-club-of-kuching-unity-city #photo img { width: 100%;} 
.rotary-club-of-kuching-unity-city #photo .wrapper { max-width: 100%; padding: 0px; }
.rotary-club-of-kuching-unity-city #main-content table { background-color: #f3f3f3; width: 100%; }
.rotary-club-of-kuching-unity-city #main-content .btn-blue { margin: 10px; }
table td { padding: 15px 20px; }
table tr:nth-child(even) { background-color: #fff; border-bottom: solid 1px #f3f3f3; }

.rotary-club-of-kuching-unity-city table.seven-focus-area { background-color: #f3f3f3; }
.rotary-club-of-kuching-unity-city table.seven-focus-area td:first-child { text-align: center; vertical-align: middle; padding: 30px !important; font-size: 40px; width: 30%; background-color: #0050a2; }
}
.rotary-club-of-kuching-unity-city table.seven-focus-area td:first-child span { display: block; }
.rotary-club-of-kuching-unity-city table.left td:last-child { padding: 50px !important; }
.rotary-club-of-kuching-unity-city table.seven-focus-area h2, .rotary-club-of-kuching-unity-city table.four-way-test h2 { line-height: 50px; color: #fff; }
.rotary-club-of-kuching-unity-city table.left ol { margin: 30px 50px; }
.rotary-club-of-kuching-unity-city table.four-way-test { background-color: #f3f3f3; }
.rotary-club-of-kuching-unity-city table.right td:first-child { padding: 50px !important; }
.rotary-club-of-kuching-unity-city table.right td:last-child { text-align: center; vertical-align: middle; font-size: 40px; width: 30%; background-color: #0050a2;  }
.rotary-club-of-kuching-unity-city table.four-way-test h2 span { display: block; font-size: 40px; line-height: 40px; }
.rotary-club-of-kuching-unity-city table.right ol { margin-left: 50px; margin-bottom: 0px; }

#about-content .wrapper { padding: 45px 20px; position: relative; width: 1200px; margin: auto; } 
#seven-focus-area .wrapper { padding: 0px 20px; position: relative; width: 100%; margin: auto; } 
#seven-focus-area .left-partition { font-size: 104px; color: #3b3b3b; float: left; margin-bottom: -15px; line-height: 1; text-align: left; margin: 32px 1.5%; } 
#seven-focus-area .right-partition { width: 80%; margin: 27px 19.5%; max-width: 100%; text-align: justify; } 
#seven-focus-area .upper { font-size: 100px; color: #3b3b3b; margin-bottom: -15px; line-height: 1; text-align: right; } 
#seven-focus-area .lower { font-weight: 600; font-size: 30px; color: #0050a2; margin-bottom: 10px; } 

#four-way-test .wrapper { padding: 0px 45px; position: relative; width: 1200px; margin: auto; } 
#four-way-test .left-partition { width: 62%; float: left; margin: -8px -0.5%; max-width: 100%; } 
#four-way-test .right-partition { width: 60%; margin: 25px 35.5%; max-width: 100%; text-align: justify; } 
#four-way-test .upper { font-size: 39px; color: #3b3b3b; margin-bottom: -15px; line-height: 1; text-align: left; margin: 0px 56%; } 
#four-way-test .middle { font-weight: 600; font-size: 121px; color: #0050a2; margin-bottom: 0px; text-align: left; margin: -27px 60%; } 
#four-way-test .lower { font-weight: 600; font-size: 36px; color: #0050a2; margin-bottom: 0px; text-align: right; margin: -62px 54px; } 

#president-message { background-color: #f3f3f3; text-align: center; }
.rotary-club-of-kuching-unity-city #president-message { background-color: transparent; }
#president-message .img { display: table-cell; text-align: center; }
#president-message .img img { width: 200px; height: 200px; border-radius: 120px; border: solid 8px #0050a2; display: block; max-width: auto; max-width: initial; max-width:none; }
#president-message .img h2 { margin: 20px 0px 10px 0px; }
#president-message .text { display: table-cell; padding-left: 30px; vertical-align: middle; text-align: left; }

#quotes { background-color: #f7a81b; color: #fff; }
#quotes h2 { color: #fff; }

#calendar .wrapper { padding-top: 0px; }

/** Project page **/
/*
#project-category { width: 100%; background-color: #f2f2e6; text-align: center; padding: 15px 0; }
#project-category .cat { display: inline-block; border-right: 2px solid #787878; line-height: 12px; padding-right: 2%; padding-left: 2%; }
#project-category .cat:last-child { border-right: none; }

#project-detail-page .wrapper { padding: 0px 20px; padding-top: 20px; position: relative; width: 1200px; margin: auto; }
#project-detail-page .content-2, .content-3 {margin-top: 30px;}
#project-detail-page .table {display: table;width: 100%; max-width: 100%;}
#project-detail-page .table-row {display: table-row;}
#project-detail-page .table-cell {display: table-cell;}
#project-detail-page .table-cell:first-child{ width: 8em; }
#project-all,#project-latest,#project-completed {cursor: pointer; font-weight: bold;}
*/

body.past-years #member-list .wrapper { padding-top: 0px; }

/** Member page **/
#member-page p { text-align: center;padding: 0px 30px; }
#member-page h2 { text-align: center; }
#members .wrapper { padding-bottom: 0px; }
#member-list { padding-top: 30px; text-align: center; }
#member-list .member:hover{cursor: pointer;}
#member-list .item { width: 30%; display: inline-block; *display: inline; zoom: 1; margin: 0 1.5%; max-width: 30%; text-align: center; position: relative; margin-bottom: 50px; vertical-align: top; }
#member-list .item img { width: 200px; border-radius: 120px; border: solid 8px #0050a2; display: block; cursor: pointer; max-width: 80%; margin: auto; }
#member-list .item h3 { margin: 20px 0px 10px 0px; }
#member-list .item p { text-align: center; }
#member-list .item .rotary_year { font-size: 25px; font-weight: bold; margin-bottom: 15px; color: #f7a81b; }
#member-list .item a.btn-blue { margin-top: 15px; }
#member-list.items::after { content: ""; clear: both; display: block; } 



#why-join-us, #mentor-mentee { background-color: #f3f3f3; }

#newsevent-list .wrapper { padding-top: 0px; }
.tab-menu { border-bottom: solid 3px #f7a81b; text-align: center; }
.tab-menu .cat { display: inline-block; *display: inline; zoom: 1; }
.tab-menu .cat a { display: inline-block; *display: inline; zoom: 1; padding: 10px 20px; margin: 0px 3px; background-color: #0050a2; padding: 10px 25px; color: #f7a81b; font-weight: bold; border-radius: 20px 20px 0px 0px; }
.tab-menu .cat.cat-sel a, .tab-menu .cat:hover a { background-color: #f7a81b; color: #fff; }

#newsevent-list .category { text-align: center; margin: 25px 0px; }
#newsevent-list .category .cat { display: inline-block; *display: inline; zoom: 1; }
#newsevent-list .category .cat a { display: inline-block; *display: inline; zoom: 1; font-weight: bold; padding: 5px 10px; }
#newsevent-list .category .cat.cat-sel a, #newsevent-list .category .cat:hover a { color: #f7a81b; }

#newsevent-list .note { text-align: center; margin-bottom: 50px; }

/* #newsevent-list-previous { display: none; } */
#newsevent-list .list .item { float: left; width: 31%; margin-right: 3.5%; position: relative; text-align: left; margin-bottom: 50px;} 
#newsevent-list .list .item.last { margin-right: 0px; }
#newsevent-list .list::after { content: ""; clear: both; display: block; } 
#newsevent-list .list .item h2 { padding-bottom: 15px; line-height: 1.2; }
#newsevent-list .list .item .info { padding-top: 15px; padding-bottom: 25px; }
#newsevent-list .list .item .info::after { content: ""; clear: both; display: block; } 
#newsevent-list .list .item .date { float: left; margin-bottom: 15px;}
#newsevent-list .list .item .date > div.startdate, .date > div.startdate, #newsevent-list .list .item .date > div.enddate, .date > div.enddate { margin-right: 15px; vertical-align: top; text-align: center; background-color: #0050a2; width: 50px; padding: 10px; }
#newsevent-list .list .item .date .day, .date .day { display: block; background-color: #0050a2; font-size: 35px; color: #fff; line-height: 30px; }
#newsevent-list .list .item .date .month, .date .month, #newsevent-list .list .item .date .year, .date .year { display: block; color: #fff; font-size: 13px; line-height: 1; text-transform: uppercase; }
#newsevent-list .list .item .date .to, .date .to { background-image: url(themes/icon-event-to.png); background-repeat: no-repeat; background-size: auto; width: 50px; height: 50px; background-position: center; margin: 0px; padding: 0px 10px; }
#newsevent-list .list .item .text { margin-left: 90px; }
#newsevent-list .list .item a.btn-blue { clear:both; }

#newsevent-list #newsevent-list-latest, #newsevent-list #newsevent-list-previous { display: none; }
#newsevent-list .section.sel { display: block !important; }
#event-list .wrapper, #news-list .wrapper, #fellowship-list .wrapper { padding: 0px; }

#be-volunteer { border: 1px solid; padding: 20px; margin-bottom: 2%; } 
#be-volunteer .button { border: solid; padding-left: 3%; padding-right: 3%; } 
#be-volunteer .button-wrap { padding-top: 4%; padding-left: 45%; } 
#be-volunteer h3 { text-align: center; } 

/** award-list **/
#certificates { background-color: #f3f3f3; border-bottom: solid 8px #f7a81b; }
#award-list>.item { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 30px; }
#award-list>.item>.frame { display: table-cell; vertical-align: middle; padding: 25px; background-color: #fff; }
#award-list>.item>.frame>img { width: 100%; }
#award-list>.item.last { margin-right: 0; }
#award-list::after { content: ""; clear: both; display: block; } 
#certification-awards h3 { margin: 20px 0px 10px 0px; }
#certification-awards, #certification-awards p { text-align: center; }

/** Story-page **/
#story-list .wrapper { padding: 0px; }
#story-list .featured { margin-top: 30px; }
#story-list .featured .story h3 { margin: 20px 0px 10px 0px; }
#story-list .featured .story { display: table; }
#story-list .featured .story .img { float: left; width: 34%; text-align: center; }
#story-list .featured .story .text { width: 66%; display: table; height: 250px;  }
#story-list .featured .story .text > div { display: table-cell; padding: 0px 30px; vertical-align: middle;  }

#story-list .featured .story.odd { background-color: #f3f3f3; padding: 30px; }
#story-list .featured .story.odd .img { float: left; }
#story-list .featured .story.odd .text { float: right; }
#story-list .featured .story.even { padding: 30px; }
#story-list .featured .story.even .img { float: right; }
#story-list .featured .story.even .text { float: left; }
#story-list .featured .story a.btn-blue { margin-top: 20px; }
#story-list .featured .story::after { content: ""; clear: both; display: block; }

#story-list .story img { max-width: 200px; width: 100%; margin: auto; border-radius: 120px; border: solid 8px #0050a2; display: block; position: relative; }
#story-list .story h3 { margin: 20px 0px 10px 0px; }
#story-list .list { margin-top: 50px; text-align: center; }
#story-list .list h2 { text-align: center; margin-bottom: 30px; }
#story-list .list .story { width: 22%; vertical-align: top; display: inline-block; *display: inline; zoom: 1; margin: 0 1.5%; text-align: center; position: relative; margin-bottom: 50px; }
#story-list .list .story img { cursor: pointer; left: -6%;  }
#story-list .list::after { content: ""; clear: both; display: block; } 
#story-list .modal h3 { margin: 20px 0px 10px 0px; text-align: center; }
#story-list .modal div.category { text-align: center; margin-bottom: 30px;  }
#story-list .modal p { text-align: justify; }

#story-list .note { text-align: center; margin-bottom: 50px; }

/** Donate page **/
/*
#donate-page h2 { text-align: justify; } 
#donate-page .content-1 { text-align: center; } 
#d_project-list { margin: auto; padding: 30px 0; padding-bottom: 30%; width: 1320px; } 
#d_project-list h2 { text-align: center; } 
#d_project-list .items { width: 30%; float: left; margin: 0 1.5%; max-width: 30%; border: 1px; text-align: center; } 
#d_project-list .item { width: 30%; float: left; margin: 0 1.5%; max-width: 30%; border: 1px; text-align: center; position: relative; } 
#d_project-list .btm-left { border: 1px solid black; border-radius: 8px; background-color: white; position: absolute; bottom: 8px; left: 16px; } 
#d_project-list .item img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 2px; padding: 2px; width: 80%; } 
*/

/** Volunteer page **/
#volunteer .project .items .item { margin-bottom: 0px; }
#volunteer .project .items { margin-bottom: 0px; }

#volunteer-list { text-align: center; }
#volunteer-list .item { width: 20%; max-width: 280px; margin: 2.2%; display: inline-block; *display: inline; zoom: 1; text-align: center; }
#volunteer-list .item h2 { background-color: #0050a2; color: #fff; padding: 20px; width: 200px; height: 200px; vertical-align: middle; text-align: center; display: table-cell; font-size: 32px; margin: auto; }
#volunteer-list .item .info { margin: 10px 0px; }
#volunteer-list .item .pic .name { font-size: 20px; line-height: 1; margin: 10px 0px; font-weight: bold; display: block;  }
#volunteer-list .item .pic .label { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #f7a81b; }
#volunteer-expertise ul { text-align: center; }
#volunteer-expertise ul li { display: inline-block; *display: inline; zoom: 1; text-align: left; width: 20%; }
#rewards .wrapper { padding-top: 0px; }
#rewards img {border-radius: 50%; width:250px}
#rewards td {vertical-align: middle;}

#donation-list { text-align: center; background-color: #f3f3f3; }
#donation-list .items { display: table; margin: auto; }
#donation-list .item { padding: 15px; max-width: 280px; margin: 0px 2.2% 30px 2.2%; display: table-cell; vertical-align: top; text-align: center; }
#donation-list .item h2 { background-color: #0050a2; color: #fff; padding: 20px; width: 200px; height: 200px; vertical-align: middle; text-align: center; display: table-cell; font-size: 32px; margin: auto; }
#donation-list .item .info { margin: 20px 0px; }
#donation-list .item .pic .name { font-size: 20px; line-height: 1; margin: 10px 0px; font-weight: bold; display: block;  }
#donation-list .item .pic .label { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #f7a81b; }

.pic a.call { background-image: url(themes/icon-phone-y.png); background-size: 25px; background-position: center left 12px; background-repeat: no-repeat; height: 18px; min-width: auto; min-width: initial; min-width: none; padding: 15px; width: 18px; border-radius: 30px; margin: auto 5px; }
.pic a.call:hover { background-image: url(themes/icon-phone-w.png); }
.pic a.whatsapp { background-color: #25d366; background-image: url(themes/icon-whatsapp-w-s.png); background-size: 25px; background-position: center left 11px; background-repeat: no-repeat; height: 18px; min-width: auto; min-width: initial; min-width: none; padding: 15px; width: 18px; border-radius: 30px; margin: auto 5px;  }

#highlight-member img { width: 25%; }
#highlight-member { margin-top: 5%; }

/** News & Events page  **/
#newsevents-page .wrapper { padding: 20px 20px; position: relative; width: 1200px; margin: auto;}
#newsevents-list { margin: auto; padding: 30px 0; padding-bottom: 25%; width: 1200px;}
#newsevents-list .items { width: 30%; float: left; margin: 0 1.5%; max-width: 30%; border: 1px; text-align: center;}
#newsevents-list .item { width: 39%; float: left; margin: 0px -6.5%; border: 1px; text-align: center; position: relative;}
#newsevents-list img { width: 50%; }

/** Certificates & Awards page **/
#certs-page .wrapper { padding: 20px 0px; position: relative; width: 100%; margin: auto; }
#certs-page .title{}
#certs-list { margin: auto; padding: 30px 0; padding-bottom: 25%; width: 100%; }
#certs-list .certs {display: table;}
#certs-list .tr {display: table-row;}
#certs-list .td {display: table-cell;vertical-align: middle;}
#certs-list .td:first-child{width: 38%; text-align: center;padding-bottom: 20px;}
#certs-list img { width: 85%; }

/* Magazines page */
#magazine-list { background-color: #f3f3f3; border-bottom: solid 8px #f7a81b; }
#magazine-list .items >.item { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 30px; text-align: center;  }
#magazine-list .items >.item.last { margin-right: 0px; }
#magazine-list .items >.item a { display: block; padding: 25px; background-color: #fff; }
#magazine-list .items >.item a img { display: block; }
#magazine-list .items >.item h3 { margin: 20px 0px 10px 0px; }
#magazine-list .items::after { content: ""; clear: both; display: block; } 

/** venue-zone **/
#venue-zone { position: relative; background-color: #f3f3f3;}
#venue-zone h2 { margin-bottom: 20px; }
#venue-zone .wrapper { display: table; }
#venue-zone .logo { width: 25%; padding-right: 5%; display: table-cell; vertical-align: top; position: relative; }
#venue-zone .logo img { display: block; width: 250px; max-width: 100%; }
#venue-zone .venue { width: 37.5%; padding-right: 5%; display: table-cell; text-align: center; vertical-align: top;	border-right: solid 3px #0050a2;}
#venue-zone p { text-align: center; }
#venue-zone .venue a.btn-blue { margin-top: 20px;  }
#venue-zone .datetime { width: 37.5%; display: table-cell; vertical-align: top;	 text-align: center; padding: 0px 20px; }

/** Project zone **/
#project-zone { text-align: center;}
#project-zone h1 { text-align: center; background-position: center bottom; }
#project-zone .wrapper > a { font-weight: bold; text-transform: uppercase; }
#project-zone .items { margin-bottom: 0px; }

.project .items { margin: 30px auto; }
.project .items::after { content: ""; clear: both; display: block; } 
.project .items .item { float: left; width: 31%; margin-right: 3.5%; position: relative; text-align: left; margin-bottom: 50px; }
.project .items .item.last { margin-right: 0px; }
.project .items .item:first-child { margin-left: 0px; }
.project .items .item .info { padding-top: 25px; }
.project .items img { width: 100%; display: block; }
.project .items .item h2 { padding-bottom: 15px; }
.project .items .item .date { float: left; }
.project .items .item .text { margin-left: 90px; }
.project .items .item .nodate .text { margin-left: 0px; }
.project .items .item .info::after { content: ""; clear: both; display: block; } 
.project .items .item a.btn-blue { margin-top: 15px; }

#past-project-list .wrapper, #upcoming-project-list .wrapper, #ongoing-project-list .wrapper { padding: 0px; }
#project-list .note { text-align: center; margin-bottom: 50px; }

body.project-info .section .wrapper { margin-top: 20px; padding: 0px 0px 30px 0px; }
body.project-info .project-info .wrapper { padding-top: 0px; }
body.project-info .date { float: left; margin-right: 20px; margin-bottom: 20px; }
body.project-info .text { margin-left: 105px; }
body.project-info .ongoing .text { margin-left: 0px; }
body.project-info .text:after { content: ""; clear: both; display: block; } 
body.project-info div.table { margin-top: 50px; padding: 30px; border: solid 1px #f7a81b; clear:both; }
body.project-info div.table::after { content: ""; clear: both; display: block; } 
body.project-info div.table .table-row { float: left; width: 22%; margin: 0px 1.5%; }
body.project-info div.table .table-row .table-cell { text-align: center; padding-bottom: 15px; }
body.project-info div.table .table-row .table-cell:last-child { color: #f7a81b; font-size: 50px; font-weight: bold; line-height: 1; }
body.project-info div.table.bullet h3 { font-size: 28px; }
body.project-info div.table .table-row .table-cell .name { font-size: 25px; margin-bottom: 15px; }
body.project-info #youtube { text-align: center; }
body.project-info #youtube .wrapper { padding-bottom: 0px; }
body.project-info #youtube iframe { width: 45%; margin: 0px 1% 30px 1%; }


/*  Highlights  */
#highlights { background-color: #f3f3f3; }
#highlights::after { content: ""; clear: both; display: block; } 
#highlights .item { display: table; width: 100%; }
#highlights .item a.img, #highlights .item .details { display: table-cell; vertical-align: middle; }
#highlights .item::after { content: ""; clear: both; display: block; } 
#highlights .item a.img { width: 50%; background-size: cover; background-position: center; }
#highlights .item a.img img { display: block; width: 100%; }
#highlights .item a.img img:hover { -webkit-animation: shine .75s; animation: shine .75s; }
#highlights .item .details { display: table; min-height: 450px;  }
#highlights .item .details > div { display: table-cell; padding: 50px; vertical-align: middle; }
#highlights .item .details h2 { margin-bottom: 20px; }
#highlights .item .details a.btn-blue { margin-top: 20px; }

#highlights .item:nth-child(even) a.img { float: right; }
#highlights .item:nth-child(even) .details {  }

/** Donate zone **/
#donate .wrapper { padding-bottom: 50px; }
#donate .project .items .item { }
#donate .project .items { margin-bottom: 0px; }
#spay .wrapper { padding: 0px; }

.fb-video { width: 100%; }
.fb-video > span, .fb-video iframe { width: 100% !important; }

#donate-zone { background-color: #f7a81b; color: #fff; font-size: 18px; text-align: center; }
#donate-zone .wrapper {padding: 60px 0px;}
#donate-zone .btn { width: 20%; float: right; text-align: center; margin-top: 6px; }
#donate-zone .btn a { border: solid 1px #0050a2; font-size: 18px; padding: 8px 30px; }
#donate-zone .btn a.btn-blue:hover { border: solid 1px #fff; }
#donate-zone .desc { width: 75%; float: left; }
#donate-zone .datetime { width: 30%; float: left; margin: -34px 69.5%; max-width: 30%; text-align: center; }
#donate-zone .item { width: 30%; float: left; margin: 0px 1.5%; max-width: 30%; position: relative; text-align: center; }

#banner .wrapper { max-width: auto; max-width: initial; max-width: none; padding: 0px; width: 100%; }
#banner .wrapper img { width: 100%; display: block; }

/* gallery */
.gallery { margin-top: 50px; clear: both;  }
.album-cover {
    float: left;
    margin: 0 2% 30px 0;
    text-align: center;
    width: 32%;
    overflow: hidden;
}
.album-cover div.img {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.album-cover a {
    display: block;
    overflow: hidden;
    height: 100%;
}
.album-cover img {
    padding: 0!important;
    border: none;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    width: 100%;
    margin: auto;
    zoom: 1;
}
.album-cover.last {
    margin-right: 0;
}

/* Contact */
/* -------------------- contact-form ------------------- */
#contact-form { background-color: #f3f3f3; border-bottom: solid 8px #f7a81b; }
#contact-form h2 { text-align: center; }
div.g-recaptcha { margin-left: 1.5%; margin-top: 20px; }
div.grecaptcha-badge { z-index: 100; }

.tbContactform  { width: 100%; max-width: 1096px; margin: auto; overflow: hidden; border-bottom: none; border: none; text-align: center; }
.tbContactform input.text { width: 88.8%; background-color: #fff; padding: 14px 4%; margin: 0px 1.5% 3% 1.5%; font-size: 15px; position: relative; z-index: 1; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1; border: solid 1px #cecece; }
.tbContactform tr { background: none !important; border: none !important; }
.tbContactform td > div.col input.text { padding: 14px 4%; width: 90%; }
.tbContactform select { width: 97%; background-color: #fff; padding: 13px 3%; margin: 0px 0.75% 1.5% 0.75%; font-size: 15px; position: relative; z-index: 1; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1; font-weight: 400; line-height: 1; border: solid 1px #cecece; border-radius: 2px; }
.get-in-touch .tbContactform select { padding: 13px 1.5%; width: 98.5%; }
.tbContactform td > div.col select { padding: 13px 4%; width: 98%; }
.tbContactform select option { line-height:20px; }
.tbContactform span.chk { display: inline-block; *display: inline; zoom: 1; position: relative; height: 10px; width: 10px; margin-left: 8px; margin-right: 12px; z-index: 0; border: solid 1px #2b2b2b; }
.tbContactform span.chk.error { border: solid 1px #ed1c24; }
.tbContactform input[type="checkbox"] { width: auto !important; width: initial !important; margin-left: 1.5% !important; margin-right: 10px; position: relative; top: 4px; left: -8px; opacity:0; position: absolute; z-index:1; }
input[type=checkbox]:checked + span:before { content: '\2714'; position: absolute; top: -5px; left: 0; }
.tbContactform textarea { width: 94.3%; background-color: #fff; padding: 15px 2%; margin: 0px 0.75% 1.5% 0.75%; font-size: 15px; position: relative; z-index: 1;    height: 122px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1; border: solid 1px #cecece; resize: none; }

.tbContactform .note { font-size: smaller; font-style: italic; line-height: 1.2; }

.tbContactform td { position: relative; padding: 0px; width: 50%; vertical-align: top; border: none; }
.tbContactform td[colspan="2"] input { width: 94.3%; padding: 14px 2%; margin: 0px 0.75% 1.5% 0.75%; }
.tbContactform td.col2 select { margin-bottom: 3%; }
.tbContactform input[type="button"] { border: none; cursor: pointer; margin-right: 1.5%; margin-top: 20px; font-size: 15px; outline: none; }
.tbContactform input[type="file"] { border: solid 1px #cecece; margin: 0px 0px 2px 0px !important; width: 99%; }
.antispam  { display: none; visibility:hidden; }

.tbContactform input.error, .tbContactform label.error, .tbContactform textarea.error, .tbContactform select.error {
    border: solid 1px #ed1c24;
    color: #ed1c24;
}
.tbContactform .error > span { color: #ed1c24; } 
.error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ed1c24;
  opacity: 1; /* Firefox */
}
.error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ed1c24; }
.error::-ms-input-placeholder { /* Microsoft Edge */ color: #ed1c24; }

.tbContactform div.col.error { 
    border: solid 1px #ed1c24;
    color: #ed1c24;
	border-radius: 2px; 
}
.contact-form .tbSuccess { margin: 0px 0% 10px !important; }
.tbErrors{ color: #ed1c24; text-align: center !important; margin-bottom: 10px; }
.tbSuccess{ color: #31B404; text-align: center !important; margin: 0px; margin-bottom: 10px !important; }

/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 12; /* Sit on top */ padding-top: 5vh; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */}

/* Modal Content */
.modal-content { background-color: #fff; margin: auto; padding: 0px 0px; width: 800px; max-width: 95%; max-height: 82vh; overflow: auto; }
#modal-content img { margin-left: auto; margin-right: auto; display: block; width: 200px; border-radius: 120px; border: solid 8px #0050a2; display: block;}
#modal-content .name, .strength, .industry, .website, .businesspage { padding-top: 10px; }
#modal-content .item { padding: 50px; }
#modal-content .table {display: table;margin-top: 20px; text-align: justify; }
#modal-content .table-row {display: table-row;}
#modal-content .table-cell {display:table-cell; padding-top: 10px; }
#modal-content .table-cell.label { color: #0050a2; font-weight: bold; width: 150px; }
#modal-content .table-cell p {text-align: left; width: 200px; }
#modal-content .table-cell a { word-break: break-all; }


/* The Close Button */
.close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: sticky; position: -webkit-sticky; line-height: 0; margin-right: 20px; margin-top: 20px; }
.close:hover, .close:focus { color: #000; cursor: pointer; }
.close:hover .tooltiptext {visibility: visible;}
.close .tooltiptext { visibility: hidden; background-color: #f7a81b; color: #0050a2; width: 126px; font-weight: inherit; font-family: 'Open Sans'; border-radius: 6px; padding: 12px 10px; position: absolute; z-index: 1; top: 11px; left: -809%; font-size: initial; text-align: justify; line-height: 1em; }

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 14px; height: 24px; margin-top: -12px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background-repeat: no-repeat; background-color: transparent; z-index: 1;}
.slick-prev { background-image: url(themes/left.png); left: -25px;}
.slick-next { background-image: url(themes/right.png); right: -25px;}
.slick-dots { text-align: center; margin-top: 20px;}
.slick-dots li { position: relative; display: inline-block; width: 21px; height: 21px; margin: 0 5px; padding: 0; cursor: pointer; background: url(banner/bullet.png) no-repeat center;}
.slick-dots li.slick-active { background: url(banner/bullet-active.png) no-repeat;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}


/* -------------------- sitemap ---------------- */

body.sitemap #cms { padding-bottom: 0px;}
#sitemap h2 { text-align: center; margin-bottom: 20px; }
#sitemap ul.col1,
#sitemap ul.col2 { width: 45%; vertical-align: top; display: inline-block; *display: inline; zoom: 1;}
#sitemap ul li { text-align: left;}
#sitemap ul li a { text-decoration: none; color: #000;}
#sitemap ul li a:hover { color: #0050a2;}
#sitemap ul ul { float: none !important; width: auto !important;}

/* -------------------- footer-menu ----------------- */

#footer { background-color: #0c3c7c; text-align: center; color: #fff; padding: 80px 50px; margin: auto;}
#footer .coname { color: #f7a81b;}
#footer a.logo { position: relative; margin-top: -44px; display: inline-block; *display: inline; zoom: 1;}
#footer-menu {}
.footermenu a { color: #fff; margin: 0px 25px; display: inline; display: inline-block; text-decoration: none;}
.footermenu a:hover,
#footer-menu a.active { text-decoration: none; color: #f7a81b;}
.footermenu span.separator { color: #f7a81b;}
.footermenu span.separator:last-child { display: none;}

#footer-menu2 { font-size: 13px; display: inline-block; *display: inline; zoom: 1; margin-left: 15px; }
#footer-menu2.footermenu a { margin: 0px 15px; }
.copyright { font-size: 13px; display: inline-block; *display: inline; zoom: 1;  }
.copyright a { color: #f7a81b; }
#footer #webdesign { font-size: 13px; margin-top: 10px; }
#footer #webdesign a { color: #f7a81b; }

/** contact form */



/* -------------------- gallery ---------------- */

.photo-cover { float: left; margin: 0 1% 35px; text-align: center; width: 31%; overflow: hidden; background-color: #fff;}
.photo-cover>div { width: 100%; height: 220px; overflow: hidden; position: relative;}
.photo-cover a { display: block; overflow: hidden; height: 100%;}
.photo-cover img { padding: 0!important; border: none; position: absolute; bottom: -13px; left: -9999px; right: -9999px; width: 115%; margin: auto; zoom: 1; max-width: auto; max-width: none; max-width: initial;}

/* -------------------- pop-up-gallery ----------------- */

div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { background-image: none !important; background-color: #fff !important;}
div.pp_default .pp_content { max-width: 100%; width: 100% !important;}
div.pp_default .pp_social { display: none; }
#pp_full_res img { width: 100% !important;}
.pp_hoverContainer { width: 100% !important;}
.pp_fade { position: relative;}
div.ppt { display: none !important;}
div.pp_default .pp_expand { display: none !important;}


/** photoswipe **/

.ps-viewport { top: 0px !important;}
.ps-document-overlay { width: 100% !important;}

@media only screen and (max-width: 1300px) { 
	body { min-width: auto; min-width: initial; min-width: none; }
	.wrapper { max-width: auto; max-width: initial; max-width: none; width: auto; width: initial; padding: 50px 30px; }
	#header-container { width: auto; width: initial; }
	#menu-top { margin-left: 185px; }
	#menu a, #menu a:visited { padding: 30px 15px; }
	#highlights .item .details { min-height: 350px; }
	#donate-zone .wrapper { padding: 40px 30px; }
	#past-project-list .wrapper, #upcoming-project-list .wrapper, #ongoing-project-list .wrapper, #event-list .wrapper, #news-list .wrapper, #fellowship-list .wrapper { padding: 0px 30px; }
	body.project-info .date { margin-right: 12px; margin-bottom: 12px; }
	body.project-info .text { margin-left: 100px; }
	#footer { padding: 40px 30px; }
}
@media only screen and (max-width: 1150px) { 
	#logo { position: relative; text-align: center; margin-bottom: 10px; }
	#menu-top { position: initial; margin: auto; text-align: center; }
	#menu{ height: 38px; text-align: center; }
	#menu a, #menu a:visited { padding: 5px 15px 18px 15px; }
	#menu ul ul { top: 38px; padding-top: 0px; }
	#menu ul li { display: inline-block; *display: inline; zoom: 1; float: none; }
	#banner-contant { top: 147px; margin-bottom: 147px;}
	#volunteer-expertise ul li { width: 26%; }
	#volunteer-expertise ul { text-align: left; }
	#social-media-icons { margin: 10px 0px; position: absolute; top: 0px; right: 20px; }
	#footer #social-media-icons { position: relative; margin: 20px 0px; right: 0px; }
}
@media only screen and (max-width: 1024px) { 
	body { font-size: 14px; }
	.nivo-directionNav a { width: 40px !important; height: 40px !important; background-size: 40px; }
	#menu { height: auto; height: initial; }
    #menu a, #menu a:visited { padding: 5px 10px 10px 10px; }
	#menu ul ul { top: 29px; }
	#social-media-icons a { margin: 0px 10px; }
	.nivo-prevNav { padding-left: 30px !important; background-position-x: 30px !important; }
	.nivo-nextNav { padding-right: 30px !important; } 
	#banner-contant { top: 137px; margin-bottom: 137px;}
	
	h1 { font-size: 32px; }
	#venue-zone .logo, #venue-zone .venue { padding-right: 2%; }
	#venue-zone .wrapper { display: block; }
	#venue-zone .logo { display: block; width: 100%; padding-right: 0px; }
	#venue-zone .logo img { margin: 0px auto 20px auto; }
	#venue-zone .venue { display: block; float: left; width: 46%; padding: 0px 1.5%;  }
	#venue-zone .datetime { display: block; float: right; width: 46%; padding: 0px 1.5%; }
	
	#highlights .item .details > div { padding: 30px 50px; }
	#highlights .item .details { min-height: auto; min-height: initial; min-height: none; }
	#donate-zone { font-size: 16px; }
	#donate-zone .btn a { font-size: 16px; }
	.rotary-club-of-kuching-unity-city #main-content table { margin-left: 0px; }
	.rotary-club-of-kuching-unity-city table.seven-focus-area ol, .rotary-club-of-kuching-unity-city table.four-way-test ol { margin: 0px 30px; }
	.rotary-club-of-kuching-unity-city table.four-way-test td:first-child, .rotary-club-of-kuching-unity-city table.seven-focus-area td:last-child { padding: 120px 30px 30px 30px !important; }
	.rotary-club-of-kuching-unity-city table.seven-focus-area tr { position: relative; }
	.rotary-club-of-kuching-unity-city table.seven-focus-area td:first-child { position: absolute; width: 94%; padding: 30px 3% !important; left: 0px; }
	.rotary-club-of-kuching-unity-city table.seven-focus-area h2, .rotary-club-of-kuching-unity-city table.four-way-test h2 { line-height: 40px; font-size: 35px; }
	
	.rotary-club-of-kuching-unity-city table.four-way-test tr { position: relative; }
	.rotary-club-of-kuching-unity-city table.four-way-test td:last-child { position: absolute; width: 94%; left: 0px; padding: 30px 3%; }
	.rotary-club-of-kuching-unity-city table.four-way-test h2 span { display: inline-block; *display: inline; zoom: 1; font-size: 24px; }
	
	body.project-info .wrapper { padding-bottom: 30px; }
	body.project-info div.table .table-row { margin: 2%; width: 46%; }
	body.project-info div.table.bullet h3 { font-size: 25px; }
	body.project-info div.table .table-row .table-cell:last-child { font-size: 45px; line-height: 1;  }
	body.project-info div.table .table-row .table-cell .name { font-size: 22px; margin-bottom: 10px; }
	body.project-info #youtube iframe { width: 600px; max-width: 100%; margin: 0px 0px 30px 0px; }
	
	.gallery { margin-top: 35px; }
	
	body.member #main-content table.theme td { width: 100% !important; float: left; box-sizing: border-box; }
	
	#president-message .text { padding-left: 10px; }
	
	#donation-list .item { width: 35%; margin: 0px 2.5% 30px 2.5%; }
	#volunteer-list .item { width: 35%; margin: 0px 2.5% 30px 2.5%; }
	
	#sitemap ul.col1, #sitemap ul.col2 { width: 100%; display: block; }
	#sitemap ul.col1 { margin-bottom: 0px; }
	#sitemap ul.col2 { margin-top: 0px; }
	
	#story-list .tab-menu .cat a { padding: 8px ​18px; }
	#story-list .list .story { width: 20%; margin: 0px 2.5% 30px 2.5%; }
	
	.mfp-container { padding-left: 10px !important; padding-right: 35px !important; }
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { padding: 20px !important; }
	.mfp-close { width: 30px !important; height: 30px !important; right: -30px !important; }
	a.link-spay-popup img { height: 40px; }
	
	.footermenu a { margin: 0px 15px 10px 15px; }
	.footermenu span.separator:first-child { display: none; }
	#footer-menu2 { margin-left: 0px; display: block; margin-top: 10px;  }
}
@media only screen and (max-width: 880px) { 
	body { overflow-x: hidden; }
    .project .items .item, #donate .project .items .item { width: 100%; margin-right: 0px; margin-bottom: 35px; }
	.home .project .items .item.last, .project .items .item:last-child { margin-bottom: 0px; }
	.project .items .item {  }
	.project .items .item .info { height: auto !important; height: initial !important; }
	.project .items .item .info h2 {  }
	#project-zone a.link { margin-top: 30px; display: inline-block; *display: inline; zoom: 1; }
	
	#donate-zone .desc { width: 100%; margin-bottom: 10px; }
	#donate-zone .btn { width: 100%; }
	
	#modal-content .item { padding: 35px; }
	
	#newsevent-list .list .item { width: 100%; margin-right: 0px; margin-bottom: 35px; }
	#newsevent-list .list .item .info { height: auto !important; height: initial !important; }
}
@media only screen and (max-width: 768px) { 
	h1 { font-size: 28px; }
	#header-container { padding: 0px 30px; }
    #menu { display: none; }
	#mobile-menu { display: block; }
	.slicknav_btn { position: absolute !important; right: 30px; top: 45px; }
	#logo { text-align: left; margin-bottom: 0px; }
	#menu-top { margin-bottom: 10px; }
	.nivo-controlNav { padding: 5px 0px; }
	.nivo-controlNav a { height: 18px !important; width: 18px !important; background-size: cover !important; }
	#banner-contant { top: 108px; margin-bottom: 108px; }
	
	.wrapper { padding: 40px 30px; }
	body { font-size: 14px; }
	.breadcrumb a, .breadcrumb-current, .btn-blue, a.btn-blue { font-size: 13px; }
	
	table.twocols td { float:left; width: 100% !important; margin-bottom: 20px; }
	table.twocols td img { margin: auto; }
	
	.rotary-club-of-kuching-unity-city #main-content .btn-blue { width: 180px; }
	.rotary-club-of-kuching-unity-city #main-content table.clubhistory td:last-child { width: 95px !important; }
	.rotary-club-of-kuching-unity-city #main-content table.clubhistory td { padding: 15px 10px; }
	
	
	#volunteer-expertise ul li { width: 40%; }
	
	#venue-zone .venue { width: 96%; padding: 0px 2%; border-right: none; margin-bottom: 30px; }
	#venue-zone .datetime { width: 96%; padding: 0px 2%;  }
	
	#highlights .item a.img { width: 100%; display: block; }
	#highlights .item .details { width: 100%; float: left; height: auto !important; height: initial !important; }
	#highlights .item .details > div { text-align: center; }
	
	#donate-zone { font-size: 15px; } 
	#donate-zone .btn a { font-size: 15px; }
	
	#president-message .img { display: block; text-align: center; }
	#president-message .img img { margin: 0px auto 20px auto; }
	#president-message .text { padding: 0px; }
	#president-message .text h2 { text-align: center; }
	
	body.project-info .date { margin-right: 0px; margin-bottom: 0px; }
	body.project-info div.table { margin-top: 30px; }
	body.project-info div.table .table-row { width: 96%; margin: 0px 2% 25px 2%; } 
	body.project-info div.table .table-row:last-child { margin-bottom: 0px; }
	body.project-info .text { margin-left: 85px; }
	
	.album-cover { margin-right: 4%!important; width: 48%; margin-bottom: 15px; }
	.album-cover.col2 { margin-right: 0!important; }
	
	#member-list .item { width: 45%; margin-bottom: 35px; max-width: auto; max-width: initial; max-width: none; }
	#member-page p { padding: 0px; }
	
	#magazine-list .wrapper { padding-bottom: 10px; }
	#magazine-list .items >.item { width: 48%; margin-right: 4%; }
	#magazine-list .items >.item.even { margin-right: 0px; }

	#award-list .wrapper { padding-bottom: 10px; }
	#award-list>.item { width: 48%; margin-right: 4%; }
	#award-list>.item.even { margin-right: 0px; }

	.tab-menu .cat a { padding: 6px 20px; border-radius: 15px 15px 0px 0px; margin: 0px 2px; border: solid 1px #fff; border-bottom: none; line-height: 1; }
	
	#story-list .tab-menu .cat { display: table; float: left; width: 48%; margin: 0px 1%; }
	#story-list .tab-menu .cat a { height: 25px; display: table-cell; vertical-align: middle; }
	#story-list .tab-menu >div::after { content: ""; clear: both; display: block; } 
	
	#story-list .featured .story .img { float: none !important; width: auto; width: initial; }
	#story-list .featured .story .text { float: none; width: 100%; display: block; height: auto; height: initial; }
	#story-list .featured .story .text > div { padding: 0px; text-align: center; }
	#story-list .featured .story .text > div .story { text-align: justify; }
	#story-list .list { margin-top: 20px; text-align: center; }
	#story-list .list .story { width: 35%; float: none; display: inline-block; *display: inline; zoom: 1; margin: 0px 5% 30px 5%; }
	
	.tbContactform td { width: 100%; float: left; }
	.tbContactform td[colspan="2"] input, .tbContactform input.text { margin: 0px 0px 15px 0px; width: 93.5%; padding: 14px 3%; }
	.tbContactform textarea { margin: 0px 0px 15px 0px; padding: 14px 3%; width: 93.5%; }
	td.captcha { text-align: center; }div.g-recaptcha { display: inline-block; *display: inline; zoom: 1; width: 100%; }
	div.g-recaptcha > div { width: 100% !important; height: auto !important; height: initial !important; height: none !important; max-width: 304px; margin: auto; }
	div.g-recaptcha iframe { width: 100% !important; }
	.tbContactform input[type="button"] { margin: 20px auto 0px auto !important; width: 130px; }
	.tbContactform td.button { text-align: center !important; }
	
}
@media only screen and (max-width:650px){
	.rotary-club-of-kuching-unity-city table.priorities td { float: left; width: 100%; }
	.rotary-club-of-kuching-unity-city table.priorities td:first-child { padding-bottom: 0px; }
	.rotary-club-of-kuching-unity-city table.priorities td:last-child { padding-top: 0px; }
	
	#donation-list .item { width: 80%; display: block; max-width: 80%; margin: 0px auto 30px auto; text-align: center; }
	#volunteer-list .item { width: 80%; display: block; max-width: 80%; margin: 0px auto 30px auto; text-align: center; }
	#donation-list .item h2, #volunteer-list .item h2 { width: 250px !important; height: initial !important; display: block; }
	#donation-list .item .info, #volunteer-list .item .info { height: auto !important; height: initial !important; }
	
	#magazine-list .items >.item a { padding: 15px; }
	#award-list>.item>.frame { padding: 15px; }
	
	#story-list .list .story { width: 40%; }
	#story-list .tab-menu .cat a { height: 35px; padding: 5px 20px; }
}
@media only screen and (max-width:550px){
	.rotary-club-of-kuching-unity-city table.four-way-test h2, .rotary-club-of-kuching-unity-city table.seven-focus-area h2 { font-size: 25px; }
	#member-list .item .rotary_year { font-size: 18px; }
	#member-list .item h3 { font-size: 14px; }
	#member-list .item a.btn-blue { padding: 12px 15px; }
}