*{
	padding: 0;
	margin: 0;
}
body li a{
	font-family: ubuntu;
}
#docs a{
	color: #03A9F4;
}

#docs a:hover{
	color: #43A047;
}
.viewed-contents img{
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 6px;
}
footer{
	width: 100%;
	/*background-image: url('../foot.png');*/
	background: linear-gradient(to right,#0C4611,#2A8A33,#2A8A33);
    min-height: 500px;
	margin-top: 20px;
	padding-bottom: 1.3em;
	padding-bottom: 2.5em;
	
}
#container-mn{
height: auto;
padding-bottom: 1em;
}
 .mining-links i{
margin-left: 0.4em;
  }
  .mining-links span{
color:#009688;
  }

  .mining-links{
  	font-size: 85%;
  }
  .viewed-contents{
font-size: 90%;
  }
.top_post_title{
 color:#009688;
 font-family: 'Yrsa', serif;
 padding-top: 1em;
 font-size: 18px;
  margin-left: 35%; 
  text-align: center;
  }
  .vc_title{
  font-family: 'Yrsa', serif;
  font-size: 16px;	
  }
  .vc_body_contents{
  	font-size: 13px;
  	font-style: italic;
  }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body{
  line-height: 1.4;
}

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.header-krc-contents{
height: 110px;
background-color:#008000;
width: 100%;
}
#big-row{
	margin-top: 2em;
}
#small-row-inner{
margin-top: 3em;	
}
#lower-small-inner{
padding-top: 2em;	
}
.welcome-krc{
	height: 240px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#wrap-bout-welcome{
	margin-top: 1.5em;
	min-height:300px;

	
	margin-bottom: 1.5em;
}
#krc-welcome{
height: 100%;
padding-left: 4em;
}
#krc-welcome h2{
font-size: 20px;
padding-bottom:0.3em;
color: #00796b;
}
#krc-welcome a{
	color: #2196F3;
}
#krc-welcome p{
	padding-right: 2em;
	font-size: 15px;
	color: #555059;
	font-family: 'Open Sans', sans-serif;
}
#krc-welcome a:hover{
	color: #00796b;
}
#krc-welcome p{
text-align: justify;
}
.ads{
width: 100%;
height: 100%;
}
#conts{
    	z-index: 999;
    	height: 100%;
    	width: 100%;
    	margin-top:1.6em;
    	background:rgba(0,0,0,0.445);
    }
    #inner-descr-head img{
        height: 200px;
        width:100%;
    }
#inner-descr-head{
border:1px solid #CFD8DC;
border-radius: 5px;
width:190px;
height: 227px;
margin-top: 1em;

background-position:center;
	 transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
 
   /*height: 100%;*/
   background-repeat: no-repeat;
}
#inner-descr-headdec:hover{
 transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 	
}
#inner-descr-head h3{
color:#696969;
}
#inner-descr-head span{
color: #696969c;
}
/*#inner-descr-head{*/
/*	padding-top:8em; */
/*}*/
#dec{
    	z-index: 2;
    	height: 100%;
    	width: 100%;
    	background:rgba(0,0,0,0.445);
    }
#vc-note h3{
color: #696969c;
text-align: center;
font-size: 13px;
font-family: 'Josefin Sans', sans-serif;
}
#vc-note p{
	color: #696969;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}
