@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 100px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@font-face {
    font-family: "Quincy CF Regular";
    src: url(../fonts/QuincyCF-Regular.woff2)format("woff2"), url(../fonts/QuincyCF-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Quincy CF Bold";
    src: url(../fonts/QuincyCF-Bold.woff2)format("woff2"), url(../fonts/QuincyCF-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

* {
    box-sizing: border-box
}

body,
html {
    margin: 0
}

a,
button,
label {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

button,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

figure img {
    max-width: 100%;
    vertical-align: top
}

img,
object {
    max-width: 100%;
    height: auto
}

object {
    pointer-events: none;
    vertical-align: top
}

button {
    border: 0;
    outline: 0;
    background-color: transparent
}

.vis_hid {
    visibility: hidden
}

.logo a {
    display: inline-block
}

.flex {
    display: flex
}

.flex.wrap {
    flex-wrap: wrap
}

.column {
    flex-direction: column
}

.grid {
    display: grid
}

.flex_1 {
    flex: 1
}

.flex_0 {
    flex: 0 0 auto
}

.al_top {
    align-items: flex-start
}

.al_baseline {
    align-items: baseline
}

.al_center {
    align-items: center
}

.al_bottom {
    align-items: flex-end
}

.just_center {
    justify-content: center
}

.just_space {
    justify-content: space-between
}

.just_end {
    justify-content: flex-end
}

.txt_center {
    text-align: center
}

.abs {
    position: absolute
}

.abs_center {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.bg {
    background-position: center;
    background-size: cover
}

.margin_auto {
    margin: 0 auto
}

.underline {
    text-decoration: underline
}

.lh_reset {
    line-height: 1
}

.garamond {
    font-family: "Cormorant Garamond", serif
}

.ephesis {
    font-family: "Ephesis", cursive
}

.abhaya {
    font-family: "Abhaya Libre", serif
}

.quincy.regular {
    font-family: "Quincy CF Regular"
}

.quincy.bold {
    font-family: "Quincy CF Bold"
}

.abhaya.regular,
.ephesis.regular,
.garamond.regular {
    font-weight: 400
}

.garamond.medium {
    font-weight: 500
}

.garamond.semibold {
    font-weight: 600
}

.garamond.bold {
    font-weight: 700
}

.nav-icon,
.nav-icon span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.nav-icon {
    width: 20px;
    height: 12px;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background: 0 0
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #313131;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.nav-icon span:nth-child(1) {
    top: 0
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
    top: 5px
}

.nav-icon span:nth-child(4) {
    top: 10px
}

.header_open .nav-icon span:nth-child(1) {
    top: 5px;
    width: 0%;
    left: 50%
}

.header_open .nav-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header_open .nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header_open .nav-icon span:nth-child(4) {
    top: 5px;
    width: 0%;
    left: 50%
}

.logo {
    width: 120px
}

.container,
.w50_content {
    width: 90%;
    margin: 0 auto
}

.header_nav {
    flex: 0 0 100%;
    row-gap: 40px;
    margin: 80px 0
}

.header {
    padding: 10px 0;
    height: 96.36px;
    overflow: hidden;
    transition: height .3s ease-in-out;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #e4e4e4
}

.header.header_open {
    height: 100dvh
}

.header_nav_anchor {
    position: relative
}

.header_nav_anchor.active:before,
.header_nav_anchor:hover:before {
    width: 100%
}

.header_nav_anchor:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    transition: width .3s ease-out
}

.header_anchor_txt,
.header_bt_txt,
.header_phone_txt {
    font-size: 20px
}

.header_anchor_txt,
.header_phone_txt {
    letter-spacing: .05em
}

.header_bt_txt {
    letter-spacing: .07em
}

.header_aside {
    flex: 0 0 100%;
    gap: 20px
}

.header_bt {
    min-width: 180px;
    padding: 13px 10px;
    border-radius: 23px
}

.slider {
    background-image: url(../images/slider.jpg);
    padding: 60px 0
}

.slider_title_big,
.slider_title_min {
    display: block
}

.section_header_txt,
.slider_title_min {
    font-size: 14px
}

.slider_title_big {
    font-size: 40px
}

.about_txt,
.blog_post_txt,
.footer_provide_txt,
.pagination_anchor,
.recent_post_title,
.recent_post_txt,
.rule_txt,
.services_box_pkt,
.slider_txt,
.policy_txt {
    font-size: 16px
}

.about_txt,
.blog_post_txt,
.footer_detail_title,
.footer_detail_txt,
.footer_provide_txt,
.form_section_title,
.recent_post_title,
.recent_post_txt,
.section_header_txt,
.services_box_pkt,
.slider_txt,
.policy_txt {
    line-height: 1.5em
}

.slider_header {
    margin-bottom: 20px
}

.main_button {
    padding: 18px 40px;
    border: 2px solid;
    display: table;
    border-radius: 29px
}

.main_button.border_white {
    border-color: #fff
}

.main_button.border_gold {
    border-color: #a8905d
}

.blog_post_button_txt,
.main_button_txt {
    letter-spacing: .15em;
    font-size: 16px
}

.recent_post_button,
.slider_button {
    transition: background-color .3s ease-out
}

.section_header_title {
    font-size: 36px;
    line-height: 1.34em
}

.section_header_line {
    display: table
}

.section_header_line:before {
    content: "";
    display: table;
    width: 40px;
    height: 3px;
    margin-bottom: 5px;
    background-color: #a8905d
}

.about,
.services {
    padding: 60px 0
}

.services_boxes {
    margin-top: 30px;
    gap: 30px
}

.range .services_boxes {
    gap: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.services_box_front {
    background: #a8905d;
    background: linear-gradient(22deg, #a8905d 0, #ddc18b 100%);
}

.services_box_wrapper {
    position: relative;
    width: 100%;
    perspective: 1500px
}

.services_box_front_content {
    margin: 2px;
    width: 100%;
    padding: 20px
}

.range .services_box_front_content {
    margin: 0
}

.services_box_back {
    background-color: #f8f8f8;
    background-image: url(../images/services_box_decoration.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top right;
    padding: 30px 20px;
    transform: rotateY(180deg);
    width: 100%
}

.services_box_front,
.services_box_back {
    backface-visibility: hidden;
    overflow: hidden;
    transition: transform .8s ease;
}

.services_box_icon {
    width: 60px;
    margin-bottom: 20px
}

.blog_post_title,
.services_box_title {
    font-size: 26px;
    line-height: 1.38em
}

.services_box:hover .services_box_front {
    transform: rotateY(-180deg)
}

.services_box:hover .services_box_back {
    transform: rotateY(0deg)
}

.custom_ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.custom_li {
    display: flex;
    align-items: flex-start
}

.custom_li:before {
    content: "";
    flex: 0 0 auto;
    border-radius: 100%;
    position: relative
}

.services_box_pkt:before {
    width: 4px;
    height: 4px;
    margin-right: 5px;
    background-color: #a8905d;
    top: 11px
}

.range .services_box_pkt:before {
    background-color: #22282c
}

.services_box_pkt:not(:last-child) {
    margin-bottom: 5px
}

.range {
    padding-top: 60px
}

.about_txt_wrapper {
    margin-top: 30px;
    gap: 30px
}

.about_image,
.map_image,
.recent_posts_wrapper,
.slider_button {
    margin-top: 30px
}

.rules_wrapper {
    margin-top: 60px
}

.about_image_desktop {
    display: none
}

.about {
    background-image: url(../images/about_bg.jpg);
    background-position: bottom left;
    background-size: 100%auto;
    background-repeat: no-repeat
}

.rules {
    padding: 60px 0;
    background-image: url(../images/rules_bg.jpg)
}

.rule_txt {
    line-height: 1.2em
}

.rule:not(:last-child) {
    margin-bottom: 20px
}

.rule {
    opacity: 0
}

.rule.animated {
    animation: fadeInUp 1s ease both
}

.rule_icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    padding: 10px
}

.recent_post_image {
    padding-top: 74%
}

.recent_posts {
    padding: 60px 0
}

.recent_post_header {
    margin: 20px 0 10px
}

.recent_post_button {
    margin: 20px 0 0 auto;
    min-width: 200px;
    text-align: center
}

.recent_posts_wrapper {
    gap: 30px
}

.map {
    padding-bottom: 20px
}

.footer {
    background-image: url(../images/footer_bg.jpg);
    padding: 60px 0
}

.footer_provide_icon {
    width: 50px
}

.footer_provide {
    gap: 10px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #757575
}

.footer_detail_title,
.footer_detail_txt,
.form_section_title,
.main_form input[type=email],
.main_form input[type=number],
.main_form input[type=text],
.main_form textarea {
    font-size: 18px
}

.footer_detail:not(:first-child),
.footer_details {
    margin-top: 30px
}

.footer_detail_title {
    margin-bottom: 5px
}

.form_section:not(:last-child),
.form_section_calendar,
.form_section_range {
    margin-bottom: 20px
}

.main_form input[type=email],
.main_form input[type=number],
.main_form input[type=text],
.main_form textarea {
    width: 100%;
    outline: 0;
    border: 0;
    appearance: none;
    border-bottom: 1px solid #a8905d;
    background: 0 0;
    display: block;
    padding-bottom: 10px
}

.main_form .form_calendar input[type=number] {
    padding-bottom: 5px;
    font-size: 16px
}

.main_form textarea {
    min-height: 65px
}

.checkbox input[type=checkbox] {
    appearance: none;
    height: 20px;
    width: 20px;
    padding: 0;
    border: 1px solid #a8905d;
    background: 0 0;
    position: relative;
    cursor: pointer;
    margin: 6px 0 0
}

.form_range.checkbox input[type=checkbox] {
    margin-top: 0
}

.checkbox input[type=checkbox]:checked {
    background: #a8905d;
    border-color: #a8905d
}

.checkbox input[type=checkbox]:checked:after,
.checkbox input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff;
    bottom: 0;
    margin: auto
}

.checkbox input[type=checkbox]:checked:after {
    top: 0
}

.checkbox input[type=checkbox]:checked:before {
    width: 6px;
    top: 3px;
    left: 3px;
    transform: rotate(44deg)
}

.checkbox input[type=checkbox]:checked:after {
    width: 10px;
    left: 6px;
    transform: rotate(-55deg)
}

.checkbox_txt {
    font-size: 14px;
    margin-left: 10px;
    line-height: 1.4em
}

.main_form_bt {
    min-width: 200px;
    border: 0;
    padding: 20px 40px
}

.form_section_submit {
    margin-top: 40px
}

.footer_form_section {
    padding: 30px 15px;
    box-shadow: 0 15px 17.22px 3.78px rgba(117, 117, 117, .21);
    margin-top: 30px
}

.form_section_calendar,
.form_section_range {
    max-width: 420px
}

.form_range_wrapper {
    grid-template-columns: 1fr;
    gap: 10px
}

.form_section_title {
    margin-bottom: 10px
}

.form_calendar_wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.form_calendar_title {
    font-size: 15px;
    margin-bottom: 10px
}

.form_section_calendar {
    margin-bottom: 40px
}

.slider_page {
    padding: 60px 20px;
    width: 95%;
    margin-left: auto
}

.blog_post_image_bg {
    padding-top: 65%;
    width: 100%
}

.blog_post_date_day {
    font-size: 30px;
    margin-bottom: 2px
}

.blog_post_date_month {
    font-size: 16px;
    text-transform: uppercase
}

.blog_post_date_year {
    font-size: 20px
}

.blog_post_date {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-top: -100px;
    background-color: #fff
}

.blog_post_title {
    text-transform: uppercase
}

.blog_posts {
    padding: 60px 0
}

.blog_post {
    gap: 30px
}

.blog_post:not(:last-of-type) {
    margin-bottom: 60px
}

.blog_post_txt:not(.blog_open_post_txt) {
    margin-top: 10px
}

.blog_post_button {
    gap: 10px;
    margin-top: 20px
}

.pagination_next_icon object,
.pagination_prev_icon object {
    vertical-align: middle
}

.pagination_anchors {
    margin: 0 30px
}

.pagination_anchor {
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination_anchor.active {
    position: relative
}

.pagination_anchor.active:before {
    content: "";
    position: absolute;
    background-color: #eee;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    z-index: -1
}

.blog_post_button.blog_open_post_button,
.blog_posts .pagination {
    margin-top: 60px
}

.post {
    padding-bottom: 60px
}

.post .blog_post_txt_section,
.post_content {
    padding: 0 5%
}

.post_content {
    margin-top: 30px
}

.header_phone_bt {
    gap: 10px
}

.policy_page {
    padding: 60px 0;
}

.form_message {
    font-size: 16px;
    margin-top: 20px;
}

.policy_ol {
    margin: 30px 0 0 0;
    padding-left: 1em;
}

.policy_ol li {
    margin: 0 0 5px 0;
}

.policy_txt_content {
    margin-top: 30px;
}

.color_dark {
    color: #313131
}

.color_dark_2 {
    color: #22282c
}

.color_dark_3 {
    color: #252525
}

.color_black,
.main_form input[type=email].color_black::placeholder,
.main_form input[type=number].color_black::placeholder,
.main_form input[type=text].color_black::placeholder,
.main_form textarea.color_black::placeholder {
    color: #000
}

.bg_white {
    background-color: #fff
}

.color_white,
.recent_post_button:hover .main_button_txt {
    color: #fff
}

.bg_gold_gradient,
.range .services_box_back {
    background-image: -moz-linear-gradient(22deg, #a8905d 0, #ddc18b 100%);
    background-image: -webkit-linear-gradient(22deg, #a8905d 0, #ddc18b 100%);
    background-image: -ms-linear-gradient(22deg, #a8905d 0%, #ddc18b 100%)
}

.bg_gold,
.header_nav_anchor:before,
.recent_post_button:hover,
.slider_button:hover {
    background-color: #a8905d
}

.color_gold {
    color: #a8905d
}

.color_gold_2 {
    color: #9c7848
}

.bg_grey {
    background-color: #eee
}

.color_grey {
    color: #eee
}

.color_grey_2,
.main_form input[type=email].color_grey_2::placeholder,
.main_form input[type=number].color_grey_2::placeholder,
.main_form input[type=text].color_grey_2::placeholder,
.main_form textarea.color_grey_2::placeholder {
    color: #757575
}

.color_grey_3 {
    color: #ccc
}

.color_grey_4 {
    color: #b9b9b9
}

.color_grey_5 {
    color: #818181
}

@media only screen and (min-width:576px) {

    .about_txt,
    .blog_post_txt,
    .footer_provide_txt,
    .main_button_txt,
    .pagination_anchor,
    .recent_post_title,
    .recent_post_txt,
    .rule_txt,
    .slider_title_min,
    .slider_txt,
    .policy_txt {
        font-size: 18px
    }

    .slider_title_big {
        font-size: 60px
    }

    .services_boxes {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

    .services_box_pkt {
        font-size: 14px
    }

    .section_header_txt {
        font-size: 16px
    }

    .section_header_title {
        font-size: 40px
    }

    .rule_icon {
        width: 60px;
        height: 60px;
        margin-right: 25px
    }

    .recent_posts_wrapper {
        gap: 60px;
        margin-top: 60px
    }

    .footer_provide_icon {
        width: auto
    }

    .footer_provide {
        gap: 20px
    }

    .footer_form_section {
        padding: 40px
    }

    .form_range_wrapper {
        grid-template-columns: repeat(2, 1fr)
    }

    .form_section_title {
        margin-bottom: 20px
    }

    .checkbox_txt {
        font-size: 16px
    }

    .slider_page {
        padding-left: 40px;
        padding-right: 40px
    }

    .blog_post_button {
        gap: 15px;
        margin-top: 30px
    }

    .blog_post_txt:not(.blog_open_post_txt) {
        margin-top: 20px
    }

    .blog_post_date {
        width: 150px;
        height: 150px;
        margin-top: -150px
    }

    .blog_post_date_day {
        font-size: 50px;
        margin-bottom: 5px
    }

    .blog_post_date_month {
        font-size: 18px;
        margin-bottom: 2px
    }

    .blog_post_date_year {
        font-size: 24px
    }

    .pagination_anchor {
        min-width: 35px;
        min-height: 35px
    }

    .pagination_anchors {
        margin: 0 40px
    }

    .blog_posts .pagination {
        margin-top: 100px
    }
}

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

    .about,
    .blog_posts,
    .post,
    .recent_posts,
    .rules,
    .services,
    .slider,
    .policy_page {
        padding: 80px 0
    }

    .range {
        padding-top: 80px
    }

    .about_image,
    .about_txt_wrapper,
    .map_image,
    .services_boxes,
    .slider_button,
    .policy_txt_content,
    .policy_ol {
        margin-top: 40px
    }

    .blog_post_button.blog_open_post_button,
    .post_content,
    .recent_posts_wrapper,
    .rules_wrapper {
        margin-top: 80px
    }

    .services_boxes {
        gap: 30px
    }

    .services_box_pkt {
        font-size: 16px
    }

    .about_image_desktop {
        display: block
    }

    .about_image:not(.about_image_desktop) {
        display: none
    }

    .about_txt_wrapper {
        flex-direction: row;
        gap: 40px
    }

    .about_txt_part {
        flex: 0 0 calc(50% - 20px)
    }

    .recent_posts_wrapper {
        flex-direction: row;
        gap: 15px
    }

    .recent_post {
        flex: 0 0 calc(50% - 7.5px)
    }

    .recent_post_header {
        margin-top: 30px
    }

    .recent_post_button {
        margin-top: 35px
    }

    .map {
        padding-bottom: 40px
    }

    .footer {
        padding: 50px 0 100px
    }

    .footer_wrapper {
        flex-direction: row
    }

    .footer_details_section,
    .footer_form_section {
        flex: 0 0 50%
    }

    .footer_form_section {
        margin-top: 0
    }

    .footer_details_section {
        padding: 40px 40px 0 0
    }

    .footer_provide_icon {
        width: 50px
    }

    .footer_provide {
        gap: 10px;
        margin-top: 40px
    }

    .footer_details {
        margin-top: 70px
    }

    .form_range_wrapper {
        grid-template-columns: 1fr
    }

    .form_section:not(:last-child) {
        margin-bottom: 25px
    }

    .slider_page {
        padding: 80px 60px
    }

    .blog_post {
        flex-direction: row;
        gap: 0
    }

    .blog_post_image_wrapper,
    .blog_post_txt_section {
        flex: 0 0 50%
    }

    .blog_post_image_wrapper {
        display: flex;
        align-items: flex-end
    }

    .blog_post_image {
        flex: 1;
        min-height: 100%;
        display: flex
    }

    .blog_post_date {
        flex: 0 0 auto;
        margin-top: 0;
        margin-left: -80px
    }

    .blog_post_button {
        margin-top: 40px
    }

    .blog_post:not(:last-of-type) {
        margin-bottom: 80px
    }

    .blog_post_button_txt {
        font-size: 17px
    }

    .post .blog_post_txt_section {
        padding-left: 0;
        display: flex;
        align-items: flex-end;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:992px) {
    .nav-icon {
        display: none
    }

    .header {
        height: auto
    }

    .header_nav {
        flex: 1;
        margin: 0;
        flex-direction: row;
        gap: 20px
    }

    .header_aside,
    .logo {
        flex: 0 0 auto
    }

    .header_aside {
        flex-direction: row;
        gap: 10px
    }

    .header_bt {
        min-width: 120px
    }

    .header_anchor_txt,
    .header_bt_txt,
    .header_phone_txt {
        font-size: 15px
    }

    .header_wrapper {
        width: 95%
    }

    .logo {
        width: 150px
    }

    .about,
    .blog_posts,
    .post,
    .recent_posts,
    .rules,
    .services,
    .slider,
    .policy_page {
        padding: 100px 0
    }

    .range {
        padding-top: 100px
    }

    .map_image,
    .services_boxes,
    .slider_button,
    .policy_ol,
    .policy_txt_content {
        margin-top: 50px
    }

    .section_header_title {
        font-size: 45px
    }

    .services_box_icon {
        width: auto;
        margin-bottom: 30px
    }

    .services_box_back {
        padding: 50px
    }

    .blog_post_title,
    .services_box_title {
        font-size: 30px
    }

    .section_header_line:before {
        height: 4px
    }

    .services_box_pkt {
        font-size: 18px
    }

    .services_box_pkt:before {
        width: 5px;
        height: 5px;
        margin-right: 8px
    }

    .about_image {
        margin-top: 80px
    }

    .recent_post_header {
        margin-top: 40px
    }

    .footer_provide_icon {
        width: auto
    }

    .footer_provide {
        gap: 20px
    }

    .form_range_wrapper {
        grid-template-columns: repeat(2, 1fr)
    }

    .footer_form_section {
        padding: 60px 40px
    }

    .footer_details_section {
        padding-right: 80px
    }

    .form_section_range {
        margin-bottom: 40px
    }

    .form_section_calendar {
        margin-bottom: 50px
    }

    .slider_page {
        padding: 100px
    }

    .blog_post_date {
        width: 200px;
        height: 200px
    }

    .blog_post_date_day {
        font-size: 55px
    }

    .blog_post:not(:last-of-type) {
        margin-bottom: 100px
    }

    .post .blog_post_txt_section {
        padding-bottom: 40px
    }

    .blog_post_button.blog_open_post_button,
    .post_content {
        margin-top: 100px
    }

    .post_content {
        padding-left: 29%
    }

    .header_phone_bt {
        gap: 5px
    }

    .header_phone_icon {
        width: 20px
    }
}

@media only screen and (min-width:1200px) {
    .header_aside {
        gap: 20px
    }

    .header_bt {
        min-width: 140px
    }

    .header_nav {
        gap: 30px
    }

    .header_anchor_txt,
    .header_bt_txt,
    .header_phone_txt,
    .section_header_txt {
        font-size: 18px
    }

    .about_txt,
    .blog_post_txt,
    .footer_detail_title,
    .footer_detail_txt,
    .footer_provide_txt,
    .form_section_title,
    .main_button_txt,
    .main_form input[type=email],
    .main_form input[type=number],
    .main_form input[type=text],
    .main_form textarea,
    .pagination_anchor,
    .recent_post_title,
    .recent_post_txt,
    .rule_txt,
    .services_box_pkt,
    .slider_title_min,
    .slider_txt,
    .policy_txt {
        font-size: 20px
    }

    .slider_title_big {
        font-size: 80px
    }

    .section_header_title {
        font-size: 50px
    }

    .blog_post_title,
    .services_box_title {
        font-size: 34px
    }

    .services_box_pkt:before {
        top: 15px
    }

    .w50_content {
        width: 50%;
        min-width: 950px
    }

    .footer_form_section {
        padding: 60px 70px 80px 40px
    }

    .slider_page {
        padding-left: 140px;
        padding-right: 140px
    }

    .blog_post_date {
        width: 270px;
        height: 270px;
        margin-left: -100px
    }

    .blog_post_date_day {
        font-size: 64px
    }

    .blog_post_date_month {
        font-size: 22px
    }

    .blog_post_date_year {
        font-size: 30px
    }

    .blog_post_button {
        margin-top: 50px
    }

    .pagination_anchor {
        min-width: 45px;
        min-height: 45px
    }

    .pagination_anchors {
        margin: 0 60px
    }

    .header_phone_bt {
        gap: 8px
    }

    .header_phone_icon {
        width: 25px
    }
}

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

    .header_anchor_txt,
    .header_bt_txt,
    .header_phone_txt {
        font-size: 20px
    }

    .header_bt {
        min-width: 180px
    }

    .slider {
        padding: 150px 0 200px
    }

    .slider_title_big {
        font-size: 107px
    }

    .footer_provide_txt,
    .services_box_pkt {
        font-size: 22px
    }

    .footer_detail_title,
    .footer_detail_txt,
    .slider_title_min,
    .slider_txt {
        font-size: 24px
    }

    .about,
    .recent_posts,
    .services {
        padding: 150px 0
    }

    .services_boxes {
        margin-top: 80px
    }

    .blog_post_title,
    .services_box_title {
        font-size: 40px
    }

    .services_box_back {
        padding: 100px
    }

    .range .services_box_back {
        padding: 50px
    }

    .section_header_title {
        font-size: 55px
    }

    .range {
        padding-top: 150px
    }

    .rules {
        padding-bottom: 150px
    }

    .map_image {
        margin-top: 100px
    }

    .checkbox_txt {
        font-size: 17px
    }

    .slider_page {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .blog_posts {
        padding-top: 220px
    }

    .blog_posts .pagination {
        margin-top: 160px
    }

    .post .blog_post_txt_section {
        padding-bottom: 70px
    }

    .header_phone_bt {
        gap: 10px
    }

    .header_phone_icon {
        width: auto
    }
}

@media only screen and (min-width:1800px) {
    .container {
        width: 68.5%
    }

    .header_wrapper {
        padding-left: 15.75%;
        padding-right: 11.25%;
        width: 100%
    }

    .logo {
        width: auto
    }

    .range .services_boxes {
        grid-template-columns: repeat(4, 1fr)
    }

    .slider_page {
        width: 84.25%
    }

    .post .blog_post_txt_section,
    .post_content {
        padding-right: 15.75%
    }
}