/*
Author: Bootstrapthemes
Author URI: http://www.bootstrapthemes.co
*/

/* Portrait tablets and medium desktops */

@media (max-width: 1199px) {
    body {
        font-size: 1rem;
    }
    h1 {
        font-size: 3.5rem;
    }
    .single_mixi_portfolio img {
        height: 230px;
    }
    .team .single_item .single_team_overlay {
        padding: 50px 0px 10px 0px;
    }
    .gellary .single_gellary_item .gellary_overlay {
        padding: 30px 0px 0px 0px;
    }
}

/* Portrait tablets and small desktops */

@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    h3 {
        font-size: 1.575rem;
        line-height: 2rem;
        margin-bottom: 15px;
    }
    h5 {
        font-size: 17px;
        margin-bottom: .5rem;
        color: #696f7c;
        line-height: 1.475rem;
    }
    h4 {
        font-size: 16px;
        margin-top: 16px;
        line-height: 2rem;
    }
    .team .single_item .single_team_overlay {
        padding: 30px 0px 10px 0px;
    }
    .team .single_item .single_team_overlay .team_socail {
        margin-top: 20px;
    }
    .gellary .single_gellary_item .gellary_overlay {
        padding: 10px 0px 0px 0px;
    }
}

/* Landscape phones and portrait tablets */

@media (max-width: 768px) {
    html {
        font-size: 80%;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
        background-color: rgba(31, 31, 31, 0.65);
    }
    .main_menu_bg .navbar-nav>li>a {
        text-align: center;
    }
    .copyright_text {
        text-align: center;
    }
    .footer_socail {
        text-align: center;
    }
    .pepper .single_pepper_right {
        margin-top: 40px;
    }
    .team .single_item .single_team_overlay {
        padding: 100px 0px 10px 0px;
    }
    .gellary .single_gellary_item .gellary_overlay {
        padding: 70px 0px 0px 0px;
    }
    .gellary .single_gellary_item {
        margin-bottom: 30px;
    }
    .single_message_right {
        margin: 50px 0px;
    }
}

/* Landscape phones and smaller */

@media (max-width: 479px) {
    html {
        font-size: 65%;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .gellary .single_gellary_item .gellary_overlay {
        padding: 20px 0px 0px 0px;
    }
    .team .single_item .single_team_overlay {
        padding: 40px 0px 10px 0px;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .team .single_item .single_team_overlay {
        padding: 20px 0px 10px 0px;
    }
    .gellary .single_gellary_item .gellary_overlay {
        padding: 10px 0px 0px 0px;
    }
}