@media(min-width:1024px)
{
    .mob-on{
        display: none;
    }
}

@media(max-width:1024px)
{

    .menuarea{
        display: none;
    }

}
@media(max-width:990px)
{
    .desk-logo{
        display: block;
    }
    .mob-logo{
        display: none;
    }
}

@media(min-width:990px)
{
    .desk-logo{
        display: none !important;
    }
    .mob-logo{
        display: block;
    }
}

@media (min-width:1025px) and (max-width:1200px)
{

    .b2-2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
.sp-b2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
.menuarea > ul > li {
   
    padding: 0px 10px;
}
.menu-btn2 {
    padding: 15px 25px;
    width: 173px;
    height: 47px;
}
.site-header.header-sidenav-1 .menu-btn {
    height: 46px !important;
    width: 58px !important;
}
.slider-ban2 h1{
  
font-size: 63px;
  
line-height: 71px;
  
width: 56%;
}
.banner-points {

bottom: 16px;

z-index: 9999;
}
.divider {
   
/* bottom: 45px; */
}

.slide {

height: 683px;
}
.slide .item .slide-image {
    height: 683px;
}
.banner2 img {
 
    margin-left: 25px;
}


.b2-2 {
   
    width: 27%;
}
.banner2 {
 
background-image: unset;
 
background-position-y: 166px;
 
background-position-x: 0px;
}

.b3slide {

    padding-left: 42px;
}

.banner5 {
    background-position-x: 74%;
}
.footer h1 {
    letter-spacing: -1px;
   
    line-height: 42px;
    font-size: 36px;
}
.ftr-a {
    margin-right: 33px;
}
.a-bus1-1 img {
    
    width: 454px;
    margin-right: 30px;
    height: 495px;
}
.serv1 h3 {
    font-size: 37px;
  
    line-height: 49px;
}
.med-loop{

    bottom: 224px !important;
}
}



@media(min-width:991px) and (max-width:1024px)
{
.mainheader {
   
    height: 115px;
}


.b3slide {
    width: 100%;
    float: left;
    /* padding-bottom: 80px; */
    padding-left: 19px;
}

    .slider-ban2 h1{
  
font-size: 57px;
  
line-height: 71px;
  
width: 56%;
  
/* text-align: center; */
}
.slider-ban2 p{
    width: 100%;
    /* text-align: center; */
}
.btn1 {
    float: left;
}
.banner-points {

bottom: 43px;

z-index: 9999;
}
.divider {
   
bottom: -49px;
}


.banner2 img {
 
float: left;
 
width: 50%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
}
.banner2 h1  {
    width: 100%;
    float: left;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 40%;
}
.sp-b2 {
    width: 34% !important;
}
.banner2 p {
    width: 100%;
    float: left;
}
.logo img {
    width: 134px;
    float: left;
    /* position: relative; */
    /* z-index: 999; */
    top: 0px;
}
.logo{
    padding: 10px 0px;
}
.menu-btn2 {
   
/* border: 3px solid blue; */
   
/* position: absolute; */
   
/* overflow: hidden; */
   
float: right;
   
/* right: 79px; */
   
/* top: 41px; */
   
margin-right: 60px;
   
margin-top: 36px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
  
    margin-bottom: 7px;
}
.slider-ban2 {
 
top: 168px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 109px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 100%;
    background-position: 131% 102%;
    background-position-x: 270px;
}
.banner3 h1 {
    letter-spacing: -3px;
    float: left;
    font-size: 59px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: -3px;
    font-size: 55px;
}
.b4-box{
  margin-bottom: 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 20px;
    float: left;
    width: 210px;
}
.ftr-a{
    margin-right: 55px;
}
.ftr-a-links h6 {
    margin-right: 89px;
}
.a-bus1-1 img {
    
    width: 480px;
  
    height: 453px;
}
.a-bus1-1 h1 {
    font-size: 39px;
    font-weight: bold;
    line-height: 52px;
}
.serv1-img {
    width: 418px;
    
    height: 515px;
    margin-bottom: 15px;
}
.serv1 h3 {
    font-size: 37px;

    line-height: 48px;
}
.mobile-menu-tag {
    float: right;
    width: 76%;
}
}

