@media (min-width:1920px){
}

@media (min-width:1440px) and (max-width:1919px){
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 35px solid transparent;
    	border-right: 35px solid transparent;
	}
	.service-detail-container img{
		height: 530px;
	}
}

@media (min-width:1366px) and (max-width:1439px){ 
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 35px solid transparent;
    	border-right: 35px solid transparent;
	}
	section.banner_section .hero-section .swiper-slide h3{
		font-size: 60px;
	}
	.opening .accordion .opening-item .opening-header .opening-accod-btn::after{
		height: 45px;
		width: 45px;
	}
}

@media (min-width:1280px) and (max-width:1365px){ 
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 32px solid transparent;
    	border-right: 32px solid transparent;
	}
	section.banner_section .hero-section .swiper-slide .hero-slide-content,
	section.banner_section .slider-fix-content{
		left: 100px;
	}
	.services_section .title{
		max-width: 50%;
	}
    .product-data-container .product-slider .swiper-pagination .custom-bullet {
        width: 75px;
        height: 75px;
    }
    .header-logo a {
        max-width: 250px;
    }
    header nav > ul > li + li {
        margin-left: 20px;
    }
    .header-navbar {
        margin-left: 0;
        margin-right: 0;
    }
    section.banner_section .hero-section .swiper-slide h3 {
        font-size: 60px;
    }
	.documents-list .document-item p{
		font-size: 22px;
	}
	.opening .accordion .opening-item .opening-header .opening-accod-btn::after{
		height: 45px;
		width: 45px;
	}
}

@media (min-width:1200px) and (max-width:1279px){   
    .header-logo a {
        max-width: 250px;
    }
    header nav > ul > li + li {
        margin-left: 20px;
    }
    .header-navbar {
        margin-left: 0;
        margin-right: 0;
    }
    section.banner_section .hero-section .swiper-slide h3 {
        font-size: 56px;
    }
	.investor-people-container .investor-slider-next, 
	.app-slider-next, .app-slider-prev, .investor-people-container .investor-slider-prev, 
	.ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev{
		height: 40px;
		width: 40px;
	}
	.investor-people-container .investor-slider-next i, 
	.app-slider-next i, .app-slider-prev i, .investor-people-container .investor-slider-prev i, 
	.ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
		font-size: 35px;
	}
	.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
		left: 20px;
	}
	.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
		right: 20px;
	}
	.documents-list .document-item p{
		font-size: 20px;
	}
}

