* {
    box-sizing: border-box;
    padding: 0;
    font-family: 'Montserrat', "Source Sans Pro",Helvetica,sans-serif;
}

body {
    margin: 0 auto;
    font-family: "CarterFont", sans-serif;
}

header img {
    width: auto;
    height: 70px;
    margin-left: 5px;
    border-right: 2px solid #fff;
}


h1, h2, h3, .title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900;
  letter-spacing: -0.02em; /* немного сжать буквы */
  font-size: 48px;         /* подгони размер под макет */
  color: #000;             /* как в твоём примере */
  -webkit-text-stroke: 0.3px #000; /* лёгкий обвод, усиливает толщину */

}

.subtitle {
  font-weight: 500;
}

.light {
  font-weight: 300;
} 

section {
    width: 80%;
    margin: 0   auto;
}

@font-face {
  font-family: "CarterFont"; /* Give your font a name */
  src: url("../font/Carter_One/CarterOne-Regular.ttf") format("ttf"); /* Path to your font file */
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "montser"; /* Give your font a name */
  src: url("../font/Montserrat-ExtraBold.ttf") format("ttf"); /* Path to your font file */
  font-weight: 800;
  font-style: normal;
}

.sans-bem {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.shapik {
width: 100%;
    /*height: 70px;*/
    display: flex;
    margin: 0 auto;
    padding: 0;
    z-index: 125;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    background-color: #1c1c1c;
}

.hder {
    z-index: 10;
}

.container {
    width: 90%;
    height: auto;
    position: relative;
    /*top: 157px;*/
    padding-right: 0px!important;
    padding-left: 0 !important;
}

/* фиксированная высота без дерганий */
/*  .hero-wrap{*/
    --car-h: clamp(220px, 38vw, 560px); /* можно подстроить */
/*    position: relative;*/
/*  }*/
/*  .hero-wrap .carousel,*/
/*  .hero-wrap .carousel-inner,*/
/*  .hero-wrap .carousel-item{ height: var(--car-h); }*/
/*  .hero-wrap .carousel-item{ position: relative; overflow: hidden; }*/
/*  .hero-wrap .img-cover{*/
/*    position: absolute; inset: 0;*/
/*    width: 100%; height: 100%;*/
    /*object-fit: cover;*/
/*    object-position: center;*/
/*    display: block;*/
/*  }*/
/*    .carousel-caption {*/
/*        background: none;*/
/*        color:black!important;*/
/*    }*/
  /* подписи не влияют на высоту */
/*  .hero-wrap .carousel-caption{*/
/*    position: absolute; left: 0; right: 0; bottom: 0;*/
/*    padding: 1rem 1.25rem; */
    /*background: rgba(0,0,0,.35);*/
/*  }*/
  /* чтобы индикаторы/стрелки не наезжали на контент */
/*  .hero-wrap .carousel-control-prev,*/
/*  .hero-wrap .carousel-control-next{ width: 8%; }*/
    .product-card { border:0; box-shadow:0 2px 10px rgba(0,0,0,.3!important)}
    .ratio-1x1{--bs-aspect-ratio:100%}
    .card-img-top{object-fit:cover}
    .badge-new{background:#dc3545; top:0; right: 50px;}
    .badge-sale{background:#198754; top:0; right: 0px;}
    .badge-promo{background:#0d6efd; left:0; top:0;}
    .badge-corner{position:absolute;  top:0; z-index:2; padding:.35rem .6rem; border-radius:.5rem; color:#fff; font-weight:700; font-size:.8rem}
    .format-badges{position:absolute; left:.5rem; bottom:.5rem; z-index:2}
    /* Формат-фишки на фото */
    .product-card .format-badges{
      position:absolute;
      left:.5rem; bottom:.5rem;
      z-index:2;
    }
    * { pointer-events: auto !important; }
    .format-badges {
      position: absolute;
      left: .5rem;
      bottom: .5rem;
      z-index: 2;}
    .page-item {margin-left: 10px;}

/*#carouselMain {*/
/*    margin-top: 90px!important;*/
/*}*/
/*.carousel-item img { */
/*    object-fit:contain; margin:auto;}*/
/*.carousel-item {*/
/*    margin: 0 auto;*/
/*}*/
/*.carousel-item img {*/
/*    width: 100%;*/
/*    height: 1000px;*/
/*    overflow: hidden;*/
/*}*/
.container-fluid {
    margin-bottom: 60px;
    padding-right: 0!important;
    padding-left: 0!important;
}
.info_cont {
    margin: 20px 15px 15px 14px;
    font-size: 17px;
    font-weight: 800;
    position: relative;
    left: 5px;
    line-height: 25px;
}
.info_cont p {
    color: #25853a;
}
.info_cont a {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.imast {
    font-size: 30px;
    font-style: italic;
    color: #ccc;
    margin: auto 10px;
    display: block;
}
.katalog-menu {
    height: 74px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.katalog-menu ul>a {
    text-decoration: none!important;
    font-size: 30px;
    margin-right: 60px;
    color: #fff;
}

navbar_menu {
    width: 100%;
    height: 70px;
    background-color: #424242;
    color: #fff;
    display: flex;
    align-items: center;
    position: fixed;
    /* top: 55px; */
    margin: 0 auto;
    justify-content: center;
    z-index: 150;
}

navbar_menu>ul>li {
    width: 35%;
    height: auto;
    padding: 8px 20px 0 20px;
    list-style-type: none;
    display: flex;
    justify-content: center;
    text-align: center;
    border-right: 5px solid #ffffff;
} 

navbar_menu>ul>li:hover {
    background-color: brown;
    transition: 0.5s;
    color: #fff;
}

navbar_menu a:hover {
    color: #ffe10c;
}

navbar_menu li a {
    text-decoration: none!important;
    font-size: 25px;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}

.logo {
    margin: 0;
    z-index: 100;

}

.con-1 {
    width: auto;
    border: none;
}

.k1-menu:hover .katalog {
    display: block;
}

h1 {
    margin: 0 auto;
    display: block;
    width: 100%;
    flex: 100%;
    justify-content: center;
    /*font-size: 50px;*/
    /*font-weight: bold;*/
    /*font-style: italic;*/
    text-align: center;
}

.text-center {
    width: 80%;
}

.service {
    width: 100%;
    background-image: url("../img/model_photo/folga_white.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 280px;
    /* background-attachment: fixed; */
}

.service_body {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(2px);
    border-radius: 15px;
}
/* --------------------------------------------------------------------------- */
.recom_name {
    margin: 0px auto;
    padding: 50px 0;
    margin-bottom: 50px;
}

.recom_name h1 {
    font-size: 50px;
}
.recoment {
    /* padding: 0 150px; */
    width: 100%;
    margin-top: 200px;
    background-color: #ef00ff26; 
}
.recom_body {
    width: 70%!important;
    height: 500px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid red ;
    /* animation: scroll 30s linear;
    animation-iteration-count: 2, 0, infinite; */
}
/* --------------------------------------------------------------------------- */
.form_page {
	margin: 0px auto 100px auto;
	width: 100%;
	height: auto;
    background-color: #ccc;
	/* background-image: url("img/Black paint splash isolated on transparent background.jpg"); */
	background-size: contain;
    padding-bottom: 50px;
}
.form_name {
    width: 80%;
    height: 250px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: auto;
	text-align: center;
	margin: 0 auto 0 auto;
}
.form_name h1 {
	margin-top: 100px;
	font-size:48px;
	line-height: 110%;
	text-align: center;
    color: #000;
}
.form-body {
	height: auto;
	background-color: #3520e752;
	border-radius: 40px;
	margin: 100px auto;
}
.forma {
    width: 85%;
    height: auto;
    background-color: #3520e752;
    border-radius: 40px;
    margin: 0px auto;
    padding: 50px;
    display: flex;
    justify-content: center;
}
textarea {
	font-size: 25px;
	text-align: center;
	color: black;
    border-radius: 20px;
}
/* ---------------------------------------- */
#slider {
	width: 100%;
	height: 500px;
	border-top: 5px solid black;
    border-bottom: 5px solid black;
	margin: 50px auto;
	overflow: hidden;
    display: flex;
    align-items: center;
}
/*#polosa {
	width: 896px;
	position: relative;
	left: 0;
	transition:  all ease 1s;
}
#polosa img {
	float: left;
}
#polosa::after {
	content: "";
	display: block;
	clear: both;
}*/
.cart_obsh {
	width: 5800px;
	height: 500px;
	position: relative;
	left: 0;
	display: inline-flex;
	flex-direction: row;
	transition:  all ease 1s;
}
.cart1 {
	width: 30%;
	height: auto;
	display: flex;
	flex-direction: column;
	color: #000;
	margin: 0 auto 0 200px;
	padding: 0 45px;
	text-align: center;
}
.cart1:first-child {
	margin-left: 155px!important;
}
.cart1 img {
	width: 500px;
    border-radius: 20px;
}
.cart1 h2 {
    padding: 20px 0;
    font-size: 30px;
    color: #000;
    font-style: italic;
    width: 290px;
}
.cart1 a {
	text-decoration: none;
	color: black;
	font-size: 25px;
}
/* ---------------------------------- */
footer {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1e1e1e;
    color: #fff;
    margin-top: -100px; 
}

.allfooter {
    width: 100%;
    height: auto;
    display: flex;
    padding: 5%;
    /* flex-direction: column; */
}

.allfooter a {
    text-decoration: none;
}
.linkmenu {
    width: 35%;
    float: left;
    /* border-right: solid rgb(194, 194, 194); */
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
}
.contact1 {
    width: 40%;
    /* float: right; */
    color: #fff;
    font-size: 20px;
    padding-left: 2rerm;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact1 a {
    font-size: 25px;
    color: #25853a;
    font-style: italic;
}
.footer-katalog-menu {
    display: flex;
    flex-direction: column;
    width: 25%;
    height: auto;
    font-size: 25px;
    color: aliceblue;
    list-style-type: none;
    align-items: flex-start;
}
.footer-katalog-menu li {

}
.footer-katalog-menu li a {
        text-decoration: none;
}


.container {
    max-width: 90%!important;
}

#mambo {
    align-items: center;
    /*background: #E3E3E3;*/
    display: flex;
    height: 400px;
    /*margin-top: 30px;*/
    justify-content: center;
}

.btn-500 {
    display: none!important;
}

@mixin white-gradient {
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

/*$animationSpeed: 40s;*/

/*// Animation*/
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-500px * 15))}
}



/*// Styling*/
.slider {
    /*background: white;*/
    /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);*/
    height: 380px;
    margin: auto;
    overflow:hidden;
    position: relative;
    width: 90%;

        &::before,
        &::after {
            @include white-gradient;
            content: "";
            height: 250px;
            position: absolute;
            width: 200px;
            z-index: 2;
        }

        &::after {
            right: 0;
            top: 0;
            transform: rotateZ(180deg);
        }

        &::before {
            left: 0;
            top: 0;
        }

        .slide-track {
            animation: scroll 60s linear infinite;
            display: flex;
            width: calc(400px * 30);
            height: 380px;
        }

        .slide {
            height: 350px;
            width: 400px;
            margin: 0 50px;
        }
    }

.slide h2 {
    margin: 15px auto;
    font-size: 27px;
    font-weight: 600;
    font-family: "CarterFont ,sans-serif";
    text-align: center;
    font-style: italic;
}

.slide img { border-radius:25px; }


.container1 {
    display: block;
}

.carousel-inner>.item>img {
margin: auto;
width: 100%;
}

.container-fluid {
padding: 0;
}

form, .search {
    padding:15px; 
    margin-bottom:20px;
    width: 100%;
    }
input, textarea {
    width:100%; 
    margin:5px 0; 
    padding:8px; 
    }
.zag { font-size: 48px; word-spacing: 25px; font-weight: 900; letter-spacing: 5px;  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900; }
/*.carousel-item img { object-fit:contain; margin:auto; height: 700px;}*/
/*.container-fluid { margin:0px!important; }*/
/*.carousel-control-prev-icon { background-image: url(../img/left.png)!important; }*/
/*.carousel-control-next-icon { background-image: url(../img/prv.png)!important; }*/
.cart-row { display:flex; gap:16px; align-items:center; }
.cart-img { width:140px; height:100px; object-fit:cover; border-radius:6px; }
.cart-item-card { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px; border:1px solid #e7e7e7; border-radius:8px; }
.cart-item { height:100px; }
.row {margin-left: 0!important; margin-right: 0!important;}
.product-card img {height:auto; object-fit:cover;}
.modal-lg {max-width:80%;}
.filter-box {position:sticky; top:20px; width: 100%;}
.price-big {font-size:1.5rem; font-weight:bold; margin-bottom:1rem;}
.disabled-btn {pointer-events:none; opacity:0.6;}
.cart-btn {position: fixed; bottom: 20px; right: 20px; z-index: 1050; }
.form_name > p { font-size: 25px; color:black; font-weight:500; margin-top: 25px; }
.pay_ball {
    position: relative;
    padding: 0 20px;
    margin-left: 20px;
    font-size: 24px !important;
    right: 0;
    width: 7%;
    top: 0;
    height: 60px;
}
.service_body { margin-top: -200px; }
.form-order { width: 60%; }
.service_body img { max-width:70%; }

#hamburger {
    display: none;
}

.modal-dialog {
    max-width: 100%!important;
}

.order-info {
    border: 2px solid #EDB663;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: bold;
}

#searchForm {
    width: 60%;
    margin: 0 auto !important;
    padding: 0 0 2% 0 !important;
}
/*---------------------------------------------------*/

/*@media screen and (max-width: 500px) {*/

/*#carouselMain {*/
/*    margin-top: 4rem!important;*/
/*}*/

/*.form_name h1 {*/
    /*display: none;*/
/*}*/

/*.forma {*/
/*    width: 100%;*/
/*} */

/*#hamburger {*/
/*    display: block;*/
/*    width: auto;*/
/*    position: relative;*/
/*    top: 0;*/
/*    right: -60%;*/
    font-size: 28px;          /* размер значка ☰ */
    background: none;         /* убираем фон */
    border: none;             /* убираем рамку */
    cursor: pointer;          /* курсор-рука */
    color: #fff;              /* цвет иконки */
    padding: 8px 12px;        /* внутренние отступы */
    border-radius: 6px;       /* скругление для эффекта при наведении */
/*    transition: background 0.3s, color 0.3s;*/
/*}*/

/*.shapik {*/
/*    height: auto;*/
/*}*/

/*.navbar_menu {*/
/*    width: 100%;*/
/*    height: 60px;*/
/*    background-color: #1e1e1e;*/
/*    color: #fff;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: absolute;*/
/*}*/

/*.carousel-item img {*/
/*    object-fit: contain;*/
/*    margin: auto;*/
/*    margin-top: 15px;*/
/*    height: auto;*/
/*}*/

/*.modal-content {*/
/*    width: 125%;*/
/*}*/

/*.srch {*/
/*    margin-top: 10px;*/
/*}*/

/*.zag {*/
/*    font-size: 25px;*/
/*}*/

/*.form_name h1 {*/
/*    font-size: 30px;*/
/*}*/

/*.recom_name h1 {*/
/*    font-size: 35px;*/
/*}*/

/*.footer_mob {*/
/*    display: none;*/
/*}*/

/*.allfooter {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    background-color: #28292a;*/
/*}*/

/*.linkmenu {*/
/*    width: 15%;*/
/*    display: inline-flex;*/
/*    flex-direction: row;*/
/*    justify-content: center;*/
/*    border-right: none;*/
/*    margin-top: 10px;*/
/*}*/

/*.contact1 {*/
/*    width: 0%;*/
/*    float: right;*/
/*    font-size: 20px;*/
    /* color: #fff; */
    /* padding-left: 10px; */
/*    display: flex;*/
/*    flex-direction: column;*/
/*    padding-left: 10px;*/
/*}*/

/*#searchForm {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-top: 5px;*/
/*}*/

/*.form-order {*/
/*    width: 100%;*/
/*}*/

/*header img {*/
/*    width: 80px;*/
/*    height: auto;*/
/*}*/

/*navbar_menu {*/
/*    top: 0;*/
    /*margin-top: 3%;*/
/*}*/

/*.logo {*/
/*    margin: 0 0 0 5%;*/
/*}*/

/*.imast {*/
/*    display: none;*/
/*}*/

/*.katalog-menu {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    right: 0px;*/
/*    width: 40%;*/
/*    height: auto;*/
/*    padding-left: 0px;*/
/*    background: #ccc;*/
    /* padding: 15px; */
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 8px;*/
/*    z-index: 4;*/
/*}*/


/*.katalog-menu.show {*/
/*    display: flex;*/
/*  }*/

/*navbar_menu li a {*/
/*    text-decoration: none !important;*/
/*    font-size: 15px;*/
/*    color: #000000;*/
/*    padding: 5px;*/
/*    font-weight: 600;*/
/*}*/



/*navbar_menu>ul>li {*/
/*    width: 120px;*/
/*    height: auto;*/
/*    list-style-type: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    border: none;*/
/*}*/

/*navbar_menu>ul>li:hover {*/
/*    background-color: blue;*/
/*}*/


/* Эффект при наведении */
/*.hamburger:hover {*/
/*  background: rgba(0, 0, 0, 0.05);*/
/*  color: #000;*/
/*}*/

/*.carousel-inner {*/
/*    height: 300px!important;*/
/*}*/

/*.pay_ball {*/
/*    right: -2px;*/
/*    top: 500px;*/
/*    width: 80px;*/
/*    height: auto;*/
/*    bottom: 35px;*/
/*}*/


/*
.katalog-menu {
  list-style: none;
  display: flex;
  gap: 20px;
}

.katalog-menu li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}*/

/*.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: 18px;
  cursor: pointer;
}*/

/*.hamburger span {
  display: block;
  height: 3px;
  width: 100%;
  background: #333;
  border-radius: 3px;
}*/


  

/*  .hamburger {
    display: flex;
  }
}
*/




/* Для мобильных — можно чуть увеличить */
/*@media (max-width: 768px) {
  .hamburger {
    font-size: 32px;
  }
}*/


/*----------------------------------------------------*/

@media (min-width: 768px) { 
    
    #hamburger {
    display: block;
    width: auto;
    position: relative;
    top: 0;
    right: -60%;
    font-size: 28px;          /* размер значка ☰ */
    background: none;         /* убираем фон */
    border: none;             /* убираем рамку */
    cursor: pointer;          /* курсор-рука */
    color: #fff;              /* цвет иконки */
    padding: 8px 12px;        /* внутренние отступы */
    border-radius: 6px;       /* скругление для эффекта при наведении */
    transition: background 0.3s, color 0.3s;
    }
    
    .imast h1 {
        font-size: 30px;
    }

    navbar_menu {
        top: 0;
    }
    
    navbar_menu > li > a {
        font-size: 15px;
    }

    .katalog-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 50px;
        right: 0px;
        width: 40%;
        height: auto;
        padding-left: 0px;
        background: #ccc;
        /* padding: 15px; */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        z-index: 4;
    }

    .katalog-menu.show {
        display: flex;
      }

    header img {
        width: 88px;
        height: auto;
    }

    .logo {
        margin: 0 2%;
        z-index: 100;
    }

    .nasa {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        padding: 2%;
    }

    .nasa img {
        display: flex;
        margin-left: 12%;
        width: 40%;
        border-radius: 25px;
    }

    .nasa > p {
        display: flex;
        width: 51%;
        font-size: 25px;
        font-weight: 600;
        padding: 2% 5%;
        margin-left: 5%;
        border: 2px dashed;
    }
}

