/* Responsive */
@media screen and (min-width: 1400px) and (max-width: 1699px){
	.leadership_wrap .col-lg-4::before {
		width: 18% !important;
	}
}


@media (max-width: 1399px){
	.home_banner .banner_content {
		width: 50%;
	}
	.product_sec .main_heading h2 {
		width: 85% !important;
	}
	.corporate_sec .corporate_cont {
		width: 60%;
	}
	.about_tabs_inner {
		gap: 24px !important;
	}
	.about_tab_sec .about_tabs_inner a {
		font-size: 21px;
		line-height: 31px;
		padding-bottom: 12px;
	}
	.skill_cnt_left ul {
		grid-template-columns: repeat(3, 1fr) !important;
		row-gap: 24px;
	}
	.cap_cnt h4 {
		font-size: 24px !important;
		line-height: 32px !important;
	}
}

@media (max-width: 1199px){
	.inve_sec {
		grid-template-columns: 1fr 1fr !important;
	}
	header .container-fluid {
		padding: 0px 16px !important;
	}
	.nav_items_hgi ul {
		gap: 12px !important;
	}
	.hgi_bottomnav li a {
		font-size: 16px !important;
	}
	.home_banner .banner_content h1 {
		font-size: 52px;
		line-height: 62px;
	}
	.home_banner .banner_content {
		width: 60%;
	}
	.about_us_sec .about_left h2 {
		font-size: 42px;
		line-height: 52px;
	}
	.product_sec .main_heading h2 {
		width: 90% !important;
		font-size: 42px !important;
		line-height: 52px !important;
	}
	.hometab_list .hometab_content h4 {
		font-size: 21px;
	}
	.corporate_sec .corporate_cont h4 {
		font-size: 52px;
		line-height: 62px;
	}
	.about_tabs_inner {
		width: max-content;
	}
	.about_tabs {
		overflow: scroll;
	}
	::-webkit-scrollbar {
		width: 5px;
	}
	.about_tab_sec .about_tabs_inner a {
		font-size: 18px;
		line-height: 24px;
	}
	.about_tabs_cnt_sec .about_tab_highlight_cnt {
		width: 50%;
	}
	#main-header .hgi_navbar a img {
		width: 200px;
	}
	.single_capabilities_breadcum .single_capabilities_outer p {
		font-size: 42px;
		line-height: 52px;
	}
	.single_capabilities_breadcum .single_capabilities_outer h1 {
		font-size: 28px;
		line-height: 38px;
	}
	.about_tabs_cnt_sec .about_tab_highlight_cnt {
		width: 60%;
		padding: 24px;

	}
	.about_tabs_cnt_sec .about_tab_highlight_cnt p {
		font-size: 16px;
		line-height: 24px;
	}
	.about_tabs_cnt_inner .about_tab_main_cnt p {
		font-size: 18px;
		line-height: 26px;
	}
	.ab_mision_vision .about_accordian_outer .accordion-button {
		padding: 12px 42px;
		font-size: 28px;
		line-height: 38px;
	}
	.ab_mision_vision .accordion-body p {
		margin-bottom: 0px;
		font-size: 18px;
		line-height: 28px;
	}
	.main-maile .milestone ul li:nth-child(4n + 4) .icon {
		margin: 61px 0px 0px 120px;
	}
	.main-maile .milestone ul li:nth-child(4n + 2) .icon {
		margin: 61px 0px 0px 120px;
		background: #007AFF;
	}
	.career_box h4 {
		font-size: 24px !important;
	}
	.single_blog .single_blog_heading h1 {
		font-size: 26px;
		line-height: 34px;
	}
	.single_blog .single_blog_content p {
		font-size: 18px;
		line-height: 26px;
	}
	.single_blog_heading span {
		font-size: 16px !important;
	}
	.single_blog .single_blog_gallery {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}
	.single_blog .lastest_blog h4 {
		font-size: 21px;
		line-height: 29px;
	}
	.single_blog .lastest_blog ul li a p {
		font-size: 16px;
		line-height: 22px;
	}
	.contact_main_main_outer .contact_left_main {
		padding-left: 0px;
	}
	.contact_info ul li h4 {
		font-size: 24px !important;
	}
	.contact_main_main_outer .form_main_outer h2 {
		font-size: 32px;
		line-height: 42px;
	}
}

