@media(min-width: 1040px){
nav { display:none;}

}


@media(min-width: 721px) and (max-width: 1040px){
nav{ z-index:99999999999999}
.bt-menu {position: fixed;top: 0;left: 0;width: 100%;height: 0;	border-width: 0px;border-style: solid;border-color:#000;background-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; color:#fff}
.bt-menu.bt-menu-open {height: 100%;border-width: 0px 0px 50px 250px;background-color: rgba(0,0,0,0.4);	-webkit-transition: border-width 0.3s, background-color 0.3s;transition: border-width 0.3s, background-color 0.3s;}
.bt-overlay {position: absolute;width: 100%;}
.bt-menu-open .bt-overlay {height: 100%;}

.bt-menu-trigger {position: fixed;width: 35px;height: 25px;top: 30px;left: 40px;z-index:99999999999 !important;display: block;cursor: pointer;}
.bt-menu-trigger,.bt-menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.bt-menu-trigger span {position: absolute;left: 0;width: 100%;height: 3px;background-color: #6E6E6E;border-radius: 2px;}
.bt-menu-trigger span:nth-of-type(1) {top: 0;}
.bt-menu-trigger span:nth-of-type(2) {top: 11px;}
.bt-menu-trigger span:nth-of-type(3) {bottom: 0;}
.bt-menu-open span:nth-of-type(1) {-webkit-transform: translateY(11px) rotate(-315deg);-moz-transform: translateY(11px) rotate(-315deg);transform: translateY(11px) rotate(-315deg);}
.bt-menu-open span:nth-of-type(2) {opacity: 0;}
.bt-menu-open span:nth-of-type(3) {-webkit-transform: translateY(-11px) rotate(315deg);-moz-transform: translateY(-11px) rotate(315deg);transform: translateY(-11px) rotate(315deg);}
.bt-menu ul {position: fixed;margin: 0;padding: 0;list-style: none;}
.bt-menu ul:first-of-type {top: 95px;left: 0;}
.bt-menu ul:nth-of-type(2) {right: 30px;bottom: 0; color:fff}
.bt-menu ul li,.bt-menu ul li a {display: block; background-color:#000; color:#fff;}
.bt-menu ul:nth-of-type(2) li {	float: left;font-size: 0px;}
.bt-menu ul li {visibility: hidden;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;-moz-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;}
.bt-menu.bt-menu-open ul:first-of-type li,.bt-menu.bt-menu-open ul:nth-of-type(2) li {visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;-moz-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;transition: transform 0.3s, opacity 0.3s;}
/* First menu */
.bt-menu ul:first-of-type li {width: 250px;	height: 50px;line-height: 50px;-webkit-transform: translate3d(-100%,50%,0);-moz-transform: translate3d(-100%,50%,0);transform: translate3d(-100%,50%,0);}
.bt-menu.bt-menu-open ul:first-of-type li {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
/* Second menu */
.bt-menu ul:nth-of-type(2) li {width: 60px;height: 40px;line-height: 40px;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.15s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;transition-delay: 0.3s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { -webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;transition-delay: 0.45s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.bt-menu ul li a {display: block;outline: none;text-decoration: none;}
.bt-menu ul:first-of-type li a {padding: 0 20px;box-shadow: inset 0 -1px rgba(255,255,255,0.20);color: #fff;text-transform: uppercase;letter-spacing: 1px;font-size: 1em;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;transition: color 0.2s;}
.bt-menu ul:nth-of-type(2) li a {color:#fff;text-align: center;font-size: 13px;}
.bt-menu ul:nth-of-type(2) i { color: #A8A8A8;}
.bt-menu ul:nth-of-type(2) .fa-twitter:hover { color: #00a1e9; }
.bt-menu ul:nth-of-type(2) .fa-facebook:hover { color: #3b5998; }
.bt-menu ul:nth-of-type(2) .fa-google-plus:hover{ color: #c53727; }
.bt-menu ul li a:before {color: #fff;font-size: 24px;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;transition: color 0.2s;}
.bt-menu ul:first-of-type li a:hover,.bt-menu ul:first-of-type li a:focus,.bt-menu ul li a:hover:before,.bt-menu ul li a:focus:before {	color: #1abc9c;}
}
/** RESPONSIVE BREAKPOINTS==========**/
@media(max-width: 720px){
nav{ z-index:99999}
.bt-menu {position: fixed;top: 0;left: 0;width: 100%;height: 0;	border-width: 0px;border-style: solid;border-color:#000;background-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;}
.bt-menu.bt-menu-open {height: 100%;border-width: 0px 0px 50px 240px;background-color: rgba(0,0,0,0.4);	-webkit-transition: border-width 0.3s, background-color 0.3s;transition: border-width 0.3s, background-color 0.3s;}
.bt-overlay {position: absolute;width: 100%;}
.bt-menu-open .bt-overlay {height: 100%;}

.bt-menu-trigger {position: fixed;width: 30px;height: 25px;top: 30px;left: 30px;z-index:999;display: block;cursor: pointer;}
.bt-menu-trigger,.bt-menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.bt-menu-trigger span {position: absolute;left: 0;width: 100%;height: 3px;background-color: #6E6E6E;border-radius: 2px;}
.bt-menu-trigger span:nth-of-type(1) {top: 0;}
.bt-menu-trigger span:nth-of-type(2) {top: 11px;}
.bt-menu-trigger span:nth-of-type(3) {bottom: 0;}
.bt-menu-open span:nth-of-type(1) {-webkit-transform: translateY(11px) rotate(-315deg);transform: translateY(11px) rotate(-315deg);}
.bt-menu-open span:nth-of-type(2) {opacity: 0;}
.bt-menu-open span:nth-of-type(3) {-webkit-transform: translateY(-11px) rotate(315deg);transform: translateY(-11px) rotate(315deg);}
.bt-menu ul {position: fixed;margin: 0;padding: 0;list-style: none;}
.bt-menu ul:first-of-type {top: 70px;left: 0;}
.bt-menu ul:nth-of-type(2) {right: 15px;bottom: 0; color:fff}
.bt-menu ul li,.bt-menu ul li a {display: block; color:#fff;}
.bt-menu ul:nth-of-type(2) li {	float: left;font-size: 0px;}
.bt-menu ul li {visibility: hidden;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;}
.bt-menu.bt-menu-open ul:first-of-type li,.bt-menu.bt-menu-open ul:nth-of-type(2) li {visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;transition: transform 0.3s, opacity 0.3s;}
/* First menu */
.bt-menu ul:first-of-type li {width: 240px;	height: 40px;line-height: 40px;-webkit-transform: translate3d(-100%,50%,0);	transform: translate3d(-100%,50%,0);}
.bt-menu.bt-menu-open ul:first-of-type li {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
/* Second menu */
.bt-menu ul:nth-of-type(2) li {width: 60px;height: 40px;line-height: 40px;-webkit-transform: scale(0);transform: scale(0);}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { -webkit-transition-delay: 0.2s;transition-delay: 0.15s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { -webkit-transition-delay: 0.4s;transition-delay: 0.3s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { -webkit-transition-delay: 0.6s;transition-delay: 0.45s;}
.bt-menu.bt-menu-open ul:nth-of-type(2) li {-webkit-transform: scale(1);transform: scale(1);}
.bt-menu ul li a {display: block;outline: none;text-decoration: none;}
.bt-menu ul:first-of-type li a {padding: 0 20px;box-shadow: inset 0 -1px rgba(255,255,255,0.20);color: #fff;text-transform: uppercase;letter-spacing: 1px;font-size: 1em;-webkit-transition: color 0.2s;transition: color 0.2s;}
.bt-menu ul:nth-of-type(2) li a {color: #fff;text-align: center;font-size: 12px;}
.bt-menu ul:nth-of-type(2) i { color: #A8A8A8; }
.bt-menu ul:nth-of-type(2) .fa-twitter:hover { color: #00a1e9; }
.bt-menu ul:nth-of-type(2) .fa-facebook:hover { color: #3b5998; }
.bt-menu ul:nth-of-type(2) .fa-google-plus:hover{ color: #c53727; }
.bt-menu ul li a:before {color: #fff;font-size: 24px;-webkit-transition: color 0.2s;transition: color 0.2s;}
.bt-menu ul:first-of-type li a:hover,.bt-menu ul:first-of-type li a:focus,.bt-menu ul li a:hover:before,.bt-menu ul li a:focus:before {	color: #1abc9c;}
}