.circle {
  border-radius: 50%; }

.img-over {
  position: absolute;
  top: -78px;
  left: 50%;
  margin-left: -78px; }

.box3 {
  position: relative;
  padding: 105px 45px 70px;
  text-align: center; 
  margin-left:40px;
  }
  .box3 * + .btn2 {
    margin-top: 35px; }
    
/*sefa : 25.12.2024 */
.left40{
	margin-left:40px;
}
.left_140{
	margin-left:-140px;
}
  @media (max-width: 1199px) and (min-width: 768px) {
    .box3 {
      padding-left: 20px;
      padding-right: 20px; 
      } 
    .left40{
		margin-left:0;
	}
	.left_140{
		margin-left:0;
	}  
  }
  
  @media (max-width: 767px) {
    .box3 {
      padding: 0 20px;
      margin: 50px 0; 
      }
      .box3 .img-over {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 20px; 
        } 
      
    .left40{
		margin-left:0;
	}
	.left_140{
		margin-left:0;
	}     
  }

/*===============   Fluid grid    ====================*/
.container-fluid [class*="grid_"] {
  float: left;
  width: 8.33333%;
  min-height: 1px; }

.container-fluid .grid_6 {
  width: 50%; }

.container .row {
  margin-left: -30px; }
.container [class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px; }
  
  
.container .grid_6 {
  width: 570px; }

@media (min-width: 980px) and (max-width: 1199px) {
  .container, .container-fluid {
    width: 940px; }

  .container .row {
    margin-left: -20px; }
  .container [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px; }
    
  .container .grid_6 {
    width: 460px; }
   }

@media (min-width: 768px) and (max-width: 979px) {
  .container, .container-fluid {
    width: 748px; }

  .container .row {
    margin-left: -20px; }
  .container [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px; }
    
  .container .grid_6 {
    width: 364px; }
   }
@media (max-width: 767px) {
  .container, .container-fluid {
    width: 420px;
    padding: 0; }

  .container .row {
    margin-left: 0; }

  .row + .row,
  [class*="grid_"] + [class*="grid_"] {
    margin-top: 30px; }

  .container [class*="grid_"], .container-fluid [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0; } }

@media (max-width: 479px) {
  body {
    padding: 0; }

  .container, .container-fluid {
    width: 300px;
    padding: 0 15px; }

  .row {
    margin-left: 0; } }
.container:before, .container-fluid:before, .row:before, .container:after, .container-fluid:after, .row:after {
  display: table;
  content: "";
  line-height: 0; }
.container:after, .container-fluid:after, .row:after {
  clear: both; }