/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;
  } 

  .sinlge-skill p em {
    font-size: 25px;
  }

  .sinlge-skill p {
    font-size: 16px;
  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }
  ul.social-share li .zwm{ left:-20px;}
  ul.social-share li .zwm img{ max-width:80px;}
  #solution .item .rightbox li{ width:24%;}
  #contact-info .map{ margin:0; float:none; text-align:center; margin-bottom:20px;}
  #contact-info .zwm{ float:left; max-width:120px;}
}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }

  .top-number{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  .navbar-nav > li {
    padding-bottom: 0;
  }
  .navbar-inverse .navbar-nav > li > a{ line-height:36px;}
  .navbar-inverse .navbar-brand{float:left;padding:0 15px 15px 0px; font-size:18px; line-height:20px; }

  
  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 16px;
  }
  .col-sm-6-3{width:100%; text-align:center; float:none; margin-top:0;}
  .col-sm-6-3 img{ max-width:90%;}
  .feature-wrap h2, 
  .single-services h2,.center h2 {
    font-size: 18px; font-weight:bold;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }


  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }

  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-xs-2{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }
   #footer .pull-right li{ margin-bottom:10px;}

  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
 
  .news-wrap ul{width:83%; max-height:180px; overflow:hidden;}
  .news-wrap ul li{ width:100%; margin:0; float:none;} 
  #contact-page .col-sm-5{ width:100%;}
  .nview .pbox{ width:auto; margin-top:20px; background:red; overflow:hidden;}
  #services2 .process .col-w2 h2{ background-image:url(../images/sbg1.jpg);}
  #services2 .process .col-w1{ width:100%;}
  #services2 .process .col-w2{ width:100%; padding-left:0;}
  #services2 .process .col-w2>div{ width:100%; margin-left:0; float:none; margin-bottom:10px;}
  #services2 .process .last ul li{ text-align:center; padding-left:0;}
  
  ul.social-share li .zwm{ left:-15px;}
  ul.social-share li .zwm img{ max-width:70px;} 
  #solution .item .rightbox{ padding-right:15px;}
  #solution .item .rightbox li{ width:25%;}
  #solution .item .rightbox h3{ font-size:25px;}
  
  #contact-info .map{ margin:0; float:none; text-align:center; margin-bottom:20px;}
  #contact-info .zwm{ float:left; max-width:120px;}
  #feature,#services,#portfolio,.center{ padding:0;}
  #feature,#services{ padding:1.5em 0 0 0;}
  #content,#partner,#site,#new,#contact-info,#contact-page,#por-view{ padding:1.5em 0;}
  .feature-wrap,.mb20{ margin-bottom:20px;}
  #recent-works{ padding:20px 0;}
  .services-wrap{ padding:20px; margin-bottom:10px;}
  #services2 .integration h3{ line-height:60px;}
  #services2 .integration li{ padding:20px 0;}
  #services2 .integration li img{ margin-bottom:20px;}
  .portfolio-items, .portfolio-filter { margin-bottom:20px; padding: 0;}
  .nview{ line-height:160%; font-size:14px; overflow:hidden; padding:30px 0;}
  .nview .detail{ margin-right:0; margin-bottom:20px;}
  .nview .aside{ width:100%; float:none;}
  .nview p.related{ border-top:1px solid #ebebeb; padding:20px; overflow:hidden;}
  .nview p.related a{ display:block; max-width:inherit;}
  .nview p.related a.pre,.nview p.related a.next{ float:none; background:none; padding:0;}

}

/* XS Portrait */
@media (max-width: 480px) {
	.col-xs-6{ text-align:center;}
	.col-xs-6 .small img{ max-height:60%;}
	.top-bar .col-xs-8{ width:100%;}
	.top-bar .col-xs-4{ display:none;}
	.navbar-inverse .navbar-brand{ max-width:70%;}
	.navbar-inverse .navbar-brand img{ max-width:100%;}
	#main-slider .carousel .item{ height:500px; background-size:cover;}
	ul.social-share li{ width:40%; text-align:center; padding:0 5%;}
	ul.social-share li img{ max-width:98%;}
	ul.social-share li .zwm{ left:-15px;}
    ul.social-share li .zwm img{ max-width:50px;}
	.col-xs-10,.col-xs-2,.col-xs-6{ width:100%; float:none;}
	.news-wrap i{ width:14%; height:auto; line-height:inherit;}
    .news-wrap ul{ width:100%; float:none; list-style:none}
	.news-wrap ul li a{ max-width:70%;}
	.about-wrap .media-body{ min-height:inherit;}
	#site .site-wrap .txt-content,#site .site-wrap .img-content{ width:auto;}
	#site .site-wrap .img-content{ margin-bottom:20px;}
	#por-view .center,#services .center{ padding:0;}
	#contact-info .map{ margin:0 0 20px 0; float:none; text-align:center;}
	#contact-info .text{ margin-bottom:20px;}
	#contact-info .text h3{ font-size:16px;}
	#contact-info .zwm{ float:none; max-width:inherit; text-align:center;}
	.nlist .text{ margin-left:0;}
	.nlist .text .ntitle a{ font-size:16px; margin-right:0;}
	.nlist .text .ntitle span{ width:auto; display:block; float:none;}
	.nlist .text .detail,.nlist .text .ntitle{ height:auto;}
	.npic{ width:100%; height:auto; line-height:inherit; float:none; margin-bottom:10px;}
	.npic img{ width:100%;}
	#services2 .integration li{ width:auto; float:none;}
	#footer .zwm{ float:none; max-width:inherit; height:auto; margin-bottom:20px;}
	#solution .item{ padding-top:0;}
	#solution .item .rightbox h3{ height:auto; line-height:30px; font-size:24px;}
    #solution .item .rightbox li{ width:49%; border-bottom:0;}
	#solution .item .rightbox li:nth-last-of-type(3),#solution .item .rightbox li:nth-child(2){border-right:1px solid #e1e1e1;}
	#solution .item .rightbox li:last-child,#solution .item .rightbox li:nth-last-of-type(2){border-bottom:1px solid #e1e1e1;}
	#solution .item i{ display:block; float:none; width:30px;}
	#solution .item i img{ max-width:100%;}
	#solution .item .rightbox{ margin:0; padding:10px;}
   .partners ul li{ width:50%; margin:0;}
   #services2 .container{ padding-top:1.5em;}
   .portfolio-filter > li{ width:100%; float:none;}
   .portfolio-filter > li a{ font-size:1em; line-height:30px; border-bottom:0;}
   .portfolio-filter{ border-bottom:1px solid #F2F2F2;}
   .nview h1{ font-size:1.5em;}

}