@media(min-width:768px) and (max-width:991px)
{
    .ct-box{
        display: block;
        padding: 35px 15px;
        height: 279px;
    }
.ct-box h5 {
    text-align: center;
}
.ct-box p {
    text-align: center;
}
    .career h1 {
    letter-spacing: -1px;

    font-size: 40px;
  
    line-height: 36px;
}
.career h6 {
   
    padding: 0px 0px;
}
        .menu-img {
        margin-top: 48px !important;
    }
    .mainheader{
        height: 127px;
    }

.mobile-menu-tag {
    float: right;
    width: 76%;
}
.b3slide {
    width: 100%;
    float: left;
    padding-right: 19px;
    padding-left: 19px;
}

    .slider-ban2 h1{
  
font-size: 41px;
  
line-height: 50px;
  
width: 100%;
  
text-align: center;
  
padding: 0px 33px;
  
letter-spacing: -1px;
}
.slider-ban2 p{
    width: 100%;
    text-align: center;
}
.btn1 {
    float: none;
    margin: auto;
    display: block;
}
.banner-points {

bottom: 67px;

z-index: 9999;
}
.divider {
   
bottom: -53px;
}

.slide {

height: 100vh;
}
.slide .item .slide-image {
    height: 100vh;
}
.banner2 img {
 
float: none;
 
width: 65%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
    text-align: center;
}
.banner2 h1  {
    width: 100%;
    float: left;
    text-align: center;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 50%;
}
.sp-b2 {
    width: 50% !important;
}
.banner2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.logo img {
    width: 152px;
    float: left;
    position: relative;
    z-index: 999;
    top: 0px;
}
.logo{
    padding: 10px 0px;
}
.menu-btn2 {
   
/* border: 3px solid blue; */
   
/* position: absolute; */
   
margin-top: 43px;
   
float: right;
   
margin-right: 50px;
   
/* top: 43px; */
   
width: 164px;
   
padding: 15px 20px;
   
height: 46px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
    font-size: 40px;
}
.slider-ban2 {
 
top: 216px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 118px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 90%;
    background-position: 155px 102%;
    background-position-x: 263px;
}
.banner3 h1 {
    letter-spacing: -3px;
    float: left;
    font-size: 59px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: -3px;
    font-size: 55px;
}
.b4-box{
  text-align: center;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 30px;
    float: none;
    width: 210px;
}
.ftr-a{
    margin-right: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.a-bus1-1 img {
    
width: 61%;
    
height: auto;
    
float: none;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
}
.a-bus1-1 h1 {
    font-size: 39px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
    float: left;
    width: 100%;
}
.serv1-img {
    width: 70%;
    height: auto;
    margin-bottom: 15px;
    margin: 20px auto;
    display: block;
    float: none;
}
.serv1 h3 {
    font-size: 37px;
    line-height: 48px;
    float: left;
    width: 100%;
    text-align: center;
}


.count .item1 {
    width: 100%;
    text-align: center;
    padding-right: 25px;
}
.count .item p {
    text-align: center;
    width: 100%;
}
.b2-2:before{
    display: none;
}
.sp-b2:before{
    display: block;
}
.banner3 h6 {
    text-align: center;
    width: 100%;
}
.banner3 h1 {
    text-align: center;
    width: 100%;
}
.loop-what-we-do .owl-nav {

    display: none !important;
}
.img-cr {
margin-right: auto;
margin-left: auto;
}
.b4-box h2 {
    text-align: center;
}
.point h2 {
    text-align: center;
    width: 100%;
    float: left;
}
.point img {
    float: none;
    width: 21px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 12px;
}
.no-med{
    display: none;
}
.med-logo{
    display: none !important;
}
.footer {

    padding: 50px 0px 40px 0px;

    text-align: center;
}
.footer h3 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer p {
    margin-bottom: 30px;
}
.ftr-a-links {
   
    padding: 40px 0px 20px 0px;

}


.copy p{
    width: 100%;
    text-align: center;
}
.copy h3{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}


.a-bus1-1 p {
   
    margin-top: 24px;
    float: left;
    width: 100%;
    text-align: center;
}
.bus-2 h2 {
 float: left;
    width: 100%;
    text-align: center;
}
.bus-2 p {
 float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.serv1 p {
 float: left;
    width: 100%;
    text-align: center;
}
.service-details {
    float: left;
    width: 100%;
    padding: 60px 0px;

}.loop-con p {
    padding: 0px 24px;
}
}











@media(min-width:576px) and (max-width:767px)
{
    .sp-b2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
     .ct-box{
        display: block;
        padding: 35px 15px;
        height: 228px;
    }
.ct-box h5 {
    text-align: center;
}
.ct-box p {
    text-align: center;
}
    .menu-img {
        width: 37px;
        margin-top: 35px !important;
    }
.loop-con p {
    padding: 0px 24px;
}
.b3slide {
    width: 100%;
    float: left;
    /* padding-bottom: 80px; */
    padding-left: 19px;
}

    .slider-ban2 h1{
  
font-size: 52px;
  
line-height: 71px;
  
width: 100%;
  
text-align: center;
  
padding: 0px 100px;
}
.slider-ban2 p{
    width: 100%;
    text-align: center;
    padding: 0px 37px;
}
.btn1 {
    float: none;
    margin: auto;
    display: block;
}
.banner-points {

bottom: 69px;

z-index: 9999;
}
.divider {
   
/* bottom: 40px; */
}

.slide {

height: 100vh;
}
.slide .item .slide-image {
    height: 100vh;
}
.banner2 img {
 
float: none;
 
width: 100%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
    text-align: center;
}
.banner2 h1  {
    width: 100%;
    float: left;
    text-align: center;
    letter-spacing: -1px;
    font-size: 41px;
    line-height: 52px;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 50%;
}
.sp-b2 {
    width: 50% !important;
}
.banner2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.logo img {
    width: 124px;
    float: left;
    position: relative;
    z-index: 999;
    top: 2px;
}
.logo{
    padding: 10px 0px;
}
.menu-btn2 {
   
margin-top: 33px;
   
margin-right: 50px;
   
/* position: absolute; */
   
/* overflow: hidden; */
   
float: right;
   
/* right: 79px; */
   
/* top: 41px; */
   
width: 161px;
   
padding: 14px 17px;
   
height: 44px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
}
.slider-ban2 {
 
top: 257px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 119px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 90%;
    background-position: 155px 102%;
    background-position-x: 263px;
}
.banner3 h1 {
    letter-spacing: -1px;
    float: left;
    font-size: 46px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: -1px;
    font-size: 46px;
}
.b4-box{
  text-align: center;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 30px;
    float: none;
    width: 210px;
}
.ftr-a{
    margin-right: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.a-bus1-1 img {
    
width: 85%;
    
height: auto;
    
float: none;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
}
.a-bus1-1 h1 {
    font-size: 39px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
    float: left;
    width: 100%;
}
.serv1-img {
    width: 70%;
    height: auto;
    margin-bottom: 15px;
    margin: 20px auto;
    display: block;
    float: none;
}
.serv1 h3 {
    font-size: 37px;
    line-height: 48px;
    float: left;
    width: 100%;
    text-align: center;
}


.count .item1 {
    width: 100%;
    text-align: center;
    padding-right: 19px;
}
.count .item p {
    text-align: center;
    width: 100%;
}
.b2-2:before{
    display: none;
}
.sp-b2:before{
    display: block;
}
.banner3 h6 {
    text-align: center;
    width: 100%;
}
.banner3 h1 {
    text-align: center;
    width: 100%;
}
.loop-what-we-do .owl-nav {

    display: none !important;
}
.img-cr {
margin-right: auto;
margin-left: auto;
}
.b4-box h2 {
    text-align: center;
}
.point h2 {
    text-align: center;
    width: 100%;
    float: left;
}
.point img {
    float: none;
    width: 21px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 12px;
}
.no-med{
    display: none;
}
.med-logo{
    display: none !important;
}
.footer {

    padding: 50px 0px 40px 0px;

    text-align: center;
}
.footer h3 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer p {
    margin-bottom: 30px;
}
.ftr-a-links {
   
    padding: 40px 0px 20px 0px;

}


.copy p{
    width: 100%;
    text-align: center;
}
.copy h3{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}


.a-bus1-1 p {
   
    margin-top: 24px;
    float: left;
    width: 100%;
    text-align: center;
}
.bus-2 h2 {
 float: left;
    width: 100%;
    text-align: center;
}
.bus-2 p {
 float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.serv1 p {
 float: left;
    width: 100%;
    text-align: center;
}
.service-details {
    float: left;
    width: 100%;
    padding: 60px 0px;

}
.m-buy {
    display: none;
}
.banner-points{
    display: none;
}

.banner5 h1 {
    font-size: 46px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.b5-box{
    padding: 30px 0px;}



.footer h1 {
    letter-spacing: -1px;
    float: left;
    width: 100%;
    color: #192A1B;
    line-height: 41px;
    font-size: 32px;

}
}










@media(min-width:470px) and (max-width:575px)
{

    .sp-b2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
    .ct-box{
     display: block;
        padding: 35px 15px;
        height: 233px;
    }
.ct-box h5 {
    text-align: center;
}
.ct-box p {
    text-align: center;
}

    .ct-left-text h5 {
    text-align: center;
}
.ct-left-text p {
    text-align: center;
}
.ct-right h2 {
    text-align:center;
}
.ct-right button {

display: table;
margin-right: auto;
margin-left: auto;
float: none;
top: 15px;
}
.ct-full {
padding-bottom:40px;
}
.menu-btn2 a {
font-size:14px;
}
.box1 {
  
    width: 89% !important;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.loop-con p {
    padding: 0px 24px;
}
.b3slide {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
            height: 542px;

}

    .slider-ban2 h1{
  
font-size: 44px;
  
line-height: 52px;
  
width: 100%;
  
text-align: center;
  
padding: 0px 57px;
}
.slider-ban2 p{
    width: 100%;
    text-align: center;
    padding: 0px 38px;
}
.btn1 {
    float: none;
    margin: auto;
    display: block;
}
.banner-points {

bottom: 69px;

z-index: 9999;
}
.divider {
   
/* bottom: 40px; */
}

.slide {

height: 531px;
}
.slide .item .slide-image {
    height: 531px;
}
.banner2 img {
 
float: none;
 
width: 100%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
    text-align: center;
}
.banner2 h1  {
    width: 100%;
    float: left;
    text-align: center;
    letter-spacing: -1px;
    font-size: 41px;
    line-height: 52px;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 50%;
}
.sp-b2 {
    width: 50% !important;
}
.banner2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.logo img {
    width: 123px;
    float: left;
    position: relative;
    z-index: 999;
    top: 0px;
    margin-left: 16px;
}
.logo{
    padding: 10px 0px;
    width: 25%;
}
.menu-btn2 {
   
margin-top: 34px;
   
/* position: absolute; */
   
margin-right: 48px;
   
float: right;
   
/* right: 67px; */
   
/* top: 34px; */
   
width: 163px;
   
padding: 14px 18px;
   
height: 42px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
}
.slider-ban2 {
 
top: 182px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 112px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 90%;
    background-position: 155px 102%;
    background-position-x: 263px;
}
.banner3 h1 {
    letter-spacing: -1px;
    float: left;
    font-size: 46px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: -1px;
    font-size: 46px;
}
.b4-box{
  text-align: center;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 30px;
    float: none;
    width: 210px;
}
.ftr-a{
    margin-right: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.a-bus1-1 img {
    
width: 85%;
    
height: auto;
    
float: none;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
}
.a-bus1-1 h1 {
    font-size: 39px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
    float: left;
    width: 100%;
}
.serv1-img {
    width: 70%;
    height: auto;
    margin-bottom: 15px;
    margin: 20px auto;
    display: block;
    float: none;
}
.serv1 h3 {
    font-size: 37px;
    line-height: 48px;
    float: left;
    width: 100%;
    text-align: center;
}


.count .item1 {
    width: 100%;
    text-align: center;
    padding-right: 15px;
}
.count .item p {
    text-align: center;
    width: 100%;
}
.b2-2:before{
    display: none;
}
.sp-b2:before{
    display: block;
}
.banner3 h6 {
    text-align: center;
    width: 100%;
}
.banner3 h1 {
    text-align: center;
    width: 100%;
}
.loop-what-we-do .owl-nav {

    display: none !important;
}
.img-cr {
margin-right: auto;
margin-left: auto;
}
.b4-box h2 {
    text-align: center;
}
.point h2 {
    text-align: center;
    width: 100%;
    float: left;
}
.point img {
    float: none;
    width: 21px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 12px;
}
.no-med{
    display: none;
}
.med-logo{
    display: none !important;
}
.footer {

    padding: 50px 0px 40px 0px;

    text-align: center;
}
.footer h3 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer p {
    margin-bottom: 30px;
}
.ftr-a-links {
   
    padding: 40px 0px 20px 0px;

}


.copy p{
    width: 100%;
    text-align: center;
}
.copy h3{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}


.a-bus1-1 p {
   
    margin-top: 24px;
    float: left;
    width: 100%;
    text-align: center;
}
.bus-2 h2 {
 float: left;
    width: 100%;
    text-align: center;
}
.bus-2 p {
 float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.serv1 p {
 float: left;
    width: 100%;
    text-align: center;
}
.service-details {
    float: left;
    width: 100%;
    padding: 60px 0px;

}
.m-buy {
    display: none;
}
.banner-points{
    display: none;
}

.banner5 h1 {
    font-size: 46px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.b5-box{
    padding: 30px 0px;}



.footer h1 {
    letter-spacing: -1px;
    float: left;
    width: 100%;
    color: #192A1B;
    line-height: 41px;
    font-size: 32px;

}

.ct-field {
    width: 100%;
}

}













@media(min-width:1200px) and (max-width:1290px)
{
.b3slide {
    width: 100%;
    float: left;
    /* padding-bottom: 80px; */
    padding-left: 57px;
}
}








@media(min-width:380px) and (max-width:479px)
{ 



    .sp-b2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
    .ct-box{
     display: block;
        padding: 35px 15px;
        height: 250px;
    }
    .ct-field {
    width: 100%;
}
.ct-box h5 {
    text-align: center;
}
.ct-box p {
    text-align: center;
}

    .ct-left-text h5 {
    text-align: center;
}
.ct-left-text p {
    text-align: center;
}
.ct-right h2 {
    text-align:center;
}
.ct-right button {

display: table;
margin-right: auto;
margin-left: auto;
float: none;
top: 15px;
}
.ct-full {
padding-bottom:40px;
}
.menu-btn2 a {
font-size:14px;
}
.box1 {
  
width: 100% !important;
  
float: none;
  
margin-left: auto;
  
margin-right: auto;
  
display: block;
}
.loop-con p {
    padding: 0px 24px;
}
.b3slide {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
            height: 542px;

}

    .slider-ban2 h1{
  
font-size: 32px;
  
line-height: 43px;
  
width: 100%;
  
text-align: center;
  
padding: 0px 39px;
  
letter-spacing: 0px;
}
.slider-ban2 p{
    width: 100%;
    text-align: center;
    padding: 0px 38px;
}
.btn1 {
    float: none;
    margin: auto;
    display: block;
}
.banner-points {

bottom: 69px;

z-index: 9999;
}
.divider {
   
/* bottom: 40px; */
}

.slide {

height: 530px;
}
.slide .item .slide-image {
    height: 530px;
}
.banner2 img {
 
float: none;
 
width: 100%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
    text-align: center;
}
.banner2 h1  {
    width: 100%;
    float: left;
    text-align: center;
    letter-spacing: 0px;
    font-size: 36px;
    line-height: 49px;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 50%;
}
.sp-b2 {
    width: 50% !important;
}
.banner2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.logo img {
    width: 123px;
    float: left;
    position: relative;
    z-index: 999;
    top: 0px;
    margin-left: 16px;
}
.logo{
    padding: 10px 0px;
    width: 25%;
}
.menu-btn2 {
   
margin-top: 34px;
   
/* position: absolute; */
   
margin-right: 48px;
   
float: right;
   
/* right: 67px; */
   
/* top: 34px; */
   
width: 159px;
   
padding: 14px 17px;
   
height: 42px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
}
.slider-ban2 {
 
top: 201px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 112px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 90%;
    background-position: 155px 102%;
    background-position-x: 263px;
}
.banner3 h1 {
    letter-spacing: 0px;
    float: left;
    font-size: 36px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: 0px;
    font-size: 36px;
}
.b4-box{
  text-align: center;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 30px;
    float: none;
    width: 171px;
}
.ftr-a{
    margin-right: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.a-bus1-1 img {
    
width: 85%;
    
height: auto;
    
float: none;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
}
.a-bus1-1 h1 {
    font-size: 33px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    float: left;
    width: 100%;
}
.serv1-img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    margin: 20px auto;
    display: block;
    float: none;
}
.serv1 h3 {
    font-size: 37px;
    line-height: 48px;
    float: left;
    width: 100%;
    text-align: center;
}


.count .item1 {
    width: 100%;
    text-align: center;
    padding-right: 14px;
}
.count .item p {
    text-align: center;
    width: 100%;
    font-size: 14px !important;!i;!;
}
.b2-2:before{
    display: none;
}
.sp-b2:before{
    display: block;
}
.banner3 h6 {
    text-align: center;
    width: 100%;
}
.banner3 h1 {
    text-align: center;
    width: 100%;
}
.loop-what-we-do .owl-nav {

    display: none !important;
}
.img-cr {
margin-right: auto;
margin-left: auto;
}
.b4-box h2 {
    text-align: center;
}
.point h2 {
    text-align: center;
    width: 100%;
    float: left;
}
.point img {
    float: none;
    width: 21px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 12px;
}
.no-med{
    display: none;
}
.med-logo{
    display: none !important;
}
.footer {

    padding: 50px 0px 40px 0px;

    text-align: center;
}
.footer h3 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer p {
    margin-bottom: 30px;
}
.ftr-a-links {
   
    padding: 40px 0px 20px 0px;

}


.copy p{
    width: 100%;
    text-align: center;
}
.copy h3{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}


.a-bus1-1 p {
   
    margin-top: 24px;
    float: left;
    width: 100%;
    text-align: center;
}
.bus-2 h2 {
 float: left;
    width: 100%;
    text-align: center;
}
.bus-2 p {
 float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.serv1 p {
 float: left;
    width: 100%;
    text-align: center;
}
.service-details {
    float: left;
    width: 100%;
    padding: 60px 0px;

}
.m-buy {
    display: none;
}
.banner-points{
    display: none;
}

.banner5 h1 {
    font-size: 36px;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.b5-box{
    padding: 30px 0px;}



.footer h1 {
    letter-spacing: -1px;
    float: left;
    width: 100%;
    color: #192A1B;
    line-height: 41px;
    font-size: 32px;

}



}





@media(min-width:1200px) and (max-width:1400px)
{
 .slider-ban2 h1 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    float: left;
    font-size: 70px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    /* padding-left: 30px; */
    line-height: 84px;
    width: 58%;
    letter-spacing: -3px;
}
.slider-ban2 {
    position: absolute !important;
    z-index: 99 !important;
    top: 196px;
}
}





@media (max-width:990px)
{
    .slider-ban2 {
        left: 0;
    }
}


@media(min-width:767px) and (max-width:990px)
{
    .slider-ban2 {
        left: 0;
    }
    .divider{
        display: none;
    }
}




@media(max-width:767px)
{
    #enroll .mod-right {
    display: none;
}
.close_form{
        filter: invert(4.5);

}
.banner2{
    background-image: unset;
}
}





@media(max-width:379px)
{


    .sp-b2:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100px;
}
 .ct-box{
     display: block;
        padding: 35px 15px;
        height: 250px;
    }
    .ct-field {
    width: 100%;
}
.ct-box h5 {
    text-align: center;
}
.ct-box p {
    text-align: center;
}

    .ct-left-text h5 {
    text-align: center;
}
.ct-left-text p {
    text-align: center;
}
.ct-right h2 {
    text-align:center;
}
.ct-right button {

display: table;
margin-right: auto;
margin-left: auto;
float: none;
top: 15px;
}
.ct-full {
padding-bottom:40px;
}
.menu-btn2 {
display: none;}
.box1 {
  
width: 100% !important;
  
float: none;
  
margin-left: auto;
  
margin-right: auto;
  
display: block;
}
.loop-con p {
    padding: 0px 24px;
}
.b3slide {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
            height: 542px;

}

    .slider-ban2 h1{
  
font-size: 31px;
  
line-height: 43px;
  
width: 100%;
  
text-align: center;
  
padding: 0px 15px;
  
letter-spacing: 0px;
}
.slider-ban2 p{
    width: 100%;
    text-align: center;
    padding: 0px 20px;
}
.btn1 {
    float: none;
    margin: auto;
    display: block;
}
.banner-points {

bottom: 69px;

z-index: 9999;
}
.divider {
   
/* bottom: 40px; */
}

.slide {

height: 526px;
}
.slide .item .slide-image {
    height: 526px;
}
.banner2 img {
 
float: none;
 
width: 100%;
 
height: auto;
 
object-fit: cover;
 
margin-left: auto;
 
margin-bottom: 30px;
 
margin-right: auto;
 
display: block;
}
.banner2 h6 {
    width: 100%;
    float: left;
    text-align: center;
}
.banner2 h1  {
    width: 100%;
    float: left;
    text-align: center;
    letter-spacing: 0px;
    font-size: 32px;
    line-height: 49px;
}
.b2-2 {
    margin-top: 22px;
    float: left;
    width: 50%;
}
.sp-b2 {
    width: 50% !important;
}
.banner2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.logo img {
    width: 115px;
    float: left;
    position: relative;
    z-index: 999;
    top: 4px;
    margin-left: 16px;
}
.logo{
    padding: 10px 0px;
    width: 25%;
}
.menu-btn2 {
   
margin-top: 34px;
   
/* position: absolute; */
   
margin-right: 48px;
   
float: right;
   
/* right: 67px; */
   
/* top: 34px; */
   
width: 155px;
   
padding: 14px 21px;
   
height: 42px;
}

    .modal-dialog {
        max-width: 900px !important;
      
    }
    .point h3 {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
}
.slider-ban2 {
 
top: 191px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 70px 0px 100px 0px;
    background-position-x: 62%;
    background-size: 90%;
    background-position: 155px 102%;
    background-position-x: 263px;
}
.banner3 h1 {
    letter-spacing: 0px;
    float: left;
    font-size: 30px;
}
.banner3 {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.banner4 h1 {
    letter-spacing: 0px;
    font-size: 30px;
}
.b4-box{
  text-align: center;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.banner5 {
    float: left;
    width: 100%;
    background-image: unset;
      padding: 100px 0px 70px 0px;
    background-color: #192a1b;
}


.footer img {
    margin-top: 0px;
    margin-bottom: 30px;
    float: none;
    width: 171px;
}
.ftr-a{
    margin-right: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.a-bus1-1 img {
    
width: 85%;
    
height: auto;
    
float: none;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
}
.a-bus1-1 h1 {
    font-size: 29px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    float: left;
    width: 100%;
    letter-spacing: 0px;
}
.serv1-img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    margin: 20px auto;
    display: block;
    float: none;
}
.serv1 h3 {
    font-size: 37px;
    line-height: 48px;
    float: left;
    width: 100%;
    text-align: center;
}


.count .item1 {
    width: 100%;
    text-align: center;
    padding-right: 15px;
}
.count .item p {
    text-align: center;
    width: 100%;
    font-size: 15px !IMPORTANT;
    line-height: 20px;
    
    
    
    
    
    
    !I;
    !I;
    
    !I;
    !;
}
.b2-2:before{
    display: none;
}
.sp-b2:before{
    display: block;
}
.banner3 h6 {
    text-align: center;
    width: 100%;
}
.banner3 h1 {
    text-align: center;
    width: 100%;
}
.loop-what-we-do .owl-nav {

    display: none !important;
}
.img-cr {
margin-right: auto;
margin-left: auto;
}
.b4-box h2 {
    text-align: center;
}
.point h2 {
    text-align: center;
    width: 100%;
    float: left;
}
.point img {
    float: none;
    width: 21px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 12px;
}
.no-med{
    display: none;
}
.med-logo{
    display: none !important;
}
.footer {

    padding: 50px 0px 40px 0px;

    text-align: center;
}
.footer h3 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer p {
    margin-bottom: 30px;
}
.ftr-a-links {
   
    padding: 40px 0px 20px 0px;

}


.copy p{
    width: 100%;
    text-align: center;
}
.copy h3{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}


.a-bus1-1 p {
   
    margin-top: 24px;
    float: left;
    width: 100%;
    text-align: center;
}
.bus-2 h2 {
 float: left;
    width: 100%;
    text-align: center;
}
.bus-2 p {
 float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.serv1 p {
 float: left;
    width: 100%;
    text-align: center;
}
.service-details {
    float: left;
    width: 100%;
    padding: 60px 0px;

}
.m-buy {
    display: none;
}
.banner-points{
    display: none;
}

.banner5 h1 {
    font-size: 29px;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.b5-box{
    padding: 30px 0px;}



.footer h1 {
    letter-spacing: 0px;
    float: left;
    width: 100%;
    color: #192A1B;
    line-height: 35px;
    font-size: 29px;
}
.loop-con {
    float: left;
    width: 100%;
    bottom: 200px;
}

.loop-con h2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: -1px;
}

}



@media(max-width:400px)
{
    .bus-2 {
    float: left;
    width: 100%;
    padding: 38px 15px;
}
.bus-2 h2{
    font-size: 33px;
    line-height: 46px;
}
.ab-ban1 h3 {
    font-size: 37px;
        line-height: 47px;

    padding: 176px 0px 70px 0px;
}
.service-slide {
    height: 715px;
    padding: 50px 15px 30px 15px;
}
.service-slide h1 {
    letter-spacing: 0px;
    font-size: 36px;
}
.career h1 {
    letter-spacing: 0px;

    font-size: 34px;
  
    line-height: 36px;
}
.career h6 {
   
    padding: 0px 0px;
}
}



@media(min-width:401px) and (max-width:575px)
{
    .service-slide {
    height: 715px;
    padding: 50px 15px 30px 15px;
}
.service-slide h1 {
    letter-spacing: 0px;
    font-size: 36px;
}
    .bus-2 {
    float: left;
    width: 100%;
    padding: 38px 15px;
}
.bus-2 h2{
    font-size: 33px;
    line-height: 46px;
}
.ab-ban1 h3 {
    font-size: 48px;
    line-height: 47px;
    padding: 211px 0px 94px 0px;
}
.career h1 {
    letter-spacing: 0px;

    font-size: 34px;
  
    line-height: 36px;
}
.career h6 {
   
    padding: 0px 0px;
}
}


@media(min-width:576px) and (max-width:767px)
{
    .ct-left-text h5 {
    text-align: center;
}
.ct-left-text p {
    text-align: center;
}
.ct-right h2 {
    text-align:center;
}
.ct-right button {

display: table;
margin-right: auto;
margin-left: auto;
float: none;
top: 15px;
}
.ct-full {
padding-bottom:40px;
}
    .career h1 {
    letter-spacing: 0px;

    font-size: 34px;
  
    line-height: 36px;
}
.career h6 {
   
    padding: 0px 0px;
}
    .bus-2 {
    float: left;
    width: 100%;
    padding: 38px 15px;
}
.bus-2 h2{
    font-size: 33px;
    line-height: 46px;
}
.ab-ban1 h3 {
    font-size: 48px;
    line-height: 47px;
    padding: 211px 0px 94px 0px;
}
}



@media(min-width:1200px) and (max-width:1402px)
{

}