#vc-note span{
color: #696969;	
font-size:14px; 
text-align: center;
margin-left: 0.2em;
font-family: 'Josefin Sans', sans-serif;
}
#vc-note h4{
	height: 1.3em;
	font-family: 'Josefin Sans', sans-serif;
    width: auto;
    font-size: 14px;
    padding-top: 0.5em;
    margin-left: 2.1em;
    padding-right: 0.2em;
    
}
#vc-note a{
	color:#E0E0E0;
	margin-left: 0.3em;

	text-align: center;
	font-weight: bold;
}
#vc-note a:hover{
	color: green;
}
#vc-note i{
	margin-left: 0.3em;
}
#vc-note h3{
font-size:12px;
margin-left: 0.4em; 
margin-bottom: 0.3em;	
}
.wrap-left{
	float: left;
    margin-top: 1em;
    height: 100%;
    width: 70%;
}
.wrap-right{
    float: right;
    height: 100%;
    width: 27%;  
    margin-left: 2em;  	
}
.top-first-menu{
	width: 100%;
	height: 100px;
}
.logo{
width: 30%;
float: left;
height: 110px;
}
.top-middle-menu{
width: 40%;
height:110px;
float: left;
}
.nav_bar p{
	font-family: 'Yrsa', serif;
}
.all_div_content span{
	font-family: sans-serif;
}
.top-middle-menu img{
	width: 100%;
	height: 110px;
}
.search-box{
width: 30%;
background-image: url('../banner.png');
height: 110px;
float: left;
}
.search-box p{
	font-family: 'Yrsa', serif;
	margin-top: 2.7em;
	color: #fff;
}
#box_krc{
	height: 2em;
	border-radius: 5px;
	background-color:#FAFAFA;
}
#inner-event{
	margin-top: 2em;
}
#events-wrap{
	width: 100%;
}
#right-row{
margin-bottom: 1em;
}
#left-row{

}
#row-below{
	margin-top: 1.2em;

}
#pro{
	margin-bottom: 2em;	
}
#btn_krc{
height: 2em;
border-radius: 5px;
color: #00796b;
width: auto;
padding-left: 0.3em;
padding-right: 0.3em;
}
#btn_krc:hover{
	background-color:#9E9E9E; 
	cursor: pointer;
	color: #fff;
}
.top-middle-menu ul{
 height: auto;
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 text-align: center;
 margin-top: 1.8em;
 line-height: 2.5em;	
}
.top-middle-menu ul li{
float: left; 
width: auto;
border-radius: 5px;
list-style-type: none;
margin-left: 2em;	
}
.top-middle-menu ul li>a{
text-decoration: none;
padding-left: 0.5em;
color: #00796b;
font-weight: bold;
font-family:Sawasdee;
padding-right: 0.5em;
}
.top-middle-menu ul li:hover{
	background-color: #E0E0E0;
}
.top-middle-menu i{
color:#BDBDBD;
}
#vd-frame{
	border-radius: 5px;
	height: 200px;
	margin-left: 1.5em;
	border:1px solid #CFD8DC;
}
#video-bg-elem{
	height: 100%;
	width: 100%;
}
#mainContainer{
	width: 90%;
	height: 1% auto;
	margin-top: 4em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}