@media screen and (max-width: 768px) {
    
        

      .badge-new{ padding:5px; font-size: 12px; margin-right: 45px; width: 40px;}
      .badge-sale{background:#198754; top:0; right: 0px;}
      .badge-promo{background:#0d6efd; left:0; top:0;}
      .basket { position:absolute; right: 90px; }

    .katalog-menu {
        display: none;
    }
    
    .logo { margin: 0; position: absolute; left: 7px; top: 0px;}
    
    #hamburger {
        display: block;
        width: 20px;
        font-size: 25px;
        background: none;
        border: none;
        cursor: pointer;
        position:absolute;
        right:20px;
        color: #fff;
        padding: 0px;
        border-radius: 6px;
        transition: background 0.3s, color 0.3s;
    }
    
    .imast {
        /* font-style: italic; */
        /* color: #ccc; */
        margin: 0;
        display: block;
        margin-left: -55px;
    }
    
    .imast h1 {
        font-size: 25px;
        font-style:normal;
    }
    
    .basket {right: 30px; position: 0px;}
    
    .pay_ball {
        font-size: 15px !important;
        width: 13%;
        margin: 0;
    }
    
    .katalog-menu.show {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 40px;
        right: -4px;
        width: 30% !important;
        height: auto;
        padding-left: 0px;
        /* background: #ccc; */
        /* padding: 15px; */
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
        border-radius: 8px;
        z-index: 4;
    }
    
    navbar_menu>ul>li {
        width: 100%;
        height: auto;
        padding: 8px 10px 0 9px;
        list-style-type: none;
        display: flex;
        justify-content: center;
        text-align: center;
        border-right: 5px solid #ffffff;
        background-color: #000;
        margin-top: 1px;
    }
        
    navbar_menu li a {
        text-decoration: none !important;
        font-size: 16px;
        color: #fff;
        padding: 3px;
    }

    .footer-katalog-menu li { display:flex; }
    .footer-katalog-menu li a { display:flex; width:120px; }
    
    .contact1 {width: 55%;}
    
    #orderForm {
        width: 100%;
    }
    
    #orderForm button {
        border-radius: 10px;
        background-color: #cde123;
        font-size: 15px;
        font-weight: 600;
        font-style: italic;
        padding: 4px;
    }
    
    #orderForm input {
        text-align: center;
        border-radius: 10px;
    }
    
    
        .nasa img {
        max-width: 100%;
    }
    
    .service_body img {
        max-width: 100%;
    }
    
    .allfooter {
        width: 100%;
        height: auto;
        display: flex;
        padding: 5%;
        margin-top: 70px;
        flex-direction: column;
    }
    
    

}

