/* CSS Document */
@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    box-sizing:border-box;
	font-family: 'Montserrat', sans-serif;
	
}
body {
    text-decoration: none;
    background:#fff;
	 font-size:16px;
    color:#505050;
	font-family: 'Montserrat', sans-serif;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.clear {
    clear: both 
}
audio, ::selection {
    background:#00a6ff;
    color: #fff;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
 {
    font-family: 'geomanistregular';
    src:url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-black';
    src: url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'geomanist-bold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-extralight';
    src: url('../fonts/geomanist-extralight-webfont.eot');
    src: url('../fonts/geomanist-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-light';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-medium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-thin';
    src: url('../fonts/geomanist-thin-webfont.eot');
    src: url('../fonts/geomanist-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-thin-webfont.woff2') format('woff2'), url('../fonts/geomanist-thin-webfont.woff') format('woff'), url('../fonts/geomanist-thin-webfont.ttf') format('truetype'), url('../fonts/geomanist-thin-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-book';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-ultra';
    src: url('../fonts/geomanist-ultra-webfont.eot');
    src: url('../fonts/geomanist-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'), url('../fonts/geomanist-ultra-webfont.woff') format('woff'), url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'), url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
input.footer-box::-webkit-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.footer-box::-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.footer-box:-ms-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.footer-box:-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}


input.career-box::-webkit-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.career-box::-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.career-box:-ms-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.career-box:-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.footer-box-more::-webkit-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.footer-box-more::-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.footer-box-more:-ms-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.footer-box-more:-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}



textarea.career-area::-webkit-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.career-area::-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.career-area:-ms-input-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.career-area:-moz-placeholder {
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}

.img-full{
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
    width:100%;
    padding-left:5%;
    padding-right:5% 
}
.logo1{
    display:none 
}


/************************************ S Examination Instructions ************************************/
.desc-text-answer
{
width: 100%;
height: 160px;
border: 1px solid #ccc;
padding-left: 2.5%;
padding-right: 2.5%;
line-height: 30px;
font-weight: 400;
font-family: 'Raleway', sans-serif;
color: #666;
font-size: 1.15em;
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.instruction-wraper{
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#84BBE4;
	position:relative;
	
}
.instruction-pics{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
}
.instuction-container{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	right:0;
	left:0;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	
}
.instruction-for{
	width:50%;
	height:auto;
	float:right;
	margin-top:5em;
	margin-bottom:5em;
	background-color:#fff;
	border-radius:35px;
}
.instruction-logo{
	width:100%;
	height:auto;
	text-align:center;
	padding-bottom:1em;
	background-color:#fff;
	padding-top:50px;
	border-radius: 35px;
}
.instruction-details{
	width:100%;
	height:auto;
	background-color:#fff;
	border-radius:35px;
	padding:2em 1.5em;
	
}
.instruction-title{
	width:100%;
	height:auto;
	text-align:center;
	color:#666;
	font-size:1.563em;
	font-weight:500;
	font-family: 'Poppins';
	padding-bottom:1em;
}
.instruction-details-exam{
	width:100%;
	height:350px;
	overflow: auto;
	position: relative;
}
.instruction-details-exam ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.instruction-details-exam ul li{
	width:100%;
	height:auto;
	text-align:left;
	color:#666;
	font-size:1em;
	font-weight:400;
	font-family: 'Poppins';
	margin-bottom:0.5em;
}
.count
{
	width:3%;
	height:auto;
	text-align:left;
	color:#666;
	font-size:1em;
	font-weight:400;
	font-family: 'Poppins';
	float:left;
	margin-right:2%;
}
.listing{
	width:95%;
	text-align:left;
	color:#666;
	font-size:1em;
	font-weight:400;
	font-family: 'Poppins';
	float:left;
}

.start-exam{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-top:1.5em;
}
.star-exam{
	font-size:1.125em;
	font-weight:600;
	font-family: 'Poppins';
}




/************************************ E Examination Instructions ************************************/

/************************************ S Examination Questions ************************************/


.exam-top-wrap{
	width:100%;
	height:auto;
	padding-bottom:1em;
}
.exam-top-left{
	width:auto;
	height:auto;
	float:left;
}
.time-alloted{
	width:auto;
	height:auto;
	font-family: inherit;
    font-weight:400;
    color: #444;
    font-size:1.125em;
	text-align:left;
	line-height:30px;
}
.time-alloted span{
	font-family: inherit;
    font-weight:400;
    color: #222;
    font-size:1em;
}
.exam-top-right{
	width:auto;
	height:auto;
	float:right;
	max-width:60%
}

.question-container{
	width:100%;
	height:auto;
	padding-top:2em;
}
.question-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
	font-family:inherit;
	font-size:1em;
	color:#666;
}
.count
{
	width:3%;
	height:auto;
	text-align:left;
	color:#666;
	font-size:1em;
	font-weight:400;
	font-family: 'Poppins';
	float:left;
	margin-right:1%;
}
.listing{
	width:96%;
	text-align:left;
	color:#666;
	font-size:1em;
	font-weight:400;
	font-family: 'Poppins';
	float:left;
}
.question-options-container{
	width:100%;
	height:auto;
	padding-left:4%;
}

.star-exam{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 30px;
    line-height:48px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.15em;
    font-weight:500;
	margin-top:1em;
	width:100%;
	text-align:center;
	text-transform:uppercase;
}
.star-exam:before, .star-exam:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#96cb64;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.star-exam:before{
    
	background:#10b6e2;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.star-exam:hover{
    color:#fff;
}
.star-exam:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

/************************************ E Examination Questions ************************************/

/************************************ S Online Examination ************************************/
.online-exam{
	width:100%;
	height:auto;
	padding:0.5em 1.5em;
}
.online-logo{
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:1.5em;
	
}
.contact-enquiry-box{
    width:100%;
    height:40px;
    padding-left:5%;
    padding-right:5%;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color:#666;
    font-size:1em;
    background-color:#e1e0e0;
	border-radius:5px;
}
	.footer-box {
    width: 100%;
    height: 42px;
    border: 1px solid #f1f1f1;
	padding-left: 2.5%;
	padding-right: 2.5%;
	line-height:42px;
	font-weight: normal;
	font-style: normal;
	color:#666;
	font-size: 1em;
	background-color:#f1f1f1;
	border-radius:3px;
}
.calback-box1 {
    width: 100%;
    height: 100px;
	padding-left: 2.5%;
    padding-right: 2.5%;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	color: #666;
    font-size: 1em;
    padding-top: 1em;
	background-color:#e1e0e0;
	border-radius:5px;
}
.online-exam-title{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	color:#666;
	font-weight:500;
	font-size:1.5em;
	
}
.online-for{
	width:100%;
	height:auto;
	margin-bottom:1em;
	margin-top:1em;
}
.online-left{
	width:35%;
	height:auto;
	text-align:right;
	font-size:1em;
	font-family:inherit;
	color:#666;
	font-weight:400;
	float:left;
	line-height:42px;
}
.online-sep{
	width:5%;
	height:auto;
	text-align: center;
	font-size:1em;
	font-family:inherit;
	color:#666;
	font-weight:400;
	float:left;
	line-height:42px;
}
.online-right{
	width:60%;
	float:left;
	font-size:1em;
	font-family:inherit;
	color:#666;
	font-weight:400;
	float:left;
	line-height:42px;
}

.select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0px 2.5%;
     outline: 0;
     border-radius: 0;
     color: #999;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     font-size:1em;
     font-family:inherit;
	 line-height:40px;
	/* background-color:transparent*/
}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #999;
     background: #fff;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 16px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}

/************************************ E Online Examination ************************************/

.examination-top{
	width:100%;
	height:40px;
	background-color:#2c8cd1;
}
.exam-follow{
	width:auto;
	height:auto;
	float:right;
}
.follow-top{
	width:auto;
	height:40px;
	line-height:40px;
	float:left;
	margin-right:1em;
	color:#333;
	font-size:1em;
	font-family:inherit;
	font-weight:400;
}

.footer-top-social{
	width:auto;
	height:auto;
	float:right;
}
.footer-top-social ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
 width:auto;
}
.footer-top-social ul li {
 list-style:none;
 height:40px;
 width:30px;
 float:left;
 

}
.footer-top-social ul li a {
 height:40px;
 width: auto;
 display:block;
 text-align: center;
 font-size:1em;
 color:#333;
 line-height:40px;
}
.footer-top-social ul li a:hover {
 color:#fff;
 font-size:1em;
}

