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

@media (min-width:767px){	
	.mob{display:none !important;}
	.mob-off{display:block !important;}
	
	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus{background: #082948;color: #ffffff !important;}
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.active>a{background: #082948;color: #ffffff !important;}
	
	.nav.navbar-nav li ul.dropdown-menu li a:hover, 
	.nav.navbar-nav li ul.dropdown-menu li a:focus{background: #082948;color: #ffffff;}
	.nav.navbar-nav li ul.dropdown-menu li.active>a {background: #a26227;color: #ffffff !important;}
}

@media (min-width:1023px){
	.page-header h1{padding-top: 160px;}
	.navbar-nav .open .dropdown-menu {margin-top: 5px;}	
}

@media (min-width:1360px){
	.container { width: 1280px;}
}


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


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

/*MAX*/
@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: 100px;}
	.navbar {padding: 0px 0;min-height: 90px;}
	.navbar-nav {width: auto !important;display: flex !important;flex-wrap: wrap;justify-content: center;margin-top: 0px;}
	.navbar-default .navbar-nav>li>a {font-size: 14px;padding: 5px 10px;}
	.navbar-collapse {width: 100%;min-width: 610px;border-top: 0;-webkit-box-shadow: none; box-shadow: none;}
	
	
	.top-nav-collapse {padding: 0px 0;min-height: 50px;}
	.top-nav-collapse .navbar-nav>li>a {font-size: 14px;padding: 0px 10px;}
	.top-nav-collapse .navbar-nav {width: auto !important;display: flex !important;flex-wrap: wrap;justify-content: center;margin-top: 0px;}
	.top-nav-collapse .navbar-brand>img {width: auto;max-height: 65px; margin-top: 0px;}
	.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: 145px;}
	
}

@media (min-width: 991px) and (max-width:1024px){
	.navbar {padding: 0px 0;}
	
	.navbar-brand {padding: 0px;height: 105px;}
	.navbar-nav {width: auto !important;display: flex !important;flex-wrap: wrap;justify-content: center; margin-top: 0px;}
	.navbar-collapse {width: 100%;min-width: 610px;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}
	.navbar-brand>img {width: auto;max-height: 110px; padding-top: 10px;padding-bottom: 10px;}
	
	.top-nav-collapse .navbar-brand>img {width: auto;max-height: 50px;margin-top: 0px;}
	.top-nav-collapse{padding: 0px 0; min-height: 50px;}
	.top-nav-collapse .navbar-nav {width: auto !important;display: flex !important;flex-wrap: wrap;justify-content: center;margin-top: 0px;}
	
	.hdr-contact-info {text-align: right; font-size: 14px !important; line-height: 24px !important; font-weight: 700;}
}

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


@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;}
	
	.hdr-contact-info {text-align: right; font-size: 14px !important; line-height: 24px !important; font-weight: 700;}
	
	.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 { padding: 0px 0;}
	.navbar-collapse {width: 100%;}
	.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 !important; margin: 0px auto;}
	.container>.navbar-header, 
	.container-fluid>.navbar-header, 
	.container>.navbar-collapse, 
	.container-fluid>.navbar-collapse {margin-right: auto; margin-left: auto;text-align: center;}
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {border-color: #e7e7e7;float: none;margin-top: 20px;}
	.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 10px;}
	*/
	.top-nav-collapse .navbar-collapse{/*display:none !important;*/}
	.top-nav-collapse .navbar-nav>li>a {font-size: 14px; padding: 0px 10px;}
	.top-nav-collapse .navbar-brand { height: auto; padding: 0px; font-size: 18px; line-height: 20px;}
	
	.logo-text {font-size: 22px;}
	
	.sec-caption-left {/*position: absolute;top: -90px;right: 0% !important;width: 310px;height: 310px;background: rgba(39, 41, 116, 0.5);border-radius: 100%;*/}
	.hdr-covered-area{padding-top: 145px;}
	/*-----------*/
}

@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;}
	
	.hdr-contact-info {text-align: right; font-size: 14px !important; line-height: 24px !important; font-weight: 700;}
	
	.top-little-menu ul li {padding: 0px 15px;margin: 0px 5px; border-radius: 3px;}
}

