/*
Theme Name: sanator
Theme URI: 
Author: WSS (UA)
Author URI: 
Description: Custom WP theme for sanator
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
Text Domain: sanator
*/
:root{
    --primary-color : #313D4D;
    --secondary-color : #C2976B;
    --white-color: #fff;
    --light-bg-color: #EEEEEE;
    --grey-color: #313D4D99;
}
body{
    font-family: "Josefin Sans", sans-serif;
    font-size: 16px;
    color: var(--primary-color);
}
img {
    max-width: 100%;
}
a{
    color: var(--secondary-color);
    text-decoration: none;
    transition: 0.6s all;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, ul, ol{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    color: var(--text-color);
    font-family: "Bitter", serif;
}
h1{
    font-size: 46px;
}
h2{
    font-size: 34px;
}
h3{
    font-size: 24px;
}
h4{
    font-size: 20px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 14px;
}
p{
    margin-bottom: 24px;
}
p:last-child{
    margin-bottom: 0;
}
.white h1{
    color: var(--white-color);
}
@media(min-width: 1600px){
    .container{
        max-width: 1290px;
    }
}
.main-header {
    background-color: var(--primary-color);
    border-bottom: 3px solid var(--secondary-color);
}
.logo-sec {
    padding: 17px 0px;
}
.logo-sec img {
    width: 240px;
    height: auto;
}
.site-navigation{
    display: flex;
    position: relative;
}
.site-navigation ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.site-navigation > .main-menu-wrap > ul > li > a {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
}
.site-navigation > .main-menu-wrap > ul > li > a:hover, 
.site-navigation > .main-menu-wrap > ul > li.current-menu-item > a {
    color: var(--white-color);
}
.site-navigation .main-menu-wrap > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 44px 12px;
}
.site-navigation .main-menu-wrap > ul > li:not(:last-child) {
    margin-right: 26px;
}
.site-navigation .main-menu-wrap > ul > li.menu-item-has-children:hover, .site-navigation .main-menu-wrap > ul > li.current-menu-ancestor {
    background-color: var(--white-color);
}
.site-navigation .main-menu-wrap > ul > li.menu-item-has-children:hover > a, .site-navigation .main-menu-wrap > ul > li.current-menu-ancestor > a{
    color: var(--secondary-color);
}
.site-navigation ul .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    min-width: 232px;
    opacity: .3;
    border-radius: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #fff;
    padding: 10px 0px;
    box-shadow: 0px 5px 10px -8px rgb(0 0 0 / 30%);
}
.site-navigation ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 9999999;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.mobile-menu-wrap {
    display: none;
}
.toggle-button{
    display: none;
}
.site-navigation ul .sub-menu li {
    margin: 0;
}
.site-navigation ul .sub-menu li a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 400;
}
.site-navigation ul .sub-menu li.current-menu-item a, .site-navigation ul .sub-menu li a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}
.btn {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 22px;
    border: 2px solid transparent;
    border-radius: 0;
}
.btn.btn-primary{
    color: var(--primary-color);
    background-color: transparent;
    border-color: var(--primary-color);
}
.btn.btn-primary:hover{
    background-color: var(--primary-color);
    color: var(--white-color);
}
.btn.btn-secondary{
    background-color: transparent;
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn.btn-secondary:hover{
    background-color: var(--secondary-color);
    color: var(--white-color);
}
.btn-transparent {
    color: var(--primary-color);
}
.btn-transparent:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.border-radius {
    border-radius: 16px;
}
.web-heading {
    margin-bottom: 24px;
}
.web-heading h2 {
    font-weight: 600;
}
.web-heading.white{
    color: var(--white-color);
}
.web-heading.white img{
    filter: brightness(0) invert(1);
}
.secondary-heading h1, .secondary-heading h2{
    color: var(--secondary-color);
}
.secondary-heading img {
    filter: brightness(0) saturate(100%) invert(62%) sepia(66%) saturate(249%) 
    hue-rotate(350deg) brightness(90%) contrast(86%);
}
.web-heading span {
    margin-right: 10px;
}
.main-content-sec .web-heading h1{
    font-size: 41px;
}
.main-content-sec .web-heading span {
    width: 38px;
    display: inline-block;
}
.main-content-sec .web-heading img {
    width: 100%;
    margin-top: -8px;
}
.light-bg{
    background-color: var(--light-bg-color);
}
.banner-sec.home-banner {
    background-repeat: no-repeat;
    background-position: right -466px bottom 0px;
    min-height: 930px;
    padding: 60px 0px;
}
.banner-sec {
    position: relative;
    min-height: 327px;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.banner-sec:before {
    content: '';
    background: transparent linear-gradient(269deg, #313D4D00 0%, #313D4D 50%) 0% 0% no-repeat padding-box;
    position: absolute;
    height: 100%;
    width: 80%;
}
.banner-sec .banner-content {
    z-index: 99;
    position: relative;
}
.home-banner:after {
    content: '';
    background-color: rgb(49 61 77 / 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-sec.home-banner .banner-content {
    max-width: 910px;
}
.banner-sec .web-heading{
    margin-bottom: 0px;
}
.home-banner .web-heading{
    margin-bottom: 30px;
}
.banner-content .web-heading h1, .banner-content .content p, .banner-sec .banner-content .text-end p {
    color: var(--secondary-color);
}
.home-banner .web-heading h1 {
    font-size: 54px;
}
.banner-sec .web-heading h1 {
    font-size: 41px;
}
.banner-content .web-heading p, .banner-content .web-heading h6 {
    color: var(--white-color);
    font-size: 16px;
    line-height: normal;
}
.banner-sec .banner-content h2 {
    font-size: 32px;
    color: var(--white-color);
}
.buttons-group {
    column-gap: 40px;
    display: flex;
}
.banner-sec .banner-content .content {
    padding-right: 80px;
}
.banner-content .content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.9;
    margin-bottom: 35px;
}
.banner-sec .banner-content .text-end {
    margin-top: 50px;
}
.about-us {
    padding: 60px 0px 46px;
}
.about-content {
    display: flex;
    gap: 50px;
}
.about-content .content {
    flex: 0 50%;
}
.about-content p {
    font-size: 15px;
    letter-spacing: 0.1px;
    line-height: 2;
}
.home-articles-sec {
    background-color: var(--light-bg-color);
    padding: 34px 0px 48px;
}
.article-card .article-title a {
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
}
.article-card .article-title span {
    margin-right: 10px;
    margin-top: 4px;
}
.article-card .article-content p {
    line-height: 1.9;
}
.article-card .article-content :is(h1, h2, h3, h4, h5, h6){
    margin-bottom: 24px;
}
.home-articles-sec .article-content {
    min-height: 84px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-card .article-content h5{
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}
.home-articles-sec .article-content p {
    font-weight: 500;
    letter-spacing: -0.9px;
    line-height: 1.3;
}
.article-title p {
    font-size: 12px;
    margin-left: 34px;
}
.home-articles-sec .article-title p {
    margin: 0;
}
.article-card .article-title {
    margin-bottom: 12px;
}
.article-card .web-btn {
    margin-top: 20px;
}
.article-card .web-btn .btn {
    padding: 4px 18px;
}
.footer-top {
    background-color: var(--primary-color);
    padding: 48px 0px;
}
.footer-top .web-heading {
    margin-bottom: 0;
}
.footer-middle {
    position: relative;
}
.google-map {
    margin-bottom: -10px;
}
.google-map iframe {
    margin-left: -40%;
    width: 140%;
}
.footer-middle > img {
    width: 100%;
    height: 610px;
}
.footer-middle-content .container { 
    justify-content: end;
    display: flex;
}
.footer-middle .widget-wrap {
    background-color: var(--secondary-color);
    width: 426px;
    padding: 20px 42px 20px 20px;
    z-index: 9999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.footer-middle .widget:not(:last-child){
    margin-bottom: 20px;
}
.footer-middle .widget .wp-block-heading {
    color: var(--white-color);
}
.footer-middle .widget .wp-block-heading span{
    margin-right: 8px;
}
.footer-middle .widget .wp-block-heading img{
    filter: brightness(0) invert(1);
}
.widget .wp-block-heading {
    margin-bottom: 20px;
}
footer ul {
    list-style: none;
}
footer ul li span {
    font-weight: 700;
    display: block;
    letter-spacing: -0.9px;
}
footer ul li {
    font-size: 18px;
}
footer ul li a {
    text-decoration: none;
    color: var(--primary-color);
}
footer ul li:not(:last-child) {
    margin-bottom: 14px;
}
.footer-bottom {
    padding: 28px 0px;
    background-color: var(--primary-color);
}
.main-content-sec {
    padding: 50px 0px;
}
.main-content-sec .content p{
    font-weight: 500;
}
.our-work {
    background-color: var(--light-bg-color);
    padding: 40px 0px;
}
.our-work-wrap ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.our-work-wrap li {
    flex: 0 25%;
    padding: 0 20px;
    margin: 20px 0px;
}
.our-work-wrap li a {
    background-color: var(--primary-color);
    color: var(--white-color);
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 14px;
    font-family: "Bitter", serif;
    font-size: 18px;
}
.our-work-wrap li a:hover, .our-work-wrap li.current-menu-item a, .our-work-wrap li a.active{
    background-color: var(--secondary-color);
}
.our-work-wrap .row {
    margin-right: -20px;
    margin-left: -20px;
}
.our-work-wrap [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.our-work-wrap [class*="col-"] a {
    background-color: var(--primary-color);
    color: var(--white-color);
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-family: "Bitter", serif;
    font-size: 18px;
}
.our-work-wrap [class*="col-"] a:hover{
    background-color: var(--secondary-color);
}
.articles-wrap .row {
    margin-left: -30px;
    margin-right: -30px;
}
.articles-wrap [class*="col-"] {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
}
.pagination-wrap {
    margin-top: 50px;
}
.pagination-wrap .nav-links {
    display: flex;
}
.pagination-wrap .page-numbers {
    color: var(--primary-color);
    font-weight: 600;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 42px;
    margin: 0px;
    text-decoration: none;
    padding: 10px;
}
.pagination-wrap .page-numbers.current {
    border-color: var(--primary-color);
}
.article-single .article-title {
    margin-bottom: 20px;
}
.article-single ul{
    list-style: none;
}
.article-single ul li {
    position: relative;
    padding-left: 26px;
    line-height: 1.9;
}
.article-single ul li:before, .article-card .article-content :is(h1, h2, h3, h4, h6):before{
    content: '';
    background-image: url(images/heading-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    background-size: cover;
    width: 16px;
    height: 13px;
    top: 10px;
}
.article-with-thumbnail {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
}
.article-thumbnail {
    flex: 0 0 25%;
    padding: 0 20px;
}
.article-thumbnail img {
    width: 100%;
}
.article-with-thumbnail .article-content {
    padding: 0 20px;
}
.article-single ul {
    margin-bottom: 24px;
}
.article-card .article-content ol {
    margin-bottom: 24px;
    padding-left: 20px;
    line-height: 1.9;
}
.gallery-wrap {
    padding-top: 10px;
}
.main-content-sec .web-heading h3 span {
    width: 24px;
}
.gallery-wrap .row {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}
.gallery-wrap [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.contact-detail ul {
    list-style: none;
}
.contact-detail li {
    line-height: 1.7;
}
.contact-detail span {
    display: block;
    font-weight: 700;
}
.contact-detail li:not(:last-child) {
    margin-bottom: 30px;
}
.contact-wrap .content {
    padding-right: 40px;
}
.auctions-categories {
    margin-top: 20px;
}
.auctions-categories ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.auctions-categories ul li {
    flex: 0 0 33.3333%;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.auctions-categories ul li a {
    background-color: var(--primary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 180px;
    padding: 12px 14px;
}
.auctions-categories ul li a:hover {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}
.auctions-categories h3 {
    color: var(--white-color);
    margin-bottom: 8px;
}
.auction-articles .article-card:not(:last-child) {
    margin-bottom: 50px;
}
.article-content .btn {
    padding: 8px 26px;
    font-size: 14px;
}
.article-card .article-content :is(h1, h2, h3, h4, h6) {
    position: relative;
    padding-left: 26px;
}
.article-card .article-content :is(h1, h2, h3, h4, h6):before {
    content: '';
    position: absolute;
    top: 4px;
    width: 20px;
    height: 16px;
}
.counter {
    background-color: #c2976b;
    display: inline-block;
    color: #fff;
    border-radius: 100px;
    padding: 8px 12px 6px;
    line-height: normal;
}

@media(max-width: 1600px){
    .container{
        max-width: 1340px;
    }
}
@media(max-width: 1400px){
    .container{
        max-width: 1280px;
    }
}
@media(max-width: 1299px){
    .container{
        max-width: 100%;
        padding: 0 60px;
    }
}
@media(max-width: 1199px){
    .container, .container-fluid{
        padding: 0 30px;
    }
    .site-navigation .main-menu-wrap > ul > li:not(:last-child) {
        margin-right: 12px;
    }
    .site-navigation > .main-menu-wrap > ul > li > a{
        font-size: 18px;
    }
}
@media(max-width: 991px){
    body{
        position: relative;
        font-size: 16px;
    }
    .main-header{
        position: relative;
        padding: 30px 0px;
    }
    .logo-sec {
        padding: 0;
    }
    .logo-sec img {
        max-width: 220px;
    }
    body.menu-open {
        overflow: hidden;
    }
    .site-navigation {
        display: none;
    }
    .toggle-button {
        width: 36px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        cursor: pointer;
        position: relative;
        z-index: 99999;
    }
    .toggle-button .line {
        height: 4px;
        width: 100%;
        background-color: var(--secondary-color);
        margin-bottom: 8px;
        position: relative;
        transition: all 0.3s;
        border-radius: 2px;
    }
    .toggle-button .line:last-child {
        margin: 0;
    }
    .toggle-button.active .line.one{
        top: 12px;
        transform: rotate(45deg);
    }
    .toggle-button.active .line.two{
        opacity: 0;
    }
    .toggle-button.active .line.three {
        transform: rotate(-45deg);
        top: -12px;
        width: 100%;
    }
    .main-header-inner{
        align-items: center!important;
    }
    .mobile-menu-wrap {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 2342;
        background: var(--primary-color);
        box-shadow: 0px 3px 7px -7px rgb(0 0 0);
        padding: 24px 20px;
        text-align: center;
        display: none;
        height: calc(100vh - 84px);
        overflow: hidden;
        border-top: 3px solid var(--secondary-color);
    }
    .mobile-menu-wrap .header-btns a {
        background-color: rgba(0, 51, 153, 0.16);
    }
    .mobile-menu ul {
        list-style: none;
    }
    .mobile-menu ul li a {
        color: var(--secondary-color);
        text-decoration: none;
        letter-spacing: 0.96px;
    }
    .mobile-menu > ul > li > a {
        font-weight: 500;
        text-transform: uppercase;
        border-bottom: 1px solid var(--secondary-color);
        display: block;
        padding: 14px 0px;
        position: relative;
    }
    .mobile-menu > ul > li:first-child > a {
        border-top: 1px solid var(--secondary-color);
    }
    .nav-toggle-icon {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        transition: all .5s ease;
        cursor: pointer;
        border-left: 1px solid var(--secondary-color);
        background: 0 0;
        width: 40px;
        height: 100%;
        z-index: 999;
    }
    .nav-toggle-icon:after {
        content: '';
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" \
        width="20" height="12" viewBox="0 0 20 12" fill="none"%3E%3Cpath d="M18 2L10 10L2 2" \
        stroke="%23C2976B" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E');
        height: 12px;
        width: 14px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .mobile-menu-wrap-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .mobile-menu .sub-menu {
        display: none;
        padding: 10px 0;
        border-bottom: 1px solid var(--secondary-color);
    }
    .mobile-menu .sub-menu li:not(:last-child) {
        margin-bottom: 12px;
    }
    .mobile-menu {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }
    .mobile-menu > ul > li.current-menu-item a {
        color: var(--white-color);
    }
    .banner-sec.home-banner {
        background-position: right -466px center;
        padding: 60px 0px;
        min-height: auto;
    }
    .banner-sec .banner-content .content {
        padding-right: 0;
    }
    .about-content {
        display: block;
    }
    .about-content .content:not(:last-child), p, .contact-detail li:not(:last-child) {
        margin-bottom: 20px;
    }
    .home-articles-sec [class*="col-"]:not(:last-child), .auction-articles .article-card:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-middle .widget-wrap {
        position: unset;
        transform: none;
        width: 100%;
        padding: 0;
    }
    .footer-middle-content {
        background-color: var(--secondary-color);
        padding: 40px 0px;
    }
    .footer-bottom {
        padding: 20px 0px;
    }
    .our-work-wrap li {
        flex: 0 33.3333%;
    }
    .banner-sec {
        min-height: 250px;
    }
    .articles-wrap .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .articles-wrap [class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }
    .article-card .article-title span {
        margin-right: 8px;
        flex: 0 0 15px;
    }
    .article-title p {
        margin-left: 24px;
    }
    .article-with-thumbnail {
        flex-direction: column !important;
        margin: 0;
    }
    .article-thumbnail {
        margin-bottom: 22px;
    }
    .article-thumbnail, .article-with-thumbnail .article-content{
        padding: 0;
    }
    .contact-thumbnail {
        margin-top: 30px;
    }
    .contact-wrap .content {
        padding-right: 0;
    }
    .auctions-categories ul, .gallery-wrap .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .auctions-categories ul li, .gallery-wrap [class*="col-"] {
        padding-right: 12px;
        padding-left: 12px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .auctions-categories ul li a {
        min-height: 150px;
    }
    .auctions-categories h3 {
        margin-bottom: 4px;
        font-size: 20px;
    }
    .article-thumbnail .gallery-wrap .row {
        margin-top: 20px;
    }
	.google-map iframe {
        height: 450px;
        width: 100%;
        margin: 0;
    }
}
@media(max-width: 767px){
    .container, .container-fluid{
        padding: 0 20px;
    }
    .logo-sec img {
        max-width: 150px;
    }
    .main-header {
        padding: 20px 0px;
    }
    .toggle-button {
        width: 30px;
    }
    .toggle-button .line {
        height: 3px;
        margin-bottom: 6px;
    }
    .toggle-button.active .line.one {
        top: 9px;
    }
    .toggle-button.active .line.three {
        top: -9px;
    }
    .banner-sec.home-banner {
        background-position: left -500px center;
        padding: 30px 0px;
    }
    .banner-content .content p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    .buttons-group {
        flex-direction: column;
        gap: 20px;
    }
    .banner-sec .banner-content .text-end {
        margin-top: 20px;
    }
    .our-work-wrap li {
        flex: 0 50%;
        padding: 0 10px;
        margin: 10px 0px;
    }
    .our-work-wrap ul {
        margin-left: -10px;
        margin-right: -10px;
    }
    .banner-sec:before {
        width: 100%;
        background: transparent linear-gradient(269deg, #313D4D00 -150%, #313D4D 80%) 0% 0% no-repeat padding-box;
    }
    .banner-sec {
        min-height: 150px;
    }
    .article-card .article-content p {
        line-height: 1.7;
    }
    .pagination-wrap .page-numbers {
        height: 36px;
        padding: 8px;
    }
    .pagination-wrap {
        margin-top: 20px;
    }
    .main-content-sec .web-heading span {
        width: 30px;
    }
    .main-content-sec .web-heading.d-flex {
        flex-direction: column-reverse;
    }
    .main-content-sec .back-btn {
        margin-bottom: 20px;
    }
    .auctions-categories ul li {
        flex: 0 0 50%;
    }
    .btn {
        padding: 8px 20px;
    }
    .home-banner .web-heading h1, .banner-sec .banner-content h2, .banner-sec .web-heading h1, .main-content-sec .web-heading h1{
        font-size: 30px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
    .article-card .article-title h3{
        font-size: 18px;
    }
    footer ul li, .our-work-wrap li a{
        font-size: 16px;
    }
    .about-us, .home-articles-sec, .footer-top, .footer-middle-content, .main-content-sec, .our-work {
        padding: 30px 0px;
    }
	.google-map iframe {
        height: 250px;
    }
}
@media(max-width: 499px){
    .our-work-wrap li, .auctions-categories ul li {
        flex: 0 100%;
    }
    .our-work-wrap li a, .auctions-categories ul li a {
        height: 120px;
    }
}
.article-thumbnail img {
    width: 100%;
    height: auto;
}
.displyclass{
    display: flex;
}