/* ~~~~~~~~~~~~~~~~~~~  Large Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-blind-types-section .home_cards .card-body {
		min-height: 275px;
	}

	#home-blind-types-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 300px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .blinds_card .card-body {
		min-height: 440px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 380px;
	}

	#products-section .shades_card .card-body {
		min-height: 365px;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
}



/* ~~~~~~~~~~~~~~~~~~~  Generic Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#header .navbar img {
		width: 100px;
	}

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-blind-types-section .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
	}

	#home-blind-types-section .home_cards .card-body {
		min-height: 275px;
	}

	#home-blind-types-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
	}

	#products-section .home_cards .card-body {
		min-height: 300px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .blinds_card .card-body {
		min-height: 515px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 430px;
	}

	#products-section .shades_card .card-body {
		min-height: 415px;
	}

	#products-section #natural .col-xl-8 {
		flex: 0 0 80%;
    	max-width: 80%;
	}

	/* ~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~ */
	#about-section .col-xl-4 {
		flex: 0 0 36%;
    	max-width: 36%;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section #contact-info-card .card-body {
		padding: .75rem;
	}

	#contact-section #contact-info-card .contact_address h4 {
		font-size: 1.35rem;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 10px;
		padding-left: 10px;
	}

    .gallery_section img {
        margin-bottom: 20px;
    }
}



