@media (max-width: 1600px) {
  .portfolio-section .container-fluid {
    padding-left: 110px; }

  .news-blogs-section .container-fluid {
    padding-left: 110px; }

  .image-circle figure {
    height: 416px; } }
@media (max-width: 1399px) {
  .block {
    padding: 80px 0; }

  .section-head {
    padding-bottom: 24px; }

  h1 {
    font-size: 50px;
    line-height: 100%;
    font-weight: 700; }

  h1.small-text {
    font-size: 46px;
    line-height: 100%; }

  h2 {
    font-size: 40px;
    line-height: 100%; }

  h3 {
    font-size: 30px;
    line-height: 120%; }

  h4 {
    font-size: 24px;
    line-height: 120%; }

  h5 {
    font-size: 20px;
    line-height: 130%; }

  h6 {
    font-size: 18px;
    line-height: 130%; }

  .px-100 {
    padding: 0 80px; }

  .pb-60 {
    padding-bottom: 50px; }

  .pt-60 {
    padding-top: 50px; }

  .about-inner .details {
    padding-right: 60px; }

  .portfolio-section .container-fluid {
    padding-left: 125px; }

  .news-blogs-section .container-fluid {
    padding-left: 125px; }

  .image-circle figure {
    height: 356px; } 
	#home-page .blog-card {
		padding-bottom: 170px;
	}
