@media (max-width: 767px) {


/* STORE KORAK 1 DOMENE */

.spaceheader { padding: 0px !important; }

.globalcp-sidebar { max-width: 100% !important; width: auto !important; margin-top: 0px !important; margin-bottom: 20px !important; }
.globalcp-row { margin-bottom: 0px !important; }
.bodycp { max-width: 100% !important; width: 90% !important; }
.globalcp-card-body { padding: 1rem !important; }

.accordion-item input.globalcp-form-control { width: 30% !important; }
.accordion-item .globalcp-input-group { margin-bottom: 10px !important; }

.accordion-body { padding: 0.7rem; !important; }
.accordion-item .globalcp-mt-3 { margin-top: 0px !important; }

.status-domena-0 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-1 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-2 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-check { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; } 

#step1DomainSelection .globalcp-mt-4 {margin-top:10px !important; }

.globalcp-form-check-input[type=radio] { width: 10% !important; max-width: 1.25rem !important; }


/* STORE KORAK 2 */

.infopodloga { display: flex !important; gap:5px; align-items: center; font-size: 12px !important; padding: 10px !important; }
.infopodloga img { max-width: 35px !important; }
.infopodloga i { font-size: 35px !important; }

.globalcp-row { gap: 10px }
.globalcp-col-4 { width: 100% !important; } /* OVDJE TREBA PROVJERITI DALJE OPREZNO */
.globalcp-card-footer { line-height: 1.5em; }
.globalcp-btn { width: 100% }
h6.globalcp-badge { max-width:100%; white-space: wrap; text-align: left; line-height: 1.4em; }
#korak2 { width: 100%; }
#dodajukorpu { width: 100%; }


/* CART */

.cartopcije { flex-direction: column; gap: 5px !important; width: 100%; }
#orderSummary .order-summary-item { min-height: auto !important; }
.domainincart {margin-bottom: 10px !important; justify-content: space-between !important; }
.hostingincart { margin-bottom: 10px !important; justify-content: space-between !important; }
.cart-item img { max-width: 35px !important; }
.swal2-popup { max-width: 90% !important; width: 90% !important; }
.swal2-container { max-width: 100% !important; inset: auto !important; }

.nastavikupovinuheader {  }
.nastavikupovinustavke { flex-direction: column !important; gap: 5px !important; width: 100%; }
.nastavikupovinuheader-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
.nastavikupovinuheader-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.nastavikupovinuheader-left i { font-size: 35px !important; }
.nastavikupovinuheader-left h3 { font-size: 14px !important; }
.nastavikupovinuheader-left span { font-size: 10px !important;}
.nastavikupovinuheader-right span { font-size: 10px !important; }
.nastavikupovinuheader-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}

.podijelikorpu-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.podijelikorpu-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
inpu.podijelikorpudugme {width: 60% !important; }
.podijelikorpu-left i { font-size: 35px !important; }
.podijelikorpu-left h3 { font-size: 14px !important; }
.podijelikorpu-left span { font-size: 10px !important;}
.podijelikorpu-right span { font-size: 10px !important; }
.podijelikorpu-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}
#copyShareLink {width: 100% !important; border-radius: 0px 0px 10px 10px !important; }
input#shareLinkInput.globalcp-form-control { width: 100% !important; border-radius: 10px 10px 0px 0px !important; }

.promokodbox .globalcp-btn { width: auto !important; }
.registrant-icon::after { left: unset !important; }
.registrant-icon::before { bottom: 83% !important; left: 20% !important; }
.registrant-form-row {flex-direction: column !important;}
.registrant-modal-container { padding: 0px 10px !important; }
.registrant-form-group input, .registrant-form-group select { padding: 8px 10px !important; font-size:12px !important; }

div:where(.swal2-container).swal2-center>.swal2-popup { grid-column: 1 !important; grid-row: 2 !important; }

.select-user-cont { --gutter-y: 0px !important; }
.globalcp-nav { flex-direction: column !important; }
.globalcp-nav a {width: 100%; }

/* checkout */

.kreirajdodatnikorisnickinalog-stavke { flex-direction: column !important; gap: 5px !important; padding: 20px !important; }
.kreirajdodatnikorisnickinalog-stavke .nav-link { padding: 15px !important; }
.kreirajdodatnikorisnickinalog-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
.kreirajdodatnikorisnickinalog-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.kreirajdodatnikorisnickinalog-left i { font-size: 35px !important; }
.kreirajdodatnikorisnickinalog-left h3 { font-size: 14px !important; }
.kreirajdodatnikorisnickinalog-left span { display: none !important;}
.kreirajdodatnikorisnickinalog-right span { font-size: 10px !important; }
.kreirajdodatnikorisnickinalog-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div { flex-direction: column !important; gap: 0px !important;}
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div .iti__selected-flag { flex-direction: row !important; }
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div .obavijestiCheckbox { flex-direction: row !important; }
.swal2-actions .globalcp-btn { width: 100% !important; }
.swal2-actions { display: flex !important; justify-content: space-between !important; max-width: 90% !important; }

.globalcp-navbar { margin-bottom: 20px !important; }
.globalcp-status-indicator-container { margin-right: 0px !important; }
.useroptionmenu { padding-right: 5px !important;}

}