@media (min-width: 768px){
	.portfolio .main-title {
		font-size: 12px;
	}
  .navbar-default {
    background: none;
    border: none;
  }
  .gallery-28 #main-image {
    height: 600px;
  }
}
@media (min-width: 1200px) {

  .container {
    width: 1000px;
  }
  .carousel-indicators-bg {
    background: none repeat scroll 0 0 #ccc;
    bottom: 231px;
    height: 100px;
    position: absolute;
    right: 0;
    width: 100px;
    z-index: 13;
  }
  ol.carousel-indicators {
    bottom: 195px;
    display: none;
    left: auto;
    margin: 0;
    right: 0;
    width: auto;
    z-index: 12;
  }
  /*
  ol.carousel-indicators li.bg {
    background: url("../img/slider-pagination.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    height: 67px;
    position: absolute;
    right: 0;
    top: -13px;
    width: 140px;
  }
  */
  ol.carousel-indicators li, ol.carousel-indicators li.active {
    background: #ccc;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 70px;
    width: 30px;
  }
  ol.carousel-indicators li.active {
    background: #27ccc0;
  }

  
  body.home .header .hd-bg {
    background: url("../img/bg-white.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 184px;
    /*margin-top: -300px;*/
    position: relative;
    z-index: 10;
  }
  /*
  .intro:before {
    background: url("../img/bg-white.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    height: 184px;
    left: 0;
    position: absolute;
    right: 0;
    top: -184px;
    z-index: 100;
  }
  .intro .img img {
  margin-top: -100px;
}
  */
.intro {
    /*height: 170px;*/
    position: relative;
    z-index: 11;
  }
  
  .demand .main-title {
    height: 60px;
    line-height: 30px;
  }
}
@media (min-width: 992px) {

	#menu_main li.active:after {
	  border-bottom-color: #fff;
	}
	#menu_main li ul.menu-child {
	  position: absolute;
	}
	#menu_main li:hover ul.menu-child {
	  display: block;
	  -webkit-animation: anime 500ms;
	  -moz-animation: anime 500ms; 
	  -o-animation: anime 500ms;
	  animation: anime 500ms;
	}
	#menu_main li span.caret {
		display: inline-block;
	}
	#menu_main li {
		height: 90px;
	}
  /* Normal */
  #header.normal #menu_main > ul > li {
    padding: 0;
  }
  #header.normal #menu_main > ul > li > a {
    padding: 32px 8px 0;
    transition: all 0.3s ease 0s;
  }
  #header.normal #menu_main > ul > li.active > a, #header.normal #menu_main > ul > li > a:hover {
    box-shadow: 0 -90px #6a6a6a inset;
    -webkit-box-shadow: 0 -90px #6a6a6a inset;
    -moz-box-shadow: 0 -90px #6a6a6a inset;
  }
  /* Stuck */
  #header.stuck #menu_main > ul > li {
    padding: 0;
  }
  #header.stuck #menu_main > ul > li > a {
    padding: 10px 8px 0;
    transition: all 0.3s ease 0s;
  }
  #header.stuck #menu_main > ul > li.active > a, #header.stuck #menu_main > ul > li > a:hover {
    box-shadow: 0 -50px #6a6a6a inset;
    -webkit-box-shadow: 0 -50px #6a6a6a inset;
    -moz-box-shadow: 0 -50px #6a6a6a inset;
  }

  #owl-teams .owl-next {
    background: url("../img/team-slider-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: auto;
    right: -15px;
  }
  #owl-teams .owl-prev {
    right: auto;
    left: -15px;
  }

}

/****************************************************************************************************
< 1199px
****************************************************************************************************/
@media (max-width: 1199px) {
   .header {
    margin: 0 0 20px;
  }
    body > img{
    display: none;
  }
h1 {font-size: 40px;line-height: 1.2em;}



/************************ 4.2. MAIN SLIDER ************************/
.slider_main__caption h3 {padding: 97px 0 0 0;font-size: 35px;}
.slider_main__caption h4 {width: 70%;font-size: 75px;line-height: 1em;}
.slider_main__caption .btn_wrapper {padding: 65px 0 0 0;}



/************************ 4.4. OUR TEAM ************************/
.our_team__item img {height: 220px;}

.our_team__item:hover .our_team__info {
-webkit-transform: translateY(-210px);
        transform: translateY(-210px);
}

.our_team__item:hover ul {
-webkit-transform: translateY(-57px);
        transform: translateY(-57px);
}



/************************ SERVICES ************************/
.services_item i {width: 50px;font-size: 50px;}
.services_item h4 {margin: 0 0 0 83px;}
.services_item p {margin: 0 0 0 83px;}



/************************ FEATURED SLIDER #1 ************************/
#slider_featured__1 {margin: 50px 80px 0 80px;}



/************************ FEATURED SLIDER #2 ************************/
#slider_featured__2 {}
#slider_featured__2 .item_caption {padding: 60px 20px 0 20px;}



/************************ PRICES ************************/
.prices_item {}
.prices_item .price span {font-size: 65px;}
.prices_item .price span:before {top: 17px;}



/************************ 5. BLOG PAGE ************************/
.blog_post__header h1 {margin: -10px 0 0 100px;}

.blog_tags a {padding: 7px 10px;font-size: 14px;}



}



