/* 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;
     color:#000000;
   }
 
   .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) {
  .middleLogo img {
    width: 100%;
    max-width: 110%;
    width: 95%;
    margin: 0 auto;
}
   .collapse.navbar-collapse.navbar-right{
     width: 100%;
 
   }
   .navbar-nav {
     margin-top: 12px;
     width: 100%;
     float: left;
 }
 .navbar-nav > li {
   margin-left: 1%;
 }
 .navbar-inverse .navbar-nav > li > a {
   padding: 5px 0px;
   margin: 0;
   color: #4f4f4f;
   line-height: 24px;
   display: inline-block;
   font-family: 'helveticaneuemedium';
   text-size: 12px;
   /* margin-left: 3%; */
 }
 .navbar-nav > li:after {
   color: #cccccc;
   content: "|";
   margin-left: 7px;
 }
   /* Make Navigation Toggle on Desktop Hover */
   .joomla-skill,.html-skill,.css-skill{
     padding:0px;
 
   }
   .sinlge-skill{
     height: 50px !important;
     margin-top: 28px;
   }
   .css-skill img{
   }
   .navbar-nav > li:after {
     color: #cccccc;
     content: "|";
     margin-left: 8px;
 }
   .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: 1%;
   }
 
   #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;
   }
 }
 
 /* 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;
   }
 
   #main-slider .carousel h1 {
     font-size: 25px;
   }
 
   #main-slider .carousel h2 {
     font-size: 16px;
   font-family: 'HelveticaNeueLTStd-Lt';
   }
 
   .feature-wrap h2, 
   .single-services h2 {
     font-size: 18px;
   }
 
   .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-sm-6{
       text-align:center;
   }
   
    #footer .pull-right{
       float: none !important;
   }
 
   .sinlge-skill {
     margin: 0 auto;
     margin-top: 37px;
     margin-bottom: 37px;
   
   }
   .joomla-skill, 
 .html-skill, 
 .css-skill, 
 .wp-skill {
   position: absolute;
   height: 100%;
   bottom: 0;
   width:100%;
   padding: 20px 0;
   padding-left:0px;
   
 }
 .center {
   text-align: center;
   border-bottom:0px solid #ccc;
 text-size:18px;
 padding-bottom:5px;
  
 }
 
 
   .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;
   }
   #main-slider .carousel .item {
 
 height:215;
   }
 }
 
 /* XS Portrait */
 @media (max-width: 480px) {
 
 
 }