@media (max-width: 1300px) {
  .owl-nav {
    bottom: 25.5rem;
    right: 35.5rem;
  }
}
@media (max-width: 1270px) {
  .owl-nav {
    bottom: 25.5rem;
    right: 32.5rem;
  }
}

@media (max-width: 1230px) {
  .owl-nav {
    bottom: 23.5rem;
    right: 32.5rem;
  }
}

@media (max-width: 1200px) {
  .owl-nav {
    bottom: 22.5rem;
    right: 31.5rem;
  }
}

@media (max-width: 1100px) {
  .nav {
    padding: 2rem;
  }
}

@media (max-width: 1150px) {
  .owl-nav {
    bottom: 20.5rem;
    right: 28.5rem;
  }
}

@media (max-width: 1127px) {
  .owl-nav {
    bottom: 16.5rem;
    right: 28.5rem;
  }
}

@media (max-width: 1180px) {
  .owl-nav {
    bottom: 16.5rem;
    right: 25.5rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -45rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -45rem;
  }
}

@media (max-width: 1030px) {
  .owl-nav {
    bottom: 14.5rem;
    right: 23.5rem;
  }
}

@media (max-width: 1024px) {
  /* .nav{
        background: #ffffffa1;
        backdrop-filter: blur(7px);
    }
    .sticky {
        background: #fff;
    } */
  .nav .menu ul {
    display: none;
  }
  .nav .menu > a i.fa-bars {
    display: block;
  }
  .nav .menu {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav .logo {
    width: 30%;
  }
  .nav .logo img {
    margin: auto;
  }
}

@media (max-width: 991px) {
  html{
    font-size: 53.5%;
  }
  .fix_2 ul li {
    margin: 0 1rem;
  }
  .owl-nav {
    bottom: 20.5rem;
    right: 29.5rem;
  }
  .form_area form .name{
    flex-direction: column;
  }
  .que_txt{
    width: 100%;
  }
  .query .col-7 .inp_bx {
    margin: 0 0 5rem;
  }
  .query .col-7 span {
    margin: 2rem 0 2rem;
  }
  .perform b,
  .perform span{
    text-align: center;
  }
  .footer_social .logo{
    margin: 3rem 0;
  }
  .tec_col{
    flex-direction: column;
  }
  .tec_col .tec_col_1, .tec_col .tec_col_2 {
    width: 100%;
  }
  /*  */
}

@media (max-width: 965px) {
  .owl-nav {
    bottom: 16.5rem;
    right: 27.5rem;
  }
}

@media (max-width: 910px) {
  .owl-nav {
    bottom: 15.5rem;
    right: 24.5rem;
  }
}

@media (max-width: 870px) {
  .owl-nav {
    bottom: 13.5rem;
    right: 22.5rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -35rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -35rem;
  }
}

@media (max-width: 820px) {
  html {
    font-size: 50.5%;
  }
}

@media (max-width: 800px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 19.5rem;
  }
}

@media (max-width: 780px){
  html {
    font-size: 56.5%;
  }
  .form_fix .form_area {
    width: 100%;
  }
  #sec_1{
    flex-direction: column;
  }
  #sec_1 .img_bx {
    width: 100%;
  }
  #sec_1 .txt_bx {
    width: 100%;
  }
  .sec_2 .txt_bx{
    flex-direction: column;
  }
  .CaroText{
    flex-direction: column;
  }
  .CaroText .img_bx {
    width: 100%;
  }
  .CaroText .txt_bx {
    width: 100%;
  }
  .sec_5{
    flex-direction: column;
  }
  .sec_5 .left {
    width: 100%;
    padding: 0 8rem;
  }
  .sec_5 .right {
    width: 100%;
  }
  .owl-nav {
    bottom: 11.5rem;
    right: 68.5rem;
  }
  .sec_6 {
    margin: 0 2rem 5rem;
  }
  .sec_6 .ver_add {
    display: none;
  }
  /*  */
  .sec_2_modal .CaroText{
    flex-direction: row;
  }
  .sec_2_modal .CaroText .txt_bx{
    width: 35%;
  }
  .sec_2_modal .CaroText .img_bx {
    width: 35%;
  }
  .CaroText .txt_bx h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -30rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -30rem;
  }
  .sec_2_modal .owl-nav button.owl-prev [class*=" ri-"],
  .sec_2_modal .owl-nav button.owl-next [class*=" ri-"]{
    width: 3rem;
    height: 3rem;
  }
}

@media (max-width: 768px) {
  .fix_2{
    display: none;
  }
  .fix_2_m{
    width: 25%;
    height: 6rem;
    background: #fff;
    display: block;
    position: fixed;
    right: 6rem;
    top: 6.5rem;
    z-index: 999;
  }
  .fix_2_m ul{
    text-align: center;
    display: block;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .fix_2_m ul li{
    margin: 3rem 1.5rem;
  }
  .fix_2_m ul li a{
    color: #000;
    font-size: 1.2rem;
    padding: 1rem 2rem;
    font-weight: 600;
  }
  .banner {
    flex-direction: column;
  }
  .banner .right,
  .banner .left {
    width: 100%;
  }
  .discover .bx {
    width: 100%;
  }
}

@media (max-width: 750px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 65.5rem;
  }
}

@media (max-width: 750px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 61.5rem;
  }
  .sec_2 .bx {
    width: 100%;
  }
}

@media (max-width: 678px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 56.5rem;
  }
  .sec_2 .txt_bx {
    flex-direction: column;
  }
  .sec_2 .txt_bx h1{
    width: 100%;
  }
  .sec_2 .bxx {
    width: 100%;
  }
  .sec_6 .ver_ .option_btn button{
    padding: 1.5rem 4rem;
  }
  /*  */
  .sec_2_modal .CaroText{
    flex-direction: column;
  }
  .sec_2_modal .CaroText .txt_bx{
    width: 55%;
    margin: auto;
  }
  .sec_2_modal .CaroText .img_bx {
    width: 55%;
    margin: auto;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -25rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -25rem;
  }
}

@media (max-width: 580px) {
  .fix_2_m {
    width: 32%;
    padding: 1.5rem .5rem;
  }
  .owl-nav {
    bottom: 11.5rem;
    right: 45.5rem;
  }
  .sec_6 .ver_ .option_btn button {
    padding: .8rem 5rem;
    font-size: 1.7rem;
  }
  /*  */
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -20rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -20rem;
  }
  .sec_2_modal .CaroText .txt_bx ,
  .sec_2_modal .CaroText .img_bx {
    width: 65%;
  }
}

@media (max-width: 480px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 34.5rem;
  }
  .form_fix{
    padding: 3rem;
  }
  .form_fix .form_area label,
  .form_fix .form_area select,
  .form_fix .form_area option,
  .form_fix .form_area input{
    font-size: 1.5rem !important;
  }
}

@media (max-width: 380px) {
  .owl-nav {
    bottom: 11.5rem;
    right: 25.5rem;
  }
  .sec_2_modal .owl-nav button.owl-prev [class*=" ri-"],
  .sec_2_modal .owl-nav button.owl-next [class*=" ri-"] {
    width: 2.5rem;
    height: 2.5rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {
    position: absolute;
    left: -15rem;
  }
  .sec_2_modal > div:nth-child(1) > div:nth-child(2) > button:nth-child(2) {
    position: absolute;
    right: -15rem;
  }
}