@media( min-width: 1600px) {

}
@media( max-width: 1200px) {
  .loginwrap-col1 {
      height: 100%;
      background-size: 133%;
      background-position: center 118px;
  }
  .advertisment-wrapper {  
      max-width: 98%;
  }
  .success-box {
    background-size: cover;
  }
  .success-box:hover .storyhover {
      opacity: 0.8;
      padding: 57px 20px 60px 20px;
  }
  .storyhover h6 {
    font-size: 18px;
  }
  .storyhover p {
      font-size: 12px;
  }
  .footer-cols {
    padding: 37px 19px;
}
  .c3 .f-contacts a {
      font-size: 20px;
  }
  .f-contacts a {
    font-size: 22px;
  }
  .footer-cols.c2 {
    padding-left: 65px;
  }
  
  .footer-cols.c1 {
    padding-left: 53px;
  }
    
}
@media( max-width: 800px) {
  .logbtn {  
      font-size: 16px;   
      width: 100%;  
  }
  .signmoblie {
      background-position: 32px center;
  }

.signfacebook {
  background-position: 15px center;
}
.signgoogle {
  background-position: 19px center;
}
.logmail-wrap .form-control {
  width: 100%;
}

.btn-login { 
  width: 100%;
}
.loginwrap-col1 {
  background-size: 149%;
  background-position: center 230px;
}
.app-wrap {
  bottom: 0;
}
.introtitle {
  padding-left: 0;
}
.introtext {
  padding-right: 0;
}
.feature-profiles-wrap {
  padding: 0;
}

.story-texts h3 {
  font-size: 18px;
}
.success-box:hover .storyhover {
  padding: 14px 20px 0 20px;
}
.storyhover {
  padding: 20px;
}
.success-box {
  background-size: cover;
  background-position: center;
}
.storyhover h6 {
  font-size: 13px;
}
.serivice-quick-info .p-infor-col1 {
  min-width: 82px;
}
.fwrap {
  padding-left: 0;
}
.f-social {
  width: initial;
  margin-left: 0;
  justify-content: center;
}
a.slogo {
  margin-top: 24px;
}
.app-wrap {
  bottom: 23px;
}

.footer-cols.c1 {
  padding-left: 28px;
}
a.logo-flink {
  padding: 34px 27px 30px 27px;
}
  
}
@media( max-width: 767px) {
  body {
    overflow-x: hidden;
}

.service-login-wrap .container {
  padding: 0;
}
  .hm-login-wrap {
    max-height: 100%;
    height: 100%;
    padding-bottom: 90px;
  }
  .loginwrap-col2 {
    position: relative;
    display: block;
    margin-top: 0;
    padding-bottom: 30px;
}
  .loginwrap-col1 {
    background-attachment: fixed;
  }
  .loginwrap-col2 .tab-content {
    background: #fff;
    min-height: 615px;
}
  .app-wrap {
    bottom: -82%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
  .introtitle.aos-init.aos-animate h1 {
    text-align: center;
  }
  .success-box {
    margin-bottom: 20px;
  }

  footer {
    background-size: cover;
  }

  a.slogo {
    position: relative;
    display: block;
    margin-top: 18px;
    z-index: 9;
    text-align: center;
    margin: 72px auto 0 auto;
}

.loginwrap-col1 {
  background-size: 132%;
  background-position: center 273px;
}

  a.logo-flink {
    padding: 34px 60px;
    text-align: center;
  }
  .copyrights {
    flex-direction: column;
    text-align: center;
    margin-top: 23px;
}
  a.inner-whatsapp-link.dk {
    display: none;
  }
  a.inner-whatsapp-link.mobile {
    display: block;
  }

  .inner-header-col2 a img {
    margin: 0 11px 0 0;
    width: initial;
}
a.inner-logo {
  text-align: center;
}
.headercol2 {
  position: relative;
  display: flex;
  text-align: right;
  width: 58%;
}
.inner-header-col2 a {
  color: transparent;
}

.mobiswap .col-md-4 {
  order: 2;
}

.mobiswap .col-md-8 {
  order: 1;
}
.footer-cols.c2 {
  padding-left: 19px;
}

.footer-cols.c1 {
  padding-left: 19px;
}
.loginwrap-col2.service {
  margin-top: 0;
  z-index: 9;
}
.service-loginbg { 
  height: 666px;
  border-radius: 0;
  background-size: cover;
  opacity: 0.3;
  background-position: center;
  margin-top: -697px;
}

.service-login-wrap {
 padding-bottom: 0;
}

  
}