@media (max-width: 991px) {

	.home_banner .banner_content {
		width: 75%;
	}
	.about_us_sec .about_left {
		padding-right: 0;
	}
	.about_bottom_right .counter_box {
		align-items: self-start !important;
		padding: 18px;
		flex-direction: column;
	}
	.about_icon_cnt p {
		font-size: 17px;
		line-height: 24px;
	}
	.product_sec .top_heading {
		flex-direction: column !important;
	}
	.product_sec_heading_para {
		width: 100% !important;
	}
	.product_sec {
		padding: 100px 24px 100px 24px !important;
	}
	.home_tablist li:nth-child(3) {
		display: none;
	}
	.corporate_sec .corporate_cont {
		width: 90% !important;
	}
	.corporate_sec .corporate_cont {
		width: 80%;
	}
	.news_event_sec .hgi_heading h2 {
		font-size: 42px;
		line-height: 52px;
	}
	.client_sec .hgi_heading h2 {
		font-size: 42px;
		line-height: 52px;
	}
	.footer_top_text {
		width: 100% !important;
	}
	.footer_top_text p {
		font-size: 24px !important;
		line-height: 34px !important;
	}
	.client_sec .client_grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.products-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.product_sec_ .row .col-md-4 {
		width: 50%;
	}
	.product_box img {
		height: auto !important;
	}
	.company_profile_cum .single_capabilities_outer p {
		width: 90% !important;
	}
	.about_tab_highlight_cnt p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.about_tab_highlight_cnt {
		width: 70% !important;
		padding: 24px;
	}
	.milestone_awards_sec .content-item h4 {
		font-size: 16px;
		line-height: 24px ;
	}
	.milestone_awards_sec .tabs-container .tab {
		font-size: 20px;
		line-height: 28px;
	}
	.milestone {
		width: 100% !important;
	}
	.leadership_wrap .row .col-lg-8 {
		width: 70%;
	}
	.leadership_wrap .row .col-lg-4 {
		width: 30%;
	}
	.leadership_content p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.leadership_wrap h3 {
		font-size: 18px;
	}
	.leadership_wrap h3 span {
		font-size: 18px !important;
	}
	.leadership_wrap .col-lg-4::before {
		width: 16% !important;
	}
	.skill_cnt_left p:first-child {
		width: 100% !important;
	}
	.skill_bottom_cnt .skill_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	.skill_bottom_cnt p {
		width: 100% !important;
	}
	.about_tabs_cnt_sec .row .col-md-4 {
		width: 50%;
	}
	.single_cap_highlight {
		padding: 36px 50px 36px 50px !important;
	}

	.single_cap_highlight p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.career_icon {
		font-size: 32px !important;
	}
	.career_box {
		padding: 24px !important;
	}
	.career_box p {
		font-size: 16px;
		line-height: 24px;
	}    
	.career_box h4 {
		font-size: 21px !important;
	}
	.career_bottom_cnt p {
		width: 100% !important;
	}
	.career_sec .row .col-md-4 {
		width: 50%;
	}
	.single_capabilities_image .row.mt-5 .col-md-4 {
		width: 50% !important;
	}
	.single_capabilities_image .row.mt-5 p {
		font-size: 15px;
	}
	.single_capabilities_image .row.mt-5 h4 {
		font-size: 28px !important;
		line-height: 36px !important;
		width: 100% !important;
		margin-bottom: 24px !important;
	}
	.single_img_box img {
		height: 200px;
		object-fit: cover;
	}
	.apply-now {
		width: 70% !important;
	}
	.career_heading h2 {
		font-size: 28px !important;
		line-height: 36px !important;
	}
	.apply-now h2 {
		font-size: 28px !important;
		line-height: 36px !important;
	}
	.apply-form .form-group input {
		width: 100% !important;
	}
	.cap_sec .row .col-md-4 {
		width: 50%;
	}
	.client_categroy .logos {
		grid-template-columns: repeat(4, 1fr);
	}
}


