.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:focus {
	background:#DB0E25;
	border-color:#DB0E25;
  margin-top: 0px;
  border-radius:0px;
  position:absolute;
  top:20px;
  right:0px;
   margin-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 }  
  
  .header .container > .navbar-collapse.collapse{ margin-right:0 !important;  -moz-transition: all 0.1s ease-in;  -webkit-transition: all 0.1s ease-in;  -o-transition: all 0.1s ease-in;  transition: all 0.1s ease-in; }
    .navbar-collapse.collapse.in{ margin-right:0 !important;  -moz-transition: all 0.1s ease-out;  -webkit-transition: all 0.1s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.1s ease-out; }

}


  
/* 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: 768px) 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 (min-width: 485px) and (max-width: 991px) {
	
	.products-list > ul > li:before,  .products-list > ul > li:after{ width:100% }
	.products-list > ul > li > div , .products-list > ul > li > div > div, .products-list > ul > li > div > div > div{ width:100% !important; }
	.products-list > ul > li .midhead-inner, .products-list > ul > li .tophead-inner, .products-list > ul > li .bothead-inner{ width:102% !important }
	
	.products-list > ul > li .bothead{margin-top: -40px; }
	
	.products-list > ul > li .list-inner:before, .products-list > ul > li .list-inner:after{  height: 216px; top: 35px;  }
	
	
	
}


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




/* xs */
@media (max-width: 1000px) {
	
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse, .header .container > .navbar-collapse.collapse,  .navbar-collapse.collapse.in{ margin-right:0 !important; }
    	
	 .products-list > ul > li{ width:98%; float:none; margin-left:0; margin-top:20px; margin-bottom:20px; }
	
	.navbar-header{ float:none }
	 body{ overflow-x:hidden; font-size: 16px; }
	 body.inner:before, body.home:before{ height:15px  }
	.container:not(.header .container){ overflow-x:hidden; } 

	
 	.header .container > .navbar-collapse.collapse,  .navbar-collapse.collapse.in{ margin-right:0 !important; }
 	
  	.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:#222; padding-right:0  }
    .header #navbar li {    float: none;         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{} 
	
	
	  .container > .navbar-header, .container > .navbar-collapse{    margin-left: 0; padding-left:0; margin-top:0px  }
	  .top-number{    font-size: 14px; margin-right:0px;   }
	   .top-number a,  .top-number span {  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{ margin:5px 0; }
	  .table-panel .col1{ width:20%; vertical-align:middle; height:85px;   }
	  .table-panel .col1 img{ width:80% }
	  .table-panel .col2{   }
	  
	  
	  
	  .about-img img{ width:100%; }
	  .about-panel .col-sm-3 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}
	  
	 
	 .navbar-brand{ width:35% }
	  .navbar-brand 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; }
	  
	  .partners-logo, .partners-logo:after{ background-size:100% auto; } 
	  
	
	  
	  .carousel .banner.container{   margin-top: -122px;  }
	   .carousel .banner.container .carousel-control1{ -ms-transform: scale(0.6);    -webkit-transform: scale(0.6);     transform: scale(0.6);  }
	   
	   .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; }
	  
	  .product-img img{ max-height:250px; }
	  
	  .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 }
		.services-list1 ul li .data-panel .thumb span{ padding:10px; width:auto }
		.services-list1 ul li .data-panel .thumb span img {    max-width: none;    min-height: auto;    min-width: auto;    width: 100%;   }
		.services-list1 ul li .data-panel .desc-panel{ display:table-cell; width:76%; padding:2%; float:none; vertical-align:top; }
		
		
		.navbar-inverse .navbar-brand {    width: 150px;}
		.top-navbar{  float:none;    position:absolute; right:0px; top:55px;       width: 55%;   min-width: 160px; } 
		.navbar-inverse .top-navbar .navbar-nav > li { text-align:right  }
		.main-banner{  padding-top:46px;   } 
		.homebanner1{  background:url(../images/site/banner-img1.jpg) no-repeat;    }
		.homebanner1, .homebanner2, .homebanner3{  height:180px; width:100%; background-size:98% 102%; background-position:center; }
		.homebanner{  height:195px;   }
     	.bannerimage1{  background-size:170% 100%; height:224px; }
        .carousel .item {    height: 270px; }
	    .innerbanner, .inner-banner .item [class^="innerbanner"] {   height:152px; background-size:120% 100% ;   }
		.carousel-inner > .item > img{ width:100%; min-height:220px;  }
		.main-banner{ height:261px; }
		 .inner-banner{ height:200px;   padding-top: 38px; }
		.main-banner:before{ height:200px }
		.inner-banner:before {    height: 175px; }
		.carousel-shade, .inner-banner .carousel-shade{  width:100%; height:180px; position:absolute; bottom:0; z-index:100; left:0px; background-size:122% 100%;      background-position: center bottom;  }
		.carousel-shade, .inner-banner .carousel-shade{  height: 145px; }
		.inner-banner .carousel-shade{  height: 110px; }
		.carousel-inner{  height: 198px;    margin: 0 auto;    overflow: hidden;    width: 95%; }
		.inner-banner .carousel .item {    height: 139px; }
		.top-number {    color: #fff;    float: none;       font-weight: bold;      position: absolute;    right: 0;    top: 55px;    width: 185px; }
		.top-number img{ max-width:20px; }
		
		.well1{   margin-bottom: 30px;  margin-top: 0px;  padding-bottom: 0px;   padding-top: 50px; }
		.products-list > ul{  margin: 0px 0 0px; }
		.products-list > ul > li:last-child{ margin-bottom:0  }
		 .navbar-wrapper {     padding:0px; height:65px; }
		 
		 .navbar-inverse .navbar-nav > li > a {       line-height: 22px; padding: 7px 11px;   font-size: 16px;   }
		 .inner-banner .lbl-text{ font-size:15px;  }
		 
		 .accordion-style1 .panel-heading > a h4{ line-height:normal; font-size:17px;   padding: 15px 20px;  }
		 .accordion-style1 .panel-heading .arrow-panel{ -ms-transform: scale(0.5);    -webkit-transform: scale(0.5);     transform: scale(0.5);  width: inherit;   top: 0; }   
		 .accordion-style1 .panel-heading .arrow-panel, .accordion-style1 .panel-heading:hover .arrow-panel, .accordion-style1 .panel-heading.active-faq .arrow-panel {  background:transparent;    }
		 .accordion-style1 .panel-heading .arrow-right {   margin-top: 12px; }
		 .accordion-style1 .panel-heading > a h4:before{  top: 24px;   border-bottom: 4px solid transparent;    border-left: 5px solid #ff4647;    border-top: 2px solid transparent;     left: 9px; }
		 .accordion-style1 .panel-body .data-desc .text-right{ text-align:center; }
		 .accordion-style1 .panel-body .data-desc .text-right .btn{ margin-top:5px; display:block }
		 .accordion-style1 .google-map1 {    height: 170px;    margin-bottom: 25px;    overflow: hidden; }
		 
		 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {    margin-left: -5px; }
		 
		 .contact-form{ padding:0 15px; }
		 
		 .display-panel1 .logo1 img {      height: 101px; width:inherit;    max-width: 100%; }
		 .display-panel1 .text-right .btn-md{ display:block; margin-bottom:7px; }
	
		.services-list1 .listbox .title{   height: 48px; line-height: 16px;   }
  	
  #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: 620px) {
	   #main-slider .carousel .item{ height: 210px; }
	   #main-slider .carousel .carousel-content{    margin-top: 10px; margin-left:-177px;  -ms-transform: scale(0.5);  -webkit-transform: scale(0.5);  transform: scale(0.5);  }	   
	   .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; }
	 .table-panel .call-text .number{  font-size: 30px; }
	 .about-panel .col-sm-3{ text-align:left }
	.about-panel .col-sm-3 img{ width:50%; }
	   
}


