/*for small mobile device (iphone-4) */
@media (max-width: 360px) {
	.inside-block, .padded {
    padding: 25px 50px;
	}
	#intro-tagline::before{
		top: 86.5%;
	}	
}	
@media (max-width: 640px) {
	.site-header img, .mobile_ebook{
	    margin: 40px auto 0;
	}
	.has-top-margin {
		margin-top: 0;
	}
}
@media (max-width: 480px){
  .stats .list-flex li {
    width: 49%;
  }
  .box3-bg {
    position: relative;
    top: 0;
  }
  .responsive_mt3 {
    margin-top: 30px!important;
  }
  .left-border::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: medium none;
  }
  .responsive_mt2 {
    margin-top: 20px;
  }
  .about-content {
    border: medium none;
    padding: 0;
  }
  .about-content::before {
    background-color: unset;
    border: medium none;
    right: 0;
  }
  .about-content::after {
      background-color: unset;
      border: medium none;
      right: 0;
    }
  .bullets {
      margin: 0;
      padding: 0;
  }
  .about-img {
      margin: 20px 0 0 30px;
  }
  .inside-block:last-child {
      margin-bottom: 20px;
  }
  .pt10 {
      padding-top: 50px;
  }
  .about-img img {
    margin-bottom: 40px;
    height: 16em !important;
  }
  .responsive_mt3 {
    margin-top: 30px;
  }
  .contact-info{
      margin-top: 40px;
    }
  
  .banner-image {
    min-height: 37em !important;
  }
  .work-img img {
    width: 100%;
}



}
@media  (min-width: 480px) and (max-width: 640px) {
	.site-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	}
	#intro-tagline::before{
		top: 78.5% !important;
	}	
}
@media (min-width: 480px) and (max-width: 767px) {	
  .box3-bg {
    position: relative;
    top: 0;
  }
  .responsive_mt3 {
    margin-top: 30px!important;
  }
  .responsive_mt2 {
    margin-top: 20px;
  }
  .about-content {
    border: medium none;
    padding: 0;
  }
  .about-content::before {
    background-color: unset;
    border: medium none;
    right: 0;
  }
  .about-content::after {
    background-color: unset;
    border: medium none;
    right: 0;
  }
  .bullets {
    margin: 0;
    padding: 0;
  }
  .about-img {
      margin: 20px 0 0 30px;
  }
  .banner-image {
    min-height: 37em !important;
  }

}
/*for mobile device (till rotate view) */
@media (max-width: 767px) {
  .google-map{
    height: 300px;
    margin-bottom: 50px;
}
  .full-height-img{
  margin: 0 auto;
  }	
  .align-item-stretch{
    display: block;
  }
	.site-header{
		padding-top: 0;
	}
	.site-header h1 {
    font-size: 28px;
    line-height: 40px;
	}
	.site-header p {
    font-size: 17px;
 	}
  .stats .list-flex {
    flex-wrap: wrap;
  }
  .stats .left-icon {
    font-size: 10px;
  }
  .stats .right-text h1 {
    font-size: 35px;
  }
  .featured-logo {
    display: flex;
    justify-content: center;
  }
  .featured-logo img{
    width: 55%;
  }
  .left-border::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: medium none;
  }
  .contact-info{
    margin-top: 40px;
  }
  #map{
    display: none;
  }
  .work-gallery {
    margin-top: 30px;
  }



}
@media (min-width: 640px) and (max-width: 991px) {
}	
@media (max-width: 991px) {
  .stats-section {
    padding: 20px 0;
  }
    .featured-logo-section {
    padding: 50px 0 !important;
    text-align: center;
  }
	.burger {
    padding: 50px 0;
	}
  .gutter{
	padding: 0px;
	}
	.inside-block {
    padding: 20px 0 0;
	}
	.padded{
		padding: 0;
	}
	.quote-text {
		font-size: 17px;
		line-height: 26px;
	}
  .featured-logo {
    margin-top: 15px;
  }
  .work-gallery {
      margin-top: 30px;
  }
}
@media(min-width: 992px) and (max-width: 1024px){
  .left-border::before {
    left: -27px;
  }
}
@media(min-width: 768px) and (max-width: 1024px){
  .right-text h1{
    font-size: 27px;
  }
  .site-header h1 {
      font-size: 30px;
      line-height: 42px;
  }	
  .site-header p {
      font-size: 17px;
  }
  .site-header{
 	padding-top: 50px;
  }
  .stats .left-icon {
    font-size: 13px;
  }
  .center-right {
    left: 23em;
    top: 110px;
  }
  .flex {
    display: flex;
  }
  .about-content {
      border: medium none;
      padding: 0;
    }
    .about-content::before {
      background-color: unset;
      border: medium none;
      right: 0;
    }
  .about-content::after {
    background-color: unset;
    border: medium none;
    right: 0;
  }
  .bullets {
      margin: 10px 0 0;
      padding: 0 11px;
  }
  .banner-image {
    background-position: 0 0;
    min-height: 37em!important;
}
  
  
}
@media (min-width: 1024px){
	.site-menu-trigger {
		display: none;
	}
	.ps-btn.is-hidden  {
		top: 0;
	}
	.ps-btn.is-hidden.slide-in {
    opacity: 1;
    right: 5%;
  }
  .ps-btn.is-hidden {
    margin: 14px 0 0;
    opacity: 0;
    padding: 0.8em 2.2em;
    position: fixed;
    right: -20%;
    top: 0;
    transition: right 0.3s ease 0s, opacity 0.3s ease 0s;
	}
  
}
@media(min-width: 992px) and (max-width: 1199px) {
  .center-right {
      left: 14em;
      top: 91px;
  }
  .about-content {
    padding: 25px 13px 55px;
  }
  .left-border::before {
    left: -27px;
  }
  
}
@media (max-width: 1023px) {
  .site-menu li a{
    padding: 2vh 4vh;
  }
	.site-menu li:first-child {
    border-bottom: 1px solid #424242;
	}
	.site-menu .btn-alpha {
	    margin: 17px 12px;
	    padding: 12px 30px;
	}
	.site-menu .active::after{
		display: none;
	}
	.site-menu ul a{
		color: #fff;
		  border-bottom: 1px solid #424242;
	}
	.site-menu ul {
    background: rgba(3, 13, 24, 0.96) ;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    position: fixed;
    right: 4%;
    z-index: 9;
    width: 90%;
    transform: scale(0);
    transform-origin: 100% 100% 0;
    transition: transform 0.3s ease 0s, visibility 0s ease 0.3s;
	}
	.site-menu ul.is-visible{
		transform: scale(1);
	}
	.site-menu-trigger {
    bottom: 10px;
    position: fixed;
	background: rgba(3, 13, 24, 0.96) none repeat scroll 0 0;
    border-radius: 50%;
    height: 44px;
    overflow: hidden;
    position: fixed;
    right: 4%;
    text-indent: 100%;
    white-space: nowrap;
    width: 44px;
     box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.8);
    z-index: 99;
	}
	.site-menu-trigger span {
    background: rgba(240, 238, 225, 0) none repeat scroll 0 0;
    bottom: auto;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background 0.3s ease 0s;
    width: 20px;
  }
  .site-menu-trigger span::before, .site-menu-trigger span::after {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    background: #f0eee1;
    top: 0;
    left: 0;
    transition: transform ease 0.3s;
  }
  .site-menu-trigger span::before {
    transform: rotate(91deg);
  }
  .site-menu-trigger span::after {
    transform: rotate(0);
  }
  .site-menu-trigger.menu-is-open {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  .site-menu-trigger span::before, .site-menu-trigger span::after {
    
  }
  .site-menu-trigger.menu-is-open span::before {
    transform: rotate(135deg);
  }
  .site-menu-trigger.menu-is-open span::after {
    transform: rotate(225deg);
  }
}

@media (max-width: 1990px) { 
  .work-gallery {
      overflow: hidden;
   }
}