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

/* CUSTOM */
@media (min-width: 1200px){
  .home .intro-1{
    padding-top:40%;
  }
  .home .intro-2{
    padding-top:20%;
  }

  @media (max-height: 399px){
    .home .intro-1{
      padding-top:18%;
    }
    .home .intro-2{
      padding-top:15%;
    }
    .home .intro-2 img{
      width: 100%;
      max-width: 400px;
    }
  }
  @media (min-height: 700px){
    .home .intro-1{
      padding-top:40%;
    }
    .home .intro-2{
      padding-top:30%;
    }
  }
  @media (min-height: 800px){
    .home .intro-1{
      padding-top:50%;
    }
    .home .intro-2{
      padding-top:40%;
    }
  }
  @media (min-height: 900px){
    .home .intro-1{
      padding-top:60%;
    }
    .home .intro-2{
      padding-top:50%;
    }
  }
  @media (min-height: 1000px){
    .home .intro-1{
      padding-top:70%;
    }
    .home .intro-2{
      padding-top:60%;
    }
  }

}
/* ---------------------- */

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
    body {
        font-size: 1rem;
    }
    .main_blog_content .single_blog_area .single_blog_img{
        height: 415px;
    }
    .main_blog_content .single_blog_area .single_blog_text {
        padding: 55px 10px 55px 25px;
    }
    #portfoliowork {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .single_study_text {
        top: 40px;
        padding: 5% 10%;
    }
    .scrooldown {
        bottom: 0%;
    }

    /* CUSTOM */
    @media (max-height: 399px){
      .home .intro-1{
        padding-top:18%;
      }
      .home .intro-2{
        padding-top:15%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 400px;
      }
    }
    @media (min-height: 699px) and (max-height: 799px){
      .home .intro-1{
        padding-top:55%;
      }
      .home .intro-2{
        padding-top:48%;
      }
    }
    @media (min-height: 800px){
      .home .intro-1{
        padding-top:60%;
      }
      .home .intro-2{
        padding-top:52%;
      }
    }
    @media (min-height: 900px){
      .home .intro-1{
        padding-top:68%;
      }
      .home .intro-2{
        padding-top:58%;
      }
    }
    @media (min-height: 1000px){
      .home .intro-1{
        padding-top:75%;
      }
      .home .intro-2{
        padding-top:65%;
      }
    }

    /* ---------------------- */

}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    .main_blog_content .single_blog_area .single_blog_text {
        padding: 20px 10px 20px 15px;
    }
    .main_blog_content .single_blog_area .single_blog_text h3 {
        font-size: 1.114rem;
        line-height: 1.5rem;
    }
    .single_study_text {
        top: 20px;
        padding: 2% 4%;
    }
    #portfoliowork {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .main_team ul li:nth-child(1){
        top:86%;
    }
    .main_team ul li:nth-child(4) {
        top: 90%;
    }
    .main_team ul li:nth-child(5) {
        top: 98%;
    }
    .scrooldown {
        bottom: 2%;
    }

    /* CUSTOM */
    .home{
      text-align:center;
    }
    .sections{
      padding-top: 130px;
    }

    @media (max-height: 479px){
      .home .intro-1{
        padding-top:8%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        font-size: 18px;
        padding: 5px 20px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:3%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 150px;
      }
    }
    @media (min-height: 480px) and (max-height: 558px){
      .home .intro-1{
        padding-top:15%;
      }
      .home .intro-1 h1{
        font-size: 36px;
      }
      .home .intro-1 p{
        font-size: 20px;
        padding: 5px 20px;
      }
      .home .intro-1 a{
        font-size:12px;
      }
      .home .intro-2{
        padding-top:3%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 190px;
      }
    }
    @media (min-height: 559px) and (max-height: 630px){
      .home .intro-1{
        padding-top:16%;
      }
      .home .intro-1 h1{
        font-size: 36px;
      }
      .home .intro-1 p{
        font-size: 20px;
        padding: 5px 20px;
      }
      .home .intro-1 a{
        font-size:12px;
      }
      .home .intro-2{
        padding-top:3%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 280px;
      }
    }
    @media (min-height: 631px) and (max-height: 698px){
      .home .intro-1{
        padding-top:16%;
      }
      .home .intro-1 h1{
        font-size: 38px;
      }
      .home .intro-1 p{
        font-size: 20px;
        padding: 10px 20px;
      }
      .home .intro-1 a{
        font-size:15px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 330px;
      }
    }
    @media (min-height: 699px) and (max-height: 799px){
      .home .intro-1{
        padding-top:18%;
      }
      .home .intro-1 h1{
        font-size: 42px;
      }
      .home .intro-1 p{
        font-size: 22px;
        padding: 15px 20px;
      }
      .home .intro-1 a{
        font-size:16px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 340px;
      }
    }
    @media (min-height: 800px){
      .home .intro-1{
        padding-top:18%;
      }
      .home .intro-1 h1{
        font-size: 46px;
      }
      .home .intro-1 p{
        font-size: 22px;
        padding: 20px 20px;
      }
      .home .intro-1 a{
        font-size:16px;
      }
      .home .intro-2{
        padding-top:8%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 400px;
      }
    }

    /* ---------------------- */

}

