/* !important is needed sometimes */

/*.wb-top-nav__dropdown__content::-webkit-scrollbar {
    width: 12px !important;
    overflow-x: none;
 }*/

 /* Track */

/*.wb-top-nav__dropdown__content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }*/

 /* Handle */

/*.wb-top-nav__dropdown__content::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #000 !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; }

 .wb-top-nav__dropdown__item::-webkit-scrollbar-thumb:window-inactive {
   background: #41617D !important; 
 }*/








.wb-header--fill .wb-header__wrapper.bg-header a.wb-top-nav__main-link__cta {
    color: #fff !important;
}

.wb-top-nav__dropdown__desc-container,
.wb-top-nav__dropdown__item{
	flex-shrink: inherit;
}

.wb-top-nav__dropdown__item{
	width: 33.33%;
}

.wb-top-nav__dropdown__sub-desc{
	min-height: 170px;
}

/*body.page-template-contact .wb-transparent-header .wb-header__wrapper.bg-header{
	    background: rgba(0,0,0,0.4) !important;
}*/

.features .row p {
	font-size: 1em;
    line-height: 2.2em;
    color: #424D54;
    font-family: "Arial";
}

/*********************************** 1140px media query starts here ************************************/
@media only screen and (max-width:1140px){
	.wb-top-nav__dropdown__sub-desc{
		min-height:216px;
	}
}
/*********************************** 1140px media query starts here ************************************/


/*********************************** 991px media query starts here ************************************/
@media (max-width: 991px){
.bg-header .wb-top-nav__with-dropdown .wb-top-nav__main-link__with-dropdown--open .wb-top-nav__main-link {
    color: #000 !important;} 

.wb-top-nav__dropdown__sub-desc {
    min-height: 290px;}
    
.feature-dev_sec .row h3{
    	font-size: 2.1em;
    	text-align: center;}
}
/*********************************** 991px media query starts here ************************************/


/*********************************** 850px media query starts here ************************************/
@media (max-width: 850px){

	.wb-top-nav__list__container,
	.wb-top-nav__list__wrapper{
		/*height: inherit;*/
	}

	.wb-top-nav__dropdown{
		position: relative;
		top: 0px;
		display: block;
    	opacity: 1;
    	/*box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    	padding: 10px 0;*/
	}



	.wb-top-nav__dropdown__content{
		/*height: 200px;
		overflow-y: scroll;*/
		padding-left: .5rem;
		padding-right: .5rem;
	}

	.wb-top-nav__dropdown__item{
		margin-bottom: 10px;
		width: 100%;
	}

	.wb-top-nav__dropdown__sub-desc.desktop_off.mobile_shown{
		display: block;
	}

	.wb-top-nav__dropdown__sub-desc{
		min-height: initial;
	}

	.wb-top-nav__dropdown__sub-title{
	}

	.wb-top-nav__list{
		padding: 48px 20px 0;
	}

	.wb-top-nav__dropdown__sub-title{
		color: #000;
		font-weight: bold;
	}

	.wb-top-nav__dropdown__sub-title:hover{
		color: #000;
	}

	button.sub_btn{
		width: 40%;
		margin: 0 auto;
	}

	.wb-header.wb-header--top.open .white_logo{
		display: none;
	}

	.wb-header.wb-header--top.open .black_logo{
		display: block
	}

}

/*********************************** 850px media query ends here ************************************/

/*********************************** 767px media query start here ************************************/
@media (max-width: 767px){
	button.sub_btn{
		width: 100%;
		line-height: 1.5em;}

	.feature-advertise_sec .row .sem {
	    padding-left: 0px;}	

	.mobile-order-first{
		order: 1;
	}

	.mobile-order-second{
		order: 2
	}


	/*********** css for dropdown menu ***********************/

	header.wb-header nav.wb-top-nav .wb-top-nav__list li a{
		padding: 0px !important;
    	margin-bottom: 10px;
	}

	.wb-top-nav__dropdown__sub-desc{
		margin-bottom: 5px;
	}

	.advertising-mobile-top{
		order: 1;
	}
	.advertising-mobile-bottom{
		order: 2;
	}

	.feature-advertise_sec .row:nth-child(1) img.img-fluid,
	.feature-advertise_sec .row:nth-child(2) img.img-fluid,
	.feature-advertise_sec .row:nth-child(3) img.img-fluid,
	.feature-advertise_sec .row:nth-child(4) img.img-fluid,
	.feature-advertise_sec .row:nth-child(5) img.img-fluid,
	.feature-advertise_sec .row:nth-child(6) img.img-fluid{
		transform: translateX(0%);
    	-webkit-transform: translateX(0%);
		display: block;
		margin: 50px auto 15px;
		max-width: 100%;
	}
	.list-no3 li{
		margin-right: 0;
	}	

/*.features .row h3 {  margin-bottom: 16px; font-size: 33.6px; }
.features .row p {     font-size: 16px; }*/
.feature-dev_sec .row h3 { margin-bottom: 35px; /*font-family: "Arial";*/ font-size: 1.8em; margin-top: 0; }
.row.no-gutters.align-items-center .img-fluid {     margin-bottom: 40px !important; }
}
/*********************************** 767px media query ends here ************************************/


/*********************************** 767px - 320 px media query starts here ************************************/
@media screen and (max-device-width: 767px) and (min-device-width: 320px){
	.feature-dev_sec .row p,
	.feature-advertise_sec .row p {
	font-size: 14px;
    line-height: 2.2em;
    color: #424D54;
    font-family: "Arial";
    text-align: center;
	}



	h3.topmost_heading{
		font-size: 2.0em !important;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Segoe UI", Segoe, "Segoe WP", Arial, "Lucida Grande", sans-serif !important;
	}
}
/*********************************** 767px - 320 px media query starts here ************************************/