.wraper
{
    position: relative;
    width:100%;
   
    overflow-x:hidden;
}
.text-orange
{
color:#d35400;
}

@media screen and (max-width: 600px) {
  #social_icon{
    display: none;
  }
}

@media (min-width: 1024px){
    
  
    
    
		.dropdown-menu .dropdown-toggle:after{
			border-top: .3em solid transparent;
		    border-right: 0;
		    border-bottom: .3em solid transparent;
		    border-left: .3em solid;
		}

		.dropdown-menu .dropdown-menu{
			margin-left:0; margin-right: 0;
		}

		.dropdown-menu li{
			position: relative;
		}
		.nav-item .submenu{ 
			display: none;
			position: absolute;
			left:100%; top:-7px;
		}
		
		.nav-item .submenu-left{ 
			right:100%; left:auto;
		}

		.dropdown-menu > li:hover{ background-color: #f1f1f1 }
		.dropdown-menu > li:hover > .submenu{
			display: block;
		}
		
		

	}
	
	

#social_icon{
    margin-top:13px;
  }

nav
{
	height:45px;
	line-height:45px;
	color:#F8FFFD;
	 font-size: 13px;
	 
}
nav a 
{
    cursor:pointer;
}
.nav-item 
{
     background-color: #17BE59; /*---------- Change This for Nav Background */
   
     font-weight:700;
     font-family: 'Montserrat', sans-serif;
     
}
.navbar-toggler
{
	height:35px;
	line-height:35px;
	margin-top:-2px;
}
.navbar-toggler-icon
{
	margin-top:-10px;
}
 .nav-item:hover
{
  background-color: #F39C12;
  color:#fff;
font-size: 13px; 

}

.dropdown-menu .dropdown-item:hover
{
  background-color: #34495E;
  color:#fff;
	
}



.navbar-expand-lg .navbar-nav .nav-link
{
		padding:0px 13px;
		margin:0;
		
		
}

.nav-link
{
	text-transform:uppercase;
	
}
.nav li a:hover
{
	background:red;
}
.dropdown-menu
{
	margin-top:-1px;
	border-radius:0;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size: 14px;
	
}
.dropdown-menu .dropdown-item
{
	height:40px;
	line-height:32px;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight:600;
}


.navbar-dark .navbar-nav .nav-link {
    color: #F8FFFD;
     font-weight:700;
     font-family: 'Montserrat', sans-serif;
}

body
{
	width:100%;
	overflow-x:hidden;
	
	
}

#navbar_top
{
	background:#ffffff;
	position:sticky;
	top:0;
	z-index:4;
}
.bg-Menu
{
	background-color: #17BE59; /*---------- Change This for Nav Background */
    color:#000000;
}


#screenRdr
{
width:100%;
height:28px;
line-height:28px;
color:#fff;
font-size:15px;
font-weight:600;
background:url('../images/2.png');


}
#deskborder
{
  background:url('../images/22.png');  
}
/*::-webkit-scrollbar-thumb {
    background-color: #115db4;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 13px;
    background-color: #F5F5F5;
}*/

.header-top  {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #52193eb0;
    margin-right: -15px;
    padding: 0px 40px 0px 20px;
}

#copyright
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #52193eb0;
    padding: 0px 40px 0px 20px;
}

#Notice
{
width:100%;
position:relative;
}
#NoticeHd
{
	position:relative;
	background-image:url(../images/annuncement_icon.png);

	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	font-size:15px;
	height:38px;
	width:auto;
	

}
#NoticeHdPD 
{
background: #17BE59;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #17BE59, #17BE59);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #17BE59, #17BE59); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
	text-align:center;
	font-size:15px;
	height:30px;
	line-height:30px;
	 font-family: 'Montserrat', sans-serif;
	 letter-spacing:1px;
	margin-top:5px;
	margin-right:10px;
	font-weight:bold;
}
#MainContent .col-md-4
{
    padding-right: 0px !important;
}
#NoticeContent /* Change Here for notice horizontal content color */
{
	width:91%;
background: #17BE59;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #17BE59, #17BE59, #17BE59);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #17BE59, #17BE59, #17BE59); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	height:38px;
	float:left;
	margin-left:9%;
	margin-top:-38px;
	font-weight:bold;
}