/* Landscape phones and portrait tablets */
@media  (max-width: 767px) {

    html {
        font-size: 80%;
    }

    #portfoliowork {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .main_team ul li:nth-child(1) {
        top: 138%;
    }
    .main_team ul li:nth-child(2) {
        top: 138%;
    }
    .main_team ul li:nth-child(3) {
        top: 138%;
    }
    .main_team ul li:nth-child(4) {
        top: 150%;
    }
    .main_team ul li:nth-child(5) {
        top: 155%;
    }

    .pricing_head .pricing_price {
        left: 36%;
    }
    .main_menu_bg{
        background-color: #000;
    }
    .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;
    }
    .main_blog_content .single_blog_area .single_blog_text{
        padding: 70px 30px 70px 50px;
    }
    .main_blog_content .single_blog_area .single_blog_img{
        height: auto;
    }
    .main_blog_content .single_blog_area .single_blog_text h3 {
        font-size: 1.714rem;
        line-height: 2.5rem;
    }

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

    /* CUSTOM */
    .navbar-brand>img {
        max-height: 48px;
        width: auto;
    }
    .about h1{
      padding: 0px 20px;
      font-size: 36px;
    }
    .about p{
      padding: 20px 30px;
      font-size: 20px;
    }.components h1{
      padding: 0px 20px;
      font-size: 36px;
    }.gallery h1{
      padding: 0px 20px;
      font-size: 36px;
    }
    .card{
      width: 100%;
      max-width: 1000px;
    }

    @media (max-height: 399px){
      .home .intro-1{
        padding-top:8%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        font-size: 18px;
        padding: 5px 20px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:3%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 150px;
      }
    }
    @media (min-height: 400px) and (max-height: 479px){
      .home .intro-1{
        padding-top:9%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        font-size: 18px;
        padding: 5px 30px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:4%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 150px;
      }
    }
    @media (min-height: 480px) and (max-height: 558px){
      .home .intro-1{
        padding-top:12%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        font-size: 18px;
        padding: 15px 30px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 180px;
      }
    }
    @media (min-height: 559px) and (max-height: 630px){
      .home .intro-1{
        padding-top:12%;
      }
      .home .intro-1 h1{
        font-size: 36px;
      }
      .home .intro-1 p{
        font-size: 20px;
        padding: 20px 30px;
      }
      .home .intro-1 a{
        font-size:12px;
      }
      .home .intro-2{
        padding-top: 5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 240px;
      }
    }
    @media (min-height: 631px) and (max-height: 698px){
      .home .intro-1{
        padding-top:12%;
      }
      .home .intro-1 h1{
        font-size: 38px;
      }
      .home .intro-1 p{
        font-size: 22px;
        padding: 20px 30px;
      }
      .home .intro-1 a{
        font-size: 13px;
      }
      .home .intro-2{
        padding-top: 5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 300px;
      }
    }
    @media (min-height: 699px) and (max-height: 799px){
      .home .intro-1{
        padding-top:12%;
      }
      .home .intro-1 h1{
        font-size: 40px;
      }
      .home .intro-1 p{
        font-size: 24px;
        padding: 20px 30px;
      }
      .home .intro-1 a{
        font-size: 15px;
      }
      .home .intro-2{
        padding-top: 6%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 360px;
      }
    }
    @media (min-height: 800px) and (max-height: 900px){
      .home .intro-1{
        padding-top:16%;
      }
      .home .intro-1 h1{
        font-size: 46px;
      }
      .home .intro-1 p{
        font-size: 24px;
        padding: 30px 30px;
      }
      .home .intro-1 a{
        font-size: 16px;
      }
      .home .intro-2{
        padding-top: 10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 470px;
      }
    }
    @media (min-height: 901px) and (max-height: 1000px){
      .home .intro-1{
        padding-top:16%;
      }
      .home .intro-1 h1{
        font-size: 46px;
      }
      .home .intro-1 p{
        font-size: 24px;
        padding: 30px 30px;
      }
      .home .intro-1 a{
        font-size: 16px;
      }
      .home .intro-2{
        padding-top: 15%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 500px;
      }
    }
    @media (min-height: 1001px){
      .home .intro-1{
        padding-top:16%;
      }
      .home .intro-1 h1{
        font-size: 46px;
      }
      .home .intro-1 p{
        font-size: 24px;
        padding: 30px 30px;
      }
      .home .intro-1 a{
        font-size: 16px;
      }
      .home .intro-2{
        padding-top: 15%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 500px;
      }
    }

    /* ---------------------- */

}

