/*
 Theme Name: Constax 
 Theme URI: https://themewar.com/wp/constax/
 Author: ThemeWar
 Author URI: https://themeforest.net/user/themewar/portfolio
 Description: Constax Architecture & interior Wordpress Theme
 Version: 1.0
 License:
 License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. min-width: 768px
    02. min-width: 992px
    03. min-width: 1200px
    04. min-width: 1400px 
    05. max-width: 1599px
    06. max-width: 1399px
    07. max-width: 1399px & min-width 1237px
    08. max-width: 1199px
    09. min-width: 1025px
    10. max-width: 1024px
    11. max-width: 1023px
    12. max-width: 991px & min-width: 768px
    13. max-width: 991px
    14. max-width: 777px
    15. max-width: 767px
    16. max-width: 575px
    17. max-width: 359px
*/

/*-----------------------------------------
/  01. min-width: 768px
/-----------------------------------------*/
@media(min-width: 768px) {
    .col-md-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
}

/*-----------------------------------------
/  02. min-width: 992px
/-----------------------------------------*/
@media(min-width: 992px) {
    .col-lg-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
}

/*-----------------------------------------
/  03. min-width: 1200px
/-----------------------------------------*/
@media(min-width: 1200px) {
    .col-xl-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
}

/*-----------------------------------------
/  04. min-width: 1400px
/-----------------------------------------*/
@media(min-width: 1400px) {
    .col-xxl-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .tw_header11 .container,
    .tw_header10 .container,
    .tw_header09 .container,
    .tw_header06 .container,
    .tw_header04 .container {
        max-width: 1744px;
    }
}

/*-----------------------------------------
/  05. max-width: 1599px
/-----------------------------------------*/
@media(max-width: 1599px) {}

/*-----------------------------------------
/  05. max-width: 1500px & min-width: 1360px
/-----------------------------------------*/
@media(max-width: 1500px) and (min-width: 1360px) {

    .headerMain06__rfs,
    .headerMain04__rfs {
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
    }

    .headerMain06__rfs>a,
    .headerMain04__rfs>a {
        font-size: 20px;
        line-height: 30px;
    }
    .headerMain13 .mainMenu > ul {
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
    }
}

/*-----------------------------------------
/  06. max-width: 1399px
/-----------------------------------------*/
@media(max-width: 1399px) {
    .headerMain14 .mainMenu ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
    }
    .tw_header14{
        padding: 24px 0;
    }
    .headerInner14__lfs {
        width: 21.525%;
    }
    .headerInner14__rfs {
        width: 78.475%;
    }
    .headerMain13 .mainMenu > ul {
        -webkit-column-gap: 36px;
           -moz-column-gap: 36px;
                column-gap: 36px;
        padding: 0 40px;
    }
    .headerInner13__rfs .mainMenu {
        width: 64.299%;
    }
    .headerMain13 .mainMenu ul li a {
        font-size: 14px;
    }
    .headerMain12 .mainMenu ul {
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
    }
    .headerInner12__lfs {
        width: 21.525%;
    }
    .headerInner12__rfs {
        width: 78.475%;
    }
    .tw_header12 {
        padding: 18px 0;
    }
    .blogPageSection > .container{
        max-width: 98%;
    }
}

/*-----------------------------------------
/  07. max-width: 1399px & min-width 1237px
/-----------------------------------------*/
@media(max-width: 1359px) and (min-width: 1200px) {

    .topbar05__lfs ul,
    .topbar08__lfs ul,
    .topbar10__lfs ul,
    .topbar11__lfs ul {
        -webkit-column-gap: 50px;
           -moz-column-gap: 50px;
                column-gap: 50px;
    }

    .mainMenu ul {
        -webkit-column-gap: 60px;
           -moz-column-gap: 60px;
                column-gap: 60px;
    }

    .headerMain04 .mainMenu ul,
    .headerMain06 .mainMenu ul,
    .headerMain10 .mainMenu ul,
    .headerMain11 .mainMenu ul {
        -webkit-column-gap: 45px;
           -moz-column-gap: 45px;
                column-gap: 45px;
    }

    .headerMain06__rfs,
    .headerMain04__rfs {
        -webkit-column-gap: 35px;
           -moz-column-gap: 35px;
                column-gap: 35px;
    }

    .headerMain06__rfs>a,
    .headerMain04__rfs>a {
        font-size: 20px;
        line-height: 30px;
    }

    .headerInner11,
    .headerInner10 {
        padding: 0 34px;
    }

    .footerInfo2 {
        padding: 25px 20px 23px 85px;
    }

    .footerInfo2 .info_icon {
        position: absolute;
        left: 25px;
    }
}

