.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: #616C59;color: #ffffff !important;}

	.navbar-default .navbar-nav>.open>a, 

	.navbar-default .navbar-nav>.open>a:hover,

	.navbar-default .navbar-nav>.active>a{background: #616C59;color: #ffffff !important;}

	

	.nav.navbar-nav li ul.dropdown-menu li a:hover, 

	.nav.navbar-nav li ul.dropdown-menu li a:focus{background: #616C59;color: #ffffff;}

	.nav.navbar-nav li ul.dropdown-menu li.active>a {background: #3d74b8;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-college-info h2 {color: #3b4145; font-size: 18px;}

	.hdr-college-info h3 {color: #3b4145;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: #3b4145; font-size: 18px;}

	.hdr-college-info h3 {color: #3b4145;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;}

	

	

	/*-----------*/

	/*.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-college-info h2 {color: #3b4145; font-size: 24px;}

	.hdr-college-info h3 {color: #3b4145;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-on{display:block !important;}

	.mob-off{display:none !important;}

	

	.navbar {min-height: 60px;margin-bottom: 0px;box-shadow: 0px 0px 20px 0px #3b4145;}

	.navbar-default {background: #3b4145;}

	.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: #616C59;color: #ffffff !important;}

	

	.nav .open>a, 

	/*.nav .open>a:hover,*/ 

	.nav .open>a:focus {background: ##616C59;border-color: #616C59;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: #616C59;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: #616C59;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 #3b4145;}

	.navbar-default {background: #3b4145;}	

	.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 #3b4145;}

	.navbar-default {background: #3b4145;}

	.navbar-header{height:auto;/*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: #3b4145;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 0px;}

	.btn-default,

	.btn-primary,

	.btn-secondary{margin:10px 0px;display:block;width: 100%;}

	

	#MICarousel .btn-slide-prev, 

	#MICarousel .btn-slide-next{width:auto !important;}

	

	.handover-project{padding-top: 30px;}

	

	.carousel-common-caption .container{width:100% !important;padding-right: 0px;padding-left: 0px;}

}