#home-page .blog-card .card-content {
    padding-top: 56px !important;
	top: 32%;
}
}
@media (max-width: 1199px) {
  .block {
    padding: 60px 0; }

  .section-head {
    padding-bottom: 20px; }

  h1 {
    font-size: 42px;
    line-height: 100%;
    font-weight: 700; }

  h1.small-text {
    font-size: 36px;
    line-height: 100%; }

  h2 {
    font-size: 32px;
    line-height: 100%; }

  h3 {
    font-size: 28px;
    line-height: 120%; }

  h4 {
    font-size: 24px;
    line-height: 120%; }

  h5 {
    font-size: 20px;
    line-height: 130%; }

  h6 {
    font-size: 18px;
    line-height: 130%; }

  .px-60 {
    padding: 0 40px; }

  header .main-navigation ul li a {
    padding: 5px 6px; }

  .portfolio-section .container-fluid {
    padding-left: 45px; }

  .news-blogs-section .container-fluid {
    padding-left: 45px; }

  .project-slider .slick-list {
    padding-right: 280px; }

  .image-circle figure {
    height: 296px; }

  .px-100 {
    padding: 0 60px; }

  .pb-60 {
    padding-bottom: 40px; }

  .pt-60 {
    padding-top: 40px; }

  .about-inner .details {
    padding-right: 40px; }

  .image-circle:after {
    top: -19px;
    left: 37px; }

  .image-circle:before {
    bottom: 26px;
    left: -30px; }

  .feedback-section .float-third {
    top: 3%;
    right: 3%; }
  .feedback-section .float-sec {
    bottom: 1%;
    left: 6%; }

  .blog-card {
    padding-bottom: 190px; }
    .blog-card .card-content {
      top: 20%; 
	height:280px;
	} 
    #home-page .blog-card .card-content {
        padding-top: 137px !important;
        top: 28%;
    }
}
@media (max-width: 991px) {
  .block {
    padding: 40px 0; }

  .btn-secondary, .btn-primary {
    margin-top: 10px; }

  h1 {
    font-size: 36px;
    line-height: 100%;
    font-weight: 700; }

  h1.small-text {
    font-size: 32px;
    line-height: 100%; }

  h2 {
    font-size: 28px;
    line-height: 100%; }

  h3 {
    font-size: 24px;
    line-height: 120%; }

  h4 {
    font-size: 20px;
    line-height: 120%; }

  h5 {
    font-size: 18px;
    line-height: 130%; }

  h6 {
    font-size: 18px;
    line-height: 130%; }

  .px-60 {
    padding: 0 40px; }

  .pb-60 {
    padding-bottom: 30px; }

  .pt-60 {
    padding-top: 30px; }

  .pb-80 {
    padding-bottom: 40px; }

  .pt-80 {
    padding-top: 40px; }

  #masthead {
    position: relative; }
    #masthead .menu-wrapper {
      opacity: 0;
      visibility: hidden;
      max-width: 0;
      width: 0;
      height: 0;
      transition: width .4s ease;
      flex-direction: column;
      align-items: flex-start !important; }
      #masthead .menu-wrapper .buttons {
        flex-direction: column;
        align-items: flex-start !important;
        padding-top: 16px; }
        #masthead .menu-wrapper .buttons a {
          margin: 0 0 30px; }
      #masthead .menu-wrapper ul {
        flex-direction: column;
        display: block !important; }
        #masthead .menu-wrapper ul li:last-of-type {
          display: block; }
        #masthead .menu-wrapper ul li a {
          color: #fff;
          font-size: 16px;
          padding: 16px 5px 5px;
          font-weight: 500; }

  body.nav-open {
    overflow: hidden; }
    body.nav-open #masthead .menu-wrapper {
      position: absolute;
      visibility: visible;
      opacity: 1;
      height: 100vh;
      top: 98px;
      right: -30px;
      box-shadow: -1px 8px 14px 0px rgba(0, 0, 0, 0.45);
      max-width: 300px;
      width: 100%;
      background: var(--secondary-color);
      opacity: 1;
      z-index: 99;
      transition: width .6s ease;
      padding: 40px 30px; }
      body.nav-open #masthead .menu-wrapper ul {
        overflow: auto;
        height: 100%; }
    body.nav-open #masthead .toggle-btn span:nth-child(1) {
      transform: rotate(135deg) translate(4px, -7px);
      transition: .4s ease; }
    body.nav-open #masthead .toggle-btn span:nth-child(2) {
      transition: .4s ease;
      opacity: 0; }
    body.nav-open #masthead .toggle-btn span:nth-child(3) {
      transform: rotate(-135deg) translate(4px, 7px);
      transition: .4s ease; }

  .toggle-btn {
    position: absolute;
    right: 20px;
    top: 70%;
    transform: translateY(-50%);
    z-index: 99; }
    .toggle-btn span {
      display: block;
      height: 3px;
      width: 26px;
      background-color: var(--secondary-color);
      transition: .4s ease;
      border-radius: 5px; }
      .toggle-btn span:not(:last-of-type) {
        margin-bottom: 5px; }

  .accordion-item button {
    font-size: 16px; }

  .accordion-item {
    padding: 12px 16px; }

  .banner-section .banner-slider .banner-item {
    height: calc(70vh - 150px); }

  .common-banner-section {
    height: 35vh; }

  .investment-section .item {
    width: 30%;
    padding: 10px; }

  .facilities-grid {
    flex-wrap: wrap;
    justify-content: center; }
    .facilities-grid .item {
      width: 30.33%; }

  .other-room-slider {
    margin: 0 10px; }

  .other-room-slider .item {
    padding: 0 10px; }

  .about-inner-img {
    aspect-ratio: 2 / 1.3; }

  .book-form-wrapper {
    padding: 30px 20px; }

  .about-inner .details {
    padding-right: 0; }

  .image-gallery-section .image-grid {
    grid-template-rows: repeat(2, 180px);
    gap: 16px; }

  .contact-section figure {
    aspect-ratio: 2 / 1.7;
    border-radius: 10px;
    overflow: hidden; }
    .contact-section figure img {
      object-position: top center; }

  .map-section iframe {
    height: 450px !important; }

  .room-slider .slider-for .item {
    height: 500px; }

  .investment-details-page .navs ul {
    column-count: 2; }

  .blog-details-page .blog-details .col-md-8 .date {
    margin: 16px 0 20px; }

  .blog-details-page .blog-details .col-md-8 h2 {
    font-size: 32px; }
  .blog-details-page .blog-details .col-md-8 h3 {
    font-size: 24px; }
  .blog-details-page .blog-details .col-md-8 h4 {
    font-size: 18px; }

  .news-details .details h2, .news-details .details h3, .news-details .details h4, .news-details .details h5, .news-details .details h6 {
    margin-top: 24px;
    margin-bottom: 16px; }

  .mission-section .item {
    flex-direction: column; }

  .mission-section .item .icon {
    width: 30%; }

  .mission-section .item .text-content {
    width: 100%;
    margin-top: 20px;
    padding-left: 0; }

  .blog-card, #home-page .blog-card {
   padding-bottom: 120px; }
    .blog-card .card-content {
		height:260px;
      top: 25%; }
	
	    #home-page .blog-card .card-content {
        top: 28%;
		height:500px;
    }

  .investment-card .card-image {
    aspect-ratio: 1 / 1.04; }

  .project-slider .slick-list {
    padding-right: 80px; }

  .blog-slider .slick-list {
    padding-right: 80px; }

  .feedback-section .float-first, .feedback-section .float-sec, .feedback-section .float-third {
    display: none; }

  .image-circle figure {
    height: 216px; }

  .contact-form-wrapper {
    padding: 52px 50px; }

  #footer-wrapper .top-footer {
    padding: 40px 0 10px; }

  #footer-wrapper .bottom-footer {
    padding: 16px 0 28px; }

  .modal-body {
    padding: 20px; } }
