#wbcn-header img{max-width: 100%} #wbcn-header .navbar-brand{padding: 0;max-width:190px;} #wbcn-header .navbar-brand img{display: block} #wbcn-header.navbar{padding:26px 25px 24px;border-bottom: 1px solid #dddddd; height: 90px; font-family: 'Lato', sans-serif;background: #fff !important;} #wbcn-header .navbar-nav-scroll{margin-left:0px;} #wbcn-header .navbar-nav-scroll .nav-link{padding: 0;} #wbcn-header .navbar-nav-scroll .navbar-nav>li{margin-left: 0px;position: static; border-left:1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:last-child:hover{border-right:1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:hover .dropdown-menu{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;flex-wrap: wrap; margin: 0} #wbcn-header .navbar-nav-scroll .navbar-nav>li> a,#wbcn-header .navbar-nav > li ul.search-list-item li a{color: #3d4141; display: block; padding: 0 15px; height:35px; text-transform:uppercase; line-height:35px; position: relative;font-size: 15px;font-weight: bold;} #wbcn-header .navbar-nav > li ul.search-list-item{width:250px} #wbcn-header .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; } #wbcn-header .navbar-nav-scroll .navbar-nav>li> a: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;} #wbcn-header .navbar-nav-scroll .navbar-nav>li:hover> a:before{ width:calc( 100% + 1px); 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; } #wbcn-header .navbar-nav-scroll .navbar-nav>li .dropdown-menu{background: #fff;padding: 30px 50px;box-shadow:0px 11px 0px 0px rgba(0,0,0,0.15);border-radius: 0; width: 100%;top:100%;border-top: 1px solid #ddd;} #Training_{border-top:1px solid #65A9F5 !important} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li{margin-bottom:0px;width: 20%; border-left:1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav>li#home_ ul li:nth-child(5n+5),#wbcn-header .navbar-nav-scroll .navbar-nav>li#Solutions ul li:nth-child(5n+5),#wbcn-header .navbar-nav-scroll .navbar-nav>li#Progress ul li:nth-child(5n+5){border-right:1px solid #ddd; } #wbcn-header .navbar-nav>li ul li a{color: #272727;text-decoration: none;} #wbcn-header .navbar-nav>li ul li a:hover, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li a:focus{text-decoration: none;color: #000; } #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li a{font-size: 15px;font-weight:normal; display: block;padding: 10px 25px 9px 35px; text-transform: uppercase;line-height: 21px} #wbcn-header .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;} /* #wbcn-header .navbar-nav > li ul.search-list-item li a.active{text-decoration: none;color: #000; background: #eee;} #wbcn-header .navbar-nav > li ul.search-list-item li a.active: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;}*/ #wbcn-header .navbar-nav > li ul.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);} #wbcn-header .navbar-nav > li ul.search-list-item li a.active:before{opacity: 1 } #wbcn-header .navbar-nav > li ul.search-list-item li a.active{text-decoration: none;color: #000; background: #eee;} .btn-bar-colapse.collapsed,.btn-bar-colapse.collapsed:active{background: url(/images/top-sprite-icon.png) no-repeat -183px 1px !important} .btn-bar-colapse,.btn-bar-colapse:active{background: url(/images/top-sprite-icon.png) no-repeat -119px 0px !important;display: none; } .btn-bar-colapse{position: relative; width: 48px; height: 24px; border-radius: 0;margin-left: 5px;} .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);} .btn-hdr-search,.btn-hdr-search:active{position:relative; background-color:#fff; background-image: url(/images/top-sprite-icon.png) !important; background-repeat: no-repeat; background-position: -275px 3px;width: 60px;height: 35px; padding-right: 15px;border-right:1px solid #fff; border-top: 0; border-bottom: 0;border-radius: 0} .btn-hdr-search:focus,.btn-hdr-search:hover{box-shadow:none; outline: 0} .login-nav .nav-item{border-left:1px solid #ddd; } .login-nav .nav-link{margin: 0;padding:5px;} .login-nav .btn-login{ height:32px;width:auto; padding: 5px 20px 5px 54px;background:#fff url(/images/fa-user-icon.png) no-repeat 20px 5px; display: block; text-decoration: none; color: #2b3337} #wbcn-header .right-nav-part .navbar-nav>li{position: relative} /*#wbcn-header .right-nav-part .navbar-nav>li.user-item:hover .dropdown-menu{display: block;box-shadow: 9px 11px 0px 0px rgba(0,0,0,0.15);margin: 0;z-index:9999}*/ #wbcn-header .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;} #wbcn-header .right-nav-part .navbar-nav > li.search-item{border-right:1px solid #fff} #wbcn-header .right-nav-part .navbar-nav > li.search-item.active-search{border-right-color: #ddd;} #wbcn-header .right-nav-part .navbar-nav > li.search-item:hover{border-right-color: #ddd;} .login-nav .dropdown-menu{left: auto;top: 52px; right: 0;border-radius: 0px;background: #fff;padding: 20px 0px;box-shadow: 9px 11px 0px 0px rgba(0,0,0,0.15);width:360px; margin: 0; border-radius: 0; top: 61px;border: 1px solid #65A9F5;} .top-profile-details { margin: 0; padding: 0 22px;} .bottom-prfile-edit { margin: 0; padding:6px 22px 0;} .event-service-box-inner{width:22%;padding: 45px 0;} .event-service-box-inner a{font-size:14px;font-weight: 800;color: #000; text-decoration: none;margin-bottom: 5px;display: inline-block; text-transform: uppercase} .event-service-box-inner 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; } .event-service-box-inner h5{font-size: 14px;font-weight: 400;text-transform: uppercase} .event-service-box-inner p{font-size: 14px;margin-bottom: 0;font-weight: 800} .box-featured,.box-event{padding-left:10%;width: 194px;} .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{max-width: 900px;margin: 0 auto; border:2px solid #5BA4F4; border-radius: 2px;} .advance-search-filter-wcn{ width: 100%; padding: 25px 20px 5px;background: #fff } .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;} .form-inner-wcn-filter-search{ display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; padding: 5px; } .form-inner-wcn-filter-search input[type="text"]{ border: 0; width: calc(100% - 110px);padding-left: 5px; font-size: 28px;font-weight: 300; } .form-inner-wcn-filter-search input[type="text"]:focus{outline: 0} .searchicon-wcn{ background:url(/images/search-icons.png) no-repeat 13px 18px; width: 55px;height: 54px;border-radius: 4px;cursor: pointer } .adv-filter-btn-wcn.active-filter{background:#5BA4F4 url(/images/wcn-sprite-icons-fltr.png) no-repeat -245px -217px ;} .top-panel-adv-filter-wcn{ border-bottom: 1px solid #5BA4F4; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; margin: 0 30px; } .left-advance-srch-panel{ padding: 36px 0; border-right: 1px solid #5BA4F4; width: 30%; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; } .item-wcn-sort{ width: 33.3%;padding: 0 15px;text-align: center; border-left:1px solid #ddd; } .item-wcn-sort:first-child{border-left:0 } .item-wcn-sort input[type="radio"]{display: none} .item-wcn-sort label{margin: 0; text-align: center;cursor: pointer; text-transform: uppercase; font-size: 18px;font-weight: bold;color: #888; } .wcn-new-sort label span{display: block;width: 55px;height:55px;margin:0 auto 12px;color: #888; background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat 0px -161px ;} .wcn-poplr-sort label span{ display: block; width: 55px;height:55px;margin:0 auto 12px; background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -82px -164px ; color: #888; } .wcn-trend-sort label span{ display: block; width: 55px;height:55px; margin:0 auto 12px;color: #888; 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 ;} .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; } .right-advance-srch-panel{ padding:15px 0; width: 70%; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; flex-wrap: wrap; align-self: start; } .profile-pic,.profile-edit-left{ width:140px; } .profile-designation,.logout-part{ width: 174px;padding-left: 10px; } .edit-link-icon i{font-size: 17px;border: 1px #000 solid;} .edit-link-icon {border: 1px #000 solid;padding: 4px} .profile-edit-left a{font-size: 15px; color: #0E6ED8; font-weight: bold;display: inline-block;text-decoration: none} .profile-edit-left a:hover{color: #5BA4F4;} .logout-part a.logout-btn{background: none; padding: 10px 30px 10px 30px; text-transform: uppercase;font-size: 15px;color:#0C1212; position: relative;display: inline-block; border-radius:6px;font-weight: bold;border:1px solid #cdcdcd;text-decoration: none;} .logout-part a:after{background: url(/images/arrow-right-menu.png) no-repeat 0px 0px;width: 10px;height: 15px;content: "";display: inline-block;margin-left: 10px;vertical-align: middle; } .logout-part a.logout-btn:hover{background:#5BA4F4; border-color:#5BA4F4; color: #fff;} .logout-part a.logout-btn:hover:after{background: url(/images/arrow-right-menu.png) no-repeat -70px 0px;} .profile-designation a{font-size: 28px;font-weight: 300;color: #0C1212;line-height: 1.2;text-decoration: none} .profile-designation h5{font-size: 16px;} #wbcn-header .right-nav-part .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;} #wbcn-header .right-nav-part .navbar-nav>li:hover:before,#wbcn-header .right-nav-part .navbar-nav>li.active-search:before ,.active-search .btn-hdr-search:after, .btn-hdr-search:active:after{ 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; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{width: 8.3%} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a{padding:10px;text-align: center;height: 100%; border-top:1px solid #fff } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a:hover{} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a:hover:after{display: none} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li:first-child{border-left:0; } /*3rd level menu*/ .submenu{margin: 0;padding: 0 0 0 25px;background: #eee} .navbar-nav-scroll .submenu{background: none} .submenu li{list-style: none;display: block;padding-left:20px;position: relative; } .submenu li:before{content: "";position: absolute;left: 0;top: 0;border-left:1px solid #ccc; height: 100%;display: block } .submenu li:last-child:before{height: 50%;} .nav-item-dropdown .submenu{display: none} .nav-item-dropdown:hover .submenu{display: block} .open-sub .nav-item-dropdown .submenu{display: block} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown:hover a, #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown:hover, #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown > a{background: #eee;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown > a{position: relative;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown{position: relative} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:before, /*#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:before,*/ #wbcn-header .navbar-nav-scroll .navbar-nav .open-sub .nav-item-dropdown:before{content: ""; width:9px; height: 9px;display: block;position: absolute;top: 16px;left:21px; border-radius:50%;background: #ccc;z-index: 2; } #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:after,/*#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:after,*/ #wbcn-header .navbar-nav-scroll .navbar-nav .open-sub .nav-item-dropdown:after {width: 1px; height: 25px;margin-left:0; top: 20px;background: #ccc;position: absolute;left: 25px;content: "";} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li{display: block} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul ul.submenu li a{padding: 8px 12px;text-transform: none;color: #3F4B52} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul ul.submenu li a:hover{ color: #000} .submenu li a{position: relative;text-transform: none;color: #3F4B52} .submenu li a:after,.submenu li a:before{content: "";position: absolute;} .submenu li a:after{left:-20px;top: 19px; width: 12px;height: 1px;background: #ccc;display: block;} .submenu li a:before{width: 9px;height: 9px;border: 1px solid #ccc;border-radius: 50%;display: block; left :-8px;top: 15px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul .submenu li a:hover:after{background: #ccc;width: 12px;height: 1px;left:-26px;top: 19px;} .submenu li a:hover:before{background:#5BA4F4; border-color:#5BA4F4; } #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a{text-transform: none;padding-left: 15px;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown{position: relative} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a:after,#full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown .submenu li a:hover:after{margin-left: 0;width: 12px;height: 1px;background: #ccc;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown > a:after,#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown> a:hover:after{display: none} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover a{background: #eee} #wbcn-header .navbar-nav > li ul ul.submenu li a{color: #3F4B52} #wbcn-header .navbar-nav > li ul ul.submenu li a:hover{color: #000} #wbcn-header .navbar-nav-scroll .navbar-nav > li.open-sub ul li.nav-item-dropdown .down-arrow, #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown .down-arrow { display: block;background: url(/images/arrow-right-menu.png) no-repeat 12px -58px; vertical-align: middle; position: absolute; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); cursor: pointer; } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown .down-arrow, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow{ display: block;background: url(/images/arrow-right-menu.png) no-repeat 14px -55px; position: absolute;width: 38px;height: 38px;right: 9px; left: auto; top:0px;cursor: pointer; transform: rotate(90deg); -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown .down-arrow.arrow-right, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow.arrow-right { display: block;background: url(/images/arrow-right-menu.png) no-repeat 14px -55px; vertical-align: middle; position: absolute; transform: rotate(90deg); -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); cursor: pointer; } /*3rd Level Menu */ /*Icon listing*/ #Training li a span{display: block;width: 55px;height: 55px; margin: 0 auto 10px;background-image:url(/images/wcn-sprite-icons-fltr.png); background-repeat:no-repeat; } #Training li a h5{font-size: 14px;} #Training li.globar-online a span{background-position: 2px -4px;} #Training li.globar-online a:hover span{background-position: 2px -64px;} #Training li.content-marketing a span{background-position: -85px 1px;} #Training li.content-marketing a:hover span{background-position: -85px -65px;} #Training li.data-analysis a span{background-position: -156px 4px;} #Training li.data-analysis a:hover span{background-position: -153px -62px;} #Training li.serch-engine-statistics a span{background-position: -230px -3px;} #Training li.serch-engine-statistics a:hover span{background-position: -230px -63px;} #Training li.seo-analysis a span{background-position: -294px 3px;} #Training li.seo-analysis a:hover span{background-position: -298px -62px;} #Training li.pay-per-click a span{background-position: -372px 3px;} #Training li.pay-per-click a:hover span{background-position: -372px -67px;} #Training li.country-guide a span{background-position: -435px 3px;} #Training li.country-guide a:hover span{background-position: -439px -64px;} #Training li.social-strategis a span{background-position: -509px 2px;} #Training li.social-strategis a:hover span{background-position: -509px -66px;} #Training li.social-media-platform a span{background-position: -586px -3px;} #Training li.social-media-platform a:hover span{background-position: -586px -64px;} #Training li.effective-translation a span{background-position: -658px -2px;} #Training li.effective-translation a:hover span{background-position: -653px -63px;} #Training li.mobile-marketing a span{background-position: -731px -3px;} #Training li.mobile-marketing a:hover span{background-position: -727px -67px;} #Training li.programatic-ads a span{width: 66px;} #Training li.programatic-ads a span{background-position: -794px 2px;} #Training li.programatic-ads a:hover span{background-position: -794px -63px;} #wbcn-header .navbar-nav .navbar-nav > li ul.search-list-item li a:focus { text-decoration: none; color: #000; background: #eee; } /*Switching*/ .WCN-kbtype-list{ width: 25%; padding: 0 20px;margin-bottom: 10px;} .onoffswitch-checkbox { display: none;} .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-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-label { display: block; overflow: hidden; cursor: pointer; border-radius: 20px; padding: 0px; margin: 0; border-radius: 10px; height: 18px; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 100%; padding: 0;font-size: 14px; color: white; font-family: 'Lato',sans-serif !important; font-weight: bold; content: ""; position: absolute; } .onoffswitch-inner:before { content: ""; padding-left: 10px; color: #FFFFFF; } .onoffswitch-inner:before { background: #C6DFFB; height: 18px; line-height: 18px; left: -100%;transition: left 0.3s ease-in 0s; -webkit-transition: left 0.3s ease-in 0s; z-index: 1; } .onoffswitch-inner:after { background: #fff; height: 18px; line-height: 18px; border-radius: 10px; border: 2px solid #ccc; z-index:0; left:-1px; } .onoffswitch-inner { display: block; width: 100%; height: 18px; position: relative; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .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; } /*bottom sort item*/ .sort-item-list-box{padding: 30px 0 15px;display: table;width: 100%;} .box-sort-itms{ width: 8.9%;padding: 0;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"]{ 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.box-sort-itms input[type="checkbox"]:not(old) + label span{width: 66px;} .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;} .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; } .search-btn-filter-part .btn-primary:hover{background: #0056b3} .WCN-kbtype-list span{color: #868686; font-size: 14px;text-transform: uppercase;} .WCN-kbtype-list.checked span{color: #000; } #search_users_new{padding-left:5px !important;padding-right: 0px} .btn-login span{position: absolute;top: 28px;left: 55px;text-transform: uppercase;font-size: 12px} .error-msg { position: absolute; width: auto; font-size:15px; padding: 2px 15px; background: #fff; border: 1px solid #808080; border-radius: 5px; color: #fb6a6a; z-index: 5; box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.2); } .error-msg:before { content: ""; border-bottom: 7px solid #808080; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -7px; left: 15px; z-index: 0; } .error-msg:after { border-bottom: 6px solid #fff; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 17px; top: -6px; z-index: 2; } .loading { left: 0; position: fixed; top: 0; background: url(/images/loader-place-holder.png) no-repeat center center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); padding: 32px; z-index: 555; } /*Navigation*/ #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:hover .dropdown-menu#Training_{padding-top: 0;box-shadow:0 11px 0px 0px rgba(0,0,0,0.15)!important; border-left: 0 !important;border-bottom: 0 !important;border-right: 0 !important;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{width: 14.2% !important; border: 0} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.globar-online,#wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.data-analysis,#wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.serch-engine-statistics, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.social-strategis, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.effective-translation {display: none !important} #Training li a h5{font-size: 18px !important;text-transform: uppercase;} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_{padding: 0 100px 20px !important} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li:hover{background: none!important} #Training li a {padding-top:0!important; } #Training li a span{position: relative;margin-top: 45px !important;} #Training li a span:before{content: ""; width: 1px;background: #7d7d7d;display: block; position: absolute; height:45px;left: 50%;bottom: 100%; } #Training li a:hover span:before{background: #2d83eb} #Training li a:hover h5{color: #2d83eb;font-weight: bold;} #Training li.self-learning-SEO a span{width:72px; height: 68px; background: url(../images/seo-nav-icon.png) no-repeat;background-position:11px 6px; } #Training li.self-learning-SEO a:hover span{background-position:11px -62px; } #Training li.self-learning-social a span{width:62px; height: 68px; background: url(../images/social-media-nav-icon.png) no-repeat;background-position:1px 0; } #Training li.self-learning-social a:hover span{background-position:1px -74px; } #Training li.self-learning-paidmedia a span{width:52px; height: 68px; background: url(../images/paid-media-nav-icon.png) no-repeat;background-position:0 6px; } #Training li.self-learning-paidmedia a:hover span{background-position:0px -67px; } #Training li.self-learning-content-marketing a span{width:57px; height: 68px; background: url(../images/content-marketin-nav-icon.png) no-repeat;background-position:0 5px; } #Training li.self-learning-content-marketing a:hover span{background-position:0px -78px; } #Training li.self-learning-E-commerce a span{width:75px; height: 68px; background: url(../images/ecommerce-nav-icon.png) no-repeat;background-position:0 10px; } #Training li.self-learning-E-commerce a:hover span{background-position:0px -59px; } #Training li.self-learning-Localisation a span{width:61px; height: 68px; background: url(../images/localization-nav-icon.png) no-repeat;background-position:0 5px; } #Training li.self-learning-Localisation a:hover span{background-position:0px -65px; } #Training li.self-learning-B2b a span{width:75px; height: 68px; background: url(../images/b2b-nav-icon.png) no-repeat;background-position:6px 4px; } #Training li.self-learning-B2b a:hover span{background-position:6px -70px; } #Training li.self-learning-SEO a span:before{ height: 52px; bottom: 62px;} #Training li.self-learning-content-marketing a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-paidmedia a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-E-commerce a span:before{height: 56px; bottom: 58px;} #Training li.self-learning-Localisation a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-B2b a span:before{height: 74px; bottom: 39px;} @media (max-width:1680px){ .box-featured, .box-event{padding-left: 7%;} } @media (max-width:1560px){ .box-featured{display: none} .event-service-box-inner{width: 16%} .box-event{ padding-left: 15%;} #wbcn-header .navbar-brand{max-width: 200px;padding: 0} #wbcn-header .navbar-nav-scroll{margin-left: 15px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 10px;} .item-wcn-sort label{font-size: 15px;} .item-wcn-sort{padding: 0 10px;} .WCN-kbtype-list{padding: 0 15px;} .onoffswitch{margin-right: 5px;} .WCN-kbtype-list span{font-size: 13px;} .box-sort-itms{font-size: 13px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li{width: 25%} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li a{font-size: 14px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu{padding: 40px 20px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#home_ ul li:nth-child(5n+5), #wbcn-header .navbar-nav-scroll .navbar-nav > li#Solutions ul li:nth-child(5n+5), #wbcn-header .navbar-nav-scroll .navbar-nav > li#Progress ul li:nth-child(5n+5){border-right: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li#home_ ul li:nth-child(4n+4), #wbcn-header .navbar-nav-scroll .navbar-nav > li#Solutions ul li:nth-child(4n+4), #wbcn-header .navbar-nav-scroll .navbar-nav > li#Progress ul li:nth-child(4n+4){border-right: 1px solid #ddd;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a{padding: 10px 5px;} #Training li a h5 { font-size: 13px; line-height: 1.3;} } @media (max-width:1370px){ .box-event{display: none} .event-service-box-inner{display: none !important} .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%; border:0; 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; } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li a{ line-height: 22px;} #Training li a h5 { font-size: 12px; line-height: 1.3;} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ li.box-sort-itms:after, #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ li.box-sort-itms:before{display: none} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ { padding: 0 40px 20px !important;} } @media (max-width:1339px){ #wbcn-header .navbar-nav-scroll{margin-left: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li:first-child{border-left-color:#fff } #wbcn-header .navbar-nav-scroll .navbar-nav>li:first-child:hover{border-left-color:#ddd; } #wbcn-header.navbar{padding:26px 30px 24px 10px} #wbcn-header .navbar-brand{max-width: 180px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{width: 16.6%;position: relative; border: 0; padding: 0px; display: block; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a{border: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul{overflow: hidden;padding:0px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li:after{content: '';position: absolute;width: 100%;height: 0;top: auto;left: 0;bottom:-1px;border-bottom: 1px solid #ddd;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li:before{content: '';position: absolute;height: 100%;top: 0;left: -1px;border-left: 1px solid #ddd;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a:hover{box-shadow:none} } @media (max-width:1230px){ #wbcn-header .navbar-nav-scroll .navbar-nav > li > a {font-size: 13px;} .login-nav .btn-login{font-size: 0;padding: 5px 13px 5px 54px} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li a{padding: 10px 15px 9px 20px;} .btn-login span{width: 100%;left:0;text-align: center;top:33px;} } @media (max-width:1199px){ #wbcn-header .navbar-brand{max-width: 175px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 10px;} #wbcn-header.navbar{padding:26px 25px 24px 10px} .WCN-kbtype-list span{font-size: 12px;} .box-sort-itms{padding: 8px} .WCN-kbtype-list{margin-bottom: 5px;} .left-advance-srch-panel{padding: 30px 0} .right-advance-srch-panel{padding:0px} .advance-search-filter-wcn{padding: 20px 15px 5px;} .box-sort-itms input[type="checkbox"]:not(old) + label span{margin-bottom: 5px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 8px;} #wbcn-header.navbar{padding:26px 15px 24px 10px } .smll-none{display: none} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ { padding: 0 0 20px !important; } } @media (min-width:1024px){ .full-menu{display: none !important} } @media (max-width:1023px){ #menu-bar.collapse{display: none} .navbar-nav-scroll{display: none} .btn-bar-colapse, .btn-bar-colapse:active{display: block} #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{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.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;width:100% } #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: 300px;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 ;font-size: 14px;text-indent: 15px; text-transform: uppercase} #full-bd-docs-nav .navbar-nav > li ul li a:hover{text-decoration: none;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu { position: static; border: 0; margin: 0; padding: 0;} #full-bd-docs-nav .navbar-nav > li ul li a:hover::after { background: url(/images/arrow-right-menu.png) no-repeat 0 0; vertical-align: middle; margin-left: 6px; width: 10px; height: 16px; display: inline-block; content: "";} #full-bd-docs-nav .navbar-nav > li.nav-item > a{text-transform: uppercase;color: #3d4141;} .btn-bar-colapse{display: block;height:32px;background-position: -63px 0px !important; left:28px; position: absolute;top: 31px;width: 33px;} .btn-bar-colapse:active{background-position: -63px 0px !important;} .btn-bar-colapse.collapsed{width: 32px;height: 28px;background-position:-241px 1px !important;} .btn-bar-colapse.collapsed:active{background-position:-241px 1px !important;} .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 !important;margin-right:1px; } .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} #wbcn-header .navbar-brand{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute} .login-nav .btn-login{font-size: 0} li.box-sort-itms {width: 100%;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:before, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a:after{display: none} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover a { background: #fff;} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-down, #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-up{width: 36px;height: 36px;top: 0px;} .submenu{background: #fff;padding-left: 22px;} .submenu li:before{display: none} .submenu li a:before{top: 17px;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li.nav-item-dropdown li{border: 0;} .nav-item-dropdown .submenu{border-top:1px solid #ccc; } #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a{padding-left: 0;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown > a:after, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover > a:after{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-sub-down{width: 38px;height: 38px;top: 2px;} .nav-item-dropdown:hover .submenu{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-sub-down.arrow-up{width: 38px;height: 38px;top: 0px;} .down-arrow, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow{display: none} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown > a{background: #fff} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:before, #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:after{display: none} #full-bd-docs-nav .open-sub .nav-item-dropdown .submenu { padding: 0 0 0 22px; } .search-list-item{display: none !important} .wcn-search-section .clear-filter{display:none !important} } @media (max-width:767px){ .login-nav .nav-item{margin-right: 0; } .login-nav .btn-login{width: 47px;} } @media (max-width:599px){ #wbcn-header.navbar{padding:26px 0px 24px} .btn-bar-colapse{left: 25px;} #wbcn-header .navbar-brand{padding-top: 0} .wcn-search-section{min-height: 115px;padding: 30px 10px 15px;} .login-nav .search-list-item.dropdown-menu{right: 9px; width: 250px;} } @media (max-width:480px){ #wbcn-header.navbar{padding:25px 0 25px; height: 70px;} #wbcn-header .navbar-brand{max-width: 176px;padding-top:1px; margin:5px 0 0; left:28px;transform: none;-webkit-transform: none; top: 24px;} #full-bd-docs-nav .navbar-nav{width: 100%;padding: 0 45px;} #full-bd-docs-nav .navbar-nav > li.nav-item{padding-right: 0} #full-bd-docs-nav .navbar-nav > li.nav-item > a{padding: 16px 0;} #full-bd-docs-nav .navbar-nav > li.nav-item:after{top: 55px;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu.show-menu{width: 100%} #full-bd-docs-nav .navbar-nav > li.nav-item > a::before{top: 56px;} #full-bd-docs-nav .navbar-nav > li.nav-item > a{height: 56px;} #full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-down{top: 6px;} .form-inner-wcn-filter-search input[type="text"]{font-size: 24px;width: calc(100% - 40px)} .searchicon-wcn{width: 40px;} #wbcn-header .right-nav-part .navbar-nav > li:before,#wbcn-header .right-nav-part .navbar-nav > li:hover:before,.btn-hdr-search.search-open:before{height:26px} .login-nav .dropdown-menu{top: 61px;} .btn-bar-colapse{position: static;margin-right:16px;margin-left: 11px;} .btn-bar-colapse.collapsed{width: 24px;} .btn-hdr-search, .btn-hdr-search:active{width:48px;background-position: -281px 3px !important;margin-right:0px } .btn-bar-colapse,.btn-bar-colapse:active{width: 24px;background-position: -134px 4px !important;} .login-nav .btn-login{padding: 5px 13px 5px 35px;background-position: 12px 5px} .login-nav .search-list-item.dropdown-menu{right: 0px;} #wbcn-header .right-nav-part .navbar-nav > li.search-item{border-right: 1px solid #ddd;} .btn-login span{font-size:8px;} } @media (max-width:430px){ #full-bd-docs-nav .navbar-nav > li .dropdown-menu{width: calc(100% - 10px); margin-left:10px;} .login-nav .btn-login{padding: 5px 9px 5px 35px;background-position: 10px 5px} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li a{font-size: 13px;text-indent: 0;padding-left: 5px;} .login-nav .dropdown-menu{right: -65px;} } @media (max-width:399px){ #wbcn-header .navbar-brand{ left: 16px; } .btn-bar-colapse{margin-right: 10px;margin-left: 8px;} .login-nav .btn-login,.btn-hdr-search, .btn-hdr-search:active{width: 44px;} } @media (max-width:385px){ #full-bd-docs-nav .navbar-nav{width: 100%;padding: 0 20px;} .login-nav .dropdown-menu{width: 290px;} .profile-designation, .logout-part{width: 155px;padding-left: 15px;} .profile-pic, .profile-edit-left{width: 100px} .top-profile-details{padding: 0 15px;} .bottom-prfile-edit{padding: 6px 15px 0} .profile-edit-left a{font-size: 13px;} .profile-designation a{font-size: 22px;} .logout-part a.logout-btn{padding: 9px 22px 9px 22px} .profile-designation hr{margin-top: 0.5rem;margin-bottom: 0.5rem;} } @media (max-width:350px){ #wbcn-header .navbar-brand{ left: 12px;width: 150px; } } .share-list-part{display: inline-block ;vertical-align: top} .addthis_toolbox { position: absolute; top: 2px; left: 0; width: 260px; padding: 5px 8px 0; border: 1px solid #ccc; border-radius: 5px; } .addthis_toolbox.addthis_default_style:before { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #ccc; position: absolute; left: -10px; top: 9px; } .addthis_toolbox.addthis_default_style:after { content: ""; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 8px solid #fff; left: -8px; top: 10px; } .dropdown-menu .share-list-part{display: block ;} .dropdown-menu .addthis_toolbox{ width: 100%; position: static; padding-bottom: 3px; border: 0; padding-left: 23px; } .dropdown-menu .fb-share,.dropdown-menu .twitr-share,.dropdown-menu .linkdn-share,.dropdown-menu .addthis_toolbox >div{display:inline-block;} .dropdown-menu .addthis_toolbox.addthis_default_style:after, .dropdown-menu .addthis_toolbox.addthis_default_style:before{display:none;} .downloadURl{font-size: 10px;display: table-caption}