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

/*==================================
    [Table of contents]
===================================
    01. max-width: 1750px
    02. min-width: 1366px & max-width: 1599px
    03. min-width: 1366px & max-width: 1399px
    04. min-width: 1200px & max-width: 1399px
    05. max-width: 1365px
    06. min-width: 1200px & max-width: 1365px
    07. min-width: 992px & max-width: 1199px
    08. max-width: 1199px
    09. min-width: 768px & max-width: 991px
    10. max-width: 991px
    11. max-width: 767px
    12. max-width: 575px
    13. min-width: 320px & max-width: 410px
    14. min-width: 320px & max-width: 355px
*/

/*----------------========----------------
/  00. max-width: 1500px
/----------------========----------------*/
@media (max-width: 1770px) and (min-width:1400px){
    .expertiseSlider .expertItem .expertContent h3 {
        font-size: 50px;
        line-height: 60px;
    }
    .expertiseSlider .expertItem .expertImage {
        max-width: 300px;
    }
    .expertiseSlider.owl-carousel .owl-item img {
        max-width: 300px;
    }
    .expertiseSlider .expertItem .expertContent {
        padding-left: 50px;
    }
}
/*----------------========----------------
/  00. max-width: 1500px
/----------------========----------------*/
@media (max-width: 1750px){
    .expertiseSlider.owl-carousel .owl-stage {
        margin-left: 12px;
    }
}
/*----------------========----------------
/  02. max-width: 1500px
/----------------========----------------*/
@media (max-width: 1500px){
    .mapInner {
        padding: 66px 0 54px;
    }
    .mapSecImg img {
        height: 700px;
    }
    .header02 {
        padding: 20px 60px;
    }
    .testWrap .testNav button.next {
        right: 0;
    }
    .testWrap .testNav button.prev {
        left: 0;
    }
    .testItem {
        padding: 0 80px;
    }
    .testItem h2 {
        font-size: 38px;
        line-height: 54px;
    }
    .folioSlider.owl-carousel .owl-dots button{
        width: 130px;
    }
}
/*----------------========----------------
/  05. max-width: 1365px
/----------------========----------------*/
@media(max-width: 1399px){
    .expertiseSlider .expertItem .expertImage {
        max-width: 300px;
    }
    .expertiseSlider.owl-carousel .owl-item img {
        max-width: 300px;
    }
    .expertiseSlider .expertItem .expertContent {
        padding-left: 50px;
    }
    .expertiseSlider .expertItem .expertContent h3 {
        font-size: 45px;
        line-height: 55px;
    }
}

/*----------------========----------------
/  05. max-width: 1365px
/----------------========----------------*/
@media (max-width: 1365px){
    .pageBanner01 .container,
    .themewar-header-content .container{
        max-width: 1314px;
    }
    .mainMenu > ul > li {
        margin: 0 40px 0 0;
    }
    .ser01Single p {
        padding: 0 0 24px 0;
        font-size: 15.5px;
    }
    .about01Content {
        padding: 0 0 0 60px;
    }
    .pf01Single {
        margin: 0 0 35px;
    }
    .bi01Con {
        padding: 0 48px 0 0;
    }
    .footerContent h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .footer01 {
        padding: 80px 0 80px;
    }
    .serviceSec02 .row.gx-4 {
        --bs-gutter-x: inherit;
    }
    .about02Gallery .abGalleryIcon {
        height: 246px;
    }
    .about02Content {
        padding: 0 20px 0 0;
    }
    .about02Content .ab02Count h2 {
        font-size: 150px;
        line-height: 170px;
    }
    .about02Content .ab02Count h3 {
        font-size: 58px;
        line-height: 68px;
    }
    .about02Content h4 {
        margin: 0 0 10px;
        padding: 0 0 30px;
    }
    .contactMapSec .row .col-lg-5 {
        width: 45%;
    }
    .contactMapSec .row .col-lg-7 {
        width: 55%;
    }
    .footer02 .footerTitle {
        font-size: 150px;
        line-height: 150px;
        margin: 0 0 50px;
    }
    .footer02 .row .col-lg-4:nth-child(04) .widget {
        left: 0;
    }
    .serviceSec03 .row.gx-4 {
        --bs-gutter-x: inherit;
    }
    .ab_conInner {
        padding: 75px 80px 92px 35px;
    }
    .ab_tabTitle h2 {
        left: 65px;
    }
    .teamSin01 .teamCon {
        padding: 50px 48px 50px;
    }
    .testItem h2 {
        font-size: 35px;
        line-height: 50px;
        margin: 0 0 30px;
    }
    .testimonialSec01 {
        padding: 220px 0 62px;
    }
    .blog02Section .row.gx-4 {
        --bs-gutter-x: inherit
    }
    .bi01Single h3 {
        font-size: 19px;
    }
    .widGalleryItem {
        margin-left: 0;
        max-width: 100%;
    }
    .ab04Content {
        padding: 45px 0 5px 23px;
    }
    .ab04Content h2 {
        font-size: 57px;
        line-height: 68px;
    }
    .fe01Single {
        padding: 60px 20px 44px;
    }
    .featureSec01 .row.gx-4 {
        --bs-gutter-x: inherit;
    }
    .skillContent {
        padding: 0;
    }
    .get404Desc {
        padding: 60px 0 0;
    }
    .blogLSB {
        padding-left: 0;
    }
    .blogRSB {
        padding-right: 0;
    }
    .blogLeftSidebar {
        padding-right: 0;
    }
    .blogRightSidebar {
        padding-left: 0;
    }
    .blogTask .taskCon {
        padding: 0 20px 0 12px;
    }
    .productContent {
        padding: 0 0 0 30px;
    }
    .productGallery {
        padding: 0;
    }
    .getContactSec01 .getTouch h2 {
        font-size: 56px;
    }
    .pdGridView .row {
        --bs-gutter-x: inherit;
    }
    .projectGallery .row.pGrid01 {
        --bs-gutter-x: 1.5rem;
    }
    .projectItem {
        margin: 0 0 24px;
    }
    .service04Sec .row.gx-4 {
        --bs-gutter-x: inherit;
    }
    .teamAuthor {
        padding: 0;
    }
    .officeAddress .getTouch {
        padding: 0 0 0 40px;
    }
    .authorCertificate {
        grid-gap: 15px;
        padding-left: 0;
    }
    .blogDetThumb {
        margin: 0 0 45px;
    }
    .blogDetContent h4 {
        margin: 30px 0 15px;
    }
    .blogDetContent .ph3 {
        margin: 0 0 30px;
    }
    .expertiseSlider.owl-carousel .owl-stage {
        margin-left: 0;
    }
    .getContactPage02 .getTouch .getInfo h3 {
        font-size: 29px;
    }
    .pf03Img {
        margin-left: 50px;
    }
    .productTabRow {
        padding: 40px 0 0;
        margin-left: 30px;
    }
    .blogGridWrapper.row.gx-4,
    .serviceGrid02.row.gx-4,
    .serviceGrid01.row.gx-4 {
        --bs-gutter-x: 1.5rem;
    }
}

/*----------------========----------------
/  06. min-width: 1200px & max-width: 1365px
/----------------========----------------*/
@media (min-width: 1200px) and (max-width: 1365px){
    .service05Sec .ser01Single p {
        padding: 0 5px 10px 0;
    }
}

/*----------------========----------------
/  07. min-width: 992px & max-width: 1199px
/----------------========----------------*/
@media (min-width: 992px) and (max-width: 1199px){
    .pf01Single {
        margin: 0 0 30px;
    }
    .pf01Single .pfThumb {
        margin: 0 0 20px;
    }
    .folioPostFixedGrid .pf01Single .pfThumb{
        margin: 0;
    }
    .pf01Single .pfCat {
        margin: 0 0 10px;
    }
    .processItem span {
        width: 200px;
        height: 200px;
    }
    .ser02Single h3 {
        font-size: 25px;
    }
    .packSingle .packHeader h3 {
        font-size: 28px;
    }
    .packSingle .packHeader p {
        margin: 0 0 15px;
    }
    .bi01Single h3 {
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 15px;
    }
    .blog02Section .bi01Single .bi01Con {
        padding: 50px 28px 39px 30px;
    }
    .ab04Content img {
        max-width: 120px;
    }
    .ab04Content h2 {
        font-size: 50px;
        line-height: 60px;
        margin: 0 0 27px;
    }
    .ab04Content p {
        margin: 0 0 40px;
    }
    .ser04Single {
        padding: 50px 18px 35px;
        margin: 0 0 24px;
    }
    .ser04Single h3 {
        margin: 0 0 15px;
    }
    .ser04Single span {
        margin: 0 0 30px;
    }
    .blogTask .taskCon h2 {
        font-size: 22px;
        line-height: 32px;
        margin: 0 0 15px;
    }
    .blogTask {
        margin: 55px 0 20px;
    }
    .service05Sec .ser01Single p {
        padding: 0 0 10px 0;
    }
    .service05Sec .ser01Single h3 {
        font-size: 24px;
    }
    .service05Sec .ser01Single p {
        font-size: 14px;
        line-height: 24px;
    }
    .service05Sec .ser01Single h3 {
        font-size: 21px;
        margin: 0 0 15px;
    }
    .ser02Con {
        padding: 60px 20px 0;
    }
    .ser02Single h3 {
        margin: 0 0 15px;
    }
    .ser02Single p {
        margin: 0 0 40px;
    }
    .prContent {
        left: 27px;
    }
}

