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

}

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



}

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

    .main-wrapper #header .container, .main-wrapper #content .container, .main-wrapper #footer .container {
        width: auto;
    }
    
}

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

}



/*-----------------------------------------------------------------------------------*/
/*  Max Width 768px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    #main-wrapper .container {
        width: 100%;
        padding: 0 30px 0 30px;
        box-sizing: border-box;
    }

    .header-style-1-wrap .fr, .header-style-1-wrap .fc, .header-style-1-wrap .fl {
        float: none;
    }
    .header-style-1-wrap .fl {
        text-align: center;
    }
    #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;
    }

    /*mobile menu*/
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        display: block;
    }
      /* 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 .logo {
        float: none;
        text-align: center;
    }
    #header.header-style-1-wrap .menu-wrapper .main-menu {
        display: block;
    }

    /* Header Style 2 */
    body.header-style-2.navigation-is-open {
        overflow: hidden !important;
    }
    .header-style-2-wrap #header.has-overlaped, .header-style-3-wrap #header.has-overlaped {
        left: auto;
        right: auto;
    }
    .header-style-2-wrap .search-wrap #btn-search,
    .header-style-3-wrap .search-wrap #btn-search {
        left: auto;
        right: 0px;
    }
    .header-style-2 .header-style-2-wrap header,
    .header-style-3 .header-style-3-wrap header {
        position: relative;
        height: auto;
        width: 100% !important;
    }
    #header .header-style-2-inner-content,
    #header .header-style-3-inner-content {
        padding: 0 30px;
        overflow: hidden;
    }
    .header-style-2 .header-style-2-wrap .logo,
    .header-style-3 .header-style-3-wrap .logo {
        float: left;
        width: auto;
    }
    .header-style-2 .header-style-2-wrap .logo img,
    .header-style-3 .header-style-3-wrap .logo img {
        margin: 0;
        display: inline-block;
    }
    .header-style-2 .cd-nav-trigger,
    .header-style-3 .cd-nav-trigger {
        right: 40px;
        left: inherit;
    }
    .header-style-2 #content,
    .header-style-2-wrap .cd-nav,
    .header-style-3 #content,
    .header-style-3-wrap .cd-nav {
        padding: 0 !important;
    }
    .header-style-2-wrap .cd-nav .cd-navigation-wrapper,
    .header-style-3-wrap .cd-nav .cd-navigation-wrapper {
        overflow: hidden;
    }
    .header-style-2-wrap .cd-half-block.primary-menu .inner,
    .header-style-3-wrap .cd-half-block.primary-menu .inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
        border-right: none;
    }
    .header-style-2-wrap .cd-nav .cd-half-block.primary-menu,
    .header-style-3-wrap .cd-nav .cd-half-block.primary-menu {
        width: 100%;
    }
    .header-style-2-wrap .cd-nav .cd-half-block.contact-info,
    .header-style-3-wrap .cd-nav .cd-half-block.contact-info {
        display: none;
    }
    .navigation-is-open .header-style-2-wrap .cd-nav .cd-half-block.contact-info,
    .navigation-is-open .header-style-3-wrap .cd-nav .cd-half-block.contact-info {
        display: block;
    }
    .header-style-2-wrap .search-wrap #btn-search,
    .header-style-3-wrap .search-wrap #btn-search {
        z-index: 302;
    }
    .header-style-2-wrap .main-menu-btn,
    .header-style-3-wrap .main-menu-btn {
        z-index: 3;
        left: auto;
        z-index: 302;
        top: 50%;
    }
    .header-style-2-wrap #primary-menu ul.sm-clean > li > a, 
    .header-style-3-wrap #primary-menu ul.sm-clean > li > a,
    .header-style-2-wrap .main-menu ul li a,
    .header-style-3-wrap .main-menu ul li a {
        display: block;
    }
    .header-style-2-wrap #primary-menu ul.sm-clean > li > a span.sub-arrow,
    .header-style-3-wrap #primary-menu ul.sm-clean > li > a span.sub-arrow {
        z-index: 304;
    }
    #main-wrapper.header-style-2-wrap #header .logo-image, #main-wrapper.header-style-2-wrap #header .logo-title {
        padding-top: 10px;
    }

    /* 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 {
        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 {
        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;
        text-align: center;
    }
    .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;
    }

    .masonry-template.column-3 .masonry-item, .masonry-template.column-1 .masonry-item, .masonry-template.column-2 .masonry-item, .masonry-template.column-4 .masonry-item, .masonry-template.column-3 .masonry-item.wider  {
        width: 100%;
    }

    .grid-template.column-3 .grid-item, .grid-template.column-1 .grid-item, .grid-template.column-2 .grid-item, .grid-template.column-4 .grid-item  {
        width: 100%;
    }



        .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%;
        }
        .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;
    }

}

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


}

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


}




/*-----------------------------------------------------------------------------------*/
/*   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;
    }
}