/*

Responsive

Author: Sikandar Aazam

*/

@media only screen and (min-width: 768px) {

	.main-navigation{display: block!important;}

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

	div#register {

		width: 75%;

		top: 5px;

		left: 5px;

	}

}



@media only screen and (min-width: 1px) and (max-width: 1023px) {

	section#slideshow, div#slider {

		background: #f3f3f3

	}

	div.c-box1, div.c-box2 {

		text-align: center;

	}

	nav > ul > li > a {

		padding: 0 10px;

	}

	img.head {

		width: 60px;

	}

}



@media only screen and (min-width: 1px) and (max-width: 767px) {

	header {

		height: auto;

	}

	div#logo {

		max-width:320px;

		width: 100%;

		text-align: center;

	}

	div.tag-line {

		width: 100%;    padding-left: 15px;

	}

	.col1, .col2, .col3, .col-small {

		width: 100%;

	}

	div.left-box, div.right-box {

		display: none;

	}

	div#register {

		position: relative;

		top: inherit;

		left: inherit;

		width: 100%;

	}

	section#course .col2.pgp {

		background: rgba(0, 131, 194, 0.8);

		padding: 20px 0;

	}

	section#course .col2.job {

		background: rgba(135, 184, 48, 0.8);

		padding: 20px 0;

	}

	div.logo-box {

		height: auto;

	}

	.col-small {

		text-align: center;

	}

	div.one img, div.two img, div.three img, div.four img {

		width: auto;

	}

	img.show-desktop {

		display: none;

	}

	div.key-mobile {

		display: block;

		margin: 0 auto;

		width: 80%;

	}

	div.key-box {

		border-radius: 5px;

		border: solid 2px #fff;

		margin: 10px 0;

		padding: 10px;

		text-align: center;

		color: #fff;

	}

	div.key-box:nth-child(1) {

		background: #ea3351;

	}

	div.key-box:nth-child(2) {

		background: #92c83f;

	}

	div.key-box:nth-child(3) {

		background: #c573af;

	}

	div.key-box:nth-child(4) {

		background: #603e98;

	}

	div.key-box:nth-child(5) {

		background: #0c8441;

	}

	div.key-box:nth-child(6) {

		background: #f79325;

	}

	div.key-box:nth-child(7) {

		background: #b74545;

	}

	.main-navigation > ul > li {

		background: none;

		border-bottom:dashed 1px #ccc;

		width: 100%;

	}

	.main-navigation {

		position: absolute;

		z-index: 999999;

		background-color: #efefef;

		max-width: 300px;

		width: 100%;

		display: none;

	}

	.col3_12 {

		width: 50%;

	}

	div.tag-line{

		font-size: 1rem;

	}

	.nav-btn-wrap {

		display: block;

		clear: left;

		padding-left: 15px;

	}

	img.head {

		position: static;

		float: right;

		margin-right: 15px;

	}

	a.register-button1 {

		 position: static!important;

		float: right;

	}

	ul#slider-pager li a img {

		width: 178px !important;

	}

	ul.rslides_tabs {	

		position: static!important;		

		margin: auto;

		text-align: center;

	}

	.is_stuck{

		position: static!important;

	}

	h1.entry-title {

		font-size: 2.571rem;

	}

}



@media only screen and (min-width: 1px) and (max-width: 599px) {

	.col_12__Mob{

		width:100%

	}

	div.tag-line {

		margin-top:0;    margin-bottom: 15px;

	}

	button.nav--btn {

		position: relative;

		top: 20px;

	}

	h1.entry-title {

		font-size: 1.571rem;

	}

	ul.fixed-pager li {

		font-size: 1.2rem;

	}

}



@media only screen and (min-width: 1px) and (max-width: 479px) {

	ul#slider-pager li a img {

		width: 145px !important;

	}

}



@media only screen and (min-width: 1px) and (max-width: 567px) {}