.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:focus {
	background:#00a158;
	border-color:#008046;
  margin-top: 0px;
  border-radius:0px;
  position:absolute;
  top:10px;
  right:0px;
}

.navbar-inverse .navbar-toggle:hover {
	background:#c70111;
	border-color:#9e000d;

}

/* lg */ 


@media (min-width: 1000px) {
 /* 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;
  }
  
  #header .navbar-collapse{ visibility:hidden }
  .navbar-inverse .navbar-toggle { display:none }  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
  
  #main-slider .carousel-inner .slide-margin .col-sm-7{ width:70% }
  
 /* 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;
  }
  
  .container {
    width: 1030px;
    
    }
    
    
	
}


/* sm */
@media (min-width: 767px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  
#header .navbar-inverse .navbar-toggle {
	  display:block !important
   }
  #header .navbar-collapse.collapse{ display:none !important }
  #header .navbar-collapse.collapse.in{ display:block !important }
  .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;
  }
  
  
  
  
}



@media (max-width: 990px) {
		
		
}


 .header .container > .navbar-collapse.collapse{ margin-right:0 }

/* xs */
@media (max-width: 1000px) {
	
	
	
	 
	
	.navbar-header{ float:none }
	 body{ overflow-x:hidden; }
	/*.container{ overflow-x:hidden; } */
	
 	
  	.banner-controls-out{ display:none }
	.btn-navbar {    display: block; }    
    .header .nav-collapse.collapse {    float: none;  }
    .nav-collapse.collapse  {    height: 0;    overflow: hidden;  }
	.navbar-collapse{ border-top:none; box-shadow:none;   background:#00a158;  }
    .header #navbar li {    float: left;        width: 33%;  font-size: 15px;     padding: 0;    } 
	.navbar-inverse .navbar-nav{ padding-left:0; padding-right:0px; float:none;    }
	.container .navbar-collapse .navbar-nav{  margin: 0 ; width:auto }
	.navbar-nav{ width:100%; }
	.navbar-nav > li {    padding-bottom: 0;  }
	.navbar-inverse .navbar-nav > li > a{ line-height:22px; display:block;   padding: 7px;  }
    .header .nav-collapse.collapse #navbar li a{  line-height:30px;     }
    .header #navbar li:before {    content: " ";    padding-left: 0px;}
	.header #navbar{   } 
	.navbar-inverse .navbar-nav > li:before{ content:" "; display:none }
    .navbar-wrapper .navbar .container { padding-left:0px;  padding-right: 0;  }	
	.navbar-inverse .navbar-nav > li {   }
	.navbar-inverse .navbar-nav > li > a {    color: #fff; }
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {    background-color: #c70111;    color: #fff; }
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {    background-color: #c70111;     color: #fff; }
	.navbar-wrapper .navbar {    padding-left: 15px;     padding-right: 8px; }
	
    #main-slider .carousel .item{      background-size: 100% 100%;   }
    #main-slider .carousel .item { height: 280px; }
    #main-slider .carousel .slide-margin{   margin-top: 14px; }
    #main-slider .carousel .carousel-content{    margin-top: 10px; margin-left:-120px;  -ms-transform: scale(0.7);  -webkit-transform: scale(0.7);  transform: scale(0.7);  }
	.photobox .lbl{ font-size:11px;    }
    .banner .h1, .banner .h3{ font-size:28px;  }
	
	.base-title.topspace{ width:100%; border-radius:0px; }
	
	.feature-wrap {  margin-bottom: 10px;    min-height: 90px; }
	
	.banner-left{ }

	#bottom .row .rowcell {    display:block;    float: none;    width:inherit; margin:10px 0 25px; padding:0 15px }	
	#bottom .row .rowcell.col3{  } 
	#bottom .row .rowcell.col4{} 
	
	.viewlogo{ text-align:center }
	
	  .container > .navbar-header, .container > .navbar-collapse{    margin-left: 0; padding-left:0; margin-top:10px  }
	  .top-number{    font-size: 14px;  }
	  input.search-form:hover {    width: 120px;  }
	
	  #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;  }

	  .products-list .media .thumb img {      width: 100%; max-width:none }
	  .products-list > .col-xs-12{ margin-bottom:25px; }
	  
	  .products-list .media{ margin-top:10px; margin-bottom:10px; }
	  
	  .base-title:before{ width:100%; left:0; 	background-position:top center; }
	  
	  [class^="innerbanner"]{  background-position: center center;    background-size: 120% 100%;    height: 120px;}
	  .products-gird .grid-panel .grid-photo{ width:100%; }
	  .products-gird .grid-panel .grid-photo img{ width:100%; max-width:none }
	  
	  .table-panel .col1, .table-panel .col2{ display:block ;    width: 96%;  }
	  .about-img img{ width:100%; }
	  .well{ padding:10px 0;  }
	  
	  #feature .divider{ height:auto }
	  #welcome-content .col-xs-12{ margin-bottom:20px; }
	  body > section {    padding: 20px 0; }
	  
	  .inner-banner .carousel-content img{ width:100%; min-height: 128px; }
	  .inner-banner .carousel-inner{ height:auto !important }
	  .inner-banner .bannershader{   margin: 25px 0 10px; }
	  .photobox{ float:none; clear:both }
	  .photobox img{ width:100% }
	  
	  .divider4 + .divider7{ display:none }
	  
	  .content-image img{ max-width:100%; }
	  .pull-right.content-image{ text-align:center;  float: none !important; }
	  .core-value .col-xs-12{   margin-bottom: 15px; }
	  .feature-wrap{ min-height:65px; }
	  .contact-form .form-group {    margin-left: -15px;}
	  .base-title{ font-size:17px}
	  
	  .logo-tqcsi{ width:10%; }
	  .site-logo {    float: left;    margin-left: 1%;    margin-top: 0px;    position: relative; width:75%; }
	  .site-logo .abn{ margin-top:0  }
	  .site-logo .navbar-brand img{ width:100% }
	  .logo-tqcsi img{ width:100%; }
	  
	  .products-list > .col-xs-6{ padding-right:0 }
	  .s-content-iner .container .h2:first-child, .s-content-iner .container .h3:first-child, .s-content-iner .container .h4:first-child {    margin-top: 15px; }
	  
	  .sidebar-right{ margin-top:25px; }
	  .contact-panel address{ text-align:center }
	   .viewlogo > div{  padding-left: 0px;    padding-right: 0px; text-align:center; }
	  
	  .partners-logo, .partners-logo:after{ background-size:100% auto; } 
	  
	  .homebanner, .homebanner .carousel-inner .item{  height:244px;   }
	  .bannerimage1, .bannerimage2, .bannerimage3, .bannerimage4,  .homebanner .carousel-inner > .item [class*="bannerimage"]{  background-size:170% 100%; height:244px; }
	 
	  
	  .innerbanner, .innerbanner .item [class^="inner-banner"] {   height:152px; background-size:120% 100% ;   }
	  
	  .carousel .banner.container{   margin-top: -315px; position:absolute; width:100%;  }
	   .carousel .banner.container .carousel-control1{ -ms-transform: scale(0.4);    -webkit-transform: scale(0.4);     transform: scale(0.4);  }
	   
	   .services-list .listbox{ margin-bottom:10px; }
	   .services-list .arrow-green{ right: 6px; }
	  
	   .footer { text-align:center }
	   .footer .pull-left, .footer .pull-right{ float:none !important }
	  
	   .h1{ font-size:28px; line-height: 36px; }
	   .viewthumbs img{ width:23%; }
	   .viewlogo img{  max-height: 70px; } 
	   
	  .injection-block tr th{  background:#31752e; background-color:#31752e !important;   width: 125px; padding-right:0 !important;   border-top: 1px solid #31752e !important; }
	  .theme-content:after{ display:none; position:absolute; right:-7px; border-top:solid 7px transparent; border-bottom:solid 7px transparent; border-left:solid 7px #31752e; content:" ";  }
	  .injection-block tr:nth-child(even) th{  background:#3b8738; background-color:#3b8738 !important;  }
	  .injection-block .theme-content .data{  height: 59px;  padding-left: 8px; font-size:12px; }
	  .injection-block tr:nth-child(even) .theme-content:after{  border-left:solid 28px #3b8738;  }
	  .injection-block  .theme-content{ width:100% !important; }
	  
	  .homebanner .carousel-inner .item .container{ padding:0 ; }
	  .homebanner .carousel-inner .item .container .carousel-caption{ width:100%;   height: 100px; }
	  
	  .product-img img{ max-height:167px; }
	  
	  .h1 { font-size:30px; }
	  .content-data .h1:first-child {    margin-top: 0px; }
	  
	  .customers-list ul li.noheight > span img{ width:100% }
		.customers-list ul li > span img{ width:100%;   }
		.customers-list ul {    margin: 0 0 0 0%;    padding: 0; }
		
		.news-panel ul li .title{ font-size:16px; }
	

		.services-list1 ul li .data-panel .desc-panel .title{    font-size: 16px; }
		
		
		.services-list1 {    margin-right: 0px;    margin-top: 20px; }
		.services-list1 ul li .data-panel{ float:none; display:table; width:96%; padding:2%; table-layout:fixed }
		.services-list1 ul li .data-panel .thumb{ display:table-cell; width:20%; padding:0px; float:none; background:transparent; background-color:transparent; height:inherit; }
		.services-list1 ul li .data-panel .thumb span{ padding:10px; width:auto; background:#fff; height:inherit; }
		.services-list1 ul li .data-panel .thumb span img {    max-width: none;     min-height:inherit !important;    min-width: inherit !important;   width: 100%;   }
		.services-list1 ul li .data-panel .desc-panel{ display:table-cell; width:76%; padding:2%; float:none; vertical-align:top; }
        .services-list1 ul li .thumb1{ visibility:hidden; height:0; }
        
        /*
        .services-list1 {    margin-right: 0px;    margin-top: 20px; }
		.services-list1 ul li .data-panel{ float:none; display:block; width:98%; padding:1%;  }
		.services-list1 ul li .data-panel .thumb{ display:inline-block; width:20%; padding:0px; float:left; }
		.services-list1 ul li .data-panel .thumb span{ padding:0px; width:100%; height:auto;  }
		.services-list1 ul li .data-panel .thumb span img {    max-width: 100%;    min-height:inherit !important;    min-width: inherit !important;    width: 100%;   }
		.services-list1 ul li .data-panel .desc-panel{ display:inline-block; width:71%; padding:2%; float:left; vertical-align:top; margin-left:1%; }
		*/
		
		/* .sidebar-right .viewlogo{ float:left; width:50%;   } 
		.sidebar-right .viewlogo + .divider3 { display:none;  }
		.sidebar-right .viewlogo + .divider3 + .product-img{ width:50%; float:left;   } */
  	
  #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;
  }
    

}


@media (max-width: 770px){
    .carousel .carousel-caption{  max-width:inherit; width:90%; max-width:inherit;   padding-left: 5%;    padding-right: 5%;    left: auto;   right: auto; }
    .carousel .carousel-caption p{  font-size: 10px; }
    .carousel .carousel-caption .h1{ font-size:20px; }
    .carousel .banner.container .left.carousel-control1{   margin-left: -34px; }
    .carousel .banner.container .right.carousel-control1{   margin-right: -18px; }
    .carousel .carousel-caption .h1{  line-height: 23px; }
    
    
}


@media (max-width: 620px) {
	   #main-slider .carousel .item{ height: 210px; }
	   #main-slider .carousel .carousel-content{    margin-top: 10px; margin-left:-177px;  -ms-transform: scale(0.4);  -webkit-transform: scale(0.4);  transform: scale(0.4);  }	   
	   .products-gird > .row > .col-xs-6{ width:100%; float:none }
	   .breadcrumb > li {    font-size: 14px;    text-transform: uppercase; }
	   .top-bar-heading .breadcrumb{   padding: 0 0 0 10px; }
	   .top-bar-heading .h1{   padding: 0 15px 0 0; font-size: 20px; }
	    .viewthumbs img{ width:48%; }
	   #footer{ font-size:12px }
	   
	   .services-list .listbox .thumb img{ width:100%; }
	   
	   .viewthumbs1 > span{ width:32% }
	 .viewthumbs1 > span img{ width:100%; }
	 
	 .innerbanner, .innerbanner .item [class^="inner-banner"] {   height:132px; }
	 .carousel .banner.container{   margin-top: -355px;  }
	   .homebanner, .homebanner .carousel-inner .item{  height:164px;   }
	  .bannerimage1, .bannerimage2, .bannerimage3, .bannerimage4, .homebanner .carousel-inner > .item [class*="bannerimage"]{  background-size:170% 100%; height:164px; }
	   
}


@media (max-width:560px)
{
    .homepage-banner .carousel-caption{ width:245px; max-width:inherit !important; }
    .header #navbar li {    float: left;        width: 50%;  font-size: 13px;     padding: 0;   }
	.container .navbar-collapse .navbar-nav{  margin: 0px; width:auto }
	 #main-slider .carousel .carousel-content{    margin-top: 10px; margin-left:-120px; }
    .banner .h1, .banner .h3 {    font-size: 22px; }
	
	#top-products .products-list .col-xs-6  { width:93%  }
	 .banner-right{ display:none }
	 
	 .viewthumbs img{ width:48%; }
	 .navbar-toggle{ margin-right:10px  }
	 .navbar-wrapper .navbar {    padding-left: 8px;     padding-right: 8px; }
	 .navbar-wrapper {     padding: 16px 0 10px; }
	 
	 

	 
	 
	


 }

/* XS Portrait */
@media (max-width: 480px) {
	
	.breadcrumb > li {
    	font-size: 9px;
	}
    #footer{ font-size:10px }
	.navbar-inverse .navbar-brand{ max-width:90%;  }
	.navbar-inverse .navbar-brand img{ width:100%;  }
	.navbar.navbar-inverse .container{ padding-left:0; padding-right:0px; }
	
	.viewlogo > div{ width:100%; }
	.site-logo .abn{ font-size:11px }

	.navbar-inverse .navbar-nav > li > a {       line-height: 16px;    padding: 7px 4px; }
	.captcha #divCaptcha img {    float: left;     max-height: 30px; }
	
	.services-list .listbox{ width:100%; }
	
	
	.viewthumbs1 > span{ width:99%; margin-bottom:3px; }
	 .viewthumbs1 > span img{ width:100%; }
	
		

}

@media (max-width: 420px) {
		.navbar-toggle{  padding: 6px 5px; }
		.navbar-toggle .icon-bar{ width: 18px; }
}