@charset "utf-8";
@charset "utf-8";
/* media query css */


@media all and (max-width: 1300px) {
	
	
#menu-l .sub-menu {
    border-left: 3px solid #6CA7D3;
    display: none;
    left: 0;
    position: absolute;
    top:54px;
}
	
	
}

@media all and (max-width: 1200px) {
	
	
#menu-l .sub-menu {
    border-left: 3px solid #6CA7D3;
    display: none;
    left: 0;
    position: absolute;
    top:54px;
}
	
	
}


@media all and (max-width: 1000px) {
	
	.deskimg {display:none;}
	.resimg { display:block;}
	#menu-l li{
	margin-right:0px;
	padding:0px 4px;
}

#info h2{
	margin-top:16px;
}
#info h4{
	margin-top:21px;
}

.triangle{border-top-width: 196px; width:85px;}
/*#tagline div a{
	margin-right:56px;
font-size: 8px;
}
#tagline div a {
	top:10px;
	font-size:8px;
}
*/
#menu-l div > ul{
	padding-top:60px;}
	
	
.welcome.column.c-67 {
    width: 55%;
}


#menu-l .sub-menu {
    border-left: 3px solid #6CA7D3;
    display: none;
    left: 0;
    position: absolute;
    top: 36px;
}

	
}
#social{
	margin-right: -143px;}

.mail h4{
	margin-left:41px;
    margin-top: 0px;
}


@media all and (max-width: 999px) {
	

#menu-l .sub-menu {
    border-left: 3px solid #6CA7D3;
    display: none;
    left: 0;
    position: absolute;
    top: 36px;
}
	
	.top-rightarea ul{
	margin-left:158px;
}

   #info-l .menubg1 {
    background-color: #4496D2;
    color: #FFFFFF;
    float: left;
    padding-top: 52px;
    width: 366px;
}


	#socialButtons, #menu-l div, #tagline div, #info-l div, #content, .stripe > div, #footerContent div, .mail > div {
		width:740px; font-size:11px;
	}
/*	#menu-l div > ul {
		margin-right:5px;
	}*/
	
	
	#menu-l img {
		width:170px;
		margin-top:17px;
	}
	#tagline div a {
		margin-right:-6px;
		font-size:12px;
	}
	#info-l div {
		width:300px;
	}
	#info-l div img {
		margin-top:-8px;
	}
	.triangle {
		margin-right:0px;
		border-top-width:180px;
	}
	.element {
		height:165px;
	}
	#info-l h2 {
		font-size:17px;
		margin-top:-7px;
	}
	#info-l h4 {
		font-size:11px;
	}
	.wrapper {
		width:770px;
		margin-left:-15px;
	}
	
	#homeSlider .captions {
  
    height: 85px;
    padding: 16px 0 13px 20px;
    position: absolute;
    text-align: left;
    width: 55.2%;
    z-index: 99998;
	font-size:14px;
}
	#homeSlider {
		width:739px;
		height:320px;
	}
	#homeSlider .captions p {
		width:470px;
	}
	#homeSlider .captions h3 {
		font-size:15px;
		margin-bottom:3px;
	}
	.select-replace-cover, .searchCourse input, .searchCourse select {
		font-size:12px;
	}
	.cContent img {
		margin-right:16px;
	}
	
	.cContent1 img {
		margin-right:16px;
	}
	.column {
		padding:30px 15px 0;
	}
	
	.searchCourseHome {
  
    padding: 0 8px 0 0 !important;
    position: relative;
    right: 0;
    top:-85px;
   
}
/*	.searchCourseHome {
		margin:-144px 0 0 0;
		padding:0 25px 0 0 !important;
		right:-10px;
	}*/
	.mail img {
		display:none;
	}
	.mailInfo {
		width:289px;
	}
	.twitter p {
		width:450px;
		font-size:12px;
	}
	#footerContent .column {
		padding:0 25px;
	}
	#footerContent .column {
		border-left:none;
	}
	#bottomFooter {
		width:740px;
		padding:23px 25px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.twitter img {
		margin-right:6px;
	}
	.rightElement {
		height:191px;
	}
	.examInfo li.commentExm {
		display:none;
	}
	.contactForm input, .contactForm textarea {
		width:335px;
	}
	.topImg img {
		width:740px;
	}
	.topImg p {
		margin-top:56px;
	}
	.twit {
		font-size:13px;
		width:340px;
	}

}



@media all and (max-width: 900px) {
	
	
	
#bottomFooter {
    margin-bottom: 0;
    text-align: center;
	margin-left:0px;
}

	.stripe > div {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 100;
    margin: auto auto auto 20px;
    padding-top:27px;
    text-align: left;
}
	
		.deskimg {display:none;}
	.resimg { display:block;}

#menu-l li{
	margin-right:0px;
}
	
.aboutcont{
	width:60%;
	font-size:11px;
	padding-left:20px;
}
	
	
.multiple-arrow{
		width:68%;
		}
	
	
   .asideimages1{
		
     width: 47%;
margin-left: 0px;
}
	.asideimages1 img{
		max-width:100%;
	}
	
	.asideimages2{
	width: 47%;
}
	.asideimages2 img{
		max-width:100%;
	}


.colleg img{
	width:100%;
}
.welcom-containt{
	width:100%;
	}
.profile-area ul{
	width:223px;
	line-height:22px;
}

.services ul{
	width:100%;
	}
	
.arrow2Li li{
	line-height:22px;
}

.box h4{
	font-size:16px;
}
.buccket img{
	height:135px!important;
	width:217px!important;
}

.multiple-arrow{
	width:54%;
}

