/*write some responsive code here */
/* Portrait tablets and medium desktops */
/* Portrait tablets and small desktops */
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
/*  body {
    font-size: 16px;
  }
  .page-title p{ 
    font-size: 16px;   
  } */

/*  .menu-wrapper header nav {
    float: left;
    line-height: 25px;
    margin-top: 80px;
    width: 100%;
  }
*/
}

  p{
    font-size: 18px;
    line-height: 28px;
  }

  li{
    font-size: 18px;
    line-height: 28px;
  }

  .blog-list .blog-title{
    font-size: 22px;
  }  
  .menu-wrapper header .mobile-menu {
    display: block;
  }

  .menu-wrapper header {
    margin-top: 0;
  }

/*  .menu-wrapper header .logo {
    position: absolute;
    line-height: 0;
  }
*/
  .menu-wrapper header nav ul {
    /*display: none;*/
    padding-left: 0;
  }

  .menu-wrapper header nav ul li {
    margin: 0;
    padding: 2px 15px;
  }

  .menu-wrapper header nav ul li ul {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    border: none;
  }

  .menu-wrapper header nav ul li ul li {
    padding: 0;
  }

  .menu-wrapper header nav ul li ul li:last-child {
    border-bottom: none;
  }

  .menu-wrapper header nav ul li ul li a {
    padding: 8px 15px;
    color: #848484;
  }

  .menu-wrapper header nav ul li ul li ul {
    display: block;
    position: relative;
    left: 0;
    opacity: 1 !important;
    visibility: visible !important;
    border: none;
  }

  .menu-wrapper header nav ul li ul li ul li {
    margin-left: 12px !important;
  }

  .menu-wrapper header nav ul li a {
    font-size: 13px;
  }

  .about-number {
    flex: 100px;
  }

@media (max-width: 540px) {
  .atom-portfolio-filter li {
    padding: 0;
    margin-bottom: 10px;

  }
  .atom-portfolio-filter a {
    margin: 0 3px;
    letter-spacing: 0px;
  }
  .copyright img{
    margin-right: 10px;
  }
  .atom-footer-area .col-xs-2{
    padding-left:0;
  }
  .menu-wrapper header .logo a span{
    font-size: 22px;
  }

}
@media (max-width: 380px) {
  .copyright{
    font-size: 12px;
  }
  .menu-wrapper header .logo a span{
    font-size: 18px;
  }
  .breadcrumb>li+li:before 
  {
    padding: 0 4px;
  }

}
@media (max-width: 350px) {
  .atom-portfolio-filter a {
    font-size: 0.9em;
  }
  .page-title h1{
    font-size: 25px;
  }
  .menu-wrapper header .logo a span{
    font-size: 16px;
  }
}
/* Landscape phones and smaller */
/* portrait phones */



/*** col-xxs **/
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 380px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}