/* 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;
  }
}

/* xs */
@media (max-width: 767px) {

  .carousel .item img{
    min-height: 180px;
    background-size:cover !important;
  }
  
	.height30{height:0px !important;}
	.col-lg-2 .btn{margin-bottom:5px;}
	.col-lg-6 .btn {margin-bottom:5px;}
#totopscroller {
	right: 0px;
	bottom: 35px;
	
}
#totopscroller i{
	width: 35px;
}
#totopscroller i:hover{
		width: 35px;
}
	.col-lg-6 {width:100% !important; text-align:center;}
	.font_h1{font-size:18px !important;}
	#main {
	background: #2f96c2  !important;
	position: absolute;
    padding: 20px 20px;
    width: 100%;
    text-align:left !important;
    }
	#main::after{content:'The services offered by our expert responsive website designers make sure that your business benefits from visually appealing websites which can be used across various devices.';  font-family:Georgia, serif; font-style:italic; font-weight:100; color: #f5ffb5 !important;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size:18px; line-height:130% !important; 
			 }
#main::before{content:'Responsive Website Design'; color:#fff !important;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
			 	font-weight:bold;
				   font-size: 20px;line-height:240% !important; 
			 }

	.col-sm-2{ margin-left:-4px;}
	.col-sm-1{ margin-left:-4px;}
	#main-slider .carousel-indicators li {width:15px; height:15px;}
	#main-slider .carousel-indicators li:after { width:15px; height:15px;border:0px !important;}
	#main-slider .carousel-indicators .active{width:12px; height:12px;}
	#main-slider .carousel-indicators .active:after {width:15px; height:15px; border:0px !important;}
	
	.t1 ul li{padding-left:0px !important; margin-left:-25px !important;}
	.t2 ul li{padding-left:0px !important; margin-left:-25px !important;}
	table.mefil-grid td a{ padding-top:18% !important;}
	table.mefil-grid2 td a{ padding-top:18% !important;}
	table.mefil-grid3 td a{ padding-top:18% !important;}
	.b-special{  height:30px !important; width:100% !important; text-align:left !important; padding:0px 0px 0px 20px !important; font-size:20px !important}
.portfolio-item{ width:95% !important; margin:0 0 10px 8px !important; padding:1px !important; }
#portfoliowrap h3 {font-size:20px !important;}
.tpl6 img{width:100% !important;}
.mycontent-left{border-right: none !important; border-bottom:1px dashed #ccc; padding-bottom:15px; height: auto !important;}
	.b_boxes{padding-left:15px;}
	.footer-social li { margin-bottom:20px;}
	.navbar-inverse .navbar-brand { padding:0px 0px 5px !important; line-height:75px; height:82px}
	.mid{text-align:center; padding-bottom:15px;}
	.f_nav{float:none; text-align:center;}
	#main-slider .carousel .item {
		height:300px;
		
	}
	#main-slider .carousel .carousel-content {
  margin-top: 5px;
}

#main-slider .carousel .slide-margin{
  margin-top: 4px;
}

#main-slider .carousel h2 {
  color: #fff;
}
	.widget ul{text-align:left;}
.widget h3{text-align:left;}
  .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: 10px;
  }

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

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

  .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: 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;
  }
    

}

/* XS Portrait */
@media (max-width: 480px) {


}