@media (max-width:1200px){
    html.menu-show {
        overflow: hidden;
    }
    .header-logo a {
        max-width: 290px;
    }
    .header-menu-overlay {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 99;
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
    }
    .header-main-bar {
        align-items: center;
    }
    .menu-show .header-menu-overlay {
        visibility: visible;
        opacity: 1;
    }
    .navbar-toggle{
        display: block;
        position:relative;
        width: 33px;
        height: 33px;
        margin-left: 20px;
    }
    .contact_us_btn {
        width: 70%;
        text-align: right;
    }
    .menu-show header nav > ul > li.active a {
        color: #FF1200;
    }
    .menu-show header nav > ul > li:hover  > a {
        opacity: 1 !important;
        color: #FF1200;
    }
    .submenu-toggle:after {
        content: "";
        display: block;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        vertical-align: top;
    }
    .navbar-toggle span {
        width: 25px;
        height: 2px;
        background-color: var(--dark);
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0;
        margin: auto;
        transition: all 0.3s;
    }
    .navbar-toggle span:nth-child(1) {
        top: -16px;
    }
    .navbar-toggle span:nth-child(3) {
        bottom: -16px;
    }
    .menu-show .navbar-toggle span:nth-child(1) {
        top: 0;
        width: 28px;
        transform:rotate(45deg);
        background-color: var(--dark);
    }
    .menu-show .navbar-toggle span:nth-child(2) {
        width: 0;
    }
    .menu-show .navbar-toggle span:nth-child(3) {
        bottom: 0;
        width: 28px;
        transform:rotate(-45deg);
        background-color: var(--dark);
    }
    nav.header-navbar {
        position: fixed;
        right: 0;
        display: block;
        z-index: 9999;
        background: #ffffff;
        top: 0;
        bottom: 0;
        width: 320px;
        padding: 15px 35px;
        transform: translatex(100%);
        transition: all 0.4s;
        overflow: auto;
        color: #fff;
        margin: 0;
    }
    html.menu-show .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgb(0 0 0 / 50%);
    }
    .menu-show nav.header-navbar {
        transform: translatex(0%);
        box-shadow: -1px 0px 10px 0 #0000001f;
    }
    .header-navbar .navbar-toggle {
        margin-left: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    header nav > ul {
        margin: 10px 0 0;
        display: block;
    }
    header nav > ul > li + li {
        margin-left: 0;
        margin-top: 15px;
    }
    header nav > ul > li > a {
        font-size: 18px;
        line-height: 36px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        flex-grow: 1;
        color: #000000;
    }
    header nav > ul > li{
        transform: translateY(20px);
        opacity: 0;
        transition: all 0.4s;
    }
    .menu-show header nav > ul > li{
        transform: translateY(0);
        opacity: 1;
    }
    .menu-show header nav > ul > li:nth-child(2){
        transition-delay:0.1s ;
    }
    .menu-show header nav > ul > li:nth-child(3){
        transition-delay:0.2s ;
    }
    .menu-show header nav > ul > li:nth-child(4){
        transition-delay:0.3s ;
    }
    .menu-show header nav > ul > li:nth-child(5){
        transition-delay:0.4s ;
    }
    .menu-show header nav > ul > li:nth-child(6){
        transition-delay:0.5s ;
    }
    .menu-show header nav > ul > li:nth-child(7){
        transition-delay:0.6s ;
    }
    .sub-menu.mega-menu {
        min-width: 100%;
        right: 0;
        left: 0;
    }
    .sub-menu {
        position: relative;
        left: 0;
        margin-top: 10px;
        border: 1px solid #eee;
        box-shadow: 0 0 0 transparent;
        border-radius: 5px;
        padding: 15px 5px;
        display: none;
        transform: none;
        width: 100%;
        opacity: 1;
        visibility: visible;
        order: 1;
    }
    li:hover > .sub-menu {
        display: none;
    }
    li.submenu_active > .sub-menu {
        display: block;
        position: static;
    }
    header nav > ul > li.menu-parent > a:after {
        display: none;
    }
    html.menu-show .contact-detail-menu {
        display: block;
    }
    html.menu-show .navbar-toggle {
        background: var(--gradient);
        border-radius: 50px;
		position: absolute;
        top: 22px;
        right: 33px;
		z-index: 5;
    }
    html.menu-show nav.header-navbar .navbar-toggle span {
        background-color: #FFF !important;
    }
    .menu-show .navbar-toggle span:nth-child(1),
    .menu-show .navbar-toggle span:nth-child(3) {
        width: 16px;
    }
    .sub-menu.sub-menu-inner span.submenu-toggle {
        position: absolute;
        right: 3px;
        top: 3px;
    }
    .sub-menu.sub-menu-inner li.menu-parent > a:after {
        display: none;
    }
    header nav > ul > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .submenu-toggle {
        display: flex;
        align-items: center;
        width: 24px;
        height: 24px;
        position: relative;
        justify-content: center;
        transition:all 0.3s;
    }
    li.submenu_active > .submenu-toggle {
        transform:rotate(180deg);
    }
    .sub-menu.mega-menu ul li {
        width: 100%;
    }
   

    section.banner_section .hero-section .swiper-slide h3 {
        font-size: 48px;
        margin: 58px 0;
    }
    .success_items {
        margin-top: 40px;
    }
    .success_items ul.nav.nav-pills li button  p {
        font-size: 16px;
    }
    section.success_section .success_box {
        padding: 40px 40px;
        gap: 30px;
    }
    section.success_section .success_box .success_inner_box {
        padding: 20px;
    }
    .success_img {
        margin-bottom: 30px;
    }
    section.success_section .success_box .success_inner_box h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    section.banner_section .hero-section .swiper-slide .hero-slide-content {
        left: 100px;
    }
    section.banner_section .slider-fix-content {
        left: 100px;
        width: 950px;
    }
    .product_content h4 {
        font-size: 20px;
        max-width: 180px;
    }
    section.product_section p br,
    section.software_section p br {
        display: none;
    }
    .software_box span.number {
        font-size: 90px;
        bottom: -30px;
        left: -40px;
    }
    section.software_section .software_wrap {
        gap: 50px;
        grid-template-columns: repeat(2,1fr);
        padding-top: 30px;
		width: 75%;
    }
    .software_box .content h4 {
        min-height: 0;
    }
    .software_box .image {
        height: 190px;
    }
    .services_items .btn.btn-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
    }
    .services_box {
        padding: 35px 30px;
        min-height: 335px;
        margin: 40px 2px 0;
    }
    .title h2 {
        font-size: 36px;
        line-height: 46px;
    }
    section.vision_section .vision_content p {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .leaders_content {
        padding-bottom: 40px;
    }
    .leaders_carosuel {
        padding: 0 100px;
    }
    .leaders_carosuel .item .leader_box {
        padding: 55px 40px 30px;
    }
    section.contact_us_section::before {
        right: 10px;
        top: auto;
        bottom: -30px;
        height: 270px;
        width: 200px;
    }
	.mision-vision-wrap.mision-vision-conform.d-flex{
		gap: 10px;
	}
    .blog_content {
        padding-bottom: 50px;
    }
    .blog_inner_section {
        gap: 30px;
        padding-bottom: 40px;
    }
    .blog_inner_section article.blog .content {
        padding: 30px 25px;
    }
    .footer_link a {
        font-size: 18px;
    }
    .footer_link h4 {
        font-size: 20px;
    }
    header nav > ul > li.active a, header nav > ul > li > a:Hover {
        color: #FF1200;
    }
    .blog_inner_section article.blog .content span.date.btn {
        top: 140px;
        left: 150px;
    }
    .vision_section .mission-vision-box.w-300 {
        align-items: center;
    }
    .vision_section .mission-vision-box p {
        padding: 0 0px 0 10px !important;
        font-size: 16px;
        line-height: 130%;
        text-align: center;
    }
    .vision_section .mission-vision-box {
        text-align: center;
        padding: 10px;
        border-radius: 100px;
        width: 100%;
    }
    .vision_section .mission-vision-box img {
		height: 60px;
		width: 60px;
		min-width: 60px;
        margin-bottom: 0;
    }
    li.menu-item-has-children .menuicon {
        background-image: url('data:image/svg+xml,<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3527 15.3305C13.2638 16.2232 14.7435 16.2232 15.6546 15.3305L27.3167 3.90449C28.2278 3.01183 28.2278 1.56215 27.3167 0.669493C26.4056 -0.223164 24.9259 -0.223164 24.0148 0.669493L14 10.4816L3.98516 0.676634C3.07406 -0.216024 1.59443 -0.216024 0.683327 0.676634C-0.227776 1.56929 -0.227776 3.01897 0.683327 3.91163L12.3454 15.3376L12.3527 15.3305Z" fill="black"/></svg>');
        height: 10px;
        width: 12px;
        display: block;
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
    li.menu-item-has-children {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
/*     .mision-vision-wrap.mision-vision-conform.d-flex {
        display: block !important;
    } */
    .vision_section .mission-vision-box a.btn.btn-icon {
        justify-content: center;
        margin: auto;
    }
    .sub-menu .menu-item a::before{
        display: none;
    }
    html li.menu-item-has-children.active-sub-menu > ul.sub-menu li.active-sub-menu > ul.sub-menu {
        display: block !important;
        margin-top: 50px;
    }
    html li.menu-item-has-children > ul.sub-menu li ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        margin-left: 20px;
        display: none !important;
        order: 1 !important;
    }
    header nav > ul > li.menu-item-has-children > a:after{
        display: none;
    }
    .sub-menu .menu-item a {
        padding: 5px 10px;
        font-size: 15px;
    }
    header nav > ul > li.menu-item-has-children > a:after{
        display: none;
    }
    li.menu-item.active-sub-menu ul.sub-menu {
        position: static;
        display: block;
    }
	.mission-vision-box{
		padding: 5px!important; 
	}
    .sub-menu .sub-menu {
        left: 100%;
        top: inherit;
        margin-left: 0;
        padding: 0;
        transform: translateY(-40px)!important;
        border: 0;
    }
    .sub-menu .menu-item a {
        padding: 5px 10px;
		text-transform: uppercase;
		font-weight: 600;
		color: #000;
    }
    .product-data-container .product-slider .swiper-pagination .custom-bullet {
        width: 70px;
        height: 70px;
    }
    section.product_section p {
        font-size: 18px;
    }
    section.product_section .title h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 35px;
    }
	.bod-item .investor-people-data h3, .commitee-data-item .committee-people-data h4{
		font-size: 20px;
	}
	.bod-item .investor-people-data p{
		font-size: 16px;
	}
	.commitee-data-item .committee-people-data p{
		font-size: 16px;
	}
	.document-option label, .committee-option label{
		font-size: 18px;
	}
	.document-option p, .committee-option p{
		font-size: 22px;
	}
	.document-option, .committee-option{
		padding: 25px;
	}
	.opening .accordion .opening-item .opening-header .opening-accod-btn{
		font-size: 22px;
	}
	.opening .accordion .opening-item .opening-header .opening-accod-btn::after{
		height: 45px;
		width: 45px;
	}
	.service-detail-container img{
		height: 530px;
	}
}

@media (min-width:1020px) and (max-width:1199px){
	.investor-people-container .investor-slider-next, 
	.app-slider-next, .app-slider-prev, .investor-people-container .investor-slider-prev, 
	.ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev{
		height: 40px;
		width: 40px;
	}
	.investor-people-container .investor-slider-next i, 
	.app-slider-next i, .app-slider-prev i, .investor-people-container .investor-slider-prev i, 
	.ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
		font-size: 35px;
	}
	.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
		left: 20px;
	}
	.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
		right: 20px;
	}
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 32px solid transparent;
    	border-right: 32px solid transparent;
	}
	section.banner_section .hero-section .swiper-slide h3 {
        font-size: 44px;
        margin: 58px 0;
    }
	section.banner_section .hero-section .swiper-slide .hero-slide-content, 
	section.banner_section .slider-fix-content{
		left: 50px;
	}
	
	section.banner_section .slider-fix-content{
		width: 880px;
	}
	section.software_section .title, .services_section .title {
    	max-width: 60%;
    	text-align: center;
    	margin: 0 auto;
	}
	
	section.banner_section .slider-fix-content .content-box h4,
	section.banner_section .slider-fix-content .content-box h3{
		font-size: 24px;
	}
	.mision-vision-wrap.mision-vision-conform.d-flex{
		gap: 5px;
	}
	.documents-list .document-item p{
		font-size: 20px;
	} 
	.contact-menu-container .contact-option .contact-option-item h2{
		font-size: 22px;
	}
	.contact-menu-container .contact-option .contact-option-item .form-btn{
		font-size: 18px;
	}
	.software-info-card .software-info-img img{
		height: 180px;
	}
	.software-info-card .software-info-content h3{
		font-size: 20px;
	}
	.software-info-card .software-info-content li, .software-info-card .software-info-content p{
		font-size: 18px;
	}
	.software-info-card{
		padding: 20px 25px;
	}
	.success_items ul.nav.nav-pills li button {
        padding: 40px;
        min-height: 200px;
    }
}

