.navbar-brand img {
    height: 40px;
    width: auto;
}
.header-top-1 .navbar-brand img,.header-top-2 .navbar-brand img{
    height: inherit;
    width: auto;
}
.header-top-1 .is-sticky .navbar-brand img{
    height: 40px;
}
.header-top-1{
    opacity: 1 !important;
}
/*portfolio style*/
.cbp-l-grid-projects .style4-2-col{
    width: 50%;
    height: 430px;
}.cbp-l-grid-projects .style4-3-col{
    width: 33.3333%;
    height: 272px;
}.cbp-l-grid-projects .style4-4-col{
    width: 25%;
    height: 260px;
}
#grid-container-hovertext figure{
    height: inherit;
}
.portfolio_desc{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    opacity: 0;
    transition: all 0.4s;
    width: 100%;
    height: inherit;
    background: #000;

}
.cs-style-3 figure:hover .portfolio_desc{
    opacity: .7;
}
.portfolio_desc .desc_absolute{
    position: absolute;
    bottom: -100px;
    padding: 10px;
    z-index: 11;
    transition: all 0.4s;
    width: 100%;
}
.cs-style-3 figure:hover .portfolio_desc .desc_absolute{
    bottom: 0px;
}
.portfolio_desc h4 a:hover{
    color: #2AC5EE;
}
.portfolio_desc h4 a, .portfolio_desc p{
    text-align: left;
    color: #FFF;
    position: relative;
    bottom: 0;
    font-size: 13px;
}
.portfolio_desc h4{
    text-align: left;
}
.portfolio_desc h4 a{
    text-transform: uppercase;
    font-size: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.st_separator{
    border-bottom: 1px solid #FFF;
    width: 25%;
    margin-bottom: 10px;
}
#filters-container-hovertext .cbp-filter-item-active{
    color: #181818 !important;
}
#filters-container-hovertext .cbp-filter-item{
    color: #2AC5EE;
}
#filters-container-hovertext figure img{
    max-height: 100%;
}
#filters-container-hovertext figure{
    height: inherit;
}

/*portfolio single*/
/*#portfolio_banner{*/
     /*margin-top: -40px;*/
 /*}*/
#portfolio_banner h2{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.5em;
}
.portfolio_title{
    width: 100%;
    height: inherit;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
}
.st_separator2{
    border-bottom: 1px solid #333;
    width: 110px;
    margin:20px 0 30px;
}
.portfolio_widget_box{
    border: 1px solid #ccc;
    padding: 13px 18px;
    margin: 20px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.portfolio_title2 h1{
    font-size: 50px;
    text-transform: uppercase;
    margin: 61px 0 21px;
}
.portfolio_widget_box a{
    text-decoration: underline;
    color: #2AC5EE;
}
.portfolio_widget_box h5 small{
    font-size: 14px;
    font-weight: 300;
}
.wunder-gallery .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li.vc_grid-active a{
    background-color: #2AC5EE !important;
}
/*.portfolio-grid-container .cbp-item{*/
    /*width: 50%;*/
    /*height: 400px;*/
/*}*/
#fixed-navbar .navbar-default .nav.navbar-nav li.st_rep_logo{
     display: none;
 }
/*.header-top-2 .navbar-default .nav.navbar-nav li.st_rep_logo{*/
    /*display: inline-flex;*/
/*}*/

