@media (max-width: 1199px) {
    .main-nav__logo-box {
        padding: 20px 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .down-triangle:after {
        display: block !important;
    }

}



@media (max-width:991px) {
    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .down-triangle {
        display: block;
    }

  

    .side-menu__toggler {
        text-align: right;
    }

    i.fa.fa-bars {
        display: none;
    }


    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: relative;
        width: 100%;

    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }

   

    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }

}


@media only screen and (max-width: 767px) and (min-width: 578px) {
    .about {
    padding: 25px 0px;
    position: relative;
    overflow: hidden;
}
    .aboutpage_shadowimage {
    position: relative;
    margin-top: 0;
}
    .details_box {width: 100%;
        max-width: 100%;
    }
    .redmore {width: 100%;
    max-width: 100%;}
    .patner {
        padding-top: 120px;
        text-align: center;
    }
    .forapoinment {

        top: 2px;
        
    }
    .forapoinment a { font-size: 13px;
        
    }
    .backgroundtext h2{ display: none   ;}

    .ftrmenu li a {

        font-family: "Kaisei Decol", serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-nav__main-navigation {
        display: block;
        justify-content: space-evenly;
        align-items: center;
    }

    .menu::before {
        display: none !important;
    }

    i.fa.fa-bars {
        display: block;
    }

    a.side-menu__toggler {
        display: block;
    }

    .main-nav__main-navigation {
        display: none;
    }

    .logo {
        width: 100%;
        max-width: 75px;
        height: auto;
        margin: 0px 20px;
    }

    .side-menu__toggler {
        text-align: right;
    }

    .side-menu__toggler .fa {
        width: 30px;
        font-size: 20px;
        top: 26%;
        position: relative;
        color: #1d226e;
    }

    .main-nav__main-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        background: #fff;
        z-index: 2;
        width: 100%;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }

    .logo a img {
        width: 100%;
        max-width: 74px;
        height: auto;
        margin: 0;
        margin-left: 10px;
    }

    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }
    a.side-menu__toggler {
        display: block !important;
        position: absolute;
        right: 20px;
    }

}


