@charset "utf-8";

/* CSS Document */

@media only screen and (max-width : 1175px) {
.owl-carousel .owl-item img {
	max-height: 400px;
	width: auto;
}
}

@media only screen and (max-width : 979px) {
body {
	font-size: 13px;
}
.wrapper {
	width: 96%;
}
header {
	padding: 15px 0px;
}
header > .wrapper > .vfs_global_logo img {
	width: 210px;
}
header.element_collided > .wrapper > * {
	display: table;
	margin: 0 auto;
}
header.element_collided > .wrapper > .vfs_global_logo {
	padding-bottom: 10px;
}
header.element_collided > .wrapper > .extra_content {
	text-align: center;
}
header.element_collided > .wrapper > .extra_content.element_width_covered > .heading_language_wrapper > .flag_heading_wrapper > * {
	display: block;
	text-align: center;
}
header.element_collided > .wrapper > .extra_content.element_width_covered > .heading_language_wrapper > .flag_heading_wrapper > img {
	padding: 10px 0px;
	margin: 0 auto;
}
header.element_collided > .wrapper > .extra_content > .heading_language_wrapper > .language_list {
	position: relative;
	display: table;
	margin-right: auto;
	margin-left: auto;
}
header > .wrapper > .extra_content > .heading_language_wrapper > .flag_heading_wrapper > h2 {
	font-size: 1.4em;
}
nav {
	border-bottom: 3px solid #003259;
}
nav > .wrapper {
	width: 100%;
	background: #eee
}
nav > .wrapper > ul {
	display: none;
}
nav .dl-menuwrapper {
	display: block;
	position: relative;
}
nav .dl-menuwrapper > ul > li > a > span.icon[data-text] {
	font-family: inherit !important;
}
nav .dl-menuwrapper > ul > li > a > span.icon[data-text]:before {
	display: none;
}
nav .dl-menuwrapper > ul > li > a > span.icon[data-text]:after {
	content: attr(data-text);
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
	background: #dc780a;
	color: #fff;
}
.dl-menuwrapper button:hover:after, .dl-menuwrapper button.dl-active:after {
	background: #fff;
	box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;
}
.sliding_banner.owl-carousel .item {
	height: 280px;
}
h1 > span {
	font-size: 24px;
	padding: 6px 12px;
}
h1 > span:before {
	left: -40px;
	border-right: 40px solid #dc780a;
}
h1 > span:before, h1 > span:after {
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
}
.map_container {
	height: 450px;
}
.map_container > .toggle_container > .outer_content_container, .map_container > .toggle_container > .outer_content_container .outer_content_wrapper > .main_content_wrapper {
	width: 320px;
}
.tab_buttons_wrapper > ul {
	display: none;
}
.tab_buttons_wrapper > .select_wrapper {
	display: table;
}
ul.mission_list > li {
	height: 220px;
}
.helpline_wrapper > ul.helpline > li.number span.big {
	font-size: 18px;
}
.helpline_wrapper > ul.helpline > li > .image > span {
	font-size: 40px;
}
.helpline_wrapper > ul.helpline > li > .main_content h6 {
	font-size: 14px;
}
.helpline_wrapper > ul.helpline > li.email > .main_content.owl-carousel {
	padding-right: 10px;
}
.helpline_wrapper > ul.helpline > li.email > .main_content.owl-carousel .owl-prev, .helpline_wrapper > ul.helpline > li.email > .main_content.owl-carousel .owl-next {
	font-size: 20px;
}
footer {
	padding: 8px;
}
}

@media only screen and (max-width : 929px) {
h1 > span {
	font-size: 23px;
}
.helpline_wrapper > ul.helpline > li {
	width: auto;
	margin-bottom: 20px;
}
.helpline_wrapper > ul.helpline > li.last {
	margin-bottom: 0px;
}
}