@media (max-width:767px){
	
	.mob{display:block !important;}
	.mob-off{display:none !important;}
	
	.navbar {min-height: 60px;margin-bottom: 0px;box-shadow: 0px 0px 20px 0px #a26227;}
	.navbar-default {background: #a26227;border-color: #a26227;}
	.navbar-default .navbar-toggle {margin-left: 5px;margin-right: 5px;}

	.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:65px;width:auto;padding-top: 5px;padding-bottom: 5px;margin-left: 10px;}
	.navbar-toggle {margin-top: 10px;}
	.logo-text {font-size: 30px; line-height: 40px; text-align: center;}
	
	.top-nav-collapse .navbar-brand>img {width: auto;max-height: 60px;margin-top: 0px;padding-top: 5px;}
	.navbar-nav {display: block !important;margin-top: 0px;}
	
	/*.nav.navbar-nav li ul.dropdown-menu li a:hover,*/ 
	.nav.navbar-nav li ul.dropdown-menu li a:focus{background: #2db97e;color: #ffffff;}
	.nav.navbar-nav li ul.dropdown-menu li.active>a {background: #082948;color: #ffffff !important;}
	
	.nav .open>a, 
	/*.nav .open>a:hover,*/ 
	.nav .open>a:focus {background: ##082948;border-color: #0f1164;color: #ffffff;}
	
	.offcanvas-menu>ul li a:hover {/*background: #2db97e;box-shadow: inset 0 -1px rgb(0 0 0 / 0%);color: #ffffff;*/} 
	.offcanvas-menu>ul li.active>a {background: #082948;box-shadow: inset 0 -1px rgb(0 0 0 / 0%);color: #ffffff;}
	.dropdown-menu>.active>a, 
	.dropdown-menu>.active>a:hover, 
	.dropdown-menu>.active>a:focus{background: #2db97e;color: #ffffff;}
	.dropdown-menu>.active>a{background: #082948;color: #ffffff;}
	
	.hdr-covered-area{padding-top: 65px;}
	
	.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;    display: none;}
	.hero-slide .container { position: initial;transform: none;}
	.hero-slide .carousel-control.left, .hero-slide .carousel-control.right{top: 50%;}
	.carousel-indicators{display:none;}
	.sec-caption-left {position: initial !important; margin: 0px auto;float: 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;}
	
	
	.our-services{position:initial;width:100%;background: #dedde2;}	
	.we-care{position:initial;width:100%;top:0px;background:rgba(39, 41, 116, 0.5);}
	.we-care-bottom{position:absolute;width:100%;bottom:-10px;}
	
	
}

@media (max-width:680px){
	.hdr-covered-area{padding-top: 100px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 50%;/*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: 20px;}
	.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 #a26227;}
	.navbar-default {background: #a26227);border-color: #a26227;}	
	.navbar-header{height:55px;/*display: flex; vertical-align: middle;align-items: center;justify-content: space-between;*/}
	.navbar-brand img{height:60px;width:auto;}
	.navbar-toggle {margin-top: 10px;}
	.logo-text {font-size: 24px;line-height: 30px;text-align: center;}
	
	.hdr-covered-area{padding-top: 100px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 50%;/*top: 65%;*/}
	
	.divider-wrap h2 {font-size: 22px; line-height: 28px;}
	.divider-wrap {padding-bottom: 20px;}
	.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 #a26227;}
	.navbar-default {background: #a26227);border-color: #a26227;}
	.navbar-header{height:60px;/*display: flex; vertical-align: middle;align-items: center;justify-content: space-between;*/}
	.navbar-brand img{height:75px;width:auto;}
	.navbar-toggle {margin-top: 10px;}
	.toggle-contact-info .icon-bar-dot { background: #a26227;display: block;width: 10px; height: 10px; margin: 2px auto; border-radius: 1px;}
	.logo-text {font-size: 20px;}
	
	.hdr-covered-area{padding-top: 110px;}
	.hero-slide .carousel-control.left, 
	.hero-slide .carousel-control.right { height: 40px; line-height: 40px; top: 50%;/*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: 20px;}
	.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;}
}