@media only screen and (max-width:992px){
    #search {
    width: 80%;
    margin: 0 auto;
    padding: 1rem 0;
    border-radius: 2rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
    
    .form-section .left{
    height:40vh;
}
.form-section .left .content{
    bottom:6%;
}
.form-section .inner{
    width:100%;
    margin:0 auto;
    padding:4rem 0;
}

.breadcrumb .title{
    position:absolute;
    left:40%;
    top:24%;
}

.company span{
    color:#086491;
    font-family:sans-sarif;
    font-weight:700;
     font-size:4rem;
}


.breadcrumb h1{
    font-size:2.5rem;
    color:#fff;
}

.breadcrumb p{
    color:#fff;
    font-size: 1rem;
    text-align: center;
}

.cobreadcrumb .title{
    position:absolute;
    left:40%;
    top:24%;
}

.cobreadcrumb h1{
    font-size:2.5rem;
    color:#fff;
}

.cobreadcrumb p{
    color:#fff;
    font-size: 1rem;
    text-align: center;
}

.carousel-inner .image{
    margin-top:2rem;
}

.carousel-inner .image{
    width:100%;
    height:55vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:4rem;
   position:relative;
}
 
.form-section .inner .right{
    margin-left:0%;
}

.choose img{
    /*width:10%;*/
}
.choose img {
     top: 0; 
}

.choose .top{
    margin-top:0rem;
    margin-bottom:0rem;
}

.choose .top .img-content{
    margin-top:2rem;
}

.choose .middle .img-content{
    margin-bottom: 2rem;
}

.choose .middle{
    margin-bottom:1.5rem;
}

.choose .bottom .img-content{
    margin-bottom:2rem;
}

.choose .top{
    margin-top:0rem;
    margin-bottom:3rem;
}
.choose{
    width:100%;
    padding:2rem 0;
}

.choose .right{
    margin-left:0rem;
}

.profit .inner .content{
  margin-top:2rem;
}


.profit .inner .inner-content .content{
     border:1px solid #392a57;
     padding:2rem 1.5rem;
     height:40vh;
     border-radius: 0.5rem;
     color:#fff;
}

.changes{
    margin-top:0rem;
}

/* Switch-part starts here */
 
.switch{
    width:100%;
    background: #086491;
    color:#fff;
    padding:4rem 0;
}

.switch .left{
    width:98%;
    margin: 0 auto;
}

.switch .right{
    width:98%;
    margin: 0 auto;
}

.switch .right .content{
    width:98%;
    margin:0 auto;
    text-align: left;
    border-left: 5px solid #fff;
    position: relative;
    padding:1.5rem 2.5rem;
    padding-right:0;
    left:0;
}

.switch .left .content{
    width:98%;
    margin:0 auto;
    text-align: left;
    border:none;
    border-left: 5px solid #fff;
    padding-left: 3rem;
    position: relative;
    left:0;
    padding:1.5rem 2.5rem;
    padding-right:0;
}

.switch .right img{
    width:20%;
    margin-bottom:1rem;
}
 
.switch  p{
    font-size: 15px;
}

.switch h4{
    font-size:1.5rem;
}

.switch .title h3{
    font-size: 2rem;
    margin-left:0.8rem;
}
.switch .title p{
    margin-left:0.8rem;
}
 
 .switch .left .content::after{
     display:none;
 }

.switch .left .content::before{
    content: "";
    position:absolute;
    left:-1.1rem;
    top:2.5rem;
    width:2rem;
    height:2rem;
    background: linear-gradient(135deg, #086491, #c7c7c7);
    border-radius: 100%;
    z-index: 1;
}

.switch .right .content::before{
    content: "";
    position:absolute;
    left:-1.1rem;
    top:2.5rem;
    width:2rem;
    height:2rem;
   background: linear-gradient(135deg, #086491, #c7c7c7);
    border-radius: 100%;
    z-index: 1;
}



/* contact responsive */

.contact .inner .left {
    width:100%;
}

.contact .align{
    display:block;
}

#email{
    width:100%;
    display:inline;
}

#name{
    width:100%;
    display:inline;
    margin-left:0%;
}

.name{
    margin-left:0rem;
}

.contact .inner .left label{
    margin-top:3rem;
    margin-bottom:0.5rem;
}

.contact .inner .left button{
    margin-top:3rem;
}

.contact{
    background-position: top top;
}

.contact .inner .right {
    margin-top:3rem;
}

/* about responsive */

.mission{
    width:100%;
    /*padding:0;*/
}


.mission .right img{
    margin-left:18%;
    margin-bottom:2rem;
    margin-top:1rem;
}

.mission .inner{
    width:90%;
    margin:0 auto;
}

.vital .title{
    width:100%;
    margin:0 auto;
}

.vital .title h3{
    font-size: 1.5rem;
}

.expert h3{
    font-size: 1.5rem;
}

.expert p{
   margin-bottom:1.5rem;
}

.meeting .title{
    width:90%;
    margin:0 auto;
}

.meeting .title h3{
    font-size: 1.5rem;
}
 
.meeting .inner p{
    margin-bottom:2rem;
}

.scheme .card{
    border:1px solid #fff;
    padding:1rem;
    background: linear-gradient(135deg,#5abe98,#392a57);
    margin-top:2rem;
}
.video .inner .left iframe{
    width:100%;
}

.profit .inner .content-title {
    width:100%;
    margin-right:2rem;
}
}

@media only screen and (max-width:768px){
    .choose .top .img-content{
        display:block;
    margin-top:2rem;
}

.choose .middle .img-content{
    margin-bottom: 2rem;
     display:block;
     text-align:center;
}
.choose .bottom .img-content{
    margin-bottom: 2.5rem;
     display:block;
     text-align:center;
     margin-top:2rem;
}
.choose .img-content .content{
    position:relative;
    top:0.5rem;
    left:0rem;
}
.choose .top{
    margin-top:0rem;
    margin-bottom:0rem;
    text-align:center;
}

}


@media only screen and (max-width:576px){
    
    
      .choose .top .img-content{
        display:block;
        margin-top:2rem;
        height:200px;
}
    
    .carousel{
    width:100%;
    margin:0 auto;
    position: relative;
    padding-top:5rem;
}
    .company{
    text-align:center; 
    font-size:1rem; 
    /*margin-top:1.5rem;*/
    margin-bottom:0.5rem;
    
    font-weight:800;
}
.company span{
     font-size:1.5rem;
}
    .breadcrumb{
      width:100%;
      background-position: center top;
      padding-top:9rem;
}

.at-bg{
    height:0vh;
}

.hidecarousel{
    display:block;
}

#faq h4{
    font-size:1.2rem;
    margin-bottom:1rem;
    margin-top:2rem;
    text-align:left;
}
    
    .mytable h4{
    font-size:1.4rem;
    margin-bottom:0rem;
     margin-top:0rem;
}
    
.mytable .table{
    width:99%;
    margin:0 auto;
   font-size:0.8rem;
   margin-bottom:2rem;
}

.accordion{
    width:98%;
    margin:0 auto;
}
    
.breadcrumb .title{
    position:absolute;
    left:40%;
    top:24%;
}

.cobreadcrumb .title{
    position:absolute;
    left:32%;
    top:27%;
}

.carousel-inner .image{
    width:100%;
    height:55vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:2rem;
}
 
.carousel-content{
    width:100%;
}

.carousel-content h1{
    font-size: 2.5rem;
    line-height:2.5rem;
}

.carousel-content h2{
    font-size: 2rem;
    line-height:2.5rem;
}
.carousel .content{
    width:90%;
    position:absolute;
    top:35%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}

.carousel-content p{
    font-size: 1rem;
}

.form-section{
    padding-top:5rem;
}
.form-section .left{
    height:20vh;
}

.form-section .left .content h2{
    font-size: 2rem;
}

.form-section .left .content p{
    text-align:center;
}

.profit .inner .content-title {
    width:100%;
    margin-right:2rem;
}
 
.city{display: block;}
.city1{width:100%;}
.city2{width:100%;}

.faq .control button{
    font-size: 0.95rem;
    font-weight: 600;
}

.faq .content{
    width:90%;
    margin:0 auto;
       margin-left:2rem;
}

.faq-question {
    font-size: 1rem;
    font-weight: 500;
}

.faq .control{
    width:80%;
    margin:0 auto;
    border-bottom:1px solid #392a57;
    margin-left:2rem;
}

.faq img{
    width:80%;
    margin-top:2rem;
}

.choose{
    width:100%;
    padding-top:0rem;
    padding-bottom:0rem;
    margin-top:3rem;
}

.choose .top{
    width:99%;
    margin:0 auto;
    margin-top:0rem;
    margin-bottom:3rem;
}

.choose .bottom{
    width:99%;
    margin:0 auto;
}

.choose .title{
    width:98%;
    margin:0 auto;
}

.choose .content h5{
    font-size: 1.2rem;
    font-weight: 600;
}

.choose h3{
    font-size: 1.8rem;
}

.myth .title h3{
     font-size:1.5rem;
    font-weight:700;
    margin-bottom:1rem;
}

 

.video .inner .left iframe{
    width:100%;
}

.video .inner{
    width:82%;
    margin:0 auto;
    padding:0;
}

.video .left{
    margin-top:3rem;
}

.video h3{
    font-size:1.5rem;
    margin-bottom:1.5rem;
}

.video .right img{
    width:100%;
    margin-top:2rem;
    margin-bottom:2rem;
}

.img-txt .inner h3{
    font-size: 1.5rem;
}

.img-txt .item .content{
    position:relative;
    top:0.3rem;
    left:1rem;
}
 
/*about us starts here */

.vital img{
    margin-left:0.5rem;
}

.profit .title h3{
    font-size: 2rem;
    margin-bottom:1.5rem;
}

}

