/* modern.css — Clean, streamlined styling */
f
:root {
    --primary-color: #0070ba;   /* Blue */
    --2-primary-color: #197ec0; /* Blue #0070ba but one shade lighter */
    --3-primary-color: #0064a7; /* Blue #0070ba but one shade darker */
    --secondary-color: #ffc439; /* Orange */
    --text-color: #333;
    --background-color: #fff;   /* White */
    --background-color-02: #f8f8f8; /* White Smoke */
	--background-color-03: #fffceb;  /* Ivory */
    --body-color: #67a3e1;      /* Cornflower Blue */ 
    --yellow-color: #fefe00;    /* Yellow */
}

* {
    box-sizing: border-box;
	text-decoration: none;
	margin: 0;
    padding: 0;
}


.lexend-<uniquifier> {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
} 

.crimson-pro-<uniquifier> {
  font-family: "Crimson Pro", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
}


.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
    margin: 0;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: var(--text-color);
    background-image: url(../sunshinephotos/rainbow_sun1920-1080.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    background-size: 100% 100%;
}

#outer_container {
    /*margin: 0.938rem;*/
    max-width: 768px;
    margin: 0 auto;
    /*padding: 1rem;*/
}

.container {
    max-width: 763px;
    margin: 0 auto;
    padding: 1rem 1rem 0 1rem;
}

hr {
    height: 2px;
    /*	color: #d2dff2;  #0d176c; */
    background-color: #d2dff2;
    border: none;
    margin: 1rem 7rem;
}

hr.hr2 {
    height: 2px;
    /*	color: #d2dff2;  #0d176c; */
    background-color: #d2dff2;
    border: none;
    margin: 1rem 7rem 0 7rem;
}

.line_br {
    white-space: pre-line;
}

/* Header Begin */

header {
    background: var(--3-primary-color);
    color: #fff;
    margin: 1rem 0 0 0;
}

header img {
    max-width: 100%;
    height: auto;
}

                                                     /* Header End */

                                                     /* NAV Begin */ 

/*div#sticky {
	position: -webkit-sticky; /* Safari */
/*    position: sticky;
    top: 0;
    z-index: 10;
}*/

nav {  
    background: var(--3-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
	position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 10;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/
}

nav button {
    border: var(--yellow-color) solid 1px;
    border-radius: 8px;
    color: var(--yellow-color);
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    margin: 0;
    margin-top: .7rem;
    padding: 0 .8rem .2rem .8rem;
    background: var(--2-primary-color);
}

#navMenu {
    list-style: none;
    display: flex;
    gap: 1rem;
    padding: 0;
    margin: 0;
    color: var(--yellow-color);
    font-size: 1.15rem;
	z-index: 20;
}

#navMenu li a,
#navMenu li button {
    color: var(--yellow-color);
    text-decoration: none;
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
}

#navMenu li button:hover,
#navMenu li a:hover {
    text-decoration: underline;
}

.main-nav-container {
	display: grid;  
    justify-content: center;
    align-items: center;
	} 
	
/*.main-nav-container .mobile-container-02 li {
	padding-top: .5rem;
	list-style: none;
	text-align: center; 
	}
	
.main-nav-container .mobile-container-02 li a {
	color: var(--yellow-color);
	}
	
.main-nav-container .mobile-container-02 li a:hover	{
    text-decoration: underline;
}*/

                                                         /* NAV END */

                                                         /* Main Begin */

main {
    padding: 0 .5rem 1rem .5rem;
    /*border: 0.188rem solid var(--primary-color);*/
    /*background: var(--3-primary-color);*/
    background: var(--3-primary-color);
}

/* Main End */

/* Highlight Begin */  

.highlight-gallery {
    background: #a8ffa8;
    border: #a8ffa8 solid 1px;
	border-bottom: #97e597 solid 1px;
    border-radius: 10px 10px 0 0;
    color: var(--text-color);
    padding: 0 1rem 0 0;
	margin: 0;
    text-align: center;
}

