html {
  width: 100%;
  }
    *,*:after,*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    outline: none;
    color: #000;  font-family: "Ubuntu", sans-serif;
    }

    a{ text-decoration:none;}

    body {
    width: 100%;
    margin: 0;
    padding-top: 0;
    font-size: 16px;
    padding-top: 0;
    overflow-x: hidden;
    font-family: "Ubuntu", sans-serif;
    overflow-x: hidden;
    background: url(../images/bg.png) no-repeat center top;
    background-size: cover;
    }
    

    .logo{margin:auto;margin-top:30px;display: flex;margin-bottom: 20px;}
    .logo img{ width:100px;}

    .text-head{ text-align: center;}

    .title-general{font-size: 26px;margin-top:30px;font-weight: 500;margin-bottom: 20px;text-align: center;}
    .row-item{background: url(../images/item-bg-1.png) no-repeat;padding: 0 72px;height:117px;background-size: 100%;align-items: center;}    
.row-item span{ margin-left:10px;}

.row-item-2{background: url(../images/item-bg-1.png) no-repeat;padding: 0 72px;height: 110px;background-size: 100%;align-items: flex-start;padding-top: 28px;}    
.row-item-3 {background: url(../images/item-bg-2.png) no-repeat;padding: 0 72px;height: 202px;background-size: 100%;align-items: flex-start;padding-top: 28px;}     
.row-item-4 {background: url(../images/item-bg-2.png) no-repeat;padding: 0 72px;height: 212px;background-size: 100%;align-items: flex-start;padding-top: 28px; justify-content: center; }    


.container{ max-width: 1122px !important;}

.container .item{ width:25%;}
    
    .title-general.socialTitle {
        margin-top: -10px !important;
    }
  
@media screen and (max-width: 820px) {
  .col-lg-4{width:50%;display: flex;}
  .container .listen-on .item {
    width: 33%;
}
  .row-item-4 {
    background: url(../images/item-bg-2.png) no-repeat !important;
    height: 212px !important;
    background-size: 100% 100% !important;
    padding: 28px 20px !important;
}
.container .row-item-4 .item {
  margin-bottom: 8px;
}
  .col-lg-4 a{display:flex;align-items: center;}
  .row-item span {
  margin-left: 0;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  text-align: center;
}
.container .listen-on.row-item-2 .item {
  width: 33.33%;
}

  .row-item{padding: 0 12px;background: url(../images/item-bg-3.png) no-repeat;height: 82px;background-size: 100% 100%;padding: 8px 20px;}
.container .item a img{margin:auto;display:block;margin-bottom:10px;width: 30px;}
.container .listen-on .item a img{margin:auto;display:block;margin-bottom:10px;width: 30px !important;}
    .container .row-item-2 .item a img{margin:auto;display:block;margin-bottom:10px;width: 30px !important;}
  

    .row-item-2.row-item {
      padding: 0 12px;
      background: url(../images/item-bg-3-mobil.png) no-repeat;
      height: 210px;
      background-size: 100%;
      padding: 20px;
  }
  .row-item-3{ height:92px;}
  .items1 span{margin-left: 10px !important;text-align: left;}
.XeggeX a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  }
  .XeggeX a span{padding-bottom: 0; height:70px;}
  .XeggeX2.justify-content-center{justify-content: space-evenly !important;height: 138px;}
  .container .XeggeX2 .item {
    width: 25%;
}
.title-general.socialTitle{ margin-top: -10px !important;}
.img-row{ height:55px;}

}