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

@media (min-width:767px){	
	.mob{display:none;}
	.mob-off{display:block;}
}

@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;}
	
	.container {max-width: 1170px;width:90% !important;margin:0px auto;}
	
	.navbar-brand>img { max-height: 80px;}
	.navbar {padding: 10px 0;}
	.navbar-default .navbar-nav>li>a {font-size: 18px;padding: 10px 10px;}
	
	.top-nav-collapse {padding: 5px 0;}
	.top-nav-collapse .navbar-brand>img {width: auto;max-height: 40px; margin-top: 5px;}
	.top-nav-collapse .navbar-nav>li>a {font-size: 16px;line-height: 30px; font-weight: 500;}
	.logo-text {font-size: 30px;}
	
	.hdr-covered-area{padding-top: 130px;}
	
}

@media (max-width:1024px){
	.divider-wrap {padding-bottom: 30px;}
	.logo-text {font-size: 24px;}
	.navbar-default .navbar-nav>li>a {font-size: 16px; padding: 10px 15px;}
}


@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){
	.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;}
	
	
	/*-----------*/
	.navbar-brand>img { width: auto; margin: 0px auto; max-height: 80px; text-align: center;}
	.navbar-default .navbar-brand {width: 100%; text-align: center; color: #777;}
	.navbar-header {float: none;}
	.container>.navbar-header, 
	.container-fluid>.navbar-header, 
	.container>.navbar-collapse, 
	.container-fluid>.navbar-collapse {margin-right: auto; margin-left: auto;text-align: center;}
	.navbar-right { float: none !important; margin-right: auto;}
	.navbar-nav {float: none; margin: 0 auto; width: auto;display: inline-block; justify-content: center;}
	.navbar-default .navbar-nav>li>a {font-size: 14px; padding: 10px 5px;}
	
	.top-nav-collapse .navbar-nav>li>a {font-size: 16px; padding: 10px 10px;}
	.top-nav-collapse .navbar-brand { height: auto; padding: 0px; font-size: 18px; line-height: 20px;}
	
	.logo-text {font-size: 22px;}
	
	.hdr-covered-area{padding-top: 130px;}
	/*-----------*/
}

@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:767px){
	
	.mob{display:block;}
	.mob-off{display:none;}
	
	.navbar {margin-bottom: 0px;box-shadow: 0px 0px 20px 0px #444444;}
	.navbar-default {background: #222222);border-color: #444444;}
		
	.navbar-header{height:65px;display: flex; vertical-align: middle;align-items: center;justify-content: space-between;}
	.navbar-brand {float: left; height: 100%; padding: 0; font-size: 18px; line-height: 20px;}
	.navbar-brand img{height:80px;width:auto;}
	.navbar-toggle {margin-top: 15px;}
	.logo-text {font-size: 30px; line-height: 40px; text-align: center;}
	
	.hdr-covered-area{padding-top: 85px;}
	
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 65%;}
	
	.handover-project{padding-top: 30px;}
	
	.content-wrapper{top:0;margin-bottom:0px;}
	.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{margin:10px;}
	
	.carousel-common-caption { position: initial;padding: 30px 0px;}
	.hero-slide .container { position: initial;transform: none;}
	.hero-slide .carousel-control.left, .hero-slide .carousel-control.right{top: 15%;}
	.carousel-indicators{display:none;}
	.sec-free-quote.flex-center {display: block !important;}
	.free-quote-left {background: #ffffff; border-radius: 10px;}
	.free-quote-left .heading-text {font-size: 24px;color: #000000;margin-block-start: 0px; margin-block-end: 0px;margin-inline-start: 10px;margin-inline-end: 0px;}
	.free-quote-left ul li {display: inline-block !important;margin-right: 10px !important; font-size: 14px;color: #000000;}
	.free-quote-left ul.circle li::before {color: #5c595b;}
	.free-quote{float: none;width: 100%; max-width: 350px; margin: 10px auto;}
}

@media (max-width:680px){
	.hdr-covered-area{padding-top: 85px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 15%;/*top: 65%;*/}
	.logo-text {font-size: 26px;line-height: 30px;text-align: center;}
	
	h2,	.divider-wrap h2 {font-size: 22px; line-height: 28px;}
	h3 { font-size: 16px; line-height: 22px; font-weight: 500;}
	.divider-wrap {padding-bottom: 40px;}
	.support-wrapper p {font-size: 14px;line-height: 20px; font-weight: 500;}
	
	.btn{margin:10px;}
	
	.handover-project{padding-top: 30px;}
	
	
	.free-quote-left .heading-text {font-size: 22px;}
	.free-quote-left ul li {display: block !important; text-align: left; margin-right: 0px !important; font-size: 14px;font-weight: 600; color: #5c595b;}
}

@media (max-width:580px){
	.navbar {margin-bottom: 0px;box-shadow: 0px 0px 20px 0px #444444;}
	.navbar-default {background: #222222);border-color: #444444;}	
	.navbar-header{height:60px;display: flex; vertical-align: middle;align-items: center;justify-content: space-between;}
	.navbar-brand img{height:60px;width:auto;}
	.navbar-toggle {margin-top: 15px;}
	.logo-text {font-size: 24px;line-height: 30px;text-align: center;}
	
	.hdr-covered-area{padding-top: 85px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 10%;/*top: 65%;*/}
	
	.divider-wrap h2 {font-size: 22px; line-height: 28px;}
	.divider-wrap {padding-bottom: 40px;}
	.support-wrapper p {font-size: 14px;line-height: 20px; font-weight: 500;}
	
	.handover-project{padding-top: 30px;}
	.TP-questions{font-size: 16px !important; line-height: 20px !important; font-weight: 700 !important;}
	.TP-questions-btn .btn{padding: 10px 10px !important;font-size: 14px !important;font-weight: 700 !important;white-space: nowrap !important;}
}


@media (max-width:480px){
	.navbar {margin-bottom: 0px;box-shadow: 0px 0px 20px 0px #444444;}
	.navbar-default {background: #222222);border-color: #444444;}
	.navbar-header{height:60px;display: flex; vertical-align: middle;align-items: center;justify-content: space-between;}
	.navbar-brand img{height:60px;width:auto;}
	.navbar-toggle {margin-top: 15px;}
	.toggle-contact-info .icon-bar-dot { background: #444444;display: block;width: 10px; height: 10px; margin: 2px auto; border-radius: 1px;}
	.logo-text {font-size: 20px;}
	
	.hdr-covered-area{padding-top: 85px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 10%;/*top: 65%;*/}
	h1,	.divider-wrap h1 {font-size: 30px; line-height: 40px;}
	h2,	.divider-wrap h2 {font-size: 22px; line-height: 28px;}
	h3 { font-size: 16px; line-height: 22px; font-weight: 500;}
	.divider-wrap {padding-bottom: 40px;}
	.support-wrapper p {font-size: 14px;line-height: 20px; font-weight: 500;}
	
	.btn{margin:10px;}
	
	.handover-project{padding-top: 30px;}
	
	.carousel-common-caption .container{width:100% !important;padding-right: 0px;padding-left: 0px;}
}