/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

	/*=== canvas area start ===*/

	.canvas-item-right {
	    padding-left: 80px;
	}





}



@media screen and (min-width: 992px) and (max-width: 1199px) {

	.title-large {
		font-size: 52px;
	}


	/*=== canvas area start ===*/

	.canvas-area {
	    padding: 120px 0;
	}

	.canvas-item-left {
	    width: 320px;
	}

	.canvas-item-right {
	    width: calc(100% - 320px);
	    padding-left: 60px;
	}

	/*=== studies area start ===*/

	.studies-area .row {
	    --bs-gutter-x: 40px;
	}

	/*=== team area start ===*/

	.team-item h2 {
		font-size: 35px;
	}





}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.title-large {
	    font-size: 42px;
	}

	.title-medium {
	    font-size: 32px;
	}

	.title-small {
	    font-size: 26px;
	}

	.text-20 {
	    font-size: 18px;
	}

	.text-24 {
	    font-size: 22px;
	}

	/*=== banner area start ===*/

	.banner-area {
	    padding: 80px 0;
	}

	.banner-content h1 {
	    font-size: 60px;
	}

	/* .banner-side-image {
	    right: 0;
	    bottom: -49px;
	}

	.banner-side-image img {
	    max-width: 300px;
	} */

	/*=== Company area ===*/
	.company-area {
		margin-top: 100px;
	}
	/*=== canvas area start ===*/

	.canvas-area {
	    padding: 100px 0;
	}

	.canvas-item-left {
	    width: 300px;
	}

	.canvas-item-right {
	    width: calc(100% - 300px);
	    padding-left: 30px;
	}

	/*=== history area start ===*/

	.history-area {
	    padding: 100px 0;
	}

	.history-area .text-24 {
		font-style: italic;

	}

	/*=== service area start ===*/

	.service-area {
	    padding: 100px 0;
	}

	.service-title {
	    margin-bottom: 32px;
	}

	.service-item-inner {
	    padding: 32px 16px;
	}

	.service-bottom-button {
	    padding-top: 32px;
	}

	/*=== studies area start ===*/

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

	.studies-area .row {
	    --bs-gutter-x: 30px;
	}

	.studies-item-inner {
	    padding: 32px 20px;
	    border-radius: 40px;
	    margin-bottom: 40px;
	}

	.studies-item-inner a.button {
	    margin-top: 30px;
	}

	.studies-item-inner-second {
	    margin-top: 40px;
	}

	.studies-item-inner-third {
	    margin-top: -40px;
	}

	/*=== team area start ===*/

	.team-item div:nth-of-type(1) {
		width: 80px;
		flex: 0 0 80px;
	}

	.team-item h2 {
		font-size: 26px;
	}

	/*=== discover area start ===*/

	.discover-area {
	    padding: 100px 0;
	}





}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	

	.container {
	    padding-left: 16px;
	    padding-right: 16px;
	}

	.title-large {
	    font-size: 32px;
	}

	.title-medium {
	    font-size: 32px;
	}

	.title-small {
	    font-size: 24px;
	}

	.text-20 {
	    font-size: 16px;
	}

	.text-24 {
	    font-size: 20px;
	}

	/*=== banner area start ===*/

	.banner-area {
	    padding: 80px 0;
	}

	.banner-content h1 {
	    font-size: 40px;
	}

	.banner-content h3 {
	    font-size: 20px;
	}

	.banner-content h3 br {
		display: none;
	}

	.banner-side-image {
	    right: 0;
	    bottom: -49px;
	}

	.banner-side-image img {
	    max-width: 352px;
	}

	/*=== canvas area start ===*/

	.canvas-area {
	    padding: 64px 0;
	}

	.canvas-item-left {
	    width: 100%;
	    margin-bottom: 32px;
	}

	.canvas-item-right {
	    width: 100%;
	    padding-left: 0;
	}

	/*=== history area start ===*/

	.history-area {
	    padding: 64px 0;
	}

	/*=== service area start ===*/

	.service-area {
	    padding: 80px 0;
	}

	.service-title {
	    margin-bottom: 24px;
	}

	.service-item-inner {
	    width: 100%;
	    max-width: 540px;
	    padding: 24px;
	}

	.service-item-inner-middle {
	    border-top: 1px solid #CCD1D5;
	    border-bottom: 1px solid #CCD1D5;
	    border-left: none;
	    border-right: none;
	}

	.service-item-inner-second {
		display: flex;
		align-items: center;
		margin-bottom: 16px;
	}

	.service-item-inner img {
	    max-width: 48px;
	    margin-bottom: 0;
	    margin-right: 8px;
	}

	.service-item-inner h2 {
		margin-bottom: 0;
	}

	.service-bottom-button {
	    padding-top: 24px;
	}

	/*=== studies area start ===*/

	.studies-area {
	    padding: 80px 0 50px;
	}

	.studies-title {
	    margin-bottom: 32px;
	}

	.studies-item-inner {
	    padding: 32px 16px 16px;
	    border-radius: 32px;
	    margin-bottom: 32px;
	}

	.studies-item-inner h2 {
		margin-bottom: 32px;
	}

	.studies-item-inner a.button {
	    margin-top: 32px;
	}

	/*=== team area start ===*/

	.team-area {
	    padding-bottom: 48px;
	}

	.team-area .studies-item-inner {
		padding: 16px 32px;
		margin-bottom: 32px;
	}

	.team-area .studies-item-inner-second,
	.team-area .studies-item-inner-third {
		margin-top: 0;
	}

	.team-item h2 {
		font-size: 28px;
	    margin-bottom: 0;
	}

	/*=== project area start ===*/

	.project-area {
	    padding: 64px 0;
	}

	.project-content h2 {
	    margin-bottom: 24px;
	}

	.project-content h2 br {
		display: none;
	}

	.project-content p {
	    margin-bottom: 24px;
	}

	.project-content p br:nth-of-type(1) {
		display: none;
	}

	/*=== discover area start ===*/

	.discover-area {
	    padding: 64px 0;
	}

	.discover-content-image {
		max-width: 361px;
		margin: 0 auto 32px;
	}

	.discover-content-image-second img {
	    max-width: 192px;
	}

	.discover-content p {
	    margin: 0 auto 32px;
	}

	/*=== footer area start ===*/

	.footer-area {
	    padding: 80px 0 16px;
	}

	.footer-item {
		text-align: center;
	}

	.footer-item h2 {
	    margin: 24px 0 32px;
	}

	.footer-item p {
	    font-size: 16px;
	    margin-bottom: 8px;
	}

	.footer-item-inner-second ul {
	    padding-top: 24px;
	    justify-content: center;
	}

	.footer-item-inner-second ul li a {
	    margin: 0 12px;
	}

	.footer-item-inner-third ul li a {
	    margin-bottom: 16px;
	}

	.footer-bottom ul {
	    padding-top: 0;
	}

	.footer-bottom ul li a {
	    margin: 0 8px 16px;
	}

	.reservation-area .container {
    /* text-align: center; */
    max-width: 100%;
}





}