/* show submenu on hover */
.ws_desktop .dropdown:hover>.dropdown-menu {
  display: block;
}


.justify-content-center .dropdown-menu {
   left: calc(50% - 6px);
   transform: translateX(-50%);
}



/* caret style */
.caret {
  position: absolute;
}

/* dropdown style */

.dropdown-menu {
    color: #151515;
    background-color: #fff;
}
.dropdown .caret:after, .dropdown .caret:before {
	top: 100%;
    margin-top: -30px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown .caret:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 5px;
    margin-left: -7px;
}
.dropdown .caret:before {
    border-color: rgba(0, 47, 79, 0);
    border-top-color: #151515;
    border-width: 8px;
    margin-left: -10px;
	transition: border-top-color .5s
}

@media (min-width: 1200px) {
    .dropdown-menu {
        border: 1px solid #dedede;
        border-radius: 0;
        margin-top: 0;
        box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    }
    .caret {
      left:50%;
      top:100%;
      margin-top: 10px
    }
    .dropdown .caret:after, .dropdown .caret:before {
        margin-top:-30px
    }
    #masthead .navbar-nav > li.current_page_item.dropdown a .caret:before,
    #masthead .navbar-nav > li.dropdown > a:hover .caret:before,
    #masthead .navbar-nav > li.current-menu-parent.dropdown > a .caret:before {
        border-top-color: #ff0000;
    }
}
@media (max-width: 1199px) {
    .dropdown-menu {
        border: none;
        padding: 0;
    }
	#masthead .navbar-nav > li > a {
		display:block!important;
		text-align: left!important;
	}
	.nav-item.menu-item-has-children.dropdown > a {
        position: relative;
		margin-right: 60px;
	}
/*    .dropdown-toggle.nav-link {
        position: relative
    }
*/	
    .caret {
		right: -60px;
		top: 0;
		width: 40px;
		display: none!important;
		height: 40px;
    }
	.dropdown-menu {
		display: block!important
	}
}
@media (max-width: 1199px) and (min-width:992px) {
    .dropdown-menu {
        margin: 0 0 20px 30px;
    }    
    .dropdown .caret:before {
        margin-left: -2px;
        margin-top:-11px
    }
    #masthead .navbar-nav > li.current_page_item.dropdown a .caret:before,
    #masthead .navbar-nav > li.dropdown > a:hover .caret:before,
    #masthead .navbar-nav > li.current-menu-parent.dropdown > a .caret:before {
        border-top-color: #ff0000;
    }
}
@media (max-width: 991px) and (min-width:768px) {
    .dropdown-menu {
        margin: 0 0 20px;
    }    
    .dropdown .caret:before,.dropdown .caret:after {
        margin-left: -2px;
		margin-top: -8px;
    }
}
@media (max-width: 767px) {
    .dropdown-menu {
        margin: 0 0 10px;
    }
    .dropdown .caret:after, .dropdown .caret:before {
        margin-top:-22px
    }
}