@media (min-width:992px) and (max-width:1019px){ 
	.header-bottom{
		padding: 15px 0;
	}
	.breadcrumb-section{
		padding: 20px 0;
	}
	.investor-people-container .investor-slider-next, 
	.app-slider-next, .app-slider-prev, .investor-people-container .investor-slider-prev, 
	.ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev{
		height: 35px;
		width: 35px;
	}
	.investor-people-container .investor-slider-next i, 
	.app-slider-next i, .app-slider-prev i, .investor-people-container .investor-slider-prev i, 
	.ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
		font-size: 30px;
	}
	.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
		left: 15px;
	}
	.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
		right: 15px;
	}
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 32px solid transparent;
    	border-right: 32px solid transparent;
		border-top: 42px solid #fff;
		bottom: 10px;
	}
	section.software_section .title, .services_section .title {
    	max-width: 60%;
    	text-align: center;
    	margin: 0 auto;
	}
	.success_items ul.nav.nav-pills li button{
		margin-bottom: 40px;
	}
	section.success_section .success_box{
		padding: 30px;
	}
	section.banner_section .hero-section .swiper-slide .hero-slide-content,
	section.banner_section .slider-fix-content{
		left: 50px;
	}
	
	section.banner_section .slider-fix-content{
		width: 880px;
	}
	section.banner_section .slider-fix-content .content-box h4,
	section.banner_section .slider-fix-content .content-box h3{
		font-size: 24px;
	}
	.opening .accordion .opening-item .opening-accordion-body .job-desc h3, 
	.opening .accordion .opening-item .opening-accordion-body .skill-qua h3{
		font-size: 22px!important;
	}
	.contact-menu-container .contact-option .contact-option-item h2{
		font-size: 22px;
	}
	.contact-menu-container .contact-option .contact-option-item .form-btn{
		font-size: 18px;
	}
	.software-info-card .software-info-content h3{
		font-size: 20px;
	}
	.software-info-card .software-info-content li, .software-info-card .software-info-content p{
		font-size: 18px;
	}
	.software-info-card{
		padding: 20px 25px;
	}
	.software-info-card .software-info-img img{
		height: 180px;
	}
}

@media (min-width:768px) and (max-width:816px){
	.success_items ul.nav.nav-pills li button {
        padding: 30px;
        min-height: 245px!important;
        height: 245px!important;
    }
}

