@charset "utf-8";
/* CSS Document */
@media(min-width:320px){}

@media(min-width:600px){}

@media(min-width:768px){}

@media(min-width:1024px){}

@media(min-width:1200px){}


@media only screen and (min-width:1660px) and (max-width:1920px){
	.container{ width:1600px;}
	.map-div{ height:280px;}
	.nav-wrap ul li a{ font-size:14px; font-family: 'OpenSans-Semibold';}
	.nav-wrap ul li{ margin-left:20px;}
	.banner-text h2 {
		font-size: 60px;
		font-weight: 800;
		font-style: italic;
		color: #fff;
		line-height: 65px;
		margin-bottom: 30px;
	}
	.rd-more {
		text-decoration: none;
		font-size: 50px;
		font-weight: 300;
		border: 2px solid #fff;
		display: inline-block;
		padding: 0 40px;
		line-height: 92px;
	}
	.banner-text{ top:270px;}
	.contact-top{font-size:14px;}
	.map-div{height:198px;}
	
	}
	
@media only screen and (min-width:1024px) and (max-width:1100px){
	
	.nav-wrap ul li{margin-left: 16px;}
	.nav-wrap ul li a{ font-size:12px;}
	.banner-text h2{ font-size:40px; line-height:normal}
	.rd-more{ padding:0 30px; font-size:26px; line-height:60px;}
	.banner-text{ top:120px;}
	.btn-style2{ width:140px; font-size:11px;}
	.btn-style3{ width:120px; font-size:12px;}
	.slt-ar span{ width:400px;}
	
	.contact-cnt-pg{ width:90%}
	.contact-map-pg{ width:90%}
	
	
	/*******24-07******/
	.table-head thead td{ font-size:12px;}
	.table-head td+td+td+td+td+td a.tbl-btn-style{ width:70px;}
	a.tbl-btn-style{ font-size:10px;}
	.table-head td+td+td+td+td+td+td a.tbl-btn-style{ width:110px;}
	.stafftabs ul li{ padding:5px 10px;}
	.stafftabs ul li a{ font-size:13px;}
	.stafftabs-bg{ padding:10px;}
	
	
	
	}

