body {
    background: #fff;
    margin: 0;
    padding: 0; 
    font-size: 14px;
    color: #3F4B52;
    font-family: 'Lato',sans-serif;
}
a:focus, button:focus{
    outline: none !important;
}
.banner-part-service{
    background-image:url(../images/banner.jpg);
    background-repeat:no-repeat;
    overflow: hidden;
    background-size: auto 100%; 
    background-position: left center;
    background-color: #F2F2F2;
    background-size: cover
    /* margin-top: 170px; */
}
.listing-wrapper{padding-top: 20px;}
/* .container{max-width: 1220px;margin: 0 auto;width: 100%;} */
.signupbtn {  
    background-image: url(../images/arrow-wht.png);  
    background-repeat: no-repeat; 
    background-position: right 22px top 50%;  
    background-size: 13px;    
    background-color: #237CE9;  
    color: #fff; 
    padding: 16px 55px 16px 25px; 
    font-weight: 600; 
    position: fixed;
    border-radius:2px;
    font-size: 20px;
    text-transform: uppercase;
    bottom: 15px;
    right: 15px;
    font-family: 'Lato',sans-serif;
    z-index: 99;
}
.signupbtn:hover{
    text-decoration: none;
    color: #fff;
    background-color: #3c8ef2;
}  
.banner-inner-content{
    border-left:1px solid #000; 
    padding:0px 0 60px 83px;
    margin-top:125px;
    position: relative; 
}
.banner-inner-content h2{
    font-weight: 200;
    margin: 0;
    color: #000;
    font-size: 50px;
    position: relative;
    line-height: 1.2;
     position: relative;
	top: -72px;
	margin-bottom: -40px;
     max-width: 560px;
}
.banner-inner-content h3{
    font-weight: 800;
    margin: 0;
    color: #000;
    font-size:30px;
    position: relative;
    line-height: 1.2;
    margin-bottom: 40px;
     max-width: 670px;
}
.banner-list{
    margin: 0;
    padding: 50px 0;
}
.banner-list li{
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    border-right: 2px #fff solid;
    line-height: 1;
    padding-right: 25px;
    margin-right: 25px;
}
.banner-list li:last-child{
    border:none;
    padding: 0;
    margin: 0;
}
.top-circles{
    position: absolute; 
    top: -86px;
	left: -37px;
	width: 73px;
	height: 87px;
    display: block;
    background: url(../images/bulb-icon.png) no-repeat;
    background-size: 73px 87px;    
}
h2.title{
    font-size: 50px;
    color:#000;
    font-weight: 300;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
}
.topLine{
    position: absolute;
    width: 1px;
    bottom: 50%;
    left: 0;
    height: 80px;
    background: #ccc;
}
.blank-dash{
    position: absolute; 
    width: 130px;
    height: 1px;
    background: #ccc;
    display: block; 
    top: 50%;
    transform: translateY(-50%);
}
.blank-dash.left{
    left: -15px;
}
.blank-dash.right{
    right: -15px;
}
.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;
}



