/*---------------------------------------------- Clients Section ----------------------------------------------*/



.customers-container {

    height: calc(100vh - 40px);

    width: 100%;

}



.customers-row {

    color: #fff;

    width: 100%;

    height: 20%;

    display: inline-flex;

}



.customers-row3-4 {

    color: #fff;

    width: 100%;

    height: 40%!important;

    display: inline-flex;

}



.customers-col {

    color: #fff;

    width: 20%;

    height: 100%;    

    background-color: #232528;

    border: 3px solid #000;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



.customers-col3-5 {
    color: #fff;
    width: 60%!important;
    height: 100%;
    /* background-image: url(../img/brand/4k_Airxon_navigation_bg.jpg); */
    background-size: cover;
    background-color: #000000;
    border: 3px solid #000;
    border-right: 0px!important;
}



.customers-innerrow.customers-innertop {


    background-color: #232528;

    height: 50%;

    border-bottom: 3px solid #000;

}



.customers-innerrow.customers-innerbottom {


    background-color: #232528;

    height: 50%;

    border-top: 3px solid #000;

}



.billboard-middle .middle-content p.customers-logo {

    width: 100%!important;

    margin: 0px!important;

    height: 100%;

    display: inline-grid;

    text-align: center!important;

    align-items: center;

}



.billboard-middle .middle-content .customers-header {
    width: 100%!important;
    margin: 0px 5% 0px 0px!important;
    padding: 4vh;
    height: 60%;
    display: inline-grid;
    text-align: left!important;
    align-items: center;
}




.billboard-middle .middle-content .customers-header p {

    width: 100%!important;

    margin: 0px!important;

    padding-right: 10vw;

}



h1.customers-desktop {
    display: inline-block;
    font-size: calc(1.5vh + 5vw);
    line-height: 0.8em;
    margin-bottom: 2vh;
	padding-right: 5vh;
	font-weight: 500;
}



h1.customers-mobile {

  display: none;

}



.customers-logo .img-responsive {

    display: block!important;

    max-width: 100%!important;

    height: auto!important;

    max-height: 100%!important;

    text-align: center!important;

    margin: 0px auto!important;

}





/*---------------------------------------------- Section Responsive ----------------------------------------------*/



@media screen and (min-width: 1501px) {

/*---------- Insert Style -----------*/

}



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

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1450px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



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

  h1.customers-desktop {

    display: none!important;

  }



  h1.customers-mobile {

    display: inline-block!important;

  }

}



@media screen and (max-width: 1120px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 1170px) {

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 769px) {

/*---------- Insert Style -----------*/

}



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

  .customers-col {

      width: 25%!important;

  }

  .customers-col.customers-col1 {

      display: none!important;

  }

  .customers-col3-5 {

      width:75%!important;

  }

 .billboard-middle .middle-content .customers-header h1 {
    margin-bottom: 2vh;
    line-height: 0.8em;
}

  .billboard-middle .middle-content .customers-header p {

      width: 100%!important;

      margin: 0px!important;

      padding-right: 0vw;

      padding-top: 1vh;

      padding-left: 0vh;

  }

}



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

/*---------- Insert Style -----------*/

}



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

/*---------- Insert Style -----------*/

}