/* lg */
@media (min-width: 1200px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }

    .main-menu .navbar-collapse, .main-menu .navbar-form {
        margin-top: 32px;
    }

    .subscribe {
        margin-top: -50px;
    }

    .dropdown-menu {
        min-width: 200px;
    }

    .submenu {
        position: relative;
    }

        .submenu .SecondLevel {
            position: absolute;
            top: -3px;
        }

    .navbar > .container .navbar-brand img {
        /*max-width: 180px;
        margin-top: 10px;*/
    }

    .bannerInfo {
        position: absolute;
        top: 0;
        left: 10%;
        width: 90%;
    }

    #main-slider .carousel .item,
    .main-slider .carousel .item {
        height: 540px;
        overflow: hidden;
    }

    #main-slider .carousel .carousel-content,
    .main-slider .carousel .carousel-content {
        margin-top: 0;
    }

    #main-slider .carousel .slide-margin,
    .main-slider .carousel .slide-margin {
        margin-top: 140px;
    }

    .shadedContent h1,
    .shadedContent h2 {
        /*line-height:35px;*/
    }

    .validatormsg {
        margin-left: 40px;
    }

    .floorPlan > div {
        background: #d1d1d1 url("../images/Floor.Plan_NAMES2018.jpg") no-repeat scroll center center / cover;
        border: 1px solid #d1d1d1;
        position: relative;
        width: 840px;
        height: 470px;
    }

    .guidelines {
        margin-top: 10px;
    }

    .editable {
        min-height: 500px;
    }

    .sidebar {
        margin-top: 70px;
    }

    .BannerImage img {
        height: 250px;
    }

    .large img {
        max-width: 250px;
    }

    .medium img {
        max-width: 110px;
    }

    .small img {
        max-width: 175px;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

    .medium img {
        max-width: 125px;
        margin: 0 auto;
    }

    .BannerImage img {
        height: 250px;
    }

    .sidebar {
        margin-top: 70px;
    }

    .container {
        width: 100%;
    }

    .editable {
        min-height: 500px;
    }

    .editBtns {
        margin: 10px 0;
    }

    .main-menu .navbar-collapse, .main-menu .navbar-form {
        margin-top: 50px;
    }

    .subscribe {
        margin-top: -30px;
    }

    .bannerInfo {
        position: absolute;
        top: 0;
        left: 10%;
        width: 90%;
    }

    #main-slider .carousel .item,
    .main-slider .carousel .item {
        min-height: 340px;
    }

    #main-slider .carousel .carousel-content,
    .main-slider .carousel .carousel-content {
        margin-top: 0;
    }

    #main-slider .carousel .slide-margin,
    .main-slider .carousel .slide-margin {
        margin-top: 80px;
    }

    .shadedContent h1 {
        font-size: 24px;
    }

    .shadedContent h2 {
        font-size: 20px;
    }

    .navbar > .container .navbar-brand img {
        /*max-width: 160px;
        padding: 15px 10px;*/
    }
    /* Make Navigation Toggle on Desktop Hover */
    .submenu {
        position: relative;
    }

        .submenu .SecondLevel {
            position: absolute;
            top: -3px;
        }

    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }

    .main-menu .navbar-nav > li > a {
        color: #fff !important;
        display: block;
        font-size: 16px;
        height: 90px;
        line-height: 22px;
        padding: 35px 10px;
        text-transform: none;
    }


    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 20px;
    }

    .recent-work-wrap .overlay {
        padding: 15px;
    }

    .feature-wrap h2,
    .single-services h2 {
        font-size: 18px;
    }

    .feature-wrap h3,
    .single-services h3 {
        font-size: 14px;
    }

    .tab-wrap .media .parrent.pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .parrent.media-body {
        clear: both;
    }


    .recent-work-wrap .overlay .preview {
        line-height: inherit;
    }

    .team-bar .first-arrow {
        width: 21%;
    }

    .team-bar .second-arrow {
        width: 20%;
    }

    .team-bar .third-arrow {
        width: 21%;
    }

    .team-bar .fourth-arrow {
        width: 20%;
    }

    .overview, .EMME, .NamesConf {
        display: block !important;
        margin: 25px 0 45px;
        padding: 0;
    }

    .carousel.slide .slider-shaddow {
        top: 0;
    }

    .validatormsg {
        margin-left: 40px;
    }

    .floorPlan > div {
        background: #d1d1d1 url("../images/Floor.Plan_NAMES2018.jpg") no-repeat scroll center center / cover;
        border: 1px solid #d1d1d1;
        position: relative;
        width: 610px;
        height: 341px;
        margin: 0 auto;
    }

    .guidelines {
        margin-top: 10px;
    }

    .navbar-brand > img {
        width: 265px !important;
    }

    .large img {
        max-width: 205px;
    }

    .medium img {
        max-width: 100px;
    }

    .small img {
        max-width: 165px;
    }
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .large img {
        max-width: 205px;
    }

    .medium img {
        max-width: 100px;
    }

    .small img {
        max-width: 165px;
    }

    .BannerImage img {
        height: 200px;
    }

    .banner-logo img {
        height: 185px;
    }

    .navbar .container {
        position: relative;
    }

    .NewReg {
        display: block !important;
        margin-top: 15px;
        width: 100% !important;
    }

    .validatormsg {
        margin-left: 0;
    }

    .editBtns {
        margin: 10px 0;
    }

    #main-slider .carousel .item,
    .main-slider .carousel .item {
        /*min-height: 340px;*/
    }

    #main-slider .carousel .carousel-content,
    .main-slider .carousel .carousel-content {
        margin-top: 0;
    }

    #main-slider .carousel .slide-margin,
    .main-slider .carousel .slide-margin,
    #main-slider .carousel .btn-slide, .main-slider .carousel .btn-slide {
        margin-top: 0 !important;
    }

    .shadedContent {
        background: none !important;
    }

        .shadedContent h1,
        .shadedContent h2 {
            font-size: 20px;
        }

    .container.bannerInfo {
        position: absolute !important;
        width: 100%;
        top: 5px !important;
        left: 0;
        height: auto !important;
    }
    /*=== slider indicatores ===*/
    .carousel-indicators {
        bottom: -45px !important;
    }

    #main-slider .carousel-indicators li,
    .main-slider .carousel-indicators li,
    #main-slider .carousel-indicators .active,
    .main-slider .carousel-indicators .active {
        width: 16px !important;
        height: 16px !important;
        margin-right: 10px !important;
    }

    #main-slider .carousel-indicators li,
    .main-slider .carousel-indicators li {
        background-color: #d1d1d1 !important;
    }

        #main-slider .carousel-indicators li:after,
        .main-slider .carousel-indicators li:after,
        #main-slider .carousel-indicators .active:after,
        .main-slider .carousel-indicators .active:after {
            width: 20px !important;
            height: 20px !important;
        }

        #main-slider .carousel-indicators li:after,
        .main-slider .carousel-indicators li:after {
            border: 1px solid #d1d1d1 !important;
        }


    /*=== End of Endicators style*/

    /*============== Nav Menu=================*/
    .navbar-header {
        float: none;
    }

    .navbar-brand > img {
        display: block;
        max-width: 85px;
    }

    .navbar-toggle {
        display: block;
        margin-top: 50px;
        background-color: #639C95;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in,
        .navbar-collapse.collapsing {
            float: none !important;
            margin: 0 -2%;
            background-color: #f5f5f5;
            width: 104%;
        }

    .navbar-nav > li {
        float: none !important;
    }

        .navbar-nav > li > a {
            font-size: 14px;
            padding: 15px 8px;
        }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .nav.navbar-nav {
        margin-top: 0;
    }

        .nav.navbar-nav.navbar-right.time a, .nav.navbar-nav.navbar-right.usericon a, #Menu_LogInPage > a, .dropdown-toggle {
            font-size: 14px;
            padding: 7px;
            display: block;
            font-weight: normal !important;
        }

    .navbar-toggle .icon-bar {
        background-color: white;
    }

    .navbar-collapse {
        width: 100%;
        margin-top: 10px;
    }


    .main-menu .navbar-nav .dropdown-menu {
        border-top: 1px dotted #d6b512 !important;
        margin-bottom: 7px !important;
        text-indent: 25px;
    }

    .main-menu .navbar-nav > li > a {
        background-color: #fafafa;
        border-top: 1px dotted #d6b512;
        height: auto;
        padding: 8px 15px;
        color: #333;
    }

        .main-menu .navbar-nav > li.active > a, .main-menu .navbar-nav > li > a:hover, .main-menu .navbar-nav > li > a:focus, .navbar-nav .active > .current, .main-menu .navbar-nav li:hover > .current, .main-menu .navbar-nav li:focus > .current {
            background-image: none !important;
        }

    .dropdown-menu {
        /*display: block;*/
        position: relative;
        width: 100%;
        min-width: 200px;
    }

    /*.slider-shaddow, .menu-shadow, .topMenuShadow {
        display: none !important;
    }*/

    .main-menu .navbar-nav .dropdown-menu {
        box-shadow: none !important;
    }
    /*===== End of Nav Menu =====*/

    .container {
        width: 100%;
    }

    .overview, .EMME, .NamesConf {
        display: block !important;
        margin: 25px 0 45px;
        padding: 0;
    }

        .overview > p, .NamesConf > p, .EMME > p {
            height: 350px;
        }
    /* Make Navigation Toggle on Desktop Hover */

    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }



    #main-slider .carousel h1 {
        font-size: 25px;
    }

    #main-slider .carousel h2 {
        font-size: 20px;
    }

    .tab-wrap .media .parrent.pull-left,
    .media.accordion-inner .pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .parrent.media-body,
    .media.accordion-inner .media-body {
        clear: both;
    }

    .recent-work-wrap .overlay {
        padding: 15px;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 20px;
    }

    .sinlge-skill {
        width: 150px;
        height: 150px;
    }

        .sinlge-skill p em {
            font-size: 25px;
        }

        .sinlge-skill p {
            font-size: 16px;
        }

    .team-bar .first-one-arrow {
        width: 2%;
    }

    .team-bar .first-arrow {
        width: 18%;
    }

    .team-bar .second-arrow {
        width: 24%;
    }

    .team-bar .third-arrow {
        width: 15%;
    }

    .team-bar .fourth-arrow {
        width: 20%;
    }

    .blog .blog-item .entry-meta > span a {
        font-size: 10px;
    }

    .viewReg .labeltext {
        width: 180px;
    }

    .welcomeUser {
        padding: 5px 0 0;
        right: -60px;
    }

    .small_logo {
        right: 100px;
        top: 40px !important;
    }

        .small_logo img {
            max-width: 60px !important;
        }

    .floorPlan > div {
        background: #d1d1d1 url("../images/Floor.Plan_NAMES2018.jpg") no-repeat scroll center center / cover;
        border: 1px solid #d1d1d1;
        position: relative;
        width: 460px;
        height: 257px;
        margin: 0 auto;
    }

    .guidelines {
        margin-top: 10px;
    }
}

