@media only screen and (min-width: 1980px) {
	.header {
		margin-top: 200px;
	}
}

@media only screen and (max-width: 1680px) {
	.services {
		padding: 0 !important;
	}
    .container{
        max-width:1300px ;
    }
    .row-category-landing .coltext-category{
        max-width: 100% ;
    }
	.one {
		background-image: url("/storage/images/res7.webp");
	}
	.detaily{
		margin-top: 28px !important;
	}
	.detaily-odsazeni{
		margin: 10px 0px !important;
		/* margin-top: 19px; */
	}
	.detaily-odsazeni h3{
		margin: 9px 0px !important;
	}
}

@media only screen and (max-width: 1405px) {
	.nav{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 1387px) {
	.onesmall {
		width: 100%;
		padding: 100px 50px !important;
	}
	.row-services .coltext #svgsize {
		width: 3.8rem;
	}
	#recenze .modal{
padding: 1em;
	}
	.ratingContent{
		margin-top: 0px;
	}
	
	.container{
		width: 1200px;
	}
	.coltext p{
		font-size: 0.8rem;
	}
	.row-services .coltext svg{
		width: 3.5rem;
	}
	.row-services .coltext h4{
		font-size: 1rem;
	}
	.cart-page{
		max-width: 90% !important;
	}
	.row-category-landing .coltext-category {
		width: 70% !important;
		margin: 0px auto;
	}
	.row-category-landing {
		gap: 2rem;
		grid-template-columns: repeat(1, 1fr);
		align-content: center;
	}
	.row-category-landing .col {
		width: fit-content;
	}
	.row-category-landing p {
		height: unset;
		width: 100%;
		font-size: 1rem;
	}
	.col-3 .coltext {
		text-align: center !important;
	}
	.smalles .coltext svg,.smalles .coltext #svgsize{
		width: 20% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

    .row-services .col-3 {
		height: auto !important;
        padding: 10px 8px;
        max-width:260px;
        margin: 10px 10px !important
	}

	.coltext {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1285px) {
	.col-products .btn-black2 {
		width: 100%;
	}
	.container{
		width: unset;
	}
	.row2 img{
        max-width: 240px;
    }

	.single-product .col {
		padding: 8px !important;
	}
	.block-wrap h2 {
		line-height: 50px !important;
	}
	.row-2 {
		justify-content: space-between;
	}
	.col .adresa {
		margin-bottom: 0 !important;
	}
	.row-popisek-grid {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.row-product-page {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.nav-links1 {
		width: 40%;
		margin: 0 20px;
	}

}

@media only screen and (max-width: 1134px) {
	.row-category-landing p {
		max-height: 100px !important;
	}
	.row-services{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.checkout .col {
		padding-left: 0px !important;
	}
}

@media only screen and (max-width: 1050px) {
	.row-services .coltext h4 {
		font-size: 1.2rem !important;
	}
    .hidden{
        display: block;
    }
	.btn-methods{
		width: 100% !important;
	}
	.btns-group  .btn-next{
		max-width: unset !important;
	}
	.btn-prev-cart{
		text-align: center !important;
		margin-top: 0 !important;
	}
    .block-wrap .buttony{
        display: none !important;
    }
    .row-auth{
        grid-template-columns:repeat(1, 1fr);
    }
	.auth-page{
		padding: 20px ;
	}
	.row-auth .colimg{
		margin: 0px !important;
	}
	.thankyou h2{
		flex-direction: column !important;
	}
	.thankyou .iconify{
		text-align: center;
		
		
	}
	.thankyou{
		margin-top: 100px !important;
	}
	.row-category-landing .coltext-category {
		width: 90% !important;
	}
	.row-products {
		grid-template-columns: repeat(3, 1fr);
	}
	.nav-links2 {
		width: 30% !important;
	}
    .row-checkout{
        grid-template-columns: repeat(1, 1fr) !important;
    }
	.nav-links li {
		margin: 0 15px;
	}
	
	.onesmall p {
		font-size: 1.5rem;
	}
	.container {
		max-width: 95% !important;
	}
	#logo {
		width: 100%;
	}
	.row-services .coltext h4 {
		margin: 5px 0;
		margin-left: 3px;
		color: var(--main);
	}
}



@media only screen and (max-width: 960px) {
	.btns-group {
		display: grid !important;
		grid-template-columns: 1fr !important;

	}
	.edit-form{
		width: 90% !important;

	}
	.contact-info,  .contact-form input, .contact-form textarea{
		max-width: 100%;
	}

	.contact-info{
		
		padding: 0 5px !important;
		padding-bottom: 10px !important;
	}
	.total-price table{
		max-width: unset;
	}
	.row4{
		display: block;

	}
	.modaloverlay .modal .btn{
		width: 90% !important;
	}
	.modaloverlay .modal{
		padding: 11px !important;
	}
	.modal .row4 textarea,input{
		width: 100%;
	}
	.row4 p,legend{
		font-size: 0.9rem;
	}

	.row4 .col{
		padding-left: 20px !important;
	}
	.buttonCheckoutPad{
		padding-left: 0px !important;
	}
	.col-products {
		margin-bottom: 10px !important;
	}
    .row-services {
		justify-content: center !important;
	}
	.row2 {
		padding: 10px 0px !important;
		gap: 25px;
	}
	.float-right .progress-doprava {
		width: 100%;
	}
	.flexpay {
		display: block;
	}
    .nav {
		background: var(--blacker);
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
	.mobile{
		display: block !important;
		padding: 0px !important;
	}
	
	.benefits{
		padding:0px 6px !important ;
	}
	.col-popisek{
		margin-top: 20px;
	}
	.detaily{
		margin-top: 0px !important;

	}

	.recenzemodal-count .recenzeCount{
		align-self: flex-start;
		padding: 0 6px;
	}
	.detaily-odsazeni{
		margin-top: 10px !important;
	}
	.no-mobile{
		display: none;
	}
    .nav-active {
		justify-content: unset !important;
		padding-top: 50px;
		gap: 2rem;
	}
	.nav-links .hidden{
		display:block !important
	  }
    .logo svg {
		width: 130px !important;
	}
	.nav-active li a {
		font-size: 1.3rem !important;
	}
    .row-auth .logo svg {
		width: 1.7rem !important;
        margin-top: 0 !important;
	}

	.block-wrap {
		padding: 10px !important;
	}
	.tepero .nav {
		background: none;
	}
	.nav-links1 {
		position: absolute;
		right: 0;
		height: 100vh;
		top: 7.5vh;
		background: rgb(15, 15, 15, .9);
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 120%;
		z-index: 10;
		backdrop-filter: blur(0.4rem);
		-webkit-backdrop-filter:blur(0.4rem);
		transform: translateX(120%);
		transition: transform 0.5s ease-in;
	}
	.nav-links1 li {
		opacity: 0;
	}
	.burger {
		z-index: 10;
		display: block;
		cursor: pointer;
	}
	.nav-active {
		transform: translateX(10%);
	}
	.total-price {
		display: flex;
		flex-basis: 100%;
	}
	.col {
		flex-basis: 100%;
		text-align: left;
	}
	.table-col {
		padding: 0px !important
	}
	.row-category-landing img {
		width: 270px !important;
		height: 280px !important;
	}
	footer .footer-content {
		flex-direction: column;
	}
	.col-status {
		flex-basis: 100%;
		margin: 10px auto !important;
	}
	footer .footer-content .center {
		display: flex;
		margin-top: 70px;
	}
	footer .footer-content ul {
		margin: 20px auto;
		width: 100%;
	}
	footer .footer-content .footer-text {
		text-align: center;
	}
	footer .svg {
		margin: auto;
		width: 200px;
	}
	.btn-prev {
		width: 100% !important;
	}
	.buttonsShip {
		padding: 0px !important
	}

	.orders .orders-page {
		padding: 0 !important;
		font-size: 10px !important;
	}
	.btn-cart {
		width: 100%;
		text-align: center;
	}
	.float-right {
		float: unset;
	}
	.span-cookies {
		width: 70%;
	}
	.cookie-consent__message {
		gap: 0.6rem;
	}
	.row-grid-shop{
		display: block !important;
	}
	.aa-input-container{
		margin-right: 1rem;
	}
	.detailos .detaily-odsazeni{
		padding-left: 8px !important;
	}
	.filtros {
		margin-top: 40px;
	}
	.shop-insta{
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 830px) {
	.row-products {
		grid-template-columns: repeat(2, 1fr);
	}
	.aa-input-container,.aa-input-search {
		max-width: 400px;

	}
	.admin-message p{
		font-size: 0.7rem;
		max-width: 100%;
	}
	.contact-form > input[type="submit"]{
		width: 50%;
		
	}
  .contact-form{
	padding: 0px;
  }
	.about-text p{
		max-width: unset !important;
		padding: 0 5px;
	}
	.about-clothos{
		font-size: 1.1rem;
	}
	.about-syno{
		font-size: 70%;
	}
	.about-text{
font-size: 1rem;
	}
	.btn{
		width: 50%;
	}
	.row-category-landing .coltext-category {
		margin: 0px 0px !important;
		max-width: 100%;
		width: 100% !important;
	}
	.row-category-landing p {
		font-size: 0.8rem;
	}
	.row-category-landing img {
		width: 260px !important;
		height: 250px !important;
	}
	.col-products {
		min-width: unset;
	}
	.row-category-landing h2 {
		font-size: 1.3rem;
	}
	.flickity-prev-next-button,
	.flickity-prev-next-button {
		top: 42% !important;
	}
	.marina {
		margin: 0 !important;
		text-align: center;
	}


	.rowka {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}



	body {
		overflow-x: hidden;
	}
	.category {
		margin-bottom: 15px;
	}

	.cart-page {
		padding-bottom: 60px !important;
	}
	.total-price {
		justify-content: center !important;
		width: 100%;
		padding-bottom: 20px;
	}
	.col-popisek {
		text-align: left;
	}
	.colimg {
		height: 100%;
	}
	.col-2 h1 {
		font-size: 4rem;
		margin: 20px 5px 10px 0;
		margin-bottom: 20px;
	}
	.start {
		margin-right: 0;
	}
	.h2, .flex-thanku{
		flex-direction: column;
		
	}
	.flex-thanku .iconify{
		font-size: 1.3rem;
	}
	
}

@keyframes navLinkFade {
	from {
		opacity: 0;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform: translateX(0px);
	}
	
}

@media only screen and (max-width: 670px) {
	.header {
		margin-top: 20px !important;
	}
	.featured h2{
		line-height: 1.1;
	}
	.shop-insta{
		max-width: 90% !important;
	}
	.row-category-landing .category-card h2{
		font-size: 2rem !important;
	}
	.row-category-landing img {
		width: 220px !important;
		height: 240px !important;
	}
	.span-cookies{
		width: 90%;
	}
	.js-cookie-consent{
		padding: 8px;
	}
    .row2 {
		grid-template-columns: 1fr;
		place-content: center;
		text-align: center;
	}
	.category-name-center .index{
		font-size: 1.3rem !important;

	}
	.category-item span{
		font-size: 1.3rem !important;
	}
	.row-category-landing p {
		font-size: 0.7rem !important;
	}
	.row-category-landing h2 {
		font-size: 1.2rem !important;
	}
	.fkategorie .row .col {
		margin-bottom: 40px !important;
	}
	.fkategorie .row .col h2 {
		line-height: 10px !important;
	}
	.row2 img {
		max-width: 88%;
	}
	.grid-category{
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
		width: 90%;
		margin: 0 auto;
	}
}
@media only screen and (max-height: 725px) {
	.modaloverlay .modal{
		overflow-y: scroll !important;
	}
	
}

@media only screen and (max-width: 600px) {
	.row {
		text-align: center;
	}
	.end-buttton{
		position: relative !important;
		margin: 21px auto;
	}
	.message2{
		top: 117px !important;
	}
	.sidebar .row{
		text-align: left !important;
	}
	.cart-page .product-cart .mobile{
		display: block;
	}
	.cart-btn-2{
		font-size: 1rem;
	}
	.cart-btn-2 .iconify{
		color: #fa755a;
	}
	.cart-page .float-right{
		margin-top: 0px;
	}
	.btn-black2 .iconify{
		margin-right: 3px;
	  }
	.row-padding{
		padding: 10px !important;
	}
	.cart-btns{
		flex-direction: column;
	}
	.btn-product{
		width: 100%;
	}

	.js-cookie-consent {
		flex-direction: row;
		gap: 0.8rem;
	}
	.js-cookie-consent button {
		width: 50%;
		font-size: 0.6rem;
	}
	.scroll-down{
		opacity: 0.8;
	}
	.cookie-consent__message {
		font-size: 0.5em;
		gap: 0.6rem;
	}

	.swal2-toast {
		width: 100% !important;
	}
    .checkout{
        margin-top: 70px !important;
    }
    .col .table-col{
        padding: 20px !important;
    }
	.grid-category{
		overflow: auto;
		overflow-x: hidden;
		max-height: 400px;
		scroll-padding: 10px;
		width: 100%;
	}

	.rw4 {
		text-align: left;
	}
	.aa-dropdown-menu {
		width: 300px !important;
	}
	.obchod {
		margin-top: 70px !important;
	}
	.logo {
		width: 100px !important;
	}
	.bigfont {
		font-size: 1rem !important;
	}
	.col-info {
		padding-left: 13px !important;
	}
	.featured h2 {
		text-transform: uppercase;
		font-size: 0.9rem;
	}
	.row-products {
		gap: 0.2rem;
	}
	.loader .blok .loading {
		font-size: 2.4rem !important;
	}
	.cart {
		padding: 10px 5px !important;
	}
	.info-kategorie h2 {
		text-align: center !important;
	}
	.input-group ul li label {
		font-size: 0.8rem;
		padding: 25px 25px 25px 51px !important;
	}
	.center {
		text-align: center;
	}
	.contact-info {
		padding: 0;
	}
	.info h2 {
		font-size: 2.2rem !important;
		line-height: 50px;
	}
	.nadpis {
		padding: 40px 5px;
	}
	.bottom {
		margin-bottom: 40px
	}
	.col img {
		width: 310px;
		height: 310px;
	}
	.nadpis .info {
		padding: 15px !important;
	}
	.col-3-bottom p {
		font-size: 13px !important;
	}
	.nav {
		justify-content: space-between;
	}
	.onesmall {
		padding: 30px 20px !important;
		padding-bottom: 0px !important;
	}
	.header .col-2 h3 {
		font-size: 1rem;
	}
	.header .col-2 h1 {
		margin: 10px;
		font-size: 3rem !important;
		font-weight: 600 !important;
	}
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.info-kategorie h2 {
		text-align: center !important;
	}
	textarea {
		width: 80%;
	}
	.btn-product {
		padding: 15px 40px !important;
	}
	.cart-info p {
		display: none;
	}
	.col {
		padding: 13px !important;
	}
	.progress-step {
		width: 4.1875rem !important;
		height: 4.1875rem !important;
	}
	.progressbar::before,
	progress {
		height: 5px !important;
	}
	.price-cart {
		font-size: 1rem;
		text-align: center;
		width: 100px;
		font-weight: 600;
	}
	.one {
		background-image: url("/storage/images/res2.webp");
	}
	.one p {
		line-height: 17px;
	}
	.col-2 {
		text-align: center;
	}
	.col-2 h1 {
		font-size: 1.5rem !important;
		margin: 10px 5px !important;
	}
	.col-2 h3 {
		font-size: 0.7rem;
		letter-spacing: 5px;
	}
	.col-2 p {
		font-size: 0.8rem;
	}
	.col-2 a {
		margin-top: 20px !important;
		text-align: center;
		font-size: 1rem;
	}
	.single-product .row {
		text-align: left;
	}
	.single-product h1 {
		font-size: 26px;
		list-style: 22px;
	}
	.product {
		padding: 10px;
	}
	/* .single-product h2:nth-child(2){
		font-size: 35px !important;
	} */
	.row-product-page{
		gap:0.5rem !important;
	}
	.auth-page h2{
		font-size: 1.3rem;
		margin-bottom: 30px;
	}
	.auth-page .authname{
		margin-bottom: 0px;
		margin-top: 40px;
	}
	.auth-page{
		padding: 0px !important;
	}
	.smalles .col-3 .coltext p{
		font-size: 0.8rem !important;
	}
	body.swal2-toast-shown .swal2-container.swal2-top {
		width: 90%;
	}
	.swal2-popup.swal2-toast .swal2-title{
		font-size: 0.9rem !important;
	}
}

@media only screen and (max-width: 540px) {
	.js-cookie-consent {
		text-align: left;
	}
	.detailos .detaily-odsazeni{
		padding-right: 0px !important;
	}
	.velikost-group{
		margin-top: 3rem;
		margin-bottom: 4rem;
	}
	.row-services{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.prazdnej{
		font-size: 2rem;
	}
	.form-step .h2 {
		padding: 0 !important;
	}
	.aa-input-container,.aa-input-search {
		max-width: 280px;
	}
	.row-category-landing .coltext-category {
		display: unset !important;
	}
	.row-category-landing img {
		max-width: 350px !important;
		width: 100% !important;
		margin: 10px ;
		text-align: center;
		height: 280px !important;
	}

	.row-category-landing p {
		font-size: 0.8rem !important;
	}
	.row-category-landing .category_img {
		text-align: center;
		width: fit-content;
	}
	.form-step small {
		padding: 0 !important;
	}
	.recenzemodal-count {
		flex-direction: column;
		gap: 2rem;
	}
	.recenzemodal-count a {
		width: 100% !important;
	}
	.filtros{
		margin-right: 0px !important;
	}
}

@media only screen and (max-width: 480px) {
	.col-2 a {
		font-size: 0.9rem;
		width: 90%;
	}
	.category-item span{
	 font-size: 1rem !important;
	}
	
	.shop-insta{
		margin-top: 0.5rem !important;
	}
	.buttony{
        margin: 10px 0px !important;
    }
	.fixed-padd h1{
		font-size: 1.5rem;
	}
    .textys{
        margin: 10px;
    }

	/* .coltext p{
		font-size: 0.9rem !important;
	} */
    .row-auth .small-input-row{
        margin: 3px;
    }
	.coltext p{
		font-size: 0.9rem;
	}
	.ShipName{
		width: 88px !important;
		overflow:hidden;
        white-space:nowrap;
       text-overflow: ellipsis;
	}
	.labelCheckoutShipping {
		gap: 0.4rem !important;
	}
	.thankyou h2{

		font-size: 1rem;
	}
	.thankyou small{

		font-size: 0.7rem;
	}
    .row-auth .logo svg {
		width: 1.3rem !important;
        margin-top: 0.03rem !important;
	}
	.swal2-popup{
		width: 21rem !important;
	}
	.swal2-popup .swal2-title{
		font-size: 1.3rem;
	}

	.labelCheckoutShipping img {
		width: 30px !important;
		height: 20px !important;
	}
	.input-group ul li label {
		font-size: 0.8rem !important;
		padding: 25px 7px 25px 31px !important;
	}
	.ratingName{
		margin-top: 10px;
	}
	.small-input-flex{
		/* display: flex !important;
		display: -moz-box !important;
		display: -webkit-flex !important; */
		gap: 0.8rem;
		margin-top: 0.3rem;
	}
	.big-input-row{
		margin-left: 0px !important;
	}
    .row-auth  .small-input-flex{
		display: flex !important;
		display: -moz-box !important;
		display: -webkit-flex !important;
	}
    .row-auth .small-input-row input{
        width: 100%;
    }
    .row-auth .big-input-row{
        width: 98% !important;
    }

	.featured h2 {
		font-size: 0.8rem;
	}
	.swal2-toast {
		width: 80% !important;
		text-align: center;
	}
	.nav {
		padding-left: 25px!important;
		padding-right: 25px!important;
	}
	.onesmall p {
		font-size: 1.3rem;
	}
	.admin-message {
	padding: 0px 20px;
	}
	.authname {
		width: 100%;
		font-size: 2rem !important;
	}
	.adresatable tr th {
		font-size: 1rem;
	}
	.order-page {
		padding: 10px !important;
	}
	.orders {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.contact-info small {
		font-size: 15px !important;
	}
	.contact-info p {
		font-size: 20px;
	}
	.col-3-bottom {
		padding: 10px !important;
	}
	.col-3-bottom p {
		font-size: 15px;
	}
	.header .col-2 h1 {
		margin: 10px;
		font-size: 2.6em !important;
		font-weight: 600 !important;
	}
    .col-2 h3{
        margin-bottom:30px;
        line-height:0;
    }
	.form-step .h2 {
		font-size: 1rem;

	}
	.col-2 h1 {
		font-size: 2rem;
		margin: 20px 5px 10px 0;
	}
	.one .row {
		margin-top: 50px;
	}
	.big-input-row input{
		width: 100% !important;
	}
	.auth-page h2{
		font-size: 1rem;
		margin-bottom: 10px;
		padding: 10px;
	}

	.authname {
		margin: 0px;
		padding: 10px;

	}
	.btn-black2 .iconify{
		display: none;
	}
	.info-kategorie{
		margin-top: 0px !important;
	}
	.shop-insta{
		max-width: 98% !important;
	}
}

@media only screen and (max-width: 420px) {

	.aa-input-container,.aa-input-search {
		max-width: 280px !important;
	}
	.single-product .col h1{
		font-size: 1.5rem !important;
	}.grid-category{
		grid-template-columns: repeat(auto-fit, minmax(114px, 1fr)) !important;
		max-height:280px;
	}
	
	.grid-margin{
		margin-bottom: 1.5rem !important;
	}
	.shop-insta{
		font-size:0.7rem ;
	}
	
	.filtros{
		margin-top: 18px !important;
	}

	.about-clothos{
		font-size: 1rem;
	}
	.one {
		background-image: url("/storage/images/res5.webp");
		width: 100%;
	
	}
	.scroll-down{
		bottom: 9%;
	}
.about-text{
font-size: 0.9rem;
	}
	.nopaddingtop{
		margin-bottom: 50px !important;
	}
	.info h2::after{
		border-radius: 3px;
		height: 4px;
	}
	.info{
		padding-bottom: 14px !important;
	}
	.nadpis{
		padding-top: 15px !important;
	}
	.small-input-row{
		width: 95%;
	}
	.illu{
		width: 80%;
	}
	.thankyou .illu{
		margin-top: 1rem !important;
	}
	.h2{
		font-size: 1.5rem !important;
	}
	.facture{
	margin-top: 0px !important;

	}
	body.swal2-toast-shown .swal2-container.swal2-top{
		width: 100% !important;
	}
	
	
	.sticky{
		margin-bottom: 0px !important;
		height: 80px !important;
	}
	.featured h3,.slevaprice h5{
		margin-top: 19px;
	}
	.ukotveni{
		min-height: 260.2px;
	}
	.btns-group{
		margin-top: 0px !important;
		gap: 0rem !important;
	}

/* 	.col h3{
		font-size: 1.8rem !important;
	} */
	.big-input,.small-input-row{
		margin: 0px !important;
	}
	.control .input {
		width: unset !important;
	}
	.col-2 a {
		font-size: 0.9rem;
	}
	.row-category-landing img {
		margin: 0 !important;
		height: unset !important;

	}
    .row-auth .buttony p{
        font-size: 0.9rem;
    }


	.big-input-row {
		width: 100% !important;
	}
	.col-3 {
		margin: 0px !important
	}
	.nav {
		
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.onesmall p {
		font-size: 1rem;
	}
	.onesmall{
		height:20vh;
		padding: 20px;
	}

	form {
		padding: 0 !important;
	}
	.col-2 h1 {
		font-size: 1.7rem;
		margin: 20px 5px 10px 0;
	}
	.one .row {
		margin-top: 50px;
	}
	.progress-step {
		font-size: 1rem !important;
		width: 3.1875rem !important;
		height: 3.1875rem !important;
	}
	.nav-links2 {
		margin-left: 20px;
	}
	.progressbar::before,
	progress {
		height: 5px !important;
	}
	.progress {
		height: 5px !important;
	}
	.col-popisek p {
		font-size: 0.9rem !important;
	}
	.checkout .col{
		padding: 0px !important;
	}
	.row-checkout{
		gap: 0.5rem !important;
	}
	.fixed-padd{
		padding: 4px !important;
	}
#RegisterForm p{
	margin-top: 1rem;
	font-size: 0.8rem;
}
.textServices svg,#svgsize{
	width: 20% !important;
	margin-left: 5px;
}
.row-services .coltext h4 {
    font-size: 1rem !important;
}
.header .col-2 h3{
    font-size: 0.9rem;
}
.nav .logo svg{
	margin-top: 6px;
}
.nav-links .iconify{
	font-size: 1.6rem;
}
.sidebar{
	padding: 40px;
}
.info-kategorie h1{
	font-size: 1.6rem !important;
}
.info-kategorie{
	padding: 5px !important;
}
.info-kategorie p small{
	font-size: 0.9rem !important;
}
.category-item, .category-name-center{
	height: 120px !important;
}

.socc{
	background-color: var(--black);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.social{
	margin: 1rem 0px;
	margin-bottom: 0.6rem !important;
}
.social-icons svg{
    width:25px !important;
     height:25px !important;
	
}.social-icons a{
	padding: 10px;
}
.social-icons small{
	margin-bottom: 1.5rem;
	gap: 0.5rem !important;
}
.cart-page{
	margin-top: 90px !important;
	padding: 20px ;
}
.cart{
height: 358px !important;
}
}
@media only screen and (max-width: 399px) {
	.input-group ul li .check::before{
		top: 25% !important;
    left: 25% !important;
	}
	.float-right .progress-doprava small{
		font-size: 0.7rem !important;
	}
	.thankyou p{
		font-size: 0.8rem;
	}
	.thankyou{
		padding-top: 15px !important;
	}


}

@media only screen and (max-width: 390px) {
	.orders .orders-page {
		padding-bottom: 30px !important;
		font-size: 8px !important;
	}
	.featured h2{
		line-height: unset !important;
	}

	.row-services .coltext h4{
		font-size: 1.1rem !important;
	}
	.btn-black2 .iconify{
		display: inline-block;
		margin-right: 5px;

	}
	.featured h3,.slevaprice h5{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.detaily-odsazeni p{
		font-size: 0.87rem !important;
	}
	.checkout .td:first-child{
		max-width: 100% !important;
	}
	.modaloverlay .modal{
		max-height: 39em;
	}
    .row-auth .buttony p{
        font-size: 0.88 !important;
    }
	.row-products {
		grid-template-columns: repeat(1, 1fr);
	}
	.col-2 a {
		font-size: 0.9rem;
	}

	.col-3-bottom {
		width: 100% !important;
	}
	.coltext h4 {
		font-size: 1.3rem !important;
	}
	.form-step small {
		font-size: 0.6rem !important;
	}
	.btns-group{
		margin-top: 0px !important;
	}
	.container {
		max-width: 97% !important;
	}
	.btn-cart {
		padding: 10px !important;
	}
	.price-cart {
		font-size: 0.8rem;
		text-align: center;
		width: 100px;
		font-weight: 600;
	}
	.col h1 {
		font-size: 1.7rem;
	}
	.col .btn-black {
		text-align: center;
		width: 100% !important;
		padding: 8px !important;
	}
	.btn-black {
		width: 100% !important;
		padding: 8px !important;
	}
	.one .row {
		margin-top: 50px;
	}

}

@media only screen and (max-width: 360px) {
	.logo svg {
		width: 100px !important;
	}
	.grid-category{
		width: 100%;
	}
	.ShipName{
		width: 45px !important;
		 overflow:hidden;

		 white-space:nowrap;

		 text-overflow: ellipsis;
	}
    .fb-content, .google-content{
        padding: 9px !important;
    }
    .row-auth .buttony p{
        font-size: 0.8rem;
    }
    .row-auth .logo svg{
        width: 1rem !important;
        margin-top: 0.1rem !important;
    }
	.nav-links .iconify {
		font-size: 1.5rem;
	}
	.nav-links2 {
		width: 5% !important;
	}
	.nav-links2 {
		margin-left: 0px;
	}
	.aa-input-container,.aa-input-search {
		max-width: 240px !important;
	}
	.orders {
		padding: 0 !important;
		font-size: 8px !important;
	}
	.col-3-bottom h3 {
		font-size: 0.8rem !important;
	}
	.total-price {
		font-size: 0.8rem;
	}
	.row-services .coltext h4{
		font-size: 1rem !important;
	}
	.small-input-row label{
		overflow:hidden;
		white-space:nowrap;
		text-overflow: ellipsis;
		width:121px;
	}
	.modal .small-input-row label{
		width: unset !important;
	}
}
@media only screen and (max-width: 346px) {
	.input-group ul li .check::before{
		top: 25% !important;
    left: 25% !important;
	}
}
@media only screen and (max-width: 326px) {
	.orders .orders-page {
		width: 100%;
		font-size: 7px !important;
	}
	.footer-text{
		margin: 10px;
	}
	.img-size{
		width: 200px !important;
	}
	.small-input-row{
		margin: 4px !important;
	}
	.row-auth .colimg{
		padding: 2px !important;
	}
	.nav ul li{
		margin: 0px 5px;
	}

    .auth-page{
        padding: 0px !important;
    }
	.info h2{
		font-size: 1.6rem !important;
	}
	.coltext p{
		font-size: 0.8rem !important;
	}
	.nav {
		max-width: 1300px;
		background: var(--black);
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.labelCheckoutShipping img {
		width: 25px !important;
		height: 20px !important;
	}
}

@media only screen and (max-width: 300px) {
	.col-popisek {
		font-size: 14px;
	}
	.aa-input-container,.aa-input-search {
		max-width: 210px !important;
	}
}