/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 65%;
    }
    .single_service_icon{
        text-align: center;
    }
    .pricing_head .pricing_price {
        left: 30%;
    }

    .scrooldown {
        bottom: 4%;
        left:46%;
    }
    #portfoliowork {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /* CUSTOM */
    .sections{
      padding-top:80px;
    }
    .about h1{
      padding: 0px 20px;
      font-size: 30px;
    }
    .about p{
      padding: 20px 20px;
      font-size: 18px;
    }.components h1{
      padding: 0px 20px;
      font-size: 30px;
    }.gallery h1{
      padding: 0px 20px;
      font-size: 30px;
    }

    @media (max-height: 399px){
      .home .intro-1{
        padding-top:15%;
      }
      .home .intro-1 h1{
        font-size: 20px;
      }
      .home .intro-1 p{
        font-size:15px;
        padding: 5px 10px;
      }
      .home .intro-1 a{
        font-size:8px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 100px;
      }
    }
    @media (min-height: 400px) and (max-height: 479px){
      .home .intro-1{
        padding-top:18%;
      }
      .home .intro-1 h1{
        font-size: 24px;
      }
      .home .intro-1 p{
        font-size:16px;
        padding: 5px 10px;
      }
      .home .intro-1 a{
        font-size:9px;
      }
      .home .intro-2{
        padding-top:8%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 140px;
      }
    }
    @media (min-height: 480px) and (max-height: 558px){
      .home .intro-1{
        padding-top:20%;
      }
      .home .intro-1 h1{
        font-size: 26px;
      }
      .home .intro-1 p{
        font-size:18px;
        padding: 10px 15px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:8%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 180px;
      }
    }
    @media (min-height: 559px) and (max-height: 630px){
      .home .intro-1{
        padding-top:20%;
      }
      .home .intro-1 h1{
        font-size: 28px;
      }
      .home .intro-1 p{
        font-size:18px;
        padding: 20px 15px;
      }
      .home .intro-1 a{
        font-size:12px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 240px;
      }
    }
    @media (min-height: 631px) and (max-height: 698px){
      .home .intro-1{
        padding-top:22%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        line-height: 30px;
        font-size:18px;
        padding: 20px 15px;
      }
      .home .intro-1 a{
        font-size:14px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 260px;
      }
    }
    @media (min-height: 699px) and (max-height: 799px){
      .home .intro-1{
        padding-top:22%;
      }
      .home .intro-1 h1{
        font-size: 35px;
      }
      .home .intro-1 p{
        line-height: 32px;
        font-size: 20px;
        padding: 20px 15px;
      }
      .home .intro-1 a{
        font-size:14px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 340px;
      }
    }
    @media (min-height: 800px){
      .home .intro-1{
        padding-top:25%;
      }
      .home .intro-1 h1{
        font-size: 40px;
      }
      .home .intro-1 p{
        line-height: 32px;
        font-size: 22px;
        padding: 30px 15px;
      }
      .home .intro-1 a{
        font-size:15px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 390px;
      }
    }

    /* ---------------------- */

}

