.chapetr-first-section-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}
.questionmark-img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    left: 0;     text-align: center;
    right: 0;
}

.questionmark-img img{ left: -3%;  position: relative;}


@media only screen and (min-width: 100px) and (max-width: 1669px) { 
  .questionmark-img img {  min-height: 290px;}
  @media only screen and (max-width: 1440px) { 
   /* .questionmark-img:after { content: "";  width: 13%; height: 2.248%;  bottom: 0px;  right: 0;  background: #20a4fb;  position: absolute;}*/
    .questionmark-img img { min-height: auto; left: 0; position: absolute; bottom: -1px;}
    .chapetr-first-section-wrap.col-md-8.offset-md-3 {  margin-left: 31%;}
  }
  
  @media only screen and (max-width: 1270px) { 
    /*.chapetr-first-section-wrap {padding-bottom: 40px; padding-top: 20px;}*/
    .chapetr-first-section-wrap.col-md-8.offset-md-3 {  margin-left: 33%;}
  }
  @media only screen and (max-width: 1015px) { 
    .chapetr-first-section-wrap {  padding-bottom: 40px;   padding-top: 0;}
  }
  
  @media only screen and (max-width: 767px) { 
    .questionmark-img {left: inherit; right: inherit; position: relative !important;}
    .questionmark-img img {bottom: inherit;left: 0;min-height: auto;  position: relative;}
    .chapetr-first-section-wrap { padding-bottom: 0; padding-top: 24px;}
    .chapetr-first-section-wrap.col-md-8.offset-md-3 {   margin-left: 0;}
  }
}