body{margin: 0;padding: 0 0 0px; background: #d2d8ee; font-family: 'Lato',sans-serif;  color: #333;font-size: 16px;position: relative;}

html {
text-rendering: optimizeLegibility ;
-webkit-font-smoothing: antialiased ;
height: 100%;
position: relative;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;line-height: normal;margin: 0; padding: 0;}
a{text-decoration: none; color: #00bcf2;}
a:hover,a:focus{color: #000; text-decoration: none;outline: 0;}

*{margin: 0; padding: 0; line-height: normal;}
figure{margin: 0;}
*,*:after,*:before{box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clearfix:after,.clearfix:before{display: table;content: "";}
.clearfix:after{clear: both;}
*,*:after,*:before{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
ol,li,ul{list-style: none;}
p{margin-bottom: 10px;line-height: 22px;}

/*HEADER PART*/


.container{max-width:1140px;margin: 0 auto;}
.container:after,.container:before{display: table;	content: "";}
.container:after{clear: both;}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}




/* new know how details page css 23-08-19*/
.loggedout-banner-part{
	height: 650px;
	background-image: url(../images/logge-out-banner-pic.jpg);
	background-size: cover;
	background-position:top center !important;; 
	overflow: hidden; 
	position:relative;
/*        min-height: 472px;*/
} 

.loggedout-banner-part.d-flex::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 1;
}

.loggedout-banner-part > .container{
  position: relative;
  z-index: 2;
}
.top-circles-subs{
	position: absolute;
	top: -94px;
	left: -47px;
	width: 93px;
	height: 94px;
	display: block;
	background: url(../../../images/bulb-icon-subscription.png) no-repeat;
	    background-size: auto;
	background-size: 93px 94px;
} 
.loggedout-banner-inner {
    border-left: 1px solid #c5c5c9;
    padding: 40px 0 80px 48px; 
    position: relative;
    max-width: 650px;
    min-height: 472px;
}
.loggedout-banner-inner h2 {
    font-weight: 300;
    margin: 0;
    margin-bottom: 0px;
    color: #fff;
    font-size:70px;
    position: relative;
    line-height: 1.2;
    position: relative;     
}
.logged__inner__container{
	padding:100px 0 80px 90px;
	border-left:1px solid #ccc;
	position: relative; 
}
.logged__inner__container:after{content: "";width: 10px;height: 10px;position: absolute;top: 100%; left: -6px;background: #ccc;display: block;border-radius: 50%;}
.logged__inner__container p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: #3F4B52;
    margin-bottom: 20px;
}
.inner-conent-box{position: relative}
.logged__inner__container .blank-dash{left:-75px; width: 45px; top: 15px;}
.logged__inner__container .blank-dash:after{background: none;left: -30px;}
.logged__inner__container ul{margin: 0 0 25px;padding: 0px;}
.logged__inner__container ul li{color: #3F4B52; font-size: 18px;margin-bottom: 5px;padding-left:27px; display: block;position: relative}
.logged__inner__container ul li:before {
  content: "• "; color: #ccc;position: absolute; top: 0;
  left: 0;font-size: 26px;line-height: 23px;
}
.readmore-btn {
    background-image: url(../../../images/arrow-wht.png);
    background-repeat: no-repeat;
    background-position: right 22px top 50%;
    background-size: 13px;
    border: 0;
    padding: 16px 80px 16px 25px;   
    z-index: 99; 
    display: inline-block;
	background-color: #125aaf;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	letter-spacing: 1.5px;
	border-radius: 2px;
	font-size: 28px;
	margin-top: 30px;
}
.readmore-btn:hover{text-decoration: none; color: #fff;background-color: #2D83EB;}
.wrapper
{
	width:100%;
	max-width:996px;
	margin:0 auto;
}
.blank-dash{
    position: absolute; 
    width: 130px;
    height: 1px;
    background: #ccc;
    display: block;  
}
.align-self-end {
    -ms-flex-item-align: end ;
    align-self: flex-end ;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blank-dash:after,.blank-dash:before{
    content: "";
    position: absolute;
    top: 50%;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.blank-dash:before{  
    width: 10px; 
    height: 10px; 
    right: -7px; 
    margin-top: -5px; 
    background: #ccc;
}
.blank-dash.right:before{
    left: -7px;
    right: auto;
}
.blank-dash:after {  
    width: 30px;  
    height: 30px; 
    padding: 0px;   
    left: 0; 
    text-align: center;   
    margin-top: -15px;
    content: "•";
    font-size: 30px;
    line-height: 24px;
    font-weight: 400;
    color: #ccc;
    background: #fff;
}
 
.footer {
	padding-top: 40px;
	background: linear-gradient(180deg, #71787f 0, #424b54);
	color: #b8bbbe;
	line-height: 1.4;
	font-size: 14px;
	position: relative;
	z-index: 2;
	text-align: left
}
.footer__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width:768px) {
.footer__wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
}
.footer p {
	position: relative
}

@media only screen and (min-width:768px) {
.footer p {
	padding-left: 30px;
	padding-right: 30px
}
}
.footer p .icon {
	display: none
}

@media only screen and (min-width:768px) {
.footer p .icon {
	display: block;
	position: absolute;
	left: 0
}
}
.footer__column {
	padding-bottom: 25px;
	text-align: center
}

@media only screen and (min-width:768px) {
.footer__column {
	text-align: left
}
}

@media only screen and (min-width:768px) {
.footer__column:nth-child(2) {
	margin-right: auto
}
}
.footer__column:last-child {
	-ms-flex-preferred-size: none;
	flex-basis: none;
	text-align: center
}

@media only screen and (min-width:992px) {
.footer__column:last-child {
	text-align: right
}
}
.footer__copyright {
	padding: 15px;
	background-color: rgba(0, 0, 0, .2);
	font-size: 10px;
	text-align: center
}

	
@media only screen and (min-width:439px) {
.footer__copyright {
	font-size: 12px
}
	.wrapper {
	padding-left: 25px;
    padding-right: 25px;
    
	}
}
.footer__copyright:after,  .footer__copyright:before {
	content: "";
	display: table;
	clear: both
}
.logged-outarea
{
	background-color:#fff;
}



@media (max-width:992px){
	.loggedout-banner-part .container,.logged-outarea .container{
	    width: 100%;
	    padding: 0 15px 0 45px;
	}
	
}
@media (max-width:850px){
		.top-circles-subs{background-size: 70px 71px;width: 70px;height:71px;top: -71px;left: -36px;}
}

 @media (max-width:767px){
		 .loggedout-banner-part h2{font-size: 38px;}
		 .loggedout-banner-part{height: 360px;}
		 .loggedout-banner-inner{min-height: 260px; padding: 40px 0 40px 48px;}
}
 @media (max-width:670px){
		.loggedout-banner-part { height: 350px; padding: 0 0px;}
		.loggedout-banner-inner{padding: 40px 0 55px 46px;min-height: 250px;}
		.loggedout-banner-inner h2 {    font-size: 36px;}
		.readmore-btn{font-size: 22px;padding: 12px 65px 13px 22px;}
}
 @media (max-width:575px){
		.loggedout-banner-inner h2 {
    font-size: 32px;
}.loggedout-banner-inner {
    padding: 30px 0 23px 46px;
    min-height: 250px;
}
}
 @media (max-width:479px){
		 .logged__inner__container{padding: 50px 0 40px 60px;}
		 .logged__inner__container .blank-dash{left: -45px;width: 24px;}
		 .loggedout-banner-inner {    padding: 30px 0 30px 30px;min-height: 250px;}
		 .loggedout-banner-inner h2 {    font-size: 25px;}
		 .loggedout-banner-part {   height: 368px;}
		 .readmore-btn {   font-size: 12px; padding: 11px 58px 12px 20px;}
}
 @media (max-width:359px){
	.logged__inner__container p,.logged__inner__container ul li{font-size: 16px;}
	.logged__inner__container {    padding: 50px 0 40px 40px;}
	.readmore-btn {   font-size: 12px;padding: 11px 58px 12px 20px;}
	.logged__inner__container .blank-dash {   left: -25px;  width: 16px;}
        
}

.icon--arrow {
	width: 24px;
	height: 24px;
	background-position: 55.833333333333336% 57.534246575342465%
}
.icon--envelope {
	width: 24.7px;
	height: 21.1px;
	background-position: 93.69771332961517% 72.53190060443251%
}
.icon--facebook {
	width: 36px;
	height: 36px;
	background-position: 100% 26.865671641791046%
}
.icon--instagram {
	width: 36px;
	height: 36px;
	background-position: 100% 53.73134328358209%
}
.icon--linkedin {
	width: 36px;
	height: 36px;
	background-position: 0 99.6268656716418%
}
.icon--location {
	width: 19px;
	height: 24.5px;
	background-position: 44.054054054054056% 57.7319587628866%
}
.icon--phone2 {
	width: 22px;
	height: 22px;
	background-position: 68.4065934065934% 56.75675675675676%
}
.icon--quotation-closing {
	width: 84px;
	height: 84px;
	background-position: 0 0
}
.icon--quotation-opening {
	width: 84px;
	height: 84px;
	background-position: 70% 0
}
.icon--read-time {
	width: 49.4px;
	height: 26.3px;
	background-position: 20.763260025873223% 58.455114822546975%
}
.icon--share {
	width: 32.1px;
	height: 49.5px;
	background-position: 0 69.70954356846472%
}
.icon--twitter {
	width: 36px;
	height: 36px;
	background-position: 21.428571428571427% 99.6268656716418%
}
.icon--youtube {
	width: 36px;
	height: 36px;
	background-position: 100% 0
}
.social-icon {
	border: 1px solid #b8bbbe;
	margin: 8px;
	box-sizing: border-box;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: inline-block;
	overflow: hidden
}
.social-icon--facebook:hover {
	background-color: #3b5998;
	border: 1px solid #3b5998
}
.social-icon--linkedin:hover {
	background-color: #007bb6;
	border: 1px solid #007bb6
}
.social-icon--twitter:hover {
	background-color: #00aced;
	border: 1px solid #00aced
}
.social-icon--youtube:hover {
	background-color: red;
	border: 1px solid red
}
.social-icon--instagram:hover {
	background: #d6249f;
	background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
	border: 1px solid #71787f
}
.social-icon .icon {
	position: relative;
	opacity: .3;
	transition: all .2s ease;
	-webkit-transform: scale(.7);
	transform: scale(.7);
        display: block;
}
.social-icon:hover .icon {
	opacity: 1
}
.social-icon .icon--facebook {
	top: 4px;
	left: 3px
}
.social-icon:hover .icon--facebook {
	top: -32px
}
.social-icon .icon--linkedin {
	top: 2px;
	left: 4px
}
.social-icon:hover .icon--linkedin {
	top: -34px
}
.social-icon .icon--twitter {
	top: 4px;
	left: 4px
}
.social-icon:hover .icon--twitter {
	top: -32px
}
.social-icon .icon--youtube {
	top: 3px;
	left: 3px;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}
.social-icon:hover .icon--youtube {
	top: -33px
}
.social-icon .icon--instagram {
	top: 3px;
	left: 3px;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}
.social-icon:hover .icon--instagram {
	top: -32px
}
.social-icon .icon--envelope {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	top: 10px;
	left: 9px;
	-webkit-filter: brightness(2);
	filter: brightness(2)
}
.social-icon--small {
	-webkit-transform: scale(.6);
	transform: scale(.6);
	background-color: #424b54
}
.social-icon--small .icon {
	opacity: 1
}
.social-icon--small:hover .icon--linkedin {
	top: 2px;
	left: 4px
}
.social-icon--small:hover .icon--twitter {
	top: 4px;
	left: 4px
}
.icon--arrow {
	position: absolute;
	left: 5px;
	top: -20px;
	opacity: 0;
	-webkit-transform: rotate(90deg) scale(.7);
	transform: rotate(90deg) scale(.7);
	transition: all .1s ease-in;
	overflow: hidden
}
.button:hover .icon--arrow {
	top: 7px;
	opacity: 1
}
.icon--quotation-opening {
	position: absolute;
	left: 0;
	top: -20px;
	z-index: -1;
	opacity: .3
}

@media only screen and (min-width:992px) {
.icon--quotation-opening {
	left: -45px;
	top: -15px;
	opacity: 1
}
}
.icon--quotation-closing {
	position: absolute;
	z-index: -1;
	opacity: .3;
	top: -20px;
	right: 0
}

@media only screen and (min-width:992px) {
.icon--quotation-closing {
	opacity: 1;
	top: -15px;
	right: -40px
}
}
.icon {
	background-image: url(/images/cms/sprites/sprite-e37da025.svg)
}
.no-svg .icon {
	background-image: url(/images/cms/)
}
/*Header*/

	.navbar{padding: 26px 25px 24px;border-bottom: 1px solid #dddddd;height: 90px;font-family: 'Lato', sans-serif;background: #fff;align-items: center;-webkit-box-align: center;-webkit-box-pack: start;

-ms-flex-pack: start;justify-content: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex; flex-flow: row nowrap;}

	.sticky-top {  position: -webkit-sticky;   position: sticky;    top: 0;    z-index: 1020;}

	/*
	.navbar-nav-scroll {  margin-left: 75px;}

	.navbar-brand {  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); display: inline-block;margin: auto;}

*/
	

	.ml-md-auto{margin-left: auto}

	.d-flex{display: -webkit-box ;display: -ms-flexbox ;display: flex ;}

	.navbar-expand .navbar-nav{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}

	

	.btn-bar-colapse {   position: relative;   width: 48px;   height: 24px;    border-radius: 0;    margin-left: 5px;}

	.btn-bar-colapse, .btn-bar-colapse:active {outline: 0; background: url(/images/top-sprite-icon.png) no-repeat -119px 0px ;border:1px solid transparent; }

	.btn-bar-colapse.collapsed, .btn-bar-colapse.collapsed:active { background: url(/images/top-sprite-icon.png) no-repeat -183px 1px ;}

	

	.full-menu {  position: absolute;   width: 100%;   top: calc(100% + 1px );   background: #fff;    left: 0;    padding: 0px 0;    box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.15);}

	.collapse,.hidediv {   display: none;}

	.showdiv{display: block}

	.navbar-nav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;}

	.navbar-nav-scroll .navbar-nav > li {  position: relative;  border-left: 1px solid #ddd;}

	.navbar-nav-scroll .navbar-nav > li:before {  box-shadow: 0px 0px 0px 0px #5BA4F4 inset; visibility: hidden;  transition: box-shadow 0.6s;  -webkit-transition: box-shadow 0.6s;  -ms-transition: box-shadow 0.6s;

    width: calc( 100% + 2px);    height: 26px;   top: 100%;   display: block;   content: "";    position: absolute;    left: -1px;}

	

	.navbar-nav-scroll .navbar-nav > li:hover:before, .right-nav-part .navbar-nav > li.mapdropdown:hover:before { width: calc( 100% + 2px); height: 26px;top: 100%;  display: block;  content: ""; position: absolute;left: -1px;

	   border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-shadow: 0px -12px 0px 0px #5BA4F4 inset; transition: box-shadow 0.6s;  visibility: visible;   cursor: pointer;  -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s;}

	

	

	.navbar-nav-scroll .navbar-nav > li > a:after {   width: 10px;  height: 18px;  display: inline-block;  content: "";  position: static;  left: 0; background: url(/images/arrow-right-menu.png) no-repeat 0 0;vertical-align: middle;   margin-left: 6px;}

	.navbar-nav-scroll .navbar-nav > li > a { color: #3d4141;   display: block;   padding: 0 15px;    height: 35px;    line-height: 35px;    position: relative;    font-size: 15px;    font-weight: bold; text-decoration: none;}

	.navbar-expand .navbar-nav .dropdown-menu { position: absolute;float: none;z-index: 1000;display: none;text-align: left;list-style: none;}

	.navbar-nav-scroll .navbar-nav > li ul li {   margin-bottom: 0px;}

	.navbar-nav-scroll .navbar-nav > li .dropdown-menu,.search-list-item {   background: #fff;   padding: 20px 0px;   box-shadow: 9px 11px 0px 0px rgba(0,0,0,0.15); width: 345px;   top: 61px; border: 1px solid #65A9F5;}

	

	.navbar-nav-scroll .navbar-nav > li:hover .dropdown-menu {   display: block;    margin: 0;}

  	.navbar-nav > li ul li a:hover,  .navbar-nav-scroll .navbar-nav > li ul li a:focus {  text-decoration: none;   color: #000;    background: #eee;}

	.navbar-nav-scroll .navbar-nav > li:last-child:hover {   border-right: 1px solid #ddd;}

	.navbar-nav-scroll .navbar-nav > li .dropdown-menu:after,.right-nav-part .navbar-nav > li .dropdown-menu:after {  content: "";  position: absolute;  width: 9px;    height: 10px;    background: rgba(0,0,0,0.15);    right: -10px;    top: 0;}

	.navbar-nav > li ul li a{color: #272727;text-decoration: none;font-size: 15px;display: block;padding: 8px 25px 8px 35px;text-transform: uppercase;line-height: 1.5;}

	.navbar-nav-scroll .navbar-nav > li ul li a:hover:after { width: 10px;    height: 18px;  display: inline-block;  content: "";    background: url(/images/arrow-right-menu.png) no-repeat 0 1px;vertical-align: middle;margin-left: 6px;}

	.navbar-nav-scroll .navbar-nav > li:hover .dropdown-menu hr {    margin-left: 35px;    margin-right: 35px;}
/*
	.btn-hdr-search, .btn-hdr-search:active{outline: 0;  position: relative; background-color: #fff; background-image: url(/images/top-sprite-icon.png);  background-repeat: no-repeat;
*/
    background-position: -275px 3px;    width: 60px;    height: 35px;    padding-right: 15px;    border-right: 1px solid #ddd;    border-left: 1px solid #ddd; display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;   border-top: 0;    border-bottom: 0;    border-radius: 0;}

	.login-nav .btn-login {   height: 32px;   width: 70px;    padding: 5px 7px; position:relative;  background: #fff url(/images/fa-user-icon.png) no-repeat 23px 5px;    display: block;}

	.login-nav .btn-login > span {  position: absolute;   top: 100%;   text-transform: uppercase;   font-size: 12px;   width: 100%;   text-align: center;   left: 0;}

	.right-nav-part .navbar-nav > li {   position: relative;}

	.login-nav .nav-item {   border-right: 1px solid #ddd;}

	#wbcn-header-amp .right-nav-part .navbar-nav > li.mapdropdown{position: absolute;left: 23px;top: 29px;border-left: 1px solid #fff;}

	.navbar-expand .navbar-nav .mapdropdown .nav-link {   padding: 0px 16px 5px 8px;}

	 .right-nav-part .navbar-nav > li:hover .dropdown-menu {   display: block;    box-shadow:9px 11px 0px 0px rgba(0,0,0,0.15);}

	

	.wcn-search-section {  width: 100%;   background: #fff;   padding: 40px 0 15px;    min-height: 160px;   position: absolute;    top: 100%;    left: 0;    margin-top: 1px; box-shadow: 0px 11px 0px 0px rgba(0,0,0,0.15);}

	.form-inner-wcn-filter-search {   display: -ms-flexbox;   display: flex;  -ms-flex-direction: row;   flex-direction: row;

	    padding: 5px;  width: 60%;margin: 0 auto;border: 2px solid #5BA4F4;border-radius: 2px;}

	.searchicon-wcn { background: url(/images/search-icons.png) no-repeat 13px 18px;  width: 55px;  height: 54px;  border-radius: 4px;}

	.form-inner-wcn-filter-search input[type="text"] {  border: 0;   width: calc(100% - 110px);   padding-left: 5px;    font-size: 28px;    font-weight: 300;}

	.adv-filter-btn-wcn {  width: 48px;  height: 48px; background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -245px -170px;   display: block;  margin: 3px 0;}

	.adv-filter-btn-wcn.active-filter {background: #5BA4F4 url(/images/wcn-sprite-icons-fltr.png) no-repeat -245px -217px;}

	

	.flex-row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

	}

	.d-flex {

	    display: -webkit-box;

	    display: -ms-flexbox;

	    display: flex;

	}	

	.event-service-box-inner {

	    width: 22%;

	    padding: 45px 0;

	}	

	#full-bd-docs-nav .navbar-nav {

	    padding: 45px 0;

	    width: 76%;

	}	



	#full-bd-docs-nav .navbar-nav > li.nav-item > a:after, .event-service-box-inner .box-event > a:after,.event-service-box-inner .box-featured > a:after {

	    background: url(/images/arrow-right-menu.png) no-repeat 0 0;    vertical-align: middle;    margin-left: 6px;    width: 10px;    height: 15px;    display: inline-block;    content: "";    position: static;}	

	

	#full-bd-docs-nav .navbar-nav > li.nav-item {  width: 25%;    border-right: 1px solid #ddd;}

	#full-bd-docs-nav .navbar-nav > li.nav-item > a,.event-service-box-inner .box-event > a,.event-service-box-inner .box-featured > a{    padding: 0;  color: #000;display:inline-block;   font-weight: 800;    margin-bottom: 15px;    font-size:16px;    margin-left: 40px;text-decoration: none;}

	.event-service-box-inner .box-event > a,.event-service-box-inner .box-featured > a,.event-service-box-inner h5, .event-service-box-inner h5 a{font-size: 14px;margin: 0;text-decoration: none;text-transform: uppercase;color: #000;}

	.arrow-down{display: none}	

	#full-bd-docs-nav .navbar-nav > li .dropdown-menu {  display: block;}

	.event-service-box-inner h5, .event-service-box-inner h5 a {   font-weight: 400;  margin-bottom: 2px;}

	.event-service-box-inner h5 a:after{display: none}

	

	#full-bd-docs-nav .navbar-nav > li .dropdown-menu {   display: block;   position: static;    border: 0;    margin: 0;    padding: 0;}	

	#full-bd-docs-nav .navbar-nav > li .dropdown-menu li {    margin-bottom: 0px;}	

	#wbcn-header-amp .navbar-nav-scroll .navbar-nav > li.mapdropdown a::after, #menu-bar.collapse, 

	#wbcn-header-amp.collaspe-header .login-nav .nav-item, #full-bd-docs-nav .navbar-nav > li.nav-item:last-child, .mapdropdown.collapse {  display: none;}

	#full-bd-docs-nav .navbar-nav > li ul li a:after {    vertical-align: middle;    margin-left: 6px;    width: 10px;    height: 16px;    display: inline-block;    content: "";}

	#full-bd-docs-nav .navbar-nav > li ul li a:hover:after {  background: url(/images/arrow-right-menu.png) no-repeat 0 0;}

	.event-service-box-inner figure {   margin: 0 0 3px;}

	.box-featured, .box-event {    padding-left: 10%;    width: 194px;}	

    .right-nav-part .navbar-nav > li.mapdropdown:hover:before{height: 30px;}

	
	.mapdropdown .dropdown-menu {  width:420px; top: 60px; margin: 0; border: 1px solid #65A9F5;  border-radius: 0;padding:10px 0 3px; background: #fff;}
	.mapdropdown .dropdown-menu > ul,.mapdropdown .dropdown-menu > ul ul {    padding: 0px;}
	.mapdropdown .dropdown-menu ul li{list-style: none;}
	.mapdropdown .dropdown-menu >ul > li{width: 32%;padding: 5px 0px;display: inline-block;vertical-align: top;list-style: none}
	.mapdropdown .dropdown-menu >ul > li span{font-weight: 600;padding: 0 10px;display: block; text-transform: uppercase;font-size: 16px}
        .mapdropdown .dropdown-menu ul ul li{    padding: 2px 0; width: 100%;list-style: none;}
	.mapdropdown .dropdown-menu ul ul li a:after,.mapdropdown .dropdown-menu ul ul li a:hover:after{display: none}
	.mapdropdown .dropdown-menu ul ul li a{font-size: 14px;padding: 4px 10px;text-transform: none;}
         hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0,0,0,.1);box-sizing: content-box;height: 0;overflow: visible;}
.font-italic{font-style: italic}
.font-weight-bold{font-weight: 900}
	

	/*Filter*/

	.advance-search-filter-wcn{width: 100%;padding: 25px 20px 5px;}

	.top-panel-adv-filter-wcn {  border-bottom: 1px solid #5BA4F4;   display: -ms-flexbox;   display: flex;  -ms-flex-direction: row; flex-direction: row;  margin: 0 30px;}

	.left-advance-srch-panel {   padding: 50px 0;    border-right: 1px solid #5BA4F4;    width: 30%;    display: -ms-flexbox;    display: flex;    -ms-flex-direction: row;    flex-direction: row;}

	.right-advance-srch-panel {	    padding: 15px 0;	    width: 70%;	    display: -ms-flexbox;  display: flex;   -ms-flex-direction: row;   flex-direction: row;	    flex-wrap: wrap;    align-self: start;	}

	.item-wcn-sort {    width: 33.3%;    padding: 0 15px;	    text-align: center;	    border-left: 1px solid #ddd;	}

	.item-wcn-sort label {	    margin: 0;	    text-align: center;	    cursor: pointer;	    text-transform: uppercase;	    font-size: 18px;	    font-weight: bold;	    color: #888;	}

	.item-wcn-sort:first-child {	    border-left: 0;	}		

	.wcn-new-sort input[type="radio"]:not(old):checked + label, .wcn-poplr-sort input[type="radio"]:not(old):checked + label,

	.wcn-trend-sort input[type="radio"]:not(old):checked + label {   color: #000;	    margin: 0;	text-align: center;	cursor: pointer;	text-transform: uppercase;	font-size: 18px;	font-weight: bold;	}

	.wcn-new-sort label span, .wcn-poplr-sort label span,.wcn-trend-sort label span { display: block; color: #888;    width: 55px;	    height: 55px;	    margin: 0 auto 12px;}

	.wcn-new-sort label span {	   background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat 0px -161px;	}

	.wcn-poplr-sort label span { 	    background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -82px -164px;  	}

	.wcn-trend-sort label span { 	    background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -153px -164px;	}

	.wcn-new-sort input[type="radio"]:not(old):checked + label span {	   background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat 0px -232px;	}

	.wcn-poplr-sort input[type="radio"]:not(old):checked + label span {	    background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -80px -233px;	}

	.wcn-trend-sort input[type="radio"]:not(old):checked + label span {	    background: #fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -153px -233px;	}

	.sort-item-list-box {    padding: 30px 0 15px;    display: table;    width: 100%;	}

	.box-sort-itms {   width: 8.9%;	 padding: 0 10px;  border-left: 1px solid #ddd;  display: table-cell;  font-size: 14px;  text-transform: uppercase;}

	.box-sort-itms:first-child {  border: 0;}	

	.box-sort-itms input[type="checkbox"],.item-wcn-sort input[type="radio"] {	  display: none;	}

	.box-sort-itms input[type="checkbox"]:not(old) + label {    padding-left: 0px;	    line-height: 20px;	    color: #878787;	    cursor: pointer;	    text-align: center;	    display: block;	    margin-bottom: 0;	}

	.box-sort-itms input[type="checkbox"]:not(old):checked + label {   color: #000;	  cursor: pointer;	}

	.box-sort-itms input[type="checkbox"]:not(old) + label span {	    width: 55px;	    height: 55px;	    display: block;	    margin: 0 auto 10px;	    background-image: url(/images/wcn-sprite-icons-fltr.png);	    background-repeat: no-repeat;	}

	.globar-online input[type="checkbox"]:not(old) + label span {

	    background-position: 2px -4px;

	}

	.globar-online input[type="checkbox"]:not(old):checked + label span {

	    background-position: 2px -64px;

	}

	.content-marketing input[type="checkbox"]:not(old) + label span {

	    background-position: -85px 1px;

	}

	.content-marketing input[type="checkbox"]:not(old):checked + label span {

	    background-position: -85px -65px;

	}	

	.data-analysis input[type="checkbox"]:not(old) + label span {

	    background-position: -156px 4px;

	}

	.data-analysis input[type="checkbox"]:not(old):checked + label span {

	    background-position: -153px -62px;

	}	

	.serch-engine-statistics input[type="checkbox"]:not(old) + label span {

	    background-position: -230px -3px;

	}

	.serch-engine-statistics input[type="checkbox"]:not(old):checked + label span {

	    background-position: -230px -63px;

	}

	.seo-analysis input[type="checkbox"]:not(old) + label span {

	    background-position: -294px 3px;

	}

	.seo-analysis input[type="checkbox"]:not(old):checked + label span {

	    background-position: -298px -62px;

	}

	.pay-per-click input[type="checkbox"]:not(old) + label span {

	    background-position: -372px 3px;

	}

	.pay-per-click input[type="checkbox"]:not(old):checked + label span {

	    background-position: -372px -67px;

	}

	.country-guide input[type="checkbox"]:not(old) + label span {

	    background-position: -435px 3px;

	}

	.country-guide input[type="checkbox"]:not(old):checked + label span {

	    background-position: -439px -64px;

	}

	.social-strategis input[type="checkbox"]:not(old) + label span {

	    background-position: -509px 2px;

	}

	.social-strategis input[type="checkbox"]:not(old):checked + label span {

	    background-position: -509px -66px;

	}

	

	.social-media-platform input[type="checkbox"]:not(old) + label span {

	    background-position: -586px -3px;

	}

	.social-media-platform input[type="checkbox"]:not(old):checked + label span {

	    background-position: -586px -64px;

	}

	.effective-translation input[type="checkbox"]:not(old) + label span {

	    background-position: -658px -2px;

	}

	.effective-translation input[type="checkbox"]:not(old):checked + label span {

	    background-position: -653px -63px;

	}

	.mobile-marketing input[type="checkbox"]:not(old) + label span {

	    background-position: -731px -3px;

	}

	.mobile-marketing input[type="checkbox"]:not(old):checked + label span {

	    background-position: -727px -67px;

	}

	.programatic-ads input[type="checkbox"]:not(old) + label span {

	    background-position: -794px 2px;

	}

	.programatic-ads input[type="checkbox"]:not(old):checked + label span {

	    background-position: -794px -63px;

	}

	.programatic-ads.box-sort-itms input[type="checkbox"]:not(old) + label span {

	    width: 66px;

	}

	.search-item {position: relative}

	.search-list-item{z-index: 5;position: absolute;width: 185px;}

	.search-list-item li{display: block;margin: 0;list-style: none;}

	.search-list-item li a{color: #272727;text-decoration: none;font-size: 15px;font-weight: normal;display: block;padding:8px 17px 8px 17px;text-transform: uppercase;line-height: 1.5;}

	.search-item .search-list-item li a:before {   opacity: 0;   width: 10px;   height: 18px;   display: inline-block;   content: "";  background: url(/images/arrow-right-menu.png) no-repeat 0 3px;  vertical-align: middle;

    margin-right: 6px;   left: 0;    transform: rotate(180deg);    -webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);}

	.search-item .search-list-item li a.active:before {    opacity: 1;}

	.search-item .search-list-item li a.active, #wbcn-header .search-item .search-list-item li:hover a {  text-decoration: none;    color: #000;    background: #eee;}

	

	

	

	/*KB LIST*/

	.WCN-kbtype-list{width: 25%;padding: 0 20px;margin-bottom: 10px;}

	.onoffswitch {  position: relative;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;    width: 38px;    float: left;    margin-right: 10px;    margin-top: 4px;}

	.onoffswitch-checkbox {   display: none;}

	.onoffswitch-label {   display: block;    overflow: hidden;    cursor: pointer;    border-radius: 20px;    padding: 0px;    margin: 0;    border-radius: 10px;    height: 18px;}

	.WCN-kbtype-list span {

    color: #868686;

    font-size: 14px;

    text-transform: uppercase;

}

.onoffswitch-inner {

    display: block;

    width: 100%;

    height: 18px;

    position: relative;

}





.onoffswitch-inner:after {

    background: #fff;   

    border-radius: 10px;

    border: 2px solid #ccc;

    z-index: 0;

    left: -1px;

}



.onoffswitch-inner:before, .onoffswitch-inner:after {

    display: block;

    width: 100%;

    padding: 0;

    font-size: 14px;

    color: #FFFFFF;

    font-family: 'Lato',sans-serif;

    font-weight: bold;

    content: "";

    position: absolute;

     height: 18px;

    line-height: 18px;

}



.onoffswitch-inner:before {

    background: #C6DFFB;

    left: -100%;

    transition: left 0.3s ease-in 0s;

    -webkit-transition: left 0.3s ease-in 0s;

    z-index: 1;

}

.onoffswitch-inner:before {

    padding-left: 10px;

  

}



.onoffswitch-switch {

    background: #aaa;

    border: 2px solid #aaa;

    margin: 0;

    width: 18px;

    height: 18px;

    right: 19px;

    position: absolute;

    top: 0;

    bottom: 0;

    border-radius: 20px;

    transition: all 0.3s ease-in 0s;

    -webkit-transition: all 0.3s ease-in 0s;

    z-index: 3;

}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

    right: 0px;

    background: #5BA4F4;

    border-color: #285FFF;

    z-index: 3;

}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner::before {

    left: 0;

    z-index: 1;

    transition: left 0.3s ease-in 0s;

    -webkit-transition: left 0.3s ease-in 0s;

}

.onoffswitch-checkbox:checked + .onoffswitch-label ~ span{color: #000}





.text-center {

    text-align: center;

}	

.search-btn-filter-part .btn-primary {

    border-radius: 0;

    padding: 10px 50px;

    background: #5BA4F4;

    color: #fff;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

    border: 0;

    display: inline-block;

}	

.search-btn-filter-part .btn-primary:hover {

    background: #0056b3;

}
 /*Service search*/



.kbtype-list{width: 25%;

padding: 0 15px;

margin-bottom: 10px;

overflow: hidden;}

.sort-div {
        width: 100%;
      padding: 15px 0;

}.sort-div.counrty-sort div {
    display: inline-block;
    width: 48%;

}

.new-search-by, .popular-search-by, .trending-search-by {

    display: inline-block;

    vertical-align: middle;

}

.sort-div input[type="radio"]:not(old) {

    width: 0px;

    margin: 0;

    padding: 0;

    opacity: 0;

}
.left-advance-srch-panel.service-search{padding: 5px 0;}
.sort-div input[type="radio"]:not(old):checked + label {

    color: #000;

}

.sort-div input[type="radio"]:not(old) + label {

    display: inline-block;

    margin-left: 0px;

    padding-left: 0px;

    line-height: 24px;

    color: #868686;

    cursor: pointer;

}

.trending-search-by input[type="radio"]:not(old):checked + label span, .popular-search-by input[type="radio"]:not(old):checked + label span, .new-search-by input[type="radio"]:not(old):checked + label span {

    background-image: url(/images/serach-by-icon-selected.png);

}

.new-search-by input[type="radio"]:not(old) + label span {

    background-image: url(/images//serach-by-icon.png);

    background-position: 0 0;

    background-repeat: no-repeat;

    width: 50px;

    height: 50px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}

.alphabetical-search-by input[type="radio"]:not(old) + label span {

    background-image: url(/images//serach-by-icon-2.png);

    background-position: -151px 0;

    width: 48px;

    height: 50px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}

.popular-search-by input[type="radio"]:not(old) + label span {

    background-image: url(/images/serach-by-icon.png);

    background-position: -52px 0;

    background-repeat: no-repeat;

    width: 50px;

    height: 50px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}

.trending-search-by input[type="radio"]:not(old) + label span {

    background-image: url(/images//serach-by-icon.png);

    background-position: -104px 0;

    background-repeat: no-repeat;

    width: 50px;

    height: 50px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}

.bottom-filter-part-country div {

    width: 10%;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    margin: 10px 0;

    float: left;

    padding: 0 5px;

}

.bottom-filter-part-country input[type="checkbox"]:not(old) + label {

    padding-left: 0;

    line-height: 24px;

    color: #868686;

    cursor: pointer;

}

.bottom-filter-part-country .filter-country input[type="checkbox"]:not(old):checked + label span {

    color: #000;

}
.filter-country label span{font-size:26px}

.bottom-filter-part-country input[type="checkbox"]:not(old):checked + label {

    color: #000;

    cursor: pointer;

}

.bottom-filter-part-country input[type="checkbox"] {

    display: none;

}

.bottom-filter-part-country input[type="checkbox"]:not(old) + label span{display: block;margin: 0 auto 10px;width: 32px;height: 20px;}
.alphabetical-search-by input[type="radio"]:not(old):checked + label span {
    background-image: url(/images/serach-by-icon-selected-2.png);
    background-position: -151px 0;
}
.popular-search-by input[type="radio"]:not(old):checked + label span {
    background-image: url(/images/serach-by-icon-selected.png);
    background-position: -52px 0;
}

       
	/*Footer*/

	.footer {  padding-top: 40px;   background: linear-gradient(180deg, #71787f 0, #424b54);   color: #b8bbbe;    line-height: 1.4;    font-size: 14px;    position: relative;    z-index: 2;    text-align: left;}

	.footer__copyright {   padding: 15px;  background-color: rgba(0, 0, 0, .2);    font-size: 10px;    text-align: center;}

	.footer__wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;

    flex-direction: column;

}

	.wrapper{max-width: 1150px;margin-left: auto;margin-right: auto;}

	.footer__column {   padding-bottom: 25px;    text-align: center;}

	.footer p {   position: relative;}

	.footer p .icon {    display: none;}

	

	.footer__column:last-child {   -ms-flex-preferred-size: none;   flex-basis: none;    text-align: center;}

	.icon { vertical-align: middle;border: 0;   background-image: url(/images/cms/sprites/sprite-e37da025.svg);}

	.social-icon {  border: 1px solid #b8bbbe;    margin: 8px;  border-radius: 50%;   width: 45px;    height: 45px;    display: inline-block;    overflow: hidden;}	

	.social-icon .icon {   position: relative;    opacity: .3;    transition: all .2s ease;    -webkit-transform: scale(.7);    transform: scale(.7);    display: block;}

	.social-icon:hover .icon {    opacity: 1;}

	

	.social-icon .icon--linkedin {   top: 2px;    left: 4px;}

	.social-icon:hover .icon--linkedin {    top: -34px;}

	.social-icon--linkedin:hover {    background-color: #007bb6;    border: 1px solid #007bb6;}

	

	.social-icon .icon--facebook {    top: 4px;    left: 3px;}

	.social-icon:hover .icon--facebook {    top: -32px;}

	.social-icon--facebook:hover {   background-color: #3b5998;    border: 1px solid #3b5998;}

	

	.social-icon .icon--twitter {    top: 4px;    left: 4px;}

	.social-icon:hover .icon--twitter {    top: -32px;}	

	.social-icon--twitter:hover {   background-color: #00aced;    border: 1px solid #00aced;}

	

	

	.social-icon .icon--youtube {   top: 3px;    left: 3px;    -webkit-transform: scale(.8);    transform: scale(.8);}

	.social-icon--youtube:hover {    background-color: red;    border: 1px solid red;}

	.social-icon:hover .icon--youtube {    top: -33px;}

	

	.social-icon .icon--instagram {   top: 3px;    left: 3px;    -webkit-transform: scale(.8);    transform: scale(.8);}

	.social-icon--instagram:hover {    background: #d6249f;   background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);

    border: 1px solid #71787f;

}

	.social-icon:hover .icon--instagram {    top: -32px;}

	

	

	

	

	.icon--location {  width: 19px;   height: 24.5px;   background-position: 44.054054054054056% 57.7319587628866%;}

	.icon--phone2 {   width: 22px;    height: 22px;   background-position: 68.4065934065934% 56.75675675675676%;}

	.icon--envelope {   width: 24.7px;    height: 21.1px;    background-position: 93.69771332961517% 72.53190060443251%;}

	

	.icon--linkedin {   width: 36px;    height: 36px;    background-position: 0 99.6268656716418%;}

	.icon--facebook {    width: 36px;    height: 36px;    background-position: 100% 26.865671641791046%;}

	.icon--twitter {   width: 36px;    height: 36px;    background-position: 21.428571428571427% 99.6268656716418%;}

	.icon--youtube {    width: 36px;    height: 36px;    background-position: 100% 0;}

	.icon--instagram {   width: 36px;    height: 36px;    background-position: 100% 53.73134328358209%;}
      
	@media only screen and (min-width: 2000px) {
		.contactbtn{background-image: url(/images/cms/arrow-wht.png);
background-repeat: no-repeat;
background-position: right 33px top 50%;
padding: 29px 82px 25px 45px;
position: fixed;
bottom: 0;
right: 0;
z-index: 99;
font-size: 40px;
background-size: 20px;}
	}
	@media only screen and (max-width: 1450px) {
		.navbar-nav-scroll .navbar-nav > li > a{padding: 0 8px;font-size: 14px;}
	}
	
	
	@media (max-width:1370px){
		.box-event{display:none}
		#full-bd-docs-nav .navbar-nav{width:100%; display:table;}
		#full-bd-docs-nav .navbar-nav > li.nav-item{display:table-cell;width:auto;}
		.event-service-box-inner{display:none }
		#full-bd-docs-nav .navbar-nav > li.nav-item:nth-child(4){border:0}
		 
		.WCN-kbtype-list{width:33%;}
		.right-advance-srch-panel{width:67%}
		.left-advance-srch-panel{width:33%}
		.sort-item-list-box{display:-ms-flexbox;display:flex;ms-flex-direction:row ;flex-direction:row ; flex-wrap:wrap;padding-bottom:0;margin-bottom:15px; overflow:hidden}
		.box-sort-itms{width:16.25%;position:relative;border:0;padding:15px;display:block}		
		.box-sort-itms:after{ content:'';   position:absolute;    width:100%;	  height:0;	 top:auto;   left:0;   bottom:-1px;	 border-bottom:1px solid #ddd;}
		.box-sort-itms:before{	    content:'';    position:absolute;	    height:100%;	    top:0;	    left:-1px;    border-left:1px solid #ddd;			}
		
	}
@media only screen and (max-width: 1339px) {
		#wbcn-header-amp .right-nav-part .navbar-nav > li.mapdropdown{position: relative;left: 0; top: 1px;}
		.navbar-nav-scroll{margin-left: 0}
		.navbar-nav-scroll .navbar-nav > li:first-child{border-left-color:#fff; }
		#wbcn-header-amp .navbar-nav-scroll .navbar-nav > li:first-child:hover {
		    border-left-color: #ddd;
		}
		.navbar-expand .navbar-nav .mapdropdown .dropdown-menu{left: auto; right: 0;}
	}
	@media only screen and (max-width: 1300px) {

		.container{max-width: 980px;}

		.advertising--content-inner h3{padding-right: 0;}

		.audio-video-cont{width: 330px;height: 155px;background-size: 100%;padding: 20px 41px 0 37px;display: none;}

		.howit-advideo-cont{width: 330px;height: 155px;background-size: 100%;padding: 1px 37px 20px 41px;display: none}

		.banner--inner--content h1{font-size: 70px;}

		.why--ppc--content, .webcertain--inner--content{padding-top: 70px;}

	}
        @media only screen and (max-width: 1199px) {
		 .navbar{padding:26px 15px 24px} 
	}
	
	@media only screen and (max-width: 1050px) {

		.container{max-width: 850px;} 

		.advertising--content-inner h3{padding-left: 40px;font-size: 20px;}

	}
        @media (max-width:1023px){
             .btn-bar-colapse{left: 35px;position: absolute;top: 31px;}
            .navbar-nav-scroll{display:none}
		#full-bd-docs-nav .navbar-nav{display:block;padding:0 0px;width:80%;margin:0 auto;}
		#full-bd-docs-nav .navbar-nav > li.nav-item{position:relative; width:100%;padding-left:0;padding-right:0}
		#full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-down{display: block;width:44px;	height:44px; position:absolute;	right:0;top:9px;text-align:center;	line-height:44px;background:#fff url(/images/drown-arrow-menu.png) center center no-repeat;cursor:pointer;}
		#full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-up{transform:rotate(180deg); -webkit-transform:rotate(180deg);width:44px;	height:44px; position:absolute;	right:0;top:9px;text-align:center;	line-height:44px;background:#fff url(/images/drown-arrow-menu.png) center center no-repeat;cursor:pointer;	}
		#full-bd-docs-nav .navbar-nav > li.nav-item > a:before{content:"";border-top:1px solid #ddd;position:absolute;top:63px;height:1px;display:block;width:100%;}
		 #full-bd-docs-nav .navbar-nav > li.nav-item:last-child{border-bottom:1px solid #ddd; border-top:1px solid #ddd;} 
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu li:last-child{border:0}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu{padding:0;overflow:hidden;display:none	}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu.show-menu{display:block; height:auto; padding:0px 0 0 25px;}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu.hide-menu{display:none; }
		#full-bd-docs-nav .navbar-nav>li.nav-item >a:after{display:none}
		#full-bd-docs-nav .navbar-nav > li.nav-item > a{margin:0;padding:20px 0; height:63px}
		#full-bd-docs-nav .navbar-nav>li.nav-item{border-right:0; border-top:1px solid #ddd;}
		#full-bd-docs-nav .navbar-nav>li.nav-item:first-child{border-top:0 }		
		#full-bd-docs-nav .navbar-nav>li.nav-item:after{border-bottom:1px solid #ddd;width:100%; height:1px;position:absolute; top:63px;left:0}
		#full-bd-docs-nav .navbar-nav>li.nav-item:last-child:after{display:none}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu{width:340px;margin-left:20px;margin:0;}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu li{padding-left:0px;margin-bottom:0;border-bottom:1px solid #ddd;}
		#full-bd-docs-nav .navbar-nav > li .dropdown-menu li a{padding:10px 0;display:block}
		#full-bd-docs-nav .navbar-nav > li ul li a:hover{text-decoration:none;}	
		
		.btn-bar-colapse{display:block;height:32px;background-position:-63px 0px  ;	left:35px;	position:absolute;top:31px;width:33px;}	
		.btn-bar-colapse:active{background-position:-63px 0px  ;}
		.btn-bar-colapse.collapsed{width:32px;height:28px;background-position:-241px 1px ;}
		.btn-bar-colapse.collapsed:active{background-position:-241px 1px ;}
		.map-nav,.login-nav{display:none }
		.btn-hdr-search{border:0}
		.btn-hdr-search.search-open:before{display:none} 
		
		#full-bd-docs-nav .navbar-nav > li ul li a{text-indent:15px;}
		.wcn-search-section{padding:50px 10px 15px}
		
		.btn-hdr-search,.btn-hdr-search:active{background:#fff url(/images/top-sprite-icon.png) no-repeat 12px 1px ;border-color:#fff;border:0}
		.adv-filter-btn-wcn{display:none}
		.form-inner-wcn-filter-search input[type="text"]{width:calc(100% - 55px)}
		.form-inner-wcn-filter-search{padding:0 }
		.advance-search-filter-wcn.collapse.show{display:none}
		#full-bd-docs-nav .navbar-nav > li.nav-item:last-child{display:block}
		#full-bd-docs-nav .navbar-nav > li.nav-item{display:block}
                
        }

	@media only screen and (max-width: 992px) {

		.container{max-width: 768px;padding: 0 30px;} 

		.column-3-box{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

		amp-selector[role="tablist"].tabs-with-flex [role="tab"]{padding: 0 5px;min-height: 100px;}

		.testimonial-tab-innner .blank-dash.one,.testimonial-tab-innner .blank-dash.two{ display: none}

		.testimonial-tab-innner{margin-left: -88px;}

		.TSML-010 .image-area.rotateImage{display: none}

		.TSML-010 .content-area{width: 100%}

		.banner--inner--content h1{font-size: 60px;}

		.audio-video-cont{width: 260px;height: 122px;padding: 17px 32px 0 30px;}

		.howit-advideo-cont{width: 260px;height: 122px;padding: 1px 30px 17px 32px;}

		.benifit--video-box{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

		.vido-section-inner-heading h3{font-size: 40px;}

		.logo-webcrtn{width: 330px;}

		.testimmonial-tab-section .container{padding: 0}
                 .column-3-box{padding: 0 15px;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;}

	}

	@media only screen and (min-width: 768px) {

		 amp-selector[role=tablist].tabs-with-flex {

        display: flex;display: -ms-flexbox;

        flex-wrap: wrap;

    }

	}

	@media only screen and (min-width: 768px) {

		  .flex-md-row{webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row ;flex-direction: row ;}
                  .footer__wrapper {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.footer p {

    padding-left: 30px;

    padding-right: 30px;

    margin: 0 0 15px;

}

.footer__column {

    text-align: left;

}

.footer p .icon {

    display: block;

    position: absolute;

    left: 0;

}

.footer__column:nth-child(2) {

    margin-right: auto;

}

.footer__column:last-child {

    text-align: right;

}

	}

	@media only screen and (max-width: 767px) {

		.banner--inner--content h1{font-size: 50px;font-weight: 300;}

		amp-selector[role="tablist"].tabs-with-flex [role="tab"]{justify-content: left;}

		amp-selector[role="tablist"].tabs-with-flex [role="tab"]{padding: 0 50px;}

		.TSML-010{padding: 10px 50px 20px;min-height: 150px;}

		.TSML-010 .content-area .up-content:before{left: -75px;}

		.TSML-010 .content-area .up-content:after{right: -76px;}

		.utility--inner--content{padding: 79px 0 10px 50px}

		.banner--inner--content{padding: 80px 0 66px 50px}

		.blank-dash{left: -36px;top: 40px;width: 26px;}

		.inner--content--box .blank-dash, .testimmonial-tab-section h3 .blank-dash, .ppc--inner--content .blank-dash{left: -35px;width: 26px;}

		.advertising--management-content .inner--content--box{margin-left: 50px}

		.testimmonial-tab-section,.why--ppc--content, .webcertain--inner--content{padding-left: 50px;}

		.testimonial-tab-innner{margin-left: -50px;padding-top: 0;}

		.why--ppc--content, .webcertain--inner--content{padding-top: 30px;}

		.how-it-works--inner--content{padding: 50px 0 50px 50px;}

		.dash-range{width: 30px;left: -44px;}

		.content--text--inner-left h4{margin: 18px 0 12px}

		.content--text--inner-left .blank-dash{left: -36px;}

		.icon-webcrtn amp-img{width: 84px;height: 84px;}

		.icon-webcrtn{left: -91px;top:-14px;}
		.vido-section-inner-heading{padding: 0 80px;}

		.vido-section-inner-heading .blank-dash{width: 50px;}

		.vido-section-inner-heading h3{font-size: 36px;} 

		.content--text--inner-right{display: none}

		.content--text--inner-left{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

		.audio-video-cont,.howit-advideo-cont{display: none}

		amp-selector[role="tablist"].tabs-with-flex [role="tab"]{padding: 15px 50px\0;}
                .how-it-works--inner--content h3{max-width: 100%;}

                .column-3-box{padding: 0 15px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;}


	}

	@media only screen and (max-width: 575px) {

		.howit-advideo-cont{right: 50%; margin-right:-130px; }

		.how-it-works--inner--content{padding: 120px 0 66px 50px}

		.banner--inner--content h1{font-size: 40px;}

	}

	@media only screen and (max-width: 480px) {
                .btn-bar-colapse{left: 27px;}
		.banner--inner--content h1{font-size: 36px;}

		.blank-dash{top: 26px;}

		.benifit--video-box,.column-3-box{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

		.vido-section-inner-heading h3,.TSML-010 .content-area .up-content h2{font-size: 26px;}

		.TSML-010 .content-area .up-content p{font-size: 20px;line-height: 28px;font-weight: 400;}

		.TSML-010 .content-area .up-content::after{background-size:100%; width: 70px; height:70px; }

		.inner--content--box h3, .testimmonial-tab-section h3, .ppc--inner--content h3{line-height: 1.4;font-size: 30px;margin: 0 0 10px;line-height: 1.2;}

		.inner--content--box .blank-dash, .testimmonial-tab-section h3 .blank-dash, .ppc--inner--content .blank-dash{top:20px;}

		.common-listing li{font-size: 16px;}

		.how-it-works--inner--content h3{line-height: 1.5;font-size: 42px;}

		.logo-webcrtn{width: 230px;margin-top: 8px;}

		.content--text--inner-left{padding-right: 0}

		.content--text--inner-left h4{font-size: 20px;padding-right: 0;margin-top: 10px;}

		.vido-section-inner-heading .blank-dash{width: 30px}

		.vido-section-inner-heading{padding: 0 56px;}

		.benifit--video-box{padding: 10px;}

		.TSML-010{padding: 10px 32px 20px 30px}

		.TSML-010 .content-area .up-content::before {    left: -56px;}

		.TSML-010 .content-area .up-content::after {right: -60px; width: 60px;height: 60px;}

		.inner--container{margin-bottom: 20px;}

		.banner--inner--content h5{font-size: 22px;margin-bottom: 25px;}

		.banner--inner--content{margin-top: 60px;}

		.content--text--inner-left p{font-size: 16px;} 

		.contactbtn{padding:16px 50px 16px 20px;font-size: 16px;background-position: right 17px top 50%;}

		amp-selector[role="tablist"].tabs-with-flex [role="tab"][selected]{justify-content: center;}

		.inner--content--box p, .ppc--inner--content p{font-size: 16px;}
                #full-bd-docs-nav .navbar-nav > li .dropdown-menu.show-menu{padding: 0;}
#full-bd-docs-nav .navbar-nav > li ul li a{font-size: 12px;text-indent: 10px;}
#full-bd-docs-nav .navbar-nav > li .dropdown-menu{width:260px}
  .column-3-box{padding: 0 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;}

	}
        	@media only screen and (min-width: 439px){

		.footer__copyright {

		    font-size: 12px;

		}

		.wrapper {

		    padding-left: 25px;

		    padding-right: 25px;

		}
                

	}
        @media only screen and (max-width: 390px){
            .banner--inner--content h1{font-size:30px;}
 .banner--inner--content h5{font-size:20px}
 .btn-bar-colapse{left: 21px;}
 .btn-hdr-search, .btn-hdr-search:active{width: 54px;}
 .container{padding: 0 28px;}
        }
        @media only screen and (max-width: 360px){
            .navbar-brand{ width:175px;height:28px;}
        .banner--inner--content h1{font-size:25px;}
 .banner--inner--content h5{font-size:17px}
        }