@media (min-width: 1200px){
    .mainMenu{
        display: block !important;
    }
    .gx-45{
        --bs-gutter-x:2.8125rem
    }
    .gy-45{
        --bs-gutter-y:2.8125rem
    }
}
/*----------------========----------------
/  08. max-width: 1199px
/----------------========----------------*/
@media (max-width: 1199px){   
    .topbar01{
        padding: 0 12px;
    }
    .mb_menuBtn{
        display: inline-flex !important
    }
    .header01 {
        margin: 0;
        padding: 0 12px;
    }
    header.header01.fixedHeader {
        padding: 0 12px;
    }
    .header01.fixedHeader {
        padding: 0 30px;
    }
    .header01Inner {
        padding: 0;
    }
    .header01Inner .logo button:before {
        top: -15px;
        height: 85px;
    }
    
    /*-- Mobile Menu --*/
    .mb_menuBtn {
        display: flex;
        flex: 1 0 auto;
        justify-content: flex-end;
    }
    .menu_btn{
        height: 40px;
        width: 40px;
        border-radius: 3px;
        background: var(--tw-primary-color);
        color: #FFF;
        line-height: 40px;
        font-size: 20px;
        display: block;
        text-align: center;
        margin-left: auto;
        z-index: 5;
        display: inline-block;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        margin-left: 25px;
    }
    .menu_btn:hover{
        background-color: var(--tw-secondary-color);
    }
    .menu_btn i{
        line-height: inherit;
    }
    .menu_btn:hover, .menu_btn:focus, .menu_btn.active{
        color: #FFF;
    }
    .menu_btn.active i:before {
        content: "\f0ee";
    }
    .mainMenu{
        z-index: 99;
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        box-shadow: -2px 4px 7px 0px rgba(226, 225, 225, .79);
        display: none;
        max-height: calc(100vh - 135px);
        overflow-y: scroll;
        z-index: 99999991;
    }
    .mainMenu ul{
        display: block;
    }
    .mainMenu ul li{
        -webkit-transform: none;
                transform: none;
        -webkit-transition: none;
        transition: none;
        padding: 0;
        margin: 0;
        position: inherit;
        display: block;
        width: 100%;
    }
    .mainMenu > ul > li.menu-item-has-children > a:after {
        content: "\ef5e";
        float: right;
        font-family: 'Themewar' !important;
        top: 0;
        right: 0px;
        left: auto;
        font-size: 14px;
        transform: rotate(0) !important;
        -moz-transform: rotate(0) !important;
        -webkit-transform: rotate(0) !important;
        -webkit-transform: rotate(0) !important;
    }
    .mainMenu > ul li > ul > li > a:after {
        display: none;
    }
    .mainMenu > ul > li.menu-item-has-children a.active:after {
        content: "\eec2";
        font-family: 'Themewar' !important;
        font-weight: 400;
    }
    .mainMenu > ul > li > a{
        width: 100%;
        color: #111c16;
        padding: 15px 30px 15px;
        border-top: 1px solid rgba(0, 0, 0, .05);
    }
    .mainMenu > ul > li:hover > a,
    .mainMenu > ul > li.current-menu-item > a{
        color: var(--theme-color);
    }
    .mainMenu ul li a:before,
    .mainMenu ul li.current-menu-item > a:before{
        display: none;
    }
    .mainMenu ul li .sub-menu li .sub-menu,
    .mainMenu ul li .sub-menu{
        min-width: 100%;
        border: none;
        padding: 0;
        z-index: 5;
        position: relative;
        width: 100%;
        opacity: 1;
        margin: 0;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        visibility: visible;
        pointer-events: inherit;
        top: 0;
        left: 0;
        display: none;
        -webkit-transform: none;
                transform: none;
        -webkit-transition: none;
        transition: none;
    }
    .mainMenu ul li .sub_menu li:hover .sub_menu,
    .mainMenu ul li:hover .sub-menu{
        top: 0;
        visibility: visible;
        opacity: 1;
        left: auto;
        pointer-events: inherit;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none;
    }
    .mainMenu ul li .sub-menu li {
        display: block;
        padding: 0;
        margin: 0;
        -webkit-transition: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        transition: none;
        -webkit-transform: none;
        transform: none;
    }
    .mainMenu ul li .sub-menu li a{
        padding: 15px 25px 15px;
        padding-left: 50px;
        width: 100%;
        display: block;
        border-top: 1px solid rgba(0, 0, 0, .05);
    }
    .mainMenu ul li .sub_menu ul li a{
        padding-left: 55px;
    }
    .mainMenu ul li:nth-last-child(1) .sub_menu li .sub-menu, .mainMenu ul li:nth-last-child(2) .sub_menu li .sub-menu {
      left: 0;
      right: auto;
    }
    .mainMenu > ul > li:after {
        content: inherit;
    }
    .mainMenu > ul > li:hover > a, .mainMenu > ul > li.current-menu-item > a {
        color: var(--secondary-color);
    }
    .mainMenu > ul li > ul li{
        -webkit-transition: none;
        transition: none;
    }
    .mainMenu > ul li > ul li a {
        color: var(--secondary-color);
    }
    .mainMenu > ul li > ul li:after {
        left: 48px;
    }
    .mainMenu > ul li > ul li:hover{
        padding-left: 0;
    }
    .mainMenu ul li .sub-menu ul li a {
        padding-left: 70px;
    }
    .mainMenu > ul li > ul li ul li:after {
        left: 65px;
    }
    .mainMenu > ul > li ul > li.menu-item-has-children > a{
        position: relative;
    }
    .mainMenu > ul > li ul li.menu-item-has-children:before {
        content: '\ef5e';
        font-family: 'Themewar';
        font-size: 12px;
        font-weight: 400;
        color: var(--heading-color);
        position: absolute;
        margin: 0;
        right: 30px;
        top: 10px;
        -webkit-transition: all ease 350ms;
        transition: all ease 350ms;
    }
    .mainMenu > ul > li ul li.menu-item-has-children.item-show:before{
        content: "\eec2";
    }
    .header03.isSticky.fixedHeader.slideOutUp 

    .mainMenu > ul li > ul li:hover > a,
    .mainMenu > ul > li ul li.menu-item-has-children:hover:before {
        letter-spacing: inherit;
    }
    .mainMenu ul li ul.sub-menu > li.menu-item-has-children:after {
        content: '';
    }
    .mainMenu > ul > li ul li.menu-item-has-children a.active:after {
        content: '';
    }
    .mainMenu > ul > li ul > li.menu-item-has-children a.active:before {
        content: '\eec2';
        color: var(--secondary-color);
    }
    .header03 .mainMenu {
        padding-left: 0;
    }
    .header01 .mainMenu > ul > li:nth-last-child(2) ul.sub-menu,
    .header01 .mainMenu > ul > li:nth-last-child(3) ul.sub-menu{
        left: 0;
    }
    .header01 .mainMenu > ul > li:nth-last-child(2) > ul.sub-menu >  li.menu-item-has-children:before ,
    .header01 .mainMenu > ul > li:nth-last-child(3) > ul.sub-menu >  li.menu-item-has-children:before {
        top: 5px;
    }
    .header01Inner .accessNav {
        margin: auto 0 auto auto;
    }
    
    /* -- END: Mobile menu -- */
    .bannerCaption h2 {
        font-size: 80px;
        line-height: 90px;
        max-width: 605px;
    }
    .bannerCaption h2 span {
        padding-left: 150px;
    }
    .service01Sec {
        padding: 90px 0 90px;
    }
    .service01Wrap .row .col-lg-3:nth-child(02),
    .service01Wrap .row .col-lg-3:nth-child(03),
    .service01Wrap .row .col-lg-3:nth-child(04) {
        left: 0;
    }
    .cta01Section .secTitle {
        font-size: 50px;
        line-height: 60px;
        top: -155px;
    }
    .about01Content {
        padding: 0 0 0 40px;
    }
    .about01Content img {
        margin: 0 0 40px;
    }
    .portfolioWrap .row.gx-4 {
        --bs-gutter-x: 1.5rem;
    }
    .portfolioWrap {
        margin: 20px 0 0;
    }
    .counterWrap02 {
        padding: 30px 44px;
    }
    .counterWrap02 .row .col-lg-3:nth-child(01) .countSingle02,
    .counterWrap02 .row .col-lg-3:nth-child(02) .countSingle02,
    .counterWrap02 .row .col-lg-3:nth-child(03) .countSingle02,
    .counterWrap02 .row .col-lg-3:nth-child(04) .countSingle02 {
        left: 0;
    }
    .processWrap01 {
        grid-column-gap: 23px;
    }
    .procesSec01 {
        padding: 200px 0 240px;
    }
    .bi01Con {
        padding: 0;
    }
    .blog01Section .row.gx-4 {
        --bs-gutter-x: inherit;
    }
    .blog01Section {
        padding: 90px 0 90px;
    }
    .blog01Section .secTitle {
        margin: 0 0 50px;
        font-size: 50px;
    }
    .footer01Address {
        gap: 70px;
    }
    .count03Item h2 {
        font-size: 100px;
    }
    .about02Gallery .abGalleryIcon img {
        max-width: 130px;
    }
    .about02Gallery .abGalleryIcon {
        height: 205px;
    }
    .about02Content p {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 15px;
    }
    .about02Content .ab02Count h2 {
        font-size: 100px;
        line-height: 100px;
        margin: 0 0 25px;
    }
    .about02Content .ab02Count h3 {
        font-size: 56px;
        margin: 0;
    }
    .contactMapSec .row .col-lg-5 {
        width: 55%;
    }
    .contactMapSec .row .col-lg-7 {
        width: 45%;
    }
    .footer02 {
        padding: 82px 0 80px;
    }
    .footer02 .footerTitle {
        font-size: 135px;
        line-height: 135px;
        margin: 0 0 30px;
    }
    .footer02 .row .col-lg-2:nth-child(02) .widget {
        left: 0;
    }
    .footer02 .row .col-lg-2:nth-child(03) .widget {
        left: 0;
    }
    .commentList ul{
        list-style: none;
        padding: 0;
        margin: 0 0 0 35px;
    }

    .menu_popup ul {
        max-width: 300px;
        margin: auto;
        width: 100%;
        max-height: calc(100vh - 180px);
    }
    .menu_popup ul li .sub-menu li:hover .sub-menu, .menu_popup ul li .sub-menu li .sub-menu, .menu_popup ul li:hover .sub-menu, .menu_popup ul li ul.sub-menu {
        display: none;
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
        pointer-events: inherit;
        top: 15px;
        max-width: 100%;
        width: 100%;
        text-align: center;
        visibility: visible;
        opacity: 1;
        -webkit-transform-origin: none;
        transform-origin: none;
        -webkit-transition: none;
        transition: none;
        color: inherit;
        font-size: inherit;
        margin-bottom: 40px;
        padding: 10px 20px;
    }
    .menu_popup ul li .sub-menu li:hover .sub-menu, .menu_popup ul li .sub-menu li .sub-menu {
        max-width: 100%;
        width: 100%;
        box-shadow: none;
        margin-bottom: 30px;
        padding: 7px 0 10px;
        background: rgba(23,25,27,.98);
    }
    .menu_popup ul .sub-menu li.menu-item-has-children>a:after {
        right: 6px;
    }
    .header03Inner {
        padding: 15px 30px;
    }
    .ab_tabImage {
        max-width: 15%;
    }
    .ab_tabImage img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .ab_conInner p {
        margin: 0 0 50px;
    }
    .ab_tabTitle h2 {
        left: 47px;
    }
    .ab_tabTitle {
        max-width: 100px;
    }
    .ab_tabImage {
        max-width: 19%;
        left: -45px;
        position: relative;
    }
    .ab_conInner {
        padding: 75px 0px 92px 0px;
    }
    .about03sec {
        padding: 0 0 120px;
    }
    .portfolioSec03 {
        padding: 100px 0 100px;
    }
    .teamSin01 .teamCon {
        padding: 40px 35px 40px;
    }
    .teamSin01 .teamCon h3 {
        font-size: 26px;
    }
    .teamSection01 {
        padding: 90px 0 90px;
    }
    .teamSection01 .secTitle {
        margin: 0 0 50px;
    }
    .testItem h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 25px;
    }
    .newsLaterSec {
        padding: 80px 0 80px;
    }
    .blog02Section {
        padding: 80px 0 90px;
    }
    .footer03 {
        padding: 90px 0 0;
    }
    .copyright03 {
        margin: 70px 0 0;
    }
    .footer03 .row .col-lg-2:nth-child(02) .widget {
        left: -20px;
    }
    .footer03 .row .col-lg-2:nth-child(03) .widget {
        left: -20px;
    }
    .aboutSec04 {
        padding: 90px 0 90px;
    }
    .ab04Content {
        padding: 20px 0 5px 23px;
    }
    .ab04Content h2 {
        font-size: 48px;
        line-height: 58px;
    }
    .secTitle {
        font-size: 50px;
        line-height: 60px;
    }
    .skillSec01 .secTitle {
        margin: 0 0 30px;
    }
    .skillSec01 {
        padding: 270px 0 90px;
    }
    .teamSection02 {
        padding: 100px 0 100px;
    }
    .teamSection02 .secTitle {
        margin: 0 0 50px;
    }
    .historySection {
        padding: 100px 0 90px;
    }
    .testimonialSec02 {
        padding: 120px 0 0px;
    }
    .get404Desc h4 {
        font-size: 27px;
        margin: 0 0 40px;
    }
    .blogDetContent h4 {
        margin: 20px 0 10px;
    }
    .blogDetContent .ph3 {
        margin: 0 0 30px;
    }
    .pagePagination {
        margin: 50px 0 50px;
    }
    .blogDetSection {
        padding: 100px 0 80px;
    }
    .blogListSingle img {
        margin: 0 0 30px;
    }
    .blogListSingle h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 30px;
    }
    .blogPageSec {
        padding: 80px 0 90px;
    }
    .pcButtons .quantity {
        margin: 0 14px 0 15px;
    }
    .cartBtn {
        margin-right: 5px;
    }
    .productContent h2 {
        margin: 0 0 20px;
    }
    .productContent .pcPrice {
        padding: 0 0 30px;
        margin: 0 0 31px;
    }
    .productTabRow .nav-tabs .nav-link {
        margin-right: 41px;
    }
    .productSection {
        padding: 90px 0 90px;
    }
    .getContactSec01 .getTouch {
        padding: 84px 30px 40px;
    }
    .contactForm {
        padding: 40px;
    }
    .getContactSec01 .getTouch {
        padding: 50px 30px 15px;
        overflow: hidden;
        height: 100%;
    }
    .getContactSec01 .getTouch h2 {
        font-size: 40px;
        margin: 0 0 35px;
    }
    .contactPageMap img {
        height: 400px;
    }
    .getContactSec01.getCon02 {
        margin-bottom: 0;
    }
    .faqSection {
        padding: 90px 0 90px;
    }
    .productPageSec {
        padding: 100px 0 100px;
    }
    .manageCon ul li {
        padding: 0 30px 0 0;
    }
    .projectDetails {
        padding: 100px 0 100px;
    }
    .projectManage {
        padding: 50px 0 35px;
    }
    .projectPageSec {
        padding: 90px 0 90px;
    }
    .serviceDetails {
        padding: 100px 0 60px;
    }
    .ser03Single {
        padding: 61px 32px 62px;
    }
    .serDetCon h2 {
        margin: 0 0 20px;
    }
    .serDetCon p {
        margin: 0 0 15px;
    }
    .serDetCon h3 {
        margin: 30px 0 15px;
    }
    .serDetVideo {
        margin: 0 0 40px;
    }
    .serDetVideo {
        padding: 150px 0 150px;
    }
    .serDetCon .processWrap01 {
        padding: 50px 0 210px;
    }
    .service04Sec {
        padding: 100px 0 70px;
    }
    .skill_img {
        margin-left: 20px;
    }
    .skillSec02 {
        padding: 90px 0 190px;
    }
    .getContactSec01 {
        margin-bottom: -50px;
    }
    .officeAddress .getTouch h2 {
        font-size: 56px;
        margin: 0 0 15px;
    }
    .teamDetailSec {
        padding: 100px 0 100px;
    }
    .skillSec03 .skillContent {
        padding: 0 20px 0 0;
    }
    .teamPageSec {
        padding: 100px 0 80px;
    }
    .blogGridWrap .bi01Single {
        margin: 0 0 40px;
    }
    .blogGridWrap .pagination {
        margin: 20px 0 0;
    }
    .service05Sec {
        padding: 100px 0 30px;
    }
    .service06Sec {
        padding: 90px 0 60px;
    }
    .service07Sec {
        padding: 90px 0 60px;
    }
    .projectPage02 {
        padding: 68px 0 80px;
    }
    .expertiseSec {
        padding: 100px 0 110px;
    }
    .getContactPage02 {
        padding: 0 0 100px;
    }
    .getContactPage02 .getTouch .getInfo h3 {
        font-size: 22px;
    }
    .getContactPage02 .getTouch .getInfo {
        padding: 0 0 10px 60px;
        margin: 0 0 20px;
    }
    .getContactPage02 .getTouch h2 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 45px;
    }
    .pf03Img {
        margin-left: 20px;
    }
    .projectGallery .row.pGrid02 {
        --bs-gutter-x: inherit;
    }
    .productDetailsTab button {
        margin-right: 41px;
    }
    .portfolioSec01 .row.gx-4 {
        --bs-gutter-x: 1.5rem;
    }
    .ab_tabItem {
        width: 203.5px;
    }
    .header01 .mainMenu > ul > li:nth-last-child(1) > ul.sub-menu {
        left: 0;
    }
    .header01 .mainMenu > ul > li:nth-last-child(1) ul.sub-menu, .header01 .mainMenu > ul > li:nth-last-child(2) ul.sub-menu, .header01 .mainMenu > ul > li:nth-last-child(3) ul.sub-menu {
        left: 0;
    }
}

