.sayt-body{
    overflow: hidden !important;

    
}

body{
    overflow-x: hidden;
}

.blue-Body {
    background-color: #2B3966;
    width           : 100%;
    height          : 50px;
    display         : flex;
    justify-content : space-between;
}

.sayt-body,
.adres,
.tarmoqlar,
.navbar,
.col-xl-2,
.col-xl-9 {
    padding: 0;
}
::-webkit-scrollbar{width: 4px; }
::-webkit-scrollbar-thumb{background-color: #49A069;}
.sayt-body,
.blue-Body,
.box {
    margin: 0;
}

.tarmoqlar-box,
.box {
    display: flex;
}

.adres {
    display        : flex;
    width          : 30%;
    justify-content: space-evenly;
    align-items    : center;
    box-sizing     : border-box;
}

.adres .adresImg {
    width : 265px;
    height: 22px;
}

.tarmoqlar-box {
    width          : 118.87px;
    justify-content: space-between;
    margin         : 0 0 0 61px;
}


.linkText {
    width         : 100%;
    font-family   : Gotham Pro;
    font-weight   : bold;
    font-size     : 16px;
    margin        : 0 2px 0 0;
    line-height   : 160%;
    letter-spacing: 0.02em;
    color         : #000 !important;
}

.linkText:focus {
    color: #49A069 !important;
}

.korzina img {
    width : 60px;
    height: 50px;
}

.home {
    background-image: url(./img/home.png);
    background-size : 100% 100%;
    height          : 572px;
    image-rendering : -moz-crisp-edges;
}

.catalog_btn {
    width        : 270px;
    height       : 60px;
    margin       : 39px 0 0 0;
    background   : #FFFFFF;
    box-shadow   : 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    outline      : none !important;
}

.text-light {
    margin-top: 10rem;
}

.box {
    flex-wrap  : nowrap;
    align-items: center;
    color      : #ffff;
}

.box p {
    margin   : 0 0 0 17.76px;
    padding  : 0;
    font-size: 22px;
}

.home .text h2 {
    text-transform: uppercase;
    font-family   : Gotham Pro;
    letter-spacing: 0.02em;
    font-size     : 40px;
}

.title {
    width           : 160px;
    text-align      : center;
    padding         : 0 0 0 10px;
    background-color: #2B3966;
}

.korzina {
    height         : 100px;
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    padding        : 0;
}

.btn {
    width        : 160px;
    height       : 50px;
    background   : #49A069;
    border-radius: 100px;
    color        : white;
}

.img_div {
    transition-duration       : 0.1s;
    transition-property       : all;
    transition-timing-function: linear;
    background-image          : url(./img//oksy-g.png);
    background-position       : 100% 100%;
    background-repeat         : no-repeat;
    width                     : 224.44px;
    height                    : 60px;
}

.btn a,
.btn_nav {
    text-decoration: none;
}

.btn:hover {
    color: white;
}

.emblema {
    height         : 100px;
    display        : flex;
    align-items    : center;
    justify-content: space-evenly;
    margin         : 0 0 0 40px;
}

.white-title-body {
    height    : 100px;
    text-align: center;
}

.row {
    padding: 0;
    margin : 0;
}

.adres .telephone {
    width : 165px;
    height: 22px;
    margin: 0 60px 0 20px;
}

.tarmoqlar {
    display    : flex;
    align-items: center;
}

.btn_nav {
    border : none !important;
    padding: 0;
}

.btn_nav:focus {
    outline: none;
}

.sm-img,
.sm-div {
    display: none;
}

.sm-home-title,
.sm-home-green {
    display: none;
}

.link {
    width: 100%;
}

.navbar-nav {
    justify-content: space-evenly;
}

@media(min-width:0) and (max-width:1199.9px) {
    .none{
        display: none;
    }
    /* blue header */
    .blue-Body {
        height: 10px;
    }

    /* white header */
    .img_div {
        width          : 112.22px;
        background-size: 100% 100%;
        height         : 30px;
    }

    .emblema {
        padding        : 0;
        margin         : 0;
        height         : 70px;
        width          : 45%;
        justify-content: center;
    }

    .korzina_btn {
        width          : 80px;
        justify-content: space-around;
        display        : flex;
    }

    /* navbar */

    .tarmoqlar-box,
    .adres,
    .white-title-body {
        display: none;
    }

    .sm-img,
    .sm-div,
    .sm-div .sm-div-img-adres,
    .sm-div div,
    .link_box {
        display: flex;
        height : 30px;
        width  : 30px;
    }

    .white_img {
        background-image: url(./img/oksy-g_white.png) !important;
    }

    .icon2 {
        background-image: url(./img//меnu_X.png) !important;
    }

    .green {
        transition-duration: 0.3s;
        transition-property: all;
        background-image   : url(./img/меню.png);
        background-size    : 30px 30px;
        width              : 30px;
        height             : 30px;
        display            : inline-block;
        cursor             : pointer;
        color              : #49A069;
        border-radius      : 10px;
    }

    .green:focus,
    .icon2 {
        border: none;
    }

    .green:focus body{
        display: none;
        background-color: green;
    }
    .navbar {
        height: 70px;
    }

    .navbar2 {
        background-color: #49A069;
    }

    .sm-div {
        width           : 100%;
        height          : 100%;
        background-color: #2B3966;
        flex-direction  : column;
        flex-wrap       : nowrap;
        padding-left    : 20px;
        align-items     : flex-start;
    }

    .sm-div div h6 {
        width         : 123px;
        height        : 19px;
        font-family   : Gotham Pro;
        line-height   : 160%;
        margin        : 0;
        letter-spacing: 0.02em;
        color         : #FFFFFF;
    }

    .sm-div .sm-div-img-adres {
        height: 19px;
        width : 50%;
        margin: 34px 0 0 0;
    }

    .sm-div .sm-div-a {
        margin: 0 0 41px 0;
    }

    .sm-div div {
        margin         : 9px 0 14px 0;
        width          : 142px;
        flex-direction : row;
        align-items    : center;
        justify-content: space-around;
    }

    .sm-div .sm-div-div2 {
        margin: 0 0 40px 0;
    }

    .navbar {
        padding: 0;
    }

    .link {
        padding: 0;
    }

    .link_box a,
    .sm-div div h6 {
        font-size: 12px;
    }

    .link_box {
        width           : 100%;
        background-color: #fff;
        height          : 70px;
        text-align      : center;
        align-items     : center;
        border          : none;
        border-bottom   : 3px solid #DADBDC;
    }

    .link_box:hover {
        animation    : linear;
        border-bottom: 6px solid #49A069;
    }

    .link_box a {
        transition-duration: 0.01s;
    }

    .nav-item:hover.link_box a {
        width      : 100%;
        color      : #49A069 !important;
        text-align : center;
        font-weight: bolder;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }

    /* home page */
    .home {
        object-fit      : contain;
        height          : 259.03px;
        background-image: url(./img//home-sm.png);
    }

    .text {
        display: none;
    }

    .sm-home-title {
        height          : 100%;
        align-items     : center;
        display         : flex;
        justify-content : center;
        background-color: #2B3966;
    }

    .sm-home-title h3 {
        text-align    : center;
        width         : 80%;
        font-family   : Gotham Pro;
        font-weight   : revert;
        font-size     : 20px;
        line-height   : 160%;
        letter-spacing: 0.08em;
        color         : #FFFFFF;
    }

    .sm-home-title h3 b {
        background-color: #49A069;
    }

    .sm-home-green {
        background-color: #49A069;
        height          : 100%;
        display         : flex;
        justify-content : center;
        align-items     : center;
        flex-wrap       : wrap;
        text-align      : center;
        padding         : 10px;
    }

    .green-box {
        margin-bottom: 10px;
        display      : flex;
        align-items  : center;
    }

    .green-box h5 {
        margin     : 0;
        color      : white;
        width      : 100%;
        font-family: Gotham Pro;
        font-size  : 16px;
    }

    .green-box img {
        width : 12.12px;
        margin: 0 8.88px 0 20px;
        height: 10px;
    }
}

@media (min-width:768px) and (max-width:1199.9px) {
    .emblema {
        width: 20%;
    }

    .sm-img {
        width : 40px;
        height: 40px;
    }

    .green {
        background-size  : 40px 40px;
        width            : 40px;
        height           : 40px;
        background-repeat: no-repeat;
    }
}

@media (min-width:1200px) and (max-width:1338.9px) {
    .korzina img {
        width : 50px;
        height: 40px;
    }

    .img_div {
        background-size: 100% 100%;
        width          : 150px;
        height         : 50px;
    }

    .btn {
        width        : 125px;
        height       : 45px;
        background   : #49A069;
        border-radius: 100px;
        color        : white;
    }

    .link_box .linkText {
        font-size: 12px;
    }
}