/* Mobile Responsive */

@media (max-width: 500px){
    .landingPage .industrySection .section-banner .list {
        gap: 5px !important;
        width: calc(1600%) !important;
        animation: scrollIndustry 18s linear infinite !important;
    }
	.landingPage .text-content {
		text-align: center;
	}
	.landingPage .text-content .logos-section {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
		padding: 5px;
		justify-items: center;
	}
	.landingPage .text-content .logos-section .hero-logo {
		width: 90px;
	}
	.landingPage .text-content .logos-section .logo-aws {
		width: 55px;
	}
	.landingPage #header img {
    	width: 70%;
	}
	.landingPage .text-content .hero-tech-partner {
    	margin-top: 0px !important;
	}
	.menu-humburger{
		display: none !important;
	}
	.header-menu .right-block a.button {
		display: block;
		padding: 5px 15px;
	}
	.header-menu .right-block a.button span{
		font-size: 9px;
	}
	.header-menu .right-block a.button {
    	margin-right: 0px !important;
	}
	.technologyTypes{
		margin-top: 70px;
	}
	.clientLogoSection.section-banner .list {
    	gap: 15px !important;
	}
	.clientLogoSection.section-banner .list img {
    	width: 100px !important;
		height: auto !important;
	}
	.clientLogoSection{
		margin-top: 20px !important;
		margin-bottom: 90px !important;
		overflow: hidden;
	}
	.landingPage .whatSetsSection {
		background: #e9edfc;
		margin-top: -60px !important;
	}
	.landingPage .whatSetsSection .left-highlights .sub-nav-solution {
    	margin-top: 40px !important;
	}
	.landingPage .whatSetsSection .right-form {
    	padding-left: 0px !important;
	}
	.landingPage .whatSetsSection .right-form .form-container {
		padding: 20px !important;
	}
	.landingPage .technologiesSection {
    	margin-top: 50px !important;
	}
	.landingPage .technologiesSection .tabs {
		flex-direction: column;
		gap: 5px;
	}
	.landingPage .tabs-section {
		padding: 0px !important;
		margin-top: 20px;
	}
	.landingPage .technologiesSection .tabs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.landingPage .tab-button {
		padding: 10px 12px;
	}
	.landingPage .tabs {
    	margin-bottom: 35px;
	}
	.landingPage .logo-grid {
		margin-top: 35px;
	}
	.landingPage .logo-grid {
    	gap: 20px;
	}
	.landingPage .logo-grid img {
		width: 50px;
	}
	.landingPage .logo-grid .logo-div h5 {
    font-size: 12px;
	}
	.section-service .container .row:first-child>div:last-child {
		text-align: center !important;
	}
	.landingPage .whySection{
		margin-top: 10px !important;
	}
	.landingPage .testimonials {
    	margin-top: 70px;
	}
	.landingPage .meetTeamHdng {
		margin-top: 60px !important;
	}
	.landingPage .meetTeam {
		flex-direction: column;
	}
	.landingPage .meetTeam .left-section {
		order: 1;
		flex-direction: column;
	}
	.landingPage .meetTeam .left-section .content-infor {
		text-align: center;
		padding: 15px !important;
		margin: 0px 15px !important;
	}
	.landingPage .faqSection {
		margin-top: 40px;
		margin-bottom: 20px;
		padding-left: 15px;
        padding-right: 15px;
	}
	.landingPage .faqSection .heading {
    	margin-bottom: 10px;
	}
	#footer .footer-block{
		text-align: center;
	}
	#footer .ftr-content{
		margin-top: 20px !important;
	}
	#footer .company-contact {
		display: flex;
		justify-content: center;
	}
	#footer .item {
		display: flex;
		align-items: center;
	}
	#footer .form-container {
		padding: 20px;
	}
	.landingPage .mob-btm-navbar{
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: #4A4084;
        padding: 5px 0px;
		bottom: 0;
    	position: fixed;
		box-shadow: 0px 10px 25px 0px rgba(5, 5, 5, 0.25);
	}
	.landingPage .mob-btm-navbar .nav-btn{
		text-align: center;
		padding: 5px 0px;
	}
	#footer .form-row {
		flex-direction: column;
		margin-bottom: 0px !important;
		margin-top: 10px;
	}
	#footer input, select, textarea, button {
		margin-bottom: 5px !important;
	}
	#footer textarea{
		margin-top: 5px;
	}
	#footer .captcha {
		margin-bottom: 10px;
	}
	.landingPage .mob-btm-navbar .nav-btn h5{
		color: white;
		font-size: 14px;
		margin-top: 5px;
	}
	.landingPage .mob-btm-navbar .fs-36 {
        font-size: 28px !important;
    }
	.landingPage .googleTestimonials .slider {
		margin-left: 0px !important;
	}
	.landingPage .googleTestimonials .arrow {
		padding: 7px 15px;
	}
	.landingPage .ph-whatsapp-logo {
		font-size: 30px;
	}
	.landingPage .wa-float {
		display: none;
		width: 50px;
		height: 50px;
		bottom: 115px;
		right: 15px;
	}
	.landingPage .section-newsletter form {
		flex-direction: column !important;
		align-items: center;
		margin-bottom: -20px !important;
	}
	.landingPage .section-newsletter {
		/* margin-top: 315px; */
		padding-bottom: 0px !important;
	}
	.landingPage .section-newsletter form input:nth-child(4),
	.landingPage .section-newsletter form input:nth-child(2) {
	    margin-left: 0 !important;
		margin-right: 0px !important;
	}
	.landingPage .whatSetsSection .left-highlights .highlightCard .solution-item .main-item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.landingPage .whatSetsSection .left-highlights .highlightCard .solution-item .main-item .desc {
		text-align: center !important;
	}
	.landingPage .bnrFormContainer {
		padding: 30px 5px 0px 5px !important;
		margin: 0 !important;
	}
	.landingPage .bnrFormContainer #statusMessage3 {
		padding-bottom: 15px !important;
	}
	.landingPage .benefit-block .section-benefit .col-12 {
		padding: 0 !important;
	}
	.landingPage .googleTestimonials .arrow.right,
	.landingPage .googleTestimonials .arrow.left {
		display: none;
	}
	/* .landingPage .meetTeam .slider .next,
	.landingPage .meetTeam .slider .prev {
		display: none;
	} */
	.landingPage #footer .footer-company-infor .list-more-infor {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px !important;
	}
	.landingPage #footer .footer-company-infor {
		gap: 10px !important;
	}
	.landingPage .list-faqs .container .question-item .heading6 {
		font-size: 16px !important;
	}
	.landingPage .header-menu {
		margin: 10px;
		border-radius: 10px;
		box-shadow: 0px 10px 25px 0px rgba(5, 5, 5, 0.25);
	}
	.landingPage .hero-section .hero-img-mob {
		display: flex !important;
		padding-top: 15px !important;
		margin-top: 20px !important;
	}
	.landingPage .hero-section .left .body2 {
		margin-top: 20px !important;
		font-size: 14px !important;
        line-height: 22px !important;
	}
	.landingPage .meetTeam .slider .next,
	.landingPage .meetTeam .slider .prev {
		display: none !important;
	}
	.landingPage .slider-block.style-six .slider-item .slider-img img:last-child {
		width: 100% !important;
		right: -15px !important;
		scale: 1.3 !important;
	}
	.landingPage .hero-section {
		overflow: visible !important;
	}
	.landingPage .hero-section .hero-subtitle {
		font-size: 16px !important
	}
	.landingPage .industrySection {
		margin-top: 60px !important;
	}
	.landingPage .hero-section .slider-block .slider-item .left {
		overflow: hidden !important;
	}
	.landingPage .ftr-form {
		margin-top: 0px !important;
	}
	.landingPage .ftr-form button,
	.landingPage  #custom-form-f1 button {
		margin-top: 10px;
	}
	.hero-section .heading1 {
		font-size: 34px !important;
		line-height: 40px !important;
	}
	.landingPage .partnersLogo {
		margin-top: 170px !important;
		margin-bottom: 50px !important;
	}
	.landingPage .hero-section .text-content .ctaBtn {
		display: none !important;
	}
	.partnersLogo.section-banner .list img {
        width: 95px !important;
    }
	.landingPage .partnersLogo.section-banner .list .awsLogo {
		text-align: center !important;
		margin-left: -20px !important;
		margin-right: -10px !important;
	}
	.landingPage .partnersLogo.section-banner .list .awsLogo img {
		width: 55% !important;
	}
	.landingPage .partnersLogo.section-banner .list {
		gap: 40px !important;
	}
	.landingPage .partnersLogo.section-banner .list {
        padding: 10px 0 !important;
    }
	.slider-block.style-six .slider-item .slider-img img:first-child {
		width: 100% !important; 
	}
	.landingPage .service-desc {
	    text-align: center !important;
	}
	.landingPage .desc {
	    display: flex;
        align-items: center;
        flex-direction: column;
	} 
	.landingPage .main-item {
	    display: flex;
        flex-direction: column;
        align-items: center;
	}
	.landingPage .section-solution .cta-block .text-start {
	    text-align: center !important;
	}
	.landingPage .section-solution .cta-block .text-end {
	    text-align: center !important;
	}
	.landingPage .section-solution {
	    margin-bottom: -20px !important;
	    ;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.landingPage .slider-block.style-six .slider-item .slider-img img:last-child {
		scale: 1.6 !important;
		margin-right: -20px;
	}
	.landingPage .whatSetsSection .left-highlights .highlightCard .solution-item {
		padding: 20px !important;
	}
	.landingPage .whatSetsSection .left-highlights .highlightCard .solution-item .main-item img {
	    width: 55px !important;
	}
	.landingPage .meetTeam .left-section .content-infor {
		padding: 23px !important;
	}
	.landingPage .list-faqs .container .question-item .heading6 {
		font-size: 16px !important;
	}
	.landingPage .list-faqs .container .content-question .body3 {
		font-size: 15px !important;
	}
	.heading3 {
		font-size: 38px !important;
		line-height: 48px !important;
	}
	.heading4 {
		font-size: 30px !important;
		line-height: 38px !important;
	}
	.heading5 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.landingPage .whatSetsSection .left-highlights .sub-nav-solution {
        margin-top: 62px !important;
    }
}


@media (min-width: 1200px) and (max-width: 1399px) {
	.landingPage #footer .footer-company-infor .call-block .body2 {
		font-size: 14px !important;
		line-height: 24px !;
	}
	.slider-block.style-six .slider-item .slider-img img:last-child {
		scale: 1.5 !important;
	}
	.landingPage .heading1 {
		font-size: 60px !important;
		line-height: 70px !important;
	}
	.landingPage .hero-section .hero-subtitle {
		margin-top: -20px !important;
	}	
	.landingPage .hero-section .body2 {
		margin-top: 20px !important;
	}
	.slider-block.style-four .slider-item .container .row {
		top: calc(20px + 45%) !important;
	}
}


@media (min-width: 1024px) and (max-width: 1199px) {
	.landingPage .heading1 {
		font-size: 70px !important;
		line-height: 70px !important;
	}
	.landingPage .hero-section .body2 {
		font-size: 16px !important;
	}
}