/*
Theme Name: Sekel
Theme URI: https://brainiuminfotech.com
Author: the WordPress team
Author URI: https://brainiuminfotech.com
Description: The Demo theme for WordPress is a fully responsive theme that looks great on any device.
Version: 1.0

/* =WordPress Core
-------------------------------------------------------------- */
/*==========fonts=====*/

@font-face {
    font-family: 'MinionWeb';
    src: url('font/MinionWeb.eot');
    src: url('font/MinionWeb.eot') format('embedded-opentype'),
         url('font/MinionWeb.woff2') format('woff2'),
         url('font/MinionWeb.woff') format('woff'),
         url('font/MinionWeb.ttf') format('truetype'),
         url('font/MinionWeb.svg#MinionWeb') format('svg');
}

@font-face {
    font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';
    src: url('font/MarkSimonsonProximaNovaAltRegularwebfont.eot');
    src: url('font/MarkSimonsonProximaNovaAltRegularwebfont.eot') format('embedded-opentype'),
         url('font/MarkSimonsonProximaNovaAltRegularwebfont.woff2') format('woff2'),
         url('font/MarkSimonsonProximaNovaAltRegularwebfont.woff') format('woff'),
         url('font/MarkSimonsonProximaNovaAltRegularwebfont.ttf') format('truetype'),
         url('font/MarkSimonsonProximaNovaAltRegularwebfont.svg#MarkSimonsonProximaNovaAltRegularwebfont') format('svg');
}

@font-face {
    font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
    src: url('font/MarkSimonsonProximaNovaSemiboldwebfont.eot');
    src: url('font/MarkSimonsonProximaNovaSemiboldwebfont.eot') format('embedded-opentype'),
         url('font/MarkSimonsonProximaNovaSemiboldwebfont.woff2') format('woff2'),
         url('font/MarkSimonsonProximaNovaSemiboldwebfont.woff') format('woff'),
         url('font/MarkSimonsonProximaNovaSemiboldwebfont.ttf') format('truetype'),
         url('font/MarkSimonsonProximaNovaSemiboldwebfont.svg#MarkSimonsonProximaNovaSemiboldwebfont') format('svg');
}


/*==========fonts=====*/



	html,
	body,
	address,
	blockquote,
	div,
	dl,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	p,
	pre,
	table,
	ul,
	dd,
	dt,
	li,
	tbody,
	td,
	tfoot,
	th,
	thead,
	tr,
	button,
	del,
	ins,
	map,
	object,
	a,
	abbr,
	acronym,
	b,
	bdo,
	big,
	br,
	cite,
	code,
	dfn,
	em,
	i,
	img,
	kbd,
	q,
	samp,
	small,
	span,
	strong,
	sub,
	sup,
	tt,
	var,
	legend,
	fieldset {
		margin: 0;
		padding: 0;
	}
	article,
	aside,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section,
	video,
	audio,
	mark {
		display: block;
		margin: 0;
		padding: 0;
	}
	img,
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
		outline: none;
	}