@media (min-width:768px) and (max-width:991px){
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 32px solid transparent;
    	border-right: 32px solid transparent;
		border-top: 42px solid #fff;
		bottom: 10px;
	}
	.success_items ul.nav.nav-pills li button{
		margin-bottom: 40px;
	}
	.product_section .title{
		max-width: 400px;
	}
	.software_section .title{
		max-width: 60%!important;
	}
	.vision_section .title{
		max-width: 400px;
	}
	.services_section .title{
		width: 100%;
		max-width: 100%;
		text-align: left;
	}
	.mision-vision-wrap.mision-vision-conform.d-flex{
		display: block!important;
		width: 300px;
        margin: 0 auto;
	}
	.commitee-data-item .committee-people-data h4{
		font-size: 18px;
	}
	.commitee-data-item .committee-people-data p{
		font-size: 16px;
	}
	.commitee-data-item{
		padding: 12px;
	}
	.documents-list .document-item p{
		font-size: 20px;
	}
 	.grievance .title h2{
		font-size: 22px;
	}
	.grievance .title p, .grievance .contact-info p a{
		font-size: 18px;
	}
	section.skill-set-container img{
		height: 430px;
	}
	.opening .accordion .opening-item .opening-accordion-body .job-desc h3, 
	.opening .accordion .opening-item .opening-accordion-body .skill-qua h3{
		font-size: 20px!important;
	}
	.career-intro-data p, .job-form-desc p{
		font-size: 18px!important;
	}
	.job-desc p, .skill-qua p, .job-desc ul li, .skill-qua  ul li{
		font-size: 18px!important;
	}
	.contact-menu-container .contact-option .contact-option-item h2{
		font-size: 20px;
	}
	.contact-menu-container .contact-option .contact-option-item .form-btn{
		font-size: 16px;
	}
	.contact-menu-container p, .contact-detail-container p{
		font-size: 18px;
	}
	.contact-menu-container .contact-option .contact-option-icon{
		height: 120px;
		width: 120px;
		padding: 30px;
	}
	.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data p, 
	.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data a, 
	.social-menu p{
		font-size: 18px;
	}
	.contact-detail-container .contact-detail-menu .contact-detail-inner{
		padding: 14px;
	}
	.social-menu .social-icon-menu .social-icon svg{
		height: 40px!important;
		width: 40px!important;
	}
	.social-menu p{
		margin-bottom: 6px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog{
		height: 90%;
		width: 80%;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title{
		font-size: 24px!important;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
		font-size: 16px;
		height: 52px;
		padding: 5px 15px;
	}
	.software-intro-container p, .extra-info-contaier ul li, .extra-soft-info-content p, 
	.product-data-container p, .software-info-card 
	.software-info-content p, .software-info-card .software-info-content li{
		font-size: 18px;
	}
	.leaders_carosuel.owl-carousel .owl-nav button {
    	height: 40px;
    	width: 40px;
    	background-size: 20px 20px;
	}
}

@media (min-width:600px) and (max-width:767px){ 
	.investor #opening-jd-1 .col-xl-3.col-lg-4.col-md-6{
		width: 50%;
	}
	.investor #opening-jd-1 .col-xl-3.col-lg-4.col-md-6 img{
		height: 333px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog{
		height: auto;
		width: 85%;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title{
		font-size: 24px!important;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
		font-size: 16px;
		height: 52px;
		padding: 5px 15px;
	}
}

@media (min-width:499px) and (max-width:599px){  
    section.map-section .map-img {
        margin-top: 20px !important;
    }
}

@media (min-width:992px) and (max-width:1484px){
    .success_items ul.nav.nav-pills li {
        padding: 0 25px;
    }
    .success_items ul.nav.nav-pills {
        margin: 0px -25px;
    }
    .success_items ul.nav.nav-pills li button  h3 {
        font-size: 22px;
    }
}

@media (min-width:992px) and (max-width:1199px){
    header nav > ul > li + li {
        margin-left: 0;
    }
    html .btn {
        padding: 0 25px;
        line-height: 50px;
        font-size: 14px;
        min-width: 120px;
    }
    section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .blog_content p {
        font-size: 18px;
    }
    .blog_inner_section article.blog .image a {
        height: 230px;
    }
    .blog_inner_section article.blog .content span.date.btn {
        top: 195px;
        right: 10px;
    }
    .blog_content h2 {
        margin-bottom: 20px;
    }
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 20px;
    }
    footer .col-auto ul li a {
        font-size: 16px;
    }
    .contact-detail-container .contact-detail-menu .contact-detail-inner {
        margin-top: 10px;
        padding: 15px 10px;
    }
    .contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data p, .contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data a, .social-menu p {
        font-size: 17px;
    }
    .contact-menu-container .contact-option .contact-option-icon {
        height: 100px;
        width: 100px;
        padding: 30px;
    }
    .contact-menu-container .contact-option .contact-option-item p {
        font-size: 18px;
    }
    .policy .policy-data h3 {
        line-height: 28px;
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .policy .policy-data p, .policy .policy-data li {
        font-size: 18px;
    }
    .invest-menu-container .invest-menu-info p {
        font-size: 18px;
    }
    .investor-people-container .investor-slider .swiper-slide .investor-people-data h3 {
        font-size: 20px;
    }
    .document-container .document-section .documents-list .document-item p {
        font-size: 20px;
    }
    .investor-people-container .investor-slider-next, .app-slider-next {
        right: 20px;
    }
    .investor-people-container .investor-slider-prev, .app-slider-prev {
        left: 20px;
    }
    .investor-people-container .investor-slider .swiper-slide img {
        height: 340px;
    }
    .opening .accordion .opening-item .opening-header .opening-accod-btn {
        padding: 10px 15px;
        font-size: 20px;
    }
    .service-detail-container ul li, .service-detail-container p,
	.skill-set-container p, .skill-set-container ul li{
        font-size: 18px;
    }
    .product-data-container .product-slider .swiper-pagination .custom-bullet {
        width: 80px;
        height: 55px;
    }
    .ceftification_section .ceftification_data {
        padding: 30px 30px;
    }
    .mission-vision .mission-vision-data-container {
        margin-top: 40px;
    }
	.opening .accordion .opening-item .opening-accordion-body .job-desc h3, 
	.opening .accordion .opening-item .opening-accordion-body .skill-qua h3{
		font-size: 22px;
	}
}

@media (max-width:991px){
    body {
        font-size: 16px;
    }
    .scrollToTop {
        width: 36px;
        height: 36px;
        bottom: 100px;
        right: 25px;
        padding: 14px;
    }
    .scrollToTop:before {
        transform: skew(-20deg);
    }
    .scrollToTop:hover:before {
        transform: skew(20deg);
    }
    html .btn {
        padding: 0 20px;
        line-height: 50px;
        font-size: 14px;
        min-width: 120px;
    }
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
	.success_items{
		margin-top: 30px;
	}
    html.menu-show .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgb(0 0 0 / 50%);
    }
    .banner_section .container {
        max-width: 100%;
    }
    html .container {
        padding: 0 20px;
    } 
    .sticky .header-bottom {
        padding: 15px 00px;
    }
    .links-text {
        margin-bottom: 25px;
    }
    a.btn span {
        width: 20px;
    }
	
	section.banner_section .hero-section .swiper-slide h3{
		font-size: 40px;
	}
	
	.success_section .title{
		max-width: 300px;
	} 
    .success_items ul.nav.nav-pills li button {
        padding: 30px;
        min-height: 190px;
		height: 190px;
    }
    .success_items ul.nav.nav-pills li {
        padding: 0 20px;
    }
    .success_items ul.nav.nav-pills {
        margin: 0 -20px;
    }
    .success_items ul.nav.nav-pills li button  h3 {
        font-size: 20px;
    }
    .services_items .btn.btn-icon {
        height: 50px;
        width: 50px;
        padding: 16px;
    }
    .services_box {
        padding: 25px 30px;
        min-height: 350px;
        margin-top: 0;
    }
    section.services_section .title h2 br {
        display: none;
    }
    .title h2 br {
        display: none;
    }
    section.banner_section .hero-section .swiper-slide h3 br {
        display: none;
    }
    .services_items {
        gap: 30px;
        padding-top: 30px;
        display: grid;
    }
    .leaders_carosuel {
        padding: 0px 50px;
    }
    html  .btn.btn-icon {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }
    .footer_link {
        margin-bottom: 30px;
    }
	section.banner_section .hero-section .swiper-slide .hero-slide-content,
    section.banner_section .slider-fix-content {
        left: 30px;
    }
	section.banner_section .slider-fix-content{
		width: 700px;
	}
    section.banner_section .slider-fix-content .content-box h3,
	section.banner_section .slider-fix-content .content-box h4{
        font-size: 18px;
        margin-bottom: 5px;
    }
	
    section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light {
        margin-left: 20px;
    }
    section.success_section .success_box {
        padding: 30px 30px;
        gap: 25px;
        grid-template-columns: repeat(2,1fr);
        border-radius: 18px;
    }
    section.product_section .title h2 {
        margin-bottom: 20px;
    }
    section.product_section p {
        font-size: 17px;
    }
    section.software_section .software_wrap{
        width: 95%;
    }
	.software_wrap .software_box:nth-child(1) span.number {
        left: -34px;
    }
	.software_box span.number {
        font-size: 88px;
        bottom: -35px;
        left: -30px;
    }
    .product_content {
        padding: 8px 15px;
    }
    .product_content h4 {
        font-size: 18px;
    }
    
    .services_items {
        gap: 20px;
        padding-top: 20px;
    }
    .product_box .product_img a {
        height: 260px;
    }
    .services_items {
        grid-template-columns: repeat(2,1fr);
    }
    .title h2 {
        font-size: 30px;
        line-height: 38px;
    }
	
	section.services_section .title.text-center{
		text-align: left;
	}	
	
	section.services_section p.text-center{
		text-align: justify!important;
	}	
	
    section.leaders_section .leaders_content p {
        font-size: 17px;
    }
    .leaders_carosuel .item .leader_box p {
        font-size: 18px;
    }
    .leaders_carosuel .item .leader_box h3 {
        font-size: 22px;
    }
    section.leaders_section .title h2 {
        margin-bottom: 15px;
    }
    .double_comma_img {
        right: 40px;
        width: 64px;
    }
    .leaders_carosuel .item .leader_box {
        padding: 45px 30px 35px;
    }
    .blog_inner_section article.blog .content span.date.btn {
        height: 50px;
        width: 50px;
        min-width: 50px;
        font-size: 14px;
        line-height: 16px;
    }
    .blog_inner_section article.blog .content {
        padding: 25px 20px;
    }
    .blog_inner_section article.blog .content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .blog_inner_section article.blog .content p {
        font-size: 14px;
    }
    .services_items {
        grid-template-columns: repeat(2,1fr);
    }
    .blog_content h2 {
        margin-bottom: 15px;
    }
    .blog_content p {
        font-size: 18px;
    }
    .blog_inner_section article.blog .content span.date.btn {
        top: 190px;
        left: 290px;
    }
    .blog_inner_section article.blog .image a {
        height: 195px;
    }
    .blog_inner_section {
        gap: 30px;
        padding-bottom: 30px;
    }
    .copyright_content {
        padding: 18px 0 18px;
    }
    section.contact_us_section .home_contact_form p {
        margin-bottom: 0;
    }
    .blog_inner_section article.blog {
        display: block;
    }
    .blog_inner_section article.blog .image a {
        height: 220px;
        width: 100%;
    }
    
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 18px;
    }
    .journey .timeline .event {
        width: 100%;
    }
    .journey .timeline {
        margin-top: 20px;
    }
    .mission-vision .mission-vision-data-container {
        margin-top: 30px;
    }
    .other-company img {
        height: 290px;
        margin-bottom: 20px;
    }
    section.other-company .row .col-md-6.col-12 {
        margin-top: 20px;
    }
    footer .col-auto ul li a {
        font-size: 18px;
    }
    .about-data p, .other-company-data p, .sustainable_future p,
    section.sustainable_future p{
        font-size: 16px;
    }
    .contact-menu-container .contact-option .contact-option-icon {
        height: 100px;
        width: 100px;
        padding: 30px;
        margin-bottom: 20px;
    }
    .contact-menu-container .contact-option .contact-option-item h2 {
        font-size: 20px;
    }
    .contact-menu-container .contact-option .contact-option-item p {
        font-size: 16px;
    }
    .contact-menu-container .contact-option .contact-option-item .form-btn {
        font-size: 18px;
    }
    .contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data p, .contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data a, .social-menu p {
        font-size: 16px;
    }
    .contact-detail-container .contact-detail-menu .contact-detail-inner {
        padding: 15px 10px;
    }
    .policy .policy-data h3 {
        line-height: 28px;
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 8px;
    }
    .policy .policy-data p, .policy .policy-data li {
        font-size: 16px;
        line-height: 22px;
    }
    .invest-menu-container .invest-menu-info img {
        height: 300px;
    }
    .invest-menu-container .invest-menu-info p {
        line-height: 26px;
        font-size: 16px;
    }
    .investor-people-container .investor-slider .swiper-slide img {
        height: 320px;
    }
    .investor-people-container .investor-slider .swiper-slide .investor-people-data h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .investor-people-container .investor-slider .swiper-slide .investor-people-data {
        padding: 15px 15px;
    }
    .document-container .document-section .document-option {
        padding: 20px;
    }
    .document-container .document-section .document-option label {
        font-size: 18px;
    }
    .document-container .document-section .documents-list .document-item p {
        font-size: 18px;
    }
    .document-container .document-section .documents-list .document-item {
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    .opening .accordion .opening-item .opening-header .opening-accod-btn {
        padding: 6px 15px;
        font-size: 20px;
    }
    .job-form-container .job-form-data .job-form .form_wrap label,
    .job-form-container .job-form-data .job-form .upload-container .upload-label {
        font-size: 18px;
    }
    .job-form-container .job-form-data .job-form p {
        font-size: 16px;
        margin-top: 5px;
    }
    .service-detail-container ul li, .service-detail-container p,
	.skill-set-container p, .skill-set-container ul li{
        line-height: 24px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .blog-data-container .title h1 {
        font-size: 26px;
    }
    .blog-data-container .blog-data p, .blog-data-container .blog-data li {
        line-height: 30px;
        font-size: 18px;
    }
    section.product-data-container .product-data .title br {
        display: none;
    }
    .ceftification_section .ceftification_data {
        padding: 25px 25px;
    }
    .feature-data-container ul {
        margin-left: 0;
    }
    .product-data-container .product-slider .swiper-pagination .custom-bullet {
        width: 44px;
        height: 43px;
        margin: 0 2px;
    }
    .product-data-container .product-data p, .app-data-container p, 
	.ceftification_section .ceftification_data p, .ceftification_section .ceftification_data li,
	.QHSE-detail-container ul li, .QHSE-detail-container p, .feature-data-container ul li, 
	section.product-data-container ul li, section.app-data-container ul li {
        line-height: 26px;
        font-size: 18px;
    }
    .mission-vision p {
        font-size: 18px;
    }
    .ach-img-slider {
        margin-top: 20px;
        height: 750px;
    }
    .journey .timeline .event .event-year {
        margin: 0 0px 0 20px;
        font-size: 18px;
    }
    .event-content {
        font-size: 16px;
    }
    .other-company-data .btn {
        margin: 20px 0px 0px;
    }
    .map-img {
        margin-top: 20px !important;
    }
	.header-bottom{
		padding: 15px 0;
	}
	.breadcrumb-section{
		padding: 20px 0;
	}
	.investor-people-container .investor-slider-next, 
	.app-slider-next, .app-slider-prev, .investor-people-container .investor-slider-prev, 
	.ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev{
		height: 35px;
		width: 35px;
	}
	.investor-people-container .investor-slider-next i, 
	.app-slider-next i, .app-slider-prev i, .investor-people-container .investor-slider-prev i, 
	.ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
		font-size: 30px;
	}
	.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
		left: 15px;
	}
	.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
		right: 15px;
	}
	.tab-option-item .btn{
		line-height: 27px;
		padding: 11px;
	}
	.service-detail-container img{
		height: 480px;
	}
	.career-intro-data p, .job-form-desc p{
		font-size: 18px;
	}
	.software-info-card .software-info-content h3{
		font-size: 20px;
	}
	.software-info-card .software-info-content li, .software-info-card .software-info-content p{
		font-size: 18px;
	}
	.software-info-card{
		padding: 20px 25px;
	}
	.software-info-card .software-info-img img{
		height: 400px;
	}
	.extra-info p:first-child{
		font-size: 22px;
		padding: 12px;
	}
	.extra-soft-img{
		padding-top: 40px;
		width: 95%;
	}
	.vision_section .mission-vision-box p{
		flex: 1 1 auto;
		text-align: center;
	}
}