/*----------------========----------------
/  09. min-width: 768px & max-width: 991px
/----------------========----------------*/

@media (min-width: 768px) and (max-width: 991px){
    
}
@media(max-width: 768px){
    .woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td {
        margin: 0 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .woocommerce .shop_table.cart_table tbody tr td.product-quantity{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }.woocommerce .shop_table.cart_table tbody tr td.product-remove {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }
    .woocommerce .woocommerce-cart-form__cart-item.cart_item {
        padding: 0;
        border: 1px solid #D9D9D9;
        margin-bottom: 46px;
    }
    .woocommerce .shop_table.cart_table tbody tr td:nth-child(1), .woocommerce table.shop_table.wishlist_table tbody tr td:nth-child(1) {
        border-top: 0px !important;
    }
    .woocommerce .shop_table.cart_table tbody tr.actions td:before, .woocommerce table.shop_table.wishlist_table tbody tr.actions td:before {
        display: none !important;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr th {
        display: block;
        opacity: 0;
        font-size: 0;
        left: 0;
        visibility: hidden;
    }
}
/*----------------========----------------
/  10. max-width: 1024px
/----------------========----------------*/
@media (max-width: 1024px){
    .header02Inner .accessNavigaion .social {
        display: none;
    }
}
/*----------------========----------------
/  10. max-width: 991px
/----------------========----------------*/
@media (max-width: 991px){
    .bannerCaption h2 {
        font-size: 50px;
        line-height: 60px;
        max-width: 355px;
    }
    .bannerCaption h2 span {
        padding-left: 65px;
    }
    .bannerImage .bannerBtn {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 16%;
                flex: 0 0 16%;
        padding-left: 30px;
    }
    .bannerImage img{
        max-width: 100%;
        width: 100%;
    }
    .service01Sec {
        padding: 70px 0 30px;
    }
    .service01Sec .secTitle {
        font-size: 50px;
        line-height: 60px;
    }
    .ser01Single {
        margin: 0 0 60px;
    }
    .ser01Single span {
        margin: 0 0 40px;
    }
    .ser01Single h3 {
        margin: 0 0 20px;
    }
    .ser01Single p {
        padding: 0 0 10px 0;
    }
    .about01Content {
        padding: 0;
    }
    .about01Content img {
        max-width: 100px;
        margin: 0 0 20px;
    }
    .cta01Section {
        background-size: cover;
    }
    .cta01Section .secTitle {
        top: -90px;
        margin-bottom: -40px;
    }
    .cta01Counter h2 {
        font-size: 250px;
    }
    .cta01Counter:after {
        top: -64px;
        width: 400px;
        height: 400px;
    }
    .cta01Section {
        padding: 0 0 80px;
    }
    .client01Slider.owl-carousel .owl-stage {
        padding: 100px 0 50px;
    }
    .client01Slider.owl-carousel .owl-item .clientItem:after {
        bottom: -51px;
    }
    .pf01Single {
        margin: 0 0 40px;
    }
    .folioPostFixedGrid .pf01Single {
        margin: 0 0 45px;
    }
    .pf01Single .pfThumb {
        width: 100%;
    }
    .countSingle02 {
        padding: 10px 0 40px 86px;
    }
    .counterWrap02 {
        padding: 44px 44px 0 44px;
    }
    .processWrap01 {
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 180px;
    }
    .processWrap01 .processItem:nth-child(02){
        top: 20px;
    }
    .processWrap01 .processItem:nth-child(04){
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        top: 50px;
    }
    .processWrap01 .processItem:nth-child(03){
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }
    .procesSec01 {
        padding: 200px 0 70px;
    }
    .bi01Single {
        margin: 0 0 50px;
    }
    .mb_col_rev{
        flex-direction: column-reverse;
        row-gap: 60px;
    }
    .bi01Single h3 {
        margin: 0 0 10px;
    }
    .blog01Section {
        padding: 50px 0 30px;
    }
    .footerContent h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .footer01Address {
        gap: 25px;
    }
    .footer01Address h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .serviceSec02 {
        padding: 100px 0 0;
    }
    .serviceSec02 .secTitle {
        margin: 0 0 50px;
    }
    .serviceWrap02 .serSinText {
        margin: 35px 0 40px;
    }
    .counter03Wrap {
        grid-template-columns: repeat(3,1fr);
    }
    .count03Item:last-child {
        border-right: inherit;
    }
    .serviceSec02 .secTitle {
        margin: 0 0 79px;
        font-size: 40px;
    }
    .serviceSec02 .subTitle {
        margin: 0 0 10px;
    }
    .serviceSec02 .secTitle {
        margin: 0 0 40px;
    }
    .priceWrap {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .packSingle:nth-child(03) {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }
    .portfolioSec02 .secTitle {
        font-size: 40px;
    }
    .portfolioSec02 .subTitle {
        margin: 0 0 0px;
    }
    .pfWrap02 {
        padding-left: 12px;
    }
    .portfolioSec02 {
        padding: 90px 0 90px;
    }
    .pfSlider02.owl-carousel .owl-dots button {
        width: 100px;
    }
    .pfSlider02.owl-carousel .owl-dots {
        margin: 30px 0 0;
    }
    .about02Gallery .abGalleryIcon img {
        max-width: 80px;
    }
    .about02Gallery .abGalleryIcon {
        height: 150.8px;
    }
    .about02Content p {
        font-size: 16px;
        line-height: 26px;
    }
    .about02Content h4 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 15px;
    }
    .about02Content .ab02Count h2 {
        font-size: 80px;
        margin: 0;
    }
    .about02Content .ab02Count h3 {
        font-size: 41px;
    }
    .aboutSec02 {
        padding: 80px 0 80px;
    }
    .clientSec02 .client01Slider.owl-carousel .owl-stage {
        padding: 0 0 50px;
    }
    .clientSec02 {
        padding: 90px 0 90px;
    }
    .contactMapSec .row .col-lg-5 {
        width: 100%;
    }
    .contactMapSec .row .col-lg-7 {
        width: 0;
    }
    .footer02 {
        padding: 82px 0 10px;
    }
    .footer02 .footerTitle {
        font-size: 100px;
        line-height: 100px;
    }
    .footer02 .widget {
        margin: 0 0 40px;
    }
    .footer02 .f02Desc p {
        margin: 0 0 25px;
    }
    .footer02 .widget > h3 {
        margin: 0 0 20px;
    }
    .header02 {
        padding: 20px 40px;
    }
    .ser03Single {
        margin: 0 0 24px;
    }
    .ab_tabImage img {
        display: none;
    }
    .ab_tabTitle h2 {
        font-size: 40px;
        left: 35px;
        bottom: -50px;
    }
    .ab_tabContent {
        right: -130px;
    }
    .ab_conInner {
        padding: 75px 0px 2px 0px;
    }
    .about03sec {
        padding: 0 0 90px;
    }
    .serviceSec03 {
        margin-bottom: -90px;
    }
    .pf03Text p {
        margin: 0 0 20px;
    }
    .pf03Img img {
        max-width: 100%;
    }
    .pf03Text {
        margin: 0 0 35px;
    }
    .portfolioSec03 {
        padding: 80px 0 80px;
    }
    .teamSin01 {
        margin: 0 0 15px;
    }
    .teamSection01 {
        padding: 60px 0 70px;
    }
    .teamSection01 .secTitle {
        margin: 0 0 40px;
        font-size: 50px;
    }
    .testItem h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px;
    }
    .testWrap .testNav button {
        width: 40px;
        height: 40px;
        line-height: 36px;
    }
    .testWrap .testNav {
        top: -165px;
    }
    .news_subscribe {
        padding: 30px 0 0 0;
    }
    .newsLaterSec .secTitle {
        line-height: 50px;
        font-size: 50px;
    }
    .newsLaterSec {
        padding: 60px 0 60px;
    }
    .blog02Section .secTitle {
        margin: 0 0 50px;
        font-size: 50px;
        line-height: 50px;
    }
    .blog02Section {
        padding: 70px 0 70px;
    }
    .blog02Section .bi01Single {
        margin: 0 0 20px;
    }
    .footer03 .widget {
        margin: 0 0 40px;
    }
    .footer03 .widget h3 {
        margin: 0 0 15px;
    }
    .footer03 .row .col-lg-2:nth-child(03) .widget {
        left: 0;
    }
    .footer03 .row .col-lg-2:nth-child(02) .widget {
        left: 0;
    }
    .copyright03 {
        margin: 30px 0 0;
    }
    .aboutSec04 {
        padding: 50px 0 90px;
    }
    .aboutSec04 .row .col-lg-7{
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    .ab04Content {
        padding: 45px 0 60px 0;
    }
    .ab04Content p {
        margin: 0 0 30px;
    }
    .ab04Content h2 {
        font-size: 52px;
        line-height: 62px;
    }
    .pbInner h2 {
        font-size: 60px;
    }
    .fe01Single {
        margin: 0 0 24px;
    }
    .skillSec01 .secTitle {
        margin: 0 0 40px;
        font-size: 60px;
        line-height: 70px;
    }
    .skill_img {
        margin-left: 0;
    }
    .skillContent {
        padding: 0 0 40px;
    }
    .skillSec01 {
        padding: 100px 0 100px;
        top: 0;
        margin-bottom: 0;
    }
    .featureSec01 {
        padding: 0 0 80px;
    }
    .testimonialSec02 {
        padding: 75px 0 0px;
    }
    .get404Sec {
        padding: 130px 0 60px;
    }
    .get404Desc {
        padding: 0 0 80px;
        text-align: center;
    }
    .get404Img {
        padding: 0;
    }
    .blogDetThumb {
        margin: 0 0 35px;
    }
    .blogTask .taskCon {
        padding: 30px 0 0 0;
    }
    .blogTask .taskCon h2 {
        margin: 0 0 15px;
    }
    .blogTask {
        margin: 35px 0 20px;
    }
    .gapRight {
        margin: 0 0 50px;
    }
    .blogPageSec {
        padding: 60px 0 60px;
    }
    .productContent {
        padding: 0;
    }
    .pcButtons {
        margin: 0 0 60px;
    }
    .getContactSec01 .getTouch h2 {
        font-size: 35px;
        margin: 0 0 30px;
    }
    .getContactSec01 .getTouch .getInfo h3 {
        font-size: 23px;
        line-height: 33px;
    }
    .productPageSec {
        padding: 80px 0 60px;
    }
    .productWrap .pagination {
        margin: 0;
    }
    .projectManage {
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        margin: 0 0 30px;
        padding: 50px 0 10px;
    }
    .manageCon ul li {
        display: block;
        margin: 0 0 25px;
    }
    .manageCon ul li p {
        margin: 0 0 10px;
    }
    .project_overview h2 {
        font-size: 40px;
        margin: 0 0 20px;
    }
    .project_overview p.pb4 {
        margin: 0 0 10px;
    }
    .project_overview h3 {
        font-size: 30px;
        margin: 20px 0 10px;
    }
    .project_overview p {
        margin: 0 0 15px;
    }
    .proDetGall {
        margin: 35px 0 0;
    }
    .serDetCon h2 {
        font-size: 40px;
        margin: 0 0 15px;
    }
    .serDetCon .processWrap01 {
        padding: 50px 0 80px;
    }
    .ser04Single {
        padding: 60px 30px 47px;
    }
    .ser04Single h3 {
        margin: 0 0 10px;
    }
    .officeAddress .getTouch {
        padding: 40px 0 0 0px;
    }
    .teamDetailSec {
        padding: 100px 0 50px;
    }
    .blog_order .row .col-xl-9{
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    .blog_order .gapLeft{
        margin: 0 0 50px;
    }
    .blog_order .gapRight {
        margin: 0;
    }
    .expertiseSlider .expertItem .expertImage {
        max-width: 200px;
    }
    .expertiseSlider.owl-carousel .owl-item img {
        max-width: 200px;
    }
    .expertiseSlider .expertItem .expertContent h3 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }
    .expertiseSlider.owl-carousel.owl-loaded.owl-drag {
        padding: 0 12px;
    }
    .expertiseSlider .expertItem .expertImage h2 {
        font-size: 80px;
    }
    .getTouch .row .col-lg-4:last-child .getInfo{
        border-bottom: 0;
    }
    .pf03Img {
        margin-left: 0;
    }
    .productTabRow {
        margin-left: 0;
    }
    .relatedProductRow .secTitle {
        font-size: 40px;
    }
    .relatedProductRow {
        padding: 90px 0 70px;
    }
    .folioSlider.owl-carousel .owl-dots button{
        width: 100px;
    }
    .blogPageSection {
        padding: 110px 0 80px;
    }
    .blogRightSidebar {
        margin-top: 60px;
    }
    .xzoom-preview{
        box-shadow: unset;
    }
    .productGalleryWrap {
        position: relative;
        max-width: 500px;
        margin: 0  auto 50px;
    }
    .woocommerce-customer-details .woocommerce-column--billing-address{
        margin-bottom: 30px;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main > table{
        border: 1px solid #EFEFEF;
        border-collapse: collapse;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main > table tbody tr.wc-block-cart-items__row {
        padding: 20px 16px 0;
        grid-template-columns: 110px 165px;
    }
    div.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
        padding: 10px;
        border: 1px solid #EFEFEF;
        width: 110px;
    }
    div.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, div.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, div.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
        padding: 10px;
        border: 1px solid #EFEFEF;
    }
    div.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, div.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, div.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
        padding: 10px;
        border: 1px solid #EFEFEF;
    }
    div.wc-block-components-radio-control .wc-block-components-radio-control__input {
        left: 0;
    }
    .wc-block-components-totals-coupon a{
        color:  var(--tw-primary-color);
    } .wc-block-components-totals-coupon a:hover{
        color:  var(--tw-secondary-color);
    }
    .is-small table.wc-block-cart-items {
        margin-bottom: 40px;
    }
    .header02Info a:last-child {
        display: none;
    }
}

/*----------------========----------------
/  11. max-width: 767px
/----------------========---------------*/
@media (max-width: 767px){
    .header01Inner .logo a img {
        max-width: 65px;
    }
    .header01Inner .logo button {
        display: none;
    }
    .topNav.separator{
        display: none;
    }
    .topbarAddress a:not(:nth-child(1)){
        display: none;
    }
    .header01Inner .logo a {
        margin: 15px 0 14px 0;
    }
    .topbarNavigation .nice-select {
        display: none;
    }
    .topbarNavigation ul.topNav:after {
        display: none;
    }
    .topbarNavigation ul.topNav {
        margin: 0;
    }
    .topbarItems {
        padding: 5px 0;
    }
    .pageBannerContent .pgBanner-title, .pbInner .pgBanner-title {
        font-size: 46px;
    }
    .bannerCaption h2 {
        font-size: 70px;
        line-height: 80px;
        max-width: 100%;
        margin: 0 0 30px;
    }
    .bannerCaption h2 span {
        padding-left: 125px;
    }
    .bannerCaption p {
        top: 0;
        margin: auto 0 auto auto;
    }
    .bannerImage {
        margin-top: 30px;
    }
    .service01Sec .secTitle {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 60px;
    }
    .cta01Section .secTitle {
        font-size: 40px;
        line-height: 50px;
        top: -80px;
    }
    .about01Section .col-lg-7 {
        width: 100%;
    }
    .about01Section .col-lg-5 {
        width: 100%;
    }
    .about01Content {
        padding: 50px 0 0;
    }
    .cta01Counter h2 {
        font-size: 200px;
    }
    .cta01Counter h3 {
        font-size: 30px;
        line-height: 40px;
        max-width: 360px;
    }
    .portfolioWrap {
        margin: 0;
    }
    .processItem span {
        width: 200px;
        height: 200px;
    }
    .processWrap01 {
        grid-column-gap: 50px;
    }
    .processWrap01 .processItem:nth-child(03) {
        top: 50px;
    }
    .procesSec01 {
        padding: 200px 0 120px;
    }
    .procesSec01 .secTitle {
        font-size: 40px;
        line-height: 50px;
    }
    .procesSec01 {
        padding: 170px 0 120px;
    }
    .footerContent h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 025px;
    }
    .footer01Address h3 {
        font-size: 14px;
        line-height: 24px;
    }
    .footer01Address .widget h4 {
        margin: 0 0 12px;
    }
    .footer01 .row .col-lg-4 {
        width: 40%;
    }
    .footer01 .row .col-lg-8 {
        width: 60%;
    }
    .counter03Wrap {
        grid-template-columns: repeat(2,1fr);
    }
    .count03Item {
        padding: 30px 0;
    }
    .serviceWrap02 .serSinText {
        margin: 20px 0 60px;
        line-height: 30px;
    }
    .count03Item h2 {
        font-size: 80px;
        margin: 0 0 15px;
    }
    .packSingle .priceTitle h3 {
        font-size: 30px;
        margin: 0 0 80px;
    }
    .packSingle .priceTitle p {
        margin: 0 0 15px;
    }
    .videoPlay .popup_video {
        width: 120px;
        height: 120px;
    }
    .portfolioSec02 .portSecTitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        margin: 0 0 50px;
    }
    .portfolioSec02 .secTitle {
        font-size: 40px;
        margin: 0 0 30px;
    }
    .aboutSec02 .row .col-lg-7 {
        width: 100%;
    }
    .aboutSec02 .row .col-lg-5 {
        width: 100%;
    }
    .about02Content {
        padding: 0 0 35px 0;
    }
    .about02Content p {
        font-size: 22px;
        line-height: 32px;
    }
    .about02Gallery .abGalleryIcon {
        height: 258px;
    }
    .about02Gallery .abGalleryIcon img {
        max-width: 150px;
    }
    .footer02 .footerTitle {
        font-size: 75px;
        line-height: 75px;
    }
    .copyRightText {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .copyRightText .crShare {
        margin: 10px 0 0;
    }
    .header02Info {
        display: none;
    }
    .bottom_menu {
        text-align: center;
    }
    .social_item {
        text-align: center;
    }
    .ab_tabTitle h2 {
        font-size: 30px;
        left: 22px;
        bottom: -40px;
    }
    .ab_tabContent {
        right: -80px;
    }
    .portfolioSec03 .portSecTitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
    }
    .portfolioSec03 .secTitle {
        margin: 0 0 30px;
    }
    .pf03Wrap .accordion-button {
        font-size: 22px;
        line-height: 22px;
        padding: 20px 0;
    }
    .pf03Wrap {
        margin: 50px 0 40px;
    }
    .testItem h2 {
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 15px;
    }
    .testItem h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .testWrap .testNav {
        top: 0;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 25px 0 0;
    }
    .testWrap .testNav button.prev {
        left: -5px;
    }
    .testWrap .testNav button.next {
        right: -5px;
    }
    .testItem {
        padding: 0;
    }
    .testWrap .testNav button {
        font-size: 12px;
    }
    .testItem span {
        font-size: 60px;
        margin: 0 0 20px;
    }
    .blog02Section .secTitle {
        margin: 0 0 40px;
        font-size: 40px;
        line-height: 40px;
    }
    .copyright03 {
        margin: 0px 0 0;
    }
    .header03Inner .navBar button {
        display: none;
    }
    .ab04Content img {
        max-width: 120px;
    }
    .ab04Content h2 {
        font-size: 48px;
        line-height: 58px;
        margin: 0 0 25px;
    }
    .pbInner h2 {
        font-size: 50px;
    }
    .pageBanner {
        padding: 150px 0 110px;
    }
    .fe01Single p {
        max-width: 300px;
        margin: auto;
    }
    .skillSec01 {
        padding: 80px 0 80px;
    }
    .skillContent {
        padding: 0 0 10px;
    }
    .featureSec01 {
        padding: 0 0 60px;
    }
    .teamSection02 {
        padding: 80px 0 70px;
    }
    .teamSection02 .secTitle {
        margin: 0 0 30px;
        font-size: 40px;
    }
    .historySection {
        padding: 80px 0 60px;
    }
    .historySection .secTitle {
        margin: 0 0 40px;
        font-size: 40px;
    }
    .testimonialSec02 {
        padding: 75px 0 70px;
    }
    .blogDetSection {
        padding: 80px 0 50px;
    }
    .singleComment,
    .postReview {
        padding: 35px 0 30px 0;
    }
    .singleComment img,
    .postReview img {
        position: relative;
        margin: 0 0 15px;
        top: 0;
        left: 0;
    }
    .commentList ul .singleComment {
        padding: 35px 0 40px 0;
    }
    .commentList ul {
        margin: 0;
    }
    .blogListSingle img {
        margin: 0 0 20px;
    }
    .blogListSingle h2 {
        font-size: 27px;
        line-height: 37px;
    }
    .pagination {
        margin: 40px 0 0;
    }
    .cartBtn .archioxBtn {
        padding: 17px 24px;
    }
    .productSection {
        padding: 70px 0 60px;
    }
    .getContactSec01 .row .col-lg-5 {
        width: 100%;
    }
    .getContactSec01 .row .col-lg-7 {
        width: 100%;
    }
    .getContactSec01 .noPaddingLeft{
        padding-left: 12px;
    }
    .getContactSec01 .noPaddingRight{
        padding-right: 12px;
    }
    .contactPageMap img {
        height: 300px;
    }
    .faqSection {
        padding: 60px 0 60px;
    }
    .faqAccordion .accordion-button {
        font-size: 20px;
        line-height: 18px;
    }
    .productFilter {
        margin: 0 0 30px;
    }
    .proDetGall .row .col-lg-6:first-child{
        margin-bottom: 15px;
    }
    .projectDetails {
        padding: 80px 0 80px;
    }
    .prContent h3 {
        font-size: 22px;
    }
    .serDetThumb {
        margin: 0 0 25px;
    }
    .serDetCon h2 {
        font-size: 30px;
        margin: 0 0 10px;
    }
    .serDetCon h3 {
        margin: 20px 0 10px;
    }
    .serviceDetails {
        padding: 80px 0 40px;
    }
    .serDetVideo {
        padding: 100px 0 100px;
    }
    .ser04Single p{
        max-width: 300px;
        width: 100%;
        margin: auto;
    }
    .service04Sec {
        padding: 80px 0 40px;
    }
    .teamDetailSec {
        padding: 80px 0 40px;
    }
    .teamPageSec {
        padding: 80px 0 80px;
    }
    .blogDetContent p {
        margin: 0;
    }
    .blogDetContent .ph3 {
        margin: 10px 0 20px;
    }
    .blogDetThumb {
        margin: 0 0 25px;
    }
    .blogGridWrap .bi01Single {
        margin: 0 0 60px;
    }
    .blogGridWrap .pagination {
        margin: 0;
    }
    .service05Sec .ser01Single p {
        padding: 0 0 10px 0;
    }
    .service05Sec .ser01Single h3 {
        font-size: 24px;
    }
    .service05Sec {
        padding: 70px 0 20px;
    }
    .service06Sec {
        padding: 70px 0 30px;
    }
    .ser02Single p {
        max-width: 256px;
        margin: 0 auto 50px auto;
    }
    .service07Sec {
        padding: 70px 0 40px;
    }
    .projectPage02 {
        padding: 68px 0 70px;
    }
    .expertiseSec {
        padding: 75px 0 90px;
    }
    .expertiseSlider .expertItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: 0;
    }
    .expertiseSlider .expertItem .expertContent {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .expertiseSlider .expertItem .expertImage {
        margin: 0 0 30px;
    }
    .expertiseSlider .expertItem .expertContent h3 {
        font-size: 30px;
        line-height: 35px;
        margin: auto auto 15px;
        max-width: 300px;
    }
    .ab_tabTitle {
        max-width: 70px;
    }
    .mainMenu ul li .sub-menu ul li a {
        padding-left: 70px;
    }
    .getContactPage02 {
        padding: 0 0 80px;
    }
    .relatedProductRow .secTitle {
        margin: 0 0 50px;
    }
    .relatedProductRow {
        padding: 70px 0 50px;
    }
    .productContent .pcPrice {
        font-size: 40px;
    }
    .singleComment img, .elementor .singleComment img, .postReview img {
        position: relative;
        top: 0;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main > table tbody tr.wc-block-cart-items__row {
        grid-template-columns: 1fr;
    }
    .featured_image .folio_brandLogo img {
        max-width: 120px;
    }
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        padding-top: 40px;
    }
}

