.desktop-none {
    display: none;
}
@media (max-width:1660px){
	.services-tabbing .tabs-nav {
		margin-top: 15px;
	}
	.main-bannner {
		padding: 180px 0 3% 0;
	}
	.services-tabbing .tab-pane {
		margin-top: 30px;
	}
	.tabs-content {
		height: 70vh;
	}
	.gallery, .skill-thinking {
		padding: 3% 0;
	}
	.testimonial-content {
		min-height: 260px;
	}
}
@media (max-width:1500px){
	
	.main-bannner {
		padding: 170px 0 3% 0;
	}
	 .lead-bio p {
        font-size: 19px;
        max-width: 652px;
		animation-fill-mode

    }
	.lead-content-outer .coll-40 {
    max-width: 34%;
    width: 100%;
}
	.company-container>.flex-area {
		justify-content:center;
	}
		.lead-contact-info a {
		font-size: 18px;
			padding: 12px 10px;
	}

	.lead-contact-info>.flex-area {
		column-gap: 10px;
	}

	.lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
		max-width: 300px;
	}
	.services-tabbing .tab-pane {
		margin-top: 30px;
	}
	.service-box-header p {
    font-size: 15px;
}
	.services-tabbing .tabs-nav {
		margin-top: 15;
	}
	.tabs-content {
		height: 70vh;
	}
	.scroll-progress-bar {
  		height: 3px;
  	}
	.testimonial-content {
		min-height: 230px;
	}
	.load-more-btn {
		margin-top: 40px;
	}
	.gallery-content a img {
    	height: 420px;
	}
	.partner-logo {
		padding: 24px 12px 0 12px;
	}
}
@media (max-width:1400px){
	header {
		top: 16px;
	}
	.main-bannner {
		padding: 170px 0 3% 0;
	}
	 .lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
        max-width: 280px;
    }
	.lead-bio p {
		font-size: 18px;
        max-width: 621px;
    }
	.lead-content-outer .coll-40 {
		max-width: 35%;
	}
	.company-container>.flex-area {
		justify-content:center;
	}
	.potential-market-title p {
		max-width: 75%;
		margin: 1.3% auto 0 auto;
	}
	.potentials-boxes-inner {
		margin-top: 50px;
	}
	.service-box-num span,.service-box-num {
		border-radius: 6px;
	}
	.service-box-num span{
		font-size: 14px;
	}
	.service-box-num {
		height: 42px;
		width: 42px;
	}

	.service-box-header h3 {
		margin-top: 16px;
	}

	.services-tabbing .tab-pane {
		margin-top: 28px;
	}

	.service-box-header p {
		font-size: 14px;
		margin-top: 5px;
	}

	.services-tabbing .tabs-nav {
		margin-top: 5px;
	}
	.service-box-main-img {
    	height: 255px;
	}
/* 	.service-box-main-img {
    	height: 180px;
	} */

	.services-title h2 {
		margin-top: 20px;
	}
