@media (max-width:320px){
.banner-bg{background: url(../images/top-background-mobile.png) center bottom; background-size: cover;}
}

@media (min-width:321px){
  .banner-section .banner-img::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .banner-section .banner-img img {
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  .bottom-icons{width: 100%;}
  .banner-bg{background: url(../images/top-background-mobile.png) center bottom; background-size: cover;}
}

@media(min-width:768px){
  .banner-section .banner-img::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .banner-section .banner-img img {
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  
  .bottom-icons{ width: 100%; }

  .banner-bg{background: url(../images/top-background.png) center bottom; background-size: cover;}
}

@media(min-width:992px){
  .banner-section .banner-img::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .banner-section .banner-img img {
    position: absolute;
    top: -135px;
    left: 0;
  }

  .footer-area .footer-widgets .widget.nav-widget .footer-list ul li {
    line-height: 30px;
    margin-right: 40px;
  }
  .bottom-icons{ width: 100%; }
  .banner-bg{background: url(../images/top-background.png) center bottom; background-size: cover;}
}



@media(min-width:1200px){
  .banner-section .banner-img::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .banner-section .banner-img img {
    position: absolute;
    top: -135px;
    left: 0;
  }
  
	.bottom-icons{position: absolute; bottom: 20px; width: 800px; left:140px;}
}