@media (max-width: 320px) {


    html {
        font-size: 60.5%;
    }
    .pricing_head .pricing_price {
        left: 25%;
    }

    /* CUSTOM */
    .navbar-brand>img {
        max-height: 50px;
        width: auto;
    }

    .about h1{
      padding: 0px 20px;
      font-size: 30px;
    }
    .about p{
      padding: 20px 20px;
      font-size: 18px;
    }.components h1{
      padding: 0px 20px;
      font-size: 30px;
    }.gallery h1{
      padding: 0px 20px;
      font-size: 30px;
    }

    @media (max-height: 399px){
      .home .intro-1{
        padding-top:20%;
      }
      .home .intro-1 h1{
        font-size: 22px;
      }
      .home .intro-1 p{
        font-size:15px;
        padding: 5px 10px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 120px;
      }
    }
    @media (min-height: 400px) and (max-height: 479px){
      .home .intro-1{
        padding-top:22%;
      }
      .home .intro-1 h1{
        font-size: 24px;
      }
      .home .intro-1 p{
        font-size:15px;
        padding: 10px 10px;
      }
      .home .intro-1 a{
        font-size:10px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 150px;
      }
    }
    @media (min-height: 480px) and (max-height: 558px){
      .home .intro-1{
        padding-top:26%;
      }
      .home .intro-1 h1{
        font-size: 24px;
      }
      .home .intro-1 p{
        font-size:16px;
        padding: 10px 30px;
      }
      .home .intro-1 a{
        font-size:10px;
        margin:5px 0px;
      }
      .home .intro-2{
        padding-top:5%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 180px;
      }
    }
    @media (min-height: 559px) and (max-height: 630px){
      .home .intro-1{
        padding-top:30%;
      }
      .home .intro-1 h1{
        font-size: 28px;
      }
      .home .intro-1 p{
        font-size:16px;
        line-height: 24px;
        padding: 25px 30px;
      }
      .home .intro-1 a{
        font-size:12px;
        margin:5px 0px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 200px;
      }
    }
    @media (min-height: 631px) and (max-height: 698px){
      .home .intro-1{
        padding-top:30%;
      }
      .home .intro-1 h1{
        font-size: 30px;
      }
      .home .intro-1 p{
        font-size:16px;
        line-height: 24px;
        padding: 20px 25px;
      }
      .home .intro-1 a{
        font-size:12px;
        margin:10px 0px;
      }
      .home .intro-2{
        padding-top:10%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 250px;
      }
    }
    @media (min-height: 699px) and (max-height: 799px){
      .home .intro-1{
        padding-top:30%;
      }
      .home .intro-1 h1{
        font-size: 32px;
      }
      .home .intro-1 p{
        font-size:18px;
        line-height: 24px;
        padding: 20px 25px;
      }
      .home .intro-1 a{
        font-size:14px;
        margin:10px 0px;
      }
      .home .intro-2{
        padding-top:15%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 260px;
      }
    }
    @media (min-height: 800px){
      .home .intro-1{
        padding-top:30%;
      }
      .home .intro-1 h1{
        font-size: 35px;
      }
      .home .intro-1 p{
        font-size:19px;
        line-height: 24px;
        padding: 20px 30px;
      }
      .home .intro-1 a{
        font-size:15px;
        margin: 15px 0px;
      }
      .home .intro-2{
        padding-top:18%;
      }
      .home .intro-2 img{
        width: 100%;
        max-width: 260px;
      }
    }

    /* ---------------------- */
}