.desktop-header-nav{display:none;width:280px;position:absolute;top:60px;right:-70px;z-index:999;padding-top:20px;padding-bottom:20px;padding:0;border-right:1px solid #bfbfbf;}

.desktop-header-section .logo-container{float:none;width:auto;margin-top:0;position:absolute;top:50%;left:0;transform:translate(0, -50%);}
.desktop-header-section .navigation-container{position:relative;width:auto;float:right;}
.desktop-header-section .navigation-container nav>ul{list-style:none;}
.desktop-header-section .navigation-container nav>ul>li>a{color:#fff;text-decoration:none;margin:0 auto;width:auto;font-size:12px;font-weight:bold;}
.desktop-header-section .navigation-container nav>ul>li.active a{color:#000;font-weight:bold;}
.desktop-header-section .navigation-container nav>ul>li:last-child a{padding-right:0;}
.desktop-header-section .navigation-container nav>ul>li>ul.dropdown-menu{display:none;}
.desktop-header-section .navigation-container nav>ul>li>ul{margin:0;padding:0;box-shadow:0px 4px 7px 1px #bdbdbd57;}
.desktop-header-section .navigation-container nav>ul>li>ul>li{display:block;background:#fff;position: relative;}
.desktop-header-section .navigation-container nav>ul>li>ul>li:first-child{border-radius:3px 3px 0 0;}
.desktop-header-section .navigation-container nav>ul>li>ul>li:last-child{border-radius:0 0 3px 3px;}
.desktop-header-section .navigation-container nav>ul>li>ul>li:first-child:before{content:'';position:absolute;height:10px;width:10px;background:#fff;top:-5px;left:75%;transform:rotate(45deg);}
.desktop-header-section .navigation-container nav>ul>li>ul>li>a{padding:14px 35px 10px 10px;width:auto;color:#363636;text-align:left;font-size:0.80rem;border-bottom:1px solid #d0d0dd;transition:none;}
.desktop-header-section .navigation-container nav>ul>li>ul>li>a:hover{color:#43acf7;}

.header a{padding:12px 15px;}
.menu-toggle{display:none;}
.mobile-bar{z-index:10;position:fixed;top:0;left:0;right:0;width:100%;height:55px;background-image:linear-gradient(to top, #43acf8, #2cdbc0);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.menu-icon{display:block;position:absolute;right:5%;width:25px;height:100%;cursor:pointer;-webkit-transition:-webkit-transform 300ms ease-in;transition:-webkit-transform 300ms ease-in;transition:transform 300ms ease-in;transition:transform 300ms ease-in, -webkit-transform 300ms ease-in;}
.menu-icon > span{display:block;position:absolute;top:55%;margin-top:-0.3em;width:100%;height:3px;border-radius:0px;background-color:#eee;-webkit-transition:-webkit-transform 300ms ease-in;transition:-webkit-transform 300ms ease-in;transition:transform 300ms ease-in;transition:transform 300ms ease-in, -webkit-transform 300ms ease-in;}
.menu-icon > span:before, .menu-icon > span:after{content:"";position:absolute;width:100%;height:100%;border-radius:0px;background-color:#eee;-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease;}
.menu-icon > span:before{-webkit-transform:translateY(-0.6em);transform:translateY(-0.6em);}
.menu-icon > span:after{-webkit-transform:translateY(0.6em);transform:translateY(0.6em);}
.menu-toggle:checked + .mobile-bar .menu-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu-toggle:checked + .mobile-bar span:before, .menu-toggle:checked + .mobile-bar span:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.menu-toggle:checked ~ .header{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s;}
.header{z-index:5;visibility:hidden;opacity:0;position:fixed;top:0;left:0;padding-top:40px;width:100%;height:calc(100% - 40px);background-color:#01c7be;overflow-y:auto;text-align:center;color:#eee;-webkit-transition:opacity 300ms ease-in, visibility 0s ease-in 300ms;transition:opacity 300ms ease-in, visibility 0s ease-in 300ms;}
.header nav, .header ul{padding:0px;margin:8px 0px 8px 0px;}
.header a{display:block;padding:30px 0;-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in;}
.header a:hover{color:#000;}
.mobile-header-nav{-webkit-transition:all 0.5s;transition:all 0.5s;position:static;height:0;background-color:#fafafa;display:none;}
.mobile-header-section{display:none}
.mobile-header-section .login-user-mark{position:absolute;top:15px;left:15px;font-weight:700;padding-right:63px;font-size:15px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}
.desktop-header-section .wsdesktopheader{position:absolute;right:-40px;top:15px;z-index:102;}
.desktop-header-section .wsdesktopheader a.wsanimated-arrow{cursor:pointer;border-radius:50%;height:25px;width:25px;display:block;padding:4px 5px 4px 5px;}
.desktop-header-section .wsdesktopheader .wsanimated-arrow span,.desktop-header-section .wsdesktopheader .wsanimated-arrow span:before,.desktop-header-section .wsdesktopheader .wsanimated-arrow span:after{height:2px;width:20px;background:#fff;position:absolute;top:4px;display:block;content:'';}
.desktop-header-section .wsdesktopheader .wsanimated-arrow span:before {top:8px;width:24px;}
.desktop-header-section .wsdesktopheader .wsanimated-arrow span:after {top:17px;width:27px;}


.desktop-header-nav.side-block{display:block;}
.desktop-header-nav .sw-desktop-menu {text-align:left;margin:0;padding-left:0;border:1px solid #d0d0d0;}
.desktop-header-nav .sw-desktop-menu>li{position:relative;}
.desktop-header-nav .sw-desktop-menu>li > a {display:block;text-transform:uppercase;padding:10px 13px 10px 13px;font-size:14px;text-align:left;border-right:solid 0px;background-color:#fff;color:#272727;line-height:25px;border-bottom:1px solid rgba(0, 0, 0, 0.13);}
.desktop-header-nav .sw-desktop-menu > li > a:hover{background-color:#42adf5;color:#ffffff;}
.desktop-header-nav .sw-desktop-menu li > ul > li > a {line-height:20px;font-size:13px;padding:10px 0px 10px 16px;color:#383838;background-image:none;text-align:left;display:block;text-transform:none;letter-spacing:normal;background:#eaeaea;}
.desktop-header-nav .sw-desktop-menu li > ul > li > a:hover {background:antiquewhite;}
.desktop-header-nav .sw-desktop-menu li .open-child {-webkit-transition:all 0.2s ease;transition:all 0.2s ease;padding:10px 13px 10px 13px;font-size:19px;line-height:25px;position:absolute;top:0;right:0;}
.desktop-header-nav .sw-desktop-menu > li > ul.sub-menu {max-height:0;transition:max-height 0.3s ease-out;}
.desktop-header-nav .sw-desktop-menu > li > ul.sub-menu.active{max-height:250px;transition:max-height 0.4s ease-out;}
body.wsactive{overflow:hidden;}

@media (min-width:980px)
{
	.mobile-bar{display:none;}
	.header{z-index:5;position:relative;left:0;padding-top:0;background-color:transparent;height:auto;overflow:hidden;visibility:visible;text-align:right;opacity:1;float:right;}
	.secondary-nav{position:absolute;left:-8px;right:auto;z-index:10;}
	.secondary-nav ul li a{padding:12px 20px;}
	.secondary-nav ul li a:hover{color:#000;}
	.header nav>ul>li{display:inline-block;vertical-align:middle;}
	.header nav>ul>li>a{padding:12px 20px;width:auto;}
}

.active-link{text-decoration:underline !important;}

@media only screen and (min-width:1200px)
{
	.logo-container h1{background:url(../img/TalentBoard.png) no-repeat 0px 0px;width:180px;height:43px;}
}

@media only screen and (min-width:980px) and (max-width:1199px)
{
	.section-internal-container{position:relative;width:980px;margin:0 auto;}
	.logo-container h1{background:url(../img/TalentBoard.png) no-repeat 0px 0px;width:180px;height:43px;}
}

@media only screen and (min-width:769px) and (max-width:979px)
{
	.top-nav-container{width:100%;position:fixed;padding:12px 0px 0px 0px;z-index:10;}
	.logo-container h1{background:url(../img/TalentBoard.png) no-repeat 0px 0px;width:180px;height:43px;}
	.logo-container{float:left;position:fixed;z-index:12;width:180px;margin-top:-10px;}

	/*new css for mobile landscape*/
	.mobile-header-section{display:block;}
	.mobile-header-section .wsmobileheader{width:100%;display:block;position:fixed;top:0;left:0;z-index:99;height:auto;background-image:linear-gradient(to top, #43acf8, #2cdbc0);text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
	.mobile-header-section .wsmobileheader .wsanimated-arrow{cursor:pointer;padding:12px 35px 16px 0px;margin:7px 0 0 15px;position:absolute;left:0;top:0;z-index:102;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{transition:all 500ms ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{cursor:pointer;height:2px;width:17px;background:#fff;position:absolute;display:block;content:'';}
	.mobile-header-section .wsanimated-arrow span:before{top:-7px;width:23px;}
	.mobile-header-section .wsanimated-arrow span:after{bottom:-7px;width:17px;}
	.mobile-header-nav{height:100%;display:block;width:280px;position:fixed;top:0px;left:-281px;z-index:999;overflow-y:scroll;padding-top:20px;padding-bottom:20px;transition:all 0.3s;display:block!important;padding:0;border-right:1px solid #bfbfbf;}

	.mobile-header-nav.side-block{left:0px;}
	.mobile-header-nav .close-sidebar-menu{position:absolute;top:6px;right:15px;padding:4px 10px;z-index:9;cursor:pointer;color:#424242;font-size:20px;}
	.mobile-header-nav .menu-all-pages-container{margin-top:55px;margin-bottom:40px;}
	.mobile-header-nav .sw-mobile-menu{text-align:left;margin-bottom:0;padding-left:0;}
	.mobile-header-nav .sw-mobile-menu > li{position:relative;}
	.mobile-header-nav .sw-mobile-menu > li > a{display:block;text-transform:uppercase;padding:10px 13px 10px 13px;font-size:14px;text-align:left;border-right:solid 0px;background-color:#fff;color:#272727;line-height:25px;border-bottom:1px solid rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li:first-child > a{border-top:solid 1px rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu.active{max-height:250px;transition:max-height 0.4s ease-out;}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu{max-height:0;border-bottom:solid 1px rgba(0, 0, 0, 0.13);transition:max-height 0.3s ease-out;}
	.mobile-header-nav .sw-mobile-menu li > ul > li > a{line-height:20px;font-size:13px;padding:10px 0px 10px 16px;color:#383838;background-image:none;text-align:left;display:block;text-transform:none;letter-spacing:normal;background:#eaeaea;}
	.mobile-header-nav .sw-mobile-menu li .open-child{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;padding:10px 13px 10px 13px;font-size:19px;line-height:25px;position:absolute;top:0;right:0}
	.mobilethumbnailbtn,.packetmobile-toggle{display:none;}
	.mobile-social-hide,.packetmediaviewaction{display:none;}
	.wsdesktopheader{display:none;}
	body.wsactive .wsmobileheader{left:280px;display:none}
	body .navigation-active-layer{position:fixed;left:0;right:0;top:0;bottom:0;background:#000000a3;}
}

@media only screen and (min-width:481px) and (max-width:768px)
{
	.top-nav-container{width:100%;position:fixed;padding:0px 0px 0px 0px;z-index:10;}
	.logo-container h1{background:url(../img/TalentBoard.png) no-repeat 0px 0px;width:180px;height:43px;}
	.logo-container{float:left;position:fixed;z-index:12;width:28%;margin-top:-5px;}
	.logo-container img{width:100%;}
	.menu-icon{right:5%;width:25px;cursor:pointer;}
	.desktop-header-section .wsdesktopheader{top:12px;}

	/*for landscape*/
	.mobile-header-section{display:block;}
	.mobile-header-section .wsmobileheader{width:100%;display:block;position:fixed;top:0;left:0;z-index:99;height:auto;background-image:linear-gradient(to top, #43acf8, #2cdbc0);text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
	.mobile-header-section .wsmobileheader .wsanimated-arrow{cursor:pointer;padding:12px 35px 16px 0px;margin:7px 0 0 15px;position:absolute;left:0;top:0;z-index:102;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{transition:all 500ms ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{cursor:pointer;height:2px;width:17px;background:#fff;position:absolute;display:block;content:'';}
	.mobile-header-section .wsanimated-arrow span:before{top:-7px;width:23px;}
	.mobile-header-section .wsanimated-arrow span:after{bottom:-7px;width:17px;}
	.mobile-header-nav{height:100%;display:block;width:280px;position:fixed;top:0px;left:-281px;z-index:999;overflow-y:scroll;padding-top:20px;padding-bottom:20px;transition:all 0.3s;display:block!important;padding:0;border-right:1px solid #bfbfbf;}
	.mobile-header-nav.side-block{left:0px;}
	.mobile-header-nav .close-sidebar-menu{position:absolute;top:6px;right:15px;padding:4px 10px;z-index:9;cursor:pointer;color:#424242;font-size:20px;}
	.mobile-header-nav .menu-all-pages-container{margin-top:55px;margin-bottom:40px;}
	.mobile-header-nav .sw-mobile-menu{text-align:left;margin-bottom:0;padding-left:0;}
	.mobile-header-nav .sw-mobile-menu > li{position:relative;}
	.mobile-header-nav .sw-mobile-menu > li > a{display:block;text-transform:uppercase;padding:10px 13px 10px 13px;font-size:14px;text-align:left;border-right:solid 0px;background-color:#fff;color:#272727;line-height:25px;border-bottom:1px solid rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li:first-child > a{border-top:solid 1px rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu.active{max-height:250px;transition:max-height 0.4s ease-out;}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu{max-height:0;border-bottom:solid 1px rgba(0, 0, 0, 0.13);transition:max-height 0.3s ease-out;}
	.mobile-header-nav .sw-mobile-menu li > ul > li > a{line-height:20px;font-size:13px;padding:10px 0px 10px 16px;color:#383838;background-image:none;text-align:left;display:block;text-transform:none;letter-spacing:normal;background:#eaeaea;}
	.mobile-header-nav .sw-mobile-menu li .open-child{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;padding:10px 13px 10px 13px;font-size:19px;line-height:25px;position:absolute;top:0;right:0}
	.mobilethumbnailbtn,.packetmobile-toggle{display:none;}
	.mobile-social-hide,.packetmediaviewaction{display:none;}
	.wsdesktopheader{display:none;}
	body.wsactive .wsmobileheader{left:280px;display:none}
	body .navigation-active-layer{position:fixed;left:0;right:0;top:0;bottom:0;background:#000000a3;}
}

@media only screen and (min-width:310px) and (max-width:480px)
{
	.mobile-header-nav .loginLI_m>ul{display:none;}
	.mobile-header-nav .loginLI_m a:after{content:'';background-image:url(../../images/icon/portlet-collapse-icon.png);position:absolute;right:20px;top:15px;background-size:auto;background-repeat:no-repeat;height:16px;width:14px;}

	.top-nav-container{width:100%;position:fixed;padding:7px 0px 0px 0px;z-index:10;margin:25px 0px 25px 0px;height:80px !important;}
	.logo-container h1{background:url(../img/TalentBoard.png) no-repeat 0px 0px;width:180px;height:43px;}
	.menu-icon{right:5%;width:25px;}
	.logo-container{float:left;position:fixed;z-index:12;width:35%;top:-1%;left:10px;}
	.logo-container img{width:100%;}
	body.wsactive .wsmobileheader{left:280px;display:none}
	.desktop-header-section{display:none}
	.mobile-header-section{display:block;}
	.mobile-header-section .wsmobileheader{width:100%;display:block;position:fixed;top:0;left:0;z-index:99;height:auto;background-image:linear-gradient(to top, #43acf8, #2cdbc0);text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background-repeat:no-repeat}
	.mobile-header-section .wsmobileheader .wsanimated-arrow{cursor:pointer;padding:12px 35px 16px 0px;margin:7px 0 0 15px;position:absolute;left:0;top:0;z-index:102;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{transition:all 500ms ease-in-out;}
	.mobile-header-section .wsanimated-arrow span,
	.mobile-header-section .wsanimated-arrow span:before,
	.mobile-header-section .wsanimated-arrow span:after{cursor:pointer;height:2px;width:17px;background:#fff;position:absolute;display:block;content:'';}
	.mobile-header-section .wsanimated-arrow span:before{top:-7px;width:23px;}
	.mobile-header-section .wsanimated-arrow span:after{bottom:-7px;width:17px;}
	.mobile-header-nav{height:100%;display:block;width:280px;position:fixed;top:0px;left:-281px;z-index:999;overflow-y:scroll;padding-top:20px;padding-bottom:20px;transition:all 0.3s;display:block!important;padding:0;border-right:1px solid #bfbfbf;}
	.mobile-header-nav.side-block{left:0px;}
	.mobile-header-nav .close-sidebar-menu{position:absolute;top:6px;right:15px;padding:4px 10px;z-index:9;cursor:pointer;color:#424242;font-size:20px;}
	.mobile-header-nav .menu-all-pages-container{margin-top:55px;margin-bottom:40px;}
	.mobile-header-nav .sw-mobile-menu{text-align:left;margin-bottom:0;padding-left:0;}
	.mobile-header-nav .sw-mobile-menu > li{position:relative;}
	.mobile-header-nav .sw-mobile-menu > li > a{display:block;text-transform:uppercase;padding:10px 13px 10px 13px;font-size:14px;text-align:left;border-right:solid 0px;background-color:#fff;color:#272727;line-height:25px;border-bottom:1px solid rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li:first-child > a{border-top:solid 1px rgba(0, 0, 0, 0.13);}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu.active{max-height:250px;transition:max-height 0.4s ease-out;}
	.mobile-header-nav .sw-mobile-menu > li > ul.sub-menu{max-height:0;border-bottom:solid 1px rgba(0, 0, 0, 0.13);transition:max-height 0.3s ease-out;}
	.mobile-header-nav .sw-mobile-menu li > ul > li > a{line-height:20px;font-size:13px;padding:10px 0px 10px 16px;color:#383838;background-image:none;text-align:left;display:block;text-transform:none;letter-spacing:normal;background:#eaeaea;}
	.mobile-header-nav .sw-mobile-menu li .open-child{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;padding:10px 13px 10px 13px;font-size:19px;line-height:25px;position:absolute;top:0;right:0}
	.mobilethumbnailbtn,.packetmobile-toggle{display:none;}
	.mobile-social-hide,.packetmediaviewaction{display:none;}
	body .navigation-active-layer{position:fixed;left:0;right:0;top:0;bottom:0;background:#000000a3;}
}
/*added by vinod for ipad header*/
@media(min-width:1024px) and (max-width:1366px)
{
  /*.logo-container{margin-left:-10px!important;}*/
  /*.desktop-header-section .wsdesktopheader{right:-10px!important;}*/
  .header nav, .header ul{margin:8px 0 8px 0px;}
}