/* Responsive css */

@media only screen and (max-width: 375px) and (min-width: 346px) {}

@media only screen and (max-width: 544px) and (min-width: 375px) {}

@media only screen and (max-width: 555px) and (min-width: 376px) {}

@media only screen and (max-width: 768px) and (min-width: 544px) {}

@media only screen and (max-width: 1270px) and (min-width: 999px) {
    .menu>ul>li {
        display: inline-block;
        margin: 0px 20px;
    }
    .gallery_slider>img {
        height: auto !important;
    }
}

@media only screen and (max-width: 1658px) and (min-width: 1000px) {
    .inner_hero_content_area>h4 {
        position: relative;
        width: 560px;
        margin: auto;
        margin-top: 16px;
    }
}

@media only screen and (max-width: 1002px) and (min-width: 665px) {
    .slick-track>.gallery_slider>img {
        height: 460px !important;
    }
    .menu>ul>li {
        display: inline-block;
        margin: 0px 10px !important;
    }
    .menu>ul>li>a {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 764px) and (min-width: 300px) {
    .full_header {
        width: 100%;
    }
    .the_menu_section {
        padding-top: 50px;
    }
    .bt_box {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        margin: 1rem 0;
        row-gap: 0rem;
    }
    .small_bx {
        width: auto;
        margin: auto;
    }
    .hero_content_area {
        width: 80%;
        margin: auto;
        margin-top: 30px;
    }
    li.mob_none {
        display: none !important;
    }
    .menu.right_menu {
        justify-content: end !important;
    }
    .footer_main_cols {
        margin-bottom: 70px;
    }
    .scroll_er.whites_ttx_wd {
        margin-top: 0;
    }
    .scroll_er>span {
        font-size: 13px;
    }
    .full_banner::after {
        /* left: 58px;
        right: 58px;
        
        width: unset;
        top: 8px; */
        background-size: cover;
    }
    .full_banner::before {
        /* left: 58px;
        right: 58px;
        width: unset;
        bottom: 11px; */
        background-size: cover;
    }
    .full_banner {
        height: 98vh;
    }
    .full_banner {
        padding: 40px 0px;
        padding-top: 100px;
    }
    img.bottomright {
        width: 75px;
    }
    .logo_box>img {
        width: 300px;
    }
    .inner_hero_content_area>h3 {
        font-size: 14px;
    }
    .inner_hero_content_area>h4 {
        position: relative;
        width: 44%;
        font-size: 12px;
    }
    .inner_hero_content_area>h4::after {
        left: -50px;
        width: 50px;
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
    }
    .inner_hero_content_area>h4::before {
        right: -50px;
        width: 50px;
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
    }
    .menu>ul>li {
        width: 18%;
        display: inline-block;
        margin: 0px;
    }
    .menu>ul>li.menu_logo {
        width: 31%;
        display: inline-block;
        margin: 0px;
    }
    .menu>ul>li>a {
        font-size: 12px;
    }
    .menu.left_menu>ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .menu.right_menu>ul {
        text-align: right;
    }
    .menu {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .main_sections_containers>h3 {
        padding-left: unset;
        text-align: center;
        margin-bottom: 24px;
        /* font-size: 5px; */
    }
    .main_sections_containers {
        text-align: center;
        margin-bottom: 30px;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    .inner_main_sections_containers_img_vox {
        margin-bottom: 25px;
    }
    .inner_main_sections_containers_img_vox>img {
        width: 100%;
    }
    .main_cols_area_sections {
        margin-top: 55px;
    }
    .main_cols_area_sections {
        padding-bottom: 20px;
    }
    .gallery_slider>img {
        width: 100% !important;
        height: unset !important;
    }
    .slick-track {
        height: unset !important;
        width: 100% !important;
    }
    .slick-list {
        height: unset !important;
    }
    .main_sections_containers>h3>span {
        color: #485450;
        font-size: 20px;
        font-weight: 700;
    }
    .main_sections_containers>h3>span>br {
        display: block;
    }
}

/* js_cont_justify */

@media only screen and (max-width: 1366px) and (min-width: 993px) {}

@media only screen and (max-width: 999px) and (min-width: 600px) {
    .footer_header>h4 {
        font-size: 18px;
    }
    .col_footer_row>p {
        font-size: 13px;
    }
    .footer_main_cols {
        margin-bottom: 70px;
    }
    .gallery_slider>img {
        height: 360px !important;
    }
    .inner_hero_content_area {
        width: 80%;
        margin: auto;
    }
    .inner_hero_content_area>h4 {
        width: 100%;
    }
    .inner_main_sections_containers_img_vox>img {
        margin: auto;
        width: 100%;
    }
    .main_sections_containers>h3>span {
        font-size: 16px;
        font-weight: 700;
    }
    .main_sections_containers>h3 {
        margin-bottom: 16px;
    }
    .main_sections_containers>h3 {
        padding-left: 20px;
        /* text-align: center; */
    }
    /* .main_sections_containers>h3>span>br {
        display: block;
    } */
    .main_sections_containers>h3>span::after {
        right: -38px;
        top: 50%;
        transform: translateY(-50%);
        width: 29px;
        height: 14px;
    }
    .main_sections_containers>h3>span::before {
        left: -32px;
        top: 50%;
        transform: translateY(-50%);
        width: 29px;
        height: 15px;
    }
    buttons.site_btn {
        background: #485450;
        padding: 9px 20px;
        font-size: 13px;
        color: #fff;
    }
    .full_banner::after {
        width: unset;
        /* right: 74px; */
    }
    .full_banner::before {
        /* background: #485450;
        left: 58px;
        right: 76px;
        width: unset;
        bottom: 11px; */
    }
}

@media only screen and (max-width: 826px) and (min-width: 300px) {}

@media only screen and (max-width: 480px) and (min-width: 300px) {
    .small_bx {
        width: auto;
        margin: auto;
    }
    .hero_content_area {
        padding: 0px 0px;
    }
    .menu>ul>li>a {
        font-size: 10px;
    }
    .menu>ul>li.mob_none {
        display: none;
    }
    .menu>ul>li {
        display: inline-block;
        margin: 0px !important;
    }
    .full_header {
        width: 100%;
    }
    .full_header>h2 {
        font-size: 22px;
    }
    .full_banner::before {
        right: 60px;
    }
}

@media only screen and (max-width: 370px) and (min-width: 320px) {
    .menu>ul>li {
        display: inline-block;
        margin: 0px 4px !important;
    }
    .small_bx {
        width: auto;
        margin: auto;
    }
    .menu>ul>li {
        margin-left: 0px !important;
    }
    .mr_0 {
        margin-right: 0px !important;
    }
    .menu.right_menu {
        justify-content: end;
    }
}

@media only screen and (max-width: 900px) and (min-width: 370px) {}

@media only screen and (max-width: 790px) and (min-width: 300px) {
    img.logo_orders {
        width: 190px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1080px) {}

@media only screen and (max-width: 999px) and (min-width: 826px) {}

@media only screen and (max-width: 11200px) and (min-width: 1600px) {}

@media only screen and (max-width: 999px) and (min-width: 400px) {}

@media only screen and (max-width: 999px) and (min-width: 551px) {}

@media only screen and (max-width: 1382px) and (min-width: 1000px) {}

@media only screen and (max-width: 1480px) and (min-width: 1000px) {}

@media only screen and (max-width: 1524px) and (min-width: 1422px) {}

@media only screen and (max-width: 1657) and (min-width: 1524px) {}

@media only screen and (max-width: 11200px) and (min-width: 1400px) {}

@media only screen and (max-width: 1000px) and (min-width: 700px) {}

@media only screen and (max-width: 999px) and (min-width: 300px) {}

@media only screen and (max-width: 999px) and (min-width: 768px) {}

@media only screen and (max-width: 767px) and (min-width: 300px) {}

@media only screen and (max-width: 4999px) and (min-width: 999px) {}

@media only screen and (max-height: 4999px) and (min-height: 990px) {}


@media screen and (min-width:768px) {
    .footer_section .reserver .full_reserver .link-for-mobile {
        display: none;
    }
}
@media screen and (max-width:767px) {
    .menu-sectinon .left_menu > ul {
        display: none;
    }

    .menu-sectinon .navbar-for-mobile {
        padding: 0;
        display: flex !important;
    }

    .footer_section .reserver:hover {
        background-color: inherit;
    }
    .footer_section .reserver .full_reserver {
        padding: 0px;
        display: flex;
        justify-content: space-between;
    }
    .footer_section .reserver .col-xl-12 {
        padding: 0;
    }
    .footer_section .reserver .full_reserver .link-for-desktop {
        display: none;
    }
    .footer_section .reserver .full_reserver>a {
        margin: 10px 0;
        width: 25%;
    }
    .footer_section .reserver .full_reserver>a:hover {
        background-color: #737372;
    }
    .reserver {
        background-image: url(../img/logoframenew.webp);
        background-size: 100% 80%;
        background-repeat: no-repeat;
        background-position: 50%;
        padding: 5px 40px;
    }
    .reserver:hover {
        background-color: #F0927E !important;
    }
    .footer_section .reserver .full_reserver>a {
        padding: 5px 0;
        font-size: 16px;
    }
    .menu-sectinon.sticky {
        opacity: 0.9;
    }
    .menu-sectinon .navbar-for-mobile .navbar-nav .nav-item .nav-link {
        font-family: 'Karla', sans-serif !important;
        font-size: 18px !important;
    }
}