@media (max-width:767px){
    html header .btn {
        font-size: 12px;
        padding: 0 8px;
        line-height: 36px !important;
        gap: 0;
    }
    html header .container {
        padding: 0;
    }
    html header .container {
        padding: 0;
    }
	
    html .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-toggle {
        margin-left: 10px;
    }
    .header-logo a {
        max-width: 240px;
    }
    nav.header-navbar {
        padding: 25px 30px;
    }
    header nav > ul > li > a {
        font-size: 16px;
        line-height: 30px;
    }
    header nav > ul > li + li {
        margin-top: 10px;
    }
    section.success_section .success_box .success_inner_box h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
	
	.success_items ul.nav.nav-pills li button{
		margin-bottom: 40px;
	}
	.success_items ul.nav.nav-pills li button::Before{
		border-left: 30px solid transparent;
    	border-right: 30px solid transparent;
    	border-top: 40px solid #fff;
		bottom: 15px;
	}
	
    section.success_section .success_box .success_inner_box .success_img .btn {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }
    .software_box .content {
        padding: 20px 25px;
    }
    .software_box .content h4 {
        font-size: 20px;
        margin-bottom: 10px;
        min-height: 0;
    }
    .software_box .content p {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .software_box .content .btn {
        font-size: 18px;
    }
    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    html .btn {
        padding: 0 15px;
        line-height: 46px !important;
        font-size: 12px;
    }
	.breadcrumb-item:nth-child(3){
		white-space: nowrap;       
    	overflow: hidden;          
    	text-overflow: ellipsis;  
    	max-width: 120px;         
    	display: inline-block;   
    	vertical-align: middle;
	}
    section.banner_section {
        height: 430px;
    }
    .success_items {
        margin-top: 20px;
    }
    section.banner_section .hero-section .swiper-slide h3 {
        font-size: 20px;
        margin-bottom: 30px;
		max-width: 70%;
    }
    .sticky .header-logo a {
        max-width: 100px;
    }
    .sticky .header-bottom {
        padding: 15px;
    }
    .header-bottom {
        padding: 20px;
    }
    .contact-information .text h5 {
        font-size: 15px;
    }
    .institute-copy-right p {
        font-size: 14px;
        text-align: center;
        margin-bottom: 5px;
    }
    .institute-copy-right {
        padding: 15px 0;
        margin-top: 20px;
    }
    a.btn span {
        width: 17px;
        left: 8px;
    }
    section.product_section p {
        margin-bottom: 20px;
		text-align: center
    }
    .blog_inner_section article.blog .content span.date.btn {
        line-height: 15px !important;
    }
    .vision_img {
        padding-top: 20px;
    }
    .blog_content {
        padding-bottom: 30px;
    }
    .header_top {
        padding: 50px 0 30px;
    }
    section.banner_section .slider-fix-content {
        left: 25px;
        width: 80%;
    }
    section.banner_section .slider-fix-content .content-box h3 {
        font-size: 22px;
    }
    section.banner_section .slider-fix-content .content-box h4 {
        font-size: 18px;
    }
    .success_items ul.nav.nav-pills li button  h3 {
        font-size: 18px;
    }
    .success_items ul.nav.nav-pills li button  p {
        font-size: 15px;
    }
    .success_items ul.nav.nav-pills li {
        padding: 0 10px;
    }
    .services_items {
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    section.services_section .services_content p {
        font-size: 16px;
    }
    .services_box {
        min-height: 0;
    }
    section.banner_section .slider-fix-content {
        width: 330px;
    }
    .services_items .services_content h3 {
        font-size: 22px;
    }
    section.success_section .success_box {
        padding: 25px 25px;
        gap: 20px;
    }   
	.software_section .title, .services_section .title.text-center{
		max-width: 50%;
		margin: 0 auto;
		text-align: center;
	}
    section.software_section .software_wrap {
        grid-template-columns: repeat(1,1fr);
    }
    section.success_section .success_box {
        grid-template-columns: repeat(1,1fr);
    }
    .success_items ul.nav.nav-pills {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: thin;
        flex-wrap: nowrap;
        justify-content: start !important;
		padding-right: 50px;
    }
    .success_items ul.nav.nav-pills li {
        width: 300px;
        margin: 0 10px;
    }
    .success_items ul.nav.nav-pills li button {
        padding: 22px;
        min-height: 200px;
        width: 300px;
    }
	.product_section .title{
		max-width: 50%;
        text-align: center;
        margin: 0 auto;
	}
    section.software_section p {
        font-size: 16px;
    }
    .title h2 br {
        display: none;
    }
    .title h2 {
        font-size: 24px;
        line-height: 32px;
    }
	.title h3{
		font-size: 22px;
		line-height: 30px;
	}
    .leaders_carosuel {
        padding: 0px 10px;
    }
    .leaders_carosuel.owl-carousel .owl-nav button {
        left: -10px;
    }
    .leaders_carosuel.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }
    section.vision_section .vision_content {
        margin-bottom: 20px;
    }
    section.vision_section .vision_content p {
        font-size: 16px;
    }
    section.sustainable_future p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .leaders_carosuel .item .leader_box p {
        font-size: 16px;
    }
    .leaders_carosuel .item .leader_box h3 {
        font-size: 20px;
    }
    .double_comma_img {
        right: 20px;
        width: 44px;
        top: 10px;
    }
    section.contact_us_section p {
        font-size: 16px;
    }
    .blog_inner_section {
        gap: 20px;
        grid-template-columns: repeat(1,1fr);
        padding-bottom: 28px;
    }
    .blog_content p {
        font-size: 15px;
    }
    .footer_link h4 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .footer_link a {
        font-size: 16px;
    }
    .header_bottom .condition_wrap ul li {
        padding-right: 0;
        margin-right: 0;
        width: 33.33%;
        text-align: center;
    }
    .header_bottom .condition_wrap ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: space-between;
    }
    .header_bottom .condition_wrap ul li::before{
        display: none;
    }
    .copyright_content p, .copyright_content .col-md-5 p {
        font-size: 15px;
        margin-bottom: 5px;
		text-align: center;
    }
    .footer_link {
        margin-bottom: 20px;
    }
    section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn {
        padding: 0 14px;
    }
    section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light {
        margin-left: 8px;
    }
    section.banner_section .hero-section .swiper-slide .hero-slide-content {
		top: -10px;
        margin-bottom: 40px;
    }
    section.banner_section {
        height: 340px;
    }
    section.banner_section .slider-fix-content .content-box h4 {
        font-size: 15px;
    }
    section.banner_section .slider-fix-content .content-box h3 {
        font-size: 20px;
    }
    section.banner_section .slider-fix-content {
        bottom: 50px;
		width: 80%;
    }
    section.banner_section {
        height: 320px;
    }
    .header-bottom {
        padding: 15px 10px;
    }

    .navbar-toggle {
        min-width: 33px;
    }
    .vision_section .mission-vision-box, .vision_section .mission-vision-box img {
        border-radius: 150px;
    }
    .vision_section .mission-vision-box.w-300 {
        align-items: center;
        padding: 12px;
        display: flex !important;
    }
    .vision_section .mission-vision-box p {
        font-size: 14px;
    }
    .vision_section .mission-vision-box {
        display: block !important;
    }
	.mision-vision-wrap.mision-vision-conform.d-flex {
        gap: 10px;
        width: 90%;
        margin: 0 auto;
    }
    .vision_section .mission-vision-box {
        display: flex !important;
        padding: 12px;
        text-align: center;
        width: 300px;
        margin: 8px auto !important;
    }
    .vision_section .mission-vision-box img {
        margin: 2px;
    }    
    .vision_section .mission-vision-box.w-300 img {
        margin: 2px;
    }
    .vision_section .mission-vision-box.w-300 p {
        padding: 0px 20px 0 !important;
    }
    section.contact_us_section .title h2 {
        text-align: left !important;
    }
    section.contact_us_section .col-md-12.wow.fadeInUp.animated p,
    .home_contact_form .form_wrap p {
        margin-bottom: 0;
    }
    .blog_inner_section article.blog {
        display: block;
    }
    .blog_inner_section article.blog .image a {
        height: 210px;
        width: 100%;
    }
    .blog_inner_section article.blog .content span.date.btn {
        top: -20px;
        right: 15px;
        left: auto;
    }
    .blog_inner_section article.blog .content span.date.btn {
        height: 60px;
        width: 60px;
        min-width: 60px;
    }
    footer .col-auto ul li a {
        font-size: 15px;
        margin-bottom: 8px;
    }
    section.banner_section .hero-section .swiper-slide img {
        height: 320px;
    }
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 16px;
    }
    .values-data-container img {
        height: 400px;
    }
    .other-company img {
        height: 320px;
        width: 100%;
    }
    .other-company-data .btn {
        margin: 20px 0px 10px;
    }
    section.sustainable_future .sustainable_future_img img {
        height: 400px;
        margin-bottom: 20px;
    }
    .journey .timeline .timeline-left, .journey .timeline .timeline-right {
        padding: 0 15px 0 0px;
    }
    .journey .timeline .event .event-year {
        margin: 0px 0px 0 20px;
        font-size: 20px;
    }
    .journey .timeline .event {
        padding: 10px 10px;
    }
    .journey .timeline .timeline-right {
        padding: 0 0 0 15px;
    }
    .journey .timeline .timeline-right .event-content {
        margin-left: 10px;
    }
    .mission-vision .mission-vision-data-container .mission-vision-data .mv-detail-box {
        padding: 25px 25px;
        margin-bottom: 20px;
    }
    .journey .timeline  .event-content {
        font-size: 13px;
        line-height: 130%;
        width: 280px;
    }
    section.journey .col-md-6:first-child {
        margin-bottom: 20px;
    }
    .journey .timeline {
        margin-top: 15px;
    }
    .contact-detail-container iframe {
        height: 350px;
        margin-top: 20px;
    }
    .contact-menu-container p, .contact-detail-container p {
        font-size: 16px;
    }
    .invest-menu-container .invest-menu-info img {
        height: 340px;
        width: 100%;
        margin-bottom: 20px;
    }
    section.invest-menu-container .invest-menu-info.invest_row_2 .col-md-6:first-child {
        order: 1;
    }
    .invest-menu-container .invest-menu-info {
        margin-top: 30px;
    }
    .document-container .document-section .document-option {
        margin-bottom: 30px;
    }
    .investor-people-container .investor-slider .swiper-slide img {
        height: 530px;
        width: 100%;
    }
    .document-container .document-section .documents-list .document-item {
        padding: 10px;
        margin-bottom: 10px;
    }
    .document-container .document-section .documents-list .document-item span {
        margin-left: 5px;
    }
    .document-container .document-section .documents-list .document-item p {
        font-size: 16px;
    }
    .opening .accordion .opening-item .opening-header .opening-accod-btn {
        font-size: 16px;
        text-align: left;
    }
    .skill-set-container.skill-order .col-md-6:first-child {
        order: 1;
    }
    section.skill-set-container .col-md-6:last-child,
    section.skill-set-container.skill-order .col-md-6:first-child {
        margin-top: 20px;
    }
    section.skill-set-container.skill-order .col-md-6:last-child {
        margin-top: 50px;
    }
    .career-intro-data .title {
        margin-bottom: 10px;
    }
    .service-detail-container img {
        width: 100%;
    }
    .service-detail-container .col-md-6:last-child,
    .service-detail-container .service_order .col-md-6:first-child {
        margin-top: 20px;
    }
    .service-detail-container .service_order .col-md-6:last-child {
        margin-top: 50px;
    }
    .blog-box-container {
        margin-top: 20px !important;
    }
    .styled-pagination {
        margin-top: 30px;
    }
    .blog-menu-container .title p {
        font-size: 16px;
    }
    .blog-data-container .blog-data p, .blog-data-container .blog-data li {
        line-height: 24px;
        font-size: 16px;
    }
    .blog-data-container .blog-data h3 {
        font-size: 20px;
        text-align: left;
        line-height: 28px;
    }
    .blog-data-container img {
        height: 450px;
    }
    .blog-data-container .title h1 {
        font-size: 24px;
    }
    .blog-data-container .blog-meta-data p {
        font-size: 15px;
        margin-top: 20px;
        margin-right: 10px;
    }
    section.blog-data-container .blog-data iframe {
        width: 100%;
    }
    
    section.product-data-container .col-md-6:last-child,
    section.app-data-container .col-md-6:first-child {
        margin-top: 20px;
    }
    .product-data-container .product-data p, .app-data-container p, .ceftification_section .ceftification_data p, 
	.ceftification_section .ceftification_data li .QHSE-detail-container ul li, .QHSE-detail-container p, 
	.feature-data-container ul li, section.product-data-container ul li {
        line-height: 22px;
        font-size: 16px;
    }
    body.page-template-about .breadcrumb-section ol.breadcrumb li.breadcrumb-item.active {
        display: block;
    }
    .sustainable_future_img {
        text-align: center;
    }
    section.app-data-container .col-md-6:last-child {
        order: -1;
    }
    .header_bottom .condition_wrap ul li a {
        font-size: 15px;
    }
    .contact-menu-container .contact-option .contact-option-item {
        width: 33.33%;
    }
    .contact-menu-container .contact-option .contact-option-item h2 {
        font-size: 18px;
    }
    .contact-menu-container .contact-option .contact-option-item .form-btn {
        font-size: 16px;
    }
    .contact-menu-container .contact-option .contact-option-item p {
        font-size: 14px;
    }
	.product-data-container .product-data p, .app-data-container p, 
	.ceftification_section .ceftification_data p, .ceftification_section .ceftification_data li,
	.QHSE-detail-container ul li, .QHSE-detail-container p, 
	.feature-data-container ul li, section.product-data-container ul li, 
	section.app-data-container ul li{
		font-size: 16px;
	}
	.ceftification_section .ceftification_data li::before, .feature-data-container ul li::before, 
	.QHSE-detail-container ul li::before, section.product-data-container ul li::before, 
	.section.app-data-container ul li::before, .skill-set-container ul li::before, 
	.extra-info-contaier ul li::before{
		font-size: 20px;
	}
	.ceftification_section .ceftification_data li, .feature-data-container ul li, 
	.QHSE-detail-container ul li, section.product-data-container ul li, 
	section.app-data-container ul li, .skill-set-container ul li, .extra-info-contaier ul li{
		padding-left: 28px;
	}
	.solution-brochure-btn, .product-brochure-btn{
		margin-top: 10px!important;
	}
	
    .feature-data-container p {
        font-size: 16px;
    }
    .service-detail-container img,
    section.skill-set-container img  {
        height: 400px;
    }
    .vision_section .mission-vision-box .btn.btn-icon {
        line-height: 20px !important;
    }
    nav.header-navbar .contact-detail-menu {
        padding-top: 120px;
    }
    section.services_section p {
        font-size: 16px;
    }
    section.success_section .success_box .success_inner_box h3 {
        height: auto !important;
    }
    .vision_section .col-md-6:first-child {
        margin-bottom: 20px;
    }
    .mission-vision .mission-vision-data-container {
        margin-top: 20px;
    }
    .ach-img-slider .swiper-slide img {
        height: 460px;
    }
    .ach-img-slider .swiper-slide img,
    .ach-img-slider {
        height: 460px;
    }
    section.product-data-container .product-data {
        margin-bottom: 20px;
    }
	.tab-option-item .btn{
		line-height: 27px;
		padding: 11px;
	}
	.tab-options .tab-option-item{
		margin: 10px;
		width: 240px;
		padding: 0;		
	}
	.tab-options.row{
		overflow-y: hidden;
		flex-wrap: nowrap;
		overflow-x: auto;
		width: 95%;
		margin: 0 auto;
	}
	.tab-options.row::-webkit-scrollbar {
  		height: 3px;
		margin: 0 auto;
	}

	/* Scrollbar Track */
	.tab-options.row::-webkit-scrollbar-track {
  		background: #f1f1f1; /* Light background */
  		border-radius: 10px;
	}

	/* Scrollbar Thumb */
	.tab-options.row::-webkit-scrollbar-thumb {
  		background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
  		border-radius: 10px;
	}

	/* On Hover */
	.tab-options.row::-webkit-scrollbar-thumb:hover {
 		 background: linear-gradient(90deg, #FF1200 0%, #000000 100%);
	}
	
	.products-tab{
		margin-top: 20px;
	}
	.products-tab .tab-content{
		padding: 0;
	}
	.bod-item .investor-people-data h3{
		font-size: 18px;
	}
	.bod-item .investor-people-data p{
		font-size: 16px;
	}
	.opening .accordion .opening-item .opening-header .opening-accod-btn::after{
		font-size: 16px;
		height: 38px;
		width: 38px;
	}
	.documents-list .document-item p{
		font-size: 16px;
	}
	.documents-list .document-item{
		padding: 12px;
	}
	.company-policy-docs{
		padding-top: 0px;
	}
	.grievance .title h2{
		font-size: 22px;
	}
	.grievance .title p, .grievance .contact-info p a{
		font-size: 18px;
	}
	.commitee-data-item{
		padding: 12px;
	}
	.grievance{
		margin-top: 0;
		padding: 16px 22px;
	}
	.documents-list .document-item span{
		margin: 0 13px;
	}
	
	.commitee-data-item .committee-people-data h4{
		font-size: 18px;
	}
	.service_order .col-md-6:first-child{
		order: 2
	}
	.service_order .col-md-6:last-child{
		order: 1
	}
	.career-intro-data p, .job-form-desc p{
		font-size: 16px;
	}
	.career-intro-data p, .job-form-desc p{
		font-size: 16px!important;
	}
	.job-desc p, .skill-qua p, .job-desc ul li, .skill-qua  ul li{
		font-size: 16px!important;
	}
	.opening .accordion .opening-item .opening-accordion-body 
	.job-desc h3, .opening .accordion .opening-item .opening-accordion-body .skill-qua h3{
		font-size: 20px;
	}
	.contact-menu-container .contact-option .contact-option-icon {
        height: 120px;
        width: 120px;
        padding: 30px;
    }
	.contact-detail-container .contact-detail-menu .contact-detail-inner 
	.contact-data p, .contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data a, 
	.social-menu p{
		font-size: 16px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog{
		height: 90%;
		width: 85%;
		padding: 10px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header button.close{
		right: 0;
		top: -2px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title{
		font-size: 20px;
		margin: 18px auto 0;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
		height: 50px;
		font-size: 16px;
	}
	.social-menu .social-icon-menu .social-icon svg{
		height: 40px!important;
		width: 40px!important;
	}
	.software-intro-container p, .extra-info-contaier ul li, .extra-soft-info-content p, .product-data-container p{
		font-size: 18px;
	}
	.software-info-card .software-info-content li, .software-info-card .software-info-content p{
		font-size: 18px;
	}
	.software-info-card{
		padding: 20px 25px;
	}
	.software-info-card .software-info-img img{
		height: 300px;
	}
	.extra-info p:first-child{
		font-size: 20px;
		padding: 12px;
	}
	.extra-soft-img{
		padding-top: 40px;
		width: 95%;
	}
	.leaders_carosuel.owl-carousel .owl-nav button {
    	height: 30px;
    	width: 30px;
    	background-size: 12px 12px;
	}
	.services_items .btn.btn-icon{
		height: 45px;
		width: 45px;
		padding: 17px;
	}
}

@media (max-width:499px) {
    section.banner_section .hero-section .swiper-slide {
		height: 320px;
	}
    .investor-people-container .investor-slider .swiper-slide img {
        height: 410px;
    }
    .blog-data-container img {
        height: 220px;
    }
    .contact-menu-container .contact-option .contact-option-item {
        width: 100%;
    }
	.ceftification_section .ceftification_data li::before, .feature-data-container ul li::before, 
	.QHSE-detail-container ul li::before, section.product-data-container ul li::before, 
	.section.app-data-container ul li::before, .skill-set-container ul li::before, 
	.extra-info-contaier ul li::before, .app-data-container ul li::before{
		font-size: 20px!important;
	}
    .about-data p,
    .other-company-data p,
    .sustainable_future p,
    .product-data-container .product-data p,
    .app-data-container p,
    .ceftification_section .ceftification_data p,
    .ceftification_section .ceftification_data li .QHSE-detail-container ul li,
    .QHSE-detail-container p,
    .feature-data-container ul li,
    section.product-data-container ul li,
    section.app-data-container ul li,
    .policy .policy-data p,
    .policy .policy-data li {
        text-align: justify;
    }
	.header-bottom{
		padding: 15px 0;
	}
	.breadcrumb-section{
		padding: 20px 0;
	}
	.investor-people-container .investor-slider-next, 
	.app-slider-next, .app-slider-prev, .investor-people-container .investor-slider-prev, 
	.ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev{
		height: 25px;
		width: 25px;
	}
	.investor-people-container .investor-slider-next i, 
	.app-slider-next i, .app-slider-prev i, .investor-people-container .investor-slider-prev i, 
	.ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
		font-size: 20px;
	}
	.app-slider-next i, .app-slider-prev i{
		top: -12px;
        position: relative;
	}
	.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
		left: 10px;
	}
	.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
		right: 10px;
	}
	.product-data-container .product-slider .swiper-slide img{
		height: 300px;
	}
	
	.document-option label, .committee-option label{
		font-size: 16px;
	}
	.document-option p, .committee-option p{
		font-size: 18px;
	}
	.commitee-data-item .committee-image img{
		height: 80px;
		width: 80px;
	}
	.commitee-data-item .committee-people-data h4{
		font-size: 18px;
	}
	.commitee-data-item .committee-people-data p{
		font-size: 16px;
	}
	.document-option, .committee-option{
		padding: 20px;
	}
	.documents-list .document-item p{
		font-size: 14px;
	}
}