/*-----------------------------------------
/  08. max-width: 1399px & min-width: 1200
/-----------------------------------------*/
@media(max-width: 1399px) and (min-width: 1200px) {
    .pdSingle_letestPd {
        margin-left: 44px;
    }
}

/*-----------------------------------------
/  09. max-width: 1299px
/-----------------------------------------*/
@media(max-width: 1299px) {
    .blogPageSection [class^="blogMainCntCol"]{
        width: 67%;
    }
    .blogPageSection [class^="col-xl-4"]{
        width: 33%;
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .blogPageSection [class^="row gx-30"]{
        --bs-gutter-x: 40px;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
/*-----------------------------------------
/  09. max-width: 1199px
/-----------------------------------------*/
@media(max-width: 1199px) {

    /* Header */
    .tw_header01 .container,
    .tw_header02 .container,
    .tw_header03 .container,
    .tw_header05 .container,
    .tw_header07 .container,
    .tw_header08 .container {
        max-width: 100%;
    }

    .mainMenu ul {
        -webkit-column-gap: 42px;
           -moz-column-gap: 42px;
                column-gap: 42px;
    }
    .headerMain06__rfs>a,
    .headerMain04__rfs>a {
        display: none;
    }
    .headerInner06{
        padding: 15px 0;
    }
    .topbar08__lfs ul {
        -webkit-column-gap: 50px;
           -moz-column-gap: 50px;
                column-gap: 50px;
    }


    .pdSingle_letestPd {
        margin-top: 40px;
    }

    .pdSingle_letestPd__items {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .pdSingle_letestPd__items>* {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 20px);
                flex: 0 0 calc(50% - 20px);
    }

    .constaxHeadingWrap h2 {
        font-size: 42px;
    }

    .footerInfo2 {
        padding: 25px 12px 23px 68px;
    }

    .footerInfo2 .info_icon {
        left: 19px;
    }

    .footerInfo2 h3 {
        font-size: 15px;
    }

    .postAuthorBox {
        padding: 26px 20px 22px 140px;
    }

    .postAuthorBox p {
        font-size: 15px;
        line-height: 25px;
        margin: 0 50px 0 0;
    }

    .elementor .postAuthorBox img,
    .postAuthorBox img {
        width: 105px;
        height: 102px;
        top: 30px;
        left: 18px;
    }

    .authorSocial {
        right: 20px;
    }

    .searchForm>.form-group {
        width: 100%;
    }
    .headerMain14 .mainMenu ul li > a {
        padding: 33.5px 0;
    }
    .headerMain14 .mainMenu ul li a {
        font-size: 14px;
    }
    .headerInner14__lfs {
        width: 20.525%;
    }
    .headerInner14__rfs {
        width: 79.475%;
    }
    .headerInner14{
        padding:  0 12px;
    }
    .headerInner14 .logo img{
        max-width: 90%;
    }
    .headerMain14 .mainMenu ul {
        -webkit-column-gap: 18px;
           -moz-column-gap: 18px;
                column-gap: 18px;
    }
    .headerInner14__rfs .mainMenu {
        width: 61.411%;
    }
    .headerInner13__lfs {
        width: 20.166%;
    }
    .headerInner13__lfs .logo img{
        max-width: 90%;
    }
    .headerInner13__rfs {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 79.834%;
    }
    .headerMain13 .mainMenu > ul {
        -webkit-column-gap: 18px;
           -moz-column-gap: 18px;
                column-gap: 18px;
        padding: 0px 20px;
    }
    .headerInner13__rfs .mainMenu {
        width: 61.299%;
    }
    .headerMain13 .mainMenu ul li a {
        font-size: 13px;
        padding: 22px 0;
    }
    .headerMain13 .mainMenu ul li ul li a {
        font-size: 13px;
    }
    .tw_header12.isSticky.fixedHeader,
    .tw_header14.isSticky.fixedHeader,
    .tw_header13.isSticky.fixedHeader{
        padding: 0;
    }
    .tw_header13 {
        padding: 40px 8px 12px;
    }
    .headerMain12 .mainMenu ul {
        -webkit-column-gap: 19px;
           -moz-column-gap: 19px;
                column-gap: 19px;
    }
    .headerMain12 .mainMenu ul li > a {
        padding: 32px 0;
    }
    .headerMain12 .mainMenu ul li a {
        font-size: 13.5px;
    }
    .headerInner12__rfs .mainMenu {
        width: 60.411%;
    }
    .headerMain14__rfs,
    .headerMain12__rfs,
    .headerMain13__rfs{
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
    }
}

/*-----------------------------------------
/  10. min-width: 1024px
/-----------------------------------------*/
@media(min-width: 1024px) {
    .mb_menuBtn {
        display: none;
    }
}
@media(max-width: 1024px) {
    .blogPageSection > [class^="container"]{
        max-width: 960px;
    }
    .blogPageSection [class^="blogMainCntCol"]{
        width: 57.6%;
    }
    .blogPageSection [class^="col-xl-4"]{
        width: 42.5%;
    }
    .blogListView  .bpi_details h3 {
        font-size: 32px;
        line-height: 44px;
    }
}

/*-----------------------------------------
/  10. max-width: 1023px
/-----------------------------------------*/
@media(max-width: 1023px) {
    .headerMain13 .mainMenu,
    .mainMenu {
        display: none;
    }

    .headerMain01,
    .headerMain02,
    .headerMain03,
    .headerMain04,
    .headerMain05,
    .headerMain06,
    .headerMain07,
    .headerMain08 {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        gap: 40px;
    }
    .headerMain12,
    .headerMain13,
    .headerMain14 {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        gap: 24px;
    }

    .headerMain01,
    .headerMain07 {
        padding: 10px 0;
    }

    .topbar01,
    .topbar07 {
        padding: 12px 0;
    }

    .topbar03 {
        padding: 22px 0 18px;
    }


    .headerInner02 {
        padding: 18px 0 12px;
    }

    .headerInner03 {
        padding: 12px 0;
    }

    .headerInner04 {
        padding: 15px 0;
    }

    .topbar05__lfs ul li:not(:first-child) ,
    .topbar08__lfs ul li:not(:first-child) {
        display: none;
    }

    .topbar05,
    .topbar08 {
        padding: 12px 0 11px;
    }

    .headerInner08,
    .headerInner05 {
        padding: 12px 0;
    }
    
    .headerInner14{
        padding:  12px 12px;
    }
    .headerInner12__lfs,
    .headerInner13__lfs,
    .headerInner14__lfs {
        width: 35.525%;
    }
    .headerInner12__rfs,
    .headerInner13__rfs,
    .headerInner14__rfs {
        width: 64.475%;
    }
    .headerInner12{
        padding: 12px 0;
    }
}

/*-----------------------------------------
/  11. max-width: 1023px
/-----------------------------------------*/
@media(max-width: 1023px) {}

/*-----------------------------------------
/  12. max-width: 991px & min-width: 768px
/-----------------------------------------*/
@media(max-width: 991px) and (min-width: 768px) {}

/*-----------------------------------------
/  13. max-width: 991px
/-----------------------------------------*/
@media(max-width: 991px) {
    .woocommerce .pd_checkout_methodWrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .footerInfo2 h3 {
        font-size: 16px;
    }
    .headerInner12__lfs,
    .headerInner13__lfs,
    .headerInner14__lfs {
        width: 32%;
    }
    .headerInner12__rfs,
    .headerInner13__rfs,
    .headerInner14__rfs {
        width: 68%;
    }
}

/*-----------------------------------------
/ 14. max-width: 777px
/-----------------------------------------*/
@media(max-width: 777px) {}

/*-----------------------------------------
/  15. max-width: 767px
/-----------------------------------------*/
@media(max-width: 767px) {
    .pdSingle_letestPd__items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .pdSingle_letestPd__items>* {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .constaxHeadingWrap h2 {
        font-size: 32px;
    }

    .constaxHeadingWrap h5 {
        font-size: 18px;
    }
    .blogListView  .bpi_details h3 {
        font-size: 26px;
        line-height: 38px;
    }
    
    .blogPageSection [class^="blogMainCntCol"]{
        width: 67%;
    }
    .blogPageSection [class^="row gx-30"]{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    --bs-gutter-x: 1.5rem;
    }
    .blogPageSection [class^="col-"],
    .blogPageSection [class*=" col-"]{
        width: 100%; 
    }
    .blogPageSection [class^="col-xl-4"] {
        margin-top: 70px;
    }
    .postTags {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

/*-----------------------------------------
/  16. max-width: 575px
/-----------------------------------------*/
@media(max-width: 575px) {
    .topbar01,
    .topbar07 {
        display: none;
    }

    .headerMain01,
    .headerMain07 {
        gap: 20px;
    }

    .headerBtn01,
    .headerBtn02,
    .headerBtn03,
    .headerMain04__rfs,
    .headerBtn05,
    .headerMain06__rfs,
    .headerBtn07,
    .headerBtn08 {
        display: none;
    }
    .headerInner08__lfs,
    .headerInner07__lfs,
    .headerInner05__lfs,
    .headerInner04__lfs,
    .headerInner03__lfs,
    .headerInner02__lfs,
    .headerInner01__lfs {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }

    .headerInner08__rfs,
    .headerInner07__rfs,
    .headerInner05__rfs,
    .headerInner04__rfs,
    .headerInner03__rfs,
    .headerInner02__rfs,
    .headerInner01__rfs {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }

    .headerInner01,
    .headerInner07 {
        padding: 15px 0;
    }

    .topbar08__rfs,
    .topbar05__rfs,
    .topbar03__lfs {
        display: none;
    }

    .topbar03__rfs {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .topbar08__lfs,
    .topbar05__lfs,
    .topbar03__rfs {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .topbar08__lfs ul,
    .topbar05__lfs ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .topbar03 {
        padding: 12px 0;
    }
    .headerMain12__rfs,
    .headerMain13__rfs,
    .headerMain14__rfs{
        display: none;
    }
    .headerInner12__lfs,
    .headerInner13__lfs,
    .headerInner14__lfs {
        width: 60%;
    }
    .headerInner12__rfs,
    .headerInner13__rfs,
    .headerInner14__rfs {
        width: 40%;
    }
    .tw_header14 {
        padding: 18px 0;
    }
    .headerInner14{
        padding: 12px 18px;
    }

    .Single.blogTitle {
        font-size: 24px;
        line-height: 34px;
    }

    .postAuthorBox {
        padding: 18px 20px;
    }

    .elementor .postAuthorBox img,
    .postAuthorBox img {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 12px;
    }

    .authorSocial {
        top: 20px;
    }
    .get404Desc h2 {
        font-size: 120px;
    }
    .pgBanner-title > br{
        display: none;
    }

    /* comment form */

    .singleComment,
    .commentList ul.children .singleComment {
        padding: 20px;
    }

    .elementor .singleComment img,
    .singleComment img {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 12px;
    }

    .commentList ul.children {
        margin: 0 0 0 30px;
    }

    aside.widget {
        padding: 22px 18px;
    }

    .commentMeta {
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
    }

    .commentHeading,
    .commentHeading02 {
        font-size: 24px;
        line-height: 34px;
    }
    .pagePagination a {
        width: 100% !important;
    }
}

/*-----------------------------------------
/  17. max-width: 359px
/-----------------------------------------*/
@media(max-width: 359px) {

    .Single.blogTitle {
        font-size: 22px;
        line-height: 32px;
    }

    .singleComment h3 {
        font-size: 18px;
    }
}