/* ========================================================================
 Component: Responsive Fix
========================================================================== */
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1200px) {
.bp-case-study-content p {
  font-size: 20px;
}
}
@media only screen and (max-width: 1024px) {
.bp-case-study{
top: 10%;
}
.bp-case-study-content p {
  font-size: 20px;
}
.bp-contact-layer{
position: relative;
width: 100%;
}
#map {height: 500px;}
#mapCarousel{
  left: 30%;
  top: 60%;
}
.bp-contact-content{
 margin-top: 0;
padding: 90px 20px 90px 30px;
width: 100%;
/*background: rgba(255,255,255,.8);*/
margin-left: 0;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 992px) {
.menu-trigger {
  right: 65px;
}
header .logo-container {
  left: 55px;
}

/*  .top-header{
  margin-top: 50px;
}
.th-text{
  display: none;
}*/
}
@media (max-width: 1200px) {
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    margin-top: 20px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.collapse.in{
  display:block !important;
}
.navbar-collapse.collapse{
  overflow-y:auto;
}
.fh5co-nav-toggle {
display: block;
}

.navbar-nav   > li {
float: none;
display: block;
}
.navbar-nav{
  float: left;
  /*margin-right: -15px;*/
  margin-left: 20px;
}
.nav > li{
text-align: left;
}
.navbar-header {
  float: none;
}
.carousel-caption .slider-icon img{
  max-width: 150px;
}
footer .col-lg-2:nth-child(1),footer .col-lg-3,footer .col-lg-5{
border: none;
}

.bp-events-content.box1,
.bp-events-content.box2{
position: relative;
width: 100%;
}
.bp-events-content.box1{
left: 0px;
top: 0px;
}
.bp-events-content.box2{
top: 0px;
right: 0px;
}
.bp-events-inner{
display: none;
}
}
@media (min-width: 768px){
.navbar-collapse.collapse{
  overflow-y:auto;
  overflow-x:hidden;
}
}
/*Tablet Pottrait size to standerd 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ab-btn{
padding-left: 20px;
}
.carousel-caption .slider-icon img{
  max-width: 100px;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.carousel-caption .slider-icon img{
  max-width: 100px;
}
footer .col-lg-2:nth-child(1),footer .col-lg-3,footer .col-lg-5{
border: none;
}
}
/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {
header .logo-container {
  left: 35px;
}
.top-header .th-text{
  text-align: center;
}
.carousel-caption .slider-icon img{
  max-width: 100px;
}


.header-page{
  margin-top: 120px;
}
.bg-section{
  display: block;
}
#bp-case-study{
  background-image: none!important;
  background-color: #363636!important;
}
#bp-case-study{
  padding: 0;
}
.bp-case-study{
  position: relative;
  padding: 40px 50px;
  width: 100%;
  text-align: center;
}
.bp-case-study-content p {
  font-size: 24px;color: #fff;
}
.bp-case-study .bp-1a4997transparent{
  border-color: #fff;
  color: #fff;
}

.bp-cowork-content{
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  border: none;
  background-color: #fcfcfc;
}
.bp-contact-layer{
position: relative;
width: 100%;
}
#map {height: 500px;}
#mapCarousel{
  left: 20%;
  top: 60%;
}
.bp-contact-content{
 margin-top: 0;
padding: 90px 20px 90px 30px;
width: 100%;
/*background: rgba(255,255,255,.8);*/
margin-left: 0;
}

.bs-caption .carousel-caption{
  top: 15%;
}
.bs-caption .carousel-caption h1{
  font-size: 45px;
}
.bs-caption .carousel-caption, .carousel-caption p{
  font-size: 21px;
}
.bp-community-btn{
position: relative;
top: 0;
right: 0;
}

#bs-events{
  padding-bottom: 40px;
}
.bs-events-inner{
  display: none;
}
.bs-events-content.box1{
position: relative;
width: 100%;
left: 0px;
top: 0px;
}
.bs-events-content.box2{
position: relative;
width: 100%;
top: 0px;
right: 0px;
}
.bp-events-inner
display: none;
}
}
@media only screen and (max-height: 600px) {
.mobilenav li {
  font-size: 120%;
}

}
/*Mobile Landscape Size to Tablet Portrait  (devices and browers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu-trigger {
  right: 45px;
}


}
/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */


@media only screen and (max-width: 479px) {
.menu-trigger {
  right: 20px;
  top: 20px;
}
header .logo-container {
  left: 29%;
  top: 33px;
}
.navbar-brand img {
  max-width: 200px !important;
}
.carousel-caption h1{
  font-size: 24px;
}

.carousel-call-button .button{
  padding: 5px 35px;
  font-size: 14px;
}

.carousel-caption {
    top: 15%;
    text-align: center;
    left: 0;
    padding: 20px 10px;
}
.carousel-caption .slider-icon img{
  max-width: 100px;
}
.bs-caption .carousel-caption, .carousel-caption p {
  font-size: 18px;
}
.button{
  padding: 10px 15px;
}
.bp-case-study{
  padding: 40px 20px;

}

}