#mobile-menu { width: 270px; height: 100%; position: fixed; top: 0; right: 0; z-index: 99999; background: #0D1969; border-radius: 0 !important; }

#mobile-menu #a-mobile { width: 55px; height: 45px; display: block; position: absolute; top: 55px; left: -55px; color: #000; font-size: 2em; padding: 1px 0 0 8px; text-align: left; border-radius: 0; transition: all 0.3s ease-in; }
#mobile-menu #a-mobile-close { width: 55px; height: 45px; display: block; position: absolute; top: 55px; left: -55px; background: #fff; color: #000; font-size: 2em; padding: 1px 0 0 8px; text-align: left; border-radius: 0; transition: all 0.3s ease-in; }
#mobile-menu #a-mobile .material-icons,
#mobile-menu #a-mobile-close .material-icons { line-height: 1.5em; font-size: 1em; }
#mobile-menu #a-mobile { z-index: 2; }
#mobile-menu #a-mobile-close { z-index: 1; }
#mobile-menu #a-mobile:hover { color: #1B1464; text-decoration: none; transition: all 0.15s ease-out; }
#mobile-menu #a-mobile-close:hover { color: #1B1464; text-decoration: none; transition: all 0.15s ease-out; }

#mobile-menu nav#social-mobile { width: 100%; height: 50px; display: block; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; border-bottom: solid 1px rgba(255,255,255,0.35); }
#mobile-menu nav#social-mobile a { width: 33.33%; height: 50px; display: block; margin: 0; font-size: 1em; line-height: 1em; font-weight: 400 !important; text-align: center; float: left; padding: 18px 15px 18px 25px; letter-spacing: 0.015em; background: #000; transition: all 0.3s ease-in; }
#mobile-menu nav#social-mobile a:nth-child(2) { background: #222; transition: all 0.3s ease-in; }
#mobile-menu nav#social-mobile a:nth-child(3) { background: #333; transition: all 0.3s ease-in; }
#mobile-menu nav#social-mobile a:hover { background: #0D1969; transition: all 0.15s ease-out; }
#mobile-menu nav#social-mobile a i { color: #fff; }

#mobile-menu #links-mobile-esp,
#mobile-menu #links-mobile-eng { width: 100%; height: 570px; display: block; margin: 0; position: absolute; top: 50px; left: 0; z-index: 1; }
#mobile-menu #links-mobile-esp a,
#mobile-menu #links-mobile-eng a { width: 100%; height: auto; display: block; margin: 0 auto; font-family: 'Josefin Sans', sans-serif; font-size: 1.05em; line-height: 1.35em; font-weight: 300 !important; text-align: left; float: none; padding: 4% 15px 4% 25px; letter-spacing: 0.055em; color: #fff; border-bottom: solid 1px rgba(255,255,255,0.05); text-decoration: none; transition: all 0.3s ease-in; }
#mobile-menu #links-mobile-esp a:hover,
#mobile-menu #links-mobile-eng a:hover { background: #111; transition: all 0.15s ease-out; }
#mobile-menu #links-mobile-esp a.sec,
#mobile-menu #links-mobile-eng a.sec { padding: 4% 15px 4% 50px; }

#mobile-menu #links-mobile-eng { display: none; }

.page-id-215 #mobile-menu #links-mobile-esp,
.page-id-242 #mobile-menu #links-mobile-esp,
.page-id-224 #mobile-menu #links-mobile-esp,
.page-id-228 #mobile-menu #links-mobile-esp,
.page-id-230 #mobile-menu #links-mobile-esp,
.page-id-232 #mobile-menu #links-mobile-esp,
.page-id-234 #mobile-menu #links-mobile-esp,
.page-id-236 #mobile-menu #links-mobile-esp,
.page-id-238 #mobile-menu #links-mobile-esp,
.page-id-240 #mobile-menu #links-mobile-esp,
.page-id-222 #mobile-menu #links-mobile-esp,
.page-id-218 #mobile-menu #links-mobile-esp,
.page-id-226 #mobile-menu #links-mobile-esp,
.page-id-220 #mobile-menu #links-mobile-esp { display: none; }

.page-id-215 #mobile-menu #links-mobile-eng,
.page-id-242 #mobile-menu #links-mobile-eng,
.page-id-224 #mobile-menu #links-mobile-eng,
.page-id-228 #mobile-menu #links-mobile-eng,
.page-id-230 #mobile-menu #links-mobile-eng,
.page-id-232 #mobile-menu #links-mobile-eng,
.page-id-234 #mobile-menu #links-mobile-eng,
.page-id-236 #mobile-menu #links-mobile-eng,
.page-id-238 #mobile-menu #links-mobile-eng,
.page-id-240 #mobile-menu #links-mobile-eng,
.page-id-222 #mobile-menu #links-mobile-eng,
.page-id-218 #mobile-menu #links-mobile-eng,
.page-id-226 #mobile-menu #links-mobile-eng,
.page-id-220 #mobile-menu #links-mobile-eng { display: block; }

@media only screen and (min-width:1200px){
    aside { display: none; }
    aside.mythemes-header-items { display: block; }
}
@media only screen and (max-width:1199px){
    aside { display: block; }
    #mainnav { display: none !important; }
}
@media only screen and (max-width:1099px){
    #mobile-menu #a-mobile,
    #mobile-menu #a-mobile-close { top: 70px; }
}
@media only screen and (max-width:999px){
    #mobile-menu #a-mobile,
    #mobile-menu #a-mobile-close { top: 85px; }
}
@media only screen and (max-width:499px){
    #mobile-menu #a-mobile,
    #mobile-menu #a-mobile-close { top: 130px; }
}