@media (max-width:500px){
	.vision_section .mission-vision-box p{
		flex: 1 1 auto;
		text-align: center;
	}
	.services_items .btn.btn-icon{
		height: 40px;
        width: 40px;
        padding: 14px;
	}
    .journey .timeline .event {
        width: 100%;
        display: block;
    }   
    .journey .timeline  .event-content {
        margin-bottom: 10px;
    }
    .journey .timeline .timeline-right .event-content {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }
    section.map-section .map-img {
        margin-top: 20px !important;
    }
    section.sustainable_future .sustainable_future_img img {
        height: 240px;
        margin-bottom: 20px;
    }
    .opening .accordion .opening-item .opening-header .opening-accod-btn::after {
        height: 36px;
        width: 36px;
        min-width: 36px;
    }
    section.banner_section .slider-fix-content {
        bottom: 40px;
        width: 90%;
    }
    section.banner_section .slider-fix-content .row .content-box {
        min-width: 130px;
    }
    section.banner_section .slider-fix-content .row {
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    section.software_section .title,
    .services_section .title,
    .product_section .title {
        max-width: 100%;
    }
    .mision-vision-wrap.mision-vision-conform.d-flex {
        gap: 0;
        display: block !important;
    }
    section.banner_section .hero-section .swiper-slide h3 {
        font-size: 20px;
        margin-bottom: 20px;
        max-width: 100%;
    }
	.commitee-data-item .committee-people-data h4{
		font-size: 16px;
		margin-bottom: 0;
	}
	.commitee-data-item .committee-people-data p{
		font-size: 14px;
	}
	.service-detail-container img, section.skill-set-container img{
		height: 244px!important;
	}
	.documents-list .document-item p{
		font-size: 14px;
	}
	.grievance .title h2{
		font-size: 18px;
		line-height: 14px;
	}
	.grievance .title p, .grievance .contact-info p a{
		font-size: 16px;
	}
	.grievance .contact-info{
		margin-top: 20px;
	}
	.grievance{
		padding: 16px 22px 1px;
	}
	
	.opening.investor .accordion .opening-item .accordion-collapse{
		padding: 20px 14px!important;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog{
		height: 90%;
		width: 90%;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title{
		font-size: 20px!important;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control, 
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
		font-size: 14px;
		height: 52px;
		padding: 5px 15px;
	}
	.software-info-card .software-info-content li, .software-info-card .software-info-content p{
		font-size: 16px;
	}
	.software-info-card{
		padding: 20px 25px;
	}
	.software-info-card .software-info-img img{
		height: 245px;
	}
	.software-info-card .software-info-content h3{
		font-size: 18px;
	}
	.software-intro-container p, .extra-info-contaier ul li, .extra-soft-info-content p, .product-data-container p{
		font-size: 16px;
	}
	.extra-info p:first-child{
		font-size: 18px;
		padding: 12px;
	}
	.extra-soft-img{
		padding-top: 30px;
		width: 100%;
	}
}

@media (min-width:320px) and (max-width:450px){ 
    .header_bottom .condition_wrap ul li {
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
    }
    .header_bottom .condition_wrap ul li:last-child {
        margin-bottom: 0;
    }
	.breadcrumb-item:nth-child(3){
		max-width: 63px;
	}
    .journey .timeline .timeline-left,
    .journey .timeline .timeline-right {
        padding: 0 0 0 0;
    }
    .journey .timeline .divider {
        display: none;
    }
    .journey .timeline .timeline-left, .journey .timeline .timeline-right {
        width: 100%;
    }
    .journey .timeline {
        display: block;
    }
    .journey .timeline .event {
        margin: 8px 0;
    }
    .journey .timeline .timeline-right .event.event-right:last-child {
        margin-bottom: 0;
    }
    .journey .timeline .event {
        box-shadow: 4px 6px 25px -3px #00000033;
    }
    .journey .timeline .event .event-year {
        margin: 0px 0px 0 0;
    }
	.breadcrumb-section .breadcrumb .breadcrumb-item{
		font-size: 14px;
	}
	.breadcrumb-item+.breadcrumb-item::before{
		margin: 0;
	}
	.investor #opening-jd-1 .col-xl-3.col-lg-4.col-md-6 img{
		height: 345px;
	}
	.committee-data-container .committee-image.col-xl-4.col-lg-3.col-md-5.col-3{
		width: 100%!important;
		margin-bottom: 10px;
	}
	.committee-data-container .committee-people-data.col-xl-8.col-lg-9.col-md-7.col-9{
		width: 100%!important;
	}
	.grievance .contact-info .d-flex p:nth-child(2) a{
		margin: 0;
	}
	.grievance .contact-info .d-flex p:nth-child(2){
		word-break: break-all;
		margin-left: 20px;
	}
	.documents-list .document-item p:first-child{
		word-break: break-all;
	}
	.software-info-card .software-info-img img{
		height: 195px;
	}
}

@media (min-width:320px) and (max-width:374px){
	.vision_section .mission-vision-box p{
		padding: 0 0px 0 8px !important;
	}
	.mision-vision-wrap.mision-vision-conform.d-flex{
		width: 100%;
        margin: 0 auto;
	}
    section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn {
        padding: 0 12px;
        font-size: 13px;
        line-height: 42px !important;
    }
    section.banner_section .slider-fix-content {
        width: 280px;
    }
    .vision_section .mission-vision-box,
    .vision_section .mission-vision-box.w-300 {
        width: 100%;
    }
    .vision_section .mission-vision-box img {
        height: 60px;
        width: 60px;
        min-width: 60px;
    }
    .blog-data-container .blog-meta-data p {
        font-size: 13px;
        margin-right: 10px;
    }
    section.blog-data-container .blog-data iframe {
        width: 100%;
        height: 200px;
    }
    .product-data-container .product-slider .swiper-slide img {
        height: 200px;
    } 
    .product-data-container .product-slider .swiper-pagination .custom-bullet {
        border-radius: 5px;
        width: 40px;
        height: 36px;
        margin: 0 2px;
    }
    .blog-menu-container .blog-box-container .blog-box .blog-date {
        top: 38%;
    }
    .values-data-container img {
        height: auto;
    }
    .ach-img-slider .swiper-slide img, .ach-img-slider {
        height: 390px;
    }
	.investor #opening-jd-1 .col-xl-3.col-lg-4.col-md-6 img{
		height: 300px;
	}
	.bod-item .investor-people-data h3{
		font-size: 16px;
	}
	.bod-item .investor-people-data p{
		font-size: 14px;
	}
	body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title{
		font-size: 20px;
		margin: 18px auto 0;
	}
}