/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.my_menu ul {
		display: none;
		position: absolute;
		width:55%;
		top:30px;
		left:-80px;
	}
	.search {
		width: 35%;
		margin: -50px auto 20px;
		position: relative;
	}
	#main_nav li:hover ul {
		display: none;
	}
	/* #main_nav li:active ul {
		display: none;
	}
	#main_nav li:focus ul {
		display: none;
	} */
	#main_nav li {
	    display: inline-block;
	    padding: 2px 4px;
	    width: 100%;
	    opacity: 1;
	    margin: 5px;
	}
	.content .info .znz {
    margin-left: 0;
	}

	.my_menu{
	position: relative;
	}
	#main_nav {
    position: absolute;
    margin: 8px auto;
    padding: 0;
    top: -3px;
    left: 29px;
    background: #000;
    padding: 10px 0;
	}
	#main_nav ul {
    display: none;
    position: absolute;
    top: 19px;
    left: 240px;
    z-index: 1;
    padding: 0;
    background: #000;
    width: 155px;
	}
	.arrow-second:after {
	content: "";
	left:230px;
	}
	.arrow-first:after {
	content: "";
	left:243px;
	}
	
	#main_nav li.menu-item-has-children:hover ul.sub-menu {
	display: block;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.content{
		background: linear-gradient(to right,#fff 70%,#fff 30%);
	}
	#main_nav li a, #main_nav li ul li a {
    color: #e1e1e1;
    font-family: "Fira Sans";
    font-size: 18px;
	font-weight: 400;
    padding: 5px 0;
    border-radius: 3px;
	}
	.arrow-second:after {
	content: "";
	left:220px;
	}
	#main_nav ul {
    display: none;
    position: absolute;
    top: 19px;
    left: 236px;
    z-index: 1;
    padding: 0;
    background: #000;
    width: 155px;
	}
	.arrow-first:after {
	content: "";
	left:242px;
	}
	#main_nav li:hover ul {
		display: none;
	}
	/* #main_nav li:active ul {
		display: block;
	}
	#main_nav li:focus ul {
		display: block;
	} */
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
	.content .info .znz{
		margin-left: 0;
	}
	.arrow-second:after {
	content: "";
	left:130px;
	}
	.arrow-first:after {
	content: "";
	left:150px;
	}
	#main_nav li:hover ul {
		display: none;
	}
	#main_nav ul {
    display: none;
    position: absolute;
    top: 19px;
    left: 170px;
    z-index: 1;
    padding: 0;
    background: #000;
    width: 155px;
	}
	/* #main_nav li:active ul {
		display: block;
	}
	#main_nav li:focus ul {
		display: block;
	} */
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	#main_nav li:hover ul {
		display: none;
	}
	#main_nav ul {
    display: none;
    position: absolute;
    top: 23px;
    left: 114px;
    z-index: 1;
    padding: 0;
    background: #000;
    width: 155px;
	}
	/* #main_nav li:active ul {
		display: block;
	}
	#main_nav li:focus ul {
		display: block;
	} */
}

@media only screen and (max-width : 380px) {
	#main_nav li:hover ul {
		display: none;
	}
	#main_nav ul {
    display: none;
    position: absolute;
    top: 23px;
    left: 145px;
    z-index: 1;
    padding: 0;
    background: #000;
    width: 155px;
	}
	.arrow-second:after {
	content: "";
	left:115px;
	}
	.arrow-first:after {
	content: "";
	left:135px;
	}
	/* #main_nav li:active ul {
		display: block;
	}
	#main_nav li:focus ul {
		display: block;
	} */
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#main_nav {
		display: block!important;
	}
	.content .info {
		float: right;
	}

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.content .info {
		/*float: none!important;*/
		float: left;
	}
	header{
		/*background-size: 100%;*/
	}
}