/* xs */
@media (max-width: 767px) {
    .large img {
        max-width: 205px;
    }

    .sponsorsBar.hidden-lg.hidden-md.hidden-sm {
        background-color: #E8E8E8;
    }

    .sponsorsBar img {
        max-width: 350px !important;
        margin: 0 auto;
    }

    .medium img {
        max-width: 120px;
    }

    .small img {
        max-width: 165px;
    }

    .BannerImage img {
        height: 150px;
    }

    .banner-logo img {
        height: 125px;
    }

    .CopyRight img {
        height: 35px;
    }

    .carousel-inner {
        margin-bottom: -80px;
    }

    .pull-left.fairTitle,
    .pull-right.guidelines {
        float: none !important;
        margin-bottom: 10px;
    }

    header {
        padding: 30px 0 0 0;
    }

    .floorPlan > div {
        background: #d1d1d1 url("../images/Floor.Plan_NAMES2018.jpg") no-repeat scroll center center / cover;
        border: 1px solid #d1d1d1;
        position: relative;
        width: 320px;
        height: 179px;
        margin: 0 auto;
    }

    .welcomeUser {
        border-radius: 0;
        display: block;
        margin: 0 0 -10px;
        padding: 0 !important;
        position: relative;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .editable {
        margin: 0 0 15px !important;
    }

    .loginBtn a {
        border-radius: 5px 5px 0 0;
        position: absolute;
        right: 6px;
        text-align: center;
        top: 72px;
    }

    .welcomeUser a {
        border-radius: 5px;
    }

    .main-menu .navbar-nav > li > a {
        background-color: #fafafa !important;
        color: #333;
        font-size: 16px;
        line-height: 22px;
        text-transform: none;
        margin-bottom: 0 !important;
    }

    .nav.navbar-nav {
        margin-bottom: 0;
    }

    .NewReg {
        display: block !important;
        margin-top: 15px;
        width: 100% !important;
    }

    .welcomeUser .dropdown .dropdown-menu li a {
        text-align: center;
    }

    .editable {
        margin-top: 0;
    }

    .small_logo img {
        width: 50px;
    }

    .container {
        width: 100% !important;
    }

    .editBtns {
        margin: 10px 0;
    }

    .viewReg .labeltext {
        width: 180px;
    }

    .MemberInfo .form-group {
        margin-bottom: 0;
    }

    .MemberInfo .labeltext {
        font-weight: bold;
        margin: 0;
        text-align: left;
        width: auto !important;
        font-size: 14px;
    }

    .nameInfo {
        margin-bottom: 10px;
    }

    .poster {
        margin-top: 30px;
    }
    /*============== Nav Menu=================*/
    .navbar > .container {
        padding: 5px;
    }

    h2, .h2 {
        font-size: 24px !important;
    }

    .editable {
        margin: 80px 0 30px 0 !important;
    }

    .small_logo > img {
        width: 50px;
    }

    .navbar > .container .navbar-brand img {
        max-width: 80px;
        /*padding: 5px 10px 15px;*/
    }

    .navbar > .container .navbar-brand {
        padding: 15px 0;
        top: -10px;
    }

    .overview h2, .NamesConf h2, .EMME h2, .lowerSection h2 {
        font-size: 20px !important;
    }

    body {
        font-size: 16px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        margin: 40px 24px 15px 24px;
        background-color: #639C95;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none !important;
        }

            .navbar-nav > li > a {
                font-size: 14px;
                padding: 15px 8px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .nav.navbar-nav {
        margin-top: 0;
        background-color: #f5f5f5;
    }

        .nav.navbar-nav.navbar-right.time a, .nav.navbar-nav.navbar-right.usericon a, #Menu_LogInPage > a, .dropdown-toggle {
            font-size: 14px;
            padding: 7px;
            display: block;
            font-weight: normal !important;
        }

    .navbar-toggle .icon-bar {
        background-color: white;
    }

    .navbar-collapse {
        width: 100%;
        margin-top: 10px;
    }


    .main-menu .navbar-nav .dropdown-menu {
        border-top: 1px dotted #d6b512 !important;
        margin-bottom: 7px !important;
        text-indent: 25px;
    }

    .main-menu .navbar-nav > li > a {
        background-color: #e7e7e7;
        border-top: 1px dotted #d6b512;
        height: auto;
        margin-bottom: 2px;
        padding: 8px 15px !important;
    }

        .main-menu .navbar-nav > li.active > a, .main-menu .navbar-nav > li > a:hover, .main-menu .navbar-nav > li > a:focus, .navbar-nav .active > .current, .main-menu .navbar-nav li:hover > .current, .main-menu .navbar-nav li:focus > .current {
            background-image: none !important;
        }

    .dropdown-menu {
        /*display: block;*/
        position: relative;
        width: 100%;
    }

    .slider-shaddow, .menu-shadow, .topMenuShadow {
        display: none !important;
    }

    .main-menu .navbar-nav .dropdown-menu {
        box-shadow: none !important;
    }
    /*===== End of Nav Menu =====*/



    .overview > p, .NamesConf > p, .EMME > p {
        height: auto !important;
    }

    .overview, .EMME, .NamesConf {
        margin: 0;
        padding: 0 !important;
    }

        .overview h2, .NamesConf h2, .EMME h2, .lowerSection h2 {
            margin-top: 0;
        }

    .top-number {
        font-size: 14px;
    }

    input.search-form:hover {
        width: 120px;
    }

    .navbar-nav > li {
        padding-bottom: 0;
    }

    #main-slider .carousel h1 {
        font-size: 25px;
    }

    #main-slider .carousel h2 {
        font-size: 16px;
    }

    .feature-wrap h2,
    .single-services h2 {
        font-size: 18px;
    }

    .feature-wrap h3,
    .single-services h3 {
        font-size: 14px;
    }


    .media.accordion-inner .pull-left,
    .media.accordion-inner .media-body {
        clear: both;
    }

    .accordion-inner h4 {
        margin-top: 10px;
    }

    .tab-wrap .media .pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .media-body {
        clear: both;
    }

    .nav-tabs > li.active > a:after {
        display: none;
    }

    #footer .col-sm-6 {
        text-align: center;
    }

    #footer .pull-right {
        float: none !important;
    }

    .sinlge-skill {
        margin: 30px auto;
    }

    .team .single-profile-top,
    .team .single-profile-bottom {
        margin-bottom: 30px;
    }

    .clients-area {
        padding: 60px 0;
    }

        .clients-area h1 {
            font-size: 25px;
        }

    .portfolio-item,
    #recent-works .col-xs-12.col-sm-4.col-md-3 {
        padding: 0 15px;
    }

    .blog .blog-item .entry-meta {
        margin-bottom: 20px;
    }

    .blog .blog-item .blog-content h3 {
        margin-bottom: 20px;
    }


    #main-slider .carousel .item,
    .main-slider .carousel .item {
        /*min-height:340px;*/
    }

    #main-slider .carousel .carousel-content,
    .main-slider .carousel .carousel-content {
        margin-top: 0;
    }

    #main-slider .carousel .slide-margin,
    .main-slider .carousel .slide-margin,
    #main-slider .carousel .btn-slide, .main-slider .carousel .btn-slide {
        margin-top: 0 !important;
    }

    #main-slider .carousel .btn-slide, .main-slider .carousel .btn-slide {
        padding: 2px 14px !important;
        margin-left: 15px !important;
    }

    /*=== slider indicatores ===*/
    .carousel-indicators {
        bottom: -45px !important;
    }

    #main-slider .carousel-indicators li,
    .main-slider .carousel-indicators li,
    #main-slider .carousel-indicators .active,
    .main-slider .carousel-indicators .active {
        width: 16px !important;
        height: 16px !important;
        margin-right: 10px !important;
    }

    #main-slider .carousel-indicators li,
    .main-slider .carousel-indicators li {
        background-color: #d1d1d1 !important;
    }

        #main-slider .carousel-indicators li:after,
        .main-slider .carousel-indicators li:after,
        #main-slider .carousel-indicators .active:after,
        .main-slider .carousel-indicators .active:after {
            width: 20px !important;
            height: 20px !important;
        }

        #main-slider .carousel-indicators li:after,
        .main-slider .carousel-indicators li:after {
            border: 1px solid #d1d1d1 !important;
        }

    .overview {
        margin-top: 45px !important;
    }

    /*=== End of Endicators style*/
    .carousel-inner > .item > img {
        min-height: 106px !important;
    }

    .shadedContent {
        /*background:none!important;*/
        background: rgba(0, 0, 0, 0.3) linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) repeat scroll 0 0;
        padding: 1px 16px !important;
        text-shadow: none !important;
    }

        .shadedContent h1,
        .shadedContent h2 {
            font-size: 14px;
            margin: 5px 0;
        }

    .container.bannerInfo {
        position: absolute !important;
        width: 100%;
        top: 5px !important;
        left: 0;
        height: auto !important;
        /*background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) repeat scroll 0 0!important;*/
    }

        .container.bannerInfo .carousel-content {
            /*min-height: 175px;*/
        }



    .slide-margin > div {
        padding: 0;
    }

    input.search-form {
        width: 100px !important;
    }

    .ThumbImage {
        max-width: 250px !important;
    }

    .sponsers img {
        margin-bottom: 30px;
    }
}

/* XS Portrait */
@media (max-width: 480px) {
    .wideColumn {
        width: 100% !important;
    }

    .img-responsive.img-thumbnail {
        margin-bottom: 30px;
    }
}

/* custom */
@media (min-width: 481px) and (max-width: 768px) {
    .homeSponsers {
        width: 33.33333333% !important;
    }
}

@media screen and (max-width: 600px) {
    table.CustomTable {
        border: 0;
    }

        table.CustomTable caption {
            font-size: 1.3em;
        }

        table.CustomTable thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.CustomTable tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.CustomTable td {
            display: block;
            font-size: .8em;
            text-align: right;
            background-color: #F8F8F8;
            border-top: 1px solid #ddd;
            border-left: 1px solid #ddd;
            border-bottom: none;
        }

            table.CustomTable td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            table.CustomTable td:last-child {
                border-bottom: 1px solid #ddd;
            }
}