.divide_me{
height: 4px;
width: 100%;
background-color: #B0BEC5;
}
#other-contents{
background-color: green;
}
#more_footer_links{
	color: #03A9F4;
	font-weight: bold;
}
#more_footer_links i{
	margin-left: 0.2em;
}
#more_footer_links:hover{
color: #009688;
cursor: pointer;
}
#other_links{
height:1% auto;
}
.krc-footer-cont{
	min-height: 230px;
	padding-bottom: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.krc-footer-cont span{
	color: #03A9F4;
	font-size: 17px;
	margin-left: 0.2em;
}
#quick-links,#karuco-portal,#our-location,#find-us{
	float: left;
	padding-top: 1em;
	width: 23%;
}
#quick-links,#karuco-portal,#our-location,#find-us{
	padding-bottom: 1em;
}
.krc-footer-cont li{
	list-style-type: none;
	margin-top: 0.4em;
	float: none;
	margin-left: 2em;
}
.krc-footer-cont li a{
	text-decoration: none;
    color: #263238;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Muli', sans-serif;
}
.krc-footer-cont li a:hover{
	text-decoration: underline;  
}
.krc-footer-cont hr{
	border-style: dotted;
	width: 50%;
	color: #607D8B;
}
.branding{
	height: 20px;
	padding-top: 1.2em;
	width: 100%;
}
#copyright{
	width: 49%;
	height: 20px;
}
#developer{
width: 49%;
height: 20px;
float: left;
}
#copyright p{
	text-align: center;
	font-family: ubuntu;
     color: #03A9F4;
}
#developer p{
text-align: center;
font-family: ubuntu;
color: #D5DFE1;
}
#developer em{
	margin-left: 0.5em;
	color: #CEF1EE;
}
#find-us i{
	margin-right: 0.5em;
	color: #FAFAFA;
}
#find-us a{
	margin-right: 0.5em;
	color: #ffffff;
}
#karuco-portal i{
    margin-right: 0.5em;
	color: #FAFAFA;	
}
#karuco-portal a{
    margin-right: 0.5em;
	color: #ffffff;	
}
#quick-links i{
    margin-right: 0.5em;
	color: #FAFAFA;	
}
#quick-links a{
    /*margin-right: 0.5em;*/
	color: #ffffff;	
}
#our-location a{
    margin-right: 0.5em;
	color: #ffffff;
}
#our-location i{
    margin-right: 0.5em;
	color: #FAFAFA;
}
#our-location a{
    margin-right: 0.5em;
	color: #ffffff;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.top-second-menu:after {
	clear:both;
}
.top-second-menu {
	zoom:1;
}
/*horizontal menu styles*/	
.top-second-menu {
	background-color: #056d05;
	background: linear-gradient(to right,#4CAF50,#056d05);
	width: 100%;
	height: 50px;
}
.top-second-menu li {
	position: relative;
}
ul.topmenu_01 li a {
	display: block;
	line-height: 1.2em;
	color: #E8EAF6;
	font-weight: bold;
	font-size: 17px;
	font-family:Sawasdee;
	text-decoration: none;
	padding-left: 1em;
    padding-right: 1em;
}
.topmenu_01 li a:hover {
	height: 2em;
	background-color: #E8EAF6;
	color: #263238;
}
.topmenu_01 ul, li {
	margin-left: 1.5em;
	list-style: none;
	float: left;
}
i{
	margin-right: 1em;
}
/*dropdown menu styles*/
ul.submenu_01 {
	float: none;
	background-color:#E8EAF6;
	width: auto;
	padding-left: 3em;
	padding-right: 3em;
	height: auto;
	border: 2px solid #A4A8A9;
	border-radius: 5px;
	padding-top: 0.5em;
	position: absolute;
	top: 2em;
	z-index: 9000;
	left: -9000em;

}

.topmenu_01 li:hover ul{
	left: 0;
}
.krcr-contents-two i{
	margin-left: 0.4em;
}
.menus{
    height: 100%;
	width: 100%;			
}
.menus i{
	margin-left: 0.2em;
}
.menus ul{
	padding-top: 0.9em;
}
ul.submenu_01 li a {
	font-size: 16px;
	color: #263238;
	white-space: nowrap;
}
ul.submenu_01 li{
	border-bottom: 1px solid #C2D5D6;
height: auto;
margin-left: 0;
padding-bottom: 0.5em;
padding-top: 0.5em;
}
ul.submenu_01 li:last-child a {
	border-bottom: none;
}
ul.submenu_01 li a:hover {
	height: auto;
	color: #009688;
	border-radius: 0;
}
ul.submenu_01 li:hover {
	width: auto;
}
/*start mobile*/
.container-krc-one{
	width: 100%;
	margin-top: 1em;
	height: 230px;
	background-color: #EEEEEE;
}
.container-krc-two{
	width: 70%;
	margin-top: 1em;
	height: 170px;
}
.krcl-contents-one{
width: 70%;
float: left;
height: 100%;
}
.krcl-contents-two{
width: 100%;
height: 100%;
}
.krcl-contents-two a{
	font-size: 14px;
}
#krcr-contents-one{
border:1px solid #CFD8DC;
border-radius: 5px;
margin-top: 1em;
margin-left: 4em;
padding-bottom: 1.2em;
}
#event-section{
 border:1px solid #CFD8DC;
