@charset "utf-8";
@media screen and (max-width:1680px) {
    .carousel-caption {top: 290px;}
}

@media screen and (max-width:1600px) {
    .carousel-caption {top: 230px;}
    .carousel-indicators {bottom: 160px;}
    .carousel-caption h4 {font-size: 40px;}
    .carousel-caption p {margin-bottom: 40px;}
   
    
}

@media screen and (max-width:1440px) {
     .carousel-caption .register-btn {font-size: 21px;padding: 9px 37px 14px;}
}

@media screen and (max-width:1366px) {
    .carousel-caption {padding: 0;}
    .carousel-indicators {bottom: 120px;}
}

@media screen and (max-width:1280px) {
    .carousel-caption h4 {font-size: 30px;margin-bottom:20px;}
    .carousel-caption p {margin-bottom: 20px;  font-size: 20px;}
}
@media screen and (max-width:1170px) {
    .service-img a {width: 220px;height: 220px;line-height:220px;}
    .service-cont h2 {font-size: 19px;}
}
@media screen and (max-width:1024px) {
    .middle-header .brand {width: 40%;margin-top: 14px;}
    .service-block {margin-top: 30px;margin-bottom: 30px;}
    .carousel-indicators {bottom: 30px;}
    .carousel-caption .register-btn {font-size: 17px;padding: 9px 28px 14px;}
    .carousel-caption {top: 220px;}
    .middle-header .nav-collapse > ul > li ul li a {padding: 10px;font-size: 15px;}
    .middle-header .nav-collapse > ul > li > a {padding: 30px 15px;}
    .middle-header .brand { margin-top: 6px;}
    .service-cont h2 {font-size: 19px;}
    .service-cont p {font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .service-cont .btn {padding: 9px 22px;}
    .top-footer h1 {margin-bottom: 25px;font-size: 20px;}
    .contact-wrap ul li span img {width: 15px;}
    .contact-wrap ul li span {display: inline-block;width: 30px;}
    .contact-wrap ul li span img {width: 15px;}
    .vfs-img {margin-left: 20px;width: 50%;}
    .women-img {padding: 5px;}
    .foot-left h2 {font-size: 15px;}
    .foot-left h2 span {font-size: 13px;}
    .service-cont {padding: 0 15px;}
    .service-img img {width: 70%;}
    .service-img {margin-bottom: 30px;}
    .service-img img {width: auto;}
}

@media screen and (max-width:990px) {
    .service-img a {width: 165px;height: 165px;line-height: 165px;}
    .service-img a img{width:50px;}
}

@media screen and (max-width:960px) {
    .middle-header .nav-collapse > ul > li {display: block;}
    .middle-header .nav-collapse {float: none;}
    .middle-header .nav-collapse > ul > li > a {padding: 10px;}
    .middle-header .nav-collapse > ul > li.active, .middle-header .nav-collapse > ul > li:hover {border: none;}
    .middle-header .nav-collapse > ul > li ul {opacity: 1;visibility: visible;display: none;  position: relative;left: 0;margin: 0;top:inherit;width:100%;text-align:left;}
    .middle-header .nav-collapse > ul > li ul li a {text-align: left;}
        .service-cont h2 {font-size: 17px;}
    .carousel-caption {top: 190px;}
    .navbar .btn-navbar {background: #FFF;border: 1px solid #CCC;margin-top: 25px;}
    .women-img {width: 40%;}
    .vfs-img {width: 36%;}
    .quick-wrap ul li {width: 100%;margin-bottom: 10px;}
    .top-footer h1 {  margin-bottom: 15px;font-size: 16px;}
    .quick-wrap ul li label {font-size: 14px;}
    .contact-wrap ul li span { width: 100%;  text-align: center;  margin-bottom: 10px;}
    .foot-left h2 span {margin-left: 0;margin-top: 10px;}
    .service-cont {padding: 0;}
    #header {  z-index: 200;}
    .navbar .btn-navbar {margin-top: 21px;}

@media screen and (max-width:900px) {
}
@media screen and (max-width: 800px) {
    .carousel-caption h4 {font-size: 20px;margin-bottom: 10px;}
    .carousel-caption p {margin-bottom: 10px;font-size: 16px;}
    .carousel-caption .register-btn {font-size: 14px;padding: 6px 18px 11px;}
    .carousel-indicators {bottom: 20px;}
    .carousel-caption {  top: 170px;}
}
@media screen and (max-width:768px) {
}

@media screen and (max-width: 767px) {
    #header {position: static;background: #000;}
    .account-option {margin-right: 20px;}
    .carousel-caption {top: 70px;}
    .service-img img {width: 150px;}
    .service-block {padding: 0 20px;text-align: center;}
    .service-cont p {text-align: center;}
    .women-img {width: auto;}
    .vfs-img {width: auto;}
    .top-footer .women-wrap ,
	.top-footer .quick-wrap{  float: left;  width: 100%;  clear: both;  margin-bottom: 30px;}
    .top-footer .quick-wrap, .top-footer .contact-wrap {width: 50%;  float: left;  margin-bottom: 10px;}
    .contact-wrap ul li span {width: 30px;text-align: left;  margin-bottom: 0;}
    .top-footer {padding: 20px 0 0;}
    .foot-left h2 {text-align: center;margin-bottom: 10px;}
    .foot-left h2 span {margin-left: 5px;margin-top: 10px;}
    .foot-right {text-align: center;}
    .foot-right ul {width: 100%;margin-bottom: 10px;}
    .middle-header .brand {width: 280px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:568px) {
    .carousel-caption {top: 50px;}
    .foot-left {padding: 0 10px;}
    .foot-left h2 {line-height: 1.5;}
    .foot-left h2 span {line-height: 20px;}
}
@media screen and (max-width:480px) {
    .vfs-img {width: 50%;}
    .carousel-caption {background: #000;  padding: 20px;padding-bottom: 50px;}
    .search_field {width: 90%;margin: 0 5%;  margin-top: 20px;}
    .account-option ul li {font-size: 13px;}
    .navbar .btn-navbar {margin-top: 10px;}
    .women-img {  width: auto;  float: none;  display: inline-block;}
    .women-wrap {  text-align: center;}
    .vfs-img {  margin: 0 auto;  float: none;  margin-top: 20px;}

}

@media screen and (max-width:380px) {
    .middle-header .brand {width: 100%;margin-bottom:10px;}
    .middle-header .navbar-inner {padding: 0;}
    .carousel-caption h4 {font-size: 16px;}
    .carousel-caption p {font-size: 13px;}
    .top-footer .quick-wrap, .top-footer .contact-wrap {width: 50%;}
    .contact-wrap ul li {font-size: 13px;}
	.foot-left h2 span {margin-left: 0;line-height: 19px;margin-bottom: 10px;}
    
    .quick-wrap ul li {font-size: 13px;}
    .foot-left h2 {font-size: 13px;line-height:1;}
    .foot-right ul li a {font-size: 13px;margin: 0 5px;}
}



@media screen and (max-width:320px) {
}