/****************************************************************************************************
< 991px
****************************************************************************************************/
@media (max-width: 991px) {
  .hidden-mobile{
    display: none;
  }
  .header {
    margin: 0 0 20px;
  }
  .footer .rows .fcol {
    padding: 0 15px;
    float: none;
    display: block;
    max-width: 100%;
    border: none;
    height: auto;
  }
  .demand {
    max-height: 100%;
    background-image: none;
    background-color: none repeat scroll 0 0 #053d5d;
  }

/************************ HEADER ************************/
header {height: 50px !important;position: absolute !important;}

header .container {position: relative;}

.logo_main a img {
  height: auto;
  width: 40px;
}


header .icon_menu {width: 30px;height: 30px;display: block;background: rgba(0,0,0,.2);font-size: 30px;line-height: 30px;color: #fff;text-align: center;position: absolute;right: 15px;top: 10px;cursor: pointer;
-webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
}
header .icon_menu.active {background: #68c39f;}



header .back_top_mobile {width: 30px;height: 30px;display: inline-block;background: rgba(0,0,0,.5);font-size: 21px;line-height: 30px;color: #fff;text-align: center;position: fixed;right: 15px;top: 10px;z-index: 1000;cursor: pointer;
-webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
}



#menu_main {display:none; width: 100%;float: none;padding: 8px 15px 20px 15px;background: #75af3f;position: absolute;right: 0;top: 50px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
        z-index: 9999;
}
/*#menu_main li {height: auto !important;display: block;margin: 0 !important;padding: 7px 0 0 0 !important;}*/
#menu_main li {
  display: block;
  min-height: 40px;
  line-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
}
#menu_main li:before {display: none;}

/*#menu_main li a {font-size: 13px; line-height: 40px;}*/
#menu_main li a {
  font-size: 18px;
  line-height: 40px;
}
#menu_main li a:before,
#menu_main li a:after {display: none;}

#menu_main li .sub-nav-toggle {
  background: url("../img/plus-minus-icon.png") no-repeat scroll center -29px #7ccbfc;
  cursor: pointer;
  display: block;
  height: 38px;
  position: absolute;
  right: 0;
  width: 38px;
  z-index: 50;
  -o-transition: all 500ms ease-in;
  -webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}
#menu_main li .sub-nav-toggle.plus {
	background-color: #f4543c;
	background-position: center 13px;
}
#menu_main li span.caret {
	display: none;
}
/************************ MAIN SLIDER ************************/
.slider_main__wrapper {}

#slider_main .slide {padding: 50px 0 0 0;}

.slider_main__caption h3 {padding: 68px 0 0 0;font-size: 30px;}
.slider_main__caption h4 {font-size: 55px;}
.slider_main__caption h5 {padding: 25px 0 0 0;}
.slider_main__caption h5:before {display: none;}

.slider_main__caption .btn_wrapper {padding: 30px 0 0 0;}
.slider_main__caption .btn {padding: 15px 20px;}

#list_news .oneAlbum {
  height: auto;
}
  /* .oneAlbum a.thumb {
    height: 300px;
    width: 100%;
  }
  body.home .portfolio .oneAlbum a.thumb img.lazy, 
  #owl-other-gallery .oneAlbum a.thumb img.lazy, 
  .ccontent.gallery .oneAlbum a.thumb img.lazy {
    width: 100%;
  } */

}



/****************************************************************************************************
< 767px
****************************************************************************************************/
@media (max-width: 767px) {
  .header {
    height: auto;
  }
  /*
  .portfolio ul.filters, .portfolio ul.filters, #portfolio-filter {
    min-height: 60px;
    height: auto;
  }
  .portfolio ul.filters li, .wagwep-container ul#portfolio-filter li {
    float: none;
    background: url("../img/portfolio-filter.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  }
  .portfolio ul.filters li.is-checked, .wagwep-container ul#portfolio-filter li.current {
    background: url("../img/portfolio-filter-active.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  }
  .portfolio ul.filters li:hover, #portfolio-filter li:hover {
    background: url(../img/portfolio-filter-hover.png) repeat-x;
  }
  */
  nav#porfolio-nav li {
    display: block;
    width: 100%;
  }
  .navbar-default {
    background: none;
    border: none;
  }

/************************ MAIN SLIDER ************************/
.slider_main__caption {}

.slider_main__caption h3 {padding: 33px 0 0 0;font-size: 25px;}
.slider_main__caption h4 {display: none;}
.slider_main__caption h5 {display: none;}
.slider_main__caption .btn_wrapper {padding: 30px 0 0 0;}

/************************ ABOUT US ************************/
.about_us {padding: 0 0 30px 0;}

.about_us__text .row {padding: 0;}
.about_us__text h3 {margin: 15px 0 0 0;font-size: 20px;}
.about_us__text p {margin: 15px 0 0 0;}


.about_us__item {overflow: hidden;margin: 30px 0 0 0;padding: 30px 0 0 0
-webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
        box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
}

.about_us__item i {width: 60px;float: left;
-webkit-transform: none !important;
        transform: none !important;
}
.about_us__item h4 {padding: 0;color: #333 !important;}
.about_us__item p {padding: 10px 0 0 0;line-height: 1.5em;color: #333 !important;}
.about_us__item div {}
.about_us__item .btn {margin: 0;border-color: #043d5d;color: #043d5d;
opacity: 1;

-webkit-transform: none;
        transform: none;

-webkit-transition: border-color .4s ease-in-out, color .4s ease-in-out;
        transition: border-color .4s ease-in-out, color .4s ease-in-out;
}


.about_us__item .btn:hover {border-color: #68c39f;color: #68c39f;}

.about_us__item .item_hover {display: none;}
.services .col-sm-4:last-child { padding-bottom: 30px; }
}



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

/************************ MAIN SLIDER ************************/
.slider_main__caption {display: none;}
}