/*----------------========----------------
/  12. max-width: 575px
/----------------========----------------*/
@media (max-width: 575px){
    .topbar01 {
        display: none;
    }
    .header01,
    .header01.fixedHeader {
        padding: 0 20px;
    }
    .accessNav .anSearch , .accessNav .logIn_user{
        display: none;
    }
    .mainMenu > ul > li > a {
        padding: 11px 20px 10px;
    }
    .bannerCaption h2 {
        font-size: 50px;
        line-height: 60px;
        max-width: 380px;
    }
    .bannerCaption h2 span {
        padding-left: 100px;
    }
    .bannerImage .bannerBtn {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
        padding-left: 20px;
    }
    .bannerImage .bannerBtn {
        display: none;
    }
    .service01Sec {
        padding: 50px 0 0px;
    }
    .service01Sec .secTitle {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 50px;
    }
    .ser01Single {
        text-align: center;
    }
    .ser01Single p {
        max-width: 267px;
        margin: auto;
    }
    .cta01Section {
        background-size: contain;
    }
    .cta01Section .secTitle {
        font-size: 30px;
        line-height: 40px;
        max-width: 400px;
        margin: auto;
        text-align: center;
        top: -70px;
    }
    .about01Content {
        text-align: center;
    }
    .cta01Counter h2 {
        font-size: 150px;
        top: 0;
        margin: 0 0 25px;
    }
    .cta01Counter h2 small {
        font-size: 100px;
    }
    .cta01Counter:after {
        top: -110px;
    }
    .cta01Counter h3 {
        font-size: 26px;
        line-height: 36px;
        max-width: 325px;
    }
    .portfolioWrap .btnLink {
        margin: 0;
    }
    .counterWrap02 .row .col-lg-3:nth-child(02) .countSingle02 {
        padding: 10px 0 40px 86px;
    }
    .blog01Section .secTitle {
        font-size: 40px;
        margin: 0 0 30px;
    }
    .footer01 {
        padding: 50px 0 50px;
    }
    .footer01 .row .col-lg-4 {
        width: 100%;
    }
    .footer01 .row .col-lg-8 {
        width: 100%;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    .footer01Address {
        gap: 25px;
        margin: 0 0 35px;
    }
    .copyright01{
        -webkit-transform: translateZ(0) scale(1);
                transform: translateZ(0) scale(1);
        opacity: 1;
    }
    .count03Item h2 {
        font-size: 60px;
        margin: 0 0 10px;
    }
    .priceWrap {
        grid-template-columns: repeat(1,1fr);
    }
    .portfolioSec02 {
        padding: 70px 0 70px;
    }
    .about02Gallery .abGalleryIcon {
        height: 275px;
        background: none;
    }
    .getTouch h2 {
        color: var(--white-color);
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 40px;
    }
    .mapSecImg img {
        height: 650px;
    }
    .getTouch .getInfo h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .footer02 .footerTitle {
        font-size: 50px;
        line-height: 50px;
    }
    .footer02 .f02Desc p {
        max-width: 100%;
        margin: 0 0 15px;
    }
    .header02 {
        padding: 20px 20px;
    }
    .ab_tabTitle h2 {
        font-size: 20px;
        left: 10px;
        bottom: -30px;
    }
    .ab_tabTitle {
        max-width: 40px;
    }
    .ab_tabContent {
        width: calc(500px);
        right: -50px;
    }
    .pf03Wrap .accordion-button {
        font-size: 18px;
    }
    .portfolioSec03 .secTitle {
        margin: 0 0 20px;
        font-size: 45px;
    }
    .portfolioSec03 {
        padding: 50px 0 60px;
    }
    .footer03 {
        padding: 70px 0 0;
    }
    .f03Desc .flogo {
        margin: 0 0 20px;
    }
    .f03Desc p {
        margin: 0 0 20px;
    }
    .ab04Content {
        text-align: center;
    }
    .ab04Content img {
        margin: 0 0 27px;
    }
    .ab04Content h2 {
        font-size: 35px;
        line-height: 45px;
        max-width: 397px;
        margin: 0 auto 25px auto;
    }
    .ab04Content {
        padding: 25px 0 60px 0;
    }
    .skillSec01 {
        padding: 220px 0 60px;
    }
    .singleSkill {
        margin: 0 0 20px;
    }
    .skillSec01 .secTitle {
        margin: 0 0 30px;
        font-size: 43px;
        line-height: 53px;
    }
    .singleSkill .skillWrap {
        height: 5px;
    }
    .singleSkill .skillWrap .skill {
        height: 5px;
    }
    .singleSkill h3 {
        margin: 0 0 12px;
    }
    .singleSkill span {
        bottom: 14px;
    }
    .get404Desc h2 {
        font-size: 100px;
    }
    .pbInner h2 {
        font-size: 40px;
    }
    .blogPageSec {
        padding: 40px 0 40px;
    }
    .blogListSingle .blMeta {
        margin: 0 0 20px;
        padding: 8px 0;
    }
    .blogListSingle h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px;
    }
    .pagination a, .pagination span {
        min-height: 40px;
        min-width: 40px;
        margin: 0 5px;
    }
    .productSlideNav .draggable {
        padding-bottom: 35px;
    }
    .pcRatings {
        margin: 0;
    }
    .productContent h2 {
        font-size: 30px;
        margin: 0 0 10px;
    }
    .pcPrice ins {
        font-size: 50px;
    }
    .productContent .pcPrice {
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
    .pcButtons {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .pcButtons .quantity {
        margin: 0 14px 10px 15px;
    }
    .cartBtn {
        margin-bottom: 10px;
    }
    .wishlistAndCompare {
        margin-bottom: 10px;
    }
    .pcButtons {
        padding: 0 0 30px;
        margin: 0 0 30px;
    }
    .productTabRow .nav-tabs .nav-link,
    .productDetailsTab button {
        margin-bottom: 10px;
    }
    .productTabRow .addinfo {
        padding-right: 0;
    }
    .getContactSec01.getCon02 {
        margin-bottom: -20px;
    }
    .project_overview h2 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    .projectManage {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .manageCon ul {
        margin-top: 40px;
    }
    .prContent {
        left: 28px;
    }
    .prContent h3 {
        font-size: 22px;
    }
    .projectPageSec {
        padding: 60px 0 60px;
    }
    .serviceDetails {
        padding: 70px 0 50px;
    }
    .skillSec02 {
        padding: 60px 0 190px;
    }
    .officeAddress .getTouch h2 {
        font-size: 40px;
    }
    .authorCertificate {
        margin: 25px 0 0;
    }
    .blogDetSection {
        padding: 65px 0 35px;
    }
    .service05Sec .ser01Single span {
        margin: 0 0 30px;
    }
    .service05Sec .ser01Single h3 {
        margin: 0 0 15px;
    }
    .productFilter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .pdAccessNav {
        margin: 0 0 20px;
    }
    .ab_tabItem {
        width: 100px;
    }
    .ab_conInner .archioxBtn02 {
        max-width: 160px;
        font-size: 14px;
        padding: 7px 21px;
    }
    .ab_conInner p {
        margin: 0 0 30px;
    }
    .ab_conInner {
        padding: 45px 0px 2px 0px;
    }
    .about03sec {
        padding: 0 0 50px;
    }
    .skillSec01.smallGap{
        padding: 80px 0 80px;
    }
    .header03Inner {
        padding: 15px 20px;
    }
    .header03Inner .navBar{
        display: none;
    }
    .relatedProductRow .secTitle {
        font-size: 30px;
        margin: 0 0 40px;
    }
    .productContent .pcPrice {
        font-size: 30px;
    }
    .folioSlider.owl-carousel .owl-item .pfItem02 {
        max-width: 98%;
    }
    .folioSlider.owl-carousel .owl-item .pfItem02 img {
        max-width: 100%;
        width: 100%;
    }
    .folioSlider.owl-carousel .owl-dots button{
        width: 50px;
    }
    .featured_image .folio_brandLogo img {
        max-width: 80px;
    }
    .pop_menubar_background {
        padding: 30px 25px 0 30px;
    }
    .popMenubarArea .f_copy {
        font-size: 14px;
        line-height: 14px;
    }
}
/*----------------========----------------
/  13. max-width: 480px
/----------------========----------------*/
@media (max-width: 479px){
    .pf01Single {
        margin: 0 0 30px;
    }
    .portfolioSec01 .secTitle h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .portfolioSec01 .secTitle h3 {
        font-size: 25px;
        top: -27px;
    }
    .portfolioSec01 .secTitle h2 {
        font-size: 31px;
        line-height: 26px;
    }
    .pf01Single .pfThumb {
        margin: 0 0 20px;
    }
    .folioPostFixedGrid .pf01Single .pfThumb{
        margin: 0;
    }
    .pf01Single .pfCat {
        margin: 0 0 12px;
    }
    .processWrap01 {
        grid-template-columns: repeat(1,1fr);
    }
    .processWrap01 .processItem:nth-child(02),
    .processWrap01 .processItem:nth-child(03),
    .processWrap01 .processItem:nth-child(04) {
        -webkit-box-ordinal-group: NaN;
            -ms-flex-order: inherit;
                order: inherit;
        top: 0;
    }
    .processItem {
        margin-bottom: 50px;
    }
    .processItem span {
        margin: 0 0 20px;
    }
    .procesSec01 {
        padding: 170px 0 0px;
    }
    .pfSlider02.owl-carousel .owl-item .pfItem02 img {
        max-width: 100%;
        width: 100%;
    }
    .pfSlider02.owl-carousel .owl-dots button {
        width: 50px;
    }
    .about02Content p {
        font-size: 18px;
        line-height: 28px;
    }
    .aboutSec02 {
        padding: 60px 0 30px;
    }
    .clientSec02 .requestLink {
        line-height: 27px;
    }
    .getTouch {
        padding: 60px 30px 32px;
    }
    .mapSecImg img {
        height: 600px;
    }
    .accessNavigaion .social a {
        display: none;
    }
 
    .pf03Wrap .accordion-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
    }
    .pf03Wrap .accordion-button span {
       margin: 7px 0;
    }
    .testimonialSec02 {
        padding: 60px 0 50px;
    }
    .gapRight {
        margin: 0 0 30px;
    }
    .contactForm {
        padding: 20px 20px 30px;
    }
    .pdListSingle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .pdListSingle .pdThumb {
        width: 100%;
    }
    .pdListSingle .pdContent {
        width: 100%;
        padding: 20px 0 0;
    }
    .productPageSec {
        padding: 50px 0 40px;
    }
    .pdListSingle {
        margin: 0 0 20px;
    }
    .serDetCon .processWrap01 {
        padding: 50px 0 0;
    }
    .skillSec02 .secTitle {
        font-size: 37px;
        line-height: 47px;
        margin: 0 0 30px;
    }
    .skillSec03 .secTitle {
        margin: 0 0 25px;
        font-size: 40px;
        line-height: 50px;
    }
    .blogGridWrap .bi01Single {
        margin: 0 0 50px;
    }
    .slider01 .sliderButton .archioxBtn {
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        padding: 16px 25px;
    }
    .expertiseSec {
        padding: 60px 0 60px;
    }
    .ab_tabContent {
        width: calc(370px);
    }
    .header02Inner .accessNav .anCart,
    .header02Inner .accessNav .logIn_user {
        display: none;
    }
    .header02Inner .accessNavigaion .navBar {
        margin-left: 15px;
    }
    .accessNav .anCart{
        display: none;
    }
}

/*----------------========----------------
/  14. min-width: 320px & max-width: 410px
/----------------========----------------*/
@media (min-width: 320px) and (max-width: 410px){
    .bannerCaption h2 {
        font-size: 40px;
        line-height: 50px;
        max-width: 285px;
        margin: 0 0 20px;
    }
    .bannerCaption h2 span {
        padding-left: 75px;
    }
    .pageBannerContent .pgBanner-title, .pbInner .pgBanner-title {
        font-size: 38px;
    }
    .bannerCaption p {
        text-align: left;
        margin: 0;
    }
    .service01Sec {
        padding: 40px 0 0px;
    }
    .service01Sec .secTitle {
        font-size: 23px;
        line-height: 33px;
        margin: 0 0 40px;
    }
    .ser01Single {
        margin: 0 0 40px;
    }
    .ser01Single span {
        margin: 0 0 30px;
    }
    .cta01Section .secTitle {
        font-size: 26px;
        line-height: 36px;
        width: 100%;
    }
    .cta01Counter:after {
        top: -64px;
        width: 300px;
        height: 300px;
    }
    .cta01Counter h3 {
        font-size: 20px;
        line-height: 30px;
        max-width: 247px;
    }
    .client01Slider.owl-carousel .owl-stage {
        padding: 65px 0 50px;
    }
    .procesSec01 .secTitle {
        font-size: 30px;
        line-height: 40px;
    }
    .blog01Section {
        padding: 35px 0 20px;
    }
    .blog01Section .secTitle {
        font-size: 30px;
        margin: 0 0 20px;
    }
    .ser02Single h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }
    .ser02Single span {
        margin: 0 0 35px;
    }
    .counter03Wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .serviceWrap02 .serSinText {
        margin: 20px 0 40px;
    }
    .packSingle {
        padding: 50px 25px 50px;
    }
    .packSingle:nth-child(03) {
        -webkit-box-ordinal-group: NaN;
            -ms-flex-order: inherit;
                order: inherit;
    }
    .about02Gallery .abGalleryIcon img {
        max-width: 100px;
    }
    .about02Gallery .abGalleryIcon {
        height: 194px;
    }
    .about02Content .ab02Count h3 {
        font-size: 30px;
        line-height: 30px;
    }
    .about02Content h4 {
        font-size: 18px;
        line-height: 16px;
    }
    .clientSec02 {
        padding: 70px 0 90px;
    }
    .getTouch {
        padding: 40px 30px 32px;
    }
    .getTouch h2 {
        font-size: 39px;
    }
    .getTouch .getInfo {
        padding: 0 0 15px 60px;
    }
    .getTouch .getInfo h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .footer02 .f02Desc form {
        max-width: 100%;
    }
    .footer02 .footerTitle {
        font-size: 44px;
        line-height: 40px;
    }
    .copyRightText {
        font-size: 14px;
        line-height: 14px;
    }
    .serviceSec02 .secTitle {
        font-size: 35px;
    }
    .blog02Section {
        padding: 50px 0 50px;
    }
    .blog02Section .secTitle {
        font-size: 30px;
        line-height: 30px;
    }
    .copyright03 {
        line-height: 26px;
        padding: 20px 10px;
    }
    .topbar02 .topbarAddress a {
        margin-right: 0;
    }
    .topbar02 .topbarAddress a:last-child{
        display: none;
    }
    .ab04Content h2 {
        font-size: 25px;
        line-height: 35px;
        max-width: 297px;
        margin: 0 auto 20px auto;
    }
    .ab04Content {
        padding: 20px 0 40px 0;
    }
    .aboutSec04 {
        padding: 50px 0 60px;
    }
    .fe01Single {
        padding: 60px 10px 44px;
    }
    .skillSec01 .secTitle {
        margin: 0 0 20px;
        font-size: 33px;
        line-height: 43px;
    }
    .teamSection02 {
        padding: 50px 0 50px;
    }
    .teamSection02 .secTitle {
        margin: 0 0 20px;
        font-size: 30px;
        line-height: 50px;
    }
    .teamSection02 .subTitle {
        margin: 0;
    }
    .historySection {
        padding: 60px 0 40px;
    }
    .historySection .secTitle {
        margin: 0 0 30px;
        font-size: 30px;
        line-height: 50px;
    }
    .historySection .subTitle {
        margin: 0;
    }
    .get404Sec {
        padding: 100px 0 50px;
    }
    .commentReview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
    }
    .pageBanner {
        padding: 130px 0 90px;
    }
    .pbInner h2 {
        font-size: 30px;
    }
    .contactForm {
        padding: 10px 10px 30px;
    }
    .getContactSec01 .getTouch .getInfo h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .getContactSec01 .getTouch {
        padding: 30px 30px 10px;
    }
    .projectDetails {
        padding: 60px 0 60px;
    }
    .ser04Single {
        padding: 60px 10px 47px;
    }
    .officeAddress .getTouch h2 {
        font-size: 30px;
    }
    .teamDetailSec {
        padding: 60px 0 40px;
    }
    .skillSec03 {
        padding: 0 0 60px;
    }
    .skillSec03 .secTitle {
        font-size: 30px;
        line-height: 40px;
    }
    .pf01Single h3 {
        font-size: 22px;
    }
    .pf01Single .pfCat {
        margin: 0 0 8px;
    }
    .ab_tabContent {
        right: -30px;
    }
    .ab_tabItem {
        width: 85px;
    }
    .ab_tabTitle {
        max-width: 25px;
    }
    .ab_tabTitle h2 {
        font-size: 14px;
        left: 5px;
    }
    .getContactPage02 .getTouch h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 35px;
    }
    .ab_conInner p {
        max-width: 229px;
        font-size: 14px;
        line-height: 24px;
    }
}

/*----------------========----------------
/  14. min-width: 320px & max-width: 355px
/----------------========----------------*/
@media (min-width: 320px) and (max-width: 400px){
   
}
@media(max-height:620px){
	.sidebar_social{
		position: relative;
		left:0;
		bottom:0;
		padding-top: 22px;
	}
}