@media (max-width:1199px){
    .portfolio .portfolio-tab .single .on-hover{
        padding:10px
    }
    .portfolio .portfolio-tab .single .on-hover h3{
        font-size:15px
    }
    .portfolio .portfolio-tab .single .on-hover p{
        font-size:12px;
        line-height:14px
    }
    .portfolio .portfolio-tab .single .on-hover .btn-theme{
        margin-top:10px;
        padding:3px 6px
    }
}
@media (max-width:991px){
    .logo-menu {
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 0;
    }
    .logo-menu .navbar-nav>li>a{
        padding:10px 15px
    }
    .logo-menu .navbar-default .navbar-nav>li>a{
        font-size:14px
    }
    .news .single{
        margin-top:30px
    }
    .intro .single{
        padding:0 10px
    }
    .portfolio .portfolio-tab .single .on-hover{
        padding:15px
    }
    .portfolio .portfolio-tab .single .on-hover h3{
        font-size:20px
    }
    .portfolio .portfolio-tab .single .on-hover p{
        font-size:14px;
        line-height:24px;
        margin-top:15px
    }
    .portfolio .portfolio-tab .single .on-hover .btn-theme{
        margin-top:15px;
        padding:6px 12px
    }
    .theme-slider .carousel-caption{
        top:150px;
        left:15%;
        right:15%
    }
}
@media (max-width:767px){
    .logo img{
        z-index:1;
        max-width: 80%;
        position:relative
    }
    .logo-menu .navbar{
        margin-top:-50px
    }
    .navbar-default .navbar-collapse,.navbar-default .navbar-form{
        border-color:transparent
    }
    .navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{
        background:0 0!important
    }
    .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
        color:#fff!important;
        background:0 0
    }
    .navbar-default .navbar-nav>.active>a:after,.navbar-default .navbar-nav>.active>a:focus:after,.navbar-default .navbar-nav>.active>a:hover:after{
        content:"";
        background:0 0!important;
        position:absolute;
        bottom:0;
        left:0;
        height:0;
        width:0
    }
    .logo-menu .navbar-default .navbar-nav>li>a {
        border-bottom: 1px solid #fff;
        color: #fff;
        background: #55910c;
    }
    .intro{
        padding-bottom:0
    }
    .intro .single{
        padding-bottom:100px
    }
}
@media (max-width:600px){
    .theme-slider .carousel-caption{
        top:80px;
        left:10%;
        right:10%
    }
}
@media (max-width:480px){
    .theme-slider .carousel-caption{
        display:none
    }
}
@media (max-width:360px){
    .portfolio .portfolio-tab .single .on-hover{
        padding:10px
    }
    .portfolio .portfolio-tab .single .on-hover h3{
        font-size:15px
    }
    .portfolio .portfolio-tab .single .on-hover p{
        font-size:12px;
        line-height:14px
    }
    .portfolio .portfolio-tab .single .on-hover .btn-theme{
        margin-top:10px;
        padding:3px 6px
    }
    .portfolio .portfolio-tab .nav-tabs>li>a{
        padding:10px 5px
    }
    .theme-page .specialization .content li{
        font-size:13px
    }
}