.hippo-offcanvas-html-open, 
.hippo-offcanvas-body-open {height: auto;}

@media (min-width:2140px){
	.page-header h1{padding-top: 160px;}	
	.page-header-wrapper {background-position: center;}
}

@media (min-width:1920px){
	.page-header h1{padding-top: 160px;}	
}


@media (max-width:1920px){
	.page-header h1{padding-top: 125px;}	
}

@media (max-width:1880px){
	.page-header h1{padding-top: 125px;}	
}

@media (max-width:1740px){
	.page-header h1{padding-top: 105px;}	
}

@media (max-width:1620px){
	.page-header h1{padding-top: 75px;}
	
}

@media (max-width:1440px){
	.page-header h1{padding-top: 75px;}
	
}

@media (max-width:1366px){
	.page-header h1{padding-top: 75px;}
}

@media (max-width:1200px){
	.page-header h1{padding-top: 75px;}
	
	.navbar-default .navbar-nav>li>a {font-size: 18px;}
	.btn-plan-online a{padding:0px;}
	.btn-plan-online img{width: 110px; margin-top: 0px;padding:0px;}
}

@media (max-width:1024px){	
	.navbar-default .navbar-nav>li>a {font-size: 16px;}
}


@media only screen and (min-width:480px) and (max-width:767px){
	.media-left, .media-right, .media-body{display:table-cell;margin-bottom:0;}
	.about-us-slider-wrapper .carousel-control.left{left:84%;}
	.about-us-slider-wrapper .carousel-control.right{right:0;}
	.download-box-wrapper{padding:60px;}
	.comments-wrapper .media-left, .comments-wrapper .media-right, .comments-wrapper .media-body{display:block;}
}

@media (min-width:768px) and (max-width:991px){
	
	.navbar-default .navbar-nav>li>a {font-size: 13px; padding: 10px 5px;}
		
	.btn-plan-online a{padding:0px;}
	.btn-plan-online img {width: 80px;margin-top: 10px;padding: 0px;}
	
	.intro-wrapper{background:#fff;}
	.our-progress{display:block;}
	
	.our-progress,
	.capability-tab-content,
	.handover-work-thumb{margin-bottom:30px;}
	
	.handover-wrapper .carousel-indicators{margin-left:inherit;width:100%;}
	.testimonial-wrapper .carousel-indicators{right:0;left:inherit;bottom:20px;width:100%;}
	.testimonial-wrapper .client-testimonial{padding:0 0 0 50px;font-size:16px;line-height:30px;}
	.social-link{margin-bottom:60px;}
	.about-us-slider-wrapper{padding:0 60px;}
	.about-us-slider-wrapper .carousel-control.left{left:88%;}
	.about-us-slider-wrapper .carousel-control.right{right:0;}
	
	.comments-wrapper .media-left, 
	.comments-wrapper .media-right, 
	.comments-wrapper .media-body{display:block;}
	
	.input-group.text-area{margin-left:inherit;}
	
	.typography-page-wrapper .button-style,
	.typography-page-wrapper .tab-style{margin-bottom:30px;}
	
}

@media (min-width:992px) and (max-width:1199px){
	.testimonial-wrapper .carousel-indicators{right:0;left:inherit;bottom:20px;width:100%;}
	.testimonial-wrapper .client-testimonial{padding:20px 0 0 50px;}
	.about-us-slider-wrapper .carousel-control.left{left:45%;}
	.about-us-slider-wrapper .carousel-control.right{right:48%;}
	.four-column .portfolio-item{min-height:120px;}
	.download-box ul li a{font-size:18px;}
}

@media (max-width:766px){
	
	.navbar {margin-bottom: 0px;}
	.navbar-default {/*background: rgba(0,0,0,0.7);border-color: rgba(0,0,0,0.7);*/background-color: #f8f8f8; border-color: #e7e7e7;}
	.navbar-header{height:90px;}
	.navbar-brand img{height:65px;width:auto;}
	.navbar-toggle {margin-top: 25px;}
	
	/*.carousel{padding-top: 0px;}*/
	
	.handover-project{padding-top: 30px;}
	
	.content-wrapper{top:0;/*margin-bottom:60px;*/}
	.intro-wrapper{background:#fff;}
	.intro-wrapper,
	.service-wrapper,
	.advantages-wrapper,
	.handover-wrapper,
	.testimonial-wrapper,
	.trusted-client-wrapper,
	.subscription-wrapper,
	.support-wrapper,
	.about-us-wrapper,
	.team-wrapper,
	.job-page-wrapper,
	.faq-wrapper,
	.contact-us-wrapper{padding:60px 20px;}
	
	.experiance-tab-content,
	.our-progress,
	.capability-tab-content,
	.handover-work-thumb{margin-bottom:30px;}
	
	.media-left, 
	.media-right, 
	.media-body{display:block;margin-bottom:20px;}
	
	.handover-work-thumb{margin-bottom:30px;}
	
	.handover-wrapper .carousel-indicators{margin-left:inherit;width:100%;}
	.testimonial-wrapper .carousel-indicators{right:0;left:inherit;bottom:20px;width:100%;}
	.testimonial-wrapper .client-testimonial{padding:0 0 0 50px;font-size:16px;line-height:30px;}
	.social-link{margin-bottom:60px;}
	.support-wrapper a.btn{padding:14px 12px;}
	.about-us-slider-wrapper{padding:0 20px;}
	.about-us-slider-wrapper .carousel-control.left{left:80%;}
	.about-us-slider-wrapper .carousel-control.right{right:-22px;}
	.download-box-wrapper{padding:60px 30px;}
	.download-box ul li{width:100%;margin-bottom:15px;}
	.inner-content{padding:60px 20px;}
	.pagination-wrap{margin-bottom:40px;}
	
	.comments-wrapper .media-left, 
	.comments-wrapper .media-right, 
	.comments-wrapper .media-body{display:block;}
	
	.comments-wrapper form{margin-bottom:40px;}
	.input-group.text-area{margin-left:inherit;}
	.typography-page-wrapper{padding:60px 20px;}
	
	.typography-page-wrapper .button-style,
	.typography-page-wrapper .tab-style{margin-bottom:30px;}
	
	.btn-plan-online img {width: 130px;margin-top: 0px;padding: 0px;margin-left: 20px;}
	
}

@media (max-width:580px){
	.navbar {margin-bottom: 0px;}
	.navbar-default {/*background: rgba(0,0,0,0.7);border-color: rgba(0,0,0,0.7);*/background-color: #f8f8f8; border-color: #e7e7e7;}
	.navbar-header{height:90px;}
	.navbar-brand img{height:65px;width:auto;}
	.navbar-toggle {margin-top: 25px;}
	
	/*.carousel{padding-top: 0px;}*/
	
	.handover-project{padding-top: 30px;}
}