border-radius: 5px;
color: #000;
text-align: justify;
width: 90%;
margin-left: 4.3em;
font-size: 16px;
text-align: center;
}

.events{
margin-top: 0.7em;
width: 100%;
margin-bottom: 0.5em;
height: 115px;
padding-bottom: 0.4em;
}
.events li a:hover{
	text-decoration:underline;
}
.thmb{
	float: left;
	width: 35%;
	height: 120px;
}
.thmb img{
	margin-top: 0.5em;
	padding-top: 0;
	height: 90px;
	width: 100px;
}
.links-event{
    float: left;
    padding-top: 0.4em;
	width: 65%;
	height: auto;	
}

.thmb img{
	padding-top: 0;
}

.links-event p{
	color:  #0277BD;
	margin-left: 1em;
}
.links-event span{
font-family: sans-serif;
}
.links-event li{
	list-style-type: none;
}
.links-event li a{
color: #0277BD;
text-align: justify;
text-decoration: none;
font-family: 'Crimson Text', serif;	
}
#krcr-contents-one p{
	text-align: center;
	padding-top: 0.4em;
	font-size: 20px;
	text-decoration-style: dotted;
	height: 2em;
}
#title-news{
height: auto;
width: 100%;
}
#title-news p{
color: #000;
font-size: 20px;
}
#title-news i{
margin-left: 0.3em;
color: grey;
}
#krcr-contents-one li{
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0.3em;
	margin-top: 0.6em;
	
}
#view_all{
height: auto;
width: auto;
margin-left: 3em;
padding-top: 1em;
}
#view_all a:hover{
color: #3A453C;
}
#view_all i:hover{
color: #3A453C;
}
#view_all a{
font-size: 17px;
font-family: 'Yrsa', serif;
color: #00796b;
font-weight: bold;
}
#view_all i{
color: #00796b;
}

#view_all_ann{
height: auto;
width: auto;
margin-left: 3em;
padding-top: 1em;
}
#view_all_ann a:hover{
color: #3A453C;
}
#view_all_ann i:hover{
color: #3A453C;
}
#view_all_ann a{
font-size: 17px;
color: #00796b;
font-family: 'Yrsa', serif;
font-weight: bold;
}
#view_all_ann i{
color: #00796b;
}
#krcr-contents-one li:hover{
	background-color: #E0E0E0;
}
#krcr-contents-one li a:hover{
	text-decoration: underline;
}
#krcr-contents-one li a{
	text-decoration: none;
	padding-left: 1em;
	cursor: pointer;
	font-family: 'Crimson Text', serif;
	color: #0277BD;	 
}

#krcr-contents-one span{
width: auto;
height: auto;
color: grey;
font-family: sans-serif;
margin-left: 4em;
font-size: 12px;
}

.foot-lniks{
   height: auto;
   width: 100%;
   z-index: 1;
   position: absolute; 
   text-align: center;
   position: relative;
   top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.foot-links li>a{
color: #fafafa;
line-height: 2em;
text-decoration: none;
font-family: ubuntu;
font-size: 23px;
}
.foot-links li{
	width: 100%;
	height: 3em;
	margin-left: 0;
    text-align:center;
    background:rgba(0,0,0,0.3);
}
.icons{
background-size: cover;
background-position: 50% 50%;
height: 100%;
width: 100%;
position: absolute; 
}
.foot-links i{
	color: #fff;
	margin-left: 0.4em;
	font-size: 20px;
}
.foot-links li>a:hover{
	color: #C8E6C9;
}
.submenu_01 img{
	transition: all .2s ease-in-out;
}
.submenu_01 img:hover{
	cursor: pointer;
	transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);
}
.icon_2 {
  transition: all .2s ease-in-out;
  background-image: url('../images/im_2.jpg');
}
.icon_3 {
  transition: all .2s ease-in-out;
  background-image: url('../images/im_4.jpg');
}
.icon_1 {
  transition: all .2s ease-in-out;
  background-image: url('../images/im_1.jpg');
}
.icon_1:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);	
}
.icon_2:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);	
}
.icon_3:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);	
}
#krcl1-contents-one{
	height: 160px;
	width: 30.8%;
	  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#krcl2-contents-one{
	height: 160px;
	width: 30.8%;
	margin-left: 1em;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}