/* 		.tabs-content {
		height: 80vh;
	} */
	 .scroll-progress-bar {
		height: 2px;
	 }
	.leade-image img{
		height: 625px;
	}
	.lead-contact-info a {
		padding: 11px 11px;
		font-size: 18px;
	}

	.lead-contact-info a img {
		height: 32px;
	}
	.gallery-content a img {
		height: 380px;
	}
}
@media (max-width: 1300px) {
	.header-container {
    	max-width: 1255px;
	}
	    .lead-content-outer .coll-40 {
        max-width: 34%;
    }
	.lead-bio p {
    	font-size: 18px;
	}
	.lead-contact-info a {
		font-size: 16px;
	}

	.lead-contact-info>.flex-area {
		column-gap: 10px;
	}

	.lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
		max-width: 280px;
	}
	.partner-logo .partner-logo-outer {
    	height: 68px;
	}
	.service-box-header p {
        font-size: 13px;
    }
    .service-box-num {
        height: 38px;
        width: 38px;
    }
	    .tabs-content {
        height: 65vh;
    }
	.service-box-header {
		padding: 22px 14px 22px 14px;
	}

	.service-box-num span {
		font-size: 14px;
	}

	.services-tabbing .tabs-nav {
		margin-top: 7px;
	}

	.service-box-main-img {
		height: 200px;
	}

	.services-tabbing .tab-pane {
		margin-top: 35px;
	}
	.leade-image img{
		height: 605px;
	}
	.lead-contact-info a {
		padding: 10px 10px;
		font-size: 17px;
	}

	.lead-contact-info a img {
		height: 31px;
	}	
	.gallery-content a img {
		height: 400px;
	}
}
@media (max-width:1100px){
	  .main-bannner {
        padding: 150px 0 3% 0;
    }
	.lead-content {
		padding-left: 4%;
	}
	.lead-content-outer:nth-child(even) .lead-content {
		padding-left: 0;
		padding-right: 4%;
	}
	 .lead-bio p {
        font-size: 17px;
    }
    .lead-contact-info a {
        font-size: 15.63px;
        column-gap: 10px;
    }

    .lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
        max-width: 250px;
    }

    .lead-contact-info a img {
        height: 28px;
    }

     .leade-image img{
        height: 480px;
    } 
	.potentials-boxes-inner {
		margin-top: 40px;
	}
    .partner-logo {
        padding: 16px 8px 0 8px;
		width:20%;
    }
    .our-partners {
        margin-top: 25px;
    }
    .partners-title h2 {
        margin-top: 20px;
    }
    .partners {
        padding: 30px 0;
    }
    .service-box-main-img {
        padding: 16px  7%;
    }
    .partner-logo .partner-logo-outer {
        padding: 2% 8%;
    }
    .services-tabbing .tab-pane {
        margin-top: 20px;
    }
    .top-footer {
        padding: 40px 20px 40px 0;
    }
    .QR-codes ul>li {
        padding: 0 5px;
    }
    .footer-bottom {
        padding: 10px 20px 10px 0;
    }
    .faqs-area {
        margin-top: 50px;
    }
    .load-more-btn {
        margin-top: 50px;
    }
	.tabs-content {
        height: 100%;
    }
	.tab-pane {
		position:relative;
	}
	.tab-pane {
		display: none;
	}
	.tab-pane.active {
	  display: block;
	}
	.tabs-content .tab-pane .flex-area .coll-33 {
		padding: 0 5px;
	}
	.tabs-content .tab-pane .flex-area {
		margin: 0 -5px;
	}
	.service-box-header{
		height: 54%;
	}
	.skill-boxes .flex-area {
		margin: 0 -5px;
	}
	.skill-boxes .coll-50 {
		padding: 0 5px;
	}
	.gallery-content {
    	max-width: 20%;
	}
	.gallery-content a img {
		height: 280px;
	}
	.potentials-boxes>.flex-area {
		margin: 0 -5px;
	}
	.potentials-boxes .coll-50 {
		padding: 0 5px;
	}
	footer {
		padding: 40px 0 20px 0;
	}
	
}
@media (max-width:992px){
    .footer-QR-header {
		padding: 0 40px;
	}

	.footer-wrapper {
		padding-left: 20px;
	}

	.faqs-area {
		margin-top: 50px;
	}


	h4.locate {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 6px;
	}

	h4.locate svg {
		height: 22px;
	}

	.service-box-header p {
		font-size: 14px;
	}

	.service-box-num span {
		font-size: 14px;
	}

	.tabs-content .tab-pane .flex-area .coll-33 {

		padding: 0 7px;
	}

	.service-box-num {
		padding: 3px;
		height: 40px;
		width: 40px;
	}

	.service-box-header h3 {
		margin-top: 18px;
	}

	.lead-contact-info a {
		font-size: 14px;
		column-gap: 8px;
		padding: 10px 10px;
	}

	.lead-contact-info>.flex-area {
		column-gap: 8px;
	}

	.lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
		max-width: 220px;
	}

	.lead-contact-info a img {
		height: 24px;
	}

	.lead-content-outer:nth-child(even) .lead-content {
		padding-right: 4%;
	}

	.lead-content {
		padding-left: 4%;
	}
	.leade-image img{
		height: 380px;
	} 

	.leade-image {
		padding: 30px 0px 0 0px;
	}
	.partner-logo {
		max-width: 25%;
	}
	.tabs-content {
	  height: 100%; 
	}
	.tab-pane {
		position: relative;
	}
	.tab-pane {
		display: none;
	}
	.tab-pane.active {
	  display: block;
	}
	    .testimonial-content {
        min-height: 200px;
    }
	.load-more-btn {
        margin-top: 35px;
    }
	.gallery-content a img {
		height: 230px;
	}
	.gallery-content svg {
		right: 10px;
		top: 2px;
		width: 30px;
	}
}

@media (max-width:800px){
	.top-footer .coll-40,
	.top-footer .coll-60,
    .coll-33,
    .coll-40,
    .coll-50,
    .coll-60 {
        max-width: 100%;
        width: 100%;
    }
    .main-bannner {
        padding: 150px 0 5% 0;
    }
    .lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
        max-width: 210px;
    }
        .lead-contact-info>.flex-area {
        column-gap: 5px;
    }
    .potentials-boxes-inner {
		margin-top: 20px;
	}
	.potentials-boxes .coll-50,
	.skill-boxes .coll-50 {
		max-width: 50%;
	}
	.potentials-boxes .coll-50{
		padding: 0 1%;
	}

	.skill-boxes-inner {
		padding: 12px 6px 12px 6px;
		border-radius: 6px;
	}

	.skill-box-bottom {
		border-radius: 7.57px;
		padding: 13px 16px;
	}

	h4.locate svg {
		height: 14px;
	}

	h4.locate {
		column-gap: 0px;
		margin-left: -10px;
	}

	h4.datee {
		margin: 9px 0;
	}
		.desktop-none {
		display: block;
	}
	.mobile-none {
		display: none;
	}
	.footer-contact-box {
		text-align: center;
	}

	.footer-social ul {
		justify-content: center;
		margin: 44px 0 20px 0;
	}

	.footer-bottom .justify-content-sb {
		justify-content: center;
	}
	.potentials-boxes>.flex-area {
		margin: 0px -1%;
	}
	.potentials-boxes-header {
		padding: 32px 14px 48px 14px;
	}
	.tabs-content .tab-pane .flex-area .coll-33 {
		max-width: 50%;
	}
	.services-type{
		margin-top: 15px;
	}
	.service-box-header {
        height: auto;
    }
	 .services-tabbing .tab-pane {
        margin-top: 10px;
    }
	.partner-logo .partner-logo-outer img {
		width: 80%;
	}
		span.accordian-arrow {
		width: 24px;
		height: 24px;
	}
	span.accordian-arrow:after {
		height: 11px;
	}
	span.accordian-arrow:before {
    	width: 11px;
	}
	    .faqs-area {
        margin-top: 30px;
    }
	.contact-info ul>li {
		justify-content: center;
	}
	.gallery-content a img {
        height: 210px;
    }
}
@media (max-width:767px){
	body.stop-scroll {
	overflow:hidden;
	height:100vh;
}
	header {
		top: 0;
	}
	.menu-area nav {
		position: absolute;
	   height: calc(100vh - 58px);
		background-color: #020202;
		width: 100%;
		top: 59px;
		left: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .3s ease-in-out;
	}

	.inner-main-header .menu-area ul {
		display: block;
	}

	.inner-main-header .menu-area ul>li>a {
		font-size: 2.5rem;
		text-align: center;
	}

	.inner-main-header .menu-area ul>li {
		text-align: center;
	}
	.inner-main-header {
		transition: all .3s ease-in-out;
	}
	.active-header .inner-main-header {
		background-color:#020202;
	}
	.logo-area {
		position: relative;
		z-index: 99;
	}

	.header-social-icons .hamburger {
		display: block;
		position: relative;
		z-index: 9999;
		margin-left: 13px;
	}

	.header-social-icons .hamburger span {
		background-color: #F4F4F4;
		width: 20px;
		height: 2px;
		display: block;
		transition: all .3s ease-in-out;
	}

	.header-social-icons .hamburger span:nth-child(2) {
		margin: 5px 0;
	}

	.header-social-icons {
		display: flex;
		align-items: center;
	}

	.header-social-icons ul {
		z-index: 99;
		column-gap: 6px;
	}

	.header-social-icons ul>li,.header-social-icons ul>li img {
		height: 26px;
	}


	.inner-main-header {
		padding: 12px 25px 10px 25px;
		border: none;
		border-bottom: 1px solid rgba(102, 102, 102, .35);
		border-radius: 0;
	}

	.header-social-icons .hamburger.active-ham span:nth-child(2) {
		opacity: 0;
	}

	.header-social-icons .hamburger.active-ham span:first-child {
		transform: translatey(7px) rotate(45deg);
	}

	.header-social-icons .hamburger.active-ham span:last-child {
		transform: translatey(-7px) rotate(-45deg);
	}

	.menu-area.active-menu nav {
		left: 0;
	}

	 .main-bannner {
        padding: 110px 0 5% 0;
    }
	    .lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
        max-width: 193px;
    }
	    .lead-contact-info a {
        font-size: 12px;
        column-gap: 5px;
        padding: 10px 6px;
    }
		.main-bannner.bg-position{
		background-size: 100% 80%;
    background-position: bottom;
	}
	.services-tabbing button.tab-btn {
		min-width: 120px;
	}
	.lead-contact-info>.flex-area {
        row-gap: 8px;
    }
	footer {
		padding: 30px 0 20px 0;
	}
	    .gallery-content a img {
        height: 180px;
    }
	button#loadMore {
    padding: 10px 39px;
    font-size: 12.32px;
}
}
@media (max-width:600px){
	   .faqs-area {
        margin-top: 20px;
    }
/* 	.banner-client-images ul>li img {
		width: 18.5px;
		height: 18.5px;
	} */
	.banner-rating-stars img {
		width: 56px;
	}
	.banner-rating-title p {
    	font-size: 10px;
	}
	.banner-client-images ul>li {
		margin-left: -15px;
		width:40px;
		height:40px;
	}
	.banner-rating-area {
		column-gap: 6px;
	}
	.leade-image img {
		height: 245px;
	}
	.leade-image {
		padding: 20px 0px 0 0px;
	}
	.lead-contact-info a {
		font-size: 9px;
		column-gap: 6px;
		padding: 6px 6px;
	}

	.lead-contact-info>.flex-area {
		column-gap: 0;
		row-gap: 6px;
	}

	.lead-contact-info .leads-whatsapp, .lead-contact-info .leads-email {
		max-width: 154px;
	}
	.lead-contact-info a img {
		height: 13px;
	}

	.lead-contact-info {
		margin-top: 8px;
	}

	.lead-bio p {
		margin-top: 4px;
		font-size: 10px;
		letter-spacing: -0.2px;
	}

	.lead-title h2 {
		line-height: 170%;
	}

	.section-main-tag p {
		font-size: 8px;
	}

	.lead-title h4 {
		margin-top: 7px;
	}

	.lead-content-outer .coll-60 {
		max-width: 57%;
	}

	.lead-content-outer .coll-40 {
		max-width: 43%;
	}

	.main-banner-title h1 {
		font-size: 25px;
	}

	.main-bannner {
		padding: 110px 0 5% 0;
	}

	.inner-main-header .logo-area img {
		height: 33px;
		width: 95px;
	}

	.partner-logo .partner-logo-outer {
		height: 30px;
	}

	.partner-logo {
		padding: 12px 6px 0 6px;
	}

	.our-partners {
		margin: 0 -6px;
	}

	.partner-logo .partner-logo-inner,.partner-logo .partner-logo-outer {
		border-radius: 5px;
	}

	.partner-logo .partner-logo-outer {
		box-shadow: inset 0px 2.08px 12.42px 0px rgba(255, 255, 255, .15);
	}

	span.partner-logo-inner {
		box-shadow: inset 0px 0.39px 2.8px 0px rgba(255, 255, 255, .15);
	}

	.potential-market-title p {
		font-size: 12px;
	}

	.potentials-boxes-header h4 {
		margin-top: 17px;
	}

	.potentials-boxes-header {
		padding: 18px 9px 18px 9px;
	}

	.potentials-icon-outer img {
		width: 13.43px;
	}

	.potentials-icon-outer {
		height: 28.83px;
		width: 28.83px;
		padding: 2px;
		border-radius: 6px;
	}

	.potentials-icon-outer span {
		border-radius: 6px;
	}

	.potentials-boxe-main-img {
		height: 151px;
	}

	.potentials-boxe-main-img img {
		height: 132px;
	}

	.services-tabbing button.tab-btn {
		font-size: 9px;
		min-width: 82.17px;
		padding: 6px 10px;
	}

	.services-tabbing .tabs-nav {
		flex-wrap: wrap;
		gap: 0;
		column-gap: 5px;
		margin-top: 12px;
		padding: 0;
	}

	.testimonial-content {
		min-height: 100%;
	}

	.gallery-content {
		max-width: 33.33%;
	}

	.gallery-content svg {
		height: 12px;
		right: 5px;
		width: 12px;
		top: 5px;
	}
    .partner-logo .partner-logo-outer img {
        width: 100%;
        height: 15px;
    }
	.skill-boxes .coll-50 {
		max-width: 50%;
	}

	.skill-boxes-inner {
		padding: 12px 6px 12px 6px;
		border-radius: 6px;
	}

	.skill-box-bottom {
		border-radius: 7.57px;
		padding: 13px 16px;
	}

	h4.locate svg {
		height: 14px;
	}

	h4.locate {
		column-gap: 0px;
		margin-left: -10px;
	}

	h4.datee {
		margin: 9px 0;
	}
	.faqs-accordian-box {
		padding: 16px 17px;
	}
/* 	button#loadMore {
		padding: 8px 37px;
		font-size: 9.9px;
	}
 */
	.load-more-btn {
		margin-top: 25px;
	}

	.gallery-area {
		margin-top: 25px;
	}

	.faqs {
		padding: 27px 0 41px;
	}

	footer {
		padding: 20px 0;
	}

	.footer-QR-codes {
		padding: 15px 45px 0 45px;
	}

	.footer-QR-header {
		padding: 0;
	}

	.footer-QR-header h3 {
		font-size: 14px;
	}

	.QR-codes ul>li {
		width: 50%;
		padding: 10px;
	}

	.QR-codes ul>li h4 {
		font-size: 14px;
		margin-top: 6px;
	}

	.copyright p {
		font-size: 12.8px;
	}

	.contact-info ul>li span,.contact-info ul>li b {
		font-size: 12px;
	}

	.contact-info ul>li {
		margin-top: 7.75px;
	}

	.footer-social ul>li>a, .footer-social ul>li>a img,.footer-social ul>li {
		height: 15px;
	}

	.footer-logo img {
		height: 35px;
	}

	.footer-logo span.custom-logo-link {
		padding: 0 0 0 0;
	}

	.top-footer {
		padding: 23px 20px 20px 0;
	}

	.footer-bottom {
		border-top: none;
		padding: 0px 20px 23px 0;
	}
	.testimonial,
	.our-services,
	.potential-market,
	.partners,
	.gallery,
	.skill-thinking {
		padding: 20px 0 20px 0;
	}

	.skill-boxes {
		margin-top: 24px;
	}

	.skill-title h2 {
		margin-top: 16px;
	}

    .tabs-content .swiper-button-next, .tabs-content .swiper-button-prev,
	.testimonial-main .swiper-button-next, .testimonial-main .swiper-button-prev {
		height: 23.72px;
		width: 23.72px;
		border-radius: 4px;
		margin: 24px 7px 0 7px;
	}
    .tabs-content .swiper-button-next:after,.tabs-content .swiper-button-prev:after,
	.testimonial-main .swiper-button-next:after, .testimonial-main .swiper-button-prev:after {
		font-size: 7.83px;
	}
	.testimonial-main {
		margin-top: 24px;
	}

	.testimonial-title h2 {
		margin-top: 8px;
	}

	.services-type {
		margin-top: 15px;
	}

	.services-title h2 {
		margin-top: 12px;
	}

	.partners-title h2 {
		margin-top: 16px;
	}

	.service-box-num {
		height: 28.88px;
		width: 28.88px;
		padding: 2.74px;
		border-radius: 6.73px;
	}

	.service-box-num span {
		font-size: 11.96px;
		border-radius: 6.73px;
	}

	.service-box-header h3 {
		margin-top: 17px;
	}

	.service-box-header p {
		margin-top: 5px;
		font-size: 12.33px;
	}

	.service-box-header {
		padding: 18.5px 9.47px;
	}
	/* footer */
	button#loadMore {
		padding: 7px 26px;
		font-size: 13px;
	}

	.load-more-btn {
		margin-top: 25px;
	}

	.gallery-area {
		margin-top: 25px;
	}

	.faqs {
		padding: 37px 0 41px;
	}

	footer {
		padding: 20px 0;
	}

	.footer-QR-codes {
		padding: 15px 45px 0 45px;
	}

	.footer-QR-header {
		padding: 0;
	}

	.footer-QR-header h3 {
		font-size: 14px;
	}

	.QR-codes ul>li {
		width: 50%;
		padding: 10px;
	}

	.QR-codes ul>li h4 {
		font-size: 14px;
		margin-top: 6px;
	}

	.copyright p {
		font-size: 12.8px;
	}

	.contact-info ul>li span,.contact-info ul>li b {
		font-size: 12px;
	}

	.contact-info ul>li {
		margin-top: 7.75px;
	}

	.footer-social ul>li>a, .footer-social ul>li>a img,.footer-social ul>li {
		height: 15px;
	}

	.footer-logo img {
		height: 35px;
	}

	.footer-logo span.custom-logo-link {
		padding: 0 0 0 0;
	}

	.top-footer {
		padding: 23px 20px 20px 0;
	}

	.footer-bottom {
		border-top: none;
		padding: 0px 20px 23px 0;
	}
		.testimonial-box-header .star-img img {
		width: 58px;
	}

	.box-customer p {
		font-size: 11.82px;
	}

	.box-customer img {
		width: 38px;
		height: 38px;
	}

	.box-customer {
		column-gap: 6px;
	}

	.testimonial-box {
		padding: 22px 16px;
	}

	.testimonial-content p {
		font-size: 12px;
	}
	.testimonial-container {
		padding:0 0;
	}
	.testimonial-title {
		padding: 0 15px;
	}
	.tabs-content .tab-pane .flex-area .coll-33,
	.potentials-boxes .coll-50 {
		max-width:100%;
	}
	 span.accordian-arrow {
        width: 20px;
        height: 20px;
        border-radius: 5px;
    }
	 span.accordian-arrow:after {
        height: 10px;
    }
	    span.accordian-arrow:before {
        width: 10px;
    }
     .lead-title h2 {
        line-height: 120%;
        font-size: 17px;
        margin: 3px 0;
    }
	.main-banner-title p {
    font-size: 12px;
}
		.gallery-content a img {
		height: 175px;
	}
}
@media (max-width:480px){
	    .main-banner-title h1 {
        font-size: 22px;
    }
	.skill-boxes .flex-area {
		margin: 0 -1%;
	}
	.skill-boxes .coll-50 {
		padding: 0 1%;
	}
	.skill-box-header {
		margin-bottom: 10px;
	}
	 h4.datee {
        margin: 5px 0;
    }
	    .lead-title h2 {
        font-size: 18px;
    }
}
@media (max-width:380px) {
	    .lead-title h2 {
        font-size: 16px;
    }
	 .services-tabbing button.tab-btn {
        font-size: 8px;
        min-width: 74px;
        padding: 6px 6px;
    }

}