@media only screen and (max-width: 1200px) {
  /* for slide php */
  .top-img-section {
      height: 31vh!important;
  }
    .my-5-margin{
      margin-top: 0rem!important;
    }
    /* for company_overview */
    .table {
    margin: 0 auto;
    width: 90%;
}
}

.header-logo{
  height: 8vh;
}

/*  devices (large laptops and desktops, 980px ) */

@media only screen and (max-width: 990px) {
    /* for footer page */
    .scs-logo-title {
    font-size: 1.4rem;
}
.scs-logo-sub-title {
    font-size: 1.3rem;
}
.scs-sns-conent img {
    width: 1.8rem;
    margin-left: 1.5rem;
}
.img-footer {
    height: 35vh;
}
}


/* for under ipad */

@media screen and (max-width: 768px) {
/* for header */
.header-logo{
  height: 8vh;
}
/* for slide */
.top_section {
    height: 82vh!important;
}
.point-image {
    height: 13vh!important;
}

.header-tt-slide{
padding: 5px;
}
.play-button-video{
  display: none!important;
}

}

@media screen and (max-width: 767px) {
  /* for slide */
.top_section_sub{
  bottom: 0!important;
}
  .mb-tokucho-div-display-none{
    display:none!important;
  }
  .mb-tokucho-div-display-block{
    display:block!important;
  }
  .tokucho-div {
      left: 0!important;
      bottom: 0!important;
      position: initial!important;
  }
  .top_section {
    height: 66vh!important;
}
.top-img-section {
    height: 37vh!important;
}
.circle {
width: 120px!important;
height: 120px!important;
font-size: 18px!important;
}
.point-image {
    height: 13vh!important;
}
  .top-img-section {
    height: 26vh!important;
}
/* for about_scs */
.point-image-system{
  width: 100%!important;
}
.wrapper{
  margin-bottom: 3.5rem;
  justify-content: center!important;
}
/* for features */
.for_big_screen{
  display: none;
}
/* for contact form */
tr > td:first-child {
  padding:0px !important;

}
tr > td:last-child {
padding:0px !important;
}
.icon-square{
  margin-bottom: 1rem;
}
.scs-contact-wrapper {
  margin: 0em 0em;
  padding:1rem 1rem!important;
}
.name_chief{
  text-align: center;
}
}


/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    /* for footer page */
      .img-footer{
        height: auto!important;
      }
      .text-container {
          text-align: center;
          padding: 1em 0 2rem 0;
      }
      .scs-content-wrapper {
          border: none;
      }
      .scs-sns-conent img {
    width: 2.55rem;
    margin-left: 1.85rem;
}
}


/* On smaller screens */

@media only screen and (max-width: 480px) {
/* for header */
.display-contact-mb-sm{
  display: block;
}
.display-contact-mb{
  display: none!important;
}
.header-logo{
  height: 6vh;
}
/* for slide */
.header-tt-slide{
font-size: 16px!important;
margin-top: -17px !important;
margin-bottom: -37px !important;
text-align: left!important;
}
.top_section {
    height: 45vh!important;
}
.top-img-section {
    height: 23vh!important;
}
.point-image {
    height: 13vh!important;
}

.circle {
    width: 90px!important;
    height: 90px!important;
    font-size: 14px!important;
    margin: 0 1px 0 1px!important;
}

/* for company_overview */
tr > td:first-child {
  font-size: 1.3rem!important;
}
tr > td:last-child {
    font-size: 1.2rem!important;
  }
  .featurette-heading {
    font-size: 32px!important;
}
/* for features */
.pb-2 {
    font-size: 25px;
}
/* for about-scs */
.about-scs-tt{
  font-size: 25px;
}
}

/* for header php */
@media (min-width: 992px){
  .flex-head{
    display: flex;
  }
  .display-contact-mb{
    display: none;
  }

}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .wrapper{
    margin-top: 3.5rem;
  }
  .cta{
    padding: 5px 17px;
  }
}

@media screen and (min-width: 1200px) {
  #atlanticlight button svg {
    padding: 13rem;
    }
  }
@media screen and (min-width: 992px) and (max-width: 1199px){
  #atlanticlight button svg {
    padding: 8rem;
    }
}
@media screen and (min-width: 360px) and (max-width:991px){
  #atlanticlight button svg {
    padding: 4rem;
    }
}

/* for header php */
@media (max-width: 991px){
  .flex-head{
    background: var(--main-color-green);
  }
  .nav-link{
    color: #fff!important;
  }
  .nav-link:hover{
    background: var(--main-color-orange);
  }
  .display{
    display: none;
  }
  .display-contact-mb{
    display: block;
  }
  .container-fluid-head{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px){
.container, .container-md, .container-sm {
    max-width: 910px;
}
/* for features */
.for_mobile{
  display: none;
}
.about-scs{
  padding-left: 0;
  padding-right: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 912px) {
  /* for footer */
  .footer-img {
  height: 10vh;
  }
}