/* Extra small devices (phones, 400px and down)
	NOTE: This is ideal for iPhones 6 and up.
  */
  
  @media only screen and (min-width: 399px) and (max-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
  	.parallax-container {
  		min-height: 380px;
  		line-height: 0;
  		height: auto;
  		color: rgba(255, 255, 255, .9);
  	}
  	.parallax-container .section {
  		width: 10px;
  	}
  	#logo-div {
  		/*background-color: rgba(0,0,0,0.5);*/
  		width: 500px;
  		height: 350px;
  		margin: 0px -122px;
  	}
  	.wrapper {
  		background-color: rgba(102, 102, 102, 0.43);
  		width: 1200px;
  		height: 200px;
  		margin: 0px -200px;
  		display: none;
  	}
  	.welcome-message-container {
  		height: 65px;
  		width: 375px;
  		background-color: white;
  	}
  	.welcome-message {
  		font-size: 10px;
  	}
  	.section-border {
  		width: 379px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -4px;
  	}
  	#Map {
  		width: 28%;
  		margin: 0px 200px;
  	}
  	.section-black1 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.parallax-window-main {
  		min-height: 290px;
  	}
  	.parallax-window-kitchen {
  		min-height: 500px;
  	}
  	.parallax-window-walls-flooring-ceiling-repairs {
  		min-height: 550px;
  		background: transparent;
  	}
  	.parallax-window-doors {
  		min-height: 550px;
  	}
  	.parallax-window-decks-fences {
  		min-height: 550px;
  	}
  	.bathroom-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 115px;
  		text-align: center;
  	}
  	.bathroom-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.bathroom-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.bathroom-dots {
  		display: flex;
  		justify-content: center;
  		margin: -13px 0px;
  		padding: 1rem 0;
  		list-style-type: none;
  	}
  	.bathroom-dots li {
  		margin: 0 0.10rem;
  	}
  	.bathroom-dots button {
  		display: block;
  		width: 1rem;
  		height: 1rem;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.kitchen-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.kitchen-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.walls-flooring-ceiling-repairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.walls-flooring-ceiling-repairs-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.doors-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.doors-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.decks-fences-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.decks-fences-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.windows-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.slider-wrapper01 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 350px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper02 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 350px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper03 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 350px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper04 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 350px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper05 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 350px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.parallax-window-bathroom {
  		min-height: 533px;
  	}
  	.section-black2 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.kitchen-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 125px;
  		text-align: center;
  	}
  	.section-black3 {
  		width: 536px;
  		height: 220px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.section-black5 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.section-black10 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.decks-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 70px;
  		text-align: center;
  	}
  	.flooring-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 54px 32px;
  		text-align: center;
  		width: 325px;
  	}
  	.door-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 135px;
  		text-align: center;
  	}
  	.scroll-button-border {
  		color: #ddd;
  		background-color: rgba(0, 0, 0, 0.5);
  		width: 320px;
  		height: 65px;
  		margin: 50px 25px;
  	}
  	.scroll-button {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 18px;
  		font-family: "Lato", sans-serif;
  		color: silver;
  		position: absolute;
  		margin: 24px 18px;
  	}
  	.footer {
  		width: 365px;
  		height: 100px;
  		background-color: rgba(0, 0, 0, 0.5);
  		padding: 15px 5px;
  		text-align: justify;
  		margin: 0px 0px;
  		position: absolute;
  	}
  	.pgwSlider-border {
  		width: 300px;
  		height: 220px;
  		background-color: rgba(0, 0, 0, 0.5);
  		margin: 0px auto;
  		padding: 20px;
  		box-shadow: 0 0 5px #BBB;
  		border: 1px solid #CCC;
  	}
  	.copyright-box {
  		width: 360px;
  		height: 65px;
  		position: absolute;
  		margin: -14px 0px;
  	}
  	.copyright {
  		color: white;
  		font-size: 12pt;
  		margin: 15px 25px;
  		text-align: center;
  	}
  	.pgwSlider-copyright {
  		text-align: center;
  		font-size: 6pt;
  		color: white;
  		margin: -10px 30px;
  		position: absolute;
  	}
  }
  /* Blackberry PRIV */
  
  @media only screen and (min-width: 411px) and (max-width: 683px) {
  	.radials-nav {
  		width: 621px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  		display: none;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 13px;
  		z-index: 5;
  		width: 14.5px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  		display: none;
  	}
  	.radial-spacer {
  		width: 5px;
  		display: none;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.slogan_body {
  		position: absolute;
  		z-index: 2;
  		margin: 375px 200px;
  		width: 460px;
  	}
  	.slogan {
  		font-family: "Lato", sans-serif;
  		font-size: 22pt;
  		font-weight: bold;
  		color: white;
  		width: 460px;
  		text-align: center;
  		padding: 15px;
  		margin: 0px 0px;
  	}
  	.parallax-container {
  		min-height: 380px;
  		line-height: 0;
  		height: auto;
  		color: rgba(255, 255, 255, .9);
  	}
  	.parallax-container .section {
  		width: 10px;
  	}
  	#logo-div {
  		/*background-color: rgba(0,0,0,0.5);*/
  		width: 500px;
  		height: 350px;
  		margin: 150px 158px;
  	}
  	.wrapper {
  		background-color: rgba(102, 102, 102, 0.43);
  		width: 1200px;
  		height: 200px;
  		margin: 0px -200px;
  		display: none;
  	}
  	.welcome-message-container {
  		height: 65px;
  		width: 375px;
  		background-color: white;
  		margin: 0px auto;
  	}
  	.welcome-message {
  		font-size: 10px;
  	}
  	.section-border {
  		width: 100%;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	#Map {
  		width: 28%;
  		margin: 0px 200px;
  	}
  	.section-black1 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.parallax-window-main {
  		min-height: 550px;
  	}
  	.parallax-window-kitchen {
  		min-height: 500px;
  	}
  	.parallax-window-walls-flooring-ceiling-repairs {
  		min-height: 550px;
  		background: transparent;
  	}
  	.parallax-window-doors {
  		min-height: 550px;
  	}
  	.parallax-window-decks-fences {
  		min-height: 550px;
  	}
  	.bathroom-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 255px;
  		text-align: center;
  	}
  	.bathroom-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.bathroom-slider img {
  		width: 100%;
  		height: 220px;
  	}
  	.bathroom-dots {
  		display: flex;
  		justify-content: center;
  		margin: -13px 0px;
  		padding: 1rem 0;
  		list-style-type: none;
  	}
  	.bathroom-dots li {
  		margin: 0 0.10rem;
  	}
  	.bathroom-dots button {
  		display: block;
  		width: 0.75rem;
  		height: 0.75rem;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.kitchen-dots {
  		display: flex;
  		justify-content: center;
  		margin: -8px 0px;
  		padding: 1rem 0;
  		list-style-type: none;
  	}
  	.kitchen-dots li {
  		margin: 0 0.10rem;
  	}
  	.kitchen-dots button {
  		display: block;
  		width: 0.75rem;
  		height: 0.75rem;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.kitchen-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.kitchen-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		display: flex;
  		justify-content: center;
  		margin: -8px 0px;
  		padding: 1rem 0;
  		list-style-type: none;
  	}
  	.walls-flooring-ceiling-repairs li {
  		margin: 0 0.10rem;
  	}
  	.walls-flooring-ceiling-repairs button {
  		display: block;
  		width: 0.75rem;
  		height: 0.75rem;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.walls-flooring-ceiling-repairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.walls-flooring-ceiling-repairs-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.doors-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.doors-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.decks-fences-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.decks-fences-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.windows-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.decks-fences-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.stairs-slider img {
  		width: 100%;
  		height: 223px;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 325px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-text {
  		margin: 65px 291px;
  	}
  	.windows-text {
  		margin: 65px 273px;
  	}
  	.slider-wrapper01 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 625px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper02 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 625px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper03 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 625px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper04 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 625px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper05 {
  		position: absolute;
  		margin: 190px 10px;
  		width: 625px;
  		height: 285px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.parallax-window-bathroom {
  		min-height: 533px;
  	}
  	.section-black2 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.kitchen-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 271px;
  		text-align: center;
  	}
  	.section-black3 {
  		width: 536px;
  		height: 220px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.section-black5 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.section-black10 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.decks-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 199px;
  		text-align: center;
  	}
  	.flooring-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 54px 179px;
  		text-align: center;
  		width: 325px;
  	}
  	.door-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 292px;
  		text-align: center;
  	}
  	.scroll-button-border {
  		color: #ddd;
  		background-color: rgba(0, 0, 0, 0.5);
  		width: 351px;
  		height: 65px;
  		margin: 50px 150px;
  	}
  	.scroll-button {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 18px;
  		font-family: "Lato", sans-serif;
  		color: silver;
  		position: absolute;
  		margin: 23px 30px;
  	}
  	.footer {
  		width: 100%;
  		height: 100px;
  		background-color: rgba(0, 0, 0, 0.5);
  		padding: 15px 5px;
  		text-align: justify;
  		margin: 0px 0px;
  		position: absolute;
  	}
  	.pgwSlider-border {
  		width: 300px;
  		height: 220px;
  		background-color: rgba(0, 0, 0, 0.5);
  		margin: 0px auto;
  		padding: 20px;
  		box-shadow: 0 0 5px #BBB;
  		border: 1px solid #CCC;
  	}
  	.copyright-box {
  		width: 460px;
  		height: 65px;
  		position: absolute;
  		margin: -14px 106px;
  	}
  	.copyright {
  		color: white;
  		font-size: 12pt;
  		margin: 10px 0px;
  		text-align: center;
  	}
  	.pgwSlider-copyright {
  		text-align: center;
  		font-size: 6pt;
  		color: white;
  		margin: -10px 30px;
  		position: absolute;
  	}
  	.eastGTAaddWrapperBody {
  		display: flex;
  		border: solid;
  		border-color: white;
  		width: 100%;
  	}
  	.eastGTA_add_wrapper_mobile img {
  		width: 100%;
  	}
  	.eastGTA_add_wrapper_mobile {
  		margin-left: 0px;
  		margin: 0px 5px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		display: none;
  	}
  }
  /* Blackberry PRIV (Landscape) */
  
  @media only screen and (min-width: 684px) and (max-width: 1199px) {
  	body {
  		overflow-x: hidden;
  	}
  	.radials-nav {
  		width: 1139px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 13px;
  		z-index: 5;
  		width: 88.5px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		display: none;
  	}
  	.eastGTA_add_wrapper {
  		display: none;
  	}
  	.eastGTAaddWrapperBody {
  		display: flex;
  		border: solid;
  		border-color: white;
  	}
  	.parallax-container {
  		min-height: 380px;
  		line-height: 0;
  		height: auto;
  		color: rgba(255, 255, 255, .9);
  	}
  	.parallax-container .section {
  		width: 10px;
  	}
  	#logo-div {
  		/*background-color: rgba(0,0,0,0.5);*/
  		width: 500px;
  		height: 350px;
  		margin: 240px 480px;
  	}
  	.wrapper {
  		background-color: rgba(102, 102, 102, 0.43);
  		width: 1200px;
  		height: 200px;
  		margin: 0px -200px;
  		display: none;
  	}
  	.slogan_body {
  		position: absolute;
  		z-index: 2;
  		margin: 440px 285px;
  		width: 750px;
  	}
  	.slogan {
  		font-family: "Lato", sans-serif;
  		font-size: 22pt;
  		font-weight: bold;
  		color: white;
  		width: 749px;
  		text-align: center;
  		padding: 15px;
  	}
  	.welcome-message-container {
  		height: 65px;
  		width: 684px;
  		background-color: white;
  		margin: 0px 215px;
  	}
  	.welcome-message {
  		font-size: 15px;
  	}
  	.section-border {
  		width: 100%;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.parallax-slider {
  		width: 100%;
  	}
  	#Map {
  		width: 28%;
  		margin: 0px 200px;
  	}
  	.section-black1 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.parallax-window-main {
  		min-height: 610px;
  	}
  	.parallax-window-kitchen {
  		min-height: 600px;
  	}
  	.parallax-window-walls-flooring-ceiling-repairs {
  		min-height: 750px;
  		background: transparent;
  	}
  	.parallax-window-doors {
  		min-height: 600px;
  	}
  	.parallax-window-decks-fences {
  		min-height: 750px;
  	}
  	.bathroom-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 480px;
  		text-align: center;
  	}
  	.bathroom-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.bathroom-slider img {
  		width: 100% !important;
  		height: 300px !important;
  	}
  	.kitchen-slider img {
  		width: 100% !important;
  		height: 300px !important;
  	}
  	.doors-slider img {
  		width: 100% !important;
  		height: 300px !important;
  	}
  	.walls-flooring-ceiling-repairs-slider img {
  		width: 100% !important;
  		height: 300px !important;
  	}
  	.bathroom-dots {
  		display: flex;
  		justify-content: center;
  		margin: -13px 0px;
  		padding: 1rem 0;
  		list-style-type: none;
  	}
  	.bathroom-dots li {
  		margin: 0 0.10rem;
  	}
  	.bathroom-dots button {
  		display: block;
  		width: 1rem;
  		height: 1rem;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.kitchen-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.kitchen-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.walls-flooring-ceiling-repairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.walls-flooring-ceiling-repairs-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: 0px 0px;
  	}
  	.doors-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 160px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.doors-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.decks-fences-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.decks-fences-slider img {
  		width: 100% !important;
  		height: 100% !important;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.windows-slider img {
  		width: 100%;
  		height: 300px;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 400px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider img {
  		width: 100%;
  		height: 300px;
  	}
  	.slider-wrapper01 {
  		position: absolute;
  		margin: 190px 0px;
  		width: 1050px;
  		height: 380px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper02 {
  		position: absolute;
  		margin: 190px 0px;
  		width: 1050px;
  		height: 380px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper03 {
  		position: absolute;
  		margin: 190px 0px;
  		width: 1050px;
  		height: 380px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.bathroom-dots {
  		margin: 0px 0px;
  	}
  	.slider-wrapper04 {
  		position: absolute;
  		margin: 190px 0px;
  		width: 1050px;
  		height: 380px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.slider-wrapper05 {
  		position: absolute;
  		margin: 190px 0px;
  		width: 1050px;
  		height: 380px;
  		background-color: rgba(0, 0, 0, 0.5);
  		z-index: 1;
  		border-radius: 40px;
  		border-style: solid;
  	}
  	.parallax-window-bathroom {
  		min-height: 605px;
  	}
  	.section-black2 {
  		width: 520px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.kitchen-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 496px;
  		text-align: center;
  	}
  	.section-black3 {
  		width: 536px;
  		height: 220px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.section-black5 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.section-black10 {
  		width: 320px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.decks-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 424px;
  		text-align: center;
  	}
  	.stairs-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 516px;
  		text-align: center;
  	}
  	.windows-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 498px;
  		text-align: center;
  	}
  	.flooring-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 274px;
  		text-align: center;
  		width: 585px;
  	}
  	.door-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 517px;
  		text-align: center;
  	}
  	.scroll-button-border {
  		color: #ddd;
  		background-color: rgba(0, 0, 0, 0.5);
  		width: 351px;
  		height: 65px;
  		margin: 50px 382px;
  	}
  	.scroll-button {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 18px;
  		font-family: "Lato", sans-serif;
  		color: silver;
  		position: absolute;
  		margin: 23px 30px;
  	}
  	.parallax-slider {
  		width: 100%;
  	}
  	.footer {
  		width: 100%;
  		height: 130px;
  		background-color: rgba(0, 0, 0, 0.5);
  		padding: 15px 5px;
  		text-align: justify;
  		margin: 0px 0px;
  		position: absolute;
  	}
  	.pgwSlider-border {
  		width: 300px;
  		height: 220px;
  		background-color: rgba(0, 0, 0, 0.5);
  		margin: 0px auto;
  		padding: 20px;
  		box-shadow: 0 0 5px #BBB;
  		border: 1px solid #CCC;
  	}
  	.copyright-box {
  		width: 400px;
  		height: 65px;
  		position: absolute;
  		margin: -14px 325px;
  	}
  	.copyright {
  		color: white;
  		font-size: 12pt;
  		margin: 15px 25px;
  		text-align: center;
  	}
  	.pgwSlider-copyright {
  		text-align: center;
  		font-size: 6pt;
  		color: white;
  		margin: -10px 30px;
  		position: absolute;
  	}
  }
  /* Medium devices (laptops and desktops, 1200px and up) */
  
  @media only screen and (min-width: 1200px) and (max-width: 1919px) {
  	html,
  	body {
  		margin: 0;
  		padding: 0;
  	}
  	.parallax-window-main {
  		min-height: 1540px;
  	}
  	.secondary-leftCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.slogan_body {
  		position: absolute;
  		z-index: 2;
  		margin: 425px 660px;
  		width: 750px;
  	}
  	.radials-nav {
  		width: 1400px;
  		height: 80px;
  		margin: 0px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.slogan {
  		font-family: "Lato", sans-serif;
  		font-size: 36pt;
  		font-weight: bold;
  		color: white;
  		width: 749px;
  		text-align: center;
  		padding: 15px;
  	}
  	.stairs-slider img {
  		width: 100%;
  		height: 100%;
  	}
  	.parallax-container {
  		min-height: 380px;
  		line-height: 0;
  		height: auto;
  		color: rgba(255, 255, 255, .9);
  	}
  	.parallax-container .section {
  		width: 100%;
  	}
  	.section-black1 {
  		width: 1440px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.section-black2 {
  		width: 1440px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -216px;
  	}
  	.section-black3 {
  		width: 1449px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px -9px;
  	}
  	.section-black5 {
  		width: 1440px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.section-black10 {
  		width: 1440px;
  		height: 150px;
  		background-color: #282E34;
  		margin: 0px 0px;
  	}
  	.text01 {
  		text-align: center;
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 15px;
  		font-family: "Lato", sans-serif;
  		color: silver;
  	}
  	.bathroom-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 636px;
  	}
  	.kitchen-text {
  		margin: 65px 651px;
  	}
  	.wrapper {
  		background-color: rgba(102, 102, 102, 0.43);
  		width: 1200px;
  		height: 630px;
  		margin: 585px 140px;
  	}
  	#logo-div {
  		width: 500px;
  		height: 350px;
  		margin: 250px 930px;
  	}
  	.door-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 670px;
  	}
  	.scroll-button {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: silver;
  		position: absolute;
  		margin: 35px 550px;
  	}
  	.scroll-button-border {
  		color: #ddd;
  		background-color: rgba(0, 0, 0, 0.5);
  		width: 1390px;
  		height: 100px;
  		margin: 40px 25px;
  	}
  	.flooring-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 430px;
  	}
  	.door-text {
  		margin: 65px 672px;
  	}
  	.windows-text {
  		margin: 65px 654px;
  	}
  	.stairs-text {
  		margin: 65px 672px;
  	}
  	.pgwSlider-border {
  		width: 1000px;
  		height: 750px;
  		background-color: rgba(0, 0, 0, 0.5);
  		margin: 0px auto;
  		padding: 20px;
  		box-shadow: 0 0 5px #BBB;
  		border: 1px solid #CCC;
  	}
  	#Map {
  		width: 100%;
  		margin: 0px 20px;
  	}
  	.kitchens-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 60px 640px;
  	}
  	.copyright {
  		color: white;
  		font-size: 10pt;
  		margin: 15px -40px;
  	}
  	.copyright-box {
  		width: 400px;
  		height: 40px;
  		position: absolute;
  		margin: -20px 500px;
  	}
  	.pgwSlider-copyright {
  		text-align: center;
  		font-size: 10pt;
  		color: white;
  		margin: 0px 0px;
  	}
  	.decks-text {
  		letter-spacing: 5px;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-family: "Lato", sans-serif;
  		color: white;
  		position: absolute;
  		margin: 65px 580px;
  	}
  	.decks-fences-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 787px;
  		height: 541px;
  		margin: 30px auto;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 787px;
  		height: 541px;
  		margin: 30px auto;
  	}
  	.windows-slider img {
  		height: 541px;
  		width: 100%;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 787px;
  		height: 541px;
  		margin: 30px auto;
  	}
  	.stairs-slider img {
  		height: 541px;
  		width: 100%;
  	}
  	.footer {
  		width: 1430px;
  		height: 100px;
  		background-color: rgba(0, 0, 0, 0.5);
  		padding: 15px 5px;
  		text-align: justify;
  		position: relative;
  	}
  	.eastGTA_add_wrapper {
  		width: 640px;
  		height: 230px;
  		margin-left: 220px;
  	}
  	.eastGTA_add_wrapper_mobile {
  		display: none;
  	}
  	.bathroom-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.bathroom-dots button {
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  	}
  	.kitchen-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.kitchen-dots button {
  		display: block;
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		display: block;
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: 0px 0px;
  	}
  	.dropdownMenu_logoContainer {
  		width: 400px;
  		height: 40px;
  		margin: 30px 160px;
  		display: flex;
  	}
  	.primary-leftCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.primary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.secondary-leftCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 720px;
  	}
  	.dropdown-menu {
  		height: 160px;
  		width: 100%;
  		top: -100%;
  		left: 0;
  		background-color: rgba(130, 130, 130, 1);
  		position: fixed;
  		transition: top 1.5s ease-in-out;
  		/* Smooth animation */
  		z-index: 9999;
  	}
  	.dropdown-menu.active {
  		top: 0;
  		/* Fully visible */
  	}
  	.dropdown-menu-primary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-secondary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-tertiary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-quaternary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.radials-nav {
  		width: 1400px;
  		height: 80px;
  		margin: 0px 20px;
  		z-index: 5;
  		display: -webkit-inline-box;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		/* Use flexbox */
  		justify-content: center;
  		/* Center horizontally */
  		align-items: center;
  		/* Center vertically */
  		font-size: 14px;
  		z-index: 5;
  		width: 35px;
  		height: 28px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 10px;
  		z-index: 5;
  		width: 35px;
  		height: 28px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radial-spacerReno {
  		height: 5px;
  	}
  	.renovationsMenuContainer {
  		width: 150px;
  		height: 570px;
  		display: none;
  		position: absolute;
  		overflow: scroll;
  		margin: 0px -40px;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  }
  /* Desktop (1920 x 1080) */
  
  @media only screen and (min-width: 1920px) and (max-width: 2047px) {
  	.windows-slider img {
  		height: 541px;
  		width: 100%;
  	}
  	.parallax-window-main {
  		min-height: 1540px;
  	}
  	.slogan_body {
  		position: absolute;
  		z-index: 2;
  		margin: 415px 1130px;
  		width: 750px;
  	}
  	.slogan {
  		font-family: "Lato", sans-serif;
  		font-size: 36pt;
  		font-weight: bold;
  		color: white;
  		width: 735px;
  		text-align: center;
  		padding: 15px;
  	}
  	.radials-nav {
  		width: 1864px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.parallax-container {
  		min-height: 380px;
  		line-height: 0;
  		height: auto;
  		color: rgba(255, 255, 255, .9);
  	}
  	.parallax-container .section {
  		width: 100%;
  	}
  	.section-border {
  		width: 1907px;
  	}
  	.wrapper {
  		margin: 585px 350px;
  	}
  	.footer {
  		width: 1893px;
  		height: 100px;
  		background-color: rgba(0, 0, 0, 0.5);
  		padding: 15px 5px;
  		text-align: justify;
  	}
  	#logo-div {
  		width: 500px;
  		height: 350px;
  		margin: 250px 1403px;
  	}
  	.scroll-button-border {
  		margin: 40px 245px;
  	}
  	.slider-wrapper01 {
  		margin: 190px 530px;
  		width: 950px;
  	}
  	.slider-wrapper02 {
  		margin: 190px 530px;
  	}
  	.slider-wrapper03 {
  		margin: 190px 160px;
  		width: 1576px;
  		height: 630px;
  	}
  	.slider-wrapper04 {
  		margin: 190px 530px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: -8px 0px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		width: 1rem;
  		height: 1rem;
  	}
  	.slider-wrapper05 {
  		margin: 190px 530px;
  	}
  	.bathroom-text {
  		margin: 65px 865px;
  	}
  	.kitchen-text {
  		margin: 65px 895px;
  	}
  	.flooring-text {
  		margin: 65px 705px;
  		width: 583px;
  	}
  	.door-text {
  		margin: 65px 906px;
  	}
  	.decks-text {
  		margin: 65px 820px;
  		width: 285px;
  	}
  	.windows-text {
  		margin: 65px 884px;
  	}
  	.stairs-text {
  		margin: 65px 907px;
  	}
  	.copyright-box {
  		margin: -20px 600px;
  		width: 750px;
  	}
  	.copyright {
  		font-size: 20pt;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.dropdownMenu_logoContainer {
  		width: 400px;
  		height: 60px;
  		margin: 8px 160px;
  		display: flex;
  	}
  	.primary-leftCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.primary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.secondary-leftCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 940px;
  	}
  	.dropdown-menu {
  		height: 295px;
  		width: 100%;
  		top: -100%;
  		left: 0;
  		background-color: rgba(130, 130, 130, 1);
  		position: fixed;
  		transition: top 1.5s ease-in-out;
  		/* Smooth animation */
  		z-index: 9999;
  	}
  	.dropdown-menu.active {
  		top: 0;
  		/* Fully visible */
  	}
  	.dropdown-menu-primary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-secondary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-tertiary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.dropdown-menu-quaternary {
  		height: 25%;
  		width: 100%;
  		display: flex;
  	}
  	.radials-nav {
  		width: 1400px;
  		height: 80px;
  		margin: 0px 20px;
  		z-index: 5;
  		display: -webkit-inline-box;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radialButtonReno {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radial-spacerReno {
  		height: 5px;
  	}
  	.renovationsMenuContainer {
  		width: 197px;
  		height: 450px;
  		display: none;
  		overflow: scroll;
  		margin: 0px -35px;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  	.bathroom-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.bathroom-dots button {
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  	}
  	.kitchen-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.kitchen-dots button {
  		display: block;
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  		/* Adjust based on button size */
  		gap: 8px;
  		max-width: 100%;
  		overflow: auto;
  		list-style: none;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		display: block;
  		width: 32px;
  		height: 32px;
  		position: relative;
  		cursor: pointer;
  		padding: 0;
  		border: none;
  		border-radius: 100%;
  		background-color: #484848;
  		border-style: solid;
  		border-color: #f2f2f2;
  		text-indent: -9999px;
  	}
  	.slider-wrapper01 {
  		height: 715px;
  	}
  	.slider-wrapper02 {
  		height: 700px;
  	}
  	.slider-wrapper03 {
  		height: 695px;
  	}
  	.parallax-window-bathroom {
  		min-height: 970px;
  		background: transparent;
  	}
  	.parallax-window-kitchen {
  		min-height: 930px;
  		background: transparent;
  	}
  	.parallax-window-walls-flooring-ceiling-repairs {
  		min-height: 980px;
  		background: transparent;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  		border-color: white;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 50px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  }
  /* Desktop (2048 x 1536) */
  
  @media only screen and (min-width: 2048px) and (max-width: 2559px) {
  	.parallax-window-main {
  		min-height: 1540px;
  	}
  	#logo-div {
  		margin: 250px 1531px;
  	}
  	.slogan_body {
  		margin: 420px 1252px;
  	}
  	.radials-nav {
  		width: 1990px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 21px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.wrapper {
  		margin: 585px 415px;
  	}
  	.eastGTA_add_wrapper {
  		margin-left: 250px;
  	}
  	.section-border {
  		width: 2035px;
  	}
  	.bathroom-text {
  		margin: 65px 932px;
  	}
  	.kitchen-text {
  		margin: 63px 950px;
  	}
  	.flooring-text {
  		margin: 65px 736px;
  	}
  	.decks-text {
  		margin: 63px 881px;
  	}
  	.door-text {
  		margin: 63px 970px;
  	}
  	.windows-text {
  		margin: 63px 948px;
  	}
  	.stairs-text {
  		margin: 63px 971px;
  	}
  	.scroll-button-border {
  		margin: 40px 321px;
  	}
  	.slider-wrapper01 {
  		margin: 190px 535px;
  	}
  	.slider-wrapper02 {
  		margin: 190px 583px;
  	}
  	.slider-wrapper03 {
  		margin: 180px 368px;
  	}
  	.slider-wrapper04 {
  		margin: 180px 583px;
  	}
  	.slider-wrapper05 {
  		margin: 180px 583px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: -10px 0px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		width: 1rem;
  		height: 1rem;
  	}
  	.footer {
  		width: 2021px;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 1010px;
  	}
  	.copyright-box {
  		margin: -20px 660px;
  		width: 750px;
  	}
  	.copyright {
  		font-size: 20pt;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  		border-color: white;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 50px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  }
  /* Large Desktop (2560 x 1440) */
  
  @media only screen and (min-width: 2560px) and (max-width: 3199px) {
  	.parallax-window-main {
  		min-height: 1540px;
  	}
  	#logo-div {
  		margin: 250px 2043px;
  	}
  	.radials-nav {
  		width: 2502px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 21px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.slogan_body {
  		margin: 420px 1764px;
  	}
  	.wrapper {
  		margin: 585px 672px;
  	}
  	.eastGTA_add_wrapper {
  		margin-left: 250px;
  	}
  	.section-border {
  		width: 2547px;
  	}
  	.bathroom-text {
  		margin: 65px 1188px;
  	}
  	.kitchen-text {
  		margin: 63px 1206px;
  	}
  	.flooring-text {
  		margin: 65px 992px;
  	}
  	.decks-text {
  		margin: 63px 1137px;
  	}
  	.door-text {
  		margin: 63px 1226px;
  	}
  	.windows-text {
  		margin: 63px 1204px;
  	}
  	.stairs-text {
  		margin: 63px 1227px;
  	}
  	.scroll-button-border {
  		margin: 40px 577px;
  	}
  	.slider-wrapper01 {
  		margin: 190px 791px;
  	}
  	.slider-wrapper02 {
  		margin: 190px 839px;
  	}
  	.slider-wrapper03 {
  		margin: 180px 624px;
  	}
  	.slider-wrapper04 {
  		margin: 180px 839px;
  	}
  	.slider-wrapper05 {
  		margin: 180px 839px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: -10px 0px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		width: 1rem;
  		height: 1rem;
  	}
  	.footer {
  		width: 2533px;
  	}
  	.copyright-box {
  		margin: -20px 920px;
  		width: 750px;
  	}
  	.copyright {
  		font-size: 20pt;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 1250px;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  		border-color: white;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 50px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  }
  /* 4K Television Display (3200 x 1800) */
  
  @media only screen and (min-width: 3200px) and (max-width: 3839px) {
  	.parallax-window-main {
  		min-height: 1640px;
  	}
  	.radials-nav {
  		width: 3142px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 26px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	#logo-div {
  		margin: 250px 2639px;
  	}
  	.slogan_body {
  		margin: 420px 2404px;
  	}
  	.wrapper {
  		margin: 585px 992px;
  	}
  	.eastGTA_add_wrapper {
  		margin-left: 250px;
  	}
  	.section-border {
  		width: 3187px;
  	}
  	.bathroom-text {
  		margin: 65px 1508px;
  	}
  	.kitchen-text {
  		margin: 63px 1526px;
  	}
  	.flooring-text {
  		margin: 65px 1312px;
  	}
  	.decks-text {
  		margin: 63px 1457px;
  	}
  	.door-text {
  		margin: 63px 1546px;
  	}
  	.windows-text {
  		margin: 63px 1525px;
  	}
  	.stairs-text {
  		margin: 63px 1547px;
  	}
  	.scroll-button-border {
  		margin: 40px 897px;
  	}
  	.slider-wrapper01 {
  		margin: 190px 1111px;
  	}
  	.slider-wrapper02 {
  		margin: 190px 1159px;
  	}
  	.slider-wrapper03 {
  		margin: 180px 944px;
  	}
  	.slider-wrapper04 {
  		margin: 180px 1159px;
  	}
  	.slider-wrapper05 {
  		margin: 180px 1159px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: -10px 0px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		width: 1rem;
  		height: 1rem;
  	}
  	.footer {
  		width: 3173px;
  	}
  	.copyright-box {
  		margin: -20px 1255px;
  		width: 750px;
  	}
  	.copyright {
  		font-size: 20pt;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 1575px;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  		border-color: white;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 50px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  }
  /* 4K Television Display (3840 x 2160) */
  
  @media only screen and (min-width: 3840px) and (max-width: 4096px) {
  	.parallax-window-main {
  		min-height: 1640px;
  	}
  	.radials-nav {
  		width: 3783px;
  		height: 150px;
  		margin: 100px 20px;
  		display: -webkit-inline-box;
  		z-index: 5;
  		position: absolute;
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 26px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: #282E34;
  	}
  	.radial-spacer {
  		width: 5px;
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	#logo-div {
  		margin: 250px 3323px;
  	}
  	.slogan_body {
  		margin: 420px 3044px;
  	}
  	.wrapper {
  		margin: 585px 1312px;
  	}
  	.eastGTA_add_wrapper {
  		margin-left: 250px;
  	}
  	.section-border {
  		width: 3827px;
  	}
  	.bathroom-text {
  		margin: 65px 1828px;
  	}
  	.kitchen-text {
  		margin: 63px 1846px;
  	}
  	.flooring-text {
  		margin: 65px 1632px;
  	}
  	.decks-text {
  		margin: 63px 1777px;
  	}
  	.door-text {
  		margin: 63px 1866px;
  	}
  	.windows-text {
  		margin: 63px 1844px;
  	}
  	.stairs-text {
  		margin: 63px 1867px;
  	}
  	.scroll-button-border {
  		margin: 40px 1216px;
  	}
  	.slider-wrapper01 {
  		margin: 190px 1431px;
  	}
  	.slider-wrapper02 {
  		margin: 190px 1479px;
  	}
  	.slider-wrapper03 {
  		margin: 180px 1264px;
  	}
  	.slider-wrapper04 {
  		margin: 180px 1479px;
  	}
  	.slider-wrapper05 {
  		margin: 180px 1479px;
  	}
  	.walls-flooring-ceiling-repairs-dots {
  		margin: -10px 0px;
  	}
  	.walls-flooring-ceiling-repairs-dots button {
  		width: 1rem;
  		height: 1rem;
  	}
  	.footer {
  		width: 3813px;
  	}
  	.copyright-box {
  		margin: -20px 1525px;
  		width: 750px;
  	}
  	.copyright {
  		font-size: 20pt;
  	}
  	.windows-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.stairs-slider {
  		z-index: 600;
  		background-color: beige;
  		width: 790px;
  		height: 223px;
  		margin: 30px auto;
  	}
  	.secondary-rightCol {
  		display: flex;
  		width: 50%;
  		height: 100%;
  		margin: 0px 1900px;
  	}
  	/* Show the dropdown when hovering over the parent container */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: block;
  	}
  	/* Show the dropdown when hovering over either #radial-renovations or the menu itself */
  	.dropdownMenuOptionsNav01:hover .renovationsMenuContainer {
  		display: flex;
  		flex-direction: column;
  		gap: 10px;
  		/* Ensures spacing remains when hovering */
  	}
  	.radialButton {
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
  		z-index: 5;
  		width: 85px;
  		height: 35px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-radius: 10px;
  		border-color: white;
  	}
  	.radialButtonReno {
  		display: flex;
  		background-color: #282E34;
  		border: none;
  		color: white;
  		padding: 15px 32px;
  		text-align: center;
  		text-decoration: none;
  		display: flex;
  		font-size: 16px;
  		z-index: 5;
  		width: 50px;
  		height: 50px;
  		cursor: pointer;
  		font-family: "Lato", sans-serif;
  		border-style: double;
  		border-color: white;
  		align-items: center;
  		justify-content: center;
  		/* Centers text horizontally */
  		text-align: center;
  		/* Ensures text is centered */
  		line-height: normal;
  		/* Prevents text misalignment */
  	}
  	.radialButton:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  	.radialButtonReno:hover {
  		background-color: #788a9c;
  		border-style: double;
  		border-color: #788a9c;
  	}
  }