@media (max-width: 767px){
	.home_banner .banner_content {
		width: 90% ;
	}
	.about_us_sec .row {
		justify-content: end;
		flex-direction: column-reverse;
	}
	.about_bottom_right .row .col-md-6 {
		width: 50%;
	}
	.about_bottom_right .row {
		flex-direction: row;
	}
	.about_us_sec .about_bottom_right {
		margin-top: 24px;
	}
	.about_us_sec .about_left {
		margin-top: 24px;
	}
	.product_sec {
		padding: 100px 16px 100px 16px !important;
	}
	.product_sec .main_heading h2 {
		width: 100% !important;
	}
	.product_sec .container {
		padding: 0;
	}
	.quality_sec .row .col-md-6 {
		margin-bottom: 24px;
	}
	.p_100 {
		padding: 80px 0px;
	}
	.corporate_btn {
		right: auto !important;
	}
	.news_events_slider .owl-nav {
		display: none !important; 
	}
	.news_event_sec .news_events_slider .owl-stage-outer {
		width: 100% !important;
		margin-left: auto;
	}
	.product_logo_box {
		flex-direction: column;
		align-items: start !important;
	}
	.hometab_content .plus_icon svg {
		width: 60px;
		height: 60px;
	}
	.hometab_list .hometab_content h4 {
		font-size: 16px;
	}
	.home_tablist li {
		height: 400px !important;
	}
	.product_sec .home_tablist {
		gap: 12px !important;
	}
	.hometab_content .product_logo_box svg {
		width: 50px;
		height: 50px;
	}
	.product_logo_box {
		align-items: center;
		gap: 12px !important;
	}
	.product_logo_box svg {
		width: 40px !important;
		height: 40px !important;
	}
	.corporate_sec .corporate_cont h4 {
		font-size: 42px !important;
		line-height: 52px !important;
	}
	.client_grid {
		grid-template-columns: repeat(3, 1fr) !important; 
	}
	.footer_top_social_link {
		text-align: left;
		display: flex;
		justify-content: start !important;
		align-items: center;
		gap: 20px;
		padding-bottom: 40px;
	}
	.footer_top_text {
		padding: 40px 0px 0px 0px !important;
	}
	.footer_link {
		margin-bottom: 24px;
	}
	.footer_mid h4 {
		margin-bottom: 0;
	}
	.footer_bottom_left {
		display: none;
	}
	.footer_bottom_right p {
		font-size: 16px;
		line-height: 26px;
		text-align: center !important;
	}
	.news_events_items p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.news_events_slider .news_events_items a {
		width: fit-content;
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
	}
	.product-page-wrapper {
		grid-template-columns: 100% !important;
		row-gap: 48px !important;
	}
	.product-sidebar {
		width: 100% !important;
	}
	.product_sec_ .product_cnt h4 {
		font-size: 18px;
		line-height: 26px;
	}
	.product_sec_ .product_btn a {
		font-size: 16px;
		line-height: 26px;
	}
	.product_btn {
		padding: 14px 0px 12px 14px !important;
	}
	section.ab_mision_vision {
		padding-bottom: 80px !important;
	}
	.company_profile_cum .single_capabilities_breadcum_inner {
		padding: 80px 0px 50px 0px !important;
	}
	.about_tabs_banner_img img {
		height: 350px;
		object-fit: cover;
	}
	.about_tabs_cnt_sec .about_tab_highlight_cnt {
		width: 100% !important;
	}
	.about_tab_highlight_cnt {
		width: 100% !important;
	}
	.tabs-container .tabs {
		width: max-content;
	}
	.tabs_outer{
		overflow-x: scroll;
	}
	.tabs-container .tabs {
		margin-bottom: 24px !important;
	}
	.milestone_awards_sec .content-flex {
		grid-template-columns: repeat(2, 1fr);
	}
	.main-maile .milestone ul li:nth-child(4n + 2) .icon {
		margin: 61px 0px 0px 60px !important;
	}
	.main-maile .milestone ul li:nth-child(4n + 2):before {
		left: 20%;
	}
	.main-maile .milestone ul li:nth-child(4n + 4) .icon {
		margin: 61px 0px 0px 60px !important;
	}
	.milestone ul li:nth-child(4n + 4):before {
		left: 20% !important;
	}
	.leadership_wrap .row .col-lg-4 {
		width: 100%;
	}
	.leadership_wrap .row .col-lg-8 {
		width: 100%;
	}
	.leadership_wrap .row .col-lg-4 figure {
		width: 100% !important;
	}
	.leadership_wrap {
		padding: 70px 0px !important;
	}
	section.leadership_wrap.section_2 .row {
		flex-direction: column-reverse;
	}
	.single_capabilities_outer p br {
		display: none;
	}
	.single_capabilities_breadcum .single_capabilities_outer p {
		font-size: 32px;
		line-height: 42px;
	}
	.single_capabilities_breadcum .single_capabilities_outer h1 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 16px;
	}
	.skill_cnt_left ul {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.about_tabs_cnt_sec .row .col-md-4 {
		margin-bottom: 24px;
	}
	.csr_bottom_img_box .csr_image_text h4 {
		font-size: 16px !important;
		line-height: 23px !important;
	}
	.footer_mid .row .col-md-3::before{
		display: none;
	}
	.cap_sec .cap_heading p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 24px;
	}
	.cap_cnt h4 {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.single_blog .single_blog_gallery {
		grid-template-columns: repeat(2, 1fr);
	}
	.single_blog .lastest_blog {
		padding: 0px 0px;
		margin-top: 24px;
	}
	.inve_sec {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 575px) {
	.investor_img img {
		height: 250px;
		object-fit: cover;
	}

	.investor_main {
		padding-bottom: 35px !important;
	}

	.inves_box .inves_head p {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.inves_box .inves_foot a {
		font-size: 15px !important;
		line-height: 25px !important;
	}
	.client_grid {
		grid-template-columns: repeat(2, 1fr) !important;
		margin-top: 24px;
	}
	.home_banner .banner_content h1 {
		font-size: 28px;
		line-height: 38px;
	}
	.banner_content p {
		width: 100% !important;
		font-size: 15px !important;
		line-height: 25px !important;
	}
	.banner_content .hgi_btn {
		font-size: 15px;
		padding: 12px 21px 12px 21px;
	}
	.about_us_sec .about_icon_cnt h4 span::before {
		font-size: 42px;
		line-height: 52px;
	}
	.about_us_sec .about_icon_cnt h4 {
		font-size: 28px;
		line-height: 38px;
	}
	.about_bottom_right .counter_box {
		padding: 16px !important;
		gap: 18px !important;
	}
	.about_us_sec .about_left p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 24px;
	}
	.about_us_sec .about_left h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.about_us_sec .about_icon_cnt h4 span::before {
		font-size: 28px;
		line-height: 38px;
	}
	.cta-more .cta-more-label {
		font-size: 16px;
	}
	.cta-more .cta-more-box {
		width: 48px !important;
		height: 48px !important;
	}
	.cta-more-arrow svg {
		width: 16px !important;
	}
	.product_sec .main_heading h2 {
		font-size: 26px !important;
		line-height: 36px !important;
	}
	.product_sec .product_sec_heading_para p {
		font-size: 16px !important;
		line-height: 26px !important;
	}
	.product_sec .top_heading {
		margin-bottom: 24px !important;
	}
	.home_tablist li {
		height: 351px !important;
	}
	.home_tablist li:last-child {
		display: none;
	}
	.home_banner video {
		height: 380px !important;
	}
	.product_sec {
		padding: 80px 16px 80px 16px !important;
	}
	#counter-box svg {
		width: 42px;
		height: 42px;
	}
	.about_us_sec .about_icon_cnt p {
		font-size: 12px;
		line-height: 24px;
		margin: 0;
	}
	.about_us_sec .about_left h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.quality_sec .quality_cnt {
		padding: 24px;
	}
	.quality_sec .quality_icon {
		margin-top: -22%;
	}
	.quality_sec .quality_cnt h4 {
		font-size: 24px;
		margin-bottom: 12px;
	}
	.quality_sec .quality_cnt p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 12px;
	}
	.quality_sec .quality_cnt h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.quality_sec .quality_cnt a {
		font-size: 16px !important;
		line-height: 26px !important;
	}
	.corporate_sec .corporate_cont h4 {
		font-size: 26px !important;
		line-height: 36px !important;
	}
	.corporate_sec .corporate_cont h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.corporate_sec .corporate_cont p {
		line-height: 24px;
		font-size: 16px;
		width: 100%;
	}
	.corporate_sec img {
		height: 450px !important;
	}
	.corporate_btn {
		bottom: 5% !important;
	}
	.news_event_sec .hgi_heading h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.news_event_sec .hgi_heading_btn {
		display: none;
	}
	.news_event_sec .news_events_slider {
		margin-top: 24px;
	}
	.p_100 {
		padding: 70px 0px !important;
	}
	.client_sec .hgi_heading h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.client_sec .hgi_heading h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.client_sec .hgi_heading p {
		font-size: 16px;
		line-height: 26px;
	}
	.footer_top_social_link {
		display: none !important;
	}
	.footer_top_text p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.footer_mid h4 {
		font-size: 21px !important;
		line-height: 24px !important;
		margin-bottom: 8px !important;
	}
	.backToTopBtn {
		bottom: 24px !important;
		right: 24px !important;
		height: 40px !important;
		width: 40px !important;
		font-size: 14px !important;
	}
	.product-page-wrapper {
		padding: 70px 0px !important;
	}
	.product-page-wrapper .sidebar-categories li a {
		font-size: 18px;
		line-height: 28px;
		padding: 8px 16px;
	}
	.fancybox__content .fancybox-image {
		width: 100% !important;
	}
	.product_sec_ .row .col-md-4 {
		width: 100%;
	}
	.product_sec_ .row {
		row-gap: 24px !important;
	}
	.footer_bottom_right p {
		font-size: 14px !important;
		line-height: 24px !important;
	}
	.single_capabilities_breadcum .single_capabilities_outer p {
		font-size: 26px;
		line-height: 36px;
	}
	.single_capabilities_breadcum .single_capabilities_outer h1 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	.about_tabs_cnt_sec .about_tab_highlight_cnt{
		display: none;
	}
	.about_tabs_banner_img img {
		height: 150px;
	}
	.about_tabs_cnt_inner .about_tab_main_cnt p {
		font-size: 16px;
		line-height: 24px;
	}
	.ab_mision_vision .about_accordian_outer .accordion-button {
		padding: 12px 24px;
		font-size: 24px;
		line-height: 34px;
	}
	.about_accordian_outer .accordion-body {
		padding: 0px 24px 42px;
	}
	.ab_mision_vision .accordion-body p {
		margin-bottom: 0px;
		font-size: 16px;
		line-height: 24px;
	}
	.about_tab_highlight_cnt {
		display: none;
	}
	.milestone_awards_sec .content-flex {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.company_profile_cum .single_capabilities_breadcum_inner {
		padding: 50px 0px 50px 0px !important;
	}
	.skill_cnt_left ul {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.skill_bottom_cnt .skill_grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}
	.about_tabs_cnt_sec .row .col-md-4 {
		width: 100%;
	}
	section.about_tabs_cnt_sec {
		padding-bottom: 50px !important;
	}
	ul.skill_grid li svg {
		width: 70px;
		height: 70px;
	}
	.single_cap_highlight {
		padding: 24px !important;
	}
	.single_cap_highlight p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.career_sec .row .col-md-4 {
		width: 100%;
	}
	.quality_breadcum .single_capabilities_outer p {
		width: 100% !important;
	}
	.single_capabilities_image .row.mt-5 h4 {
		font-size: 26px !important;
		line-height: 34px !important;
	}
	.single_capabilities_image .row.mt-5 .col-md-4 {
		width: 100% !important;
	}
	.footer_mid .row .col-md-3 .footer_link ul li a {
		font-size: 16px !important;
		line-height: 36px !important;
	}
	.apply-now {
		width: 100% !important;
	}
	.cap_sec .row .col-md-4 {
		width: 100%;
	}
	.single_capabilities_image_outer img {
		height: 250px;
		object-fit: cover;
	}
	.client_categroy .buttons {
		gap: 16px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.client_categroy .logos {
		grid-template-columns: repeat(2, 1fr);
	}
	.buttons button {
		font-size: 16px !important;
	}
	.news_events_items a {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.media_sec .container {
		padding: 70px 16px 100px 16px !important;
	}
	.media_sec .media_heading h2 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 24px;
	}
	section.contact_main_map.padding .container .row > *:last-child .contact_main_main_outer {
		margin-left: 0 !important;
	}
	.contact_left_main:before {
		width: 100% !important;
	}
	.contact_main_main_outer .contact_left_main {
		padding-left: 0px;
		margin-left: 0;
		padding: 0px 24px;
	}

}