/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
@media (min-width: 320px) and (max-width: 575px)  { 

.welcome-txt {
    text-align: center;
}
.social-icon-list ul{
    justify-content: center;
}
.social-icon-list ul li{
    margin: 0 5px;
}
.banner-overlay {
    padding: 30px 0;
}
.banner-content {
    text-align: center;
}
.banner-content h4 {
    font-size: 20px;
}
.banner-content h2 {
    font-size: 34px;
    margin: 10px 0;
}
.banner-content p {
    padding: 20px 0;
}
.banner-btn-grp{
    justify-content: center;
}
.service-main {
    margin-bottom: 60px;
}
.team-main{
    margin-bottom: 30px;
}
.test-content {
    margin-bottom: 30px;
}

.footer-fourth {
    padding: 0 0 0;
}
.footer-third {
    padding: 0;
}
.footer-second {
    padding: 0;
}
.nav-item{
    margin: 10px 0;
}
.navbar-toggler{
    color: #5bc5f4;
}
.animate__flash{
    animation-name: ""!important;
    -webkit-animation-name: ""!important;
}


 }
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px)  { 
.banner-overlay {
    padding: 60px 0;
}
.service-main {
    margin-bottom: 60px;
    border-radius: 30px;
}
.team-main{
    margin-bottom: 40px;
}
.test-content p{
    text-align: justify;
}
.nav-item{
    margin: 10px 0;
}
.navbar-toggler{
    color: #5bc5f4;
}




 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    .banner-overlay {
    padding: 50px 0;
    }
    .service-main {
    margin-bottom: 60px;
    border-radius: 20px;
}
.team-main{
    margin-bottom: 40px;
}


 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {  }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {  }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }