/* Responsive CSS Document */
tr.header-tr { cursor:pointer;border-bottom:1px solid #d3f4e3; }
tr.header-tr .fa { float:right;margin-right:10px;font-size:20px; }

@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#team-section .team-member-wrapper {
		margin: 60px auto 0 auto;
		width: 80%;
	}
	.testimonial-content {
		text-align: left;
		margin: 58px auto 50px auto;
		width: 70%;
	}
	#business-image .theme-title {
		margin-top: 40px;
	}
	.what-content {  
		width: 80%;
		margin: auto;
	}
	#our-client .owl-prev { margin-left: -20px; }
	#our-client .owl-next { margin-right: -20px; }
}

@media (min-width: 1367px) {
  .tp-parallax-wrap:nth-child(2) { top: 46% !important;}

}
@media (max-width: 1366px) {
  .scroll-top {bottom: 30px; right:30px;}

}
@media (min-width: 1200px) {
  #our-client .owl-prev {left:-30px;}
  #our-client .owl-next {right:-30px;}
  .whatdo-iot-img { height: 600px;overflow: hidden;}
  .acc-content .whatdo-acc { max-height: 30px; }
}
@media (max-width: 1199px) {
  #team-section .team-member-wrapper .single-team-member .img .opacity p {padding: 0 15px;}
  #team-section .team-member-wrapper .single-team-member .img .opacity {padding: 10px;}
  .habilidades_contenedor {margin-top: 100px;}
 #team-section .team-member-wrapper .single-team-member .img .opacity h4, 
 #team-section .team-member-wrapper .single-team-member .img .opacity .h4 {
    line-height: 30px;
    padding: 0 15px;
    font-size: 18px;
}
#team-section .team-member-wrapper .single-team-member .img .opacity span {
    font-weight: 400;
    font-size: 15px;
}

#team-section .member-details {
	padding:0px;
}
#team-section .member-details ul {
    font-size: 12px;
}
.tp-parallax-wrap:nth-child(2) { top: 47% !important;}
}
/*(max-width: 1199px)*/

