/*-----------------------------------------------------------------------------------*/
/*  Base Media Query
/*-----------------------------------------------------------------------------------*/
@media (min-width: 320px) {
    .container {
        max-width: auto;
    }
}

@media (min-width: 768px){


}

@media (min-width: 992px){
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 1080px;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 1366px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {

}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 1280px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {



}

@media only screen and (max-width: 1140px) {
    .main-wrapper .container {
        padding: 0 30px 0 30px;
        box-sizing: border-box;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li {
        margin-right: 20px;
    }
    .row, .row-10 {
        margin: 0;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 1024px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

    .main-wrapper #header .container, .main-wrapper #content .container, .main-wrapper #footer .container {
        padding: 0 30px 0 30px;
        box-sizing: border-box;    
    }
    .main-wrapper #header.no-redux .container {
        position: relative;
    }
    body .container.commerce {
        max-width: 100%;
    }
    .blog .main-blog-loop {
    padding: 0;
    }
    .contact-form-style-4 input[type="submit"] {
    top: -3px;
    }
    
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 992px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 992px) {

}


/*-----------------------------------------------------------------------------------*/
/*  Max Width 768px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .main-wrapper #header .container, .main-wrapper #content .container, .main-wrapper #footer .container {
        padding: 0 30px 0 30px;
        box-sizing: border-box;
    }
    #perspective #header .container, #perspective #content .container, #perspective #footer .container {
        padding: 0 30px 0 30px;
        box-sizing: border-box;
    }
    #header.no-redux {
        padding: 40px;
    }
    .header-style-1-wrap .fr, .header-style-1-wrap .fc, .header-style-1-wrap .fl, .header-style-1-wrap .fr.header_right_toleft {
        float: none;
    }
    .header-style-1-wrap .header-clear .fr  {
        width: 100%;
    }
    #header .fr.horizontal .head-item {
        margin-right: 0;
    }
    .header-style-1-wrap .fl {
        text-align: center;
    }
    #header .fl.horizontal .head-item {
        float: left;
    }
    #header.header-style-1-wrap .logo {
        display: inline-block;
    }
    .header-style-1-wrap .main-menu {
        display: block;
        width: 100%;
    }
    .header-style-1-wrap .search-wrap {
        padding: 0;
        right: 8%;
        top: 5px;
        position: absolute;
    }
    .header-style-1 .no-redux .fr .head-item.search-wrap {
        margin: 5px 0 !important;
    }
    .header-style-1-wrap .fr, .header-style-1-wrap .fc, .header-style-1-wrap .fl {
        float: none;
        width: 100%;
    }

    .header-style-1-wrap .fc.header_center_float .main-menu ul li {
        display: block;
    }
    .header-style-1-wrap .fc.header_center_float .main-menu {
        margin-top: 60px;
    }
    header#header.inner-head-wrap.header-expanded, header#header.inner-head-wrap.header-expanded .main-menu ul li{
            background-color: #000000;
    }
    header#header.inner-head-wrap.header-expanded.alt-head, header#header.inner-head-wrap.header-expanded.alt-head .main-menu ul li {
        background-color: #000000;
    }

    /*mobile menu*/
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        z-index: 2;
        top: 0;
        right: -8px;
        display: block;
    }
    .header-style-1-wrap.no-redux .fl,
    #header.header-style-1-wrap.no-redux .logo {
        text-align: left;
    }
    #header.no-redux .main-menu-btn {  
        top: 15px;
    }
    .header-style-1-wrap.no-redux .search-wrap {
        top: 15px;
        margin-top: 3px;
    }

      /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ #main-menu {
        display: block;
    }

    /* Header Style 1 */
    .header-style-1-wrap .menu-wrapper {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    #header.header-style-1-wrap .mobile-menu {
        display: block;
        text-align: right;
    }
    #header.header-style-1-wrap .mobile-akun {
        display: block;
        position: relative;
        float: left;
        top: 20px;
        cursor: pointer;
    }
    .account-btn {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
        padding: 30px 20px;
    }
    .account-btn.active {
        display: block;
    }
    #header.header-style-1-wrap .logo {
        float: none;
        text-align: center;
    }
    #header.header-style-1-wrap .menu-wrapper .main-menu {
        display: block;
    }
    header#header.boxed-head-in {
        margin-top: 0 !important;
    }

    /* Mobile Menu */
    .main-menu {
        margin-top: 30px;
    }
    #header .mobile-menu {
        display: block;
        text-align: right;
    }
    ul.sm-clean {
        display: none;
    }
    #main-wrapper #header .container {
        padding: 0;
    }
    #primary-menu ul.sm-clean.menu-active, #primary-menu ul.sm-clean.menu-active {
        display: block;
    }
    #primary-menu ul.sm-clean > li {
        margin-left: 0;
        padding: 0;
        border-top: 0;
    }
    #primary-menu ul.sm-clean > li > a {
        font-size: 14px;
        padding: 12px 50px 13px 50px;
        text-align: center;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li>a::before, .header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item>a::before,
    .header-style-1-wrap .main-menu ul.sm-clean>li>a::after,
    .header-style-1-wrap .main-menu ul.sm-clean>li::before
    .header-style-1-wrap .main-menu ul.sm-clean>li::after {
        display: none;
    }
    #primary-menu ul.sm-clean > li > a span.sub-arrow {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 47px;
        height: 48px;
        line-height: 48px !important;
        border-radius: 0;
        background-color: #0a0a0a;
        color: #ffffff;
    }
    .sm-clean ul.sub-menu {
        background-color: #0a0a0a;
    }
    .sm-clean li.has-submenu, .sm-clean li.menu-item-has-children {

    }
    #primary-menu .sm-clean ul.sub-menu li a {
        color: #ffffff;
        padding: 7px 30px;
        margin-left: 10px;
        border: 0;
        font-size: 13px;
    }
    #primary-menu .sm-clean ul.sub-menu li a:hover {
        opacity: 0.7;
    }

        .blog-single {
        margin-bottom: 40px;
    }
    .content-section .blog-item .post-meta, .content-section .blog-item .share-section {
        float: none;
    }
    .content-section .blog-item .share-section {     
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footer-bottom .column{
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }

    .header-info {
        display: none;
    }

    .column {
      float: none;
      max-width: 100%;
    }
    .column-1 {
        width: 100%;
    }

    .column-2 {
        width: 100%;
    }

    .column-3 {
        width: 100%;
    }

    .column-2of3 {
        width: 100%;
    }

    .column-4 {
        width: 100%;
    }

    .column-5 {
       width: 100%;
    }
    .column-25 {
        width: 100%;
    }
    .column-75 {
        width: 100%;
    }
    .column-40 {
        width: 100%;
    }
    .column-60 {
        width: 100%;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }


    /*team block*/
    .team-details {
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }
    .team-block:hover .team-details {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; 
    }
    .team-details .team-name, .team-details .team-job, .team-details .team-socials {
        position: relative;
        top: 50%;
    }

    /* content */
    .bordered.top-border,
    .bordered.left-border,
    .bordered.bottom-border,
    .bordered.right-border {
        display: none;
    }

    .header-style-2-wrap #footer.fixed-footer {
        padding-left: 0 !important;
    }

    /* portfolio filter*/
    #main-wrapper .container.filters,
    #main-wrapper .container.mobile-filter {
        padding: 0;
        max-width: 100%;
        margin: 0 0 15px;
    }
     .portfolio-pagination .prev-portfolio {
        text-align: left;
        width: 33.33333%;
        float: left;
        padding-left: 0;

    }
    .portfolio-pagination .all-portfolio {
        text-align: center !important;
        width: 33.33333%;
        float: left;
    }
    .portfolio-pagination .next-portfolio {
        text-align: right !important;
        width: 33.33333%;
        float: left;
        padding-right: 0;
    }

    .footer-widget {
        margin-bottom: 30px;
    }
    .footer-widget:last-child {
        margin-bottom: 0px;
    }
    .portfolio-thumb-widget .post-item {
        width: calc((100% /3) - 10px);
        margin-bottom: 5px;
    }

    #primary-menu ul.sm-clean.menu-active {
        margin-bottom: 30px;
    }

    .header3_centered #primary-menu ul.sm-clean {
        position: absolute;
        top: 60px;
        width: 100%;
        max-width: 100%;
        left: 0;
        background-color: #ffffff;
    }
    .header3_centered #primary-menu ul.sm-clean li {
        display: block;
    }
    .header3_centered #secondary-menu {
        display: none;
    }

    /* liuer ajig header 1 column 3 - element details */
    #header .header3_centered .fr.text-left .head-item {
        position: relative;
        line-height: 1;
        top: 20px;
        margin-top: 0;
    }

    .footer-bottom .foot-col .footer-menu ul {
        text-align: center;
    }

    .content-related-post {
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .meta-content-bottom .date-meta {
        text-align: left;
        margin-top: 10px;
    }
    .single-post-style .next-prev-post .prev-post,
    .single-post-style .next-prev-post .next-post {
        text-align: center;
        margin: 10px auto;
    }

    .single-post-style .post-text blockquote p:before {
        display: none;
    }
    .single-post-style .post-text blockquote p {
        padding: 85px 0 5px 0;
    }

    .author-box figure.author-ava {
        float: none;
    }

    .slider-wrapper, .post-thumb-wrap {
        margin-bottom: 20px;
    }

    .blog-single .next-prev-post .prev-post, .blog-single .next-prev-post .next-post {
        padding: 0;
        text-align: center;
    }

    .event-counter {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .countdown-title {
        padding-left: 0; 
        text-align: left; 
        margin-bottom: 40px;
    }
    .countdown-title:after {
        right: unset;
        left: auto;
    }
    .event tr td {
        border: none;
        padding: 20px 20px;
        vertical-align: middle;
    }
    .the-post-head .standard-post-categories a {
        margin-top: 0 !important;
    }
    .carousel-container .post-car-arrow-wrap.on-side .owl-prev {
        top: 45px;
    }
    .countdown-title h2 {
        font-size: 8rem;
    }
    .event-counter .counter-wrap h3 {
        font-size: 5rem;
    }
    .event-thumbnail img {
        margin-right: 0;
        width: 100%;
        margin-left: 0;
    }
    .event-related-content .related-title{
        margin-top: 20px;
        margin-bottom:40px;
    }
    .main-wrapper #content .blog .container{
        padding: 0 15px 0 15px;
    }
    .main-blog-loop .blog-item .post-thumb-wrap {
    padding-left: 0;
    padding-right: 0px;
    }
    .contact-form-style-4 input[type="submit"] {
    padding: 10px 20px;
    float: none;
    margin-top: 0;
    top: 15px;
    width: 100%;
    }
    .contact-form-style-4 input {
    width: 100%;
    max-width: 100%;
    }

}