#krcl3-contents-one{
	height: 160px;
	width: 30.8%;
	margin-left: 1em;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}
#krcl1-contents-two{
	transition: all .2s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

#krcl2-contents-two{
	transition: all .2s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}
#krcl3-contents-two{
	transition: all .2s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}
#krcl1-contents-two:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);
}
#krcl2-contents-two:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);
}
#krcl3-contents-two:hover{
cursor: pointer;
transform : scale(1.1);
 -moz-transform : scale(1.1);
 -webkit-transform : scale(1.1);
 -o-transform : scale(1.1);
 -ms-transform : scale(1.1);
}

.krcr-contents-two{
width: 29.8%;
border: 1px solid #BCD2CA;
float: left;
border-radius: 5px;
height: 100%;
}
.krcr-contents-two p{
padding-left: 0.3em;
font-family:'Maven Pro', sans-serif;
padding-right: 0.3em;
}
.krcr-contents-two h3{
	text-align: center;
	color: #37474F;
	font-size: 17px;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
	font-family: ubuntu;
}
.krcr-contents-two span{
float: right;
font-style: italic;
font-size: 15px;
padding-top: 0.3em;
margin-right: 2em;
}
#krcl2-contents-two img{
height: 40%;
margin-top: 0.8em;
width: 23%;
margin-left: 4em;
}
#krcl1-contents-two img{
height: 40%;
margin-left: 4em;
margin-top: 0.8em;
width: 23%;
}
#krcl3-contents-two img{
height: 40%;
margin-top: 0.8em;
margin-left: 4em;
width: 23%;
}
.title_cont_two{
	font-family: ubuntu;
	color: #C5C8D3;
	text-align: center;
	padding-top: 0.4em;
    /*background:rgba(0,0,0,0.3);*/
    background-image: url("../bacs.png");
    padding-bottom: 0.4em;
}
.links-two{
	width: 100%;
	height: auto; 
}
.links-two a{
	 font-family: 'Yrsa', serif;
    font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	color: grey;
	margin-left: 2em;
}
.links-two a:hover{
	color: #00796b;
}
.links-two i{
margin-left: 0.4em;	
}
/*FOR DEVICES WIDER LESS THAN 480PX*/
.mobile{
	display: none;
}
.top-middle-menu-mob{
	display: none;
}
#sliderFrame{
width: 90%;
margin-right: auto;
margin-left: auto;
	}
.events span{
	color: grey;
    font-size: 12px;
    margin-left: 4em;
}

#namers{
    height:4em;
}
@media only screen and (max-width : 1024px) {
	footer{
	min-height: 900px;
	width: 100%;
	padding-bottom: 1.2em;
}
#conts{
    	z-index: 999;
    	height: 100%;
    	margin-top:1.3em;
    	width: 100%;
    	background:rgba(0,0,0,0.445);
    }
#inner-descr-head h3{
color:#696969;
}
#inner-descr-head span{
color: #696969c;
}
#inner-descr-head{
border:1px solid #CFD8DC;
border-radius: 5px;
height: 220px;
margin-top: 1em;
background-position:center;
	 transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
 
   /*height: 100%;*/
   background-repeat: no-repeat;
}
#vid{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#pro{
     margin-left: auto;
     margin-right: auto;
	margin-bottom: 3em;
	width: 96%;
}
#krcr-contents-one{
border:1px solid #CFD8DC;
border-radius: 5px;
margin-top: 1em;
width: 80%;
margin-left: 3em;
margin-right: auto;
padding-bottom: 1.2em;
}
.download{
  font-size: 80%;
  }
#event-section{
 border:1px solid #CFD8DC;