@media(max-width:1023px){
	
	.banner-text{ top:90px; width:90%}
	.banner-text h2{ font-size:36px; line-height:normal}
	.rd-more{ padding:0 20px; font-size:18px; line-height:40px;}
	.wlcom-cnt p{ text-align:justify}
	.home-sec-img img{ width:100%}
	.home-sec-img2 img{ width:100%}
	.map-div{ margin-top:30px;}
	.map-div img{ width:100%;}
	.map-div{ overflow:hidden}
	.section-3{ padding-bottom:50px;}
	.foot-cnt{ margin-bottom:30px;}
	.banner-main ol li a{ width:16px; height:16px;}
	
	/*.sub-menu-style{ position:static}
	.sub-menu-style:after{display:none}
	.sub-menu-style ul{ position:static}*/
	
	.sub-menu-style{ position:static; padding-right:0px;}
	.sub-menu-style:after{display:none;	}
	.sub-menu-style ul{
		position:static;
		top:20px;
		width:auto;
		background:#000;
		right:-10px;
		z-index:99;
		margin-top:0;
		display:none;
		}
	.sub-menu-style ul li{
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin:0;
		padding:0px 0px;
		border-bottom:#333 solid 1px;
		}
	.sub-menu-style ul li a{color:#fff !important}
	.sub-menu-style ul li a:hover{color:#e587e8 !important}
	.nav-wrap ul li.sub-menu-style:hover ul{ display:block}
	
	.contact-cnt-pg{ width:100%}
	.contact-map-pg{ width:100%}
	.from-div{ margin-bottom:30px;}
	
	/*******24-07******/
	/**/
	.staff-pg-table-body table thead tr{
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
	.staff-pg-table-body table.table-head tbody tr td {
    	position: relative;
    	padding-left: 160px;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	display: block;
		width:100%;
		}
	.staff-pg-table-body table tr td:before {
		position: absolute;
		top: 0px;
		margin-top: 0px;
		left: 0px;
		margin-left: 0;
		white-space: nowrap;
		display: block;
		font-size: 14px;
		color: #000;
		padding: 8px;
		}
	.staff-pg-table-body table tr td:before { 	content: attr(data-title);	}
	.staff-pg-table-body tbody td:last-child{ text-align:left}
	.table-head td+td+td+td+td+td{ text-align:left}
	.table-head td+td+td+td+td+td+td { text-align:left}
	.staff-pg-table-body table tr td:first-child:before{ color:#fff}
	/********/
	.staff-pg-table-body table.table-head2 tbody tr td {
    	position: relative;
    	padding-left: 160px;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	display: block;
		width:100%;
		}
	.staff-pg-table-body table.table-head2 tr td:first-child:before{ color:#000}
	.staff-pg-table-body table.table-head2 tbody tr td:first-child{ background:#999}
	/********/
	.stafftabs-bg{ padding:15px;}
	.stafftabs ul li{ padding:5px 10px; width: 19.5555%; margin-right: .5%;}
	.stafftabs ul li a{ font-size:11px;}
	
	
	}

@media(max-width:767px){
	
	.banner-text{ top:20px; width:90%}
	.banner-text h2{ font-size:30px; line-height:normal; margin-bottom:20px;}
	.rd-more{ padding:0 15px; font-size:16px; line-height:30px;}
	
	.home-sec-img{ margin-top:30px;}
	.area-fd{ height:120px;}
	.slt-ar span{ width:98%;}
	.copy-dv{ text-align:center}
	.pwd-dv{ text-align:center; width:100%}
	.header-area{ padding-top:15px;}
	.search-div{ float:right; width:100%}
	.src-dv{ float:right}
	.head-right-area{ width:50%}
	.logo { width: 100px; /* margin-top: 15px;*/}
	/*.charityRegNo {position: absolute; text-align: left; bottom: -7px; left: 17px;}*/
	.charityRegNo{ width:170px;}
	.charityRegNo p{font-size: 8px;}
	
	.title-area h1{font-size: 34px; line-height:44px;}
	.title-area h3{ font-size:28px; line-height:36px; display:none;}
	.inner-page{ padding-bottom:50px;}
	
	
	/********24-7*********/
	.stafftabs ul li{ padding:5px 10px; width: 100%; margin-right: 0%; text-align:center;margin-bottom:3px;border: 1px solid #ba96b8;}
	.stafftabs ul li a{ font-size:14px; }
	.stafftabs-bg{ margin-top:10px}
	.user-login-area{ width:100%; float:left; margin-top:10px;}
	.login-btn-area{ float:right}
	
	/**********/
	.head-right-area{ position:absolute; width:100%; left:0}
	.banner-text h2 p{font-size: 16px; line-height: 25px; margin-bottom: 5px;}
	
	.researchDate{float: left;padding-top: 20px;}
	.sticyMenu { display:none!important;}
	.pageContent, .contactContent{padding: 10px 0;}
	.faqHolder{padding: 5px 0;}
	.bodyText h1{margin-bottom: 15px;}
	.cnt-findus { padding-left: 0px !important;}
	.login-page-form{width:100%;}
	.regText{width: auto;float: left; margin-top: 5px; margin-right: 15px;}
	.gdprText{width: 100%;}
	.loginHead{width: 100%; padding: 10px 10px;}
	.title-area{margin-top: 10px;}
	.inner-page{padding-top: 10px;}
	.myAccountDet{width: 80%;}
	.btnChangeDet{text-align: center;}
	
	.addrArea{ padding-top:0}
	.search-div{ display:none}
	.nav-wrap{ margin-right:0; width:100%}
	.regBtnSec {width: auto;}
	.register-btn { width: auto; height:auto; font-size: 14px; margin-top: 0; padding: 2px 17px;}
	a.forgotPwd{display: inline-block; padding-top: 15px;}
	.contact-cnt-pg h2{font-size: 24px;}
	.mobileHome{display:block !important;}
	
	.imgRight {
		float: none;
		margin-left: 0;
		margin-bottom: 30px;
	}

	}

@media(max-width:599px){
	
	/*.logo{ width:100%; text-align:center; margin-top:0; margin-bottom:10px}
	.logo img{ max-width:140px;}*/
	.header-area{ padding-top:15px; padding-bottom:15px}
	.head-right-area{ width:100% !important;/* text-align:center*/}
	/*.contact-top{ float:none; display: inline-block}*/
	.src-dv{/* float:none; margin-left:0*/}
	.search-div{ /*text-align:center;*//* margin-top:10px;*/}
	/*.contact-top:after{ left:auto; right:0} */
	/*.contact-top{padding-left: 0px; padding-right: 10px;}*/
	nav.nav-bg { position: absolute;  right: 0;  top: -74px;}
	header{ position:relative}
	.pwd-dv{ margin-top:20px;}
	.banner-text{ top:20px; width:90%; font-size:16px;}
	.banner-text h2{ font-size:24px; line-height:normal; margin-bottom:15px;}
	.rd-more{ padding:0 15px; font-size:16px; line-height:30px;}
	.slt-ar span { width: 68%; margin-right: 2%;}
	.list-select2{ width:30%}
	.search-div{ display:none}
	
	.contact-top{ margin-top:-5px;}
	.menu-button{ margin-bottom:24px;}
	.banner-text h2 p{font-size: 16px; line-height: 25px; margin-bottom: 5px;}
	.researchDate{float: left;padding-top: 20px;}
	
	.rd-more{ position:relative; z-index:9999}
	.sticyMenu { display:none!important;}
	
	}

@media(max-width:479px){
	
	.banner-text h2{ font-size:14px; line-height:normal; margin-bottom:10px;}
	.rd-more{ padding:0 10px; font-size:14px; line-height:20px;}
	.banner-main ol li a{ width:14px; height:14px;}
	.banner-main ol li { margin: 0 3px;}
	.banner-main .flex-control-nav{ bottom:5px}
	.section-1 { padding-top: 10px;  padding-bottom: 30px;}
	.wlcom-cnt h1{ font-size:26px; line-height:normal}
	.foot-menu ul li{ font-size:11px;}
	.slt-ar span { width: 66%; margin-right: 2%;}
	.list-select2{ width:32%}
	
	.from-div .slt-ar span{ width:60%}
	.from-div .list-select2{ width:37%}
	.contact-cnt-pg{ padding:20px}
	
	/*****24-7******/
	.stafftabs-bg{ padding:10px}
	.user-name-area span{ font-size:14px;}
	.login-btn-area a{ padding:0 12px;}
	
	.menu-button{ margin-bottom:22px;}
	.banner-text h2 p{font-size: 16px; line-height: 25px; margin-bottom: 5px;}
	.researchDate{float: left;padding-top: 20px;}
	.sticyMenu { display:none!important;}
	
	.mobileBlockTable.table > tbody > tr > td, .mobileBlockTable.table > tbody > tr > th, .mobileBlockTable.table > tfoot > tr > td, .mobileBlockTable.table > tfoot > tr > th, .table > thead > tr > td, .mobileBlockTable.table > thead > tr > th {
    display: block;
    width: 100%;
}

	}

@media(max-width:419px){ 

	.slt-ar span { width: 98%; margin-right: 2%;}
	.list-select2{ width:43%}
	.caption-dv{ margin-top:15px;}
	.from-div{ padding:12px;}
	.from-div .slt-ar span{ width:100%}
	.from-div .list-select2{ width:46%}
	
	/*****24-7******/
	.stafftabs-bg{ padding:5px}
	.staff-pg-table-body table.table-head tbody tr td{ padding-left:133px;}
	.staff-pg-table-body table tr td:before{ font-size:12px;}
	
	.menu-button{ margin-bottom:22px;}
	.banner-text h2 p{font-size: 14px; line-height: 25px; margin-bottom: 5px;}
	.researchDate{float: left;padding-top: 20px;}
	
	.banner-text h2{ margin-top:5px;}
	.sticyMenu { display:none!important;}
	.logo{ margin-top:15px; width:85px;}
	.header-area{ padding-bottom:5px;}
	}