/*----------------------------------------------------------------

    Version: 1.0.1

    Author: CMIPL

    Author URI: https://charumindworks.com/

    Theme URI: https://charumindworks.com/

    Description: 

    License URI: http://www.gnu.org/licenses/gpl-2.0.html

    Tags: one-column, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, threaded-comments, translation-ready, blog, holiday, photography



    -----------------------------------------------------------------------------------*/
    @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    html{
      scroll-behavior: smooth;
      scroll-padding-top: 40px;
    }


    body {

      margin: 0;

      padding: 0;

      font-family: "Poppins", sans-serif !important;

      font-size: 15px;

      font-weight: 600 !important;

      line-height: 1.5em;

      overflow-x: hidden !important;

      border-top: none !important;
      /*  color: #ABA8A8 !important;*/


    }

    body.model-open {

      padding: 0 !important;

    }


    .checked {

      color: orange;

    }


    .hide-in-mob {

      display: block !important;

    }

    .view-in-mob {

      display: none !important;

    }

    /*FONT Families*/

    .libre{
      font-family: "Libre Baskerville", serif;
    }
    input::-ms-clear {

      display: none;

    }


    select::-ms-expand {

      display: none;

    }


    input[type=number]::-webkit-inner-spin-button,

    input[type=number]::-webkit-outer-spin-button {

      -webkit-appearance: none !important;

      -moz-appearance: none !important;

      appearance: none !important;

    }


    input[type=number] {

      -moz-appearance: textfield !important;

    }


    select {

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;

      outline: none;

      background: url(../img/down-arrow-3.png) no-repeat center right 8px/14px !important;

      border: none;

      padding-right: 15px;

    }


    input[type=number]::-webkit-inner-spin-button,

    input[type=number]::-webkit-outer-spin-button {

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;

    }


    a,

    a:hover {

      text-decoration: none;

      outline: none;

      color: #202020;
      transition: 0.3s all linear;

    }

    a:hover {
      color: #7844e7;
    }


    img {

      max-width: 100%;

    }


    .h4,

    .h5,

    .h6,

    h4,

    h5,

    h6 {

      margin: 0;

      padding: 0;

    }


    .pd5 {

      padding: 5px;

    }

    .pd10 {

      padding: 10px;

    }

    .pd15 {

      padding: 15px;

    }

    .pd20 {

      padding: 20px;

    }

    .pt5 {

      padding-top: 5px;

    }

    .pt10 {

      padding-top: 10px;

    }

    .pt15 {

      padding-top: 15px;

    }

    .pt20 {

      padding-top: 20px;

    }

    .pt30 {

      padding-top: 30px;

    }


    .pt40 {

      padding-top: 40px;

    }


    .pt50 {

      padding-top: 50px;

    }

    .pt80 {

      padding-top: 80px;

    }

    .pt100 {

      padding-top: 100px;

    }

    .pt120 {

      padding-top: 120px;

    }


    .pb5 {

      padding-bottom: 5px;

    }

    .pb10 {

      padding-bottom: 10px;

    }

    .pb15 {

      padding-bottom: 15px;

    }

    .pb20 {

      padding-bottom: 20px;

    }

    .pb30 {

      padding-bottom: 30px;

    }


    .pb40 {

      padding-bottom: 40px;

    }


    .pb50 {

      padding-bottom: 50px;

    }

    .pb80 {

      padding-bottom: 80px;

    }


    .pl5 {

      padding-left: 5px;

    }

    .pl10 {

      padding-left: 10px;

    }

    .pl15 {

      padding-left: 15px;

    }

    .pl20 {

      padding-left: 20px;

    }

    .pr0 {

      padding-right: 0px;

    }

    .pr5 {

      padding-right: 5px;

    }

    .pr10 {

      padding-right: 10px;

    }

    .pr15 {

      padding-right: 15px;

    }

    .pr20 {

      padding-right: 20px;

    }


    /*----------Margin Styles----------*/

    .mt0 {

      margin-top: 0px;

    }

    .mt5 {

      margin-top: 5px;

    }

    .mt10 {

      margin-top: 10px;

    }

    .mt15 {

      margin-top: 15px;

    }

    .mt20 {

      margin-top: 20px;

    }


    .mt25 {

      margin-top: 25px;

    }

    .mt30 {

      margin-top: 30px;

    }

    .mt50 {

      margin-top: 50px;

    }

    .mt60 {

      margin-top: 60px;

    }


    .mb5 {

      margin-bottom: 5px;

    }

    .mb10 {

      margin-bottom: 10px;

    }

    .mb15 {

      margin-bottom: 15px;

    }

    .mb20 {

      margin-bottom: 20px;

    }


    .mb25 {

      margin-bottom: 25px;

    }

    .mb30 {

      margin-bottom: 30px;

    }


    .mb40 {

      margin-bottom: 40px;

    }

    .mr5 {

      margin: 5px;

    }

    .mr10 {

      margin: 10px;

    }

    .mr15 {

      margin: 15px;

    }

    .mr20 {

      margin: 20px;

    }


    .mr25 {

      margin: 25px;

    }


    .wrapper {

      display: inline-block;

      width: 100%;

      clear: both;

      vertical-align: top;

    }


    /*----------Text Transform ----------*/


    .txt-upr {

      text-transform: uppercase;

    }


    .txt-center {

      text-align: center;

    }


    .txt-left {

      text-align: left;

    }


    .txt-right {

      text-align: right;

    }


    /*----------WORD WRAPPING ----------*/

    button {

      outline: none !important;

    }

    .wordWrap {

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      display: block;

    }


    .mob {

      display: none;

    }


    /*-----------BACKGROUND COLOR--------------*/


    .bg-yellow {

      background-color: #ffcc29;

    }

    .bg-darkgreen {

      background-color: #288032;

    }

    .bg-blackgreen {

      background-color: #041e00;

    }

    .bg-whitegrey {

      background: #F9FBFF;

    }

    .bg-grey {

      background: #EFECEC;

    }


    .bg-white {

      background-color: #fff;

    }

    .bg-blue {

      background-color: #03103D;

    }

    .bg-black {

      background-color: #03080c;

    }

    .bg-Lightgray {

      background: #f3f3f3;

    }


    /* fonts-weight */

    .thin {

      font-weight: 300;

    }


    .light {

      font-weight: 300;

    }

    .reguler {

      font-weight: 400;

    }

    .medium {

      font-weight: 500;

    }


    .semiBold {

      font-weight: 600;

    }

    .bold {

      font-weight: 700;

    }

    .extrabold {

      font-weight: 800;

    }

    .bolder {

      font-weight: 900;

    }


    /* font-size */

    .font9 {

      font-size: 9px;

    }

    .font12 {

      font-size: 12px;

    }

    .font13 {

      font-size: 13px;

    }

    .font14 {

      font-size: 14px;

    }

    .font15 {

      font-size: 15px;

    }

    .font16 {

      font-size: 16px;

    }

    .font17 {

      font-size: 17px;

    }

    .font18 {

      font-size: 18px;

    }

    .font19 {

      font-size: 19px;

    }

    .font20 {

      font-size: 20px;

    }

    .font22 {

      font-size: 22px;

    }

    .font23 {

      font-size: 23px;

    }

    .font24 {

      font-size: 24px;

    }

    .font25 {

      font-size: 25px;

    }

    .font26 {

      font-size: 26px;

    }

    .font27 {

      font-size: 27px;

    }

    .font30 {

      font-size: 30px;

    }

    .font35 {

      font-size: 35px;

    }

    .font38 {

      font-size: 38px;

    }

    .font40 {

      font-size: 40px;

    }


    .font45 {

      font-size: 45px;

    }

    .font50 {

      font-size: 50px;

    }

    .font60 {

      font-size: 60px;

    }

    .font75 {

      font-size: 75px;

    }


    /*----Text Color styles------ */


    .clr-white {

      color: #fff;

    }

    .clr-darkred{
      color:#db0c24;
    }

    .clr-green,
    .confirmed {

      color: #27d49f !important;

    }

    .clr-black {

      color: #000;

    }


    .clr-whitegrey {

      color: #dfdfe0;

    }

    .clr-grey {

      color: #888888;

    }


    .clr-golden {

      color:#c19d68;

    }


    .clr-red {

      color: #EF3651;

    }

    .clr-blue{
      color: #03396c;
    }


    .input-focus {

      color: #342c29;

    }


    /* Button Style */


    /* section-title */


    .section-title {

      font-size: 35px;

      font-weight: bold;

      color: #000;

      text-align: center;

      position: relative;

      margin-bottom: 30px;

      line-height: 1.2em;
      font-family: 'Domine', serif;
    }


    .section-title:after {

      content: '';

      position: absolute;

      width: 207px;

      height: 2px;

      background: #17A2B8;

      bottom: -20px;

      left: 50%;

      transform: translateX(-50%);

    }


    /* placeholder color change */


    ::-webkit-input-placeholder {

      /* Chrome/Opera/Safari */

      color: #bbb9b9;

    }


    ::-moz-placeholder {

      /* Firefox 19+ */

      color: #bbb9b9;

    }


    :-ms-input-placeholder {

      /* IE 10+ */

      color: #bbb9b9;

    }


    :-moz-placeholder {

      /* Firefox 18- */

      color: #bbb9b9;

    }


    input[type=text] {

      outline: none;

    }

    /*------------------------Button Styles Starts---------------*/

    .theme-btn {
      text-align: center;
      color: #fff!important;
      text-decoration: none;
      transition: 0.3s all ease;
      overflow: hidden;
      border:none;
      padding:12px 25px;
      font-weight: 500;
      font-size: 18px;
      background: #03396c;
      position: relative;
      z-index: 1;
      display: inline-block;
      border-radius: 20px 0px 20px 0px;


    }
    .btn-radius {

      border-radius: 5px;

    }

    .theme-btn:hover{
      color: #fff !important;
    }

    .theme-btn:before, .theme-btn:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background: #6497b1;
      z-index: -1;
      transition: 0.3s all ease;
    }

    .theme-btn:after {
      left:auto;
      right:0;
    }

    .theme-btn:hover:before, .theme-btn:hover:after {
      width:60%;
    }
    .slider-btns .theme-btn span {
      margin-left: 8px;
    }

    .slider-btns .theme-btn span i {
      font-size: 16px;
    }

    /*------------------------Button Styles Ends---------------*/


    /*------------------------Header Starts---------------*/

    ::-webkit-scrollbar {

      width: 5px;

      height: 4px;

      background-color: #aaa;
      /* or add it to the track */

    }

    /* Add a thumb */

    ::-webkit-scrollbar-thumb {

      background: #000;
    }

    /*header*/

    .login-btn {
      display: flex;
    }

    header .container .row {
      align-items: center;
    }

    .logo-img img {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }

    .logo-img {
      width: 140px;
    }

    header .main-menu ul li {
      display: inline-block;
      list-style: none;
    }

    header .main-menu ul li a {
      text-decoration: none;
      font-size: 17px;
      font-weight: 500;
      color: #1e1e1e;
      margin: 0px 10px;
    }

    header .main-menu ul li a:hover {
      color: #03396c;
    }

    header .main-menu ul {
      margin-bottom: 0px;
      padding: 0px;
    }

    .main-menu {
      text-align: end;
    }

    header {
      /*background-color: #1e1e1e;*/
      padding: 10px 0px;
    }

    header .main-menu ul li.active a {
      color: #ed6b1e;
    }

    .nav-btn span.nav-btn-icon {
      background-color: #fff;
      width: 30px;
      height: 2px;
      position: absolute;
      right: 0px;
      top: 10px;
      transition: 0.3s all linear;
    }

    .nav-btn span.nav-btn-icon.middle {
      width: 25px;
      top: 18px;
    }

    span.nav-btn-icon.bottom {
      width: 30px;
      top: 26px;
    }


    .banner-box .carousel-caption {
      top: 50%;
      transform: translate3d(-50%, -50%, 0px);
      bottom: auto;
      left: 50%;
      right: auto;
      width: 80%;
    }

    .banner-box .slider-img {
      height: 500px;
      width: 100%;
      position:relative; 
    }

    .banner-box .slider-img img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .banner-box .slider-img:before {
      position: absolute;
      height: 100%;
      width: 100%;
      content: "";
      background-color:#00000059;

    }


    .banner-box .carousel-caption h5 {
      font-size: 60px;
      font-weight: 800;
      padding: 0px 20px;
      text-transform: capitalize;
    }

    .banner-box .logo-img {
      margin: auto;
      width: 350px;
    }

    .banner-box .carousel-indicators button {
      width: 18px;
      height: 18px;
      opacity: 1;
      transition: 0.3s all linear;
      border-radius: 50%;
    }

    .banner-box .carousel-indicators button.active {
      background-color: #6497b1;
      width:18px;
    }

    header .main-menu ul  li.drop-down {
      position: relative;
    }

    header .main-menu ul li.drop-down ul.sub-menu {
      position: absolute;
      top: 58px;
      left: 0;
      background: #212529;
      z-index: 999999;
      opacity: 0;
      visibility: hidden;
      transition: .3s all linear;
      min-width:150px;
    }

    header .main-menu ul li.drop-down:hover ul.sub-menu {
      opacity: 1;
      visibility: visible;
      transition: 0.3s;
    }

    header .main-menu ul li.drop-down ul.sub-menu li a {
      color: #fff;
    }

    header .main-menu ul li.drop-down ul.sub-menu li:hover {
      background-color:#26a9e0;
      width: 100%;
    }
    header .main-menu ul li.drop-down ul.sub-menu li a:hover {
      color: #fff!important;
    }
    header .main-menu ul li.drop-down ul.sub-menu li {
      display: block;
      text-align: center;
      padding: 10px;
    }

    .charu-banner{
      background: url(../img/banner-img.jpg) no-repeat center/cover;
      width: 100%;
      padding: 150px 0px;
      position: relative;
    }

    .charu-banner:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #0000009c;
    }

    .charu-banner h4{
      position: relative;

    }

    span.moretext1, span.moretext2, span.moretext3, span.moretext4, span.moretext5 {
      display: none;
    }

    span.moreless-button1, span.moreless-button2, span.moreless-button3, span.moreless-button4, span.moreless-button5 {
      color: #a88054;
      cursor: pointer;
      padding-left: 10px;
    }

    .about-img1 img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      max-width: 80%;
      border: solid 6px #03396c;
      border-radius: 5px;
      object-position: center right;
    }

    .about-img1 {
      width: 100%;
      height: 490px;
    }
    .about-main {
      position: relative;
    }

    .about-img2 img {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }

    .about-img2 {
      width: 320px;
      height: 230px;
      position: absolute;
      top: 50%;
      right: 0;
      text-align: center;
      transform: translateY(-50%);
      background: #fff;
      padding: 35px;
      box-shadow: 0 0 5px #ccc;
    }


    /*directors*/

    .Group-boxes{
      background-image: url(../img/bg1.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      position: relative;
    }
    .director-detail {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      background: #fff;
      padding: 15px;
      justify-content: space-between;
      margin-bottom: 20px;
      border-radius: 10px;
    }

    .director-detail .dr-img {
      flex: 0 0 40%;
      height: 550px;
    }

    .director-detail .content {
      flex: 0 0 58%;
    }

    .director-detail .dr-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
    }

    .director-detail .content p {
      font-size: 14px;
      font-weight: 500;
    }

    .director-detail.revers .dr-img {
      order: 2;
    }

    .director-detail.revers .content {
      order: 1;
    }

    /*Group of Companies*/

    /*group of compnies*/

    .groups-sec .group-boxes {
      background: #FFFFFF;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      border-radius: 5px;
      margin-bottom: 20px;
      padding: 20px;
    }

    .groups-sec .group-boxes .com-img {
      width: 240px;
      height: 120px;
      margin: auto;
    }

    .groups-sec .group-boxes .com-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .groups-sec .group-boxes .content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: end;
    }

    .groups-sec .group-boxes .content .cont-box {
      flex: 0 0 70%;
    }

    .groups-sec .group-boxes .content .con-btn {
      flex: 0 0 27%;
      text-align: right;
    }

    .groups-sec .group-boxes .content .cont-box ul {
      padding: 0;
      list-style: none;
      margin: 0;
    }

    .groups-sec .group-boxes .content .cont-box ul li {
      margin-bottom: 8px;
      color: #000;
      position: relative;
      padding-left: 25px;
    }

    .groups-sec .group-boxes .content .cont-box ul li i {
      position: absolute;
      left: 0;
      top: 4px;
      color: #FAAA3D;
    }

    .groups-sec .group-boxes .content .con-btn a.theme-btn {
      background: #070F32;
      border-color: #070F32;
      color: #fff;
      border-radius: 5px;
    }

    .groups-sec .group-boxes .content .con-btn a.theme-btn:hover {
      border-color: #FAAA3D;
    }

    .groups-sec .group-boxes .detail {
      margin-bottom: 30px;
    }

    .groups-sec .group-boxes .detail p {
      margin-bottom: 0;
    }

    /*footer*/

    /*footer*/

    .footer-quick-links ul li a {
      color: #fff !important;
      text-decoration: none;
      font-weight: 400;
      font-size: 16px;
    }

    .footer-quick-links ul li {
      list-style: none;
      position: relative;
      margin-bottom: 8px;
    }


    .footer-img-main .social-icon ul li {
      list-style: none;
      display: inline-block;
    }

    .footer-img-main .social-icon ul {
      padding: 0px;
      margin: 30px 0px 0px;

    }

    .footer-img-main .social-icon ul li a {
      background-color: #03396c;
      width: 40px;
      height: 40px;
      display: block;
      text-align: center;
      border-radius: 50%;
      line-height: 40px;
      color: #fff;
    }

    .footer-img-main .social-icon ul li {
      margin-right: 10px;
    }

    .footer-img-main {
      text-align: center;
    }

    .footer-quick-links ul li:before {
      position: absolute;
      content: "\f058";
      font-family: 'Font Awesome 5 Free';
      color:#fff;
      left: -19px;
      top: 0px;
      transform: translateX(-50%);
    }
    .footer-quick-links ul {
      margin-top: 40px;
      margin-bottom: 0px;
    }

    .footer-quick-links h3 {
      position: relative;
    }

    .footer-quick-links h3:before {
      position: absolute;
      content: "";
      background-color: #ffffff;
      width: 90px;
      height: 3px;
      top: 33px;
      left: 0px;
    }

    .footer-logo a img {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }

    .footer-logo {
      width: 240px;
      height: 125px;
      margin: auto;
    }
    .footer-quick-links {
      padding-left: 60px;
      margin-bottom: 20px;
    }

    .price-box .price-box-inner {
      background-color: #1F4E3D;
      max-width: 400px;
      margin: auto;
      padding: 15px 0px;
      border-radius: 10px;
      text-align: center;
      position: relative;
      top: -27px;
    }

    .price-box .price-box-inner p {
      margin-bottom: 0px;
      color: #fff;
      font-weight: 300;
    }
    .price-box {
      margin-bottom: 20px;
    }

    .bottom-footer-inner {
      display: flex;
      flex-wrap: wrap;
      justify-content:center;
    }

    .bottom-footer-inner p {
      margin-bottom: 0px;
      color: #fff;
      font-weight: 300;
      font-size: 15px;
    }

    .bottom-footer {
      background-color:#03396c;
      padding: 15px 0px;
    }
    .top-footer {
      padding-bottom: 25px;
    }

    footer {
      padding-top: 40px;
      margin-top: -10px;
      background-image: url(../img/bg1.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    @media(max-width:991px){
      header .logo-img{
        width: 112px;
      }
      .main-menu {
        position:fixed;
        top:67px;
        z-index: 99999;
        background: #fff;
        left: -150%;
        width: 100%;
        padding: 20px 0px;
        transition: 0.3s all linear;
      }

      .nav-btn span.nav-btn-icon{
        background-color: #000;
      }

      body.open-menu .main-menu{
        left: 0;
        height:100vh;
        overflow: hidden;
      }

      body.open-menu span.nav-btn {
        z-index: 999;
      }

      .main-menu ul li {
        display: block!important;
        text-align: center;
        padding: 10px;
      }

      .main-menu {
        background-color: #fff;
      }
      .main-menu ul li a {
        color: #000!important;
      }
      .nav-btn {
        position: absolute;
        top:10px;
        right: 25px;
        width: 30px;
        height: 23px;
      }
      header .container {
        position: relative;
      }
      header {
        position: fixed;
        z-index: 9999;
        width: 100%;
        top: 0;
        background: #fff;
      }

      body.open-menu header span.nav-btn span.nav-btn-icon.middle {
        display: none;
      }

      body.open-menu header span.nav-btn span.nav-btn-icon.top {
        transform: rotate(45deg);
        top: 10px;
      }

      body.open-menu header span.nav-btn span.nav-btn-icon.bottom {
        transform: rotate(-45deg);
        top: 10px;
      }

      header .main-menu ul li.drop-down ul.sub-menu {
        position: relative;
        top: auto;
        visibility: visible;
        opacity: 1;
        background: transparent;
        margin-top: 15px;
        display: none;
      }
      header .main-menu ul li.drop-down.active ul.sub-menu {
        display: block;
      }

      .about-inner {
        margin-top: 90px;
      }

      .about-main {
        margin-bottom: 90px;
      }

      .rooms-plan {
        margin-bottom: 20px;
      }

      .banner-box .carousel-caption h5{
        font-size: 40px;
      }
      .banner-box {
        margin-top: 84px;
      }
      body.open-menu .main-menu {
        background-color: #e9e9e9;
        top: 84px;
      }

      .login-btn {
        justify-content: center;
      }

      .charu-banner {
        padding: 120px 0px;
        margin-top: 85px;
      }
    }

    @media(max-width:767px){

      .about-img1 {
        width: 100%;
        height: 310px;
        margin-bottom: 20px;
      }

      .director-detail .dr-img {
        flex: 0 0 100%;
        height: 310px;
      }

      .director-detail .content {
        flex: 0 0 100%;
        text-align: center;
        margin-top: 20px;
      }

      .director-detail.revers .dr-img {
        order: 1;
      }
      .banner-box .slider-img {
        height: 400px;
      }
      .banner-box .carousel-caption p {
        margin-bottom: 0px;
      }

      .about-inner h2 {
        font-size: 32px;
      }

      .about-img1 img {
        max-width: inherit;
      }
      .about-img2 {
        display: none;
      }

      .about-web-icon {
        display: none;
      }

      .about-main {
        margin-bottom: 0px;
      }
      .about-inner {
        margin-top: 30px;
      }

      .banner-box .logo-img {
        width: 240px;
      }
      .banner-box .carousel-caption h5 br {
        display: none;
      }

      .banner-box .carousel-caption h5{
        font-size: 30px;
      }
      .banner-box .carousel-caption p {
        font-size: 14px;
        padding: 0px 30px;
      }

      .about-inner h2 {
        font-size: 28px;
      }
      .about-ponits ul li {
        flex: 0 0 100%;
      }
      .about-btn {
        text-align: center;
      }
      .about-inner h2 {
        font-size: 24px;
      }

      .footer-quick-links {
        padding-left: 10px;
        margin-top: 20px;
      }

      .facility-main .inner-content {
        padding: 20px 14px 20px;
      }

      .netwroking-plan .plan-heading h2 {
        font-size: 30px;
      }

      .rooms-plan .card1 {
        height: 250px;
      }

      .group-companies .content {
        text-align: center;
      }
    }

    @media(max-width:480px){
      .location .icon {
        flex: 0 0 100%;
      }
      .location .location-ads {
        flex: 0 0 100%;
      }
      .cont-info {
        text-align: center;
      }
      .plan-heading {
        text-align: center;
      }
      .banner-box .carousel-caption h5 {
        font-size: 22px;
      }
      .banner-box .carousel-caption a.theme-btn {
        font-size: 15px;
        padding: 8px 25px;
      }

      .group-companies .content h3, .plan-heading h2 {
        font-size: 22px;
      }


      .director-detail .dr-img {
        height: 250px;
      }

      .groups-sec .group-boxes .com-name h3 {
        font-size: 18px;
      }

      .groups-sec .group-boxes .detail p {
        font-size: 14px;
      }

      .charu-banner h4 {
        font-size: 26px;
      }

      .about-img1 {
        height: 250px;
      }
      .group-companies .content p {
        font-size: 14px;
      }
    }