@media only screen and (max-width: 768px) {
	#menu_buttons_responsive_div {
		position: absolute;
	}

	#menu_buttons_responsive_div nav {
		position: relative;
	}

	#menu_buttons_responsive_div .arrow_span {
		left: 72%;
   }

   #menu_buttons_responsive_div .menu_div {
	   padding: 6px;
   }

   #menu_buttons_responsive_div .arrow_span {
	   top: 15px;
  }

	#menu_buttons_responsive_div #show_hide_button_div {
		right: 10px;
	}
}

@media only screen and (min-width: 768px) {
	#menu_buttons_responsive_div,
	#menu_buttons_responsive_div nav {
		position: fixed;
	}

	#menu_buttons_responsive_div .arrow_span {
		left: 60%;
   }

   #menu_buttons_responsive_div .menu_div {
	   padding: 10px;
   }

   #menu_buttons_responsive_div .arrow_span {
	   top: 22px;
  }

	#menu_buttons_responsive_div #show_hide_button_div {
		left: 25px;
	}
}

@media only screen and (min-width: 1024px) {
	#menu_buttons_responsive_div,
	#menu_buttons_responsive_div nav {
		  position: fixed;
	}

	#menu_buttons_responsive_div .arrow_span {
		left: 56%;
   }

   #menu_buttons_responsive_div .menu_div {
	   padding: 10px;
   }

   #menu_buttons_responsive_div .arrow_span {
	   top: 22px;
  }

	#menu_buttons_responsive_div #show_hide_button_div {
		left: 25px;
	}
}

@media only screen and (min-width: 1250px) {
	#menu_buttons_responsive_div,
	#menu_buttons_responsive_div nav {
		position: fixed;
	}

	#menu_buttons_responsive_div #show_hide_button_div {
		left: 25px;
	}

}

@media only screen and (min-width: 1400px) {
	#menu_buttons_responsive_div,
	#menu_buttons_responsive_div nav {
		position: fixed;
	}


	#menu_buttons_responsive_div #show_hide_button_div {
		left: 0px;
	}
}

/* # */

	#menu_buttons_responsive_div #show_hide_button_div {
		background-color: #fff;
		background: url(/modules/menu_buttons/images/show_hide.svg) center no-repeat;
		background-size: 544px 34px;
		background-position: 0 0;
		height: 38px;
		position: absolute;
		top: 25px;
		width: 34px;
		z-index: 15;
	}

	#menu_buttons_responsive_div {
		color: #fff;
		text-align: center;
		width: 100%;
		z-index: 30;
	}

	#menu_buttons_responsive_div:lang(georgian) {
		font-size: 19px;
	}

	#menu_buttons_responsive_div:lang(english) {
		font-size: 19px;
	}

	#menu_buttons_responsive_div:lang(russian) {
		font-size: 19px;
	}

	#menu_buttons_responsive_div:lang(georgian) .parent_div {
		font-size: 17px;
	}

	#menu_buttons_responsive_div:lang(english) .parent_div {
		font-size: 17px;
	}

	#menu_buttons_responsive_div:lang(russian) .parent_div {
		font-size: 17px;
	}

	#menu_buttons_responsive_div a {
		text-decoration: none;
		color: #fff;
	}

	#menu_buttons_responsive_div nav {
		background: rgba(0,0,0,0.8);
		display: none;
		height: 100vh;
		width: 100%;
		z-index: 10;
		padding-top: 100px;
	}

	#menu_buttons_responsive_div #active_menu_div {

	}

	#menu_buttons_responsive_div #active_menu_div a {
		color: #2eb2f3;
		width: 50%;
	    margin: auto;
		position: relative;
		display: block;
	}

	#menu_buttons_responsive_div .parent_div #active_a {
		color: #2eb2f3;
	}


	#menu_buttons_responsive_div #languages_div {
		padding: 20px 0 20px;
		color: #fff;
	}

	#menu_buttons_responsive_div:lang(georgian) #languages_div {
		font-size: 16px;
	}

	#menu_buttons_responsive_div:lang(english) #languages_div {
		font-size: 16px;
	}

	#menu_buttons_responsive_div:lang(russian) #languages_div {
		font-size: 16px;
	}





	#menu_buttons_responsive_div #languages_div table {
		margin: auto;
		width: 150px;
	}

	#menu_buttons_responsive_div #languages_div img {
		margin-bottom: 3px;
	}

	#menu_buttons_responsive_div #languages_div table td {
		padding: 7px;
	}
/* # */

/* . */
	 #menu_buttons_responsive_div .arrow_span {
		 color: #fff;
		 display: inline-block;
		 font-size: 15px;
		 margin-left: 12px;
		 transition: all 0.2s ease-in-out;
		 position: absolute;
		 transform: translateX(-50%);
		 width: 5px;
		 height: 16px;
	}

	#menu_buttons_responsive_div .menu_div {
		position: relative;
	}

	#menu_buttons_responsive_div .parent_div {
		background-color: rgba(0,0,0, 0.5);
		display: none;
	}

	#menu_buttons_responsive_div .parent_div a {
		display: block;
		padding: 10px;
	}
/* . */