.recyclelast img{
	width:330px;
	}
.mail h4{
	font-size:16px;
	margin-left: -8px;}	
	
	#tagline div a {
    font-size: 11px;
    margin-right: -6px;
    text-align: right;
    width: 41%;
}

#tagline {
    background-color: #43494C;
    height: 180px;
    left:0px !important;
    position: absolute;
    top: 38px;
    width: 100%;
    z-index: 22;
}

#bottomFooter ul {
    float: none;
}

#legal {
    margin: 8px 51px 0 0;
}

}

@media all and (max-width: 740px) {
	
	
	#bottomFooter ul {
    float: none;
}

#legal {
    margin: 8px 199px 0 0;
}
#tagline div a {
    font-size: 11px;
    margin-right: -6px;
    text-align: right;
    width: 41%;
}

	.top {
		display:block !important;
	}

	#bottomFooter, #socialButtons, #menu-l div, #tagline div, #info-l div, #content, .stripe > div, #footerContent div, .mail > div, .column {
		width:100%;
	}
	.wrapper {
		padding:0 20px;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
	}
	#menu-l div > ul, #sidebar, #tagline, #info-l, .parentContainer, .stripe, .mail, #bottomFooter div, .captions {
		display:none;
	}
	.selectnav {
    	padding:3px 10px;
    	width:160px;
    	position: absolute;
    	left: 50%;
    	margin-left: -80px;
    	top:87px;
    	display:block;
    	z-index:99999;
	}
	#menu-l div {
		height:122px;
	}
	#menu-l img {
		padding-left:50%;
		margin-left:-85px;
	}
	#contentBk {
		margin-top:118px;
	}
	.topImg p {
		margin-top:40px;
	}
	#footerContent div {
		margin-top:0;
	}
	#footerContent .column {
		margin-bottom:25px;
	}

	#menu-l {
		top:0;
	}
	#homeSlider {
		width:100%;
		height:auto;
	}
	
	#homeSlider .captions {
		padding:16px 40px 13px 40px;
	}
	#homeSlider .captions p {
		width:100%;
	}

	.multiple-arrow{
		width:100%;
	}
	
.mail h4{
	font-size:16px;
}

.stripe > div {
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 100;
    margin: auto auto auto 20px;
    padding-top: 20px;
    text-align: left;
}
.welcom-containt {
    width: 100% !important;
}

.searchCourseHome {
    padding: 0 8px 0 0 !important;
    position: relative;
    right: 0;
    top:5px;
}

.searchCourse p {
  
    font-weight: 600;
    padding:0;
    text-transform: uppercase;
}

.stripe{ background:none !important;}

#footerContent div { width:100% !important;}

#bottomFooter {
    margin-bottom: 0;
    text-align: center;
	margin-left:0px;
}

.welcome.column.c-67 {
    width: 100%;
}


.cContent1 img {
    float: left;
    height: 116px;
    margin-right:19px;
    width: 171px;
}

#homeSlider .flex-direction-nav a {
    margin-top: 25px;
}


.profile-area ul {
    line-height: 22px;
    width: 100%;
}
	

}


@media all and (max-width: 470px) {
	.profile-area ul {
    line-height: 22px;
    width: 100%;
}
	
	
		.deskimg {display:none;}
	.resimg { display:block;}

	.topImg p {
		margin-top:43px !important;
	}
	
	.topImg p {
	color:#ffffff;
	font-size:14px !important;
	float:left;
	position:absolute;
	margin-left:42px;
	margin-top:75px;
	
}

	


.asideimages1 h4{
	
	font-size:13px;
}
.asideimages2 h4{
	font-size:13px;
}
.aboutcont{
	width:100%;
	font-size:11px;
	padding-left:0px;
}

.recycling1{
	text-align:inherit;}	

.stripe > div{
	font-size:11px;
}

.welcom-containt {
    width: 100% !important;
}

.searchCourseHome {
    padding: 0 8px 0 0 !important;
    position: relative;
    right: 0;
    top:5px;
}

.searchCourse p {
  
    font-weight: 600;
    padding:0;
    text-transform: uppercase;
}

.stripe{ background:none !important;}

#footerContent div { width:100% !important;}

#bottomFooter {
    margin-bottom: 0;
    text-align: center;
	margin-left:0px;
}

.welcome.column.c-67 {
    width: 100%;
}


.cContent1 img {
    float: left;
    height: 116px;
    margin-right:19px;
    width: 171px;
}

#homeSlider .flex-direction-nav a {
    margin-top: 20px;
}


	

}

@media all and (max-width:360px) {
	
#homeSlider .flex-direction-nav a {
    margin-top: 20px;
}


.welcom-containt {
    width: 100% !important;
}

.searchCourseHome {
    padding: 0 8px 0 0 !important;
    position: relative;
    right: 0;
    top:5px;
}

.searchCourse p {
  
    font-weight: 600;
    padding:0;
    text-transform: uppercase;
}

.stripe{ background:none !important;}

#footerContent div { width:100% !important;}

#bottomFooter {
    margin-bottom: 0;
    text-align: left;
	margin-left:54px;
}

.welcome.column.c-67 {
    width: 100%;
}


.cContent1 img {
    float: left;
    height: 116px;
    margin-right: 36px;
    width: 171px;
}

}

@media all and (max-width:320px) {
	
	
	.cContent1 img {
    float: left;
    height: 116px;
    margin-right:12px !important;
    width: 110px;
}

#bottomFooter {
    margin-bottom: 0;
    margin-left:32px;
    text-align: left;
}
}


/* CSS Document */