/**nav**/

.responsive_nav {

    display: none;
    height: 35px;
    width: 35px;
    background: #8c9194;
    border: none;
    color: #fff;
    font-size: 17px;
    line-height: 38px;
    padding: 0;
    float: right;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);

}

.responsive_nav:hover, .responsive_nav:focus{

background: #0265a1;

color: #fff;

}

/**nav**/

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

	

	.site_header{

		position: relative;

	}

	.site_header .container{

		position: static;

	}

	.main_navigation{

		display: none;

		position: absolute;

		background: #000;

		top: 100%;

		width: 100%;

		left:0;

		z-index: 9999;

		-o-box-shadow: 0 2px 2px #999;

		-moz-box-shadow: 0 2px 2px #999;

		-webkit-box-shadow: 0 2px 2px #999;

		-ms-box-shadow: 0 2px 2px #999;

		box-shadow: 0 2px 2px #999;

	}

	.responsive_nav {

	    display: block;

	}

	.main_navigation ul li{

		float: none;

		width: 100%;

	}

	.main_navigation ul li a{

		padding: 8px 15px;

		border-top: 1px solid #ddd;

		width: 100%;

		text-align: left;

		font-size: 14px;

	}

	.main_navigation ul li a:before{

		display: none;

	}

	.main_navigation ul ul{

		display: none;

	}

	.main_navigation .mean-expand{

		position: absolute;

		top: 0;

		right: 0;

		z-index: 5;

		width: 40px;

		height: 42px;

		cursor: pointer;

		background: rgba(74,191,179,0.15);

		line-height: 40px;

	}

	.main_navigation .mean-expand:before{

		position: absolute;

		height: 10px;

		width: 2px;

		content: "";

		background: #4abfb3;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

	}

	.main_navigation .mean-expand:after{

		position: absolute;

		width: 10px;

		height: 2px;

		content: "";

		background: #4abfb3;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

	}

	.main_navigation .mean-expand.mean-clicked:before{

		display: none;

	}

	/*---nab-end--*/



}









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

	.main_navigation ul ul{

		position: absolute;

		left: 0;

		top: 100%;

		min-width: 200px;

		z-index: 99;

		background: #000;

		opacity: 0;

		visibility: hidden;

		-moz-transform: translateX(-100px);

		-webkit-transform: translateX(-100px);

		-o-transform: translateX(-100px);

		-ms-transform: translateX(-100px);

		transform: translateX(-100px);

	}

	.main_navigation ul li:hover ul{

		opacity: 1;

		visibility: visible;

		-moz-transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-o-transform: translateX(0px);

		-ms-transform: translateX(0px);

		transform: translateX(0px);

		transition: all 400ms ease-in-out;

		-o-transition: all 400ms ease-in-out;

		-ms-transition: all 400ms ease-in-out;

		-moz-transition: all 400ms ease-in-out;

		-webkit-transition: all 400ms ease-in-out;

	}

	.main_navigation ul ul li{

		width: 100%;

		float: left;

		text-align: left;

		padding-right:0;

	}

	.main_navigation ul ul li a:before{

		display: none;

	}

	.main_navigation ul ul li a{

		border:none;

		/*border-bottom: 1px solid #ddd;*/

		color: #fff;

		padding: 8px 15px;

		text-align: left;

	}



	.main-main_nav .menu-item-has-children > a:after{

		top: 17px; 

	}



}