@media(min-width:1200px) and (max-width:1400px) {
.latest-work .col-4 .item.filter-home {
	width: 100%;
}
.latest-work .col-4 .item.filter-home li {
	display: inline-block;
	width: auto;
}
.latest-work .col-4 .item.filter-home li a {
	padding: 0 10px;
	margin-top: -2px;
}
.latest-work .position-center-center {
	width: 100%;
	text-align: center;
}
.latest-work .filter {
	min-height: auto;
	height: 80px;
}
}
@media(max-width:1024px) {
	header .ownmenu{
	float: right;
    padding: 0px;/*10px*/
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 99;
	}
}

@media(min-width:992px) and (max-width:1199px) {
header .search-nav ul.dropdown {
	width: 100% !important;
}
.header-style-2.header-style-3 .logo {
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.header-style-2.header-style-3 nav {
	margin-top: 20px;
}
.header-style-2.header-style-3 nav {
	width: 100%;
}
.promo-block .promo-text {
	padding-right: 20px;
}
.contact.style-2 .contact-right {
	padding-right: 15px;
	padding-left: 15px !important;
}
.services {
	padding-left: 0px;
}
.latest-work .col-4 .item.filter-home {
	width: 100%;
}
.latest-work .col-4 .item.filter-home li {
	display: inline-block;
	width: auto;
}
.latest-work .col-4 .item.filter-home li a {
	padding: 0 10px;
	margin-top: -2px;
}
.latest-work .position-center-center {
	width: 100%;
	text-align: center;
}
.latest-work .filter {
	min-height: auto;
	height: 80px;
}
.offer-services li {
	width: 33.333%;
}
.offer-services li .position-center-center {
	width: 100%;
}
.counter ul li {
	width: 50%;
	margin-bottom: 30px;
}
}
@media(min-width:768px) and (max-width:991px) {
.top-right ul li {
	float: left;
	display: inline-block;
	margin-left: 10px;
	padding-right: 10px;
}
header {
	margin-top: 0px;
}
.offer-services li {
	width: 50%;
}
.offer-services li .position-center-center {
	width: 100%;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
	width: 250px !important;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
}
header .ownmenu ul.dropdown {
	padding: 0px;
}
header nav .ownmenu li {
	float: left;
	margin: 0px 0px;
}
header .quotes a {
}
header .navbar li a {
}
.procsss {
	position: relative;
	margin-top: 0px;
	top: 0px;
}
.procsss .container {
	width: 100%;
}
.procsss ul {
	padding: 30px 0px;
}
.call-out {
	text-align: center;
}
.call-out h4 {
	line-height: 40px;
	margin-bottom: 20px;
}
.heading {
	width: 100%;
}
.what-we-do .rotatebox {
	min-height: auto;
	line-height: normal;
}
.services .tab-content {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.emergency {
	text-align: center;
}
.emergency .text-right {
	text-align: center;
}
.news .post-detail article {
	margin-bottom: 30px;
}
.latest-work .col-4 .item.filter-home {
	width: 100%;
}
.latest-work .col-4 .item.filter-home li {
	display: inline-block;
	width: auto;
}
.latest-work .col-4 .item.filter-home li a {
	padding: 0 10px;
	margin-top: -2px;
}
.latest-work .position-center-center {
	width: 100%;
	text-align: center;
}
.latest-work .col-4 .item {
	width: 33.3333%;
}
.team ul li {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.clients ul li {
	float: left;
	width: 33.3333%;
	padding: 0px;
}
footer h4 {
	display: inline-block;
	width: 100%;
	margin: 50px 0;
	margin-bottom: 20px;
}
.footer-works>.col-md-3 {
	float: left;
	width: 33.3333%;
	margin: 0px;
	padding: 10px;
}
.latest-work .filter {
	min-height: 80px;
	display: inline-block;
	width: 100%;
}
.services .nav-tabs {
	display: inline-block;
	width: 100%;
}
.offer-services li {
	width: 33.333%;
}
.offer-services li .position-center-center {
	width: 100%;
}
header .container {
	width: 100%;
	margin-top:10px;/*40px*/
}
header .search-nav ul.dropdown {
	width: 100% !important;
}
header .ownmenu .look-book .nav-img {
	width: 70px;
	margin-right: 10px;
}
header .ownmenu .look-book .media-heading {
	margin-top: 0px;
	margin-bottom: 10px;
}
header .ownmenu li > .megamenu li a {
	padding: 5px 0
}
header .ownmenu .look-book p {
}
header .ownmenu > li > .megamenu.full-width {
	padding: 30px;
}
header .ownmenu .look-book .media-body a {
	padding: 5px 0 0 0px;
}
header .ownmenu > li > .megamenu.full-width .nav-post .col-sm-3 {
	width: 50%;
}
header .ownmenu .megamenu h6 {
	margin-top: 20px;
}
header .ownmenu ul.dropdown li a {
	letter-spacing: 1px;
}
.what-we-do .rotatebox {
	width: 50%;
	float: left;
}
.what-we-do .rotatebox:nth-child(3) {
	width: 100%;
}
.services {
	padding-left: 0px;
}
.team .social li {
	width: auto;
}
.media.padding-right-100 {
	padding-right: 0px !important;
}
.testi .owl-nav {
	left: 50%;
	bottom: -40px;
}
.tab-pane.text-right {
	text-align: center;
}
.services .nav-tabs {
	text-align: center;
}
.services .nav-tabs li {
	float: none;
	display: inline-block;
	text-align: left;
}
.portfolio.style-2 li.item {
	width: 50% !important;
}
.counter ul li {
	width: 50%;
	margin-bottom: 30px;
}
header {
	padding: 0px;
}
header .logo {
	width: 100%;
	padding: 10px 0px;/*20px*/
	text-align: left;
	padding-top: 5px;/*0*/
	border: none;
	position: relative;
}
header .navbar {
	width: 100%;
}
.top-bar {
	width: 100%;
}
.top-info {
	height: auto;
	padding-bottom: 10px;
}
.right-sec {
	float: left;
	width: 100%;
	margin-top: -40px;/*10px*/
}
header .ownmenu {
	width: 100%;
	padding: 0px;
}
.search-icon {
	margin-top: 5px;
}
.home-slide .position-center-center {
	width: 100%;
}
.latest-work .filter {
	top: 0px;
	position: relative;
	margin-bottom: 20px;
	min-height: auto;
}
.members li {
	width: 50%;
}
.home-slide .slide-img-1 {
	background-position: center center !important;
}
.home-slide .slide-img-2 {
	background-position: center center !important;
}
.home-slide .slide-img-3 {
	background-position: center center !important;
}
.sub-bnr{
	background-position: center center !important;
}
.portfolio .col-3 .cbp-item {
	width: 50%;
}
.portfolio .bottom-detail {
	width: auto;
	right: 20px;
}
.portfolio .bottom-detail h3 {
	font-size: 18px;
}
.portfolio .top-detail a {
	height: 50px;
	width: 50px;
	line-height: 52px;
}
footer h6 {
	margin-top: 40px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
footer .photo-steam {
	display: inline-block;
	width: 100%;
}
.team-list article h5{
	margin-top:15px;
}
}
@media(max-width:767px) {
.services {
	padding-left: 0px;
}
.news .post-detail article {
	margin-bottom: 30px;
}
.offer-services li {
	width: 50%;
}
.offer-services li .position-center-center {
	width: 100%;
}
.tab-pane.text-right {
	text-align: center;
}
.media.padding-right-100 {
	padding-right: 0px !important;
}
.top-bar {
	margin: 0px;
	padding: 0px;
}
.top-right ul {
	text-align: center;
}
.top-right ul li .media {
	text-align: left;
}
header .navbar li a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.top-right ul li {
	float: none;
}
header .quotes {
	width: 100%;
}
header .quotes a {
	width: 100%;
}
header .navbar li {
	margin: -35px;
}
.top-right {
	width: 100%;
}
.top-right ul {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
.testi .owl-nav {
	left: 50%;
	bottom: -40px;
}
.sub-bnr h4 {
	margin-top: 0px;
}
.sub-bnr {
	min-height: 350px
}
#tabs {
	margin-bottom: 30px;
}
.ownmenu {
	width: 100%;
}
.ownmenu > li.showhide span.icon {
	padding: 0px;
	margin: 0px;
}
header nav li a {
}
.is-sticky .sticky {
	position: relative !important;
}
header .logo {
	position: relative;
	width: 100%;
	text-align: center;
}
header nav {
	float: none;
	width: 100%;
}
header nav .ownmenu .indicator {
	display: block;
}
header nav li a {
	display: inline-block;
	width: 100%;
	float: none;
}
/*.ownmenu > li.showhide span {
	line-height: 50px;
	display: inline-block;
	width: 100%;
}*/
/*.ownmenu > li.showhide {
	text-align: right;
	color: #252525;
	font-size: 20px;
	margin-top:-45px;/*65px*/
    /*width: 40px;
    float: right;
	margin-bottom:0 !important;
}*/
.search-icon a{
	right:32px;
}
.inside-colio .img-responsive{
	margin:55px 0;/*35px*/
}
.inside-colio  .heading {
	margin-top:20px;
}
/*.ownmenu > li.showhide span.title {
	margin: 0px;
}*/
/*.ownmenu > li > a {
	padding: 10px 0;
	text-align: left;
}*/
/*.ownmenu .indicator {
	display: block;
}*/
header {
	position: relative;
}
.top-info .personal-info li {
	padding: 1px 10px;
}
.procsss {
	position: relative;
	margin-top: 0px;
	top: 0px;
	background: rgba(0,0,0,0.8);
}
.what-we-do .rotatebox {
	width: 50%;
	float: left;
}
.what-we-do .rotatebox:nth-child(3) {
	width: 100%;
}
.procsss ul {
	padding: 30px 0px;
}
.procsss .media {
	margin-bottom: 30px;
}
.call-out {
	text-align: center;
}
.call-out h4 {
	line-height: 40px;
	margin-bottom: 20px;
}
.heading {
	width: 100%;
}
.what-we-do .rotatebox {
	min-height: auto;
	line-height: normal;
}
.services .tab-content {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.emergency {
	text-align: center;
}
.emergency .text-right {
	text-align: center;
}
.latest-work .col-4 .item.filter-home {
	width: 100%;
}
.latest-work .col-4 .item.filter-home li {
	display: inline-block;
	width: auto;
}
.latest-work .col-4 .item.filter-home li a {
	padding: 0 10px;
	margin-top: -2px;
}
.latest-work .position-center-center {
	width: 100%;
	text-align: center;
}
.latest-work .col-4 .item {
	width: 33.3333%;
}
.team ul li {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.clients ul li {
	float: left;
	width: 33.3333%;
	padding: 0px;
}
footer h4 {
	display: inline-block;
	width: 100%;
	margin: 50px 0;
	margin-bottom: 20px;
}
.footer-works>.col-md-3 {
	float: left;
	width: 33.3333%;
	margin: 0px;
	padding: 10px;
}
.latest-work .filter {
	min-height: 80px;
	display: inline-block;
	width: 100%;
}
.services .nav-tabs {
	display: inline-block;
	width: 100%;
}
.latest-work .col-4 .item {
	width: 50%;
}
.gal-item img {
	width: 100%;
}
.latest-work .filter {
	top: 0px;
	position: relative;
	margin-bottom: 20px;
	min-height: auto;
}
.portfolio.style-2 li.item {
	width: 50% !important;
}
header {
	padding: 0px;
}
.panel-heading span{
	font-size:25px/*25px*/
	}
			
/*================Menu===================*/

.menu-bar {
    position: absolute;
    top: 20px;    
    left: 92%;/*50%*/
    height: 14px;
    margin-left: -10px;
}

.bars {
    display: block;
    width: 20px;
    height: 3px;    
    background-color: #333;
    box-shadow: 0 5px 0 #333, 0 10px 0 #333;
}

.menu {
    display: none; 
    width: 100%;
    padding: 20px 10px 20px;
    margin: 40px auto;
    text-align: center;
    background-color: #fff;
}
.menu ul {
    margin-bottom: 0;
}
.menu a {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding: 5px 12px;/*8px*/
    border-radius: 4px;
    letter-spacing: 0.5px;
    font-weight: 700;
    position: relative;
    z-index: 999;
    text-transform: uppercase;
}
.menu a:hover {
    text-decoration: none;
    opacity: 1;
	background:#1193d4;
	color:#fff;
}
/*===== fin de menu=====*/
header .logo {
	width: 100%;
	padding: 0px;
	text-align: left;
	border: none;
	padding-top: 0px;
	margin-bottom:15px;
}
header .ownmenu {
	width: 100%;
	padding: 0px;
}
.search-icon {
	margin-top: 3px;
}
.clients .col-5 {
	text-align: center;
}
.counter li {
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.counter .count:before {
	right: 0px;
	left: 0px;
	margin: 0 auto;
	top: -50px;
	display: none;
}
.testi {
	width: 100%;
}
.home-slide li h1 {
	font-size: 40px;
}
.clients .col-5 li {
	width: 49%;
	display: inline-block;
	float: none;
	margin-bottom: 30px;
}
header .navbar {
	width: 100%;
    padding-bottom: 0px;/*10px*/
  margin-top:40px;
}
.ownmenu ul.dropdown:before{
	display:none;
}
.ownmenu ul.dropdown li a{
	line-height:36px;
}
.ownmenu .indicator{
	margin-top:-2px;
}
.top-bar {
	width: 100%;
}
header .quotes a {
	margin-right: 0px;
	margin-bottom: 20px;
}
.top-bar {
	width: 100%;
}
.top-info {
	height: auto;
	padding-bottom: 10px;
}
.right-sec {
	float: left;
	width: 100%;
	margin-top: 10px;
}
header .ownmenu {
	width: 100%;
}
.home-slide .position-center-center {
	width: 100%;
	margin-top:40px;
}
.heading p {
	width: 100%;
}
.members li {
	width: 50%;
	float: left;
}
.home-slide .slide-img-1 {
	background-position: center center !important;
}
.home-slide .slide-img-2 {
	background-position: center center !important;
}
.home-slide .slide-img-3 {
	background-position: center center !important;
}
.sub-bnr{
	background-position: center center !important;
}
.portfolio .col-3 .cbp-item {
	width: 100%;
}
.portfolio .bottom-detail {
	width: auto;
	right: 20px;
}
.portfolio .bottom-detail h3 {
	font-size: 18px;
}
.portfolio .top-detail a {
	height: 50px;
	width: 50px;
	line-height: 52px;
}
footer h6 {
	margin-top: 40px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
footer .photo-steam {
	display: inline-block;
	width: 100%;
}
.team-list article h5{
	margin-top:15px;
}
}
@media (max-width:640px) {
}
@media(max-width:540px) {
.offer-services li {
	width: 100%;
}
.portfolio.style-2 li.item {
	width: 100%;
}
.offer-services li .position-center-center {
	width: 100%;
}
.services .nav-tabs li .img-responsive {
	height: 180px;
}
.latest-work .col-4 .item {
	width: 100%;
}
.team ul li {
	width: 100%;
}
.team ul li {
	width: 100%;
}
.team .social li {
	width: auto;
}
.ownmenu ul.dropdown:before {
	top: 15px;
	z-index: 99;
}
}
@media(max-width:440px) {
}
@media(max-width:320px) {
.members li {
	width: 100%;
	float: left;
}
.home-slide li h1 {
	font-size: 25px;
}
}
@media(max-height: 700px) {
}
@media (min-width:320px) and (max-width:480px){
	.home-slide li h1 {
	font-size: 18px;
}
.home-slide li h5{
	font-size:15px;
	}
	.right-sec {
	float: left;
	width: 100%;
	margin-top:-16px;
}
	.top-info .personal-info {
	color: #999999;
	float: left;
	padding-top:10px;
}
header .navbar {
	width: 100%;
   /* padding-bottom: 10px;*/
   margin-top:35px;
}
header .logo {
	width: 100%;
	padding: 0px;
	text-align: left;
	border: none;
	padding-top: 0px;
	margin-bottom:5px;
}
/*.ownmenu > li.showhide {
	text-align: right;
	color: #252525;
	font-size: 20px;
	margin-top:-45px;
    width: 40px;
    float: right;
	margin-bottom:0 !important;
}*/
.colio .colio-container{
	width: 100%;
    position: relative;
    margin-top: 10px;
	
	}
	.inside-colio{
		padding:10px 0;}
		.colio-theme-black .colio-navigation{
			left:35px;
			top:35px;
			}
			.colio-theme-black .colio-close{
				top:35px;
				
				}
				.inside-colio .heading{
					margin-top:10px;}
					.history .heading > h4{
						margin-bottom:10px;
						font-size:15px;
						}
						.list-style p{
							font-size:12px;
							
							}
						.panel-heading span{
							font-size:25px;
							}	/*================Menu===================*/

.menu-bar {
    position: absolute;
    top: 20px;    
    left: 92%;/*50%*/
    height: 14px;
    margin-left: -10px;
}

.bars {
    display: block;
    width: 20px;
    height: 3px;    
    background-color: #333;
    box-shadow: 0 5px 0 #333, 0 10px 0 #333;
}

.menu {
    display: none; 
    width: 100%;
    padding: 20px 10px 20px;
    margin: 40px auto;
    text-align: center;
    background-color: #fff;
}
.menu ul {
    margin-bottom: 0;
}
.menu a {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding: 5px 12px;/*8px*/
    border-radius: 4px;
    letter-spacing: 0.5px;
    font-weight: 700;
    position: relative;
    z-index: 999;
    text-transform: uppercase;
}
.menu a:hover {
    text-decoration: none;
    opacity: 1;
	background:#1193d4;
	color:#fff;
}
.close
    {
      color:white ! important;
      opacity:1.0;
	  font-size:30px;
    } 	
		#btnExit{
		float:right;
		width:50px;
		height:30px;
		background:#1193d4;}
	}