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

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
    body {
        font-size: 1rem;
    }



}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    html {
        font-size: 80%;
    }

    h3 {
        font-size: 1.575rem;
        line-height: 2rem;
        margin-bottom: 15px;
    }
    h5 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        line-height: 1.5rem;
    }
    h4 {
        font-size: 1.225rem;
        line-height: 2rem;
    }
    #quote-carousel .carousel-control.left {
        left: 120px;
    }
    #quote-carousel .carousel-control.right {
        right: 120px;
    }   




}
/* Landscape phones and portrait tablets */
@media  (max-width: 767px) {
    html {
        font-size: 90%;
    }
    .container{ 
        max-width: 90%; margin: 0 auto;
    }
    header .icon-bar{ 
        background-color:#ffffff !important;
    }
    
    .navbar-toggle {
        border: 1px solid #fff;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
        background-color: rgba(67, 52, 108, 0.5);
        text-align: center; 
        padding:0px 0px;
    }
    .navbar-header{ 
    overflow: hidden;
    max-width:100%;
    }
    .navbar-nav{ margin: 0px; padding:5px 0px;}
    
    .main_menu_bg .navbar-default .navbar-nav a{
        font-size:15px;
        margin:0px;
        padding:10px;
    }
    
    .main_menu_bg .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
        border-bottom: 0px solid;
    }
    
    .navbar-brand>img {
        width:70%; padding:0px 10px;
        
    }
    .single_about_left_img{
        width: 50%;
        margin:0 auto;
    }

    .img1 {
        border:2px solid #8FF2FF; width:40%; 
        margin:0 auto;
    }

    .main_clinetslogo{
        margin-top:30px;
    }    
    .grid-item {
        width: 49.93%;
    }
    .portfolio .grid_item_overlay {
        padding-top: 37%;
    }
    .copyright_text{
        text-align: center;
    }
    .footer_socail{ 
        text-align: center;
    }
    .footer_subcribs_area .navbar-form {
        padding: 10px;
    }
    #quote-carousel .carousel-control.left {
        left: 80px;
    }
    #quote-carousel .carousel-control.right {
        right: 80px;
    } 
    .single_widget ul li a i{
        width:3%;
        margin-right:0%;
    }
   
}



/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 90%;
    }
    p { font-size: 16px ;
        line-height: 28px;
    }
    .navbar-header{ width:100%; margin:0 auto !important;
    padding:0% !important; }
    
     .navbar-brand>img {
    width:100%; padding:0px;
    margin:0px;
    }
    
    .navbar-toggle{
        max-width:30%;
    }
    .navbar-brand{
        max-width:70%;
    }

    .home{
        background-position:60% 50%;
        background-attachment:fixed; 
        height: 600px;
    }
    

    .home .main_home{
        padding-top: 100px;
    }

    .home .main_home h2{
        color: #fff;
        font-size:1.8rem;
    }
    .home .main_home p{
        max-width: 75%;
        padding-bottom: 30px;
        font-size: 17px;
        line-height: 24px;
    }
    
    .home .owl-theme .owl-nav {
        margin-top: 20px;
    }

    .single_about_left_img{
        width: 70%;
    }
    
    .img1 {
        border:2px solid #8FF2FF; width:60%;
    }
    
    .service .single_service .single_service_content ul li{
        font-size: 16px;
        line-height: 28px;
    }
    .head_title h4{
        padding: 0% 5%;
    }

    #quote-carousel .carousel-control.left {
        display: none;
    }
    #quote-carousel .carousel-control.right {
        display: none;
    } 
    #quote-carousel .carousel-indicators li {
        width: 30px;
        height: 30px;
    }
    #quote-carousel .carousel-indicators .active {
        width: 35px;
        height: 35px;
    } 


}





@media (max-width: 320px) {


    html {
        font-size: 75%;
    }










}