@media (min-width: 1200px) and (max-width: 1399px){
    .team-active .owl-nav div{
      left: calc(0% - 20px);
    }
    .team-active .owl-nav div.owl-next {
      left: auto;
      right: calc(0% - 20px);
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
  .client-info {
    padding: 27px 20px 35px 90px;
  }
  .footer-address span {
    font-size: 12px;
  }
  .service-info {
    width: 72%;
  }
  .service-info h4 {
    margin-top: 0;
  }
  .home2-service-info.service-info {
    width: 70%;
  }
  .team-active .owl-nav div{
    left: calc(0% - 20px);
  }
  .team-active .owl-nav div.owl-next {
    left: auto;
    right: calc(0% - 20px);
  }
  .single-blog-info h1,
  .single-blog-form h3 {
    font-size: 36px;
  }
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .mainmenu.mt-20{margin-top:15px;}
  .mainmenu li a {
    font-size: 12px;
    padding: 30px 5px 29px;
  }
  .single-slider-items h1 {
    font-size: 50px;
  }
  .service-info p {
    font-size: 12px;
  }
  .client-wrap {
    padding: 0px 0 55px;
  }
  .client-info {
    left: 0;
    padding: 35px 20px;
    position: inherit;
    width: 100%;
  }
  .client-img {
    display: none;
  }
  .team-active .owl-nav div{
    left: calc(0% - 20px);
  }
  .team-active .owl-nav div.owl-next {
    left: auto;
    right: calc(0% - 20px);
  }
  .team-icon ul li a {
    margin-right: 15px;
  }
  .news-title h2 {
    font-size: 24px;
  }
  .col-4, .col-3.blog-col-3{
    width:50%;
    margin-bottom:20px;
  }
  .footer-address span.footer-icon {
    display: none;
  }
  .footer-address span {
    font-size: 12px;
  }
  .single-service {
    margin: 30px 0;
  }
  .single-service.mtb-30 {
    margin: 30px 0;
  }
  .home4-our-team .team-wrap {
    margin-bottom: 20px;
  }
  .single-blog-info h1,
  .single-blog-form h3 {
    font-size: 32px;
  }
  .blog-wrap {
    margin-bottom: 30px;
  }
  .personal-info {
      margin-bottom: 30px;
  }
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
  .container {width:300px}
  .logo {
    text-align: center;
    margin-bottom: 30px;
  }
  .single-slider-items h2 {
    font-size: 18px;
  }
  .single-slider-items {
    height: 410px;
  }
  .single-slider-items h1 {
    font-size: 20px;
  }
  .vocation-btn.slider-btn a {
    margin-right: 5px;
    width: 125px;
    font-size:12px;
  }
  .template-features-wrap {
    margin-bottom: 15px;
  }
  .our-theme p {
    padding: 0;
  }
  .fun-factor-icon {
    margin: 10px 0 25px;
  }
  .fun-factor-wrap{
    margin-bottom: 20px;
  }
  .protfolio-menu ul li {
    margin-bottom: 10px;
  }
  .col-3 {
    width: 100%;
  }
  .client-wrap {
    padding: 0px 0 55px;
  }
  .client-info {
    left: 0;
    padding: 35px 20px;
    position: inherit;
    width: 100%;
  }
  .client-img {
    display: none;
  }
  .news-title h2 {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .col-4{
    width:100%;
    margin-bottom:30px;
  }
  .col-4:last-child, .col-3.blog-col-3:last-child{margin-bottom:0;}
  .col-3.blog-col-3, .footer-widget{
    margin-bottom:30px;
  }
  .footer-icon {
    margin-bottom: 20px;
    text-align: center;
  }
  .copyright.text-end {
    text-align: center;
  }
  .service-info h4 {
    margin-top: 0;
  }
  .single-service {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .home2-service-info.service-info {
    width: 70%;
  }
  .service-info {
    width: 70%;
  }
  .col-2, .col-4{width:100%}
  .single-blog-form input {
    width: 100%;
  }
  .team-active .owl-nav div{
    left: calc(0% - 20px);
  }
  .team-active .owl-nav div.owl-next {
    left: auto;
    right: calc(0% - 20px);
  }
  .sticky {
    display: none;
  }
  .home4-our-team .team-wrap {
    margin-bottom: 20px;
  }
  .home5-protfolio .col-2 {
    margin-bottom: 20px;
  }
  .single-blog-info h1,
  .single-blog-form h3 {
    font-size: 28px;
  }
  .blog-wrap {
    margin-bottom: 30px;
  }
  .breadcrumb-text h1 {
    font-size: 26px;
  }
  .media-body {
    padding: 30px 15px;
  }
  .col-3.mb-20 {
    margin: 0;
  }
  .protfolio-wrap {
    margin-bottom: 20px;
  }

  .blog-wrap:last-child {
    margin-bottom: 0;
  }
  .mobail-menu-area.mean-container {
    margin-bottom: 10px;
  }
  .personal-info {
      margin-bottom: 30px;
  }
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {width:450px}
  .blog-img img{
    width:100%;
  }
  .col-4 {
    width: 50%;
  }
  .service-info {
    width: 80%;
  }
}