@media only screen and (max-width : 861px) {
h1 > span {
	font-size: 22px;
	padding: 5px 10px;
}
h1 > span:before {
	left: -38px;
	border-right: 38px solid #dc780a;
}
h1 > span:before, h1 > span:after {
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
}
ul.mission_list > li > .content {
	width: 98%;
}
ul.mission_list > li {
	width: 49%;
	margin-right: 2%;
}
ul.mission_list > li:nth-child(even) {
	margin-right: 0px;
}
ul.mission_list > li > .image > img {
	width: 100%;
}
ul.mission_list > li.last_in_row {
	margin-right: 0%;
}
.map_container > .toggle_container > .outer_content_container, .map_container > .toggle_container > .outer_content_container .outer_content_wrapper > .main_content_wrapper {
	width: 300px;
}
.map_container {
	height: 400px;
}
footer > .main_content {
	text-align: center;
}
}

@media only screen and (max-width : 799px) {
.content_wrapper > .top_content > * {
	float: none;
}
.content_wrapper > .top_content > .left_content {
	width: 100%;
	height: 250px;
}
.content_wrapper > .top_content > .right_content {
	width: 100%;
	margin-top: 20px;
}
h1 > span {
	font-size: 20px;
	padding: 3px 5px;
}
h1 > span:before {
	left: -36px;
	border-right: 36px solid #dc780a;
}
h1 > span:before, h1 > span:after {
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}
.map_container {
	height: auto;
}
.map_container > * {
	position: relative;
	height: 350px;
}
.map_container > .toggle_container {
	position: relative;
	height: auto;
	background: #EEE;
	box-shadow: 0px -2px 5px #AAA;
}
.map_container > .toggle_container > .toggle {
	display: none;
}
.map_container > .toggle_container > .outer_content_container, .map_container > .toggle_container > .outer_content_container .outer_content_wrapper > .main_content_wrapper, .map_container > .toggle_container.hide > .outer_content_container {
	width: 100%;
	top: 0%;
	transform: translateY(0%);
	max-height: none;
}
ul.services > li {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0px;
}
ul.services > li.last {
	margin-right: 0px;
}
ul.services:after {
	content: '';
	clear: both;
	display: block;
}
}
@media only screen and (max-width : 720px) {
  [data-column-details].col_type_normal > * {
	margin-bottom: 15px;
  }
}
@media only screen and (max-width : 799px) and (min-width: 600px) {
ul.icon_content_list {
	position: relative;
	padding: 15px 0px;
}
ul.icon_content_list:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 0%;
	width: 2px;
	height: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: -webkit-linear-gradient(top, transparent 0%, #003259 50%, transparent 100%);
	background: -moz-linear-gradient(top, transparent 0%, #003259 50%, transparent 100%);
	background: -o-linear-gradient(top, transparent 0%, #003259 50%, transparent 100%);
	background: linear-gradient(to bottom, transparent 0%, #003259 50%, transparent 100%);
}
ul.icon_content_list > li {
	float: left;
	width: 49%;
	margin-right: 2%;
}
ul.icon_content_list:after {
	content: '';
	display: block;
	clear: both;
}
ul.icon_content_list > li:nth-child(even) {
	padding-left: 5px;
	margin-right: 0%;
}
ul.icon_content_list > li:nth-last-child(2):nth-child(odd), ul.icon_content_list > li:last-child {
	padding-bottom: 0px;
}
ul.icon_content_list > li:before {
	width: 204%;
}
ul.icon_content_list > li:nth-child(even):before, ul.icon_content_list > li:nth-last-child(2):nth-child(odd):before {
	display: none;
}
ul.icon_content_list > li > .icon {
	width: 12%;
}
ul.icon_content_list > li > .content {
	width: 88%;
}
}

@media only screen and (max-width : 679px) and (min-width: 100px) {
body {
	font-size: 12px;
}
.wrapper {
	width: 96%;
}
header {
	padding: 8px 0px;
}
.sliding_banner.owl-carousel .item {
	height: 280px;
}
h1 > span {
	border-radius: 20px;
	font-size: 18px;
	padding: 6px 14px;
}
h1 > span:before {
	left: 0px;
	border-right: 0px;
}
h1 > span:after {
	right: 0px;
	border-left: 0px;
}
ul.mission_list > li {
	height: 200px;
}
.helpline_wrapper > ul.helpline > li > .image > span {
	font-size: 40px;
}
.helpline_wrapper > ul.helpline > li > .main_content h6 {
	font-size: 14px;
}
.helpline_wrapper > ul.helpline > li > .main_content a {
	font-size: 13px;
}
ul.list_style li > p {
	font-size: 13px;
}
ul.why_choos_vfs > li p {
	font-size: 13px;
}
footer {
	padding: 8px;
}
}

@media only screen and (max-width : 650px) and (min-width : 100px) {
ul.mission_list > li:hover:after {
	padding-bottom: 10px;
}
h1 > span {
	font-size: 17px;
	padding: 5px 12px;
}
ul.why_choos_vfs {
	padding-bottom: 0px;
}
ul.why_choos_vfs > li, ul.why_choos_vfs > li.last {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
ul.why_choos_vfs > li:after {
	left: 0px;
	top: 100%;
	width: 100%;
	height: 2px;
	margin-top: 5px;
	background: -webkit-linear-gradient(left, transparent 0%, #dc780a 30%, #dc780a 70%, transparent 100%);
	background: -moz-linear-gradient(left, transparent 0%, #dc780a 30%, #dc780a 70%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, #dc780a 30%, #dc780a 70%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #dc780a 30%, #dc780a 70%, transparent 100%);
}
ul.why_choos_vfs > li p {
	font-size: 13px;
}
footer {
	padding: 8px;
}
}

@media only screen and (max-width : 599px) {
ul.icon_content_list > li > .icon {
	width: 24px;
}
ul.icon_content_list > li > .content {
	width: calc(100% - 24px);
	padding-left: 10px;
	box-sizing: border-box;
}
}

@media only screen and (max-width : 499px) {
.sliding_banner.owl-carousel .item {
	height: 250px;
}
.sliding_banner.owl-carousel .item .main_content > h3 span.big {
	font-size: 1.5em;
}
.sliding_banner.owl-carousel .item .main_content > h3 {
	font-size: 5vw;
}
.sliding_banner.owl-carousel .item .main_content {
	padding: 10px 50px;
}
.sliding_banner.owl-carousel .owl-prev, .sliding_banner.owl-carousel .owl-next {
	width: 38px;
}
.sliding_banner.owl-carousel .owl-dots {
	right: 0px;
	width: 100%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
}
.sliding_banner.owl-carousel .owl-dots > .owl-dot {
	width: 20px;
	height: 20px;
	margin-right: 20px;
}
h1 > span {
	font-size: 16px;
	padding: 2px 10px;
}
.map_container > * {
	height: 300px;
}
ul.services > li {
	width: 100%;
	margin-right: 0px;
	float: none;
	margin-bottom: 10px;
}
ul.mission_list.col2 > li {
	height: 160px;
	width: 80%;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
ul.mission_list.col2 > li:nth-child(2n+1):nth-last-child(-n+2), ul.mission_list.col2 > li:nth-child(2n+1):nth-last-child(-n+2) ~ * {
	margin-bottom: 10px;
}
ul.why_choos_vfs > li p {
	font-size: 13px;
}
.helpline_wrapper {
	padding: 10px;
}
.helpline_wrapper > ul.helpline > li.email > .main_content > .all_items.owl-carousel {
	width: 70vw;
}
.helpline_wrapper > ul.helpline > li > .main_content > .all_items {
	font-size: 3vw;
	box-sizing: border-box;
}
.helpline_wrapper > ul.helpline > li > .image {
	padding-right: 5px;
}
footer > .main_content > span {
	width: 100%;
	display: block;
}
}
@media only screen and (max-width : 520px) and (min-width: 100px){
	ul.service_list > li{
		width: 100%;
		padding-bottom: 0px;
		margin-left: 0%;
	}
	.icon_heading_wrapper > *{
		display: block;
		text-align: center !important;
	}
	ul.service_list > li:first-child {
    margin-left: 0%;
}
	}