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

/* Portrait tablets and medium desktops */


@media (max-width: 1699px) and (min-width: 1200px) {
    .styleover{
        padding-left: 1vw;
    }
    .b {
        background-position: bottom;
    }
}

@media (min-width: 1500px){
  .horizontal {
    width: 18vw;
  }
}

@media (min-width: 2000px){
  .horizontal {
    width: 15vw;
  }
}

@media (max-width: 1299px) {

    .styleover{
        padding-left:2vw;
    }
    .circlelogo{
        width: 13vw;
        padding-bottom: 5vh;
    }
    .nav-tabs>li{
        position: absolute;
        left: 11%;
        -bottom: 15vh;
    }

}



@media (max-width: 1199px) {
    .b {
        background-position: bottom;
    }
    .preloaderimg{
        width: 15vw;
    }
    .horizontal{
        width: 35vw;
    }
    .navbar-brand{
        width: 35vw;
    }

    body {
        font-size: 1rem;
    }

    .service .nav-tabs>li>a{
        width:195px;
        font-size: 95%;
    }
    .service_tabe_menu.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
        width:195px;
    }



    .team .single_team_content .single_team_text_overlay .team_overlay_socail a i {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .btn-md {
        padding: 10px 20px 10px 0px;
    }
    .about_skill_area .about_tabe .about_tabe_menu li a {
        width: 140px;
        line-height: 50px;
    }

}

/* Portrait tablets and small desktops */
@media (max-width: 992px) {

    #about{
        padding: 0px;
    }
    .a {
        background-position-x: 70%;
    }
    .c {
        background-position-x: 50%;
    }

    .horizontal{
        width: 30vw;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -10vw;
        width: 30vw;
        padding: 0px;
    }

    html {
        font-size: 90%;
    }

    h3 {
        font-size: 1.575rem;
        line-height: 2rem;
        margin-bottom: 15px;
    }
    h5 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        color: #696f7c;
        line-height: 1.475rem;
    }
    .single_othersservice_icon h4 {
        font-size: .675rem;
        line-height: 2rem;
    }
    .service .nav-tabs>li>a{
        width:158px;
        font-size: 95%;
    }
    .service_tabe_menu.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
        width:158px;
    }

    .about_skill_area .about_tabe .about_tabe_menu li a {
        width: 95px;
        line-height: 60px;
        font-size: 0.775rem;
    }
    .single_team_text_overlay h4{
        font-size:0.675rem;
    }
    .single_team_text_overlay p{
        font-size:0.675rem;
    }
    .team .single_team_content .single_team_text_overlay .team_overlay_socail a i {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: .675rem;
    }
    .team .single_team_content .single_team_text_overlay{
        top:25%;
    }
    .choose .main_choose .single_choose{
        margin-top:80px;
    }
    .btn-md {
        padding: 10px 5px 10px 0px;
    }
    button.btn-md{
        font-size:0.675rem;
    }

}
.about-paragraph {
  font-size: 1.4rem;
}
.excerpt {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 945px){
  .header-top-area .logo img[src="images/favicon/logo.PNG"] {
    width: 18vw;
  }
  .about-paragraph {
    font-size: 1.2rem;
  }
}

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -3vw;
        width: 30vw;

    }
}


@media (max-width: 800px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 1vw;
        width: 30vw;
        
    }
}

