@media screen and (max-width: 1700px) {

}


@media screen and (max-width: 1500px) {
	.service-container, .choose-slider .choose-icon img, .trust-section .sm-container:before, .trust-section .sm-container:after, .post-slider figure, .faq-section .sm-container::before,.faq-section .sm-container::after, .faq-row.active .faq-heading, .ft-box .heading06, .faq-row, .client-section .head-group .heading02:before, .client-section .head-group .heading02:after, .service-section .head-group .heading02:before, .service-section .head-group .heading02:after{border-width: 2px;}
}


@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1200px) {
	.sebone-badges {width: 70%;}

}

@media screen and (max-width: 1023px){
	.container{width: 90%;}
	.mid-container{width: 90%;}
	.sm-container{width: 90%;}
	.xsm-container{width: 90%;}
	.trusted-container p br{display: none;}
	    footer{padding-top: 0;}
	.sebone-badges {width: 90%;}



}


@media screen and (max-width: 920px){
    
}



@media screen and (max-width: 700px){
	#header .container{ grid-template-columns: 22% auto;gap: var(--px-40);}
  #header .nav-bar ul{column-gap: var(--px-52);}
	#header .nav-bar ul li.menu-item-has-children.active:after{transform: rotate(220deg);}
	#header .nav-bar ul.sub-menu{
    position: static;
    transform: none;
    background: transparent;margin-top: 12px;}
	#header .nav-bar ul.sub-menu li a{color: #fff}
	 #header .container { grid-template-columns: 160px auto; gap: 0; justify-content: space-between; }
    #header .nav-bar { position: fixed; inset: 0; display: block; padding: var(--px-40); transform: translateX(100%); overflow: auto; background: linear-gradient(160deg, rgba(17,170,223,1) 0%, rgba(0,90,148,1) 100%); border-radius: 0; transition: transform .3s ease; }
    #header .nav-bar.active { transform: translateX(0); }
    #header .nav-bar:after { content: none; }
    #header .nav-bar ul { display: block; }
    #header .nav-bar ul li { padding: var(--px-20) 0; }
    .show-menu { display: block; position: relative; width: var(--px-28); border: 0; background: transparent; z-index: 1000; }
    .show-menu .c-menu { display: none; }
    .show-menu.active .s-menu { display: none; }
    .show-menu.active .c-menu { display: block; }
	
	.banner-section .heading01 {font-size: var(--px-32);}
	.choose-slider .slick-list {margin: 0 calc(var(--px-24) * -1);}
	.choose-slider .choose-item{margin: 0 var(--px-24);}
	.faq-container {padding: 0 var(--px-60);padding-bottom: var(--px-100);}
	.ft-logo{top: -2px;}
	.client-slider .slick-list {margin: 0 calc(var(--px-20) * -1);}
	.client-slider .client-box{margin: 0 var(--px-20);}
	.service-img{display: none;}
	.left-content .serv-box i, .right-content .serv-box i{display: block;}
	.service-container{display: block;}
	.left-content .serv-box,  .right-content .serv-box{display: grid;grid-template-columns: var(--px-100) auto;align-items: center;column-gap:  var(--px-32);margin: 0 !important;padding: 0 !important;text-align: left;margin: var(--px-40) 0 !important;}
	.left-content .serv-box .heading03 br, .right-content .serv-box .heading03 br{display: none;}
	.service-container{padding: 0 var(--px-40);}
	.left-content .serv-box p, .right-content .serv-box p {font-size: var(--px-20);margin-top: var(--px-8);}
	.show-menu.active{right: 5%;}
	.show-menu{width: var(--px-28);display: block;position: relative;}
	.show-menu.active .s-menu{display: none;}
	.show-menu .c-menu{display: none;}
	.show-menu.active .c-menu{display: block;}
	#header .nav-bar{position: fixed;left: 0;right: 0;bottom: 0;top: 0;display: block;padding: var(--px-40);transition: ease 1s all;transform: translateX(100%);overflow: auto;	background: #11AADF;background: linear-gradient(160deg, rgba(17, 170, 223, 1) 0%, rgba(0, 90, 148, 1) 100%);border-radius: 0;}
	#header .nav-bar:after{content: none}
	#header .nav-bar.active{transform: translateX(0);}
	#header .container {grid-template-columns: 160px auto;gap: 0;justify-content: space-between;}
	#header .nav-bar:after{border-radius: 0;}
	#header .nav-bar ul{display: block;}
	#header .nav-bar ul a{font-size: var(--px-28);}
	#header .nav-bar ul li{padding: var(--px-20) 0;}
	#header .nav-bar ul.nav-dropdown{margin-top: 0;background-color: transparent;}
	#header .nav-bar ul.nav-dropdown{position: static;transform: none;}
	#header .nav-bar ul.nav-dropdown li a{background: none; font-size: var(--px-20);color: #fff;}
	#header .nav-bar ul.nav-dropdown > li.active > a{color: #d21e2b;}
	.why-choose-section.section-block-grey .container{grid-template-columns: 100%; gap: 0}
	.why-choose-section.section-block-grey .container div img{margin-top: 2%}
	.blog-list-left .blog-title-box h1{font-size: 28px;}
	.blog-list-left h2{font-size: 22px;}
	.blog-post-content p, .blog-post-content li{font-size: 14px;}
	.blog-index-top,
	.blog-feature-grid,
	.blog-feature-main {
		grid-template-columns: 1fr;
	}
	.blog-article-hero {
		min-height: 360px;
		padding: 120px 0 52px;
	}
	.blog-article-hero h1 {
		font-size: 38px;
	}
	.blog-sidebar {
		margin-top: 28px;
		position: static;
	}
	.blog-detail-grid {
		display: block;
	}
	.blog-content-column,
	.blog-sidebar-column {
		width: 100%;
	}
	.blog-toc-panel {
		max-height: none;
		overflow: visible;
		position: static;
	}
	.blog-article-main {
		padding: 28px;
	}
	.section-block-grey.row-gap .row{row-gap: 24px;}
	.serv-section-new{box-shadow: 0px 4px 14px 0px rgba(50, 50, 50, .3)}
	.text-content-big p{text-align: left}
	.chat-icon{    bottom: 50px !important;
    right: -5px !important;height: 60px !important;
    width: 60px !important;z-index: 99}
	.chat-icon img {width: 40px !important;}
	.blog-category-filter a{margin: 2px}
   
  }