.highlight-gallery h1 {
	font-size: 1.5rem;
    margin: 0 0.25rem;
    padding: 0; 
	color: #333;
	}
	
.highlight-gallery .top_images h2 {
	color: var(--primary-color, #0070ba);
	font-size: 1.35rem;
	}

.highlight-gallery .h1-wrapper-01 {
	display: flex; 
	align-items: center;
    justify-content: center;
	gap: .25rem;
	}
	
.highlight-gallery .fa-solid {
	font-size: 1.5rem;
	}
	
.highlight-gallery p.gallery-p {
	font-family: "Roboto", sans-serif; 
	font-weight: 700;
	font-size: 1.1rem;
	text-align: center;
	color: #333;
	padding: 0.5rem 0.75rem;
	margin: 0;
	}
	
.highlight {
    background: #a8ffa8;
    border: #97e597 solid .15rem;
    border-radius: 5px 5px 0 0;
    color: var(--text-color);
    padding: 0 1rem .25rem;
    text-align: center;
}

.highlight h1 {
    font-size: 1.75rem;
    margin: 0;
    padding: 0; 
	color: #333;
}
	
.highlight h2 {
	color: var(--primary-color, #0070ba);
	}

.highlight .h1-wrapper-01 {
	display: flex; 
	align-items: center;
    justify-content: center;
	gap: .25rem;
	}
	
.highlight .fa-solid {
	font-size: 1.5rem;
	}

.highlight button {
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 0.75rem 1.25rem;
    margin: 0 0 1rem 0;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.highlight button:hover {
    background: #005fa3;
}

.highlight_card {
    background: #a8ffa8;
    border: #97e597 solid .15rem;
    border-radius: 5px 5px 0 0;
    color: var(--text-color);
    padding: 0 1rem .25rem;
    text-align: center;
}

.highlight_card h1 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    /*color: var(--primary-color);
    text-shadow: 1px 1px 1px #fff, 1px 1px 1px var(--yellow-color);*/
}

.highlight_card h2 {
	font-size: 1.15rem;
	margin: 0;
    padding: 0; 
	}

.highlight_card button {
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 0.75rem 1.25rem;
    margin: 0 0 1rem 0;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.highlight_card button:hover {
    background: #005fa3;
}

.highlight_card p.stars {
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto; 
	font-style: normal;
	font-variation-settings: "wdth" 100; 
	margin: 0;
	padding: 0.85rem 0 0.65rem 0; 
}

.highlight_card p.description_p_top {
	margin: 0;
    padding: 0 0 0.65rem 0;
	line-height: 130%; 
	}
.highlight_card p.description_p_bot {
	margin: 0;
    padding: 0 0 0.65rem 0; 
	}

.highlight_card p.quote {
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: bolder;
	font-style: normal;
	text-align: inherit;
	text-transform: lowercase;
	margin: .75rem 3.25rem 0 3.25rem; 
}  

.highlight_card p.quote-02 {
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: bolder;
	font-style: normal;
	text-align: inherit; 
	margin: .75rem 3.25rem 0 3.25rem; 
}   

.highlight_card p.quote::first-letter { 
    text-transform: capitalize; 
}

.capital {
	text-transform: capitalize;
	}
	
                                    /* PayPal Button Begin */


.form_wrapper {
	display: flex;  
    justify-content: flex-start; 
	}
	
.form_wrapper button {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem;
    margin: 0 0 1rem 4.75rem;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

.form_wrapper button:hover {
    background: #005fa3;
} 

.description .bottom_pp {
	margin: 0; 
	display: block;
	text-align: center;
	} 

.description p.description_p_bot {
	text-align: center;
	color: var(--primary-color); 
	font-weight: bold;
	margin: 1.25rem 0 0.5rem 0;
	}
	
.form_wrapper_bottom button {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem; 
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

                             /* PayPal Button End */
							 
                             /* SS Paypal Button Begin */
							 
.form_wrapper-ss button {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem;
    margin: .5rem 0;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

.form_wrapper-ss {
	display: flex;  
    justify-content: center; 
	}
							 
.form_wrapper-ss form {
	display: grid;
	grid-template-rows: auto auto auto;
	justify-items: center;
	align-items: center;
	justify-content: center;
	}
	
.paypal_select {
  padding: 0.65rem 0.75rem;
  margin: 0.75rem 0 1rem 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
  width: 100%;
  max-width: 300px;
  display: block;
}

.paypal_select:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 95, 163, 0.2);
}

#drpDown {
    border: 2px solid #fff;
    background-color: var(--primary-color);
    /*#fee4b0; */
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
    width: 25.5rem;
}

.ssPaypal { 
    color: #333; 
    font-size: 1rem;
    font-weight: bold;
}

                              /* SS Paypal Button End */
							  
.highlight-gallery .shipping_cost p {
    /* Shipping Cost */
    padding: 0 0 .25rem 0;
    margin: 0;
    text-align: center;
    color: var(--text-color);
    font-weight: bolder;
    font-size: .93rem; 
}

.shipping_cost p {
    /* Shipping Cost */
    padding: .65rem 0 0 0;
    margin: 0;
    text-align: center;
    color: var(--text-color);
    font-weight: bolder;
    font-size: .95rem; 
}

.top_images h2 {
    font-size: 1.2rem;
    padding: 0 0 1.25rem 0;
    margin: 0;
}

.top_images {
    padding: .2rem 0 0 0;
    margin: 0;
}

.top_images {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 100%;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr 2fr 1fr;*/
}

.top_images .img1 {
    margin: 0 1.25rem 0 0;
}

.top_images .img2 {
    margin: 0 0 0 1.5rem;
}

.top_images p {
    font-weight: bolder;
    text-align: center;
    font-size: 1.25rem;
}

/* Highlight End */

/* Description Begin */

.description {
    background: var(--background-color-03);
    padding: 1.5rem;
    border-radius: 0 0 8px 8px;
    border: 0.094rem solid #dfdfdf;
}

.description .pp-p {
	text-align: center;
	color: var(--primary-color);
	margin: 0;
	padding: 0 0 1rem 0;
	font-weight: bold;
	}
.description .pp-p a {
	color: var(--primary-color);
    }
.description .pp-p a:hover {
	text-decoration: underline;
	color: #005fa3;
    }

.description img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    /*1rem 0;*/
    border: 0.109rem solid #eae3dd;
	margin-bottom: 0.75rem;
}

.description h2,
.description h3 {
    margin-top: 1rem;
    color: var(--primary-color);
}  

.description p.story {  
	font-family: "Lexend", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	}
	
video {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.description ul {
    padding-left: 1.2rem;
}

.description ul li {
	font-family: "Lexend", sans-serif;
	font-optical-sizing: auto; 
	font-style: normal;
	}
	
.description .two-column-list {
    display: flex;
    flex-wrap: wrap;
    /*max-width: 600px;  Optional: sets a max width for the entire list */
  }

.description .two-column-list li {
    width: 50%; /* Each <li> takes up half the row */
    box-sizing: border-box;
    padding: 4px 8px;
  }

.description p.description_p {          /* Look into to see if this is needed */
    margin: 0;
    line-height: 140%; 
}

.description p {
	line-height: 140%; 
	}
	
.description .description_p {
	color: var(--primary-color);
	font-weight: bold;      
    }

/* Description End */

/* Gallery Grid Begin */

.gallery_grid {
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr 1fr;*/
    grid-gap: .25rem;
    grid-template-columns: auto auto auto auto;
    background-color: var(--background-color);
    border-radius: 0 0 8px 8px;
    border: 0.094rem solid #dfdfdf;
    border-top: none;
    padding: .5rem .5rem 0 .5rem;
}

.gallery_grid .item1 {
    grid-column: 1 / span 4;
}

.gallery_grid p.item_p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: red;
    padding: 0;
    margin: .1rem 0;
}

.gallery_grid-02 {
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr 1fr;*/
    grid-gap: .25rem;
    grid-template-columns: auto auto auto auto auto;
    background-color: var(--background-color);
    border-radius: 8px;
    border: 0.094rem solid #dfdfdf;
    padding: 0 .5rem .5rem .5rem;
    margin: 0;
}

.ss_pics {
	display: grid;
    /* grid-template-columns: 1fr 1fr 1fr 1fr;*/
    grid-gap: 0;
    grid-template-columns: auto auto auto; 
	} 
	
.xmas {
	text-align: center;
	} 
	
.ss-details {
	text-align: center;
	margin: 1.5rem 0;
	font-weight: bold;
	}

.item {                                             /* More Button Info on cart.css */
    background: var(--background-color-03);
    color: var(--text-color) 1px solid; 
    border-radius: 8px;
    border: 0.094rem solid #dfdfdf;
    font-size: 1rem;
    text-align: center;
}

.item_style {
	margin: 0;
	padding: 0;
	}

.item_style .movie_info {
    white-space: pre-line; 
}

.item_style-ss .movie_info {
    white-space: pre-line;
}

/*.item_style a .movie_info {
	padding-bottom: 5.5rem;
	}
*/
.item button {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem;
    margin: 0 .15rem;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}  
                                                   /* More Button Info on cart.css */
.item_style a img, 
.item_style form  {
    margin: 0.5rem .2rem 0 .15rem;
}

.item_style-ss {
	padding: 0.5rem 0 0.5rem 0;
	}

/*.item_style-ss button.btn {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 0.5rem;
    margin: 1rem .15rem;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	font-weight: normal; 
}  */

.item_style p.price {
    margin: 0 0 0.35rem 0;
	padding: 0;
}

div.item a,
div.item p {
    font-weight: bold;
    color: var(--text-color);
    text-decoration: none;
}

div.grid-02 {
    font-size: .9rem;
}                                              /* More Button Info on cart.css */

                              /* Gallery Grid End */

                              /* Footer Begin */

footer {
    background: var(--3-primary-color);
    color: #fff;
    text-align: center;
    padding: 1rem;
} 
footer a:first-child {
    font-size: 1.1rem;
} 
footer a {
	color: var(--yellow-color);
    /*color: #fff;*/
    text-decoration: none;
	line-height: 135%;
    margin: 0 0.5rem;
} 
footer a:hover {
    text-decoration: underline;
} 
/*footer .pp {
	color: var(--yellow-color); 
    text-decoration: none;
	line-height: 135%;
    margin: 0 0.5rem;
	font-size: 1.1rem;
	}*/
.copy_r {
    font-size: 90%; 
}

                              /* Footer End */

.clicky p {
    font-size: 1px;
    padding-top: -1rem;
    text-align: center;
    visibility: hidden;
}

                              /* Responsive Begin */

.top_images h2.display_smler,
.display_sml,
.display_smler,
.nav-sml,
p.display_sml_g-p,
p.display_smaller_g-p, 
.item1 p.display_sml,
.am_small,
.pp_smallest,
.pp_small,
.pps_small,
.cart-display_sml  {
    display: none;
}

.highlight-gallery .h1-wrapper-02 {
	display: none;
	}
.highlight-gallery .h1-wrapper-03 {
	display: none;
	}
.highlight-gallery .h1-wrapper-04 {
	display: none;
	}

@media (max-width: 768px) {	
  body {
	background-image: none;
    background-color: var(--body-color);
	}
}
	
@media (max-width: 710px) {
  /*.description p.story,
  .description ul, 
  .description ul li, 
  .description p.description_p {
	font-size: 3rem;
  }*/
  .highlight-gallery .h1-wrapper-01 {
    display: none;
    }
  .highlight-gallery .h1-wrapper-02 {
    display: flex; 
	align-items: center;
    justify-content: center;
	gap: .25rem;
    }
  .highlight-gallery h1 {
        font-size: 1.25rem; 
        margin: 0;
    } 
	
  .highlight h1 {
        font-size: 1.5rem; 
        margin: 0;
    }  
  
  /*hr { 
    margin: 1rem 7.75rem;
    }
  hr.hr2 { 
    margin: 1rem 7.75rem;
    } */
  
  .form_wrapper button {  
    margin: 0 0 1rem 3.5rem;
	} 
  div.container {
        padding-bottom: 0;
    }

  .display_bg {
        display: none;
    }

  .display_sml {
        display: block;
    }

  .display_smler {
        display: block;
        line-height: 150%;
    } 

  .gallery_grid {
        grid-template-columns: auto auto;
    }

  .gallery_grid .item1 {
        grid-column: 1 / span 2;
        margin: 0 .2rem;
        text-align: center;
    }

  .gallery_grid-02 {
        grid-template-columns: auto auto;
    }

  div.grid-02 {
        font-size: 1rem;
    }

  .line_br {
        min-width: fit-content;
    }

  main {
        padding: .33rem;
        background: var(--3-primary-color);
    }

  .top_images .img1 {
        margin: 0 .75rem 0 0;
    }

  .top_images .img2 {
        margin: 0 0 0 .75rem;
    }

  .top_images h2 {
        font-size: 1rem;
        margin: .25rem 0 0 0;
    }
	
  .highlight-gallery .top_images h2 {
        font-size: 1.15rem;
        margin: .25rem 0 0 0;
    } 
	
  hr { 
    margin: 1rem 8.75rem;
    }
  hr.hr2 { 
    margin: 1rem 8.75rem;
    }
  .description .two-column-list { 
    display: none;
    }
  .description .two-column-list li { 
    display: none;
    }
} 

@media (max-width: 665px) {
  .highlight-gallery p.display_bg_g-p,
  .highlight-gallery p.display_smaller_g-p {
	  display: none;
	  }
  .highlight-gallery p.display_sml_g-p {
	  display: block;
	  }
}

@media (max-width: 654px) {
  .highlight-gallery .h1-wrapper-01 {
    display: none;
  }
  .highlight-gallery .h1-wrapper-02 {
    display: none;
  }
  .highlight-gallery .h1-wrapper-03 {
	display: flex; 
	align-items: center;
    justify-content: center;
	gap: .25rem;   
	}  
}

@media (max-width: 600px) {
    .form_wrapper button {  
    margin: 0 0 1rem 2rem;
	}
	
  .highlight-gallery .top_images img.img1 {
        margin: 0 0.5rem;
    }

  .highlight-gallery .top_images img.img2 {
        margin: 0 0.5rem;
    }

  .highlight-gallery .top_images h2 {
        font-size: 1.15rem;
        margin: .25rem 0 0 0;
    } 
}

@media (max-width: 599px) {
    hr { 
    margin: 1rem 4rem;
    }
    hr.hr2 { 
    margin: 1rem 4rem;
    } 
}

@media (max-width: 560px) {
  .highlight-gallery .top_images img.img1 {
        margin: 0 0.25rem;
		padding: 0 0 0 0.5rem;
    }

  .highlight-gallery .top_images img.img2 {
        margin: 0 0.25rem;
		padding: 0 0.5rem 0 0;
    }

  .highlight-gallery .top_images h2 {
        font-size: 1.15rem;
        margin: .25rem 0 0 0;
    } 
  .highlight-gallery p.display_bg_g-p,
  .highlight-gallery p.display_sml_g-p {
	  display: none;
	  }
  .highlight-gallery p.display_smaller_g-p {
	  display: block;
	  }
}

@media (max-width: 530px) {
    .highlight-gallery .top_images img.img1 {
        margin: 0 0.1rem;
		padding: 0 0 0 0.15rem;
    }

  .highlight-gallery .top_images img.img2 {
        margin: 0 0.1rem;
		padding: 0 0.15rem 0 0;
    }
  .highlight-gallery .top_images h2.display_sml {
		display: none;
		} 
  .highlight-gallery .top_images h2.display_smler {
		display: inline-block;
		} 
}

@media (max-width: 500px) {
	.item1 p.display_bg {
		display: none;
		}
    .item1 p.display_sml {
	    display: block;
	    }
		
	.highlight-gallery .top_images img.img1 {
		height: 80px;
		width: 110px;
		} 
	.highlight-gallery .top_images img.img2 {
		height: 90px;
		width: 76px;
		} 
	.top_images h2.display_sml {
		display: none;
		} 
	.top_images h2.display_smler {
		display: inline-block;
		}  
		
	.am_big {
		display: none;
	}
	.am_small {
		display: inline-block;
	}
	.pps_big {
		display: none;
	}
	.pps_small {
		display:block;
	}
}

@media (max-width: 475px) { 
    .highlight-gallery p.display_smaller_g-p {
		display: inline-block;
		text-align: justify;
		text-justify: inter-word;
	  }
}

@media (max-width: 440px) { 
    .highlight-gallery h1 {
        font-size: 1rem; 
        margin: 0;
    } 
	.highlight-gallery .top_images img.img1 {
		display: none;
		} 
	nav {
        margin: 0;
        padding: 0 0 .75rem 0;
    } 
    nav button {
        display: block;
    } 
    #navMenu {
        display: none;
        flex-direction: column;
        gap: 0;
        background: var(--primary-color);
        position: absolute;
        top: 3.5rem;
        right: 0;
        width: 200px;
        padding: 1rem;
        line-height: 300%;
    } 
    #navMenu.show {
        display: flex;
    } 
	.mobile-container-02 {
		display: none;
	}
	.nav-sml {
		display: inline-block;
	}
	
    .form_wrapper button {  
    margin: 0 0 1rem 1rem;
	} 
    .top_images .img1 {
        margin: 0 .5rem 0 0;
    }

    .top_images .img2 {
        margin: 0 0 0 .5rem;
    }
	hr { 
    margin: 1rem 2rem;
    }
    hr.hr2 { 
    margin: 1rem 2rem;
    }
	.pp_big {
		display: none;
	}
	.pp_small {
		display: inline-block;
	}
}