@media (max-width:560px)
{
    .homepage-banner .carousel-caption{ width:245px; max-width:inherit !important; }
    .header #navbar li {    float: left;        width: 100%;  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{  }
	 .navbar-wrapper .navbar {    padding-left: 8px;     padding-right: 8px; }
	
	 
	 

	 
	 
	


 }

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


	.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%; }
	
	
	.navbar-inverse .navbar-brand {    width: 120px;}
	.main-banner, .inner-banner{  padding-top:36px;   } 
	.homebanner1{ height:180px; width:100%; background:url(../images/site/banner-img1.jpg) no-repeat;  background-size:120% 112%; background-position:center;  }
	
	.btn-style1, .btn-style1:hover{  background-position:center top; width:100%;   }
	.products-list > ul > li .list-inner, .products-list > ul > li .list-inner > div , .products-list > ul > li .list-inner > div > div{ width:102% !important;  }
	.products-list > ul > li .midhead-inner1 , .products-list > ul > li .midhead1{ width:100%; overflow:hidden;   }
	.products-list > ul > li .desc{ font-size:13px; }
	.products-list > ul > li .midhead-inner1 { margin:0; }
	.navbar-inverse .navbar-nav > li > a{ font-size:14px; }
	
		 .table-panel .call-text .number{  font-size: 25px; }
		

}

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