.project01new{ background-image: url(../images/bg-about.png);background-position: center;    background-repeat: no-repeat;  background-size: contain;}
.padding_22-textnew p{    padding: 0px 0 90px 0 !important;    font-size: 20px !important;}
.padding_22new{    padding: 23% 0 !important;}
.padding_22new img{padding: 10px; background: #fff; border: 1px solid #a6a5a1;}
.div-main-co-bluenew{    background-color: #ededef;}
.div-main-co-bluenew ul li {    width: 33.333%;    float: left;    list-style: none;    margin: 1% 0 1%;}
.div-main-co-bluenew ul li p{    font-weight: 700;    color: #949599;}
.counter h4 span {    font-size: 60px;    color: #323157;   font-weight: bold;}
.grid_7new {   width: 100%;    margin: 0 0px 0 0;    float: right;    display: inline;    border:0px solid white;}
.grid_7new img{    width: 100%; }
.bt-class-on {     margin: 0 auto;     display: block;    float: none;    width: fit-content;}
.bigb-plans {    background: none;    width: 50%;    float: right;          border: 15px solid #fff;          border-bottom: 0;}
.blanckdiv{    width: 100%; float: left;    background-color: #323157;    height: 300px;}
.addnewvid{    width: 50%;    float: left;    padding: 8% 5% 5% 0;}
.project05 {    padding: 5rem 0;    float: left;    width: 100%;    position: relative;}
.forposition{    position: absolute;    top: 10.1%;    max-width: 80%;    margin: 10%;}
.project05{    height: 700px;}
.owl-dots{    margin: 3% 5%;}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {   background-color: rgb(245, 245, 26);   border-radius: 50%;   height: 16px;   width: 16px;}
 .owl-dots button.owl-dot{  border: 1px solid gray;  background: rgb(51 50 90);   border-radius: 50%;   height: 19px;   width: 19px;   position: relative;   margin: 1%;}
.owl-nav button.owl-next {  background-image:none !important;}
.owl-nav button.owl-prev { background-image:none !important; } 
 .abtimg1{ display: block;  }
 .abtimg2{  display: none;  }

 @media only screen and (min-width: 1601px) and (max-width: 1700px) {
    .padding_22-textnew p {        padding: 50px 0 90px 0 !important;        font-size: 14px !important;                line-height: 27px;}
    .div-main-co-bluenew ul li p {        font-weight: 600;        color: #949599;    }
    .div-main-co-blue ul li p {        font-size: 20px;        text-align: center;        width: 100%;}
    .inneraddnewvid h2 {        font-size: 23px;        text-align: center;}
    .bt-class {float: none; background: #33325a;  color: #fff; font-size: 14px; font-weight: 300; text-align: center;  padding: 12px 35px;        margin: 30px 0 0 65px;}
    .forposition {  position: absolute;   top: 5%;        max-width: 80%;        margin: 10%;   }
    .counter h4 span {    font-size: 30px;}
    .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
    .blanckdiv { height: 185px; }
   .project05 {  height:550px; }
 .addnewvid { padding: 8.5% 5% 5% 0;   }
 .bt-class-on {  margin: 0 auto;}
 }



 @media only screen and (min-width: 1501px) and (max-width: 1600px) {
    .padding_22-textnew p {        padding: 50px 0 90px 0 !important;        font-size: 14px !important;                line-height: 27px;}
    .div-main-co-bluenew ul li p {        font-weight: 600;        color: #949599;    }
    .div-main-co-blue ul li p {        font-size: 20px;        text-align: center;        width: 100%;}
    .inneraddnewvid h2 {        font-size: 23px;        text-align: center;}
    .bt-class {float: none; background: #33325a;  color: #fff; font-size: 14px; font-weight: 300; text-align: center;  padding: 12px 35px;        margin: 30px 0 0 65px;}
    .forposition {  position: absolute;   top: 5%;        max-width: 80%;        margin: 10%;   }
    .counter h4 span {    font-size: 30px;}
    .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
    .blanckdiv { height: 185px; }
   .project05 {  height:550px; }
 .addnewvid { padding: 8.5% 5% 5% 0;   }
 .bt-class-on {  margin: 0 auto;}
 }



 @media only screen and (min-width: 1401px) and (max-width: 1500px) {
    .padding_22-textnew p {        padding: 50px 0 90px 0 !important;        font-size: 14px !important;                line-height: 27px;}
    .div-main-co-bluenew ul li p {        font-weight: 600;        color: #949599;    }
    .div-main-co-blue ul li p {        font-size: 20px;        text-align: center;        width: 100%;}
    .inneraddnewvid h2 {        font-size: 23px;        text-align: center;}
    .bt-class {float: none; background: #33325a;  color: #fff; font-size: 14px; font-weight: 300; text-align: center;  padding: 12px 35px;        margin: 30px 0 0 65px;}
    .forposition {  position: absolute;   top: 5%;        max-width: 80%;        margin: 10%;   }
    .counter h4 span {    font-size: 30px;}
    .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
    .blanckdiv { height: 185px; }
   .project05 {  height:550px; }
 .addnewvid { padding: 8.5% 5% 5% 0;   }
 .bt-class-on {  margin: 0 auto;}
 }


 @media only screen and (min-width: 1301px) and (max-width: 1400px) {
    .padding_22-textnew p {        padding: 50px 0 90px 0 !important;        font-size: 14px !important;                line-height: 27px;}
    .div-main-co-bluenew ul li p {        font-weight: 600;        color: #949599;    }
    .div-main-co-blue ul li p {        font-size: 20px;        text-align: center;        width: 100%;}
    .inneraddnewvid h2 {        font-size: 23px;        text-align: center;}
    .bt-class {float: none; background: #33325a;  color: #fff; font-size: 14px; font-weight: 300; text-align: center;  padding: 12px 35px;        margin: 30px 0 0 65px;}
    .forposition {  position: absolute;   top: 5%;        max-width: 80%;        margin: 10%;   }
    .counter h4 span {    font-size: 30px;}
    .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
    .blanckdiv { height: 185px; }
   .project05 {  height:550px; }
 .addnewvid { padding: 9.5% 5% 5% 0;   }
 .bt-class-on {  margin: 0 auto;}
 }

 @media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .counter h4 span {    font-size: 30px;}
       .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
       .blanckdiv { height: 183px; }
      .project05 {  height: 400px; }
    .addnewvid { padding: 9.5% 5% 5% 0;   }
    }

 @media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .counter h4 span {    font-size: 30px;}
       .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
       .blanckdiv { height: 183px; }
      .project05 {  height: 400px; }
    .addnewvid { padding: 12% 5% 5% 0;   }
    }

 @media only screen and (min-width: 1001px) and (max-width: 1100px) {
 .counter h4 span {    font-size: 30px;}
    .padding_22-textnew p { padding: 0px 0 30px 0 !important;  font-size: 14px !important;}
    .blanckdiv { height: 157px;}
      .project05 {  height: 400px; }
      .addnewvid {  padding: 12% 5% 5% 0;  }




 }

 @media only screen and (min-width: 0px) and (max-width: 1000px) {
 .padding_22-textnew p {line-height: 30px;        padding: 10px 0 10px 0 !important;        font-size: 14px !important;}
.padding_22new {  padding: 10% 0 !important;    }
.div-main-co-bluenew ul li {        width: 100%;        float: left;        list-style: none;        margin: 1% 0 1%;}
.counter h4 span {        font-size: 30px;        color: #323157;        font-weight: bold;    }
 .div-main-co-blue ul li p {        font-size: 16px;}
.addnewvid {        width: 100%;        float: left;        padding: 0% 0% 0% 0%;}
.bigb-plans {        background: none;        width: 100%;        float: right;}
    .inneraddnewvid h2 {        font-size: 14px;        text-align: center;    }
    .bt-class { float: left; background: #33325a; color: #fff; font-size: 14px;        font-weight: 300;        text-align: center;        padding: 12px 12px;   margin: 30px 0 0 0;}
    .forposition {  position: absolute;  top: 20.1%;  max-width: 80%;  margin: 10%; }
.blanckdiv {  width: 100%; float: left; background-color: #323157;  height: 200px;  }
 .project05 { height: 350px;}
.inneraddnewvid {   padding: 8% 8%;   background-color: #ededee;}
 .bt-class { float: none;  background: #33325a;color: #fff; font-size: 14px; font-weight: 300; text-align: center;  padding: 12px 12px;  margin: 20px 1px 0 44px;  }
 .abtimg1{        display: none;}
  .abtimg2{ display: block;  width: 100%;  }


  .carousel-control-next, .carousel-control-prev {
   position: absolute;
   top: auto;
   bottom: 85px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: baseline;
   -ms-flex-pack: center;
   justify-content: end;
   width: 8% !important;
   color: #000;
   text-align: center;
   opacity: 1;
}

.carousel-control-next {
right: 5% !important;
}

.carousel-control-prev {
right: 14% !important;
left: auto;
}


 }
 
 .owl-dots button.owl-dot.active{
    background-color:#bb932e;   
}