/* Landscape phones and portrait tablets */
@media  (max-width: 767px) {
  .excerpt {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_menu_bg .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
      color: #000;
      }
    .about .cutout{
        width: 60vw;
        margin-top: 0px;
    }
    .styleover{
        padding-left:3.5vw;
    }
    .main_maps .map_canvas_icon {
    position: absolute;
    left: 20%;
}
    .preloaderimg{
        width: 30vw;
    }
    .servtab img{
        width: 40vw;
    }
    .a{
        background-position-x: 50%;
    }
    .horizontal{
        width: 45vw;
    }
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 7vw;
        width: 45vw;
        padding: 0px;

    }
    html {
        font-size: 80%;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
        background-color: rgba(255, 114, 0, 0.9);
        text-align: center;
    }
    .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;
    }
    .service .nav-tabs>li>a{
        margin-bottom:10px;
    }

    .single_features_text{
        margin-top:30px;
    }
    .about_tabe{
        padding: 0px 10px;
    }
    .about_skill_area .about_tabe .about_tabe_menu{
        margin-left:0;
    }
    .about_skill_area .about_tabe .about_tabe_menu li a {
        width: 100px;
        line-height: 50px;
    }

    .about_skill {
        margin-top: 30px;
        padding: 0px 10px;
    }
    .single_othersservice_icon h4 {
        font-size: .975rem;
        line-height: 2rem;
    }
    .main_clinetslogo{
        margin-top:30px;
    }
    .single_counter{
        text-align: center;
        padding-bottom:30px;
        overflow: hidden;
    }
    /*    .grid-item {
            width: 49.93%;
        }
        .portfolio .grid_item_overlay {
            padding-top: 37%;
        }*/
    .team .single_team_content .single_team_text_overlay .team_overlay_socail a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size:0.975rem;
    }
    .team .single_team_content .single_team_text_overlay h4{
        font-size:0.975rem;
    }
    .team .single_team_content .single_team_text_overlay p{
        font-size:0.975rem;
    }
    .portfolio .head_title{
        text-align: center;
    }
    .portfolio .separator{
        margin:20px auto;
    }
    .btn-md {
        padding: 10px 20px 10px 0px;
    }
    button.btn-md{
        font-size:0.975rem;
    }
    .toolbar{
        text-align: center;
    }


    .copyright_text{
        text-align: center;
    }
    .footer_socail{
        text-align: center;
    }
    .footer_subcribs_area .navbar-form {
        padding: 10px;
    }
    .menubutton {
      display: none;
    }

    .single_widget ul li a i{
        width:3%;
        margin-right:2%;
    }
    .contact .single_info_icon {
        width:15%;
        float: left;
        margin-right: 10%;
    }
    .contact .single_info_text {
        float:left;
        width:75%;
    }
    .navbar-form {
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 0px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1);
    }


    .footer .flowus{
        text-align: center;
    }
    .copyright_text{
        text-align: center;
    }


}

@media (max-width: 680px){
    .home .main_home h1{
        margin-bottom: 0px;
    }
    .vicinosh1{
        letter-spacing: 3vw;
        margin-bottom: 0px;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
}

@media (max-width: 575px){
  .tes {
    height: 100px;
  }
    .about .cutout{
        width: 75vw;
    }
    .styleover{
        padding-left:3vw;
    }
    .map-overlay i{
        padding-top: 7.5vh;
    }
    .employment h2{
        font-size: 1.5rem;
    }
    .employment h3{
        font-size: 1.05rem;
    }
    .main_maps .map_canvas_icon {
    position: absolute;
    left: 25%;
}
    .servtab img {
        width: 45vw;
    }

    .horizontal{
        width: 60vw;
    }
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 6vw;
        width: 60vw;
        padding: 0px;

    }


}
.grid_item_overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
}
.grid_item_overlay a i {
  position: relative;
  top: 40%;
  left:0;
  width: 20vw;
  height: 50px;
  line-height: 50px;
}
/* Landscape phones and smaller */
@media (max-width: 479px) {
  .grid_item_overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
  }
  .grid_item_overlay a i {
    line-height: 30px;
    left:0;
    width: 120px;
    height: 30px;
  }
    #here {
      background-image: url("http://www.brickandbrew.net/assets/images/p5.jpg");
      height:100vh;
      background-size: cover;
    }

    .layera{
        background-color: rgba(0, 0, 0, 0.2);
    }

    #about{
        padding: 0px;
    }
    .tabpanel{
        width: 80vw;
    }
    .about .cutout{
        width: 90vw;
    }

    .styleover{
        padding-left:5vw;
    }
    .about .single_about .single_ab_text {
    margin-left: 0px;
}
    .servtab img {
        width: 55vw;
    }
    .a{
        background-position-x: 45%;
    }
    .testimonial{
        height: 55vh;
    }
    .preloaderimg{
        width:40vw;
    }
    .circlelogo{
        width: 35vw;
    }
    .tab-content{
        padding-top: 18vh;
    }
     .horizontal{
        width: 70vw;
    }
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 6vw;
        width: 70vw;
        padding: 0px;
    }
    .main_maps .map_canvas_icon{
        left: 15%;
    }
    html {
        font-size: 65%;
    }
    body{
        font-size: 80%;
    }
    .btn-md {
        padding: 10px 10px 10px 0px;
    }
    .about_skill_area .about_tabe .about_tabe_menu li a {
        width: 75px;
    }


}





@media (max-width: 320px) {


    html {
        font-size: 60.5%;
    }
    .about_skill_area .about_tabe .about_tabe_menu li a {
        width: 60px;
    }










}