/*
	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0px 1000px white inset;
		-webkit-text-fill-color: #fff !important;
	}
*/
	
	
	input[type="text"] {
		outline: 0;
	}
	select {
		outline: 0;
	}

	a {
		color: #3d3d3d;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		text-decoration: none;
		color: #c1b497;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	a:hover,
	a:active {
		outline: 0;
		border: 0;
	}
	p {
		margin: 0;
		padding: 0;
	}
	/* list */
	
	ul,
	li,
	ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* Tables */
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.clear {
		font-size: 0;
		line-height: 0;
		clear: both;
		height: 0;
	}
img{
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: auto;
}
	/* =============================================================================
            Typography
========================================================================== */
	
	body {
		color: #000;
		margin: 0;
		padding: 0;
		font-size: 16px;
	}

/*=====================================================
Header Area
=====================================================*/
.top_area {
	background: #fff;
	position: fixed;
	z-index: 999999;
	left: 0; right: 0; margin: 0 auto;
	top: 0; 
  padding:10px 0;
  margin: 0;
  transition: 0.7s all ease;

}
.top_area.fixHeader{
padding:5px 0;
}

.logo {
	width: 100%;
	text-align: center;
}
.logo img {
	max-width: 100%;
	text-align: center;
	transition: 0.7s all ease;
}
.top_area.fixHeader .logo img {
	max-width: 100px;
}

/*=====================================================
Home Page Menu
=====================================================*/
.menu-toggle i.fa{font-size: 20px;}
.menu-toggle .fa-navicon:before, .fa-reorder:before, .fa-bars:before{font-size: 25px;}


#sidebar-wrapper {
	position: fixed;
	z-index: 2;
	right: 0;
	width: 250px;
	height: auto;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	transform: translateX(250px);
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -o-transform: translateX(250px);
	background: #fff;
	border-left: 1px solid rgba(255, 255, 255, .1)
}
.sidebar-nav {
	position: absolute;
	top: 82px;
	right:0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	transition: 0.7s all ease;
    -webkit-transition: 0.7s all ease;
    -moz-transition: 0.7s all ease;
    -ms-transition: 0.7s all ease;
    -o-transition: 0.7s all ease;
}
.sidebar-nav li{background: #1e2e4f;}
.sidebar-nav li a{color: #fff;text-transform: uppercase;	
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    display: block;
}
.sidebar-nav li a:hover{background: transparent!important;color: #000!important;}
.sidebar-nav li:hover a{color: #fff!important;}


.top_area.fixHeader .sidebar-nav{
    top: 48px;
    transition: 0.7s all ease;
    -webkit-transition: 0.7s all ease;
    -moz-transition: 0.7s all ease;
    -ms-transition: 0.7s all ease;
    -o-transition: 0.7s all ease;
}

.sidebar-nav li{
font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';
	padding: 10px 20px;
}
.sidebar-nav li.sidebar-nav-item a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 8px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';
	
}
.sidebar-nav li a:hover {
	text-decoration: none;
	color: #72777b;
	background: rgba(255, 255, 255, .2)
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none
}
.sidebar-nav>.sidebar-brand {
	font-size: 1.2rem;
	background: rgba(52, 58, 64, .1);
	height: 80px;
	line-height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px
}
.sidebar-nav>.sidebar-brand a {
	color: #fff
}
.sidebar-nav>.sidebar-brand a:hover {
	color: #fff;
	background: 0 0
}
#sidebar-wrapper.active {
	right: 250px;
	width: 250px;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s
}
.menu-toggle {
	position: fixed;
	right: 100px;
	top: 35px;
	/*float: right;*/
	width: 30px;
	height:30px;
	text-align: center;
	color: #000;
	background: #fff;
	line-height: 30px;
	z-index: 999;
    transition: 0.7s all ease;
    -webkit-transition: 0.7s all ease;
    -moz-transition: 0.7s all ease;
    -ms-transition: 0.7s all ease;
    -o-transition: 0.7s all ease;
}
.top_area.fixHeader .menu-toggle{top: 10px;transition: 0.7s all ease;}
.menu-toggle:focus,
.menu-toggle:hover {
	color: #000
}
.menu-toggle:hover {
	background: #fff
}
.service-icon {
	background-color: #fff;
	color: #1d809f;
	height: 7rem;
	width: 7rem;
	display: block;
	line-height: 7.5rem;
	font-size: 2.25rem;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
}




/*=====================================================
Banner Area
=====================================================*/
.baner {
	width: 100%;
	position: relative;
	padding-top: 0;
	margin-top: 126px;
	background-color: #fff;
}
.banner_fill {
	width: 100%;
	position: relative;
    margin-top: 60px;
    background-size: cover;
}
.banner_caption {
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	position: relative;
	top: 0%;
	width: 100%;
    height: 100%;
    padding: 200px 0 175px;
}

.banner_caption h2 {
	text-align: center;
	font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
	font-weight: 300;
	color: #fff;
	font-size: 55px;
	text-shadow: 0;
	text-transform: uppercase;
	padding: 25px 0 0 0;
}
.banner_caption h3{	text-align: center;
/*	 font-family: 'Minion-Web';*/
	font-weight: 300;
	font-size: 45px;
	color: #fff;
	line-height: 45px;
	text-shadow: 0;
	font-family: 'MinionWeb';
	
}
.banner_caption p {
	text-align: center;
	font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';
	font-weight: 300;
	font-size: 40px;
	color: #fff;
	line-height: 40px;
	text-shadow: 0;
	padding-bottom: 20px;
}

.inner_banner_fill {
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
    margin-top: 75px; /* Changed from 60px to 75px after removing image */
    min-height: 75px; /* Newly added after removing image */
}
.inner_banner_fill img{ width: 100%;}
.inner_banner_caption {
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: absolute;
	top:20%;
	width: 100%;
    height: auto;
}

.inner_banner_caption h2 {
	text-align: left;
	font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
	font-weight: 300;
	color: #000;
	font-size: 45px;
	text-shadow: 0;
	text-transform: uppercase;
	padding: 25px 0 0 0;
}

.inner_banner_caption p{font-weight: 300;
	font-size: 35px;
	color: #000;
	line-height: 36px;
	text-shadow: 0;
	font-family: 'MinionWeb';}


.advisory_caption {
	margin:100px auto 0 auto;
	text-align: left;
	padding: 0;
	/*left: 0;
	right: 0;
	position: absolute;
	top:20%;
	width: 80%;*/
}

.advisory_caption h2 {
	text-align: left;
	font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
	font-weight: 300;
	color: #000;
	font-size: 45px;
	text-shadow: 0;
	text-transform: uppercase;
	padding: 25px 0 0 0;
}

.advisory_caption p{font-weight: 300;
	font-size: 30px;
	color: #000;
	line-height: 35px;
	text-shadow: 0;
	font-family: 'MinionWeb';}

.advisory_box-left{padding: 0 30px 0 0; margin: 0;}
.advisory_box-right{padding: 0 0 0 30px; margin: 0;}
.advisory_box-right ul{margin: 0; padding: 0;list-style-type: none;}
.advisory_box-right ul li{margin: 0; padding: 0; display: block; padding:0 0 10px 20px; background: url(images/dot.png) left 8px no-repeat; }
.banner_captionBottom{
    padding-top: 120px;
}

/*=====================================================
Content AREA
=====================================================*/
.link_area{padding: 50px 0; overflow: hidden; font-size: 20px; text-transform: uppercase;}
.link_area ul{ list-style-type: none; margin: 0; padding: 0;display:block; text-align: center; }
.link_area ul li{background: url(images/icon.png) left top no-repeat; padding: 0 0 0 40px; margin:0 65px 20px 65px; display: inline-block; text-align: center;  font-size: 20px; font-weight:600; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; float: left;}


/*Inner Content*/
.team_box{text-align: center; overflow: hidden; padding: 50px 0 20px 0;}
.team_area{
    width: 200px;
    height: 200px;
	margin:0 auto 20px auto; 
}
.team_area img {
    /*width: 100%;*/
    /*border: 1px solid #6d6d6d;*/
    border-radius: 50%;
    /*padding: 2px;*/
}
.team_title{font-size: 18px; font-weight: 600; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: center;}
.team_mail{font-size:16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: center;}
.team_ph{font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: center;}

.about_content{padding: 50px 0;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; overflow: hidden;}
.advisory_content{padding: 50px 0;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; overflow: hidden;}
.advisory_content h3{font-size: 20px; font-weight: 600; color:#000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-transform: uppercase; padding-bottom: 30px;}


.team_detail{margin:100px auto 0 auto;
	text-align: left;
	padding: 0;}


.team_detail_title{font-size: 22px; font-weight: 600; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: left;}
.team_detail_title span{font-size: 16px; font-weight: 600; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: left;}

.team_detail_mail{font-size:16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: left;}
.team_detail_ph{font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: left;}
.team_detail_content{font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; text-align: left; padding: 20px 0 50px 0;}
.team_detail_area{
    width: 100%;
    height: 100%;
	margin:0; 
}

/*=====================================================
Footer AREA
=====================================================*/
.footer{background: #d9d9d9; padding: 20px 0 15px;}
.footer ul{/*display: block; text-align: center;*/ list-style-type: none; margin: 0; padding: 0;}
.footer ul li{/*display: inline-block; text-align: center; */margin: 0; padding: 0 65px; font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; float: left;}
.footer ul li a{font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';}
.footer ul li a:hover{font-size: 16px; color: #454242;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'; font-weight: 500px;}

.copyright{font-size: 16px; color: #000;font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';/* position: absolute; left: 240px;*/}
.copyright ul{list-style-type: none; margin: 0; padding: 0; float: right;}
.copyright ul li{margin: 0; padding: 0; float: left;}

/*===============*/
.team_detail_area img{ max-width: 520px; width: 100%; }
.team_detail_content p{
    margin-bottom: 15px;
}
.banner_captionContent{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.about_content p{
    margin-bottom: 15px;
}
.about_content .col-sm-6 p:last-child{margin-bottom: 0;}
.page-content .col-sm-6 p:last-child{margin-bottom: 0;}
.page-content{ padding: 35px 0 25px; }
.page-content p{ margin-bottom: 15px;}
.mainContent .container, .inner_banner_fill .container{ max-width: 1100px;}
.team_detail_area{ text-align: center;}
.team_detail_area{ display: inline-block;}

.contactForm input.wpcf7-form-control{
    height: 40px;
    width: 400px;
    max-width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #777;
}
.contactForm  label{
    font-weight: normal;
}
.contactForm textarea.wpcf7-form-control{
    height: 100px;
    resize: none;
     width: 400px;
    max-width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #000;
}

.contactForm input[type="submit"] {
    background: #000;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    width: auto;
    border: 0;
    height: auto;
}
.contactForm input[type="submit"]:hover, .contactForm input[type="submit"]:focus, .contactForm input[type="submit"]:visited {
    background: #6d6d6d;
}
.mainContent div.wpcf7-validation-errors, .mainContent div.wpcf7-acceptance-missing{
    border: none;
    color: #f00;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none;
}
.mainContent  div.wpcf7-mail-sent-ok{
    color: darkgreen;
    border: none;
}
input:focus, textarea:focus, select:focus {
    outline-offset: 0px;
    outline: 0;
}
.team_title a{
    font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
}
nav ul a, nav ul li a, nav ul li ul a{
     font-family: 'MarkSimonsonProximaNovaAltRegularwebfont';
/*     font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';*/
    line-height: 18px;
    transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
}
nav ul li.current-menu-item a, .top_area nav ul li:hover a, nav ul li ul li a, nav ul li.activeParent a{
    color: #0d6489;
    font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
    transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: font-weight 2s ease-in-out;
}
.team_detail_content ul li, .defaultPageContent ul li, .advisory_box-right ul li {
    background: url(images/icon.png) no-repeat 0 3px;
    padding-left: 22px;
    background-size: 15px auto;
    padding-bottom: 9px;
}
nav ul li ul li{
    margin-bottom: 8px;
}
.top_area nav ul li ul {
    background: #1e2e4f;
/*    box-shadow: 1px 3px 5px #ccc;*/
    width: 15em;
    transition: 0.7s all ease;
}
/*.top_area nav ul li ul li a{color: #fff!important;}*/
.top_area nav ul li ul li a{ color: #fff !important; font-weight: normal;}
.top_area nav ul li ul li a:hover{
    color: #fff !important;
}
.top_area nav ul li ul li{ width: 100%; margin-bottom: 5px;}
.top_area.fixHeader nav ul li ul {

    width: 12.8em;
}
.page-id-56 .defaultPageContent ul{
    padding-top: 10px;
}
.page-id-56 .defaultPageContent ul ul{ margin-left: 5px;}
.innList{ padding: 0 17px 17px 17px;}

.page-content .innList p{ margin-bottom: 5px; }
/*.defaultPageContent{ padding-bottom: 25px;}*/
.defaultPageContent{padding-bottom: 0;}
.defaultPageContent:after{ content: ""; display: block; clear: both;}
/*.expertBottmFullCont{ margin-top: 30px;}*/
.expertiserRight iframe{
    width: 100%;
    height: 300px;
    border: 1px solid #000 !important;
}
.backTopage{
    width: 100%;
    display: block;
    text-align: left;
    margin-top: 0px;
/*    margin-bottom: 30px;*/
}
.teamBack{margin-bottom: 30px;}
.backTopage a{
     background: #000;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    width: auto;
    border: 0;
    height: auto;
    float: left;
    border-radius: 0;
}
.backTopage a:hover, .backTopage a:focus{
     background: #777;
    color: #fff;
}
.page-content:after, .backTopage:after{
    content: "";
    display: block;
    clear: both;
}
.teamColumn.removeLink a{
    cursor: default;
}
.expertiserLeft h1{text-transform: uppercase;font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';}
.expertiserLeft hr{border-width: 2px;}
.expertiseBan{position: relative;}
.expertiseBanFill{margin-top: 100px;}
.expbackTopage a{float: right;}
.exmargL{margin-bottom: 25px;}
.exmargR{margin-bottom: 55px;}
.legalDiv h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;
}
.legalDiv{
    width: 100%;
    display: inline-block;
/*    margin-bottom: 40px;*/
}
.legalDiv:nth-child(1){
    margin-bottom:17px;
}

.team_detail_title strong{display: inline-block;padding-left: 5px;}

.link_area ul li:last-child{
    float: right;
    padding-right: 82px;
}
nav ul#menu-menu-1 a{
    font-family: 'MarkSimonsonProximaNovaSemiboldwebfont';
}
.exmargL li a,.expertiserLeft li,.expertiserRight li{font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'}
.exmargR li a{font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'}
.defaultPageContent p,.defaultPageContent{font-family: 'MarkSimonsonProximaNovaAltRegularwebfont'}
/*=====================================================
RESPONSIVE AREA
=====================================================*/
@media (max-width:1200px){

	nav ul a, nav ul li a, nav ul li ul a{padding: 0 15px !important;}
    nav ul#menu-menu-1  a, nav ul#menu-menu-1 li a{padding: 0 0px !important;}
	nav ul a{font-size: 13px !important;}
    .banner_caption {
        padding: 100px 0 75px;
    }
    .banner_captionBottom {
    padding-top: 60px;
}
    .banner_caption h2{ font-size: 45px;}
    .banner_caption p{ font-size: 30px;}
    .banner_caption h3{ font-size: 35px;}
    .team_title{ font-size: 17px;}
    .team_box {
     padding: 20px 0 20px 0;
    }
    .page-content {
    padding: 30px 0;
}
   .advisory_caption {
    margin: 100px auto 0 auto;
} 
    .inner_banner_caption h2, .advisory_caption h2{
        font-size: 35px;
    }
	.link_area ul li{   margin: 0 46px 20px 60px;}
	.sidebar-nav{ top:67px;}
}
@media (max-width:1199px){
    .link_area ul li:last-child{
    float: left;
    padding-right: inherit;
}
}

@media (max-width:1024px){
     .applePie .menubtn {
    position: fixed;
    right: 40px;
    top: 3px;
}
    nav ul#menu-inner-header a, nav ul#menu-inner-header li a, nav ul#menu-inner-header li ul a {
    padding: 5px 5px !important;
    color: #fff;
}
    nav ul#menu-inner-header{
        display: block !important;
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        transition: 0.7s all ease;
        -webkit-transition: 0.7s all ease;
        -moz-transition: 0.7s all ease;
        -o-transition: 0.7s all ease;
        position: absolute;
        background: #1e2e4f;
        margin-top: 0px;
        top: 67px!important;
        right: 6px;
        max-width: 400px;
/*        opacity: 0;*/
    }
    
    nav.menuOpen  ul#menu-inner-header{
        display: block !important;
        max-height:1000px;
        overflow: hidden;
        opacity: 1;
    }
    nav ul#menu-inner-header li:first-child{
        padding-top: 20px;
    }
    nav ul#menu-inner-header li:last-child{
        padding-bottom: 20px;
    }
    .inner_banner_caption {
    top: 20px;
}
    .advisory_caption {
    margin: 60px auto 0 auto;
}
    nav #menu-inner-header li a:before{
        background: url(./images/angle-arrow-down.png)no-repeat!important;
        background-color: transparent!important;
        padding: 0;
        background-size: 14px!important;
        padding: 10px!important;
        top: 8px;
    }
    nav.menuOpen ul#menu-inner-header{
/*        top: 48px;*/
        right: 6px;
        max-width: 400px;
    }
/*    ul li.menuOpen >span{top:8px!important;}*/
    ul li.menuOpen, ul li.menuOpen:hover{background: transparent!important;}
    nav ul li ul.sub-menu{width: 100%!important;box-shadow: none;padding-left: 10px!important;}
/*
    nav span:before{
        position: absolute;
        width: 10px;
        height: 10px;
        content: "";
        background: url(../images/angle-arrow-down.png)no-repeat!important;
        right: 0;
        top: 0;
    }
*/
    nav ul#menu-inner-header li:first-child{padding-top: 10px!important;}
    nav ul#menu-inner-header li:last-child{padding-bottom: 10px!important;}
    #menu-inner-header li ul{padding-top: 0;}
}

@media (max-width:991px){
	.banner_caption{top:30%;}
	.link_area ul li{margin: 0 20px 20px 20px;}
	.footer ul li{padding: 0 35px;}
	
	nav ul a, nav ul li a, nav ul li ul a{padding: 0 5px !important;}
     nav ul#menu-menu-1  a, nav ul#menu-menu-1 li a{padding: 0 0px !important;}
	nav ul a{font-size: 13px !important;}
    /*============*/
    .menu-toggle{
       top: 20px;  
    }
    .top_area.fixHeader .menu-toggle {
    top: 17px;
    }
    .banner_caption {
    padding: 50px 0 35px;
}
    .banner_captionBottom {
    padding-top: 40px;
}
    .banner_fill{ margin-top: 0;}  
    .sidebar-nav{ top: 60px;}
    
 .link_area ul li {
    margin: 0 16px 20px 16px;
    font-size: 17px;
}   
   .sidebar-nav {
    top: 50px;
} 
    .banner_fill {
    margin-top: 60px;
}
    .inner_banner_caption h2, .advisory_caption h2{
        font-size: 30px;
    }
    .inner_banner_caption p{ font-size: 24px; line-height: 30px;}
    
    .advisory_content h3{ font-size: 25px;}
    .advisory_box-right{
        padding-left: 0;
    }
.advisory_caption {
    margin: 100px auto 0 auto;
} 
/*    .inner_banner_caption{width: 400px;margin: 0;display: inline-flex;}*/
    
    nav ul#menu-inner-header{top: 52px!important}
}


@media (max-width:767px){
.menu-toggle {
	position: fixed;
	right: 15px;
	top: 50px;
	width: 50px;
	height: 50px;
	width: 50px;
	height:50px;
	text-align: center;
	color: #000;
	background: #fff;
	line-height: 50px;
	z-index: 999
}
	.banner_fill {
    width: 100%;
	}
	.banner_caption{top:30%;left: 0; right: 0; margin: 0 auto;}
	.banner_caption h2{font-size: 30px; line-height: 30px;}
	.banner_caption p{font-size: 20px; line-height: 25px;padding-bottom: 50px;}
	.banner_caption h3{font-size: 25px; line-height: 30px;}
	

	
	.sidebar-nav{top:10px;}
	.copyright{overflow: hidden;}
	.copyright ul{text-align: center; display: block; float: none;}
	.copyright ul li{text-align: center; display:inline-block; float: none; padding-bottom: 20px;}
	.footer ul{text-align: center; display: block; float: none;}
	.footer ul li{text-align: center; display:inline-block; float: none; padding:0 20px;}
    .logo img{}
    .link_area ul li {
    margin: 0 16px 11px 10px;
    font-size: 11px;
    padding-left: 35px;
    text-align: left;
    padding-bottom: 9px;
    padding-top: 4px;
}
    .link_area {
    padding: 30px 0 15px;
    overflow: hidden;
    font-size: 20px;
    text-transform: uppercase;
}
    .logo img {
    width: 100px;
}
    
  
    .top_area.fixHeader .logo img, .top_area .logo img {
    max-width: 88px;
    margin-top: 5px;
}
    
  .menu-toggle {
    width: 40px;
    height: 40px;
    top: 9px;
}
    .top_area.fixHeader .menu-toggle, .top_area .menu-toggle {
    top: 7px;
}
    .top_area {
    padding: 5px 0;
}
   .banner_caption {
    padding: 30px 0 25px;
    top: 0;
}
    .banner_caption h2 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 10px;
}
 .banner_caption p {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 20px;
}
    .banner_captionBottom {
    padding-top: 20px;
}
    .banner_fill {
    margin-top: 54px;
}
    .footer {
    padding: 21px 0;
}
    .footer ul li{
            padding: 0 10px;
    } 
.top_area.fixHeader .sidebar-nav, .top_area .sidebar-nav  {
    top: 6px;
    transition: 0.7s all ease;
}
 .sidebar-nav li {
    padding: 6px 20px;
}  
   .applePie .menubtn {
    position: fixed;
    right: 15px;
    top: 3px;
}
    nav ul#menu-inner-header a, nav ul#menu-inner-header li a, nav ul#menu-inner-header li ul a {
    padding: 5px 5px !important;
}
    nav ul#menu-inner-header{
        display: block !important;
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        transition: 0.7s all ease;
        -webkit-transition: 0.7s all ease;
        -moz-transition: 0.7s all ease;
        -o-transition: 0.7s all ease;
        position: absolute;
       background: #1e2e4f;
    }
    
    nav.menuOpen  ul#menu-inner-header{
        display: block !important;
        max-height:1000px;
        overflow: hidden;
        margin-top: 0; 
        
    }