@media (max-width: 576px){
 
 .contact1 p a {
     font-size: 15px;
 }
 .contact1 p {
     display: flex;
    flex-direction: column;
    align-items: flex-start;
 }
 
 footer {
    width: 100%;
    height: auto;
    display: flex;
}

.form_name h1 {
    font-size: 20px;
}
.form_name > p {
    font-size: 10px;
}

.recom_name h1 {
    font-size: 20px;
}

.carousel-inner {height: 250px;}
.carousel-item {height: 250px;}
.carousel-item img {height: 250px;  margin:0 auto; width:100%!important;}
#zag {font-size: 20px ;}

}


@media (max-width: 500px){
    .imast h1 {
        font-size: 15px;
        font-style: normal;
    }
    
    .carousel-inner {height:auto;}
    navbar_menu { height: 50px; }
    .service_body {
    width: 100%;
    
    }
    
    #hamburger { display:block; }

    header img {
    width: auto;
    height: 50px;
    }
    .katalog-menu.show {width: 30% !important;}
    
    #searchForm {width: 80%; margin:0!important; padding:0!important;}
}



@media (min-width: 992px) AND (max-width: 1200px) {
    .imast h1 {
        font-size: 1.5rem;
    }
}
/*@media (min-width: 1800px) {*/
/*   .container {*/
/*    top: 280px;*/
/*} */
/*}*/