@media (max-width: 767px) {
  .block {
    padding: 40px 0; }

  h1 {
    font-size: 28px;
    line-height: 120%;
    font-weight: 700; }

  h1.small-text {
    font-size: 26px;
    line-height: 120%; }

  h2 {
    font-size: 24px;
    line-height: 120%; }

  h3 {
    font-size: 20px;
    line-height: 120%; }

  h4 {
    font-size: 18px;
    line-height: 120%; }

  h5 {
    font-size: 16px;
    line-height: 130%; }

  h6 {
    font-size: 16px;
    line-height: 130%; }

  .portfolio-section .container-fluid {
    padding-left: 15px; }

  .news-blogs-section .container-fluid {
    padding-left: 15px; }

  .site-branding img {
    width: 100px; }

  .px-60 {
    padding: 0 15px; }

  .pb-60 {
    padding-bottom: 20px; }

  .pt-60 {
    padding-top: 20px; }

  .pb-80 {
    padding-bottom: 30px; }

  .pt-80 {
    padding-top: 30px; }

  .top-header {
    display: none; }

  .toggle-btn {
    top: 50%; }

  body.nav-open {
    overflow: hidden; }
    body.nav-open #masthead .menu-wrapper {
      max-width: 100%;
      top: 58px;
      left: 0;
      right: 0; }

  .banner-section .banner-slider .item {
    height: 75vh; }

  .facilities ul {
    column-count: initial; }
    .facilities ul li {
      margin-bottom: 12px; }

  .facilities-grid {
    flex-wrap: wrap;
    justify-content: center; }
    .facilities-grid .item {
      width: 43%; }

  .image-gallery-section .image-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 160px);
    gap: 10px; }

  .room-slider .slider-for {
    margin-bottom: 24px; }
    .room-slider .slider-for .item {
      width: 100%;
      height: 305px; }

  .blog-details-page .blog-details .col-md-8 .details h2, .blog-details-page .blog-details .col-md-8 .details h3, .blog-details-page .blog-details .col-md-8 .details h4, .blog-details-page .blog-details .col-md-8 .details h5 {
    margin-top: 30px; }
  .blog-details-page .blog-details .col-md-8 h2 {
    font-size: 28px; }
  .blog-details-page .blog-details .col-md-8 h3 {
    font-size: 20px; }
  .blog-details-page .blog-details .col-md-8 h4 {
    font-size: 18px; }

  .investment-details-page .navs ul {
    column-count: 1; }
.portfolio-section .img-gallery {
	grid-template-rows: repeat(2, 120px);}
	
	.testimonial-slide-wrapper .image-slider, .image-circle:after, .image-circle:before{
		display:none;
	}
  .blog-card {
    padding-bottom: 130px; }

  .blog-card .card-content {
    top: 33%;
	height:260px;}

  .blog-slider .blog-card .card-content {
    top: 45%; }
	#home-page .blog-card .card-content {
        padding-top: 120px!important;
    }

  .room-slider .slider-nav .item:not(:last-of-type) {
    margin-right: 10px; }

  .investment-section .item {
    width: 50%;
    padding: 10px; }

  .project-slider .slick-list {
    padding-right: 40px; }

  .blog-slider .slick-list {
    padding-right: 40px; }

  .investment-section .details {
    width: 100% !important; }

  .auth {
    margin-top: 30px;
    padding-top: 20px; }

  .image-circle figure {
    height: 400px; }
.facts {
    padding: 24px 16px;
}
  .contact-form-wrapper {
    padding: 30px 20px; }

  .contact-details .details {
    padding: 30px 20px; } }
@media (max-width: 420px) {
  .image-circle figure {
    height: 350px; }

  .blog-slider .blog-card .card-content {
    top: 40%; }

  .blog-card .card-content {
    top: 27%; } }
@media (max-width: 370px) {
  .image-circle figure {
    height: 295px; }

  .blog-slider .blog-card .card-content {
    top: 34%; }

  .blog-card .card-content {
    top: 18%; } }

/*# sourceMappingURL=responsive.css.map */