a { text-decoration: none; color: rgb(60 50 67 / 1); }
a:hover { text-decoration: underline; }
.btn { text-transform: uppercase;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus{ border-color: rgb(65 18 104 ) !important; box-shadow: 0 0px 0px !important; }
.form { display: grid; }
.-one { grid-template-columns: repeat(1, 1fr); }
.-two { grid-template-columns: repeat(2, 1fr); }
.-three { grid-template-columns: repeat(3, 1fr); }
.-four { grid-template-columns: repeat(4, 1fr); }
.-five { grid-template-columns: repeat(5, 1fr); }
.-six { grid-template-columns: repeat(6, 1fr); }
.form div { padding: 2.5px }
.label { font-weight: 300 !important; } 
/* form select2 */
.select2 { width: 100% !important; }
.select2 .selection .select2-selection { border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: var(--bs-border-radius) !important; height: 38px !important }
.select2 .selection .select2-selection--multiple {  height: 490px !important }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff !important; border-right: 0px !important; margin-top: 2px !important;}
.select2 .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { padding: 3px 10px 3px 20px !important; background-color: rgb(65 18 104 / 80%); color: #fff; }
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1rem !important; font-weight: 400 !important; color: var(--bs-body-color) !important; line-height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; }
.select2-container--open .select2-dropdown--below { border: var(--bs-border-width) solid var(--bs-border-color) !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-radius: var(--bs-border-radius) !important; border: var(--bs-border-width) solid var(--bs-border-color) !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-radius: var(--bs-border-radius) !important; border: var(--bs-border-width) solid var(--bs-border-color) !important; border-color: rgb(65 18 104 ) !important; box-shadow: 0 0px 0px !important; outline: none !important; }
.select2-search--dropdown { background-color: rgb(93 72 110 / 5%) !important;}
.select2-results__option { cursor: pointer; background-color: rgb(93 72 110 / 5%) !important;}
.select2-results__option:hover { background-color: rgb(93 72 110 / 80%) !important; color: white; }
/* form select2 */
/* header */
.bg-primary {background-color: #5d486e !important; }            
header {color: rgb(69, 69, 69); padding: 50px 0; text-align: center; display: flex;}
header .bg-primary.text-light.text-center.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
header .logo{max-width: 200px; width: 20%; }
header .logo img{width: auto; height:70px;}
header .search-header {width: 70%; }
header .search-header .form-control {height: 72px; width:70%; display: inline-flex;}
header .search-header .form-control:focus {border: rgb(93 72 110 / 80%);  border: none; }
header .search-header button {height: 72px; width:14%; margin-top: -4px; min-width: 140px; }
header .search-header button:hover {background-color: #fff;}
header .menu-header { width:20%; display: inline-flex;}
header .menu-header .cart-icon a { color: white; }
header .menu-header .language-icon,
header .menu-header .cart-icon,
header .menu-header .action-icon{ padding: 5%; cursor: pointer;}
/* header */
/* all containers  */
.container{ --bs-gutter-x: 0rem;}
[class*=" icofont-"], [class^=icofont-] { font-size: 20px; }
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 100% !important; margin-top: 0rem !important; margin-bottom: 3rem !important}
.mt-5{position: relative; min-height: 600px; }
/* all containers  */
/* carrousel */    
.carousel-container { width: 100%; max-height: 600px; position: relative; overflow: hidden; }
.carousel-container .h1-container { position: absolute; z-index: 2; text-align: center; width: 100%; height: 100%; background-color: rgb(0 0 0 / 40%);}
.carousel-container .h1-container h1{ margin-top: 11%; color: #fff; font-size: 3.1rem; }
.carousel-slide { display: flex; width: 100%; height: 100%; transition: transform 0.5s ease-in-out;}
.carousel-slide img {width: 100%; height: 100%; object-fit: cover;}             
/* carrousel */
/* h2 home */
.title{ margin-top: 3rem!important; text-align: center; }
.title h2, h3{color: rgb(60 50 67 / 1)}
/* h2 home */
/* content home */
.row{ margin-top: 3rem!important; padding-left: 3%; padding-right: 1%; max-width: 100%;}
.row .col-md-6 { width: 25%; padding-bottom: 1.6em; }
.row .card { background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.row .col-md-6 .card .card-body {height:0px !important; margin-top: -35px;}
.row .col-md-6 .card .card-body a {text-decoration: none !important;}
.row .col-md-6 .card .card-body .btn{ margin-top: -15px; margin-left: -30px; padding: 20px; font-size: 18px; min-width: 250px; }
.btn-primary { background-color: rgb(93 72 110 / 80%);  border: none; --bs-btn-active-bg: rgb(65 18 104 / 80%) !important;}
.btn-primary:visited { background-color: rgb(93 72 110 / 80%);  border: none; }
.btn-primary:focus { background-color: rgb(93 72 110 / 80%);  border: none; }
.btn-primary:hover  { background-color: rgb(65 18 104 / 80%); border: none; }
.btn-primary:active { background-color: rgb(65 18 104 / 80%);  border: none; }
/* content home */
/* home plans and prices */
.price-container{ margin-top: 3rem!important;  --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); padding-left: 2%; padding-right: 1%;  max-width: 100%;}
.price-container>* { max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);}
.price-container .card { background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.price-container .col-md-6 { width: 33%;}
.price-container .card-title { color: #5d486e; font-weight: bold; }
.price-container .col-md-6 .card .card-body .card-text{margin-bottom: 2rem;}
.price-container .col-md-6 .card .card-body .btn{ margin-top: -15px; padding: 20px; font-size: 18px; width: 100%; background-color: rgba(59, 42, 74, 0.8); text-decoration: none !important; }
.price-container .col-md-6 .card .card-body .btn:hover{ background-color: rgb(65 18 104 / 80%); }
/* home plans and prices */
/* background block */
.background-block { width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; z-index: 1; display: none; }
/* background block */
/* modal */
.content-dialog { background-color: #ededed; color: #474c4a; border-radius: 4px; width: 26%; position: fixed; top: 10%; left: 37%; right: 37%; display: none; box-sizing: border-box; z-index: 10; border: 2px solid  #8e799f; border-radius: 10px; margin: auto; } 
#change-language, #logged-menu, #logged-menu-staff { background-color: rgb(65 18 104 / 80%) !important; }
.content-dialog .title { color: rgb(65 18 104 ); width: 100%; height: 28px; border-top: 1px solid rgb(65 18 104 ); padding: 10px; font-size: 1.4em; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; }
#container-home .content-dialog { top: 3%; }
.content-dialog .content-modal { padding: 2%; }
#logged-menu .content-modal, #change-language .content-modal { padding: 0%; }
.content-dialog .content-modal .div { padding-top: 2%;  }
.content-dialog .content-modal .div.-one-frame {  font-size: 0.9rem; padding-left: 2%; padding-right: 2%; text-align: right; }
.content-dialog .content-modal .div.-one-frame  span { text-decoration: none; color: rgb(60 50 67 / 1); cursor: pointer; }
.content-dialog .content-modal .div.-one-frame span:hover { text-decoration: underline; }
.content-dialog p { overflow: auto; }
.content-dialog .close { width: 28px; height: 28px; position: absolute; top: 10px; right: 10px; cursor: pointer; text-align: center; line-height: 16px; border-radius: 10px; font-size: 28px; padding-top: 3px; background-color: #fff; color: rgb(65 18 104 ); border: 1px solid rgb(65 18 104 ); z-index: 15; }
#change-language .close, #logged-menu .close, #logged-menu-staff .close { background-color: rgb(65 18 104 / 80%); color: #fff; border: 0px solid rgb(65 18 104 ); z-index: 15; }
.content-dialog .close:hover { background-color: rgb(65 18 104 ); color: #fff; }
.content-dialog .content-modal hr { color: rgb(65 18 104); }
.content-dialog .content-modal .title-two { color: rgb(65 18 104); font-size: 1.4em; text-transform: uppercase; font-weight: 700; text-align: center; }
.content-dialog .content-modal .content-form .content-button, 
.content-dialog .content-modal .content-button { text-align: center; padding: 4%; }
#change-language .content-modal .content-button, #logged-menu .content-modal .content-button { padding: 0%; padding-top: 40px; }
#logged-menu .content-modal .content-button { padding-top: 14px; }
.content-dialog .content-modal #change-language, .content-dialog .content-modal #logged-menu { padding: 0% !important; padding-top: 40px; }
.content-dialog .content-modal .content-form .content-button .btn,
.content-dialog .content-modal .content-button .btn {background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff;  height: 44px; font-size: 17px; width: 80%; }
#change-language .content-modal .content-button .btn, #logged-menu .content-modal .content-button .btn { width: 100% !important; }
.content-dialog .content-modal .content-form .content-button .btn:hover,
.content-dialog .content-modal .content-button .btn:hover { background-color: #fff; border: 1px solid #251632; color: #251632; }
.content-dialog .content-modal .content-text p { font-size: .75rem; text-align: justify; padding: 2%} 
.content-dialog .content-modal .content-text p a { text-decoration: underline;} 
#logged-menu-staff, #logged-menu, #change-language { top: 0; margin-top: 109px; left: 72%; }
#logged-menu-staff .header, #logged-menu .header{ height: 25px; }
#logged-menu-staff .content-modal .content-form .content-button .btn,
#logged-menu .content-modal .content-form .content-button .btn { width: 100% !important; margin-bottom: 1px !important; }
#license-modal .content-modal .content-form .option .title { font-size: medium; font-weight: 200; color: #251632; padding: 0px !important; text-align: left; border-top: 0px !important; margin-top: 10px !important; }
#license-modal .content-modal .content-form .option .description { font-size: 12px !important; color: #5a5a5a !important; padding-left: 5%; }
#license-modal .content-modal .content-form .option .title input[type="radio"]{ appearance: none; background-color: #e4e4e4; color: #444; width: 0.85em; height: 0.85em; border: 0.15em solid currentColor; cursor: pointer; }
#license-modal .content-modal .content-form .option .title input[type="radio"]:selected{ background-color: rgb(65 18 104 / 40%); }
#license-modal .content-modal .content-form .option .title .default-price-modal.-selected{ background-color: rgb(65 18 104 / 40%); }
#signup-login .content-modal .content-form #show,
#signup-login .content-modal .content-form #hide { cursor: pointer; margin-left: 94%; }
#signup-login .content-modal .content-form #show { margin-top: -30px; }
#signup-login .content-modal .content-form #hide { margin-top: -34px; display: none; }
/* preview image gallery */
#show-image-preview { width: 40% !important; left: 30% !important; right: 30% !important; }
#show-image-preview .content-image { width: auto;  height: 500px;  overflow: hidden; }
#show-image-preview .content-modal { padding: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#show-image-preview .content-image { width: 500px; height: 400px; overflow: hidden; display: flex; align-items: center; justify-content: center;  margin-top: 10px; } 
#show-image-preview .content-image #zoom-image { max-width: 100%; max-height: 100%; user-select: none; touch-action: none; cursor: move; transition: transform 200ms ease-in-out; transform-origin: 50% 50%; } 
/* Button controls styling */
#show-image-preview .controls { display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; } 
#show-image-preview .controls button { padding: 8px 14px; }
/* preview image gallery */
/* modal */
/* select 2 */
.select2-dropdown,
.select2 .selection .select2-selection {  border: 0.05em solid #251632 !important; border-radius: 0.3em !important; }
.select2-container--default .select2-selection--single .select2-selection__clear { font-weight: 500 !important; height: 34px !important; }
.select2-container--open .select2-dropdown--below { border: 0.05em solid #251632 !important; border-radius: 0.3em !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: rgb(65 18 104 / 80%) !important; }
/* select2 */
/* footer */
footer { background-color: #5d486e; color: rgb(69, 69, 69); text-align: center;   max-width: 100%;}
footer a {color: #cdb7df; text-decoration: none;}
/* footer */
/*dashboard photographer to back*/
.panel-action-photographer-dashboard {
    margin: auto;
    width: 90%;
    margin-top: 100px;
}
.panel-action-photographer-dashboard .content {
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: 10px;
    text-align: end;
        
}

.panel-action-photographer-dashboard .content a {
    text-decoration: none;
    color: rgb(60 50 67 / 1);
}

.panel-action-photographer-dashboard .content a .btn-primary {
    background-color: rgb#5d486ecc (93 72 110 / 80%);
    border: none;
    --bs-btn-active-bg: rgb(65 18 104 / 80%) !important;
}

.panel-action-photographer-dashboard .content a .btn-primary:hover {
    background-color: rgb#5d486ecc (65 18 104 / 80%);
    border: none;
}
/**/
:root{
  --bg:#0f1115;
  --fg:#e8eaf0;
  --muted:#aab0bd;
  --line:#1b1f29;
  --card:#121622;
  --link:#c696ed;
  --link-hover:#e5e7ff;
  --radius:14px;
  --gap:20px;
}

.site-footer{
    background: var(--bg);
    color: var(--fg);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    padding: 48px 20px 28px;
    border-top: 1px solid var(--line);
    margin: auto;
    margin-top: 25px;
}
.site-footer a{ 
    color: var(--link); 
    text-decoration: none; 
    margin: auto 0;}
.site-footer a:hover{ color: var(--link-hover); text-decoration: none; }

.footer-inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 36px;
}
.footer-inner-legal {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: 10px;
    padding-top: 25px;
}
/* Brand */
.footer-brand{ display: block; }
.brand{ display: inline-flex;  align-items: center; gap: 10px; font-weight: 700; color: var(--fg);  text-decoration: none; }
.brand-mark{ display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg,#6366f1,#22d3ee); color:#fff; font-size:18px; line-height:1; }
.brand-name{ font-size: 18px;  letter-spacing: .2px; }
.brand-tag{ color: var(--muted); max-width: 40ch; }
.social{ display: grid; gap:12px; flex-wrap: wrap; }
.social-link{padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; }
/* Links grid */
.footer-links{ display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.footer-links .col h3{ font-size: 14px;  text-transform: uppercase;  letter-spacing: .08em; color: var(--muted);  margin-bottom: 10px; text-align: left !important; }
.footer-links ul{ list-style: none;  padding:0; margin:0; }
.footer-links li{ margin: 8px 0; text-align: left !important; }
/* Legal */
.footer-legal{ border-top: 1px solid var(--line); padding-top: 18px; }
.legal-links{ display: -webkit-inline-box; display: grid; list-style:none; padding:0; margin:0; }
.legal-links li { padding: 0 25px 25px 25px; }
.legal-links a{ color: var(--muted); }
.legal-links a:hover{ color: var(--fg); }
@media (min-width: 768px){
  .footer-inner{ grid-template-columns: 0.8fr 3.2fr; }
  .footer-links{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  .footer-brand{  position: sticky; top: 24px; }
}
@media (min-width: 1024px){
    .social { display: flow; }
    .footer-brand { display: grid; gap: 14px; }
    .legal-links{ display: -webkit-inline-box;  list-style:none; padding:0; margin:0; }
    .site-footer{ padding: 56px 24px 28px; margin-top: 75px; }
}
@media screen and (max-width: 1636px) {
    header .search-header button i { display: none !important; }
}
@media screen and (max-width: 1550px){
    header .menu-header .language-icon, header .menu-header .cart-icon, header .menu-header .action-icon{ padding-top: 7%; }
    #signup-login .content-modal .content-form #show,
    #signup-login .content-modal .content-form #hide { margin-left: 90% !important; }
}
@media screen and (max-width: 1280px) { 
    header .search-header .form-control { width:60%; }
    .carousel-container .h1-container h1 { font-size: 2.4rem; } 
    .row .col-md-6 {width: 50%; margin-bottom: 30px;}
}
@media screen and (max-width: 1200px) {
    #logged-menu-staff, #logged-menu, #change-language { top: 0; margin-top: 109px; left: 72%; }
}
@media screen and (max-width: 1100px){
    header .menu-header .language-icon, header .menu-header .cart-icon, header .menu-header .action-icon{ padding-top: 9%; }
}
@media screen and (max-width: 1025px) {
    #logged-menu-staff, #logged-menu, #change-language { left: 72%; }
    #change-language { width: 16% }
}
@media screen and (max-width: 1024px) { 
    header .menu-header .language-icon, header .menu-header .cart-icon, header .menu-header .action-icon{ padding-top: 11%; }
    .content-dialog { width: 50%; top: 15%; left: 25%; } 
    #logged-menu-staff,  #logged-menu{ width: 26%; }
    #logged-menu-staff, 
    #logged-menu, 
    #change-language { top: 0; margin-top: 109px; left: 70%; } 
    .carousel-container .h1-container h1 { font-size: 1.8rem; }
}
@media screen and (max-width: 1000px) {
    #logged-menu-staff, 
    #logged-menu, 
    #change-language { top: 0; margin-top: 109px; left: 48%; }
    #logged-menu-staff, #logged-menu, #change-language { left: 72%; }
}
@media screen and (max-width: 980px) {
    .py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important; display: inline-flex; width: 100%; }
    header .search-header { width: 120%; }
    header .logo img { width: auto; height: auto; max-width: 200px; margin-left: -4%; }
    header .search-header { float: left; padding-left: 0%; padding-right: 0%; }
    header .search-header .form-control { width: 70%; margin-left: 1%; }
    header .search-header button { width: 110px; max-width: 12%; margin-left: 1%; min-width: 110px; }
    header .menu-header { padding-left: 0%; padding-right: 0%; width: 32%; padding-left: 0%; padding-right: 0%; padding-top: 0rem; }
    header .menu-header .btn-outline-light { width: 120px; height: 60px !important; }
    header .menu-header .language-icon, 
    header .menu-header .cart-icon, 
    header .menu-header .action-icon { padding-top: 12%; }
    #logged-menu-staff, #logged-menum { width: 30%; left: 68%; } 
    #change-language { width: 16%; }
}
@media screen and (max-width: 912px) { 
    .row .col-md-6 .card .card-body .btn { margin-left: -16px; min-width: 263px; } 
    #change-language { width: 20% }
}
@media screen and (max-width: 872px){
    .body-container .title-background { height: 86px !important; }
    .body-container .title-background .card-body { padding-top: 32px !important; }
    .body-container .title-background .card-body h1 { width: 41% !important; font-size: 1.51rem; margin-left: 55% !important;}
}
@media screen and (max-width: 853px) { 
    header .search-header .form-control { width: 65%; }
    .carousel-container .h1-container h1 { font-size: 1.6rem; } 
}
@media screen and (max-width: 820px) { 
    header .search-header .form-control { width: 62% !important; }
    .row .col-md-6 .card .card-body .btn { min-width: 236px; } 
    #logged-menu-staff, #logged-menum { width: 34% !important; left: 64%; }
}
@media screen and (max-width: 800px) { 
    .row .col-md-6 .card .card-body .btn { min-width: 228px; } 
}
@media screen and (max-width: 768px) { 
    .py-5 { display: inline-block; }   
    header .logo { max-width: 100% !important; width: 100%; }
    header .logo img { width: auto; height: auto; max-width: 200px; margin-left: 0%; }
    header .search-header { width: 76%; }
    header .search-header .form-control { width: 74%; }
    header .menu-header { width: 22%; }
    .carousel-container .h1-container h1 { font-size: 1.4rem; } 
    #logged-menu-staff, #logged-menu, #change-language { width: 36% !important; left: 62%;  }
    #logged-menu-staff, #logged-menu, #change-language { margin-top: 174px; }
    #change-language { width: 22% !important; }
    .body-container .panel-action, 
    .body-container .alert, 
    .body-container .content-gallery-carrousel, 
    .body-container .content-gallery-detail, 
    .body-container .content-gallery-carrousel, 
    .body-container .content-gallery-detail .form-metadata, 
    .body-container .content-gallery-detail .tags-metadata{ width: 100% !important; }
}
@media screen and (min-width: 700px) and (max-width: 768px) { 
    .row .col-md-6 .card .card-body .btn { min-width: 218px; } 
}
@media screen and (max-width: 700px) {
    header .search-header .form-control { width: 80% !important; }
    header .search-header button { width: 72px; min-width: 72px; }
    header .search-header button span { display: None; }
    header .search-header button i { display: block !important; }
}
@media (max-width: 680px){
    .btn { --bs-btn-font-size: 0.95rem; }
    .content-dialog .content-modal .content-form .content-button .btn, 
    .content-dialog .content-modal .content-button .btn {width: 100%; }
    .content-dialog { width: 100% !important; height: 100% !important; top: 0%; left: 0%; }
    #logged-menu-staff, #logged-menu, #change-language  { margin-top: 0px; left:0%; width: 100% !important; height: 100% !important; border-radius: 0px; border: 0px solid #8e799f; }
}
@media screen and (max-height: 768px){
    .content-dialog {width: 40%; left: 30%; right: 30%;}
    #logged-menu, #logged-menu-staff { width: 30%; left: 64%; }
    #change-language { width: 16%; left: 70%; }
    #signup-login .content-modal .content-text { display: none;}
    #signup-login .content-modal .title-two,
    #signup-login .content-modal .-photographer { font-size: 1em !important; }
    #signup-login .content-modal .content-form .content-button, 
    .content-dialog .content-modal .content-button { padding: 1%; }
    #signup-login .content-modal .content-form .content-button .btn, 
    .content-dialog .content-modal .content-button .btn { width: 100%; }
    #show-image-preview { top: 0% !important; width: 70% !important;  left: 15% !important; right: 15% !important; }
}
@media screen and (max-height: 600px){
    #signup-login .content-modal .content-text, 
    #signup-login .content-modal .title-two { display: none; }
    #signup-login .content-modal .-photographer { display: block; font-size: 1em !important; }
    #signup-login .content-modal .content-form .content-button, 
    .content-dialog .content-modal .content-button { padding: 1%; }
    #signup-login .content-modal .content-form .content-button .btn, 
    .content-dialog .content-modal .content-button .btn { width: 100%; }
}
@media screen and (max-width: 626px) {
    header .search-header { width: 100%;  }
    header .menu-header { width: 40%; }
    header .menu-header .language-icon, header .menu-header .cart-icon, header .menu-header .action-icon { padding: 1%; padding-top: 5%; width: 33%; }
    .content-dialog { left: 0% !important; }
    #logged-menu, #logged-menu-staff { width: 100%; left: 0%; }
    #change-language { width: 100%; left: 0%; }
}
@media screen and (max-width: 600px) {
    .carousel-container .h1-container h1{font-size: 2.0rem;}
    .carousel-container .h1-container h1 {font-size: 2.2rem; line-height: 1.7; font-weight: 200;}
    .body-container .title h2, .body-container .title h3{font-size: 30px;}
    .row {  max-width: none;  margin-top: 0px !important; padding-left: 1%;}
    .row {  max-width: none;  margin-top: 0px !important; padding-left: 1%;}
    .row .col-md-6 {width: 100% !important; margin-bottom: 2rem;}    
    .row .col-md-6 .card {--bs-card-spacer-y: none;}
    .row .col-md-6 .card .card-body{margin-top: -50px;}
    .row .col-md-6 .card .card-body .btn {min-width: 100%; margin: 0px; margin-top: -1rem; }
    .price-container {margin-right: 0px !important; margin-left: 0px !important; --bs-gutter-x: 0px !important; --bs-gutter-y: 0px !important; margin-top: 0rem!important; padding-left: 1%;}
    .price-container .col-md-6 {width: 100% !important;}
    .carousel-container { display: none !important; }     
    .container .body-container .title { margin-top: 1rem !important; text-align: center; }

    .panel-action-photographer-dashboard .content a .btn-primary { width: 100%; margin: 15px 0 15px 0; }
}
@media screen and (max-width: 540px){ 
    header .search-header { width: 100%; }
    .-one, .-two, .-three { width: 100% !important; display: block /*!important*/; }
    .body-container .content-gallery-detail .form-metadata .content-button .btn-outline-light {  width: 100% !important; }
    #signup-login .content-modal .content-form #hide { margin-top: -29px; /*display: none !important;*/ }
}
@media screen and (max-width: 480px){ .body-container .title h2, .body-container .title h3 { font-size: 24px; } }
@media screen and (max-width: 430px){ 
    header .search-header { width: 99%; }
    header .search-header .form-control { width: 75% !important; }
    .body-container .title-background .card-body h1 { width: 84% !important; margin-left: 10% !important; }
}
@media (max-width: 390px){
    .body-container .title h2, .body-container .title h3 { font-size: 18px; }
    .content-dialog { width: 90%; top: 5%; left: 5%; }
}
@media (max-width: 320px){
    header .search-header .form-control { width: 72% !important; }
    .content-dialog .title {font-size: 1.3em;}
}