.blank-dash.right::after{
    right: 0; 
    left: auto; 
}
.arrow-circle{
    top: -21px;
    left: 7px;
}  
.owl-carousel .owl-nav{
    display: block;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    width: 42px;
    height: 42px;
    border: 1px #ccc solid;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after{
    content: "";
    width: 29px;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ccc;
}
.owl-carousel .owl-nav button.owl-prev::after{
    left: 100%;
}
.owl-carousel .owl-nav button.owl-next::after{
    right: 100%;
}
.owl-carousel .owl-nav button.owl-prev{
    background-image: url(../images/arrow-left.png);
    background-position: center;
    left: -70px;
}
.owl-carousel .owl-nav button.owl-next{
    background-image: url(../images/arrow-right.png);
    background-position: center;
    right: -70px;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{
    display: none;
}
.latestTraning, .popularTraning, .countryTraning{
    padding: 15px 0;
}
.boxCard{
    text-align: center;
   /*border: 1px #ccc solid;*/
    padding: 20px;
}
.boxCard .boxCard-image{
    position: relative;
    margin-bottom:50px;
}
.boxCard .boxCard-image a{  
	position:absolute;   
	width:100%;
    display:block;
    /*background: #8A428A;*/   
    font-size: 0px;
    color: #fff;
    font-weight: 400; 
    top: 100%;
	left: 0;
	height: 0;
    
}

.boxCard .boxCard-image a span{
    width: 48px;
    height: 48px;  
    position: absolute; 
    left: 50%;
    margin-left:-24px;  
    top: -24px;
    border: 2px solid #fff;
    border-radius:50%;
   
}
.boxCard .boxCard-image a h6{
	font-size: 0;
}
.boxCard .boxCard-image a:hover{
    font-size: 16px; 
    padding: 8px 40px 7px; 
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0px -2px 0px 0px #fff;
}
.boxCard .boxCard-image a:hover h6{
	font-size: 16px;padding:0 5px 9px;
	position: absolute;z-index: 5;top:14px;
	width: 100%; left: 0;
}
.boxCard .boxCard-image a:hover span{ 
	 border-bottom: 0;
	 border-radius:0;
	 border-top-left-radius: 56px;
     border-top-right-radius: 56px; 
     height:24px;
     width: 48px; 
}
.boxCard .boxCard-image a:hover span i{
	margin-top: -4px;
}
 
.boxCard h4{
    font-weight: 300;
    font-size: 24px;
    margin: 0;
    padding: 0;
    min-height: 110px;
    color: #000;
}
.boxCard p,.boxCard p a{
    font-weight: 300;
    font-size: 14px;
    padding: 0;
    color: #3F4B52;
}
.boxCard a.view-bttn{
    background-image: url(../images/arrow-wht.png);  
    background-repeat: no-repeat; 
    background-position: right 15px center;  
    background-size: 10px 15px;    
    background-color: #125AAF;  
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 40px 8px 25px;
    border-radius: 3px;
}
.boxCard a.view-bttn:hover{
    text-decoration: none;
    color: #fff;
    background-color: #2D83EB;
}
.pricingArea{
    padding: 50px 0;
}
.pricingArea .pricing-box__container{
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
} 
.pricingArea .pricing-box{
    margin: 20px 15px;
    flex: none;
    width: calc((100% / 3) - 30px)
}
.pricingArea .pricing-box .pricing-box__button{
    padding: 10px 40px;
}

.boxCard-image span i{background-image:url(../images/small-sprite-icon.png); background-repeat:no-repeat; width: 30px;height: 30px;display:block; position: absolute;left:50%;margin-left: -15px;top: 50%; margin-top: -15px; }

.greenbox,.greenbox span,.greenbox h6{background-color: #D15852;}/*Country guides*/
.greenbox span i{background-position:1px 1px;}

.datab, .datab span,.datab h6{background-color: #DE8D45;}/*Benchmarks*/
.datab span i{background-position: -1px -33px;}

.trainingeb,.trainingeb span,.trainingeb h6{background-color: #5B9AC8;}/*Ebook*/
.trainingeb span i{background-position: 1px -65px;}

.trainingb,.trainingb span,.trainingb h6{background-color: #BA70BA;}/*E-laearning*/
.trainingb span i{background-position: 0px -105px;}


.postcastb,.postcastb span,.postcastb h6{background-color: #BA70BA;}/*E-laearning*/
.postcastb span i{background-position: 0px -105px;}



.postcastb, .postcastb span, .postcastb h6 {
    background-color: #ffa135;
}
.boxCard-image .postcastb span i {
    background-image: url(/images/podcast-category.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    background-position: 0 0;
}

.howto,.howto span,.howto h6{background-color: #7DAA55;}/*how to guides*/
.howto span i{background-position:2px -140px;}

.languageb,.languageb span,.languageb h6{background-color: #4D996D;}/*language Guides*/
.languageb span i{background-position:2px -174px;}

.quizzeb,.quizzeb span,.quizzeb h6{background-color: #5B77BF;}
.quizzeb span i{background-position:-2px -211px;}

.researchb,.researchb span,.researchb h6{background-color: #D15852;}
.researchb span i{background-position:0px -250px;}

.shows,.shows span,.shows h6{background-color: #C59D4B;}
.shows span i{background-position:0px -285px;}

.toolsb,.toolsb span,.toolsb h6{background-color: #6095B5;}
.toolsb span i{background-position:-1px -324px;}

.trainingec,.trainingec span,.trainingec h6{background-color:#8B69B6;}
.trainingec span i{background-position:-67px 0px;}

.catchup,.catchup span,.catchup h6{background-color:#C63955;}
.catchup span i{background-position:-68px -35px;}

.answerb,.answerb span,.answerb h6{background-color:#32A6E4;}
.answerb span i{background-position:-67px -71px;}
.banner-search-box{position: relative}
.banner-search-box .form-inner-wcn-filter-search{background: #fff;max-width: 420px;margin: 0}
.banner-search-box .form-inner-wcn-filter-search input[type="text"]{width: calc(100% - 50px);font-weight: 300;font-family: 'Lato',sans-serif;}
.banner-search-box .blank-dash:after,.banner-search-box .blank-dash:before{border-color: #5BA4F4;border-width: 2px;}
.banner-search-box .blank-dash{left: -70px;height: 2px;background: #5BA4F4;width:68px;z-index: 5;}
.banner-search-box .blank-dash:after{background: none;left: -29px;color: #000;line-height: 21px;}
.banner-search-box .blank-dash:before{background: #5BA4F4;width: 12px;height: 12px;right: -9px;margin-top: -6px;}
/* Responsive Area Starts */

  

/* End */

/*podcast */
.category-by-item-side label[for="myonoffswitchpodcasts-sn"]:after {
    background-position: 0 0;
    background: url(../images/podcast-greyed-out.svg) no-repeat #ffffff;
    width: 25px;
    height: 23px;
    right: 3px;
    top: 11px;

}

.category-by-item-side label[for="myonoffswitchpodcasts-sn"]:hover:after {
	 background: url(../images/podcast-mouse-over.svg) no-repeat #ffffff;
	width: 25px;
    height: 23px;
    right: 3px;
    top: 11px;
}
.category-by-item-side input:checked~label[for="myonoffswitchpodcasts-sn"]:after {
   background: url(../images/podcast-category.svg) no-repeat;
    background-color: #FFA135;
    width: 34px;
    height: 34px;
    right: 1px;
    top: 4px;
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 3px;
    box-shadow: 0px 0px 1px 1px #999;
    z-index: 2
    
    
}
*/*podcast end */

/*POP UP*/
.boxCard{position: relative;overflow: hidden}
.popup-modal{
	position: absolute;  
	display: block;
    bottom:0;
	right:0px; 
} 
.modal-recomended{
	max-width: 890px;
}
.modal-recomended .modal-body{padding: 0;}
.modal-recomended .modal-content{border: 0;border-radius: 0}
.popup-modal-form{ 	
	padding:45px 64px 50px;
	background: #125AAF;
	 
}
.modal-recomended button.close {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    opacity: 1;
    margin: 10px 17px 5px;
    display: inline-block;
}
.popup-modal-form h3{font-size: 28px;font-weight: 900; color: #fff;margin: 0 0 18px;} 
.user-select-checklist-outer label{color: #fff;font-size: 18px;padding-left: 30px;}
.search-company .form-control, .addtional-search .form-control,.messages-part textarea{color: #666;opacity: 1;border-width: 2px}
.search-company .form-control, .addtional-search .form-control,.btn-submit .btn-lg{font-family: 'Lato',sans-serif;}
.select-company{padding-bottom: 30px;}
.additional-search-list{margin-bottom: 15px;}
.user-select-checklist-outer .col-12{margin-bottom: 14px;}
.user-select-checklist-outer .row{padding: 0}
.user-select-checklist-outer{
	margin-bottom: 20px;padding: 0px;overflow-y: auto;max-height: 160px;overflow-x: hidden;
}
.additional-search-list li a{font-size: 13px;
font-weight: 900;
color: #ff0000;
display: inline-block;
margin-left:10px; margin-top: 0px;
vertical-align: middle;    text-shadow: -1px 0px 0px #ccc;text-decoration: none}
.search-company .form-control{font-size: 24px;}
.messages-part{margin-bottom: 50px;}
.messages-part textarea{font-size: 18px;min-height: 120px;}
.additional-search-list ul{padding: 0 0 10px 20px;}
.additional-search-list ul li{color: #fff;font-size: 18px;padding-left: 10px;padding-bottom: 4px;}
.addtional-search{margin-bottom: 15px;}
.auto-search-box ul{margin: 0;padding: 5px 0 5px 10px;list-style: none;background: #fff;max-height:160px;overflow-y: auto; overflow-x: hidden;border-top:1px solid #ced4da;  }
.auto-search-box ul li{display: block;list-style: none; color: #222;font-size: 18px;background: #EEEEEE}
.auto-search-box ul li:nth-child(odd){background: #fff;}
.auto-search-box li label{padding:5px 0 5px 38px;display: block;}
.auto-search-box li label:after{top: 9px;left: 10px;}
.auto-search-box li label:before{left: 16px;top: 12px;}
.addtional-search .form-control{border-radius: .3rem .3rem 0 0;font-size: 24px;}
.addtional-search .form-control:focus,.search-company .form-control:focus,.messages-part .form-control:focus{border-color: #ced4da;box-shadow: none}

.auto-search-box{ overflow: hidden;border: 2px solid #ced4da;border-top: 0;}
.btn-submit{text-align: center;}
.btn-submit .btn-lg{background: #1ABC9C url(../images/arrow-wht.png) no-repeat right 15px center; background-size: 14px; color: #fff;  text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 30px;
    padding: 10px 50px 10px 20px;
    min-width: 270px;
} 
.form-check-input, .form-radio-input{
		visibility: hidden;
		position: absolute;
		margin: 0;
	}
	.form-check {
		padding-left: 30px;
	}
	.form-check-label,.form-radio-label{
		position: relative
	}
	
	/*check box*/
	.form-check-label:after {
	  position: absolute;
	  top: 4px;
	  left:0px;
	  height: 20px;
	  width: 20px;
	  background-color: #fff;
	  content: "";
	  z-index: 0;
	  border-radius:3px;
	  border: 2px solid #ddd; 
	} 
	.form-check-label:before {
	  content: "";
	  position: absolute;
	  display: none;
	} 
	.form-check-input:checked + .form-check-label:before {
	  display: block;
	}
	.download-form h5,.logindownload-form h5,.payment-details-part h5{margin-bottom: 20px;font-size: 18px;}
	.form-check-label:before {
	 left:7px;
	 top: 8px;
	 width: 7px;
	 height: 12px;
	 border: solid #59A4F2;
	 border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  z-index: 5;
	}
	
.ribon-recomended {
  position: absolute;
background: #7553A0;
color: #333;
border: 0;
top: 0px; 
right: -20px;
width: auto;
max-width: 180px;
text-align: left;
background: url(../images/recomended-icon-n.png) no-repeat;
background-size: auto 100%;
padding:1px 30px 1px 20px;
font-size:15px; 
 transition: 0.2s; -webkit-transition: 0.2s;
}

.ribon-recomended img {
    width: 30px !important;
    display: inline-block !important;
    margin-right: 5px;
}
.boxCard:hover .ribon-recomended {
    transform: scale(1.2);-webkit-transform: scale(1.2);
    right:10px;
    top: 2px;
    transition: 0.2s;-webkit-transition: 0.2s;
}
.fixedbtn {
    position: fixed !important;
    right: 10px;
    bottom: 10px;
    left: auto;
}
.contactbtn {
	background-image: url(/images/cms/arrow-wht.png);
	background-repeat: no-repeat;
	background-position: right 22px top 50%;
	background-size: 13px;
	font-size: 1.3rem;
	padding: 16px 55px 16px 25px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	display: inline-block;
    background-color: #125aaf;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.5px;
    transition: background-color .1s ease-in;
    text-align: center;
    cursor: pointer;
    border: none;
}
.contactbtn:hover{
	color: #fff;
	text-decoration: none;
	background-color: #2D83EB;
}
.catcoll{padding-left:13px;}
 
   




/*KB Search Lists*/


.banner-part-service .container {
	max-width: 100%;
	padding-left: 246px;
}
.form-inner-wcn-filter-search-banner {
	min-width: 100%;
}
.form-inner-wcn-filter-search-banner {
	border: 1px solid #ccc !important;
	min-width: 100%;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	padding: 5px;
	position: relative;
}
.form-inner-wcn-filter-search-banner input[type="text"] {
	width: calc(100% - 40px) !important;
	font-size: 24px !important;
	padding-left: 13px !important;
	font-weight:600;
	font-family: 'Lato', sans-serif;
	border: 0;
}
.searchicon-wcn{    width: 49px !important;    height: 49px !important;background-position: -51px 14px !important;}
 
    
.searchicon-wcn-banner {
	width: 40px !important;
	height: 35px !important;
	background-position: 18px 6px !important;
	background: url(../images/search-icons.png) no-repeat 13px 18px;
	border-radius: 4px;
	cursor: pointer;
}
.form-section-search-banner {
	background: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	position: relative
}
.form-section-search-banner:after {
	width: 18px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	z-index: 10;
	top: 23px;
	display: block;
	content: "�";
	margin-top: -10px;
	left: -10px;
	font-size: 15px;
	text-align: center;
	line-height: 17px;
	color: #125AAF;
	border: 1px solid #ccc;
}
.form-section-search-banner form {
	background: #fff;
	position: relative;
	z-index: 5;
}

.search-result-text {
	z-index: 5;
	background: #fff;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	margin-left: 40px;
	width: -webkit-fill-available;
}
.listing-wrapper.padding-left-slide {
	padding-left:320px;
}
.listing-wrapper.padding-left-slide h3.no_result_cls{padding-left: 45px;}
.padding-left-slide  .card-item-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.search-result span {
	font-weight: 700;
}
.filter-section {
	background: #fff;
	z-index: 55;
}
.filter-section .row {
	padding-top: 10px;
	padding-bottom: 10px;
}
.filter-checking-part {
	position: relative;
	left: 0;
	height: 64px;
	background: #125AAF;
	display: inline-block;
	width: 274px;
	cursor: pointer;
}

.filter-search-part {
	width: calc(100% - 350px);
	display: inline-block;
	vertical-align: middle;
}

.filter-head{
	padding: 15px 74px 15px 46px;
	text-align: right;
	height: 64px;
	position: relative;
	text-transform: uppercase;
	font-size:18px;
	color: #fff;
	line-height: 34px;
	font-weight:600;
}
.filter-icon{
	display: inline-block;  
	width: 30px;
	height: 25px;
	position: absolute;
	background: url(../images/filter-icon1.png) no-repeat;
	top: 50%;
	margin-top: -12px;
	right: 155px;
}

.icon-showfilter {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -12px;
	z-index: 5;
}
.show-filteroption {
	background: #3F4B52;
}
.arrow-filer {
	background: #125AAF url(../images/filter-arrow.png) no-repeat 5px 8px;
}
.show-filteroption .arrow-filer {
	background: #3F4B52 url(../images/close-filter-icon.png) no-repeat 6px 6px;
}
.main-filter-area {
	position: relative;
}
.filter-show-box {
	position: absolute;
	top: 65px;
	width: 100%;
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
}
.sidebar-menu .card-header .btn {
	padding: 23px 50px 20px 15px !important;
}
.sidebar-menu .card-header .btn {
	text-align: right !important;
	font-weight: bold;
}
.sidebar-menu .card-header .btn i {
	font-family: 'FontAwesome';
	color: #000;
	border: 1px solid #ccc;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	right: 12px !important;
	background: #fff !important;
}
.sidebar-menu .card-header .btn i {
	background: #fff !important;
	z-index: 5;
}
.sidebar-menu .card-header {
	border: none;
}
.icon-showfilter:after {
	width: 16px;
	height: 1px;
	content: "";
	background: #ccc;
	position: absolute;
	top: 11px;
	left: -17px;
}

.left-bullet {
	width: 10px;
	height: 10px;
	position: absolute;
	left: -21px;
	top: 6px;
	display: block;
	background: #ccc;
	border-radius: 10px;
}
.filter-head:before {
	width: 1px;
	height: 20px;
	display: block;
	background: #ccc;
	content: "";
	position: absolute;
	top: 0px;
	right: 27px;
	z-index: 2;
}
.show-filteroption .filter-head:before {
	height: 65px;
	z-index: 2;
}
.main-filter-area:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	display: block;
	background: #ccc;
	top: 50%;
	right: -26px;
	margin-top: -5px;
}
.filter-head:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	border-radius: 10px;
	display: block;
	background: #ccc;
	top: 50%;
	left: calc(100% - 16px);
}
.show-filteroption .icon-showfilter {
	width: 24px;
	height: 24px;
	right: 15px;
	margin-top: -12px;
}
.sort-by-item-side {
	margin: 0;
	padding: 0;
}
.sort-by-item-side li {
	position: relative;
	z-index: 5;
	
}
.sort-by-item-side li label:after, .category-by-item-side li label:after {
	content: "";
	position: absolute;
	background-image: url(../images/sprite-icon-list.png);
	background-repeat: no-repeat;
	display: block;
	z-index: 5;
}
 
.sort-by-item-side li label:after {
	background-color: #fff;
}
.sort-by-item-side li input[type="radio"] {
	opacity: 0;
	position: absolute;
}
.sort-by-item-side li label {
	cursor: pointer;
	display: block;
	margin: 0;
	position: relative;
	text-align: right;
	padding-right: 50px;
	line-height: 50px;
	/* text-transform: uppercase; */
	color: #666666;
}
.sort-by-item-side input:checked ~ label{color:#000}
 .category-by-item-side{
	margin: 0;
	padding: 0;
}
.category-by-item-side li label{
	display: block;
	margin: 0;
	position: relative;	
	text-align: right;
	padding-right: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #666666;
	cursor: pointer;
}
 .card:before{content: ""; width: 1px; height: 100%;position: absolute;top: 0; right:27px;display: block; background: #ccc;z-index: 2}

.category-by-item-side li input[type="checkbox"]{	  
	 opacity: 0;
	 position: absolute;
}
.category-by-item-side input:checked ~ label{color:#000}
.category-by-item-side input ~ label:after{background-color: #fff}
.category-by-item-side input:checked ~ label:after{
	width: 34px;
	height: 34px;	
	right: 1px;
	top: 4px;
	border-radius: 50%;
	border: 3px solid #fff;
	padding: 3px;
	box-shadow: 0px 0px 1px 1px #999;
	z-index: 2;	
} 
.keyword-by-item-side{margin: 0;padding: 0}
.keyword-by-item-side label{position: relative;display: block;margin: 0;z-index: 5;color: #666666;text-align: right;padding-right: 40px; font-size: 15px;}
.keyword-by-item-side label:hover{color: #000;cursor: pointer}
.keyword-by-item-side label:after{
	width: 15px;
	height: 15px;
	right: 10px;
	top: 12px;
	margin-top:-5px; 
	border:1px solid #ccc;
	border-radius: 10px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 5;
	background: #fff;
	color: #5BA4F4;
}
.keyword-by-item-side input{
	display: none;
} 
.keyword-by-item-side li{
	position: relative;
	margin-bottom: 15px;
}
.keyword-by-item-side input:checked ~ label:before{ 
	background:#5BA4F4;
	position: absolute;
	content: "";
	z-index: 7;
	width: 7px;
	height: 7px;
	border-radius: 10px;
	display: block;
	right: 14px;
	top: 12px;
	margin-top: -1px;
}
	.keyword-by-item-side input:checked ~ label{color: #000;}
	.clearfilter-button {
	        text-align: right;
		    padding-right: 50px;
		    padding-top: 15px;
		    position: relative;
		    padding-bottom: 10px;
	}

.clearfilter-button:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 27px;
    display: block;
    background: 
    #ccc;
    z-index: 2;
}
.btn-reset-filter{
	text-align: center;
	position: relative;
	background: #125AAF;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	z-index: 5;
}

.clearfilter-button .btn-reset-filter:hover, .clearfilter-button .btn-reset-filter:focus {
	color: #fff;
	text-decoration: none;
	background: #3c8ef2
}
.btn-reset-filter:before {
	width: 27px;
	content: "";
	height: 1px;
	background: #125AAF;
	position: absolute;
	left: 100%;
	top: 50%;
}
.btn-reset-filter:after {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 8px;
	background: #125AAF;
	position: absolute;
	right: -27px;
	top: 50%;
	margin-top: -4px;
}
.fiter-search-result-part {
	padding-top: 50px;
	padding-bottom: 65px;
}
.sidebar-menu {
	background: #fff
}
.filter-section .container {
	max-width: 100%; padding-left:0; 
}

/*Card box*/
  

.listing-wrapper {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.search-lising-outer-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.card-item-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.28%;
	flex: 0 0 14.28%;
	max-width: 14.28%;
	margin-bottom: 2rem;
	padding-right: 15px;
	padding-left: 15px;
}
.mobile-filter {
	display: none;
}


.cls-f{display: none}

/*------*/
.boxCard {
    text-align: center;
    border: 1px 
    #ccc solid;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.boxCard h4 {
    font-weight: 300;
    font-size: 20px;
    margin: 0;
    padding: 0;
    min-height: 110px;
    color: 
    #000;
}
.boxCard p{font-size: 14px;}
/*----*/


/*--------*/
.sort-by-item-side label[for="New-item-side-sn"]:after { 
	background-position:-102px -81px;
    width: 40px;
    height:40px;
    right: 7px;
	top: 5px;
}
.sort-by-item-side label[for="New-item-side-sn"]:hover:after{
	background-position:-128px -183px;
}
.sort-by-item-side input:checked ~ label[for="New-item-side-sn"]:after { 
	background-position:-102px -129px;   
}

.sort-by-item-side label[for="Popular-item-side-sn"]:after{
	background-position:-96px -46px;
    width: 27px;
    height: 27px;
    right: 17px;
    top: 10px;
}
.sort-by-item-side label[for="Popular-item-side-sn"]:hover:after{
	background-position:-138px -302px;
}
.sort-by-item-side input:checked ~ label[for="Popular-item-side-sn"]:after { 
	background-position:-125px -46px;   
}

.sort-by-item-side label[for="trend-item-side-sn"]:after{
	background-position:-78px -2px;
    width: 35px;
    height:35px;
    right: 10px;
    top: 11px;
}
.sort-by-item-side label[for="trend-item-side-sn"]:hover:after{
		background-position:-133px -244px;
}
.sort-by-item-side input:checked ~ label[for="trend-item-side-sn"]:after { 
	background-position:-116px -1px;   
}
.category-by-item-side label[for="myonoffswitchcountries-sn"]:after { 
	background-position: -44px -149px;
	width: 28px;
	height: 25px;
	right: 1px;
	top: 9px;   
}
.category-by-item-side label[for="myonoffswitchcountries-sn"]:hover:after { 
	background-position:-175px -148px;
	
}
.category-by-item-side input:checked ~ label[for="myonoffswitchcountries-sn"]:after { 
	background-position:-3px -146px;   
	background-color:#D15852;
}


.category-by-item-side label[for="myonoffswitchebook-sn"]:after { 
	background-position: -44px -0px;
	width: 25px;
	height:24px;
	right: 3px;
	top: 13px;   
}
.category-by-item-side input:checked ~ label[for="myonoffswitchebook-sn"]:after { 
	background-position:-2px 6px;   
	background-color:#5B9AC8;	
}

.category-by-item-side label[for="myonoffswitchguides-sn"]:after { 
	background-position: -44px -33px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;   
}
.category-by-item-side label[for="myonoffswitchguides-sn"]:hover:after { 
	background-position: -176px -33px;
   
}

.category-by-item-side input:checked ~ label[for="myonoffswitchguides-sn"]:after { 
	background-position:-2px -30px;   
	background-color:#7DAA55;	
}

.category-by-item-side label[for="myonoffswitchquizzes-sn"]:after { 
	background-position: -38px -255px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;   
}
.category-by-item-side label[for="myonoffswitchquizzes-sn"]:hover:after { 
	background-position: -75px -255px;
     
}
.category-by-item-side input:checked ~ label[for="myonoffswitchquizzes-sn"]:after { 
	background-position:1px -252px;   
	background-color:#5B77BF;	
}

.category-by-item-side label[for="myonoffswitchresearch-sn"]:after { 
	background-position: -42px -108px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;   
}
.category-by-item-side input:checked ~ label[for="myonoffswitchresearch-sn"]:after { 
	background-position:-1px -104px;   
	background-color:#D15852;	
}
.category-by-item-side label[for="myonoffswitchtemplates-sn"]:after { 
	background-position: -42px -290px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;   
}
.category-by-item-side label[for="myonoffswitchtemplates-sn"]:hover:after { 
	background-position: -83px -290px;
      
}
.category-by-item-side input:checked ~ label[for="myonoffswitchtemplates-sn"]:after { 
	background-position:-2px -286px;   
	background-color:#C59D4B;	
}
.category-by-item-side label[for="myonoffswitchtraining_course-sn"]:after,
 .category-by-item-side label[for="myonoffswitchinternal_training-sn"]:after,
 .category-by-item-side label[for="myonoffswitchexternal_training-sn"]:after { 
	background-position:-44px -223px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;   
}
.category-by-item-side label[for="myonoffswitchtraining_course-sn"]:hover:after,
.category-by-item-side label[for="myonoffswitchinternal_training-sn"]:hover:after,
.category-by-item-side label[for="myonoffswitchexternal_training-sn"]:hover:after
 { 
	background-position:-82px -222px;    
}
.category-by-item-side input:checked ~ label[for="myonoffswitchtraining_course-sn"]:after,
.category-by-item-side input:checked ~ label[for="myonoffswitchinternal_training-sn"]:after,
.category-by-item-side input:checked ~ label[for="myonoffswitchexternal_training-sn"]:after { 
	background-position:-5px -220px;   
	background-color:#BA70BA;	
}
.category-by-item-side label[for="myonoffswitchvideo-sn"]:after { 
	background-position: -44px -321px;
	width: 25px;
	height: 23px;
	right: 4px;
	top: 12px;  
}
.category-by-item-side label[for="myonoffswitchvideo-sn"]:hover:after { 
	background-position: -84px -321px;
	 
}
.category-by-item-side input:checked ~ label[for="myonoffswitchvideo-sn"]:after { 
	background-position:-3px -317px;   
	background-color:#C63955;	
}
.category-by-item-side label[for="myonoffswitchvideo_answer-sn"]:after { 
	background-position:-38px -184px;
	width: 25px;
	height: 23px;
	right: 4px;
	top: 12px;  
}
.category-by-item-side label[for="myonoffswitchvideo_answer-sn"]:hover:after { 
	background-position:-82px -184px;
	 
}
.category-by-item-side input:checked ~ label[for="myonoffswitchvideo_answer-sn"]:after { 
	background-position:2px -180px;   
	background-color:#32A6E4;	
}
.category-by-item-side label[for="myonoffswitchlanguages-sn"]:after { 
	background-position: -43px -72px;
	width: 25px;
	height: 23px;
	right: 5px;
	top: 11px; 
}
.category-by-item-side label[for="myonoffswitchlanguages-sn"]:hover:after { 
	background-position: -176px -72px;	
}
.category-by-item-side input:checked ~ label[for="myonoffswitchlanguages-sn"]:after { 
	background-position:-3px -69px;   
	background-color:#4D996D;	
}
.filter-show-box{z-index:5}

/*------------*/


 





 


	
 
  
 
 
  
    



/*Self learning*/
.sidebar-menu:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #ccc;
    display: block;
    bottom: 0;
    right: 23px;
    border-radius: 10px;
}
.slider-results-list {
    max-width: 1450px;
    margin: 0 auto;
}
.sidebar-menu .card {
    border: none;
}
.sidebar-menu .card {
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin: 0;
}
.sidebar-menu .card-header {
    padding: 0;
    background: none;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.sidebar-menu .card-header .btn {
    background: #fff;
    border: 0;
    padding: 20px 15px;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0;
    outline: 0;
    text-align: left;
    color: #080808;
    text-decoration: none;
    /* text-transform: uppercase; */
}
.sidebar-menu .card-header .btn i {
    font-family: 'FontAwesome';
    color: #000;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    right: 12px !important;
    background: #fff !important;
}
.sidebar-menu .card-header .btn i {
    position: absolute;
    right: 20px;
    top: 20px;
}
.sidebar-menu .card-header .btn i {
    background: #fff !important;
    z-index: 5;
}
.sidebar-menu .card-body {
    padding: 0 10px;
    background: none;
}
.search-lising-outer-part  .owl-carousel .item{
	 -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; 
}
.padding-left-slide .owl-carousel .card-item-box{ 
	 -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; 
	}


.serach-result-list .owl-carousel .card-item-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; 
    padding-right: 15px;
    padding-left: 15px;
}

.self-learning-banner.banner-inner-content{
	padding-bottom: 97px;padding-left: 120px;
}
.filter-section.self-learning-filter{
	background: none
}
.filter-section.self-learning-filter{
	margin-top: -64px;
}
 
.filter-section.self-learning-filter .search-result-text{background: none; margin-left: 105px;}
.clearfilter-button:last-child {
    padding-bottom: 50px;
}
.serach-result-list{
	width: 100%;overflow: hidden;
	padding: 0 32px;
}
.serach-result-list .owl-carousel .owl-nav button.owl-prev,.serach-result-list  .owl-carousel .owl-nav button.owl-next{
	width: 24px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
}
.self-learning-banner .searchicon-wcn{background-color:#2D83EB !important;}
.serach-result-list .owl-carousel .owl-nav button.owl-prev:after,.serach-result-list .owl-carousel .owl-nav button.owl-next:after{display: none}
.serach-result-list .owl-carousel .owl-nav button.owl-prev{   
	 background-image: url(../images/left-slider-arrow.png);  background-position: center;  left: -30px;
	 }
.serach-result-list .owl-carousel .owl-nav button.owl-next{
	
	background-image: url(../images/right-slider-arrow.png);
    background-position: center;
    right: -30px;
}
.self-learning-banner .banner-search-box .blank-dash{
	left: -106px;    width: 104px;
}
.self-learning-filter .filter-head:after{    width: 109px;}
.self-learning-filter .main-filter-area:after{    right: -98px;  width: 12px;  height: 12px;}
.filter-section.self-learning-filter .row{padding-top: 0}
.self-learning-banner .form-inner-wcn-filter-search{padding: 7px 10px;}
.self-learning-filter .search-result-text{font-size: 18px}
.self-learning-filter .search-result-text span{color: #2D83EB}
.heading-container{
	max-width: 1180px;
	margin: 0 auto;
}
.footer .wrapper{width: 100%;max-width: 996px;}
.serach-result-list h2{font-size: 50px;font-weight: 300;color: #000;margin-top: 0px;}
.serach-result-list .owl-carousel .card-item-box{padding-top: 15px;}
.serach-result-list .owl-carousel .card-item-box .boxCard{margin-top: 15px;overflow: visible}
.cc-name,.category-item-name{
	position: absolute;
	left: 15px;
    top: 10px;
	 background:#CCCCCC;color: #3f4b52;padding: 2px 8px;font-weight: bold;font-size: 11px;text-transform: uppercase;
}
.self-learning-filter .keyword-by-item-side label span,.self-learning-filter .category-by-item-side li label span{font-size: 12px;color: #2D83EB;margin-left:3px;font-weight: bold;line-height: 0;}
.serach-result-list h2{padding: 0 15px;}
.self-learning-filter .category-by-item-side li label,.self-learning-filter .keyword-by-item-side label{font-size: 14px;text-transform: none;font-size: 14px;font-weight: 400;}
.self-learning-filter .category-by-item-side li label::first-letter,.self-learning-filter .keyword-by-item-side label::first-letter{text-transform: uppercase;}
.self-learning-filter .sidebar-menu .card-header .btn{color: #000;text-transform: uppercase;}

.self-learning-filter .category-by-item-side li label:hover,.self-learning-filter .keyword-by-item-side label:hover,.self-learning-filter .sort-by-item-side li label:hover{color: #000}
.keyword-by-item-side input ~ label:hover:before{    background: #5BA4F4;    position: absolute;    content: "";    z-index: 7;    width: 7px;    height: 7px;    border-radius: 10px;    display: block;    right: 14px;    top: 12px;
    margin-top: -1px;}

/*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%; 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;}

.video-popup{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	  bottom: 0;
	  left: -100%;
	  position: fixed;
	  text-align: center;
	  top: 67px;
	  transition: all 1s ease 0s;
	  vertical-align: middle;
	  width: 100%;
	  z-index:1000;
  }
  
  .open-videopopup{
   left: 0;
   transition: 1s;-webkit-transition: 1s;
   display: block !important;
  }
  .close-video{
   position: absolute;
   right:-35px;
   top: 0px;
   background: url(/../images/close-icon.png) no-repeat;
   width: 25px;
   height: 25px;
   text-indent: -99999px;
  }
  .video-box-div {
	  padding:0px;
	  vertical-align: middle;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
  }
  .video-box {
	  padding:0px;
	  vertical-align: middle;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
  }
.listing-wrapper.padding-left-slide h3.no_result_cls{padding-left: 69px;}
.category-by-item-side li #collapsefiveinternal_training li label:after,.category-by-item-side li #collapsefiveexternal_training li label:after {
    background-position: -44px -223px;
    width: 25px;
    height: 24px;
    right: 5px;
    top: 11px;
}
.category-by-item-side li #collapsefiveinternal_training li:hover label:after,.category-by-item-side li #collapsefiveexternal_training li:hover label:after {
    background-position: -82px -222px;
}
.category-by-item-side li #collapsefiveinternal_training li input:checked~label:after,.category-by-item-side li #collapsefiveexternal_training li input:checked~label:after {
    background-position: -5px -220px;
    background-color: #ba70ba;
    width: 34px;
    height: 34px;
    right: 1px;
    top: 4px;
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 3px;
    box-shadow: 0 0 1px 1px #999;
    z-index: 2;
}


@media only screen and (max-width: 1650px){
	.banner-part-service {
	    background-position: 42% center;
	}
}



@media only screen and (max-width:1640px){
	.card-item-box {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 16.62%;
	    flex: 0 0  16.62%;
	    max-width: 16.62%;
   }
   .padding-left-slide .card-item-box {
	    -webkit-box-flex: 0;
	     -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
   		 max-width: 20%;
	}
	.listing-wrapper.padding-left-slide {
	    padding-left: 317px;
	}
}
@media only screen and (max-width: 1449px){
	.self-learning-filter .main-filter-area:after ,.self-learning-filter .filter-head:after{  display: block	}
	.self-learning-filter .filter-head:after {    width: 60px; left: 100%;}
	.self-learning-filter .main-filter-area:after{    right: -71px;}
	
	
}
@media only screen and (max-width:1400px){
	.card-item-box {
	   -webkit-box-flex: 0;
	   -ms-flex: 0 0 20%;
	   flex: 0 0  20%;
	   max-width: 20%;
  }
  .padding-left-slide .card-item-box {
	   -webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
	   flex: 0 0 25%;
		   max-width: 25%;
   }
   /*.fiter-search-result-part .listing-wrapper.padding-left-slide {
	   padding-left: 283px;
	   padding-top:23px;
   }*/
}
@media only screen and (max-width:1350px){
    .owl-carousel .owl-nav button.owl-next{
        right: -34px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -34px;
    }
    .owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after{
        width: 5px;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        width: 30px;
        height: 30px;
        background-size: 15px 28px;
    }
    .container{
        max-width: 1100px;
    } 
}

@media only screen and (max-width: 1370px){
	#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 only screen and (max-width: 1280px){
	
	.catcoll{padding-left: 0px;}
	 .banner-part-service .container{padding-left: 90px;}
	 .self-learning-banner.banner-inner-content{padding-left: 86px;}
 	.filter-section{    padding-left:0px;}
	.search-result-text{  margin-left: 28px;}
	.sidebar-menu .card-header .btn i{
		right: auto !important;
		left: 12px !important;
	}
	.filter-checking-part{width: 280px;}	 
	
	.filter-icon{right: auto; left: 205px;}
	.icon-showfilter{right: auto; left:78px;}
	.filter-head{padding: 15px 46px 15px 130px;text-align: left;}
	.filter-head:before{left: 90px;right: auto}
	.icon-showfilter:after{left: 24px;}
	.left-bullet{left: 35px;}
	.main-filter-area:after,.filter-head:after{display: none}
	  .card:before{right: auto;left:27px;}
	.sidebar-menu .card-header .btn {
	    padding: 23px 15px 20px 50px !important;
	    text-align: left !important;
	}
	.form-section-search-banner{	 
		    -webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(100% - 400px);
	    flex: 0 0 calc(100% - 400px);
	    max-width: calc(100% - 400px);
		
		}
	.card-item-box{
		    -ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;
	}
	.listing-wrapper.padding-left-slide {    padding-left: 275px;   padding-right: 20px;}	
	
	.padding-left-slide .card-item-box {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.banner-search-box .form-inner-wcn-filter-search{    max-width: 360px;}
	
	.sort-by-item-side li label{padding-left: 50px;padding-right: 5px;text-align: left}		
	
		
	.sort-by-item-side label[for="New-item-side-sn"]:after { 
	    right: auto; 		left: 8px;
	} 
	.sort-by-item-side label[for="Popular-item-side-sn"]:after{ 
	    right: auto;left:10px;   top: 10px;
	}
	.sort-by-item-side label[for="trend-item-side-sn"]:after{ 
	    right: auto; left:10px;    top: 7px;
	}
	
	
 

	.category-by-item-side li label{padding-right: 3px; padding-left: 40px;text-align: left;}	
	.category-by-item-side input:checked ~ label:after{right: auto; left: 1px;}
	
	
	

	.category-by-item-side label[for="myonoffswitchcountries-sn"]:after { 
		background-position: -44px -148px; 
		right: auto; left:6px;
		top: 13px;   
	} 
	.category-by-item-side label[for="myonoffswitchebook-sn"]:after {  
		right: auto;left: 7px;
	}
	.category-by-item-side label[for="myonoffswitchguides-sn"]:after { 	 
	    right: auto; left:5px; 
	}
	.category-by-item-side label[for="myonoffswitchquizzes-sn"]:after {  
	    left: 5px;right:auto; 
	}
	.category-by-item-side label[for="myonoffswitchresearch-sn"]:after {  
	    left: 5px; right:auto; 
	} 
	.category-by-item-side label[for="myonoffswitchtemplates-sn"]:after {  
	    left: 5px; right:auto; 
	} 
	.category-by-item-side label[for="myonoffswitchtraining_course-sn"]:after,
 .category-by-item-side label[for="myonoffswitchinternal_training-sn"]:after,
 .category-by-item-side label[for="myonoffswitchexternal_training-sn"]:after  { 
	     left: 5px; right:auto; 
	}
	.category-by-item-side label[for="myonoffswitchvideo-sn"]:after { 
	 	left:6px; right:auto; 
	} 
	.category-by-item-side label[for="myonoffswitchvideo_answer-sn"]:after { 
	 	left: 6px; right:auto; 
	}
 	.category-by-item-side label[for="myonoffswitchlanguages-sn"]:after { 
 		left: 5px; right:auto; 
	}
	
	.category-by-item-side label[for="myonoffswitchpodcasts-sn"]:after { 
 		left: 7px; right:auto; 
	}
	.category-by-item-side label[for="myonoffswitchpodcasts-sn"]:hover:after {
	left: 7px; right:auto; 
	}
	.category-by-item-side input:checked~label[for="myonoffswitchpodcasts-sn"]:after {
	left: 0px; right:auto; 
	}
	


	.keyword-by-item-side label{
		padding-right: 0px; padding-left: 43px; text-align: left;
	}
	
	.keyword-by-item-side label::after{left: 10px; right: auto;top: 10px;}
	.keyword-by-item-side input:checked ~ label:before{left: 14px; right: auto;top: 10px;}
	.clearfilter-button{text-align: left;padding-right: 0;    margin-left: 113px;}
  	.clearfilter-button:before{right: auto;left: -23px;}
	.btn-reset-filter:before{left: -23px;width: 23px;}
	.btn-reset-filter:after { right: auto; left:-27px;}
	
	.padding-left-slide{
		padding-left:200px;
	}	
	.search-lising-outer-part{padding-left: 0} 

 	
	.padding-left-slide .card-item-box { 
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.keyword-by-item-side input ~ label:hover:before{top: 10px;left: 14px;    right: auto; }
	.keyword-by-item-side input:checked ~ label:before{    left: 14px;    right: auto;    top: 10px;}
	.self-learning-banner .banner-search-box .blank-dash {
	    left: -72px;
	    width: 70px;
	}
	.self-learning-banner.banner-inner-content{padding-left: 85px;}
	.sidebar-menu .card{margin-left: 63px;}
	.sidebar-menu:after{right: 185px;}
	.listing-wrapper.padding-left-slide h3.no_result_cls{padding-left: 106px;}
}
@media only screen and (max-width: 1199px){
	
    .banner-inner-content h2{
        width: 70%;
    }
    .banner-part-service{
        background-position: left center;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: -34px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -34px;
    }
    .owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after{
        width: 5px;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        width: 30px;
        height: 30px;
        background-size: 10px 18px;
    }
    .boxCard h4{
        font-size: 18px;
        min-height: 80px;
    }
    h2.title{
        font-size: 36px;
    }   
    .container{
        max-width: 900px;
    } 
    .pricingArea .pricing-box .pricing-box__button{
        padding: 10px 20px;
        margin-bottom: 20px;
    }
    .topLine{height: 72px;}
	.padding-left-slide {
		padding-left: 240px;
	}
	.listing-wrapper {
		padding: 0 50px;
		padding-top: 20px
	}
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.card-item-box {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33..33%;
		max-width: 33.33%;
	}
	.top-circles {
		top: -59px;
		left: -25px;
		width: 61px;
		height: 62px;
		background-size: 50px 59px;
	}
 
	.filter-section .container {
		max-width: 100%;padding-left: 0;
	}
	.filter-checking-part {
		margin-left: 0px;
	}
	.filter-search-part {
		display: inline-block;
		width: calc(100% - 180px);
		max-width:650px;
	} 	
	.self-learning-filter .filter-head:after{display: none}
	.filter-section.self-learning-filter{position: relative}
	.filter-search-part{position: absolute;left:90px; top: -48px;}
	.self-learning-filter .main-filter-area:after{display: none}
	.self-learning-banner.banner-inner-content{padding-bottom: 125px;}
	
	.serach-result-list{padding: 0 15px}
	.serach-result-list .owl-carousel .owl-nav button.owl-prev, .serach-result-list .owl-carousel .owl-nav button.owl-next{background-size:100%;width: 20px}
	.serach-result-list .owl-carousel .owl-nav button.owl-prev{left: -10px}
	.serach-result-list .owl-carousel .owl-nav button.owl-next{right: -10px;}
	.clearfilter-button{    text-align: left;    padding-right: 0;}
	 
	.listing-wrapper.padding-left-slide{    padding-left: 300px;}
	
	 
	#wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ {
    padding: 0 0 20px !important;
}
	
	.filter-section.self-learning-filter .row{margin-left: 0;}
	.filter-section.self-learning-filter .search-result-text{margin-left: 87px;}
	.self-learning-banner.banner-inner-content {
    padding-bottom: 125px;
}
	.filter-search-part:after{content: "";width: 10px;height: 10px;border-radius: 10px;background: #000;position: absolute;    left: -4px;    top: 13px;}
	.filter-search-part:before{content: ""; width: 80px;height: 1px;background: #ccc;position: absolute;display: block;left: 5px;top: 17px;}
	.search-result{position: relative}
	.search-result:before{content: "";width: 10px;height: 10px;border-radius: 10px;background: #ccc;position: absolute;    left: -20px;    top: 9px;}
	.listing-wrapper.padding-left-slide h3.no_result_cls{padding-left:50px;}

}

 
@media only screen and (max-width:1024px){
	 
.user-select-checklist-outer::-webkit-scrollbar ,.auto-search-box ul::-webkit-scrollbar{
	width: 10px;
  }
   
  .user-select-checklist-outer::-webkit-scrollbar-thumb,.auto-search-box ul::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 20px;
  }
  
  .user-select-checklist-outer::-webkit-scrollbar-track,.auto-search-box ul::-webkit-scrollbar-track {
	background: #ddd;
	border-radius: 20px;
  }	

	 
	.listing-wrapper {
		padding: 30px 50px 0;
	}
	.card-item-box {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
}
@media only screen and (min-width: 1023px){
	
	.filter-checking-part:hover{background: #2D83EB}
}
@media only screen and (max-width: 1023px){
		 
	.search-result-text:after {
		top: 18px
	}
	.form-section-search-banner:before {
		top: 18px;
	}
	.form-section-search-banner:after {
		top: 18px;
	}
	.filter-section {
		padding-left: 0px;
	}
	.banner-part-service .container {
		max-width: 100%;
		padding-left: 42px;
	}
	.filter-checking-part {
		margin-left: 0px;
	}
	.filter-search-part {
		width: 100%;
		 
		z-index: 0;
		position: relative
	}
	.filter-checking-part {
		position: absolute;
		left: 0px;
		z-index: 5;
	}
	.filter-checking-part.show-filteroption {
		width: 260px
	}
	.search-result-text {
		margin-left: 24px;
	}
	.filter-head:after {
		content: "";
		position: absolute;
		top: 0;
		left: -26px;
		width: 31px;
		height: 64px;
		display: block;
		background: #125AAF;
		border-radius: 0px;
	}
	.show-filteroption .filter-head:after {
		background: #3F4B52;
	}
	.card-item-box {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.padding-left-slide {
		padding-left: 360px;
	}
	.filter-show-box {
		background: #fff;
		z-index: 5;
		box-shadow: 2px 1px 4px 0px rgba(0,0,0,0.5);
		padding-bottom: 10px;
		border-right: 1px solid #3F4B52;
	}
	.filter-show-box {
		width: calc(100% + 22px);
		left: -22px;
		padding-left: 22px;
	}
	.searchicon-wcn {
		width: 50px !important;
		height: 44px !important;
		background-position: -51px 14px !important;
	}
	.search-result-text:after {
		top: 23px
	}
	.form-section-search-banner:before {
		top: 23px;
	}
	.form-section-search-banner:after {
		top: 23px;
	}
	.filter-search-part .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	/*.filter-search-part .col-auto {
		-ms-flex: 0 0 260px;
		flex: 0 0 260px;
		width: 260px;
		max-width: 260px;
	}*/
	.listing-wrapper {
		padding: 20px 20px;
	}
	.banner-search-box .form-inner-wcn-filter-search input[type="text"]{
		width: calc(100% - 45px);
	}
	.self-learning-filter .filter-head:after{left: -26px;}
	.self-learning-filter .main-filter-area:after{display: none}
	 
	.banner-part-service {
	    background-position: 42% center;
	}
  
.self-learning-filter .show-filteroption .filter-search-part {margin-left: 175px;}
.sidebar-menu:after{left: 59px;bottom: 6px;}
.self-learning-banner.banner-inner-content{     padding-left: 76px;}
.self-learning-banner .banner-search-box .blank-dash {    left: -63px;    width: 61px;}
 .filter-search-part{left:42px;}
 .sidebar-menu .card{    margin-left:15px;}
 .clearfilter-button{margin-left: 65px;}
 .filter-head:before{left: 42px;}
 .icon-showfilter{left: 30px;}
 .filter-head{    padding: 15px 46px 15px 97px;}
 .filter-section.self-learning-filter .search-result-text {    margin-left: 77px;}
 .filter-search-part:before{width: 70px;}
 .self-learning-banner.banner-inner-content{padding-bottom: 175px;}
 .filter-search-part{top: -88px;}
}

@media only screen and (max-width:991px){
	.banner-inner-content h2{
        font-size: 50px;
        width: 100%;
    }
    .banner-list li{
        font-size: 24px;
    }    
    .pricingArea .pricing-box{
        width: calc((100% / 2) - 30px);
    }
    h2.title .blank-dash{
        width: 60px;
    } 
    h2.title{
        padding: 0 70px;
    } 
    .container{
        max-width: 680px;
    }
	.form-section-search-banner {
		width: 50%
	}
	.search-result-text {
		font-size: 22px;
		margin-left: 13px;
	}
	.form-inner-wcn-filter-search-banner input[type="text"] {
		width: calc(100% - 37px) !important;
		font-size: 15px !important;
	}
	.searchicon-wcn {
		width:44px !important;
		background-position: -51px 14px !important;
	}
	.card-item-box {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.form-section-search-banner {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 300px);
		flex: 0 0 calc(100% - 300px);
		max-width: calc(100% - 300px);
	}
	.filter-search-part{max-width: calc(100% - 90px);}
			 
}
@media only screen and (max-width:800px){
			
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}
@media only screen and (max-width: 768px){
	
	.filter-show-box{display: none}	
	.card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.listing-wrapper.padding-left-slide, .listing-wrapper {
		padding-left: 100px;
		padding-right: 100px;
	}
 

	
	.listing-wrapper {
	    padding: 50px 15px 0;
	}
	.listing-wrapper.padding-left-slide{padding-right: 15px;padding-left: 260px;}
	.listing-wrapper.padding-left-slide h3.no_result_cls{padding-left:40px;}
	
	
}
@media only screen and (max-width: 767px){
	  .banner-part-service {
	    background-position: 34% center;
	}
	.serach-result-list h2{font-size: 38px;}
	.banner-inner-content h2{
        font-size: 50px;
    } 
    .pricingArea .pricing-box{
        width: 100%;
    }  
    .pricingArea .pricing-box .pricing-box__button{
        margin-bottom: 35px;
    } 
    .topLine{
        height: 93px;
    }
    .container{
        max-width: 490px;
    }
    .banner-search-box .form-inner-wcn-filter-search{width: 100%;}
    .banner-inner-content h2{font-size: 34px;}
    .filter-section.self-learning-filter .search-result-text{
    	max-width: calc(100% - 90px);
    }
}


@media only screen and (max-width:700px){
	
	.listing-wrapper.padding-left-slide, .listing-wrapper {
		padding-left: 50px;
		padding-right: 50px;
	}

}
@media only screen and (max-width:640px){
		
	.padding-left-slide .card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.card-item-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.search-result {
		font-size: 18px;
	}
	.filter-search-part {
		position: relative
	}
	.form-section-search-banner:before {
		width: 61px;
		right: auto;
		left: -18px;
	}
	.search-result-text:after {
		display: none
	}
	 
	.form-inner-wcn-filter-search-banner {
		width: 100%;
	}
	.banner-part-service .container {
		padding-left: 40px;    padding-right: 15px;
	}
 
	.filter-search-part .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 250px;
		flex: 0 0 250px;
		max-width: 250px;
	}
	.form-section-search-banner {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 185px);
		flex: 0 0 calc(100% - 185px);
		max-width: calc(100% - 185px);
	}
	.listing-wrapper.padding-left-slide, .listing-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	

	.icon-showfilter {   left: 29px;}
	.filter-search-part {left: 40px;	}
	.sidebar-menu .card {margin-left: 13px;	}
	.filter-head:before {left: 40px;}
}
@media only screen and (max-width: 640px){ .clearfilter-button{margin-left: 63px;}.sidebar-menu:after{left: 57px;}}
 
@media only screen and (max-width:600px){
	.listing-wrapper.padding-left-slide{padding-left: 0}
}

@media only screen and (max-width:575px){
 		
	.popup-modal-form{padding: 50px 50px;}
	.form-section-search-banner {
		-ms-flex: 0 0 calc(100% - 168px);
		flex: 0 0 calc(100% - 168px);
		max-width: calc(100% - 168px);
	}
	.container{
        max-width: none;
        padding: 0 60px;
    }
    .banner-inner-content h2{
        font-size: 28px;
        font-weight: 300;
    }
    .banner-inner-content .container{
        padding-left: 40px;
        padding-right: 40px;
    }   
    .banner-search-box .form-inner-wcn-filter-search input[type="text"]{font-size: 22px;} 

}
@media only screen and (max-width:510px){
 	
	.filter-section .container {
		padding: 0 15px;
	}
	.filter-section .row {
		padding-top: 0
	}
	.form-section-search-banner:after {
		display: none
	}
	.form-section-search-banner {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 135px);
		flex: 0 0 calc(100% - 135px);
		max-width: calc(100% - 136px);
		left: 65px;
	}
	 
	.form-section-search-banner {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		left: 0
	}
	.searchicon-wcn-banner {
		width: 50px !important;
		height: 52px !important;
		background-position: 14px 17px !important;
	}
	.form-inner-wcn-filter-search-banner input[type="text"] {
		font-size: 20px !important;
		font-weight: 600;
	}
	.listing-wrapper.padding-left-slide, .listing-wrapper {
		padding: 0 50px
	}
	.card-item-box {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	

}

 
@media only screen and (max-width:480px){
    .banner-inner-content h2{
        font-size: 30px;
        font-weight: 300;
        top: -43px;
		margin-bottom: -20px;
    }
    .banner-inner-content, .utility-inner-content, .why-ppc-content, .sign-up-inner-content, .speakers-title-area{
        padding-left: 40px;
    }
    .banner-inner-content{padding-bottom: 40px;margin-top: 90px;}
    h2.title .blank-dash{
        display: none;
    }
    h2.title{
        font-size: 30px;
        padding: 0;
    } 
    .topLine{
        display: none;
    }  
    .top-circles{
    	    background-size: 50px 58px;
    	   top: -58px;
			left: -26px;
			width: 50px;
			height: 58px;
    }   
    .banner-search-box .blank-dash{left: -26px;width: 24px;}
    .container{padding: 0 45px;}
    .banner-search-box .form-inner-wcn-filter-search input[type="text"]{font-weight:400;font-size: 15px;}
}

@media only screen and (max-width:434px){
	.popup-modal-form{padding: 30px 20px;}
}
@media only screen and (max-width: 414px){
	.hide-banner {
		display: none
	}
	.filter-section .container {
		padding: 0
	}
	.form-section-search-banner {
		left: 0px;
	}
	.filter-search-part {
		top: -95px;
	}
	.search-result{padding-top: 0 !important;}
	.filter-checking-part.show-filteroption {
		width: calc(100% - 13px);
	}
	.filter-section.self-learning-filter .search-result-text{max-width: 87%;}
	.filter-show-box {
		border: 0
	}
	  .card-item-box {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 auto 20px;
	}
	.banner-inner-content h2 {
		font-size: 48px
	}
	.banner-inner-content h3 {
		font-size: 20px
	}
	.banner-part-service .container {
		padding-right: 15px
	}
	.form-section-search-banner {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 80px);
		flex: 0 0 calc(100% - 80px);
		max-width: calc(100% - 80px);
		left: 65px;
	}
	.filter-head {
		font-size: 0;cursor: pointer;
	}
	.filter-icon {
		left: 80px
	}
	.filter-checking-part {
		width: 123px;
	}
	.show-filteroption .mobile-filter {
		display: block;
		padding: 15px 20px 0px 24px;
		background: #3F4B52;
		margin-left: -15px
	}
	.show-filteroption .filter-head {
		font-size: 18px;
	}
	.show-filteroption .cls-f {
		display: inline-block;
		margin-right: 5px;
	}
	.show-filteroption .filter-icon {
		left: 210px;
	}
	.show-filteroption .filter-head:before {
		height: 65px;
		top: 0px;
	}
	.show-filteroption .mobile-filter .form-section-search-banner {
		left: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.show-filteroption .icon-showfilter {
		width: 40px;
		height: 40px;
		right: auto;
		margin-top: -20px;
		left: 21px;
	}
	.show-filteroption .arrow-filer {
		background: #3F4B52 url(../images/close-filter-icon-b.png) no-repeat 11px 12px;
	}
	.show-filteroption .left-bullet {
		left: 47px;
		top: 14px;
	}
	.show-filteroption .icon-showfilter:after {
		top: 18px;
		left: 39px;
	}
	.banner-inner-content.self-learning-banner h2 {    font-size: 30px;}	
	.self-learning-banner.banner-inner-content{		padding-bottom: 180px;    	padding-left: 40px;	}
	.self-learning-banner .banner-search-box .blank-dash {    left: -27px;	    width: 24px;	}
	.self-learning-filter .filter-checking-part{		width: 100%}
	.self-learning-filter .filter-icon {    right: 30px;    left: auto;}
	.self-learning-filter .filter-head{font-size: 18px;}
	.hide-banner{display: block}
	.serach-result-list h2{font-size: 32px;}
	.listing-wrapper.padding-left-slide, .listing-wrapper {    padding: 20px 15px 0;}
	.filter-search-part{    width: calc(100% - 65px);}
	.filter-search-part:before {    width: 34px;}
	.filter-section.self-learning-filter .search-result-text {    margin-left: 42px;}
}

@media only screen and (max-width:400px){
	.btn-submit .btn-lg{width: 100%}
	.messages-part{margin-bottom: 30px;}
	.messages-part textarea{height: 120px;}
	.popup-modal-form h3{font-size: 24px;}
	.search-company .form-control,.addtional-search .form-control{font-size: 20px;}
	.btn-submit .btn-lg{font-size: 28px;}
	.auto-search-box ul{max-height: 200px;}
}

@media only screen and (max-width:360px){
	.banner-inner-content h2{font-size: 25px;}
	
	.filter-checking-part .mobile-filter{display: block;padding: 30px 22px;background:#f1f1f1;}
	.show-filteroption .mobile-filter{margin-left: 0; background: #3F4B52; padding: 20px 22px 0}
	/*.filter-search-part{display: none}
	.filter-checking-part{position: static; width: 100%}
	.filter-head:before{display: none}
	.icon-showfilter{display: none}
	
	.show-filteroption .icon-showfilter{display: block;left: calc(100% - 60px);}	
	.filter-head {   font-size:16px;}
	
	.filter-icon,.show-filteroption .filter-icon  {    left: 30px;}*/
	.sidebar-menu .card{border: 0}
	.filter-checking-part.show-filteroption{width: 100%}	
	.form-section-search-banner{left: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.sidebar-menu .card {   border: none;	}
	/*.sidebar-menu .card-header {   border-bottom: 1px solid #ccc;	}
	.card .active.collapse {   border-bottom: 1px solid #ccc;}
	.card:before,.clearfilter-button:before{display: none}*/
	/*.sidebar-menu .card-header .btn i {left: 27px !important;}
	.sidebar-menu .card-header .btn{padding: 23px 15px 20px 66px !important}*/
	.sort-by-item-side, .category-by-item-side, .keyword-by-item-side {    margin: 0 0 0 0px;   padding: 10px 0; list-style: none}
	.show-filteroption .icon-showfilter:after,.show-filteroption .left-bullet,.btn-reset-filter:after,.btn-reset-filter:before{display: none}
	.filter-head{    height: 65px;    padding: 15px 46px 12px 74px;}
	.filter-head:after{height: 65px;}
	
	.show-filteroption .filter-head{height: 64px;padding: 15px 46px 15px 65px;}
	.show-filteroption .filter-head:after{height: 64px;}
}

@media only screen and (max-width: 359px){
	.listing-wrapper.padding-left-slide, .listing-wrapper{padding: 20px 15px 0;}
	.search-result {    font-size: 14px;    line-height: 27px;max-width: 200px;}
}
/*End of self learning*/


/*Premium  content box*/
.boxCard.premium-content-box .premium-inner-content p{font-size: 12px;margin: 0;  color: #fff; line-height: 1.2; }
.boxCard.premium-content-box span{font-size: 20px;}
.boxCard.premium-content-box{border-color:#FFB515;box-shadow: 0px 0px 0px 4px #FFB515 inset; }
.premium-content {
    position: absolute;
    left: 0px;
    top: 0;
    overflow: hidden;
    z-index: 5;
    height: 110px;
    width: 110px;
    color: #fff;
}
.premium-content-inner-box {
    background: #FFB515;
    color: #fff;
    position: relative;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
    left: -45px;
    padding: 25px 22px 6px;
    top: -12px;
    width: 148px;
}

.boxCard.premium-content-box .popup-modal{
	 bottom: 4px;
       right: 4px;
}