@charset "UTF-8";
/* CSS Document */


/* Media query for smaller screens */
@media only screen and (max-width: 1080px) {


  .wrapper{
         padding:0 3% !important;
     }

     .ourservicescontainer {
         grid-template-columns: repeat(2, 1fr) !important; /* 2 equal columns on medium screens */
     }

}



/* Tablet Layout */

@media only screen and (max-width: 769px) {


  .webheader {
      position: static !important; /* Make it behave like a normal non-sticky element */
    }

  .ourservicescontainer {
      grid-template-columns: 1fr !important; /* 1 column per row on small screens */
  }

/* Make feature div display one div per row */

  .features-container {
      flex-direction: column; /* Stack divs vertically */
  }

  /*.features-background-container {
      margin-bottom: 20px;
  }*/


/* Fees section - images */

  .feesfootercolumns {
      flex-direction: column; /* Stack the columns vertically */
    }

    .feesfootercolumn {
      margin-bottom: 20px; /* Optional: Add space between stacked divs */
    }



    .escaperesortsleft{
    	float:none !important;
    	width: 100% !important;
    }



    .escaperesortsright{
    	float:none !important;
    	width:100% !important;
    	margin-left: 0px !important;

margin-top: 20px;
    }


    .ourclientlogos img {
      float: none !important; /* Remove float on mobile */
      display: block !important; /* Ensure the image takes up a block element */
      margin: 20px auto !important; /* Center image with auto margins */
      height: auto !important; /* Make the height responsive */
      max-width: 80% !important; /* Optionally adjust the width for smaller screens */
    }

    .subcontentmain{
    	float:none !important;
    	width: 100% !important;
    	margin-right: 0px !important;
    }





    .subcontentsidebar{
    	float:none !important;
    	width:100% !important;
    }

    .subcontentsidebar img{

    	height:350px !important;
    }


}



/* Tablet - Portrait - Layout */

@media only screen and (max-width: 680px) {


  .aboutsectionheaderleft{
  	float:none !important;
  	margin-right: 0px !important;
  	width: 100% !important;
  }

  .aboutsectionheaderright{
  	float:none !important;
  	width:100% !important;
  }


  .aboutsectioncontent{

  	column-count: 1 !important;
  }

  .ourworksectionheaderleft{
    display:none !important;
  }

.ourworksectionheaderright{
  float:none !important;
  width: 100% !important;
  text-align: left !important;
}

.ourfeesleft{
	float:none !important;
	width:100% !important;
}

.ourfeesright{
	float:none !important;
	width: calc(100% - 100px) !important;
  text-align: center !important;
}

.ourofficesleft{
	float:none !important;
	width: 100% !important;
	padding-right:0px !important;
}

.ourofficesright{
	float:none !important;
	width:100% !important;
  margin-top: 35px;
}


.contactusleft{
	float:none !important;
	width:100% !important;
}

.contactusright{
	display:none !important;
}

.contactusmobile{
  display:block !important;
}



}

/* Responsive design for small screens (e.g., mobile) */
@media (max-width: 600px) {




}



/* Mobile Layout */

@media only screen and (max-width: 481px) {



}