/*================  XS Device  ==================*/
@media(max-width:575.98px){
.navbar-toggler:focus {
    box-shadow:none;
}
.navbar {
    padding:0;
}
.navbar-toggler{
    color: #4CAF4F;
}
.navbar-nav {
    background: #c8e4c9;
    text-align: center;
    row-gap: 12px;
    padding: 15px 0;
    border-radius: 10px;
}
#banner {
    padding: 40px 0;
}
.banner-left h1 {
    font-size: 35px;
    line-height: 50px;
}
.banner-left p {
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 31px;
}
.head p {
    font-size: 16px;
}

.Clients-svg svg {
    margin: 10px;
}

.community-head h1 {
    padding: 0;
    font-size: 32px;
    line-height: 40px;
}
#community {
    padding-bottom: 0px;
}
.banner2-right h3 {
    padding-right: 0px;
}
.banner2-right p {
    font-size: 13px;
    padding-right: 0px;
}
.banner3-right h3 {
    font-size: 34px;
    padding-right: 0px;
    padding-top: 16px;
}
.banner3-right p {
    font-size: 13px;
    padding-right: 0px;
}
.t-right p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
}
.t-customers {
    display:block ;
}
.marketing-head p {
    font-size: 15px;
    padding: 0px 0px;
}
.market-overlay p {
    padding: 0 0px;
}
.market-overlay {
    top: 170px;
    padding: 9px;
}
#marketing {
    padding-bottom: 20px;
}
.Demo-head h3 {
    font-size: 44px;
    line-height: 60px;
    padding: 32px 0px;
}
.footer-item p {
    padding-bottom: 10px;
}
.social{
    padding-bottom: 30px;
}
.footer-item2 h3 {
    padding-top: 20px;
}



}



/*================  SM Device  ==================*/
@media(min-width:576px) and (max-width:767.98px){
.navbar-toggler:focus {
    box-shadow:none;
}
.navbar {
    padding:0;
}
.navbar-toggler{
    color: #4CAF4F;
}
.navbar-nav {
    background: #c8e4c9;
    text-align: center;
    row-gap: 12px;
    padding: 15px 0;
    border-radius: 10px;
}   
#banner {
    padding: 40px 0;
}
.banner-left h1 {
    font-size: 50px;
    line-height: 50px;
}
.banner-left p {
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 31px;
}
.community-head h1 {
    padding: 0;
    font-size: 32px;
    line-height: 40px;
}
#community {
    padding-bottom: 0px;
}
.banner2-right h3 {
    padding-right: 0px;
}
.banner2-right p {
    font-size: 13px;
    padding-right: 0px;
}
.banner3-right h3 {
    font-size: 34px;
    padding-right: 0px;
    padding-top: 16px;
}
.banner3-right p {
    font-size: 13px;
    padding-right: 0px;
}
.t-right p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
}
.t-customers {
    width: 580px;
}
.marketing-head p {
    font-size: 15px;
    padding: 0px 0px;
}
.market-overlay {
    top: 250px;
    padding: 30px;
}
#marketing {
    padding-bottom: 20px;
}
.Demo-head h3 {
    font-size: 50px;
    line-height: 60px;
    padding: 32px 0px;
}
.footer-item p {
    padding-bottom: 10px;
}
.social{
    padding-bottom: 30px;
}
.footer-item2 h3 {
    padding-top: 20px;
}






}



/*================  Medium Device  ==================*/
@media(min-width:768px) and (max-width:991.98px){
.navbar-toggler:focus {
    box-shadow:none;
}
.navbar {
    padding:0;
}
.navbar-toggler{
    color: #4CAF4F;
}
.navbar-nav {
    background: #c8e4c9;
    text-align: center;
    row-gap: 12px;
    padding: 15px 0;
    border-radius: 10px;
}
.community-item {
    padding: 8px 8px;
}
#banner2 {
    padding-top: 0px;
}
.banner2-left{
    text-align: center;
}
.banner2-right h3 {
    padding-right: 0px;
}
.banner2-right p {
    font-size: 13px;
    padding-right: 0px;
}
.banner3-left{
    text-align: center;
}
.banner3-right h3 {
    font-size: 34px;
    padding-right: 0px;
    padding-top: 16px;
}
.banner3-right p {
    font-size: 13px;
    padding-right: 0px;
}
.t-left{
    text-align: center;
}
.t-right p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
}
.market-overlay {
    top: 105px;
    padding: 10px;
}
.market-overlay p {
    font-size: 19px;
    line-height: 22px;
    padding: 0 0px;
}
.Demo-head h3 {
    font-size: 55px;
}
.footer-item p {
    padding-bottom: 10px;
}
.social{
    padding-bottom: 30px;
}
.footer-item2 h3 {
    padding-top: 20px;
}


}



/*================  Large Device  ==================*/
@media(min-width:992px) and (max-width:1199.98px){
  .navbar-nav .nav-link {
    padding: 0 20px!important;
}  
.community-item {
    padding: 10px 10px;
}
.market-overlay {
    top: 140px;
    padding: 18px;
}


}


/*================  XL Device  ==================*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
.market-overlay p {
    padding: 0px;
}

}



/*================  End  ==================*/