@media screen and (max-width: 479px){
	 .banner-section .slider-item { aspect-ratio: 768 / 1024; }
    .banner-section .mob-banner { display: block; width: 100%; }
    .banner-section .desk-banner { display: none; }
    .banner-section .sm-container { bottom: 20px; top: auto; transform: none; text-align: center; }
    .banner-section .heading01 { font-size: var(--px-36); line-height: 1; }
	/*.service-container, .choose-slider .choose-icon img, .trust-section .sm-container:before, .trust-section .sm-container:after, .post-slider figure, .faq-section .sm-container::before, .faq-section .sm-container::after, .faq-row.active .faq-heading, .ft-box .heading06, .faq-row, .client-section .head-group .heading02:before, .client-section .head-group .heading02:after, .service-section .head-group .heading02:before, .service-section .head-group .heading02:after	.show-menu .c-menu{display: none;}*/
	/* .service-container, .choose-slider .choose-icon img, .trust-section .sm-container:before, .trust-section .sm-container:after, .post-slider figure, .faq-section .sm-container::before,.faq-section .sm-container::after, .ft-box .heading06, .client-section .head-group .heading02:before, .client-section .head-group .heading02:after, .service-section .head-group .heading02:before, .service-section .head-group .heading02:after{display: none;} */
	.faq-section .sm-container::after{content: none;}
	.banner-section .slider-item{aspect-ratio: 768 / 1024;}
	.banner-section .slick-slide img.mob-banner{display: block;width: 100%;}
    .banner-section .slick-slide img.desk-banner{display: none;}
	p{margin-top: var(--px-28);}
	.btn{margin-top: var(--px-20);}
	.btn span{    padding: var(--px-8) var(--px-20);}
	.section {padding: var(--px-32) 0;}
	.banner-slider .slick-slide img {display: block;}
	  .banner-section  .sm-container{bottom: 20px;transform: none;top: auto;text-align: center;}
	.welcome-section{padding-top: var(--px-72);}
	.banner-section .heading01 {font-size: var(--px-36);line-height: 1;}
	.banner-section .heading01 br{display: none;}
	.banner-section .slick-dots{bottom: -24px;}
	.img-box{border-radius: var(--px-20);margin-top: 0;}
	.reverse-row .img-box {border-top-left-radius: var(--px-20);border-top-right-radius: var(--px-20);}
	.img-box, .content-box{width: 100%;float: none}
	.reverse-row .content-box{margin-left: 0;}
	.reverse-row .content-box{text-align: left;}
	.sub-heading {font-size: var(--px-24);}
	.heading02 {font-size: var(--px-36);}
	.heading04 {font-size: var(--px-24);line-height: 1.2;}
	.choose-section .head-group .heading04{padding-bottom: var(--px-24);}
	.head-group{text-align: left;}
	.head-group .heading02{width: 100%;}
	.head-group .heading02{border-bottom: none;}
	.content-box:after, .reverse-row .content-box:after{background-image: none;}
	.service-section .head-group .heading02:after, .service-section .head-group .heading02:before, .trust-section .sm-container:after, .trust-section .sm-container:before{content: none;}
	.service-section .head-group .heading02{width: 100%;}
	.service-container{border-radius: var(--px-20);padding: 0 var(--px-20);}
	.left-content .serv-box, .right-content .serv-box{text-align: center;display: block;}
	.left-content .serv-box i, .right-content .serv-box i {display: inline-block;width: var(--px-120);}
	.client-slider{padding: var(--px-32) var(--px-44);border-top-left-radius: var(--px-20);border-top-right-radius: var(--px-20);}
	.choose-section .head-group .heading04{width: 100%;}
	.choose-section p{padding: 0;}
	.choose-ft{width: 100%;border-top-left-radius: var(--px-20);border-top-right-radius: var(--px-20);}
	.choose-ft p{font-size: var(--px-24);}
	.choose-ft p br{display: none;}
	.choose-slider .slick-dots{bottom: auto;}
	.trust-section .head-group .heading02 i{font-size: var(--px-36);display: inline-block;}
	.trust-section .head-group .heading02{display: block;width: 100%;}
	.trusted-container{border-radius: var(--px-20);padding: var(--px-20);}
	.trusted-container p{font-size: var(--px-24);}
	.trusted-container p br{display: none;}
	.post-container {margin-top: var(--px-60);}
	.faq-section .sm-container::before{content: none;}
	.faq-container{padding: 0;padding-bottom: var(--px-40);}
	.faq-row{border-radius: var(--px-20);margin-top: var(--px-32);}
	.faq-row.active .faq-heading{border-bottom-left-radius: var(--px-20);border-bottom-right-radius: var(--px-20);}
	.faq-row.active .faq-heading:after, .faq-row .faq-heading:after{right: var(--px-20);}
	.faq-row .faq-heading:after{width: var(--px-16);height: var(--px-16);}
	.faq-row .faq-heading{font-size: var(--px-24);position: relative;padding: var(--px-16) var(--px-20);padding-right: var(--px-40);}
	.faq-row .faq-desc {font-size: var(--px-20);padding: var(--px-16) var(--px-20);padding-right: var(--px-20);margin-top: 0;padding-top: var(--px-20);}

	.ft-logo {width: 50%;}
	.ft-row {grid-template-columns: 1fr;row-gap: var(--px-40);padding-top: var(--px-40);}
	.faq-section .head-group .heading02{background-color: transparent;width: 100%;}
    .footer-bar {flex-direction: column;text-align: center;gap: 8px;}
	.blog-index-wrap,
	.blog-article-wrap {
		padding: 42px 0;
	}
	.blog-index-top h2,
	.blog-article-hero h1 {
		font-size: 32px;
	}
	.blog-feature-copy,
	.blog-card-body,
	.blog-side-panel,
	.blog-article-main {
		padding: 22px;
	}
	.blog-mini-card,
	.blog-latest-item,
	.blog-author-box {
		grid-template-columns: 1fr;
	}
	.blog-card-image {
		height: 190px;
	}
	.blog-hero-meta span {
		width: 100%;
	}
	.serv-section-2 h4{padding-right: 20px}
	#header .nav-bar ul li.menu-item-has-children:after{right: 0;height: 14px;
    width: 14px;    border-width: 2px;    top: 20px;}
	.sebone-badges {width: 100%;}
}