@media (max-width: 430px) {
	.form_wrapper button {  
    margin: 0 0 1rem .75rem;
	}
    .top_images h2 {
        display: none;
    }
	hr { 
    margin: 1rem 1.5rem;
    }
    hr.hr2 { 
    margin: 1rem 1.5rem;
    } 
	.cart-display_bg {
		display: none;
	} 
	.cart-display_sml {
		display:block;
	}
}

@media (max-width: 412px) {  
  .form_wrapper button {  
    margin: 0 0 1rem .25rem;
	} 
  hr { 
    margin: 1rem 1rem;
    }
  hr.hr2 { 
    margin: 1rem 1rem;
    }
}

@media (max-width: 390px) {  
  .highlight-gallery .h1-wrapper-01 {
    display: none;
  }
  .highlight-gallery .h1-wrapper-02 {
    display: none;
  }
  .highlight-gallery .h1-wrapper-03 {
    display: none;
  }
  .highlight-gallery .h1-wrapper-04 {
	display: block;  
	}
  .top_images h2.display_smler {
		display: none;
	} 
}  
@media (max-width: 360px) { 
    .gallery_grid {
        grid-template-columns: auto;
    }

    .gallery_grid-02 {
        grid-template-columns: auto;
    }

    .gallery_grid .item1 {
        grid-column: 1 / span 1;
        margin: 0 .2rem text-align: center;
    }
}