#NoticeContent li
{
	display:inline;
	list-style-type:none;
	margin-left:20px;
	padding:5px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
height:38px;
line-height:38px;
color:#fff;

}
.QuickLinks
{
	
	background: #314755;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #17BE59, #314755);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #17BE59, #314755); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	width:100%;
	padding-top:20px;
	
}
.QuickLinks img
{
	margin-top:-10px;
	margin-bottom:10px;
	
}
.QuickLinks table
{
	width:100%;
}

.Contact
{
width:100%;
margin-left:0%;
margin-right:0%;
padding:15px 0px 0px 0px;
color:#fff;
 font-family: 'Kanit', sans-serif;

}

.Contact p
{
	font-size:12px;
 font-family: 'Montserrat', sans-serif;
padding-left:20px;	
}
.Contact h6
{

padding-left:20px;	
}
.Contact table
{
color:#fff;
width:95%;
margin-left:5%;
border:none;
}
.Contact  table tr td
{
font-size:13px;
padding:5px 0px;
border:none;
}
.footer
{
	background:url('../images/backgroundmenu.jpg');
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;


}
#Mocollege
{
	
	margin-top:5px;
}
#Separator
{

	width:100%;
	height:30px;
	line-height:30px;
	background:#f3f5f;
	color:brown;
	  font-family: 'Montserrat', sans-serif;
	
}
#MainContent
{
	width:99%;
	overflow:hidden;
	margin:0;	
	margin-left:1%;
}
#MainContent img
{
	display:block;
	width:90%;
	margin-top:30px;
}
#WelcomeMsg
{
	float:left;
	left:0;
	width:70%;
margin-right:0.2%;
padding:0px 5px 0px 0px;
border-right:1px inset #F2F2F2;	

}
#Principal
{
width:100%;
	overflow:hidden;
	margin:0;
	padding-left:10px;
	font-family: 'Kanit', sans-serif;
}
#Principal h5,p
{
	text-align:justify;
}
#Principal img
{
margin-right:5px;
}
#SubContent
{
	height:300px;
	overflow-y:hidden;
	background:#EFEBEA;
}
#SubContent marquee
{
	height:298px;
	display:block;
}
#SubContent li
{
	list-style-type:none;
	margin-left:20px;
	margin-right:20px;
	padding:7px 0px;
font-family: 'Kanit', sans-serif;
font-size:15px;
font-weight:bold;
color:black;
letter-spacing: 1px;
border-bottom:1px dashed black;
}
#SubContent li a
{
			color:black;
}
#HeadingData
{
	background-image:url('../images/HdBackground.jpg');
	width:100%;
	height:100px;

}
#HeadingData h5
{
font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:30px;
	margin-left:5%;
padding-top:30px;
font-weight:bold;
}
#NoticeContent li a
{
	text-decoration:none;
	color:#fff;

	
}

.txt-wht
{
	color:#fff;
}


div.gallery {
  margin: 0.5%;
  border: 1px solid #ccc;
  float: left;
  width: 23%;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: 200px;
}

div.desc {
  padding: 15px;
  text-align: center;
}
/*Data From Samb------------------------------*/
.category {
    border-radius: 5px;
    margin-top: 2px;
    position: relative;
    margin-bottom: 5px;
    background-image: url(../images/backgrounddna.jpg);
    background-size: cover;
    background-position:center;
    width: 100%;
}
.Courseteacher {
    border-radius: 10px;
    box-shadow: 2px 3px 8px #bcaeae;
    margin-top: 10px;
    margin-left: 16px;
    padding: 16px 0px;
    color: #fff;
  font-family: 'Montserrat', sans-serif;
}
.bg-royalgreen {
    background: #0b3039 ;
    background: -webkit-linear-gradient(to right, #0b3039 , #0b3039 );
    background: linear-gradient(to right, #0b3039 , #0b3039 );
}