@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}

@media (max-width: 768px) {	
.page{
	padding:0 10px;
   }
.header{
	margin:0 0 0 0;
	width:100%;
   }
.container{
	width:96%;
	margin:0 auto;
	padding:0 2%;
   }
.logo{
	float:none;
	width:100%;
	text-align:center;
   }     
.middle_text{
	float:none;
	width:100%;
	margin-left:0;
    margin-top: 20px;
   }     
.iso_box{
	float:none;
	width:96%;
   }      
 .menu_left{
	width:100%;
	margin:0 0 0 0;
	}
   
.downlode{
	width:100%;
	float:right;
	background:#0098db;
	}   
 .naicctc {
    display:none;
}  
   
.menu{
	height:auto;
	background:none;
	} 

.banner {
    margin: 0 auto;
    width: 96%;
	}	

h2.welcome_text {
    font-size: 15px;
    line-height: 22px;	
	text-transform:uppercase;
	}

h2.welcome_text span {
    font-size: 15px;
    line-height: 22px;
	text-transform:uppercase;
}
.vacancies {
    width: 100%;
	margin-bottom:2px;
	}
.verification {
    width: 100%;
	margin-bottom:2px;
	}	
.result {
    width: 100%;
	}		
.btn_bg {
    background: #f8e6e6;
    height: auto;
    padding: 20px 0 20px 0;
}	
	
.bank_details {
    width: 100%;
	}
.online_addmission{
    width: 100%;
	}
.register_now{
    width: 100%;
	margin-bottom:30px;
	}
input.form_field{
    width: 96%;
	}	
input.submit{
    width: 96%;
	}		
.quick_link{
	width:100%;
	float:none;
	}
.contact{
	width:100%;
	float:none;
	}	
.map{
	width:100%;
	}
	
/*======================inner============================*/	
.inner_content_left{
	width:100%;
	float:none;
	}
.inner_content_right{
	width:100%;
	float:none;
	}
.demo_mg{
	width:28.57142857142857%;
	}		
	
	
/*======================inner============================*/			
	

}

@media only screen and (min-width:769px) and (max-width:1350px) {
.container{
	width:96%;
	margin:0 auto;
	padding:0 2%;
   }
.logo{
    width: 10.63636363636364%;
	}
.middle_text{
    width: 64.63636363636364%;
	margin-left:1%;
	}
.iso_box {
    width: 22.27272727272727%;
	}
p.iso_text {
    font-size: 9px;
	}
.naicctc {
    width: 8%;
	}	
.menu_left {
    margin: 0 0 0 8%;
    width: 75.72727272727273%;
	}	
.downlode {
    width: 16.27272727272727%;
	margin:8px 0 0 0;
	}		
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 6px 15px 7px;
	 }	
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    font-size: 11px;
	}	
	
.bank_details{
	width:27.27272727272727%;
	}
.online_addmission{
	width:40.09090909090909%;
	margin:9.3% 0 0 1%;
	}
.register_now{
	width:29.09090909090909%;
	}	
input.submit {
    width: 92%;
	}	 
input.form_field {
    width: 92%;
	}
p.bank_text {
    font-size: 19px;
	}
p.bank_text2 {
    font-size: 13px;
	}	
h2.welcome_text {
    font-size: 18px;
	text-transform:uppercase;
	}	
h2.welcome_text span {
    color: #1d1d1d;
    font-size: 18px;
    line-height: inherit;
	}	
.quick_link{
	width:19.54545454545455%;
	}
.contact{
	width:30.43478260869565%;
	}	
.map{
	width:48.36363636363636%;
	}	

p.phone_no {
    font-size: 13px;
    padding: 0 0 0 24px;
	}
p.email {
    font-size: 13px;
    padding: 0 0 0 24px;
	}	
.vacancies{
	width:30.90909090909091%;
	margin-right:3.636363636363636%;	
	}
.verification{
	width:30.90909090909091%;
	margin-right:3.636363636363636%;	
	}		
.result{
	width:30.90909090909091%;
	}
	
/*======================inner============================*/	
.inner_content_left{
	width:60.27272727272727%;
	}
.inner_content_right{
	width:28.54545454545455%;
	}
.demo_mg{
	width:28.57142857142857%;
	}	
	
	
/*======================inner============================*/			
		
	}



@media only screen and (min-width:770px) and (max-width:800px) {

	}

@media (min-width: 801px) and (max-width: 842px) {

	}

@media (min-width: 843px) and (max-width: 899px) {
	
	}

@media (min-width: 900px) and (max-width: 932px) {

	}

@media (min-width: 933px) and (max-width: 960px) {

	}

@media (min-width: 961px) and (max-width: 979px) {
	
	}

@media (min-width: 980px) and (max-width: 1024px) {

	}

@media only screen and (min-width:1024px) and (max-width:1050px) {
	
	}
	

@media only screen and (min-width:1051px) and (max-width:1100px) {
	
	}




@media (max-width: 603px) {	

	}

@media (max-width: 600px) {	

	}

@media only screen and (max-width:568px) {

	}

@media (max-width: 533px) {	

	}

@media (max-width: 480px) {	
h2.inner_text{
	font-size:20px;
	padding:0 40px 0 0;
	}  	
	}

@media (max-width: 450px) {	

	}

@media (max-width: 320px) {	

	}