@media only screen and (max-width: 1024px) {
    /*client block*/
    .tablet-column-1 {
        width: 100%;
        float: left;
    }
    .tablet-column-2 {
        width: calc(100%/2);
        float: left;
    }
    .tablet-column-3 {
        width: calc(100%/3);
        float: left;
    }
    .tablet-column-4 {
        width: calc(100%/4);
        float: left;
    }
    .tablet-column-5 {
        width: calc(100%/5);
        float: left;
    }

    .instagram-builder .tablet-column-1.instagram-item {
        width: 100%;
        float: left;
    }
    .instagram-builder .tablet-column-2.instagram-item {
        width: calc(100%/2);
        float: left;
    }
    .instagram-builder .tablet-column-3.instagram-item {
        width: calc(100%/3);
        float: left;
    }
    .instagram-builder .tablet-column-4.instagram-item {
        width: calc(100%/4);
        float: left;
    }
    .instagram-builder .tablet-column-5.instagram-item {
        width: calc(100%/5);
        float: left;
    }

    .portfolio-block-wrap .tablet-column-1.portfo-block-item,
    .portfolio-block-wrap .tablet-column-1.portfo-block-item.wider {
        width: 100%;
        float: left;
    }
    .portfolio-block-wrap .tablet-column-2.portfo-block-item,
    .portfolio-block-wrap .tablet-column-2.portfo-block-item.wider {
        width: calc(100%/2);
        float: left;
    }
    .portfolio-block-wrap .tablet-column-3.portfo-block-item,
    .portfolio-block-wrap .tablet-column-3.portfo-block-item.wider {
        width: calc(100%/3);
        float: left;
    }
    .portfolio-block-wrap .tablet-column-4.portfo-block-item,
    .portfolio-block-wrap .tablet-column-4.portfo-block-item.wider {
        width: calc(100%/4);
        float: left;
    }
    .portfolio-block-wrap .tablet-column-5.portfo-block-item,
    .portfolio-block-wrap .tablet-column-5.portfo-block-item.wider {
        width: calc(100%/5);
        float: left;
    }

    .blog-section .tablet-column-1.blog-item {
        width: 100%;
    }
    .blog-section .tablet-column-2.blog-item {
        width: 50%;
    }
    .blog-section .tablet-column-3.blog-item {
        width: 33.33333%;
    }
    .blog-section .tablet-column-4.blog-item {
        width: 25%;
    }
    .blog-section .tablet-column-5.blog-item {
        width: 20%;
    }

    .elementor .elementor-image-gallery.custom-gallery .tablet-column-1.gallery-item {
        width: 100%;
        max-width: 100%;
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-2.gallery-item {
        width: calc(100%/2);
        max-width: calc(100%/2);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-3.gallery-item {
        width: calc(100%/3);
        max-width: calc(100%/3);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-4.gallery-item {
        width: calc(100%/4);
        max-width: calc(100%/4);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-5.gallery-item {
        width: calc(100%/5);
        max-width: calc(100%/5);
        float: left;
    }

    .filter-wraper {
        margin-bottom: 10px;
    }
    .mobile-filter {
        display: block;
    }
    .mobile-filter i {
        cursor: pointer;
    }
    #main-wrapper #portfolio-filter.container {
        max-height: 0;
        margin: 0;
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    #main-wrapper #portfolio-filter.container.show {
        max-height: 800px;
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    ul.filters li {
        margin: 10px 0;
    }

    .event tbody tr td.event-ticket-link a {
        display: block;
        border-radius: 0;
        text-align: center;
    }
    .event tbody tr td.event-ticket-link a.rsvp {
        margin-bottom: 10px;
    }
    .elementor .main-blog-loop .blog-item {
        margin-right: 0;
    }
    .elementor .main-blog-loop .blog-item .post-content-wrap {
        position: relative;
        width: 100%;
        max-width: 100%;
        top: 0 !important;
        margin-top: 30px;
        right: auto !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .event-counter .counter-wrap h3 {
        font-size: 4rem;
    }
    .event-counter .counter {
        margin-top: 20px;
    }
    .navigation-paging .post-navigation a {
        border-radius: 50px;
        margin-right: 0;
    }

}


@media only screen and (max-width: 767px) {
    /*client block*/
    .mobile-column-1 {
        width: 100%;
        float: left;
    }
    .mobile-column-2 {
        width: calc(100%/2);
        float: left;
    }
    .mobile-column-3 {
        width: calc(100%/3);
        float: left;
    }
    .mobile-column-4 {
        width: calc(100%/4);
        float: left;
    }
    .mobile-column-5 {
        width: calc(100%/5);
        float: left;
    }

    .instagram-builder .mobile-column-1.instagram-item {
        width: 100%;
        float: left;
    }
    .instagram-builder .mobile-column-2.instagram-item {
        width: calc(100%/2);
        float: left;
    }
    .instagram-builder .mobile-column-3.instagram-item {
        width: calc(100%/3);
        float: left;
    }
    .instagram-builder .mobile-column-4.instagram-item {
        width: calc(100%/4);
        float: left;
    }
    .instagram-builder .mobile-column-5.instagram-item {
        width: calc(100%/5);
        float: left;
    }

    .portfolio-block-wrap .mobile-column-1.portfo-block-item,
    .portfolio-block-wrap .mobile-column-1.portfo-block-item.wider {
        width: 100%;
        float: left;
    }
    .portfolio-block-wrap .mobile-column-2.portfo-block-item,
    .portfolio-block-wrap .mobile-column-2.portfo-block-item.wider {
        width: calc(100%/2);
        float: left;
    }
    .portfolio-block-wrap .mobile-column-3.portfo-block-item,
    .portfolio-block-wrap .mobile-column-3.portfo-block-item.wider {
        width: calc(100%/3);
        float: left;
    }
    .portfolio-block-wrap .mobile-column-4.portfo-block-item,
    .portfolio-block-wrap .mobile-column-4.portfo-block-item.wider {
        width: calc(100%/4);
        float: left;
    }
    .portfolio-block-wrap .mobile-column-5.portfo-block-item,
    .portfolio-block-wrap .mobile-column-5.portfo-block-item.wider {
        width: calc(100%/5);
        float: left;
    }

    .blog-section .mobile-column-1.blog-item {
        width: 100%;
    }
    .blog-section .mobile-column-2.blog-item {
        width: 50%;
    }
    .blog-section .mobile-column-3.blog-item {
        width: 33.33333%;
    }
    .blog-section .mobile-column-4.blog-item {
        width: 25%;
    }
    .blog-section .mobile-column-5.blog-item {
        width: 20%;
    }

    .elementor .elementor-image-gallery.custom-gallery .mobile-column-1.gallery-item {
        width: 100%;
        max-width: 100%;
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-2.gallery-item {
        width: calc(100%/2);
        max-width: calc(100%/2);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-3.gallery-item {
        width: calc(100%/3);
        max-width: calc(100%/3);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-4.gallery-item {
        width: calc(100%/4);
        max-width: calc(100%/4);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-5.gallery-item {
        width: calc(100%/5);
        max-width: calc(100%/5);
        float: left;
    }

    .filter-wraper {
        margin-bottom: 10px;
    }
    .mobile-filter {
        display: block;
    }
    .mobile-filter i {
        cursor: pointer;
    }
    #main-wrapper #portfolio-filter.container {
        max-height: 0;
        margin: 0;
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    #main-wrapper #portfolio-filter.container.show {
        max-height: 800px;
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    ul.filters li {
        margin: 10px 0;
    }
    
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 640px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
    .portfolio-thumb-widget .post-item {
        width: calc((100% /3) - 3px);
    }

    .event-section .event-thumb, .event-section .event-thumb-head {
        display: none;
    }
    .event tbody tr td.event-ticket-link a {
        display: block;
        border-radius: 0;
        text-align: center;
    }
    .event tbody tr td.event-ticket-link a.rsvp {
        margin-bottom: 10px;
    }
    .event-template table.event,
    .event-section table.event {
        display: none;
    }
    .testi-page.post-car-arrow-wrap.on-side {
        display: none;
    }
        .event-template .event-mobile,
    .event-section .event-mobile {
        display: block;
    }

    .event-section .event-mobile {
        margin-top: 40px;
    }
    .event-section .event-mobile ul li:nth-child(odd) {
        background-color: rgba(62, 62, 62, 0.6);
    }
    .event-section .event-mobile ul li:nth-child(even) {
        background-color: rgba(102, 102, 102, 0.6);
    }
    .event-section .event-mobile ul li p,
    .event-section .event-mobile ul li a {
        color: #ffffff;
    }
    .event-section .event-mobile ul li a:hover {
        color: #e65454;
    }
    .event-section .event-mobile ul li a.button {
        border-color: #ffffff;
        border-radius: 30px;
        padding: 15px 30px;
    }
    .event-section .event-mobile ul li a.button:hover {
        border-color: #e65454;
        color: #ffffff;
    }
    .event-mobile ul {
        list-style: none;
        padding: 0;
        text-align: center;
    }

}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 480px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

    .filters .filter-btn {
        margin-bottom: 10px;
    }
    
    #header .fr.horizontal .head-item  {
        margin-right: 10px;
    }

    .blog-single .magazine-post-style .post-meta span.author {
        width: 80%;
        max-width: 100%;
        text-align: left;
    }

    .navigation-paging .post-navigation {
        float: none;
        text-align: center;
    }
    .navigation-paging .post-navigation.nav-next {
        margin-top: 10px;
    }
    .meta.meta-comments .comments span  {
        font-size: 3.7em;        
    }


    .blog-single .post-author .author-ava {
        float: none;
        margin-bottom: 20px;
    }
    .comments-title h3 {
        width: 100%;
        margin-bottom: 10px;
    }
    .comments-title .leave-reply-link a {
        float: none;
    }
    .comments-area {
        padding: 40px;
    }

}
@media only screen and (max-width: 460px) {

    .meta-wrapper {
        margin-bottom: 10px;
    }
    #header .fr.horizontal .head-item  {
        margin-right: 0px;
    }

}



/*-----------------------------------------------------------------------------------*/
/*   Media Queries Header Animation
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 77em) {
    
    .outer-nav.top {
        top: 15%;
    }

    .outer-nav.bottom {
        bottom: 15%;
    }
}

@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {

    .outer-nav.top {
        top: 5%;
    }

    .outer-nav.bottom {
        bottom: 5%;
    }
    
    .outer-nav.horizontal {
        font-size: 1.7em;
        width: 6.2em;
    }

    .outer-nav.horizontal a {
        display: block;
        text-align: left;
    }

    /* Special Case */
    .effect-rotatetop .outer-nav.horizontal {
        width: 95%;
        bottom: auto;
        top: 50%;
    }

    .effect-rotatetop .outer-nav.horizontal a {
        display: inline-block;
    }

}

@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
    .outer-nav.horizontal,
    .outer-nav.vertical {
        font-size: 1.2em;
        width: 6.8em;
    }

    .outer-nav.right {
        right: auto;
        left: 50%;
    }
}

@media screen and (max-height: 31.6em) {
    .outer-nav a {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    #main-wrapper #header.no-redux .container .fl {
        width: 80%;
    }
    .header-style-1-wrap.no-redux .search-wrap {
        right: 10%;
    }

    .blog-section .blog-item .meta-wrapper {
        display: none;
    }

    .logo .site-title {
        font-size: 33px;
    }
}