/* ~~~~~~~~~~~~~~~~~~~  Smallest Laptop ~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 1025px) and (max-width: 1199px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#header .navbar img {
		width: 100px;
	}

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section #home-announcement-container {
		padding: 10px;
	}

	#home-blind-types-section .home_cards .card-body {
		min-height: 200px;
	}

	#home-blind-types-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 230px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .blinds_card .card-body {
		min-height: 320px;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 275px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 260px;
	}

	#products-section .shades_card .card-header .shades_card_img {
		height: 315px;
		object-position: 50% 45%;
	}

	#products-section .shades_card .card-body {
		min-height: 275px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section #contact-info-card .card-body {
		padding: .75rem;
	}

	#contact-section #contact-info-card .contact_address h4 {
		font-size: 1.35rem;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 10px;
		padding-left: 10px;
	}

    .gallery_section img {
        margin-bottom: 20px;
    }
}


/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen 
	and (min-width: 768px)
	and (max-width: 1024px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#header .navbar img {
		width: 100px;
	}

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section #home-announcement-container {
		padding: 10px;
	}

	#home-landing-section #home-announcement-text-box img {
		height: auto;
		width: 100%;
	}

	#home-announcement-text-box #home-jumbo-text {
		font-size: 1.75rem;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .product_card .card-header img {
		height: 300px;
		object-fit: cover;
	}

	#products-section .blinds_card .card-body {
		min-height: 320px;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 275px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 300px;
	}

	#products-section .shades_card .card-header .shades_card_img {
		height: 315px;
		object-position: 50% 45%;
	}

	#products-section .shades_card .card-body {
		min-height: 275px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section #contact-info-card .card-body {
		padding: .75rem;
	}

	#contact-section #contact-info-card .contact_address h4 {
		font-size: 1.35rem;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 10px;
		padding-left: 10px;
	}

    .gallery_section img {
        margin-bottom: 20px;
    }
}



/* ~~~~~~~~~~~~~~~~~~~  Between md and lg breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media screen 
	and (min-width: 769px)
	and (max-width: 991px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 36%;
		right: 0;
		top: 78px; 
	}

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
		font-size: 24px;
    }

	#header .navbar .navbar-nav .nav-link {
        font-size: 24px;
    }

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-blind-types-section #established-date-text {
		font-size: 1.45rem;
	}

	#home-blind-types-section .home_cards .card-body {
		min-height: 235px;
	}

	#home-blind-types-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 270px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 345px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 450px;
	}

	#products-section .shades_card .card-body {
		min-height: 365px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .card {
		height: 570px;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

    .gallery_section img {
        margin-bottom: 10px;
    }

	#shades-gallery-section .shades_gallery_img {
		height: 200px;
	}
}



/* ~~~~~~~~~~ iPad Air ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 769px)
	and (max-width: 820px)
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 36%;
		right: 0;
		top: 78px; 
	}

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
		font-size: 24px;
    }

	#header .navbar .navbar-nav .nav-link {
        font-size: 24px;
    }

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section {
		padding: 0;
	}

	#home-landing-section .container .full_width_col {
		padding: 0;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 250px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .blinds_card .card-body {
		min-height: 365px;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 325px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 430px;
	}

	#products-section .shades_card .card-body {
		min-height: 350px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .card {
		height: 565px;
	}

	/* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

    .gallery_section img {
        margin-bottom: 10px;
    }
}



/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 481px)
	and (max-width: 768px)
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */	
	.card .card-body {
		padding: .75rem;
	}

	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 36%;
		right: 0;
		top: 75px; 
	}

	#header .navbar img {
		width: 110px;
	}

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
		font-size: 24px;
    }

	#header .navbar .navbar-nav .nav-link {
        font-size: 24px;
    }

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section {
		padding: 0;
	}

	#home-landing-section .container .full_width_col {
		padding: 0;
	}

	#home-landing-section #home-announcement-text-box img {
		height: 100%;
		width: 100%;
	}

	#home-blind-types-section #established-date-text {
		font-size: 1.65rem;
	}

    #home-shutters-section img {
        margin-bottom: 15px;
    }

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 250px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .product_card .card-header img {
		height: 350px;
		object-fit: cover;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 315px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 450px;
	}

	#products-section .shades_card .card-body {
		min-height: 325px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}
	
	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .card {
		height: 565px;
	}

    /* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

    .gallery_section img {
        margin-bottom: 10px;
    }

	#shades-gallery-section .shades_gallery_img {
		height: 225px;
	}
}



/* ~~~~~~~~~~~~~~~~~~~  Between xs and sm breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (min-width: 576px) and (max-width: 636px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 50%;
		right: 0;
		top: 78px; 
	}

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
    }

	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section {
		padding: 15px 0;
	}

	#home-landing-section .container .full_width_col {
		padding-right: 15px;
		padding-left: 15px;
	}

	#home-landing-section #home-carousel-img-3 {
		object-position: 15% 30%
	}

	#home-landing-section #home-carousel-img-4 {
		object-position: 30% 30%
	}

	#home-landing-section #home-announcement-container {
		padding: 15px 0;
	}

	#home-announcement-text-box #home-jumbo-text {
		font-size: 1.85rem;
	}

	#home-announcement-text-box h4 {
		font-size: 1.25rem;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .home_cards .card-body {
		min-height: 300px;
	}

	#products-section .home_cards .card-body .home_card_btn_col {
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#products-section .blinds_card .card-body {
		min-height: 500px;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 445px;
	}

	#products-section .shades_card .card-body {
		min-height: 445px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}
	
	#products-section .shutters_card .shutters_card_text, 
	#products-section #natural-woven-card #natural-woven-text {
		padding: 1.25rem 1.75rem;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 450px;
		object-position: 50% 30%;
	}

	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .col-sm-6.mx-auto {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#contact-section .card {
		height: auto;
	}

	.gallery_section .mx-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

    .gallery_section img {
        margin-bottom: 10px;
    }
}




/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Landscape ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-height: 481px)
	and (max-width: 964px)
	and (orientation: landscape) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.card .card-body {
		padding: .75rem;
	}

	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 50%;
		right: 0;
		top: 78px; 
	}

	#header .navbar img {
		width: 100px;
	}

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
    }

    /* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
    #home-shutters-section img {
        margin-bottom: 15px;
    }

	#home-landing-section img {
		height: 345px;
	}

	#home-landing-section #home-carousel-img-1 {
		object-position: 80% 50%
	}

	#home-landing-section #home-carousel-img-3 {
		object-position: 100% 50%
	}

	#home-landing-section #home-carousel-img-4 {
		object-position: 25% 50%
	}

	#home-landing-section #home-announcement-container {
		padding: 10px;
	}

	#home-landing-section #home-announcement-text-box img {
		height: 125px;
		object-fit: contain;
	}

	#home-landing-section #home-announcement-text-box h1 {
		font-size: 2.25rem;
	}

	#home-landing-section #home-announcement-text-box h4 {
		font-size: 1.25rem;
	}

	#home-blind-types-section #established-date-text {
		font-size: 1.5rem;
	}

	#home-blind-types-section .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
	}

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
	}

	#products-section #aluminum-blinds-card .card-body,
	#products-section #vertical-blinds-card .card-body {
		min-height: 325px;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		height: 375px;
		object-position: 50% 35%;
	}

	#products-section .shades_card .card-body {
		min-height: 325px;
	}

	#products-section #roller-shades-card .card-body {
		min-height: auto;
	}

	#products-section .shutters_card .shutters_card_text, 
	#products-section #natural-woven-card #natural-woven-text {
		padding: 1.25rem 1.75rem;
	}



	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .col-sm-6.mx-auto {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#contact-section .card {
		height: auto;
	}



    /* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
	.gallery_section .mx-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

    .gallery_section img {
        margin-bottom: 10px;
		height: 200px;
		object-fit: cover;
    }

	.gallery_section .tall_gallery_img {
		height: 350px;
		object-fit: cover;
	}
}




/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Portrait ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-width: 480px) 
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	h1 {
		font-size: 2.25rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	label {
		margin-bottom: 0;
	}

	/* Nav Bar */
	#navbarNav {
		z-index: 999;
		background-color: #d9d9d9;
		position: absolute;
		width: 55%;
		right: 0;
		top: 78px; 
	}

	#header .navbar {
		padding: .5rem;
	}

	#header .navbar .navbar-brand {
		margin-right: .25rem;
	}

	#header .navbar img {
		width: 100px;
	}

	#header .navbar .navbar-text a {
		display: none;
	}

	.navbar-toggler {
        position: absolute;
        right: 15px;
        border-color: #d9d9d9;
        background-color: #d9d9d9;
    }

	#header .navbar-toggler-icon {
        margin-top: 8px;
        color: #d2a679;
    }

    /* Footer */
    footer {
        padding: 25px 5px;
    }



	/* ~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~ */
	#home-landing-section {
		padding: 0;
	}

	#home-landing-section .container .full_width_col {
		padding: 0;
	}

	#home-landing-section img {
		height:100%;
		width: 100%;
	}

	#home-landing-section #home-announcement-container {
		padding: 20px 5px;
	}

	#home-landing-section #home-announcement-text-box img {
		width: 75%;
	}

	#home-blind-types-section #established-date-text {
		font-size: 1.45rem;
	}

    #home-shutters-section img {
        margin-bottom: 15px;
    }

	/* ~~~~~~~~~~~~~~ Products Page ~~~~~~~~~~~~~~ */
	#products-section .container {
		padding-right: 10px;
		padding-left: 10px;
	}

	#products-section .tab-content .card-header {
		padding: 0;
	}

	#products-section .blinds_card .card-body {
		min-height: auto;
	}

	#products-section .product_card img,
	#products-section .shades_card .card-header .shades_card_img,
	#products-section .shutters_card .card-body .shutters_card_img {
		height: 275px;
		object-fit: cover;
	}

	#products-section .shutters_card .card-body .shutters_card_img {
		object-position: 50% 30%;
	}

	#products-section .shutters_card .shutters_card_text, 
	#products-section #natural-woven-card #natural-woven-text {
		padding: 1.25rem 1.75rem;
	}

	#products-section .shades_card .card-header .shades_card_img {
		object-position: 50% 50%;
	}

	/* ~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~ */
	#contact-section .card {
		height: auto;
	}

	#contact-section h4 {
		font-size: 1.25rem;
	}

    /* ~~~~~~~~~~~~~~ Gallery Page ~~~~~~~~~~~~~~ */
    .gallery_section img {
        margin-bottom: 15px;
    }
}