@media only screen and (max-width:565px){
    
    .back-btn{
        opacity:0;
  }

.next-btn{
   opacity:0;
  }

    
.profit .content-title .image{
    left:38%;
}

.img-txt2 .inner h3{
    font-size: 1.8rem;
    font-weight: 700;
}
.testimonial2 h3{
    width:90%;
    margin:0 auto;
    font-size: 1.5rem;
    margin-bottom:2rem;
    font-weight: 700;
}

}


@media (max-width:523px){
     .choose .top .img-content{
        display:block;
        margin-top:2rem;
        height:250px;
}
     .choose .bottom .img-content{
        display:block;
        margin-top:2rem;
        height:250px;
}
}


@media (max-width:460px){
     .choose .top .img-content{
        display:block;
        margin-top:2rem;
        height:290px;
}

     .choose .bottom .img-content{
        display:block;
        margin-top:2rem;
        height:270px;
}
}


@media only screen and (max-width:462px){
    
    .faq .control button{
    border:none;
    padding:0.5rem;
    width:100%;
    font-size: 0.8rem;
    font-weight: 700;
    
}
    .mytable .inner{
    width:95%;
    margin:0 auto;
    padding-top:2rem ;
}

.form-section .inner .right input{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    border:1px solid #392a57;
    border-radius:0.5rem;
    padding:0.5rem;
 }
 
    
.accordion{
    width:98%;
    margin:0 auto;
}
   
.breadcrumb .title{
    position:absolute;
    left:32%;
    top:24%;
}
  
.cobreadcrumb .title{
    position:absolute;
    left:26%;
    top:27%;
}
    
.testimonial h3{
    font-size: 1.5rem;
}

.form-section .left .content h2{
    font-size: 1.8rem;
    text-align:center;
}

.choose h3{
    font-size: 1.5rem;
}

.choose img{
    /*width:20%;*/
    margin-top:20px;
    /*margin-right:1.5rem;*/
}

.choose .content h5{
    font-size: 1rem;
    font-weight: 600;
}

 
.video .inner{
    width:100%;
    margin:0 auto;
    padding:0;
}

.profit .inner .content-title {
    width:100%;
    margin-right:2rem;
}

.profit .content-title .image{
    left:38%;
}

.profit .inner .system{
   padding:4rem 0;
   margin-left:0rem;
}
.profit .inner .inner-content{
    padding-left:1.5rem;
}
.profit .inner .content{
  margin-top:2rem;
}

.profit .title h3{
    font-size: 1.5rem;
    margin-bottom:0rem;
}
 

}


@media only screen and (max-width:435px){
    
.cobreadcrumb .title{
    position:absolute;
    left:24%;
    top:27%;
}

}

@media only screen and (max-width:420px){
    
.profit .content-title .image{
    width:60px;
    height:60px;
    border-radius: 50%;
    background-color: #392a57;
    justify-content: center;
    position:relative;
    left:36%;
}

.profit .inner .inner-content .content{
    height:40vh;
}
 


}

@media only screen and (max-width:410px){
    
.cobreadcrumb .title{
    position:absolute;
    left:20%;
    top:27%;
}

.faq .control{
    width:100%;
    margin:0 auto;
    border-bottom:1px solid #392a57;
    margin-left:0.6rem;
}
}


@media only screen and (max-width:392px){
    
  
.faq .control{
    width:100%;
    margin:0 auto;
    border-bottom:1px solid #392a57;
    margin-left:0.4rem;
}
}