.hippo-offcanvas-html-open,.hippo-offcanvas-body-open{height:auto}
@media (min-width:767px){
	
	.mob{display:none!important}
	.mob-on{display:none!important}
	.mob-off{display:block!important}
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus{background:#eda407;color:#ffffff!important}
	
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.active>a{background:#eda407;color:#ffffff!important}
	
	.nav.navbar-nav li ul.dropdown-menu li a:hover,
	.nav.navbar-nav li ul.dropdown-menu li a:focus{background:#eda407;color:#fff}
	.nav.navbar-nav li ul.dropdown-menu li.active>a{background:#1582cb;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}
}
@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:0 auto}
	.navbar-brand>img{max-height:100px}
	.navbar{padding:0 0;min-height:90px}
	.navbar-nav{width:auto!important;display:flex!important;flex-wrap:wrap;justify-content:center;margin-top:0}
	.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:0 0;min-height:50px}
	.top-nav-collapse .navbar-nav>li>a{font-size:14px;padding:0 10px}
	.top-nav-collapse .navbar-nav{width:auto!important;display:flex!important;flex-wrap:wrap;justify-content:center;margin-top:0}
	.top-nav-collapse .navbar-brand>img{width:auto;max-height:65px;margin-top:0}
	.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:0 0}
	.navbar-brand{padding:0;height:105px}
	.navbar-nav{width:auto!important;display:flex!important;flex-wrap:wrap;justify-content:center;margin-top:0}
	.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:0}
	.top-nav-collapse{padding:0 0;min-height:50px}
	.top-nav-collapse .navbar-nav{width:auto!important;display:flex!important;flex-wrap:wrap;justify-content:center;margin-top:0}
	.hdr-college-info h2{color:#96ca2d;font-size:18px}
	.hdr-college-info h3{color:#96ca2d;font-size:14px}
	.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-college-info h2{color:#96ca2d;font-size:18px}
	.hdr-college-info h3{color:#96ca2d;font-size:14px}
	.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}
	.top-nav-collapse .navbar-nav>li>a{font-size:14px;padding:0 10px}
	.top-nav-collapse .navbar-brand{height:auto;padding:0;font-size:18px;line-height:20px}
	.logo-text{font-size:22px}
	.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-college-info h2{color:#96ca2d;font-size:24px}
	.hdr-college-info h3{color:#96ca2d;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:0 15px;margin:0 5px;border-radius:3px}
}
@media (max-width:767px){
	.mob{display:block!important}
	.mob-on{display:block!important}
	.mob-off{display:none!important}
	.navbar{min-height:60px;margin-bottom:0}
	.navbar-default{background:#96ca2d;border-color:#96ca2d}
	.navbar-default .navbar-toggle{margin-left:5px;margin-right:5px}
	.navbar-header{height:65px}
	.navbar-brand{float:left;height:100%;padding:0;font-size:18px;line-height:20px}
	.navbar-brand img{height:auto;width:auto;max-width:100%;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:0;padding-top:5px}
	.navbar-nav{display:block!important;margin-top:0}
	.nav.navbar-nav li ul.dropdown-menu li a:focus{background:#2db97e;color:#fff}
	.nav.navbar-nav li ul.dropdown-menu li.active>a{background:#eda407;color:#ffffff!important}
	.nav .open>a,.nav .open>a:focus{background:##eda407;border-color:#0f1164;color:#fff}
	.offcanvas-menu>ul li.active>a{background:#eda407;box-shadow:inset 0 -1px rgb(0 0 0 / 0%);color:#fff}
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:hover,
	.dropdown-menu>.active>a:focus{background:#2db97e;color:#fff}
	.dropdown-menu>.active>a{background:#eda407;color:#fff}
	.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:0}
	.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:5px}
	.carousel-common-caption{position:initial;padding:30px 0;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:0 auto;float:none}
	.sec-free-quote.flex-center{display:block!important}
	.free-quote-left{background:#fff;border-radius:10px}
	.free-quote-left .heading-text{font-size:24px;color:#000;margin-block-start:0;margin-block-end:0;margin-inline-start:10px;margin-inline-end:0}
	.free-quote-left ul li{display:inline-block!important;margin-right:10px!important;font-size:14px;color:#000}
	.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:0;background:rgba(39,41,116,.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%}
	.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:5px}
	.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:0}
	.navbar-default{background:#96ca2d;border:0}
	.navbar-header{height:55px}
	.navbar-brand img{height:auto;width:100%;max-width:100%;}
	.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%}
	.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){
	.container{width:96%!important;margin:0 2%}
	.navbar{margin-bottom:0;box-shadow:none!important}
	.navbar-default{background:#fff;border:0}
	.navbar-header{height:80px}
	.navbar-brand img{height:auto;width:auto;max-width:100%;}
	.navbar-toggle{margin-top:10px}
	.toggle-contact-info .icon-bar-dot{background:#96ca2d;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%}
	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:600}
	.divider-wrap{padding-bottom:20px}
	.support-wrapper p{font-size:14px;line-height:20px;font-weight:500}
	.btn{width:100%;margin:5px 0px;display:block;} 
	.handover-project{padding-top:30px}
	.carousel-common-caption .container{width:100%!important;padding-right:0;padding-left:0}
}