@media (min-width: 768px) {

    #fixed-navbar.header-top-1 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header-top-1 .navbar-default {
        background: transparent;
        box-shadow: none;
    }

    .header-top-1 .is-sticky .navbar-default {
        background: #FFF;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    }

    .header-top-1 .navbar-default .navbar-nav > .hovernav > a {
        color: #FFF;
    }

    .header-top-1 .is-sticky .navbar-default .navbar-nav > .hovernav > a {
        color: #121212;
    }

    .header-top-1 .navbar-default .navbar-header {
        float: none;
        text-align: center;
    }

    .header-top-1 .navbar-brand {
        float: none;
        display: block;
        height: 70px;
        padding-top: 38px;
    }

    .header-top-1 .is-sticky .navbar-default .navbar-header {
        float: left;
        text-align: inherit;
    }

    .header-top-1 .is-sticky .navbar-brand {
        float: left;
        padding-top: 15px;
    }

    /*transition*/
    .header-top-1 .navbar-default .navbar-header, .header-top-1 .navbar-brand,.navbar-brand img {
        transition: all 0.4s;
    }

    .header-top-1 .navbar-default .nav.navbar-nav {
        float: none !important;
        text-align: center;
    }

    .header-top-1 .is-sticky .navbar-default .nav.navbar-nav {
        float: right !important;
    }

    .header-top-1 .navbar-default .navbar-nav > li {
        float: none;
        display: inline-flex;
    }

    .header-top-1 .is-sticky .navbar-default .navbar-nav > li {
        float: left;
        display: block;
    }
    .header-top-1 #main-nav{
        margin-top: 50px;
    }
    .header-top-1 .is-sticky #main-nav{
        margin-top: 0;
    }
    /*.header-top-1 .dropdown-menu > li > a{*/
        /*padding: 9px 20px;*/
    /*}*/
    .navbar-default .nav.navbar-nav .dropdown-menu > li{
        text-align: left;
        position: relative;
    }
    .navbar-default .nav.navbar-nav .dropdown-menu li .dropdown-menu{
        position: absolute;
        top: -8px;
        right: 100%;
    }
    .header-top-1 .is-sticky .navbar-default .nav.navbar-nav{
        margin-top: 15px;
    }
    /*header top 2*/
    .header-top-2 .navbar-header{
        display: none;
    }
    .header-top-2 #main-nav{
        margin-top: 10px;
    }
    .header-top-2 .menu_social{
        font-size: 1.2em;
    }
    .header-top-2 .is-sticky .navbar-default .nav.navbar-nav{
        float: none !important;
    }
    .header-top-2 .is-sticky .navbar-default .navbar-nav > li{
        float: none;
        display: inline-flex;
    }
    .header-top-2 .is-sticky .navbar-default .nav.navbar-nav img.st_insert_logo{
        height: 40px;
    }
    .header-top-2 .is-sticky .navbar-default .nav.navbar-nav{
        margin-top: 5px;
    }
    /*header bottom*/
    .header-bottom>div{
        height: inherit !important;
    }
    .header-bottom>div>nav{
        margin-bottom: 0;
    }
    /*breadcrumb*/
    .st_breadcrumb{
        color: #2AC5EE;
        font-size: 110%;
    }
    .st_breadcrumb a i{
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }
    .st_breadcrumb a{
        color: #181818;
        font-size: 110%;
    }
    .st_breadcrumb a:hover{
        color: #2AC5EE;
    }
}
@media (max-width: 991px) and (min-width: 767px){
    .header-top-1 .is-sticky .navbar-default .navbar-header {
        float: none;
        text-align: center;
    }
    .header-top-1 .is-sticky .navbar-brand {
        float: none;
        padding-top: 0;
    }
    .header-top-1 .is-sticky .navbar-default .nav.navbar-nav {
        float: none !important;
    }
    .header-top-1 .is-sticky .navbar-default .navbar-nav > li {
        float: none;
        display: inline-flex;
    }
    .header-top-1 .is-sticky .navbar-brand{
        height: 40px;
        padding-bottom: 0;
    }
    .header-top-1 .navbar-header{
         margin-top: 0;
         padding-top: 0;
     }
    .header-top-1 .is-sticky .navbar-header{
        margin-top: 10px ;
        padding-top: 10px ;
    }
    .header-top-2 .nav > li > a{
        padding: 10px 10px;
    }
    .header-top-2 .navbar-default .nav.navbar-nav img.st_insert_logo{
        height: 40px;
    }
    #portfolio_banner h2{
        font-size: 4.5em;
    }
    .cbp-l-grid-projects .style4-2-col{
        width: 50%;
        height: 272px;
    }.cbp-l-grid-projects .style4-3-col{
         width: 50%;
         height: 272px;;
    }.cbp-l-grid-projects .style4-4-col{
          width: 33.3333%;
          height: 250px;
    }
    /*#portfolio_banner{*/
        /*margin-top: -94px;*/
    /*}*/
}

@media (max-width: 767px ){
    .header-top-1 #main-nav{
        text-align: left;
    }
    .header-top-2 .navbar-header{
        display: block;
    }
    #fixed-navbar .navbar-brand img{
        height: 40px;
    }
    .header-top-1 .navbar-nav .open .dropdown-menu > li > a{
        padding: 9px 30px;
    }
    .header-top-1 .navbar-nav ul.dropdown-menu{

    }
    #portfolio_banner h2{
        font-size: 2.5em;
    }
    .cbp-l-grid-projects .style4-2-col{
        width: 100%;
        height: 272px;
    }.cbp-l-grid-projects .style4-3-col{
         width: 100%;
         height: 272px;;
     }.cbp-l-grid-projects .style4-4-col{
          width: 100%;
          height: 272px;
      }
    #portfolio_banner{
        margin-top: 0px;
    }
}
@media (max-width: 479px ){
    #portfolio_banner h2{
        font-size: 1.5em;
    }
}
@media (max-width: 320px ){
    #portfolio_banner h2{
        font-size: 1.5em;
    }
    .cbp-l-grid-projects .style4-2-col{
        width: 100%;
        height: 220px;
    }.cbp-l-grid-projects .style4-3-col{
         width: 100%;
         height: 220px;;
     }.cbp-l-grid-projects .style4-4-col{
          width: 100%;
          height: 220px;
      }
}