.inner_banner_caption p {
    font-size: 20px;
    line-height: 26px;
}

    .inner_banner_caption h2 {
    font-size: 30px;
    padding-top: 0;
}
  .inner_banner_caption p {
    font-size: 20px;
    line-height: 21px;
}
    .inner_banner_caption {
    top: 13px;
}
.page-content {
    padding: 30px 0;
}
    .about_content .col-sm-6{ padding: 0;}
    .team_box {
    padding: 20px 0 20px 0;
}
    
    .team_detail_area img {
    max-width: 520px;
    width: 100%;
}
    .team_detail {
    margin: 60px auto 0 auto;
}
    .team_detail_content{ padding-bottom: 30px;} 
    .advisory_box-left{
        margin-bottom: 50px;
        padding-left: 0;
    }
    .inner_banner_caption h2, .advisory_caption h2 {
    font-size: 27px;
}
    .advisory_caption {
    margin: 60px auto 0 auto;
} 
    nav.menuOpen ul#menu-inner-header{
        top: 12px;
    }
    .teamPageCont{
        margin-top: 25px;
    }
/* .inner_banner_caption{width: 275px;display: inherit;}*/
    nav ul#menu-inner-header{top:10px!important;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape){
    nav.menuOpen ul#menu-inner-header{
        height: 265px;
        overflow: auto;
    }
}
@media screen and (max-width: 479px){
/*    nav.menuOpen ul#menu-inner-header{height: 400px;overflow: auto;}*/
    .inner_banner_caption h2, .advisory_caption h2{font-size: 19px;}
    .advisory_content h3{font-size: 18px;}
    nav.menuOpen ul#menu-inner-header{
        height: 275px;
        overflow: auto;
    }
}