border-radius: 5px;
padding-bottom: 0.5em;
}
.krc-footer-cont li{
	list-style-type: none;
	margin-top: 0.4em;
	float: none;
	margin-left: 0.5em;
}
#event-section h2{
	font-size: 20px;
}
#title-news p{
font-size: 20px;
}
.wrap-right{
    float: none;
    height: 1% auto;
    margin-bottom: 2em;
    margin-right: auto;
    margin-left: auto;
    width: 97%;    	
}
.ads{
width: 100%;
margin-top: 780px;
padding-bottom: 2em;
height: 1% auto;
}
#event-section{
width: 97%;
float: none;
margin-left: auto;
margin-right: auto;
height: 100%;
margin-bottom: 1em;
padding-bottom: 1.2em;
}
#copyright p{
	text-align: center;
	font-size: 15px;
	font-family: ubuntu;
	padding-top: 1em;
    color: #03A9F4;
}
#developer{
width: 49%;
padding-bottom: 1.3em;
padding-top: 1em;
height: 20px;
float: left;
}
.welcome-krc{
	width: 97%;
	min-height: 270px;
	padding-bottom: 550px;
	margin-bottom: 3em;
	margin-top: 1.7em;
    margin-right: auto;
    margin-left: auto;
}
.wrap-left{
    width: 97%;
    float: none;
    margin-right: auto;
    margin-left: auto;	
}
#vc-note{
    width: 70%;
    margin-top: 2em;
    margin-right: auto;
    margin-left: 3em;		
}
#vc-note img{
width: 100%;
margin-left:0.5em;
height: 200px;
}
#krc-welcome{
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.krc-footer-cont{
	height: 100%;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.branding{
	background-color: #152727;
	padding-bottom: 5em;
}
	#krcl1-contents-one{
	width: 80%;
	margin-bottom: 1em;
	margin-right: auto;
	float: none;
	margin-left: auto;
	height: 160px; 
	  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}

#krcr-contents-two{
width: 97%;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
border: 1px solid #BCD2CA;
float: none;
border-radius: 5px;
min-height: 150px;
}
#krcl2-contents-one{
	width: 80%;
	float: none;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	height: 160px; 
	  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#krcl3-contents-one{
	width: 80%;
	float: none;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	height: 160px; 
	  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
	#slider img{
     height: 200px;
	}
