@media screen and (min-width: 1200px) {
    .featured-container .featured-img {
        position: relative;
        width: 100%;
        height: 180px;
       /*overflow: hidden*/
    }
    #portfolio .container-portfolio>li {
        float: left;
        width: 25%;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: hidden
    }
}
@media (min-width: 768px) {
    .container {
        width: 100% !important;
    }
    div.univLinks {
        top: 40%;
    }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
    .navbar-transparent .navbar-nav>li>a {
        color: #fff;
        font-size: 16px;
        padding: 35px 10px 30px 10px;
    }
    #portfolio .container-portfolio>li {
        float: left;
        width: 25%;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: hidden
    }
}

/*Tablets landscape  */

@media screen and (min-width: 768px) and (max-width: 992px) {
    #navbar-top>ul>li>a {
        font-size: 90%;
        width: 90%;
        padding-right: 15px;
        padding-left: 15px;
    }
    #portfolio .container-portfolio>li {
        float: left;
        width: 50%;
        height: auto;
        padding: 0;
        margin: 0
    }
    #portfolio .container-portfolio>li:nth-child(2n+1) {
        width: 50%;
        clear: both;
        margin: 0;
        padding: 0
    }
}

/*phones and tablets in portrait*/

@media screen and (max-width: 767px) {
    .spaceholder {
        display: none;
        background: red
    }
    #optLinks {
        display: none;
    }
    .navbar-default .navbar-toggle {
        margin-top: 8px
    }
    .navbar-default .navbar-brand {
        padding-top: 15px;
        padding-bottom: 13px
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }
    .navbar-default .navbar-nav>li>a {
        display: block;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 15px;
        color: #FFFFFF
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav li.dropdown.open>a,
    .navbar-default .navbar-nav li.dropdown.open>a:hover {
        color: #fff;
        background-color: #39b3d7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #898ba2;
        padding-top: 12px;
        padding-bottom: 12px
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #39b3d7
    }
    .dropdown-menu>li>a {
        display: block;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 25px
    }
    .navbar-transparent .navbar-toggle {
        margin-top: 10px
    }
    .navbar-transparent .navbar-brand {
        padding-top: 10px
    }
    .navbar-transparent .navbar-toggle .icon-bar {
        /* background-color: #fff
     */
    }
    .navbar-transparent .navbar-header {
        background-color: transparent
    }
    .navbar-transparent .navbar-collapse {
        background-color: rgba(15, 16, 26, .95);
        border-color: transparent;
        height: auot;
        height: 400px;
        overflow: hidden;
    }
    .navbar-transparent .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
        /*padding-left: 15px;*/
        padding-left: 5px;
        color: #fff
    }
    .navbar-transparent .navbar-nav>li>a:focus::before,
    .navbar-transparent .navbar-nav>li>a:hover::before {
        content: '';
        border-bottom: none
    }
    .navbar-transparent .navbar-nav li.dropdown.open>a,
    .navbar-transparent .navbar-nav li.dropdown.open>a:hover {
        color: #5bc0de;
        background-color: #1d1f2c
    }
    .navbar-transparent .navbar-nav>.active>a,
    .navbar-transparent .navbar-nav>.active>a:focus,
    .navbar-transparent .navbar-nav>.active>a:hover {
        color: #5bc0de
    }
    .navbar-transparent .navbar-nav>.active>a:after {
        border-bottom: none
    }
    .navbar-transparent .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-transparent .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-transparent .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #5bc0de;
        background-color: #1d1f2c
    }
    .navbar-transparent .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding-top: 12px;
        padding-bottom: 12px
    }
    .navbar-transparent .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #5bc0de;
        background-color: #1d1f2c
    }
    /*translate element*/
    .goog-te-gadget {
        margin-top: 0px;
    }

    #header {
        min-height: 450px;
        height: auto;
        padding-top: 140px
    }
    #header.heading {
        padding-top: 40px;
        min-height: 240px;
        height: auto
    }
    #header h2 {
        font-size: 24px
    }
    #header h1 {
        font-size: 32px
    }
    #header .header-content,
    #header.heading .header-content {
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 100px
    }
    #featured {
        padding-top: 60px
    }
    .featured-container {
        margin-bottom: 20px
    }
    .featured-container .featured-img {
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden
    }
    .featured-container .featured-img img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto
    }
    .post-content img,
    .post-img img,
    .post-single img {
        width: 100%;
        height: auto
    }
    .sidebar {
        padding-top: 40px
    }
    .sidebar .widget-sidebar .navbar-form>.btn-search {
        position: absolute;
        right: 22px;
        top: 16px
    }
    #portfolio.portfolio-page .portfolio-sort {
        display: table;
        padding-left: 20px;
        padding-right: 20px
    }
    #portfolio .container-portfolio>li {
        display: block;
        float: left;
        width: 50%;
        height: auto;
        padding: 0;
        margin: 0
    }
    #portfolio .container-portfolio>li>.portfolio-item img {
        /*width: 100%;*/
        width: 75%;
        height: auto
    }
    #portfolio .container-portfolio>li:nth-child(2n+1) {
        width: 50%;
        clear: both;
        margin: 0;
        padding: 0
    }
    #portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption>.portfolio-text {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    #map {
        min-height: 240px;
        height: auto
    }
    #partner .brand-img>li {
        width: 50%;
        margin-bottom: -1px
    }
    #partner .brand-img>li:nth-child(even) {
        border-right: 1px solid #ddd
    }
    #footer .footer-logo {
        text-align: left
    }
    #copyright .copy-left,
    #copyright .copy-right {
        padding: 5px 0;
        float: none;
        text-align: center
    }
    .ctlScrl {
        font-size: 10px;
    }
        a.btn.btn-danish.btn-link-m {
        width:90%;
    }

}

@media screen and (min-width: 480px) and (max-width: 662px) {
    .featured-container .featured-img {
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden
    }
    #portfolio .container-portfolio>li {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0
    }
    #portfolio .container-portfolio>li:nth-child(2n+1) {
        width: 100%;
        clear: both;
        margin: 0;
        padding: 0
    }
    .ovl {
        opacity: 1;
        background-color: rgba(50, 66, 90, .45);
    }
    a.btn.btn-danish.btn-link-m {
        width:90%;
    }
}

@media screen and (max-width: 480px) {
    .featured-container .featured-img {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden
    }
    #portfolio .container-portfolio>li {
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0
    }
    #portfolio .container-portfolio>li:nth-child(1n+1) {
        width: 100%;
        clear: both;
        margin: 0;
        padding: 0
    }
    #portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption>.portfolio-text {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);

    }
    .post-content p {
        line-height: 90%;
    }
}