@media (min-width: 320px) and (max-width: 767.98px) {

h1, .h1 {
    font-size: 32px;
}  
    
h2, .h2 {
    font-size: 30px;
}    
    
h3, .h3 {
    font-size: 28px;
}

h4, .h4 {
    font-size: 26px;
} 


#header
{padding-top:50px}
  
  .how-to-kick span{
      line-height:inherit;
      display: inline-block;
  }  
  
  
  #hero-banner h1 {
    font-size: 32px;
    text-align: center;
}


#hero-banner img{
    left:0;
}
  
.blog-single{
    text-align:center;
}  
  

.our-services {
    padding: 40px 0px;
}

.how-to-work-box.step-box-top, .how-to-work-box.step-box-bottom{
    margin-bottom: 60px;
}
 
.connector-wrapper{
    display:none;
}   
  
.business-box{
    border-radius: 8px;
    min-height: max-content;
    margin-bottom: 55px;
}
 
 .row.why-choose-section.align-items-center{
     text-align:center;
 }
 
.features-list ul li {
    font-size: 18px;
}
.features-list .list-group-item {
 margin-left: 15px;
}


.faqs h2{
    text-align:center;
}

 
.faq-image{
    display:none;
} 
 
 
 .contact-us-top {
    padding: 50px 0px;
}
 
.contact-us-top h1{
   font-size: 32px;  
} 
 
.team-icons .icon-box{
    margin-bottom:50px;
} 

.about-intro{
    height:auto;
    margin-bottom: 10px;
}

.content-section p{
    text-align:center;
}
    
    
.stats-section .stat-box{
    margin-bottom:45px;
}    
    
.vision-mission-section .img-part img{
    display:none;
}    
 
 

.lets-connect-content{
    margin: -15px 0px 15px;
} 
    
.lets-connect-content>p {
        font-size: 2em;
        font-weight: 700;
        margin: -10px 0px 0px;
        text-align: center;
    }

.trans_text{
 font-size: 42px;
}

.book-call{
    position:relative;
   left: auto;
}


.service-template.our-services .icon-part {
    position: relative !important;
    margin: 0 auto 0;
    z-index: 5;
    top: -90px;
    left:0;
  
}


.service-template .our-services-box .content-part{margin-top:-90px}

.service-template .our-services-box {
    padding-top: 40px;
    margin-bottom: 100px;
    border-radius: 0;
    min-height: auto;
}

.service-template .our-services-box .button-part {
    position: relative;
    bottom: -21px;
    left: 0;
}

.blog-top{
    padding: 50px 0px
}

.blog-top h1 {
    font-size: 32;
}


.subheading-blog {
    width: 100%;
    font-size: 20px;
}

.blog-archive-content{
     padding: 50px 0px
}

.complementry-title {
    color: var(--xnt-yellow);
    font-size: 32px;
    font-weight: 700;
    position: relative;
}

.contact-info {
    
    text-align: center;
}

.contact-info p {
    
    font-size: 20px;
     
}
.container-info{
    display:none;
}


    .breadcrumb {
        margin-bottom: 10px;
        border-radius: 0;
        display: flex;
        flex-wrap: initial;
        list-style: none;
        white-space: nowrap;
        position: relative;
    }

 .breadcrumb-item.active {
    color: #6c757d;
    font-weight: 500;
    transition: all 400ms ease-in-out;
    text-overflow: ellipsis;
    overflow: hidden;
}

.breadcrumb-item+.breadcrumb-item{
    padding: 0px 10px;
}

.address-loc{
	width:45px!important
}
}