/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&family=Vazirmatn:wght@100..900&display=swap');
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

button,a {cursor:pointer;}

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #C33E2A; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #C33E2A;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.flex {display:flex;}

h1,h2,h3,h4,h5,h6 {font-family: "Akshar", sans-serif;text-transform:uppercase;}
h2 {font-size: clamp(2.1875rem, 1.9172rem + 1.3514vw, 3.4375rem);}

ul.styled-list li {list-style: decimal;margin-top:10px;}
ul.styled-list {margin-left:28px;}
/*-------- BUTTON STYLES --------*/
.buttons.flex {gap: 30px;padding-top: 30px}

a.black-button {width:100%;}
a.black-button button {width:100%;background:#000;color:#fff;padding:20px 10px;border:none;font-size:18px; font-family: "Akshar", sans-serif;text-transform:uppercase;transition:.3s;}

a.black-button button:hover,a.black-button button:active,a.black-button button:focus {background:#C33E2A;}

.hero-button {width: 100%;max-width: 48%;margin: 16px auto 0;max-width: 63%;}


a.red-button {width:100%;}

a.red-button button,input.red-button{width:100%;background:#C33E2A;color:#fff;padding:20px 10px;border:none;font-size:18px; font-family: "Akshar", sans-serif;text-transform:uppercase;margin-top: 20px;}

.services.photography .sec-1 a.red-button button,.service-content a.red-button button {transition:.3s;}

.hero-overlay a.black-button button:hover,.contact-sec .wrapper.flex .buttons.flex a.black-button button:hover, .register-sec .wrapper.flex .buttons.flex a.black-button button:hover,.services.photography .sec-1 a.red-button button:hover,.service-content a.red-button button:hover{background:#fff;color:#000;font-weight:700;}
/*-------- BODY STYLES --------*/

body {
box-sizing:border-box;
overflow-x: hidden;
font-family: "Vazirmatn", sans-serif;
font-weight:normal;
line-height:1.5;

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
section.hero-image{background:url("../siteart/hero.webp");width:100%;height: 1150px;background-repeat:no-repeat;background-size: cover;position: relative;overflow: hidden;}

.main-sub-hero {background: #C33E2A;height: 420px;display: flex;align-items: center;color:#fff;font-size:40px;padding: 0 3%;justify-content: center;}

.hero-overlay {background:rgba(209,52,43,86%); transform: skewX(-5deg);position: absolute;top: 0%;right: -10%;width: 55%;color: #fff;height: 100%;z-index: 120;}

.hero-content {    transform: skewx(5deg);
    position: absolute;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    top: 34%;
    width: 80%;
    right: 16%;
    margin: 0 auto;
    text-align: center;
    font-size: clamp(2.375rem, 2.1047rem + 1.3514vw, 3.625rem);
    line-height: .9;}


.button-cat:hover .hero-image img {  transform: scale(1.1);}

.hero-content h1 {font-weight:500 !important;font-size: clamp(3.125rem, 1.9358rem + 5.9459vw, 8.625rem);line-height: .8;}

.main-sub-hero h1 {font-size: clamp(2.5rem, 1.9595rem + 2.7027vw, 5rem);}

.main-sub-hero .inventory-title {font-size: clamp(2.5rem, 1.9595rem + 2.7027vw, 5rem);text-transform: uppercase;font-family: "Akshar", sans-serif;font-weight:700;}

.hero-content .small-text {display: flex;text-transform: uppercase;font-family: "Akshar", sans-serif;font-size: clamp(1.875rem, 1.6047rem + 1.3514vw, 3.125rem);font-weight: 500;align-items: center;gap: 20px;
    justify-content: center;}

.hero-buttons {    display: flex;
    justify-content: center;
    width: 100%;
    gap: 30px;
    position: relative;
    bottom: 150px;z-index: 120;}

.large {font-size: clamp(3.75rem, 2.1284rem + 8.1081vw, 11.25rem);}
.line {width:5vw;}
.line hr {border: none;height: 10px;background-color: #fff !important;}

.hero-image img {    object-fit: cover;
    width: 100%;
	height: 380px;
    max-width: 800px;
    border-radius: 20px;transition:.3s;}

.hero-image { overflow: hidden; }

.hero-buttons .wrapper.flex {display: flex;justify-content: space-around;width: 100%;gap: 20px;}

.button-cat {position:relative;}

.inv-overlay {position: absolute;top: 0;background: #0007;color: #fff;width: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;border-radius: 20px;height: 100%;line-height:0;}
.hero-buttons a.button-cat{line-height: 0;}
.inv-overlay p {font-size: clamp(1.8125rem, 1.6639rem + 0.7432vw, 2.5rem);font-family: "Akshar", sans-serif;text-transform:uppercase;font-weight:600;line-height:.6;margin-bottom: 6px;}

.inv-overlay .small-text {font-size:20px;}

/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/


/*---ABOUT STYLES--------------------------------*/
.rectangle {background:#C33E2A;transform: skewX(-10deg);position: relative;width: 100%;right: -201px;height: 320px;}

.no-background {transform:skewx(10deg);position: absolute;margin: 0 auto;text-align: center;right: 23%;top: -13%;}

section.about-sec {box-sizing: border-box;overflow: hidden;}

.about-sec .wrapper.flex .sec-1 {width:30%;}

.about-sec .wrapper.flex .sec-1 h2{font-size: clamp(1.25rem, 0.9122rem + 1.6892vw, 2.8125rem);line-height: 1.1;margin-bottom: 20px;}
.about-sec .wrapper.flex .sec-1 p{margin-bottom:3%;}

.about-sec .wrapper.flex .sec-2 {width: 58%;}
.about-sec .wrapper.flex {justify-content:center;padding-bottom: 10%;align-items: center;}


/*--------CONTACT STYLES--------------------*/
.about-sec.contact  .wrapper.flex .buttons.flex {flex-direction:column;gap: 10px;padding-top: 10px;}
.contact-sec .wrapper.flex .sec-1 {width: 90%;}
.contact-sec .wrapper.flex {justify-content:center;padding: 0 0 5%;align-items:center;width: 100%;margin: 0 auto;box-sizing: border-box;}
.about-sec.contact  .no-background {top: 8%;width: 70%;}
.contact-sec section.form {display: flex;justify-content: center;padding: 1% 0;flex-direction: column;}
.about-sec.contact .wrapper.flex{padding-top:5%;padding-bottom:5% !important;}
.contact-sec {overflow: hidden;}
.about-sec.contact  .no-background {right: 21%;}
.contact-sec .rectangle {padding: 23px 0;right: -128px;}
.maps {width:90%;margin:0 auto;padding-bottom:30px;}

/*--------CONSIGN STYLES--------------------*/
section.form.consign {display: flex;justify-content: center;padding: 1% 0;}
.top-flex {display: flex;justify-content: space-between;gap: 30px;align-items: center;margin-bottom: 40px;flex-direction: column;}
.top-flex > div {width: 93%;}

.consign-sec form {width:100%;}
.consign-sec .wrapper.flex {justify-content: center;padding: 5% 0 ;align-items: center;flex-direction: row-reverse;width: 90%;margin: 0 auto;gap:90px}



.consign-sec .wrapper.flex .sec-1 {width:90%;}
.consign-sec .wrapper.flex .sec-2 {width: 90%;}
/*--------REGISTER STYLES--------------------*/
.register-sec .wrapper.flex .buttons.flex {flex-direction:column;gap: 10px;padding-top: 10px;}
.register-sec .wrapper.flex .sec-1 {width: 40%;}
.register-sec .wrapper.flex .sec-2 {width: 49%;}
.register-sec .wrapper.flex {justify-content:center;padding: 5% 0 ;align-items: start;}
.register-sec .rectangle {right: -16%;top: 18%;}
.register-sec .no-background {top: 15%;width: 70%;right: 13%;}

/*--------INVENTORY CATEGORIES STYLES--------------------*/

.ground-bcrumbs {padding-top: 30px;}

section.inv-categories {background:#F1AC4B;padding:4% 0}

section.inv-categories a.black-button button{max-width:unset;display: flex;justify-content: space-between;}

section.inv-categories a.black-button {width: 100%;max-width: 555px;}

section.inv-categories .wrapper.flex {flex-wrap: wrap;gap: 12px;justify-content: center;width: 90%;margin: 0 auto;}

.inv-header {display: flex;justify-content: center;width: 90%;margin: 0 auto;gap: 3%;align-items: center;padding-bottom: 20px;}

.inv-header .line hr {border: none;height: 10px;background-color: #000 !important;}
.inv-header h3 {font-size: clamp(1.125rem, 0.9899rem + 0.6757vw, 1.75rem);}
.inv-header .line {width: 38%;}

/*--------SERVICE SECTION STYLES--------------------*/



.floating-image img {width:100%;max-width:100%;}

.service-content {background: #000;color: #fff;width: 50%;box-sizing: border-box;}

.service-content .wrapper.flex {flex-direction: column;padding: 8% 1%;width:100%;}

.services {display: flex;flex-direction: row;position:relative;background:#000;justify-content: end;padding: 8% 1%;margin: 8% auto;}

.floating-image {position: absolute;left: 6%;top: -10%;}

.service-content .wrapper.flex {max-width: 800px;}
.service-content .wrapper.flex h3 {font-size: clamp(1.8125rem, 1.5287rem + 1.4189vw, 3.125rem);}
.red-button p{margin-top:30px;}

.service.services
.services.service-page .wrapper.flex {align-items:center;}

.services.photography .wrapper.flex {flex-wrap: wrap;justify-content: center;padding: 4% 0;gap: 9px;flex-direction: row !important;}

.services.photography {flex-direction: column;justify-content: center;align-items: center;padding: 2% 1%;}

.services.photography img.photo-logo {width: 100%;max-width: 380px;}
.services.service-page .sec-1,.services.photography .sec-1 {color:#fff;}
.gallery .wrapper.flex {flex-wrap:wrap;}
.services.photography .sec-1  {width: 90%;}
.services.photography .sec-1  .red-button{margin-top:20px;}

.services.photograhy .gallery img {}

.gallery .wrapper.flex div {box-sizing: border-box;width: 22%;}

.lightbox-target {width:100%!important;}


a.lightbox img {
    height: 280px !important;
    margin: unset;
    width: 100%;
    object-fit: cover;
    display: block;
    image-rendering: smooth;
    image-rendering: high-quality;
	transition:.3s;
}

section.services.service-page .floating-image {transition:.3s;}
a.lightbox img:hover,section.services.service-page .floating-image:hover  {transform:scale(.9);}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
left: 0;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
 
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
  
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0;
}


.gallery .wrapper.flex {flex-wrap:wrap;justify-content: center;padding:4% 0;gap: 9px;}
div#image-1 {max-width: 100%;}

/*--------Register to bid  STYLES--------------------*/
.collapse-flex {width: 100%;}
.hot-line.flex {gap: 40px;}
.red-title {width:100%;background:#C33E2A;color:#fff;margin-top:2%;padding: 4% 1%;border:none;font-size:18px; font-family: "Akshar", sans-serif;text-transform:uppercase;margin-bottom: 10px;text-align:center;}
.hot-line.flex .black-button {margin-top:20px;}
section.register-sec {overflow: hidden;box-sizing: border-box;}
/*--------FORM STYLES--------------------*/
.contact-sec form {width: 100%;}
.formfield {width: 100%;}
section.form {display: flex;justify-content: center;padding: 5% 0;  }

.form.flex {gap: 20px;padding-bottom: 20px;}
.formfield input,.formfield select,.formfield textarea {width:100%;box-sizing:border-box;border:solid 1px #000;padding: 10px;}

.formfield textarea {padding:20px 10px;}
input.red-button.form {cursor:pointer;}
.collapsible,input.red-button {
width:100%;background:#C33E2A;color:#fff;margin-top:2%;padding: 2% 10px;border:none;font-size:18px; font-family: "Akshar", sans-serif;text-transform:uppercase;transition:.3s;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover,input.red-button:hover {
  background-color: #000;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  display: none;
  overflow: hidden;
	padding: 3% 0;
}

.formfield textarea {font-family: "Vazirmatn", sans-serif;}

/*-------- THANK YOU STYLES ----------------*/


section.thankyou-sec {box-sizing: border-box;}

.thankyou-sec .wrapper.flex .sec-1 {width:90%;margin:0 auto;}
.thankyou-sec .wrapper.flex {justify-content:center;padding:5% 0;}

/*-------- FOOTER STYLES ----------------*/
footer{}

footer .wrapper.flex {justify-content: center;gap: 40px;}
.footer-cat {background:#C33E2A;color:#fff;flex:2;padding: 5% 0;}
.footer-logo {flex: 1;text-align: center;align-items: center;justify-content: center;display: flex;}

.footer-logo img {width:100%;max-width:400px;}

.footer-cat a {color:#fff;text-transform:uppercase;}
.footer-cat .wrapper.flex {justify-content: space-around;width: 70%;margin: 0 auto;}
.foot-cat p {font-size:30px;text-transform:uppercase;font-weight:700;font-family: "Akshar", sans-serif;margin-bottom:10px;}
.foot-cat li {margin-bottom: 8px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-search-content .selected-facets-container .selected-facet {background:#C33E2A !important;color:#fff !important;}





/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1800px) {
	.floating-image img {max-width: 90%;}
	.services {padding: 8% 11%;}
	section.inv-categories a.black-button{max-width: 49%;}
	section.services.service-page .floating-image {top: -2%;}
}
@media only screen and (max-width: 1800px) {
	a.lightbox img {height: 214px !important;}
}

@media only screen and (max-width: 1700px) {
	.inv-header .line {width: 37%;}
}
	
@media only screen and (max-width: 1580px) {
	.floating-image img {max-width: 80%;}
	.inv-header .line {width: 34%;}
}
	
@media only screen and (max-width: 1500px) {
	.inv-header.line {width: 32%;}
	.footer-cat .wrapper.flex {width: 90%;}
}
	
@media only screen and (max-width: 1300px) {
	section.hero-image {height: 640px;}
	.gallery .wrapper.flex div {width: 42%;}
	.no-background img {width:100%;}
	.no-background {top: -4%;}
	.hero-image img {height: 240px;}
	.hero-button {bottom: 60px;}
	.about-sec .wrapper.flex .sec-1 {width: 37%;}
	.about-sec .wrapper.flex .sec-2 {width: 49%;}
	.about-sec .wrapper.flex .sec-2 .rectangle{height: 287px;}
	.consign-sec .wrapper.flex .sec-1 {width: 100%;}
	.consign-sec .wrapper.flex .sec-2 {width: 100%;}
	.contact-sec .no-background {right: 16%;}
	.hero-buttons {bottom: 50px;}
	.services.service-page .floating-image img {max-width: 70%;}
	.services.service-page .floating-image {left: 8%;top: -7%;}
	.about-sec.contact .no-background {width: 64%;right: 25%;}
}
	
@media only screen and (max-width: 1200px) {
	.service-content .wrapper.flex {max-width: 100%;}
	.services {flex-direction: column-reverse;align-items: center;padding: 8% 1%;}
	.floating-image {max-width: 90%;}
	.floating-image img {max-width: 100%;}
	.floating-image {position: relative;top:unset;left:unset;}
	.service-content {width: 90%;}
}
	
@media only screen and (max-width: 1130px) {
	.rectangle {right: -81px;}
	.about-sec .wrapper.flex  {gap: 73px;}
	.contact-sec .no-background,.contact-sec .rectangle {right:0;background:#fff;}
	.contact-sec section.form {padding: 5% 0 0;}
	.contact-sec .wrapper.flex .sec-1 {padding: 5% 0 0;width: 100%;}
	.contact-sec .wrapper.flex .sec-2 {width: 60%;}
	.consign-sec .wrapper.flex .sec-1 {width: 100%;}
}
	
@media only screen and (max-width: 1120px) {
	
	.about-sec.contact .no-background {right:0;}
	.about-sec .wrapper.flex .sec-1,.contact-sec .wrapper.flex .sec-1 {width: 70%;}
	.about-sec .wrapper.flex,.contact-sec .wrapper.flex {width: 90%;margin: 0 auto;gap: 30px;}
	.rectangle {transform: unset;right:unset;}
	.no-background {transform:unset;}
	.about-sec .wrapper.flex {width:100%;}
	.about-sec .wrapper.flex{justify-content: center;flex-direction: column;}
	.no-background > img {width: 50%;}
	.contact-sec .wrapper.flex,.register-sec .wrapper.flex  {gap: 26px;}
	.about-sec .wrapper.flex {align-items: center;gap: 66px;}
	.no-background {right:unset;top:unset;transform: unset;position: relative;}
	.contact-sec .no-background {width:unset;top:unset;}
	.register-sec .wrapper.flex {flex-direction:column;width:90%;margin:0 auto;}
	.contact-sec .rectangle {padding:unset;}
	.register-sec .no-background {width: 100%;}
	.register-sec .rectangle {background:#fff;}
	.register-sec .wrapper.flex .sec-2 {width:100%;}
	.register-sec .wrapper.flex .buttons.flex {padding-top:unset;padding-left:unset;}
	.about-sec .wrapper.flex .sec-2 {width: 90%;}	
	.about-sec .wrapper.flex  {gap: 73px;}
	.contact-sec .no-background,.contact-sec .rectangle {right:0;background:#fff;}
	.contact-sec section.form {padding: 5% 0 0;}
	.contact-sec .wrapper.flex .sec-1 {padding: 5% 0 0;width: 100%;}
	.contact-sec .wrapper.flex .sec-2  {width: 60%;}
	.register-sec .wrapper.flex .sec-2 {width:100%;}
	.register-sec .wrapper.flex .sec-1 {width:100%;}
	.register-sec .no-background,.register-sec .rectangle{right:unset;top:unset;}
	.contact-sec .wrapper.flex .buttons.flex a.black-button button:hover, .register-sec .wrapper.flex .buttons.flex a.black-button button:hover button:hover {background:#C33E2A;color:#000;font-weight:600;}
	.footer-logo {padding: 6% 0;}
	.footer-cat .wrapper.flex {gap: 30px;flex-direction:row;}
	footer .wrapper.flex {flex-direction: column-reverse;gap: unset;}
	.inv-header .line {width: 30%;}
}
	
@media only screen and (max-width: 1000px) {
	.about-sec .wrapper.flex .sec-1,.contact-sec .wrapper.flex .sec-1 {width: 90%;}
	section.inv-categories a.black-button {max-width: 100%;}
	.inv-header.line {width: 30%;}
	section.inv-categories {padding: 14% 0;}
	.hero-overlay {width: 62%;transform: unset;}
	section.hero-image {height: calc(110vh - 330px);}
	.hero-buttons {bottom: 40px;}
	.contact-sec .wrapper.flex {justify-content: center;flex-direction: column;padding-bottom: 0%;}
	.hero-content {transform: unset;}
	.top-flex {flex-direction: column;gap: 20px;}
	.inv-header .line {width: 26%;}
	.register-sec .wrapper.flex .sec-1 {width:100%;}
	.top-flex > div {width: 100%;}
	.register-sec .wrapper.flex {width:90%;margin: 0 auto;}
	.no-background > img {width: 74%;}
	.contact-sec .wrapper.flex .sec-1 {width:100%}
	.contact-sec form {width: 100%;}
	.contact-sec .wrapper.flex .sec-2 {width:100%;}
	.consign-sec .wrapper.flex {flex-direction:column;gap:0;}
	.footer-cat .wrapper.flex {gap: 30px;flex-direction:column;}
	.about-sec.contact .no-background {right: 0;}
}
	
@media only screen and (max-width: 900px) {
	.hero-buttons .wrapper.flex {flex-direction: column;width: 90%;gap: 6px;}
	.hero-image img {height: 300px;}
	
	.about-sec .wrapper.flex .sec-2,.contact-sec .wrapper.flex .sec-2  {width: 100%;}
	.collapsible {padding: 4% 10px;}
	.contact-sec .wrapper.flex .sec-2 .rectangle {background:unset;}
	.contact-sec .form.flex{flex-direction: column;}
	.rectangle {transform: unset;right: unset;height: auto;}
	.footer-cat {padding: 15% 0;}
	section.form {margin-top:unset;padding: 15% 0 20%;}
}
	
@media only screen and (max-width: 900px) {
	.about-sec .wrapper.flex {padding-bottom: 16%;}
}
	
@media only screen and (max-width: 800px) {
	a.lightbox img {height: auto !important;}
	.services.photography .wrapper.flex {flex-direction: column !important;}
	.gallery .wrapper.flex div,.services.photography .sec-1 {box-sizing: border-box;width: 90%;margin: 0 auto;}
	.form.flex {flex-direction: column;}
	.main-sub-hero {height: 310px;}
	.main-sub-hero h1,.main-sub-hero p{margin-top:10%;}
	.footer-logo img {max-width: 290px;}
}
	
@media only screen and (max-width: 600px) {
	.hero-overlay {width: 80%;}
	.inv-header .line {width: 19%;}
	.rectangle {padding: 30px 0;}
	.about-sec.contact .wrapper.flex .buttons.flex {margin-top:unset;padding-top:unset;}
}
	
@media only screen and (max-width: 500px) {
	.inv-header .line {width: 20%;}
	.buttons.flex {gap: 9px;padding-top: 30px;flex-direction: column;}
	.hero-image img {height: 190px;}
	.buttons.flex {padding:unset;margin-top:30px;}
	.hero-content .small-text {font-size: 20px;}
	.hero-content h1{font-size: clamp(2.75rem, 2.0833rem + 3.3333vw, 3.125rem);}
	.hero-content {top: 40%;}
	section.hero-image {height: 590px;}
	.large {font-size: clamp(3.5625rem, 3.2292rem + 1.6667vw, 3.75rem);}
	.about-sec .wrapper.flex .sec-2 .rectangle {height:unset !important;}
}

@media only screen and (max-width: 401px) {
	.inv-header .line {width: 14%;}
}

@media only screen and (max-width: 325px) {
	.inv-header .line {width: 11%;}
}