@media (max-width: 991px) {
  .theme-title p,#skill-section .img img {width: 100%;}
  #skill-section {padding-bottom: 30px;}
  .blog-details-page aside {margin-top: 100px;}
  .blog-details-post-wrapper>.row p {margin-bottom: 30px;}
  .testimonial-content {text-align: left;margin: 50px 30px;}
  .sub-heading {margin-top:50px;}
  .for-user-brands .for-user, .for-user-brands .for-brands { background-color:#FFF; padding: 5%; border-radius: 10px; width: 99%;}
  .category-list ul li {margin: 8px 12px;}
}
/*(max-width: 991px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .theme-main-header .logo {width: 15%;}
  .theme-main-menu .navbar-nav>li>a {padding: 9px 12px;}
  .theme-title p {width: 95%;}
  .recent-single-post .post {width: 75%;}
  .whatdo-iot-img { height: 560px;overflow: hidden;}
  .acc-content .whatdo-acc { max-height: 30px;}
  .whatdo-iot-img .img-absolute-content {top:25%;}
  #our-client .owl-prev {left:0px;}
  #our-client .owl-next {right:0px;}
  .for-user-brands .for-user, .for-user-brands .for-brands {padding: 5% 10%; }
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (min-width: 768px) and (max-width: 991px) {
	
  .banner h1 {font-size: 40px;}
  .banner .h1 {font-size: 40px;}
  .theme-main-header .logo {width: 22%;float:left;}
  .theme-main-menu.navbar {float:right;}
  .theme-main-menu .navbar-nav>li>a {padding: 9px 8px;}
  .theme-main-header.fixed .logo {display: block;}
  .theme-main-header.fixed .theme-main-menu.navbar {margin-top: 0;}
  #project-section .project-gallery .grid-item,
  #team-section .team-member-wrapper .float-left {padding: 0px 5px;}
  .inner-page-banner .opacity {padding-top: 210px;}
  .whatdo-iot-img {height:550px;overflow: hidden;}
  .acc-content .whatdo-acc { max-height: 10px;}
  .whatdo-iot-img .img-absolute-content {top:20%;padding: 0;}
  .top-minus-margin { margin-top: -20%; }
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .banner h1 {font-size: 35px;}
  .banner .h1 {font-size: 35px;}
  .scroll-top {bottom: 10px; right:5px;}
  .theme-main-header {padding-top: 15px;}
  /*.theme-main-header .logo {position: absolute;top:6px;left:0px;z-index: 99;}*/
  .theme-main-header .logo img {width: 85%; }
  .theme-main-menu.navbar {float:none;width: 100%;}
  .theme-main-header.fixed {background: #fff;max-height: 100%;overflow-y:auto;}
  .theme-main-menu .navbar-collapse {padding: 0 15px;box-shadow: none;border:none;background: #1e1e1e;margin-top: 15px;}
  .theme-main-header.fixed .theme-main-menu .navbar-collapse {background: #fff;}
  .theme-main-header li.dropdown-holder .fa {display: block;}
  .theme-main-menu .navbar-nav>li>a {padding: 0;line-height: 44px;}
  .theme-main-menu .navbar-nav li a {width:100%;}
  .theme-main-menu .navbar-nav li a > i {
	  border: solid #6f6f6f;
	  border-width: 0 2px 2px 0;
	  display: inline-block;
	  padding: 3px;
	  top: 15px;
	  right: 10px;
	  position: absolute;
  }
  .theme-main-menu .navbar-nav li a > i.down { transform: rotate(45deg);-webkit-transform: rotate(45deg);}
  .theme-main-menu .navbar-nav li.open a > i.down { transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
  .theme-main-menu.navbar .nav>li ul.sub-menu {
    position: static;
    width: 100%;
    opacity: 1;
    background: #ffffff;
	box-shadow: none;
    visibility: visible;
    display: block !important;
    padding-left: 25px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
  }
  .theme-main-menu.navbar .nav>li.dropdown-holder ul.sub-menu > li.dropdown-holder.open ul.sub-menu {
    position: static;
    width: 100%;
    opacity: 1;
    background: #ffffff;
	box-shadow: none;
    visibility: visible;
    display: block !important;
    padding-left: 25px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
  }
  #pricing-section .single-price-table {margin-bottom: 50px;}
  #project-section .project-gallery .grid-item {width: 50%;}
  #team-section .team-member-wrapper .float-left,
  #team-section .team-member-wrapper .float-left img,
  #our-client .client-slider p {width: 100%;}
  #team-section .team-member-wrapper .float-left,
  #project-section .project-gallery .grid-item,
  #service-section .row [class*="col-"],#skill-section [class*="col-"],
  #pricing-section [class*="col-"],#contact-section .send-message,
  #contact-section .contact-address-content [class*="col-"],
  #blog-section [class*="col-"],.theme-main-header .container,
  .blog-details-page .p-fix {padding-left: 0;padding-right: 0;}
  .for-middle {width:0px;}
  #our-client .owl-prev, #our-client .owl-next { width: 33px;height: 43px; }
  .carousel-control span { top: 43%;width: 34px;height: 45px;}
  .nav-tabs > li > a { padding: 8px; font-size: 15px;}
  .nav-tabs.nav-justified > li { float: left;}
  .category-list ul li {margin: 7px 10px;}
}
/*(max-width: 767px)*/

@media (min-width: 551px) and (max-width: 767px) {
#team-section .team-member-wrapper .float-left {width:50%;padding: 0px 5px;}
.whatdo-iot-img {height:450px;overflow: hidden;}
.acc-content .whatdo-acc { max-height: 10px;}
.whatdo-iot-img .img-absolute-content {top:20%;}
  .for-user-brands .col-md-4,.for-user-brands .col-md-5 {width:50%;}
  #service-section .for-user-brands .left-side ul li { margin-bottom: 10px; height: 45px;}
}
@media (max-width: 650px) {
  #success, #error {
    width: 84%;
    height: auto;
    top: calc(50% - 50px);
    left: 8%;
    padding: 30px 10px;
    margin:0;
  }
  .banner h1 {font-size: 32px;}
  .banner .h1 {font-size: 32px;}
  .blog-details-post-wrapper .list-img-wrapper img,
  .blog-details-post-wrapper .post-share-area ul {float:none; width: 100%;}
  .blog-details-post-wrapper .list-img-wrapper ul {float:none;padding: 30px 0 0 0;}
  .blog-details-post-wrapper .post-share-area .share-icon li:first-child {margin-top: 30px;}
  .top-minus-margin { margin-top: -25%; }
  .carousel-inner .item img {
		width: auto;
		margin-left: -550px;
		max-width: none;
	}
}

@media (max-width: 550px) {
  #project-section .project-gallery .grid-item,
  #project-section .project-gallery .grid-item img {width: 100%;}
  #project-section .project-menu ul li {font-size: 14px;margin: 15px 2px 0;border-bottom: 1px solid #fff;}
  #team-section .team-member-wrapper .single-team-member .img .opacity span {margin: 5px 0;}
  #team-section .team-member-wrapper .single-team-member .member-name ul li a {width: 40px;line-height: 38px;}
  .banner h1 {font-size: 22px;}
  .banner h6 {font-size: 16px;}
  .banner .h1 {font-size: 22px;}
  .banner .h6 {font-size: 16px;}
  .blog-details-post-wrapper .comment-area .single-comment.reply-comment {margin-left: 60px;}
	#team-section .team-member-wrapper {
		margin: 60px auto 0 auto;
		width: 90%;
	}
	#team-section .team-member-wrapper .float-left {padding: 0px 15px;}
	#team-section .team-member-wrapper .single-team-member .img .opacity {
		padding: 30px 10px;
	}
  .top-minus-margin { margin-top: -28%; }
  .for-user-brands .for-user, .for-user-brands .for-brands {border-radius: 0;width: 100%;background-color:#FFF;}
  .whatdo-iot-img .img-absolute-content {top:15%;padding:0px;}
  #service-section .for-user-brands .left-side ul li:last-child {margin-bottom:10px;}
  .for-user-brands {background-color:#FFF;}
  .web-title-content .web-sub-title { letter-spacing: 8px;}
  tr.header-tr .fa { float:left; }
}

@media (max-width: 430px) {
  .banner h1 {font-size: 17px;}
  .banner h6 {font-size: 13px;}
  .banner .h1 {font-size: 17px;}
  .banner .h6 {font-size: 13px;}
  .hermes.tparrows {display: none;}
  .recent-single-post .post {width: 100%;padding: 12px 0 0 0;}
  .whatdo-iot-img {height:560px;}
  #service-section .what-do-content { margin-top: 35px;}
  .top-minus-margin { margin-top: -28%; }
  .top-minus-margin .awards-content h4, .top-minus-margin .awards-content .h4 { font-size:15px;}
  .top-minus-margin .awards-content img {width: 65px;}
  .top-minus-margin .awards-content {left: 0;text-align: center;}
  .nav-tabs > li > a { padding: 5px; font-size: 13px;}
  .nav-tabs.nav-justified > li { float: left;}
}