#sliderFrame{
width: 97%;
margin-right: auto;
margin-left: auto;
	}
	.krcl-contents-one{
width: 100%;
height: auto;
float: none;
padding-bottom: 1em;
}
 .top-second-menu{
 	display: none;
 }
 .mobile li{
float: none;
 }
  .mobile li a{
margin-left: 2em;
 }
 .mobile img{
 	height: 60px;
 	width: 60px;
 }
 .topmenu_01_mob{
	display: none;
}
 .top-middle-menu{
	display: none;
  }
  .top-middle-menu-mob{
  	display: block;
  }
 .mobile{
width: 100%;
height: auto;
margin-top: 100px;
display: block;
background-color: green;
}
.submenu_01_mob li a{
	display: block;
}
#menus{		
width: 100%;
height: 100%;
}
.topmenu_01_mob{
padding-bottom: 1.2em;
}
.topmenu_01_mob li a{
color: #EDFFF9;
font-weight: bold;
font-size: 17px;
}
.topmenu_01_mob li{
margin-top: 0.8em;
}
.submenu_01_mob li a{
font-size: 15px;
}
/*.submenu_01_mob li{
	background-image: url('../menus.jpg');	
}*/
.top-first-menu{
	width: 100%;
	height: 100px;
}
  .top-middle-menu-mob ul{
 height: auto;
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 text-align: center;
 margin-top: 1.8em;
 line-height: 2.5em;	
}
.top-middle-menu-mob ul li{
float: left; 
width: auto;
border-radius: 5px;
list-style-type: none;
margin-left: 2em;	
}
.top-middle-menu-mob ul li>a{
text-decoration: none;
padding-left: 0.5em;
color: #039BE5;
font-weight: bold;
font-family:Sawasdee;
padding-right: 0.5em;
}
.top-middle-menu-mob ul li:hover{
	background-color: #E0E0E0;
}
.top-middle-menu-mob i{
color:#BDBDBD;
}
.search-box{
width: 100%;
height: 60px;
background-image: url('../banner.png');
}
.logo img{
width: 210px;
float: left;
height: 80px;
}
.search-box p{
	margin-top: 2em;
}
#box_krc{
	height: 2em;
	border-radius: 5px;
	background-color:#FAFAFA;
}
#btn_krc{
height: 2em;
border-radius: 5px;
margin-top: 0.5em;
color: #00796b;
width: auto;
padding-left: 0.7em;
padding-right: 0.7em;
}
#slider, #slider .sliderInner {
    width:100%;
    height:300px;
    border-radius:3px;
}
.container-krc-one{
	width: 100%;
	margin-top: 63em;
	height: 100%;
	padding-bottom: 1em;
}
.container-krc-two{
	width: 100%;
	margin-top: 1em;
	height: auto;
	background-color: #EEEEEE;
}
.krcl-contents-two{
width: 100%;
float: none;
height: auto;
}
#krcl1-contents-two{
	width: 80%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
	height:1%;
	float: none;
}
#krcl2-contents-two{
	width: 80%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
	height: 100%;
	float: none;
}
#krcl3-contents-two{
	width: 80%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
	height: 100%;
	float: none;
}
#quick-links{
	float: left;
	padding-top: 1em;
	width: 50%;
}
#karuco-portal{
float: left;
	padding-top: 1em;
	width: 50%;
}
#our-location{
float: right;
	padding-top: 1em;
	width: 100%;
}
.our-location span{
font-size: 17px;
}
#find-us{
	padding-top: 1em;
	width: 47%;
	float: right;
  }
  .events{
margin-top: 0.7em;
width: 100%;
margin-bottom: 0.5em;
height: 114px;
padding-bottom: 0.4em;
}
#inner-descr-head img{
        height: 190px;
        width:160px;
    }
}
@media only screen and (max-width : 321px) {
#event-section{
width: 97%;
float: none;
margin-left: auto;
margin-right: auto;
}
#conts{
    	z-index: 999;
    	height: 100%;
    	margin-top:1.3em;
    	width: 100%;
    	background:rgba(0,0,0,0.445);
    }
 #inner-descr-head img{
        height: 190px;
        width:160px;
    }
#inner-descr-head{
border:1px solid #CFD8DC;
border-radius: 5px;
height: 220px;
margin-top: 1em;
background-position:center;
	 transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
 
   /*height: 100%;*/
   background-repeat: no-repeat;
}
#vid{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#krcr-contents-one{
border:1px solid #CFD8DC;
border-radius: 5px;
margin-top: 1em;
padding-bottom: 1.2em;
}
  .download{
  font-size: 75%;
  }

.events{
margin-top: 0.7em;
width: 100%;
margin-bottom: 0.5em;
height: 114px;
padding-bottom: 0.4em;
}
.wrap-left{
    width: 97%;
    float: none;
    margin-right: auto;
    margin-left: auto;	
}
#mainContainer{
	width: 100%;
	height: auto;
	margin-top: 3em;
	margin-bottom: 3em;
	padding-bottom: 2em;
}
.welcome-krc{
	width: 97%;
	min-height: 400px;
	margin-bottom: 100px;
	margin-bottom: 3em;
	margin-top: 1.7em;
    margin-right: auto;
    margin-left: auto;
}
footer{
	height: 280px;
	width: 100%;
	padding-bottom: 4em;	
}
.wrap-right{
    float: none;
    height: 1%  auto;
    margin-top: 270px;
    margin-right: auto;
    margin-left: auto;
    width: 97%;    	
}
.branding{
	height: 20px;
	padding-top: 400px;
	width: 100%;
	margin-bottom: 2em;
}
#vc-note{
    width: 97%;
    height: auto;
    margin-top: 1.5em;
    margin-right: auto;
    margin-left: 2em;		
 }
}