.exam-header{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
}
.exam-header-logo{
	width:auto;
	height:auto;
	float:left;
}
.exam-header-details{
	width:auto;
	height:auto;
	float:right;
	max-width:50%;
}
.exam-no-details{
	margin-left:1.5em;
	margin-top:1em;
	margin-bottom:1em;
}
.exam-for-container{
	display:flex;
	justify-content:center
}

.header-exam-container{
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:60px;
}
.header-name{
	width:100%;
	text-align:center;
	font-family:inherit;
	font-size:3.125em;
	font-weight:600;
	color:#006699;
	line-height:50px;
}
.header-exam-for{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	font-size:1.563em;
	line-height:25px;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
}
.exam-question-wrap{
	width:100%;
	height:auto;
	background-color:#84BBE4;
	position:relative;
	padding-top:80px;
	padding-bottom:60px;
}
.exam-question-container{
	width:100%;
	height:100%; position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	justify-content:center;
}

.instruction-for-exam {
    width: 80%;
    height: auto;
    /*float: right;*/
	margin:0 auto;
}

.header-exam-month{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	font-size:1.250em;
	line-height:25px;
	font-weight:400;
	color:#fff;
	font-style:italic
}

.profile-pic{
    width: 150px;
    height: 150px;
    background-color: #000;
    margin-left: 1em;
}
.profile-pic img{ width:100%; height:auto }

