@media (max-width: 1440px) {
  .an-text{  
    height: 370px;
  }
  .an-text img{
    z-index: 1;
    position: absolute;
    right: 42%;
    bottom: 0;
  }
  


  /* text res ---*/

.text-1{top: 30px;left: 27%;}
.text-2{top: 90px;right: 28%;}
.text-3{top: 171px;left: 18%;}
.text-4{        top: 198px;right: 20%;}
.text-5{top: 65px;left: 12%; z-index: ;}
.text-6{top: 78px;right: 12%; z-index: ;}

}

@media (max-width: 1024px) {

header{
  height: 590px;

}
.nav-link {font-size: 12px !important;}


  .an-text{
    height: 320px;
    margin-top: 35px;
  }
  .an-text img{    right: 41%;}
  
  .an-textt h3{
line-height: 61px;
 }
  .an-textt h3 span{
    margin-left: 133px;
  }

  .an-textt-b{
    margin-right: 0px; margin-top: 28px;
    
  }
  .b-text h2{
line-height: 50px;
}

   .up-down {font-size: 14px}

  /* text res ---*/

.text-1{top: 67px;
        left: 15%;}
.text-2{top: 90px;right: 24%;}
.text-3{top: 150px;
        left: 13%;}
.text-4{        top: 184px;
        right: 18%;}
.text-5{top: 40px;left: 12%; z-index: ;}
.text-6{top: 49px;
        right: 10%;}

}

@media (max-width: 768px) {

header{
  height: 454px;

}
.nav-link {font-size: 12px !important;}


  .an-text{
    height: 219px;
    margin-top: 35px;
  }
  .an-text img{    
            right: 41%;
        width: 34%;
        left: 25%;
        bottom: -5%;right: 41%;}
  
  .an-textt h3{
line-height: 61px;
 }
  .an-textt h3 span{
    margin-left: 105px;
  }

  .an-textt-b{
    margin-right: 0px; margin-top: 0px;
    
  }
  .b-text h2{
line-height: 50px;
}

   .up-down {font-size: 11px}

  /* text res ---*/

.text-1{top: 41px;
        left: 16%;}
.text-2{        top: 59px;
        right: 21%;}
.text-3{top: 107px;
        left: 13%;}
.text-4{              top: 125px;
        right: 18%;}
.text-5{top: 40px;left: 12%; z-index: ;}
.text-6{top: 49px;
        right: 10%;}

}

@media (max-width: 425px) {

header{
  height:441px;
}
.head{
    font-size: 12px;
}
.button {   padding: 10px 20px;}

.nav-link {font-size: 12px !important;line-height: 21px;}


  .an-text{
    height: 219px;
    margin-top: 0px;
  }
  .an-text img{
            z-index: 1;
        position: absolute;
        right: 31%;
        bottom: -10px;
        width: 43%;
}
  .an-textt h3{
line-height: 48px;
 }
  .an-textt h3 span{
    margin-left: 105px;
  }

  .an-textt-b{
    margin-right: 0px; margin-top: 0px;
    
  }
  .b-text h2{
line-height: 33px;
}

   .up-down {font-size: 10px}

  /* text res ---*/

.text-1{top: 42px;
        left: 2%;}
.text-2{ top: 57px;
        right: 2%;}
.text-3{top: 107px;
        left: 8%;}
.text-4{              top: 125px;
        right:5%;}
.text-5{top: 22px;
        left: 5%;}
.text-6{        top: 32px;
        right: 4%;}

}
@media (max-width: 995px) {
    #navv{display: block;}
#navi{display: none;}
}
@media (max-width: 375px) {

header{
  height:387px;
}

  .an-text{
    height: 183px;
    margin-top: 0px;
  }

  .an-textt h3{
line-height: 36px;
 }
  .an-textt h3 span{
    margin-left: 90px;
  }

  .an-textt-b{
    margin-right: 0px; margin-top: 0px;
    
  }
  .an-textt-b span {
    margin-left: 83px !important;
}
  .b-text h2{
line-height: 33px;
}

   .up-down {font-size: 8px; padding: 2px}

  /* text res ---*/

.text-1{top: 42px;
        left: 2%;}
.text-2{ top: 57px;
        right: 2%;}
.text-3{top: 107px;
        left: 8%%;}
.text-4{    top:108px;
        right:5%;}
.text-5{top: 22px;
        left: 5%;}
.text-6{        top: 32px;
        right: 4%;}
}

@media (max-width: 375px) {

header{height:330px;}

.navbar-brand {
    font-size: 13.28px;

}
  .an-text{
    height: 175px;
    margin-top: 0px;
  }

  .an-textt h3{
line-height: 29px;
 }
  .an-textt h3 span{
    margin-left: 90px;
  }

  .an-textt-b{
    margin-right: 0px; margin-top: 0px;
    
  }
  .an-textt-b span {
    margin-left: 83px !important;
}
  .b-text h2{
line-height: 33px;
}

   .up-down {font-size: 8px; padding: 2px}

  /* text res ---*/

.text-1{top: 42px;
        left: 2%;}
.text-2{ top: 57px;
        right: 2%;}
.text-3{top: 98px;
        left: 8%;}
.text-4{    top:105px;
        right:5%;}
.text-5{top: 22px;
        left: 5%;}
.text-6{        top: 32px;
        right: 4%;}

}