@media only screen and (max-width: 1199px) and (min-width: 768px) {
    
    .call a {font-size: 14px;}
    
    .details_box,.redmore{width: 100%;
    max-width: 100%;}

     a.side-menu__toggler {
        display: block !important;
        position: absolute;
        right: 20px;
    }
    .forapoinment a {
        font-size: 11px;
        padding: 8px;
        display: block;
    }
    .forapoinment {
        position: relative;
        top: 0px;
        right: 38px;
    }

    .aboutpage_shadowimage img {
       width: 100%;
        max-width: 100%;
        height: auto;
    }
    .bkgd_image {
        text-align: center;
        padding: 45px 0px;
    }
    .team_member::before { 
        max-width: 100%;
      }
    .upar_image {
        left: 71%;
    }
    .faq-point-box h4.faq-point-box-title { font-size: 20px;}
    h1 {
        font-size: 28px;}
    .ftrmenu li a {
        
        font-family: "Kaisei Decol", serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
.banner .owl-dots {

        top: 38%;
    }

    img.custm_overlay {
        height: 100%;
    }

   
    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);

        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .down-triangle {
        display: block;
    }

    .main-nav__main-navigation {
        display: block;
        justify-content: space-evenly;
        align-items: center;
    }

    .menu::before {
        display: none !important;
    }

    i.fa.fa-bars {
        display: block;
    }

    a.side-menu__toggler {
        display: block;
    }

    .main-nav__main-navigation {
        display: none;
    }

    .logo {
        width: 100%;
        max-width: 75px;
        height: auto;
        margin: 0px 20px;
    }

    .side-menu__toggler {
        text-align: right;
    }

    .side-menu__toggler .fa {
        width: 30px;
        font-size: 20px;
        top: 26%;
        position: relative;
        color: #1d226e;
    }
    .backgroundtext{
        display: none !important;
    }

    .aboutimagebox img {
    
        margin: 20px 10px;
    }
    .main-nav__main-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        background: #fff;
        z-index: 3;
        width: 100%;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }

    .logo a img {
        width: 100%;
        max-width: 74px;
        height: auto;
        margin: 0;
        margin-left: 10px;
    }

    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }

}
@media (max-width:700px) {  
    .faq-point-box h4.faq-point-box-title.active {
    font-size: 15px;
}
    .about {
    padding: 0px 0px;}
    .cstm_breadcrmb li a{font-size: 14px;
}
    .call {
    margin-left: 0;
    display: block;
}
    .whatsap {bottom: 22px;
    }
    a.side-menu__toggler {
        display: block !important;
        position: absolute;
        right: 20px;
    }
    .forapoinment {
        position: relative;
        top: 0px;
        right: 38px;
    }
    .forapoinment a {
        font-size: 11px;
        padding: 8px;
        display: block;
    }
  
    .whatsap{ right: 0;}
    .whatsap i.fa-brands.fa-square-whatsapp {
        /* width: 50px; */
        font-size: 36px;
    }
    .aboutpage_shadowimage img {
        max-width: 100%;}
    .bkgd_image h2 {
        font-size: 30px;}
    .bkgd_image {
        text-align: center;
        padding: 22px 0px;
    }
    .upar_image{ display: none;}
    
    
   
    .success_details {
        text-align: left;
        top: 0%; 
        position: relative;
    }
    .sliderrw {
        padding-top: 50px;
    }
    .forabtpage{
        padding-bottom: 50px;
    }
    .success{
        padding: 50px;
    }
    .ceo {
        position: relative;
        margin-top: -82px;
    }
    .team_member {
        position: relative;
        margin: 20px;
    }
    .faq h3 {
        font-size: 25px;}
    .faqbox {
        text-align: center;
        padding: 15px 0px;
    }
    .faq_icon {
        position: relative;
        top: 0;
    }
    .faq-point-box h4.faq-point-box-title { font-size: 20px;}
    .partners_logo img {
        width: 100%;
        max-width: 100%;
       
    }
    .services_box {
        padding: 35px 0px 0px 0px;
    }

    .common_details h2 {
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        font-style: normal;}
    .inerbox_testimonial h2 {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 20px;}
    .services {
        padding: 50px 0px 30px 0px;
        text-align: center;
        background-color: #ECECEC;
        position: relative;
    }
    .testimonial {
        position: relative;
        padding: 25px 0px;}
        .teamdetaldetals {
            padding: 40px 0px;
        }
    .team_details {
        padding: 20px 0px;
    }
    .download_btn {
        margin: 20px auto;
    }
    .registrtn {
        padding: 50px 0px 50px 0px;
        background: linear-gradient(180deg, #FFF 0%, #ECECEC 112.5%);
    }
    .ftrmenu {
        margin-bottom: 10px;
    }
    .ftrineer {
        background: #C9C9C9;
        padding: 50px 0px;
        text-align: left;
    }
    .ftrmenu ul {
        display: block;}
    .redmore {
        background-color: black;
        padding: 15px;
        border-radius: 0px 0px 10px 10px;
        margin-bottom: 20px;
    }
    .patner {
        padding: 15px;
    }
    .about_details {
        margin-top: 0;
        padding: 30px 0px;
    }
    .partners_logo {
     
        padding: 30px 0px;
    }
    .aboutimagebox {
        text-align: center;
    }
    .aboutimage {
        display: flex;
      justify-content: center; 
      margin: 30px 0px;
    }
    .about .backgroundtext {
        display: none;
    }

    .backgroundtext h2 {
        display: none;
    }

    .bnr_slider {
        position: relative;
        height: auto;
    }

    .bnr_heading {
        padding: 15px 0px;
    }

    .bnr_heading span {

        font-size: 14px;

    }

    h1 {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 135.023%;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bnr_slider img {
        display: none;
    }

    .bnr_headingoutbox {
        background: linear-gradient(180deg, #8D3414 0%, #73210C 100%);
        padding: 19px;
        width: 100%;
        height: auto;
    }

    .menu::before {
        display: none !important;
    }

    .side-menu__toggler i.fa.fa-bars {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block !important;
    }


    a.side-menu__toggler {
        display: block !important;
    }

    .down-triangle:after {
        display: block;
    }

    .side-menu__toggler {
        text-align: right;
    }

    .side-menu__toggler .fa {
        width: 30px;
        font-size: 20px;
        top: 26%;
        position: relative;
        color: #1d226e;
    }

    .main-nav__main-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 54px;
        background: #fff;
        z-index: 2;
        width: 100%;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;

    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }

   

    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }

}


@media (max-width:575px) {
    
    a.side-menu__toggler {
        display: block !important;
        position: absolute;
        right: 20px;
    }
    .forapoinment a {
        font-size: 10px;
        padding: 5px;
        display: block;
    }
    .ftrmenu li a {
    
    font-size: 15px;}
    
    .call a {
    font-size: 15px;}
   
    .forapoinment {
        position: relative;
        top: 0px;
        right: 38px;
    }

    .whatsap i.fa-brands.fa-square-whatsapp {
        /* width: 50px; */
        font-size: 36px;
    }
    .aboutpage_shadowimage img {
        max-width: 100%;}
    .bkgd_image h2 {
        font-size: 30px;}
    .bkgd_image {
        text-align: center;
        padding: 22px 0px;
    }
    .upar_image{ display: none;}
   
    .success_details {
        text-align: left;
       top: 0%; 
        position: relative;
    }
    .sliderrw {
        padding-top: 50px;
    }
    .forabtpage{
        padding-bottom: 50px;
    }
    .success{
        padding: 50px;
    }
    .ceo {
        position: relative;
        margin-top: -82px;
    }
    .team_member {
        position: relative;
        margin: 20px;
    }   
    .faq h3 {
        font-size: 25px;}
    .faqbox {
        text-align: center;
        padding: 15px 0px;
    }
    .faq_icon {
        position: relative;
        top: 0;
    }
    .faq-point-box h4.faq-point-box-title { font-size: 15px;}
    .bnr_heading h3,.common_details h3  {
    
       font-size: 16px;
    }
    .services_box {
        padding: 35px 0px 0px 0px;
    }
    .patner h2 {
        font-size: 25px;}
    .common_details h2 { font-size: 25px;
}
    .inerbox_testimonial h2 { font-size: 25px;}

    .services {
        padding: 50px 0px 30px 0px;
        text-align: center;
    }
    .testimonial {
        position: relative;
        padding: 25px 0px;}

  
    .team_details {
        padding: 20px 0px;
    }
    .download_btn {
        margin: 20px auto;
    }

    .registrtn {
        padding: 50px 0px 50px 0px;
        background: linear-gradient(180deg, #FFF 0%, #ECECEC 112.5%);
    }
    .ftrmenu {
        margin-bottom: 10px;
    }
    .ftrineer {
        background: #C9C9C9;
        padding: 50px 0px;
        text-align: left;
    }
    .ftrmenu ul {
        display: block;}
    .redmore {
        background-color: black;
        padding: 15px;
        border-radius: 0px 0px 10px 10px;
        margin-bottom: 20px;
    }
    .patner {
        /* padding-top: 120px; */
        padding: 15px;
    }
   
    .aboutimagebox {
        text-align: center;
    }
    .aboutimage {
        display: flex;
      justify-content: center; 
      margin: 30px 0px;
    }
    .about .backgroundtext {
        display: none;
    }

    .backgroundtext h2 {
        display: none;
    }

    .bnr_slider {
        position: relative;
        height: auto;
    }

   
    .bnr_heading span {

        font-size: 14px;

    }

    h1 {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 135.023%;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bnr_slider img {
        display: none;
    }

    .bnr_headingoutbox {
        background: linear-gradient(180deg, #8D3414 0%, #73210C 100%);
        padding: 19px;
        width: 100%;
        height: auto;
    }

    .menu::before {
        display: none !important;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block !important;
    }


    a.side-menu__toggler {
        display: block !important;
    }

    .down-triangle:after {
        display: block;
    }

    .side-menu__toggler {
        text-align: right;
    }

    .side-menu__toggler .fa {
        width: 30px;
        font-size: 20px;
        top: 26%;
        position: relative;
        color: #1d226e;
    }

    .main-nav__main-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 54px;
        background: #fff;
        z-index: 2;
        width: 100%;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;

    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }

 
    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }

}



@media (max-width:360px) {
  
   .team_member::before {
  
    width: 100%;}


    .menu::before {
        display: none !important;
    }

    a.side-menu__toggler {
        display: block;
    }

   

   
    .side-menu__toggler {
        text-align: right;
    }

    .side-menu__toggler .fa {
        width: 30px;
        font-size: 20px;
        top: 26%;
        position: relative;
        color: #1d226e;
    }

    .main-nav__main-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 47px;
        background: #fff;
        z-index: 3;
        width: 100%;
    }

    .main-nav__main-navigation .main-nav__navigation-box {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li+li {
        margin-left: 0;
        padding: 5px 0;
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: unset;
        opacity: unset;
        position: relative;
        width: 100%;

    }

    .main-nav__main-navigation .main-nav__navigation-box>li a {
        padding: 5px 10px;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
        left: 0;
        position: relative;
        width: 100%;
        display: none;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul.js-toggled {
        display: block;
    }

    .main-nav__main-navigation .main-nav__navigation-box>li {
        padding: 0;
    }

    .down-triangle {
        display: block;
    }


    .appoinment {
        /* margin: 5px auto; */
        float: right;
        margin: 0px 0px 20px 0px;
    }

}