/* CSS Document — legacy responsive overrides for dreamtime theme.

 *

 * RULES FOR FUTURE EDITS:

 * - Desktop base styles live in style.css (do not override globally here).

 * - Only add rules inside @media blocks scoped to max-width breakpoints.

 * - Never redefine .container, img, body, or other global selectors outside @media.

 * - Home about → assets/css/home-about.css + home-about-stats.css
 * - Spacing tokens → assets/css/spacing-system.css

 * - Breakpoints used here: 1410 | 1350 | 1280 | 1200 | 1150 | 1024 | 980 | 760 | 680 | 480 | 320
 * - Mobile nav (991px and below) → assets/css/mobile-nav.css

 */

@media(max-width:1410px)

{

	#slider .containerSlider{ width: 96%; }

	

}

@media(max-width:1350px)

{

	#nav ul li{ margin-left:16px; margin-right:0; }

	#nav ul li a{ font-size:14px; letter-spacing:0.2px; }

}

@media(max-width:1280px)

{

	#header{ height:88px; }

	#header_bc{ height:88px; }

	#header .container

	{

		display:flex;

		flex-wrap:nowrap;

		align-items:center;

		justify-content:space-between;

	}

	#logo{ float:none; flex:0 0 auto; }

	#logo img{ height:80px; }

	#nav

	{

		float:none;

		flex:1 1 auto;

		margin-top:0;

		min-width:0;

	}

	#nav ul

	{

		float:none;

		display:flex;

		flex-wrap:nowrap;

		justify-content:flex-end;

		align-items:center;

		width:100%;

	}

	#nav ul li

	{

		float:none;

		flex:0 0 auto;

		margin-left:10px;

		margin-right:0;

		white-space:nowrap;

	}

	#nav ul li a

	{

		font-size:13px;

		letter-spacing:0.12px;

	}

}

@media(max-width:1200px)

{

	#nav ul li{ margin-left:12px; }

	#nav ul li a{ font-size:12.5px; letter-spacing:0.1px; }

}

@media(max-width:1150px)

{

	#nav ul li{ margin-left:8px; }

	#nav ul li a{ font-size:12px; letter-spacing:0.08px; }

	

	#home_services_l{ margin-top:80px; }

	

	

	#home_services_l h2{ font-size:32px; }

	

	#home_services_r ul li h3{ font-size:18px; }

	#home_services_r ul li p{ font-size:14px; }

}

@media(max-width:1024px)

{

	#slider .caption h2{ font-size:32px; }

	#slider .caption p{ font-size:14px; }

	#slider .book{ font-size:13px; padding:7px 15px; }

	

	#home_services{ padding-top:0px; padding-bottom:35px; }

	#home_services_l{ width:100%; height:auto; margin-top:30px; margin-bottom:20px; }

	#home_services_l h2{ font-size:22px; }

	#home_services_r ul li{ margin-left:0px; margin-right:2%; width:98%; }

	#home_services_r{ width:100%; height:auto; margin-left:0px; }

	

	.header-text h1{ font-size:32px; }

	.header-text p{ font-size:14px; }

	

	.about-us-section{ padding-top:30px; }

	.about-us-section p{ font-size:14px; }

	

	

	#contact_header{ margin-bottom:35px; }

	#contact_l{ margin-top:0px; }

	#contact_l h1{ font-size:32px; }

	

	

	#contact-r h2{ text-align:center; }

	

	h1.wp-block-heading  { font-size: 32px; }

	h2.wp-block-heading  { font-size: 22px; }

	h3.wp-block-heading  { font-size: 18px; }

	h4.wp-block-heading  { font-size: 16px; }

	h5.wp-block-heading  { font-size: 14px; }

	h6.wp-block-heading  { font-size: 13px; }

	

	.service_view p{ font-size:14px; line-height:18px; }

	.service_view ul li{ font-size:14px; line-height:18px; }

}

@media(max-width:980px)

{

	#slider .caption h2{ font-size:22px; }

	#slider .caption p{ font-size:14px; }

	#slider .book{ font-size:13px; padding:7px 15px; float:none; display:inline-block; margin-top:10px; }

	

	#contact_l

	{

		width:100%; margin-right:0px;

		text-align:center;

	}

	

	#contact-r{ width:100%; }

	

	#contact_l p{ font-size:14px; }

	

	h1.wp-block-heading  { font-size: 22px; }

	h2.wp-block-heading  { font-size: 18px; }

	h3.wp-block-heading  { font-size: 16px; }

	h4.wp-block-heading  { font-size: 14px; }

	h5.wp-block-heading  { font-size: 13px; }

	h6.wp-block-heading  { font-size: 13px; }

	

	.service-cta{ margin-top:0px; }

}





@media(max-width:760px)

{

	.hide760{ display:none; }

	

	.wp-block-media-text {

    display: block;

  }



  .wp-block-media-text__media,

  .wp-block-media-text__content {

    width: 100% !important;

    display: block;

  }



  .wp-block-media-text__media {

    margin-bottom: 15px;

  }



	.wp-block-media-text img{ margin-top:15px; }

	

}

@media(max-width:680px)

{

	.hide680{ display:none; }

	

}

@media(max-width:480px)

{

}

@media(max-width:320px)

{

}