/*Responsive Style Start*/
/*header */
@media screen and (max-width: 1400px){
	.main-navigation ul {
	  gap: 25px;
	}
	.main_sec .slick-prev{
		left: 90%;
	}
	.main_sec .slick-prev, .main_sec .slick-next{
		top: -50px;
	}
	.main_content{
		padding: 0 20px;
	}
	.main_data > .main_content{
		gap: 10px;
	}
	.main_data > .main_content h2{
		font-size: 46px;
		line-height: 48px;
	}
	.main_data > .main_content p{
		font-size: 18px;
  		line-height: 20px;
	}
	.footer_main{
		padding: 50px 20px;
		flex-wrap: wrap;
		gap: 50px 20px;
		align-items: start;
	}
	.footer_col_3 {
	  margin-top: 0px;
	}
	.footer_col_1, .footer_col_2, .footer_col_3, .footer_col_4  {
	  width: calc(25% - 20px);
	}
	.footer_col_5 {
	  width: 50%;
	}
	.footer_col_4{
		order: -1;
	}
	.footer_col_6 {
	  width: 40%;
	}

}
@media screen and (max-width: 1200px){
	.men_main {
	  flex-wrap: wrap;
	}
	.men_cont, .men_product{
		width: 100%;
	}
	.men_over{
		padding: 50px 20px;
	}
	.women_sec .men_product {
	  order: unset;
	}
	.creative .blog_main {
	  gap: 20px;
	}
	.creative .blog_main > article {
	  flex-basis: calc(25% - 15px);
	}
}
@media screen and (min-width: 1024px){
	.hamburger-menu, .mobile-menu{
		display: none;
	}

}
@media screen and (max-width: 1024px){
	.main_header {
	  justify-content: end;
	}
	.main-navigation, .search_icon {
	  display: none;
	}
	.video_content h1{
		font-size: 46px;
		line-height: 48px;
	}
	.video_content p{
		font-size: 20px;
		line-height: 22px;
	}
	.video_main iframe{
		height: 600px;
	}
	.about_text {
	  font-size: 46px;
	  line-height: 48px;
	}
	.about_p {
	  font-size: 18px;
	  line-height: 20px;
	}
	.detail_col p {
	  font-size: 16px;
	  line-height: 18px;
	}
	.detail_col h3 {
	  font-size: 20px;
	  line-height: 22px;
	}
	.about_bnner{
		margin-bottom: 40px;
	}
	.detail_main{
		gap: 20px;
	}
	.video_section {
	  padding: 40px 0;
	  margin-top: 40px;
	}
	.video_section h3, .timeline_sec h3, .team_main h3{
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.footer_col_1, .footer_col_2, .footer_col_3, .footer_col_4, .footer_col_6 {
	    width: calc(25% - 15px);
	  }
	   .footer_col_5 {
	    width: 60%;
	  }
	  .team_col {
		  flex-basis: 33.33%;
		}
		.csr_page p {
	  font-size: 15px;
	  line-height: 17px;
	}
	.csr_des_sec h3, .csr_det_col h2, .csr_int_sec h2 {
	  font-size: 36px;
	  line-height: 38px;
	}
	.csr_page h2{
		font-size: 24px;
		line-height: 26px;
	}
	.csr_det_sec {
	  padding: 30px 0;
	}
	.csr_int_sec h6 {
	  font-size: 14px;
	  line-height: 15px;
	}
	.csr_int_sec h2{
		margin: 10px 0;
	}
	.csr_slider_cont {
	  gap: 10px;
	  padding-top: 10px;
	}
	.csr_main {
	  padding: 10px 0 30px;
	}
	.women_cont {
	  flex-basis: 50%;
	  gap: 10px;
	}
	.women_img {
	  flex-basis: 50%;
	}
	.women_cont p:nth-child(3) {
	  line-height: 20px;
	  padding-left: 20px;
	}
	.env_cont {
	  gap: 5px;
	}
	.safety_sec {
	  padding: 40px 0;
	}
	.safet_main {
	  gap: 15px;
	}
	.single_productpage .entry-content h1 {
	  font-size: 36px;
	  line-height: 36px;
	}
	.single_productpage .entry-content p {
	  font-size: 16px;
	  line-height: 16px;
	}
	.contact_link a {
	  padding: 5px 10px;
	  font-size: 14px;
	}
	.cat_row {
	  gap: 20px;
	}
	.cat_row .cat_col {
	  flex-basis: calc(25% - 15px);
	}
	.breacrumb_over h1 {
	  font-size: 46px;
	  line-height: 46px;
	}
	.breacrumb_over p {
	  font-size: 14px;
	  line-height: 15px;
	}
	.form_main h2 {
	  font-size: 26px;
	  line-height: 26px;
	  padding: 10px 0;
	}
	.personal_info {
	  gap: 15px;
	  padding: 10px 0;
	}
	.social_info span {
	  font-size: 30px;
	  margin-right: 5px;
	}
	.form_content p {
	  gap: 5px;
	}
	.capabiltity_main p {
	  font-size: 16px;
	  line-height: 18px;
	}
	.capabiltity_main h2 {
	  font-size: 36px;
	  line-height: 38px;
	  margin-bottom: 15px;
	}
	.certificates_row {
	  gap: 40px 20px;
	}
	.certificates_col {
	  width: calc(50% - 10px);
	}
	.cert_icon {
	  position: absolute;
	  top: -36px;
	  max-width: 100px;	
	}
	.certificate_sec {
	  padding: 0px 0 50px;
	}
	.certificate_sec h2 {
	  font-size: 26px;
	  line-height: 28px;
	  padding-bottom: 10px;
	}
	.creative .blog_main > article {
	  flex-basis: calc(33.33% - 13.33px);
	}
	.creative .entry-title a{
		font-size: 20px;
		line-height: 22px;
	}
	.accordion-panel {
	  font-size: 16px;
	  line-height: 18px;
	}
	.heirachery_img > object {
	  height: 400px;
	}

}
@media screen and (max-width: 991px){
	.main_content {
	    padding: 40px 20px;
	}
	.main_data {
	  flex-wrap: wrap;
	}
	.main_data > div {
	  width: 100%;
	}
	.main_sec .slick-prev::before, .main_sec .slick-next::before {
	  font-size: 36px;
	}
	.main_sec .slick-prev, .main_sec .slick-next {
		top: 70%;
	}
	.main_sec .slick-prev {
		left: 20px;
	}
	.cat_row .cat_col {
		flex-basis: calc(50% - 10px);
	}
	.catalogue_row {
		flex-wrap: wrap;
	}
	.catalogue_col{
		width: calc(33.33% - 13.33px);
	}
	.catalogue_main h2 {
	  font-size: 36px;
	  line-height: 38px;
	  margin-bottom: 20px;
	}
	.certificate_col p {
	  font-size: 16px;
	  line-height: 18px;
	}
	.certificate_col {
	  padding: 15px;
	}
	.inoovation_cont, .inoovation_img {
	  width: 100%;
	}
	.inoovation_cont, .innotion_conclusion {
		gap: 10px;
	}
	.achievement_sec h2, .choose_sec h2, .inoovation_sec h2 {
	  font-size: 26px;
	  line-height: 28px;
	}
	.choose_col {
	  width: calc(50% - 10px);
	}

}
@media screen and (max-width: 768px){
	.site-branding {
	  max-width: 150px;
	}
	.hamburger-menu{
		top: 50px;
	}
	.header_top p{
		font-size: 14px;
		line-height: 16px;
	}
	.video_content h1 {
	    font-size: 30px;
	    line-height: 32px;
	  }
   .video_content p {
    font-size: 16px;
    line-height: 18px;
  }
	.video_main iframe {
	    height: 400px;
	  }
	  .footer_col_4 {
	  order: -1;
	}
	.footer_col_4, .footer_col_3, .footer_col_2, .footer_col_1 {
	  width: calc(50% - 10px);
	}
	.footer_col_4 img {
	  max-width: 200px;
	}
	.footer_main{
		gap: 20px;

	}
	.main_sec {
	  padding: 50px 0;	  
	  margin: 40px 0;
	}
	.footer_col_5, .footer_col_6 {
	    width: 100%;
	  }
	  .footer_col_5 ul:nth-child(2) {
	  padding: 5px 0;
	}
	.about_text {
	  font-size: 32px;
	  line-height: 34px;
	}
	.about_p {
	  font-size: 14px;
	  line-height: 16px;
	}
	.detail_col {
	  flex-basis: 100%;
	}
	.detail_col p {
	  font-size: 14px;
	  line-height: 16px;
	}
	.detail_col h3 {
	  font-size: 18px;
	  line-height: 20px;
	}
	.detail_col:nth-child(4) {
	  order: 5;
	}
	.video_section h3, .timeline_sec h3, .team_main h3{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.timeline_main::before {
	  left: 10px;
	  top: 0;
	}
	.time_icon {
	  left: 0;
	}
	.time_content {
	  width: calc(100% - 40px);
	  margin-left: 40px;
	}
	.time_item:last-child .time_icon {
	  top: calc(100% - 20px);
	}
	.time_item:last-child .time_content {
	  margin: 0 0 0 40px;
	}
	.time_content p {
	  font-size: 14px;
	  line-height: 16px;
	}
	.team_col {
	  flex-basis: 50%;
	}
	.team_box{
		gap: 0;
	}
	.team_box h4 {
	  font-size: 16px;
	  line-height: 17px;
	}
	.team_box h5 {
	  font-size: 14px;
	  line-height: 15px;
	}
	.csr_page p{
		text-align: justify;
	}
	.facility_main, .employ_main ,.csr_det_main, .women_main, .env_main, .safety_boxes, .safety_last {
		  flex-wrap: wrap;
	}
	.facility_col:last-child {
	  order: -1;
	}
	 .csr_main {
	    padding: 10px 0 10px;
	  }
	  .men_sec, .women_sec {
	  padding: 40px 0;
	}
	 .women_cont, .women_img, .env_cont, .env_img, .safety_box, .facility_col, .csr_det_col, .safety_col, .activity_box {
	    flex-basis: 100%;
	  }
	  .creative_breadcrumb {
		  padding: 70px 0 30px;
		}
	.vertical__heading {
	  font-size: 20px;
	  line-height: 20px;
	  padding: 5px;
	  letter-spacing: 2px;
	}
	.col {
	  width: 20%;
	}
	.vertical__content .col.col_right {
	  width: calc(80% - 40px);
	}
	.vertical__content {
	  justify-content: space-between;
	}
	.vertical__item h3 {
	  font-size: 16px;
	  line-height: 15px;
	  letter-spacing: 0;
	}
	.vertical__item p {
	  font-size: 16px;
	  line-height: 16px;
	  margin-top: 10px;
	}
	.vertical__item:not(:last-child) {
	  margin-bottom: 30px;
	}
	#vertical {
	  height: 100vh;
	  padding: 50px 0;
	}
	.experience-show {
	  font-size: 36px;
	  line-height: 35px;
	}
	.card-1, .card-2, .card-3, .card-4, .card-5, .card-6, .card-7 {
	  left: 0px;
	}
	.card{
		width: 100%;
	}
	.card h2 {
	  font-size: 46px;
	  line-height: 40px;
	}
	.card_cont p {
	  font-size: 16px;
	  line-height: 15px;
	}
	.horizontal .card2{
		width: 350px;
	}
	.card2 h2 {
	  font-size: 46px;
	  line-height: 40px;
	}
	.card2 p {
	  font-size: 16px;
	  line-height: 18px;
	}
	.horizontal-scoll-wrapper {
		height: 400px;
	}
	.header {
	  padding: 5px;
	}
	.content p {
	  font-size: 16px;
	  line-height: 18px;
	}
	.experience .experience-bottom{
		line-height: 65px;
	}
	.text_zooming{
		padding: 100px 0;
	}
	.single_productpage .post-thumbnail, .single_productpage .entry-content {
	  width: 100%;
	  max-width: 450px;
	}
	.single_productpage .entry-content h1 {
    font-size: 26px;
    line-height: 26px;
  }
  .contact_link {
	  margin: 15px 0;
	}
	.men_over p {
	  font-size: 16px;
	  line-height: 16px;
	}
	.men_cont h3 {
	  font-size: 16px;
	  line-height: 16px;
	}
	.men_cont h2{
	  font-size: 36px;
	  line-height: 36px;
	  padding: 5px 0;
	}
	.cat_text h2 {
		font-size: 36px;
	  line-height: 36px;
	}
	.cat_cont p {
	  font-size: 16px;
	  line-height: 16px;
	  margin: 5px 0;
	}
	.form_main {
	  flex-wrap: wrap;
	}
	.form_main > div {
	  width: 100%;
	}
	 .personal_info {
	    max-width: unset;
	  }
	  .form_content label input {
	  padding: 5px;
	}
	.map_main iframe {
	  height: 300px;
	}
	.catalogue_col {
	  width: calc(50% - 10px);
	}
	.certificate_row {
	  gap: 20px;
	  flex-wrap: wrap;
	}
	.certificate_col {
	  width: calc(50% - 10px);
	}
	.certificate_col h3 {
	  font-size: 20px;
	  line-height: 22px;
	}
	.award_col {
	  width: calc(33.33% - 6.66px);
	}
	.toggle_btn::after, .toggle_btn::before {
	  right: -30px;
	}
	 .capabiltity_main h2 {
	    font-size: 16px;
	    line-height: 18px;	  
	}
	.fifa_main p {
	  font-size: 14px;
	  line-height: 16px;
	}
	.fifa_trigger h2 {
	  font-size: 18px;
	  line-height: 20px;
	}
	.achievement_col, .choose_col{
		width: 100%;
	}
	.certificates_row {
	    gap: 60px 20px;
	  }
	.cert_icon {
	    top: -55px;
	  }
	  .certificates_col{
	  	padding: 0;
	  }
	.creative .blog_main > article {
	  flex-basis: calc(50% - 10px);
	}
	.career .form_content form p > label:nth-child(1), .career .form_content form p > label:nth-child(3) {
	  width: 100%;
	}
	.career .form_content form p > label:nth-child(3) {
	  margin-right: 0;
	}
	.heirachery_img > object {
	  height: 300px;
	}
}
@media screen and (max-width: 480px){
	.footer_col_4 {
	  align-items: center;
	}
	.footer_col_4, .footer_col_3, .footer_col_2, .footer_col_1 {
	    width: 100%;
	  }
	  .footer_col_5 ul:nth-child(2) {
	  flex-wrap: wrap;
	  padding: 5px 0;
	}
	.footer_col_5 ul:nth-child(2) li {
	  width: 100%;
	}
	.site-info {
	  text-align: center;
	  padding: 5px 0;
	  font-size: 14px;
	  line-height: 16px;
	}
	#menu-quick-links, #menu-certificates, #menu-contact-us, #menu-follow-us, .footer_col_5 ul{
		display: none;
	}
	.footer_main h3 {
	  padding: 10px;
	  border-bottom: 1px solid #aaa;
	  position: relative;
	  cursor: pointer;
	  background: #fff;
	}
	.footer_main h3::after {
	  content: '+';
	  position: absolute;
	  right: 10px;
	  transition: content 0.3s ease-in-out;
	}
	.footer_main h3.active::before {
	  right: 10px;
	  width: 10px;
	  height: 2px;
	  top: 50%;
	}
	.footer_main h3::before , .footer_main h3::after {
		content: '';
	  	position: absolute;
	  	background: #000;
	  	transition: content 0.3s ease-in-out;
	}
	.footer_main h3::before {  
	  width: 2px;
	  height: 10px;
	  right: 14px;
	  top: calc(50% - 4px);
	}
	.footer_main h3::after {
	    right: 10px;
	    width: 10px;
	    height: 2px;
	    top: 50%;
	  }
	  .footer_main h3:active::before {
	    right: 10px;
	    width: 10px;
	    height: 2px;
	    top: 50%;
	  }
	   .vertical__item:not(:last-child) {
	    margin-bottom: 10px;
	  }
	  .single_productpage .post-thumbnail, .single_productpage .entry-content {
		  max-width: 350px;
		}
		.cat_row .cat_col {
	    flex-basis: 100%;
	  }
	  .catalogue_main h2 {
		  font-size: 26px;
		  line-height: 28px;
		}
	.catalogue_col{
		width: 100%;
	}
	.award_col {
	  width: calc(50% - 5px);
	}
	.toggle_desc {
	  padding: 10px;
	}
	.achievement_content{
		padding: 5px;
	}
	.certificates_col{
	  	width: 100%;
	}
	.creative .blog_main > article {
	  flex-basis: 100%;
	}
}