html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header{height: 50px;}
	header #logo{width: 50%; height: 50px;}
	header #logo img {
		height: auto;
		width: 100%;
		margin-top: 6px;
    	margin-left: 10px;
	}
	header .menu-wrap{
		width: 50%;
	}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block; width: 90%;}
	.minimenu div{color: #000; text-align: right;}
	.minimenu select option:first-child{display: none;}
	.minimenu select option{
		font-size: 1.2rem;
		line-height: 1.4rem;
		border-bottom: 1px solid #000;
	}
	.minimenu select option:hover{
		color: #448AFF !important;
	}
	#content .block-warp {
		width: 100%;
	}
	.overlay-con{padding: 0 10px;}
	#job-catagory h2 {
		font-size: 1.5rem;
	}
	#content .block .title h3 {
		font-size: 1.5rem;
	}
	#content .block .subCon ul {
		margin-bottom: 20px;
	}
	footer .sectionLeft {
		width: 100%;
		float: none;
		display: block;
		padding: 10px 15px;
		border-bottom: 4px solid #448AFF;
	}
	
	footer .sectionRight {
		width: 100%;
		margin-left: 0;
		float: none;
		display: block;
		padding: 10px 15px;
		border-bottom: 4px solid #448AFF;
	}
	footer .sectionRight:last-of-type {
		border-bottom: 0px solid #448AFF;
	}
	footer .heading h2 {
		font-size: 1.5rem;
	}
	.copyright .ubqgrid p {
		text-align: center;
	}
	
	.copyright .top-social {
		position: absolute;
		top: -40px;
		right: 10px;
	}

	
	/* -------------------------------------------- */
	/* ------------------about------------------- */
	.About_sec .Tabside {
		padding: 0;
	}
	.slider-about {
		height: 163px;
	}
	.homeHilight {
		margin-bottom: 0px;
	}
	.featured {
		margin-bottom: 0;
	}
	.About_sec .Tabside .TabImage {
		width: 100%;
	}
	.About_sec .Tabside .TabImage .img1 {
		display: none;
	}
	.About_sec .Tabside .TabImage .img2 {
		position: relative;
    	margin: auto;
    	top: 0px;
    	left: 10%;
    	height: 200px;
	}
	.About_sec .Tabside .TabImage .img2 img {
		width: 80%;
	}
	.About_sec .Tabside .Description {
		width: 100%;
		float: none;
		text-align: left;
		padding: 0 12px;
		margin-top: 0px;
	}
	#content .About_sec .Tabside .Description h3 span {
		padding-top: 10px;
	}
	#content .About_sec .Tabside .tabcontent .Description p.subcon {
		padding: 10px 0px 10px 0px;
		font-size: 1.2rem;
	}
	.About_sec .tabcontent ul li {
		padding: 0 0 0 24px;
		margin-left: 0px;
		margin-bottom: 5px;
		font-size: 1.1rem;
	}
	.About_sec .Tabside ul {
		padding-bottom: 20px;
	}
	.About_sec .Tabside li a {
		padding: 14px 15px 13px 15px;
		font-size: 1.4rem;
	}

	nav .wrap-nav{top: 10px; left:10px; right:auto;}
	.focusTitle {
    margin: auto;
    width: 80%;
    padding-top: 10px;
}
.featured .wrap-featured .slider img {height:200px;}
.items{width: 96%;}
.focusItem .items a {
    font-size: 1.2em;
    line-height: 1.2em;
	white-space:normal;
	background-position:0 0;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header{height: 50px;}
	header #logo{width: 50%; height: 50px;}
	header #logo img {
		height: auto;
		width: 100%;
		margin-top: 6px;
    	margin-left: 10px;
	}
	.navbar-brand > img{
		height: 80% !important;
		margin-top: 0px;
    	margin-left: 10px;
	}
	header .menu-wrap{
		width: 50%;
	}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block; width: 90%;}
	.minimenu div{color: #000; text-align: right;}
	.minimenu select option:first-child{display: none;}
	.minimenu select option{
		font-size: 1.2rem;
		line-height: 1.4rem;
		border-bottom: 1px solid #000;
	}
	.minimenu select option:hover{
		color: #448AFF !important;
	}
	#content .block-warp {
		width: 100%;
	}
	.overlay-con{padding: 0 10px;}
	#job-catagory h2 {
		font-size: 1.5rem;
	}
	#content .block .title h3 {
		font-size: 1.5rem;
	}
	#content .block .subCon ul {
		margin-bottom: 20px;
	}
	footer .sectionLeft {
		width: 100%;
		float: none;
		display: block;
		padding: 10px 15px;
		border-bottom: 4px solid #448AFF;
	}
	
	footer .sectionRight {
		width: 100%;
		margin-left: 0;
		float: none;
		display: block;
		padding: 10px 15px;
		border-bottom: 4px solid #448AFF;
	}
	footer .sectionRight:last-of-type {
		border-bottom: 0px solid #448AFF;
	}
	footer .heading h2 {
		font-size: 1.5rem;
	}
	.copyright .ubqgrid p {
		text-align: center;
	}
	
	.copyright .top-social {
		position: absolute;
		top: -40px;
		right: 10px;
	}

	
	/* -------------------------------------------- */
	/* ------------------about------------------- */
	.About_sec .Tabside {
		padding: 0;
	}
	.slider-about {
		height: 163px;
	}
	.homeHilight {
		margin-bottom: 0px;
	}
	.featured {
		margin-bottom: 0;
	}
	.About_sec .Tabside .TabImage {
		width: 100%;
	}
	.About_sec .Tabside .TabImage .img1 {
		display: none;
	}
	.About_sec .Tabside .TabImage .img2 {
		position: relative;
    	margin: auto;
    	top: 0px;
    	left: 10%;
    	height: 200px;
	}
	.About_sec .Tabside .TabImage .img2 img {
		width: 80%;
	}
	.About_sec .Tabside .Description {
		width: 100%;
		float: none;
		text-align: left;
		padding: 0 12px;
		margin-top: 0px;
	}
	#content .About_sec .Tabside .Description h3 span {
		padding-top: 10px;
	}
	#content .About_sec .Tabside .tabcontent .Description p.subcon {
		padding: 10px 0px 10px 0px;
		font-size: 1.2rem;
	}
	.About_sec .tabcontent ul li {
		padding: 0 0 0 24px;
		margin-left: 0px;
		margin-bottom: 5px;
		font-size: 1.1rem;
	}
	.About_sec .Tabside ul {
		padding-bottom: 20px;
	}
	.About_sec .Tabside li a {
		padding: 14px 15px 13px 15px;
		font-size: 1.4rem;
	}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}