/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {
    .bnrtop .owl-controls {
        bottom:-15px;
      }
      .mainh1{
        margin-top: 20px;
      }
      .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
.main { width: 340px; }
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.mbnrpan { margin-bottom: 35px; margin-top: 20px;}
.sabout .mainh1{font-size: 24px;text-align: center;margin-bottom: 35px;}
.sabout .abutpan { width: 340px; float: none; margin-top: -28px;}
.sabout {
    margin-bottom: 0;
  }
  .snews {
    background-size: cover !important;
    margin: 0 !important;
  }
  .snews .sldnav {
    top: 101%;
  }
  .fcntpan .alogo {
    width: 66px;
    height: auto;
  }
  .fcntpan .flimg {
    width: 38%;
    height: 50px;
  }
  .dservices .hxitem .hexagon-in2 {
    text-align: center;
    font-size: 10px;
  }
  .nwsld .hxtit a {
    font-size: 13px;
  }
.sabout .ppan { display: block; width: auto; margin: 0 auto 20px; }
.sabout .sidesldpan { display: block; width: 340px; position: relative; left: 0; top: 0; }
.dservices { min-height: 640px; overflow: hidden; padding: 20px 0 0 0; }
/*------*/
/*.hxitem.hximg { z-index: 2; }
.dservices .hxitem{right:78px !important}
.dservices .hxitem.hx1,
.dservices .hxitem.hx6 { top: 0;}
.dservices .hxitem.hx2 { top: 200px; }
.dservices .hxitem.hx3,
.dservices .hxitem.hx7 { top: 400px;  }
.dservices .hxitem.hx4,
.dservices .hxitem.hx8 { top: 600px; }
.dservices .hxitem.hx5 { top: 800px; }
.dservices .hxitem.hx9,
.dservices .hxitem.hx11 { top: 1000px;  }
.dservices .hxitem.hx10,
.dservices .hxitem.hx13 { top: 1200px;  }
.dservices .hxitem.hx12 { top: 1400px;  }
.dservices .hxitem.hx14 { top: 1600px;}*/
.hxitem.hximg { z-index: 2; }
.dservices .hxitem .hexagon { width: 170px; height: 149px; }
.dservices .hxitem.hx1 { top: 0; right: 30px; }
.dservices .hxitem.hx2 { top: 0px; right: 202px; }
.dservices .hxitem.hx3 { top: 155px; right: 30px; }
.dservices .hxitem.hx4 { top: 155px; right: 202px; }
.dservices .hxitem.hx5 { top: 310px; right: 30px; }
.dservices .hxitem.hx6 { top: 0; right: 30px; }
.dservices .hxitem.hx7 {  top: 155px; right: 30px; }
.dservices .hxitem.hx8 {  top: 155px; right: 202px; }
.dservices .hxitem.hx9 { top: 310px; right: 30px; }
.dservices .hxitem.hx10 { top: 310px; right: 202px; }
.dservices .hxitem.hx11 {  top: 310px; right: 30px; }
.dservices .hxitem.hx12 { top: 465px; right: 30px; }
.dservices .hxitem.hx13 {  top: 310px; right: 202px; }
.dservices .hxitem.hx14 { top: 465px; right: 202px; }
    .dservices .hxitem.hx15, .dservices .hxitem.hx16, .dservices .hxitem.hx17 {
        display: none !important;
    }
/*-----------*/
.nwsld .fram { margin: 0 auto;width: 278px;height: 376px; }
.nwsld .figimg img{width:242px;height:168px;}
.snews .sldnav.gnxt{right:12px;}
.snews .sldnav.gprv{left:12px;}
.fcntpan{position: relative !important;
    top: -4px !important;
    width: 145px;}
.ulfnav::before,.ulfnav::after{content:none;}
.ulfnav li { margin: 0 3px 0px !important;
    float: none !important;
    width: 30%;}
.ulfnav li a { font-size: 13px; }
.backTop{display:none !important;}
/*3line*/
.navbtn{display:inline-block;}
header{position:relative}
header nav { display: none; position: absolute; top: 60px; right: -10px; background-color: #fff; z-index: 2;width:230px;padding:0 20px 0 0;/*height:100vh;overflow-y:auto;*/ }
header .ulmenu > li{display:block;margin:0 auto;}
header .ulmenu > li > a{display:block;padding:0 10px 0 0;border-top:none;border-right: 2px solid transparent;line-height: 38px;}
header .ulmenu > li:hover > a { border-right-color: #002942; }
header .ulmenu .sub { position: inherit; top: 0; background-color: #002942; width: auto; }
header .ulmenu .sub li a { color: #fff; color: #fff; font-size: 15px; padding: 4px 8px; }
}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {
    .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
.main { width: 460px; }
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.sabout .abutpan { width: 460px; float: none; }
.sabout .ppan { display: block; width: auto; margin: 0 auto 20px; }
.sabout .sidesldpan { display: block; width: 460px; position: relative; left: 0; top: 0; }
.dservices{min-height:775px;}
/*------*/
.hxitem.hximg { z-index: 2; }
.dservices .hxitem.hx1 { top: 0; right: 30px; }
.dservices .hxitem.hx2 { top: 0px; right: 254px; }
.dservices .hxitem.hx3 { top: 200px; right: 30px; }
.dservices .hxitem.hx4 { top: 200px; right: 254px; }
.dservices .hxitem.hx5 { top: 400px; right: 30px; }
.dservices .hxitem.hx6 { top: 400px; right: 273px; top: 0; right: 30px; }
.dservices .hxitem.hx7 { top: 600px; right: 30px; top: 200px; right: 30px; }
.dservices .hxitem.hx8 { top: 600px; right: 273px; top: 200px; right: 254px; }
.dservices .hxitem.hx9 { top: 400px; right: 30px; }
.dservices .hxitem.hx10 { top: 400px; right: 254px; }
.dservices .hxitem.hx11 { top: 600px; right: 30px; top: 400px; right: 30px; }
.dservices .hxitem.hx12 { top: 600px; right: 30px; }
.dservices .hxitem.hx13 { top: 800px; right: 30px; top: 400px; right: 254px; }
.dservices .hxitem.hx14 { top: 600px; right: 254px; }
    .dservices .hxitem.hx15, .dservices .hxitem.hx16, .dservices .hxitem.hx17 {
        display: none !important;
    }
/*-----------*/
.nwsld .fram { margin: 0 auto; width: 89%;}
.snews .sldnav.gnxt{right:12px;}
.snews .sldnav.gprv{left:12px;}
.fcntpan{position:relative !important;top:0 !important;}
.ulfnav::before,.ulfnav::after{content:none;}
.ulfnav li { margin: 0 8px 10px !important; float: none !important; width: 103px; }
.ulfnav li a { font-size: 14px; }
/*3line*/
.navbtn{display:inline-block;}
header{position:relative}
header nav { display: none; position: absolute; top: 60px; right: -10px; background-color: #fff; z-index: 2;width:230px;padding:0 20px 0 0;/*height:100vh;overflow-y:auto;*/ }
header .ulmenu > li{display:block;margin:0 auto;}
header .ulmenu > li > a{display:block;padding:0 10px 0 0;border-top:none;border-right: 2px solid transparent;line-height: 38px;}
header .ulmenu > li:hover > a { border-right-color: #002942; }
header .ulmenu .sub { position: inherit; top: 0; background-color: #002942; width: auto; }
header .ulmenu .sub li a { color: #fff; color: #fff; font-size: 15px; padding: 4px 8px; }
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
     .bnrtop .owl-wrapper-outer{
         overflow: hidden;
         }
.main { width: 700px; }
.sabout .abutpan { width: 700px; float: none; }
.sabout .ppan { display: block; width: auto; margin: 0 auto 20px; }
.sabout .sidesldpan { display: block; width: 700px; position: relative; left: 0; top: 0; }
.dservices{min-height:630px;}
/*------*/
.dservices .hxitem.hx1 { top: 0; right: 80px; }
.dservices .hxitem.hx2 { top: 103px; right: 248px; }
.dservices .hxitem.hx3 { top: 205px; right: 80px; }
.dservices .hxitem.hx4 { top: 308px; right: 248px; }
.dservices .hxitem.hx5 { top: 0px; right: 416px; }
.dservices .hxitem.hx6 { top: 205px; right: 416px; }
.dservices .hxitem.hx7 { top: 103px; right: 525px; top: 410px; right: 80px; }
.dservices .hxitem.hx8 { top: 308px; right: 525px; top: 410px; right: 416px; }
.dservices .hxitem.hx9, 
.dservices .hxitem.hx10 { display:none }
.dservices .hxitem.hx11 {top: 0; right: 80px; }
.dservices .hxitem.hx12 { top: 0px; right: 416px; }
.dservices .hxitem.hx13 { top: 205px; right: 80px; }
.dservices .hxitem.hx14 { top: 308px; right: 248px; }
    .dservices .hxitem.hx15, .dservices .hxitem.hx16, .dservices .hxitem.hx17 {
        display: none !important;
    }

/*-----------*/
.nwsld .fram { margin: 0 auto; }
.fcntpan .alogo {
    width: 100px;
    height: 88px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fcntpan .flimg {
    width: 96px;
    height: 88px;
  }
.ulfnav::before,.ulfnav::after{content:none;}
.ulfnav li { margin: 0 8px 10px !important; float: none !important; width: 103px; }
.ulfnav li a { font-size: 14px; }
.fcntpan {
    position: relative !important;
    top: -5px !important;
    display: flex !important;
    width: 61% !important;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
  }
.ulfsocial { display: inline-block;float: left; }
.backTop { bottom: 30px; left: 30px; }
/*3line*/
.navbtn{display:inline-block;}
header{position:relative}
header nav { display: none; position: absolute; top: 56px; right: -10px; background-color: #fff; z-index: 2;width:230px;padding:0 20px 0 0;/*height:100vh;overflow-y:auto;*/ }
header .ulmenu > li{display:block;margin:0 auto;}
header .ulmenu > li > a{display:block;padding:0 10px 0 0;border-top:none;border-right: 2px solid transparent;line-height: 38px;}
header .ulmenu > li:hover > a { border-right-color: #002942; }
header .ulmenu .sub { position: inherit; top: 0; background-color: #002942; width: auto; }
header .ulmenu .sub li a { color: #fff; color: #fff; font-size: 15px; padding: 4px 8px; }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
.main { width: 980px; }
.sabout .abutpan { width: 980px; float: none; }
.sabout .sidesldpan{left: -46px;}
/*------*/
.dservices .hxitem.hx1 { top: 0; right: 20px; }
.dservices .hxitem.hx2 { top: 103px; right:188px; }
.dservices .hxitem.hx3 { top: 205px; right: 20px; }
.dservices .hxitem.hx4 { top: 308px; right: 188px; }
.dservices .hxitem.hx5 { top: 0px; right: 356px; }
.dservices .hxitem.hx6 { top: 205px; right: 356px; }
.dservices .hxitem.hx7 { top: 103px; right: 525px; }
.dservices .hxitem.hx8 { top: 308px; right: 525px; }
.dservices .hxitem.hx9 { top: 0px; right: 693px; }
.dservices .hxitem.hx10 { top: 205px; right: 693px; }
.dservices .hxitem.hx11 { top: 0px; right: 693px; }
.dservices .hxitem.hx12 { top: 0px; right: 356px; }
.dservices .hxitem.hx13 { top: 205px; right: 693px; }
.dservices .hxitem.hx14 { top: 308px; right: 188px; }
    .hx15 {
        top: 102px;
        left: 0 !important;
        right: 861px;
    }
    .hx16 {
        top: 300px;
        left: 0 !important;
        right: 866px;
    }
    .hx17 {
        top: 403px;
        left: 0 !important;
        right: 698px;
      
    }
 
    /*-----------*/
    .nwsld .fram {
        margin: 0 auto;
    }
.fcntpan { padding: 0 15px !important; width: 214px !important; }
.ulfnav li { margin: 0 0 0px 33px; }
.ulfnav li.lil { margin: 0 0 0px 18px; }
/*3line*/
.navbtn{display:inline-block;}
header{position:relative}
header nav { display: none; position: absolute; top: 56px; right: -10px; background-color: #fff; z-index: 2;width:230px;padding:0 20px 0 0;/*height:100vh;overflow-y:auto;*/ }
header .ulmenu > li{display:block;margin:0 auto;}
header .ulmenu > li > a{display:block;padding:0 10px 0 0;border-top:none;border-right: 2px solid transparent;line-height: 38px;}
header .ulmenu > li:hover > a { border-right-color: #002942; }
header .ulmenu .sub { position: inherit; top: 0; background-color: #002942; width: auto; }
header .ulmenu .sub li a { color: #fff; color: #fff; font-size: 15px; padding: 4px 8px; }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
    .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
    .main { width: 1200px; }
    .sabout .abutpan { width: 1200px; float: none; }
    .sabout .sidesldpan{left: -46px;}
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {
    .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
    .main { width: 1200px; }
}
@media only screen and (min-width : 1451px) and (max-width : 1600px) {
    .main { width: 1200px; }
    .bnrtop .owl-wrapper-outer{
        overflow: hidden;
        }
}
/*1750 to up*/
@media only screen and (min-width : 1601px) {
    .main { width: 1400px; }
}