@media (min-width: 1023px) and (max-width: 1279px) {
    body {
 
        font-size:13px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    
}

@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:14px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
   
}
@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:14px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
    
}
@media (min-width: 1400px) and (max-width: 1441px) {
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
}
@media (min-width: 1441px) and (max-width: 1599px) {
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
}
@media (min-width:1600px){
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	.aap-feature-top-container-pics img{ width:100% !important}
	

}

@media (max-width:420px) {
	body{ font-size:13px;}
	.instruction-for-exam{ width:100%;}
	.instruction-for{ width:100%}
	.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
	.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
	.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
	.exam-no-details{ margin-top:0px;}


    
}
@media (min-width:421px) and (max-width:460px){
		body{ font-size:13px;}
		.instruction-for-exam{ width:100%;}
	.instruction-for{ width:100%}
	.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
		.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
.exam-no-details{ margin-top:0px;}
	
    
}
@media (min-width:461px) and (max-width:560px){
	body{ font-size:13px;}
	.instruction-for-exam{ width:100%;}
	.instruction-for{ width:100%}
	.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
		.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
.exam-no-details{ margin-top:0px;}
	
   
}
@media (min-width:561px) and (max-width:680px){
body{ font-size:13px;}
.instruction-for-exam{ width:90%; float:none; margin:0 auto}
.instruction-for{ width:90%; float:none; margin:0 auto}
	.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
		.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
.exam-no-details{ margin-top:0px;}
	
    
}
@media (min-width:681px) and (max-width: 768px){
	
body{ font-size:13px;}
.instruction-for-exam{ width:90%; float:none; margin:0 auto}
.instruction-for{ width:90%; float:none; margin:0 auto}

	.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
		.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
	.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
	.exam-no-details{ margin-top:0px;}
  
}
@media (min-width:769px) and (max-width:991px){
	body{ font-size:13px;}
	.instruction-for-exam{ width:85%; float:none; margin:0 auto}
	.instruction-for{ width:85%;float:none; margin:0 auto}
		.online-exam {padding: 0.5em .5em;}
	.instruction-details {padding: 2em .5em;}
	.instruction-logo{padding-bottom:1em;background-color:#fff;padding:1em;margin-bottom:1em}
		.exam-top-left{ width:100%; float:none}
	.exam-no-details{ width:100%; display:flex; justify-content: center; margin-left:0em;}
	.instruction-logo img{ max-width:100%;}
	.exam-top-right{ width:100%; max-width:100%; float:none}
	.instruction-details-exam{ height:auto;}
	.count{ width:5%;}
	.listing{ width:94%;}
	.exam-header{ padding-top:10px; padding-bottom:0px;}
	.exam-no-details{ margin-bottom:0em;}
	.exam-header-details{ max-width:100%; float:none}
	.exam-top-wrap{ padding-top:1em;}
	.profile-pic{ margin-left:0px; margin:0 auto; margin-top:1em}
	.exam-no-details{ margin-top:0px;}
   
}
@media (min-width:992px) and (max-width:1199px){

}