/* responsive ******************************************************************************/


@media (max-width: 1799px) {

    .two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 44%;

    }

    .our-studio-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 19%;
    }
    .our-spaces-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 30%;
    }

    .our-approach-two-col-section.two-col-text-img-section .section1-box .box1 .text-box{

        margin-left: 47%;

    }

}





@media (max-width: 1599px) {

    h1 {

        font-size: 85px;

    }

    h2 {

        font-size: 80px;

    }

    .two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 48%;

    }

    .our-spaces-two-col-section .section1-box .box1 .text-box {

        margin-left: 40%;

    }
    .our-studio-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 10%;
    }

    /* .our-spaces-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 20%;
    } */
    
    .inspired-spaces-wrapper .heading{

        margin-left: 50%;

    }

}



@media (max-width: 1400px) {

    h1 {

        font-size: 85px;

    }

    h2 {

        font-size: 70px;

    }


    .two-col-text-img-section .section2-box .box2 .text-box h2 {

        margin-bottom: 60px;

    }

    .two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 34%;

    }

    .our-studio-two-col-section .section1-box .box1 .text-box {

        margin-left: 44%;

    }

    .our-approach-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 42%;

    }
    .our-spaces-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 20%;
    }

    .two-col-text-img-section .section1-box .box2 .img-box img{

        height: 750px;

    }

    .two-col-text-img-section .section2-box .box2 .text-box{

        margin-left: -10%;

    }

    .our-spaces-two-col-section .section1-box .box1 .text-box {

        margin-left: 40%;

    }

    .imgs-section .text-block-col .text-block p{

        font-size: 22px;

        line-height: 45px;

    }

    .inspired-spaces-wrapper .heading{

        margin-left: 55%;

    }

    .instagram-feed-block img, .instagram-feed-section .sbi_photo{

        height: 460px !important;
 
    }

    .quote-box{

        padding: 50px;

    }

}



@media (max-width: 1299px) {

    .our-studio-two-col-section .section1-box .box1 .text-box {

        margin-left: 39%;

    }
    .our-spaces-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 5%;
    }

}



@media (max-width: 1199px) {

    h1 {

        font-size: 75px;

    }

    .container{

        max-width: 1040px;

    }

    #header .main-nav nav ul li a{
        font-size: 16px;
        letter-spacing: 2px;
    }
    #header .main-nav nav ul li{
        margin-right: 5px;
    }



    #homeBanner .homeBanner-part{

        min-height: 500px;

    }

    .banner-text-img img {

        max-width: 40%;

    }

    .two-col-text-img-section .section1-box .box1 .text-box,

    .our-approach-two-col-section.two-col-text-img-section .section1-box .box1 .text-box{

        margin-left: 10%;

    }

    .our-spaces-two-col-section .section1-box .box1 .text-box {

        margin-left: 6%;

        padding-right: 20px;

    }

    .two-col-text-img-section .section1-box .box2 .img-box img{

        height: 700px;

    }

    .two-col-text-img-section .section2-box .box2 .text-box {

        margin-left: 0;

    }

    .two-col-text-img-section .section1-box .text-box p{

        padding-right: 30px;

    }

    .quote-section{

        padding: 120px 0;

    }

    .img-block-col-content{

        width: 60%;

    }

    .inspired-spaces-wrapper .heading {

        margin-left: 50%;

    }

    .instagram-feed-section .section-heading {

        margin-bottom: -10px;

    }

    .instagram-feed-block img, .instagram-feed-section .sbi_photo {

        height: 350px !important;

    }

    .text-content-box {

        max-width: 90%;

    }
    .our-studio-section .img-box {
        margin-left: 20px;
    }

      .about-two-col-builder-section .img-box img{
        height: 800px;
        object-fit: cover;
    }
}



@media (max-width: 991px) {

    h1 {

        font-size: 55px;

    }

    h2 {

        font-size: 60px;

    }



    

     /* header responsive */

     #header .main-nav nav {

        position: fixed;

        top: 0;

        left: -50%;

        width: 100%;

        height: 100vh;

        background: var(--french-grey);

        opacity: 0;

        visibility: hidden;

        transition: .5s all ease-in-out;

        z-index: 111;

        padding-top: 60px;

    }

    #header .scroll-logo {
        max-width: 100% !important;
    }

    #header .main-nav nav.show {

        left: 0;

        opacity: 1;

        visibility: visible;

    }

    #header .main-nav nav ul li {

        display: block;

        text-align: left;

        padding: 5px 10px;

    }

    #header .main-nav .click-menu,

    #header .main-nav .cancel-menu {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }

    #header .main-nav .cancel-menu {

        position: fixed;

        top: 20px;

        left: -100%;

        max-width: 30px;

        width: 100%;

        text-align: center;

        z-index: 222;

        transition: .5s;

        opacity: 0;

        visibility: hidden;

    }

    #header .main-nav nav {
        display: block !important;
    }
    .insta-icon-link {
        padding-left: 10px;
    }

    #header .main-nav nav ul li{
        margin-right: 0;
    }
    #header .main-nav .cancel-menu.show {

        opacity: 1;

        visibility: visible;

        left: calc(100% - 50px);

    }

    #header .logo-box img{

        /* height: 40px; */

        max-width: 60px;

    }

    /* .insta-icon-link{
        display: none;
    } */

    /* #header .main-nav {

        flex-direction: row-reverse;

    } */

    #header .button-box {

        margin-left: 0;

        margin-right: 20px;

    }

    .mobile {

        display: block !important;

    }

    .desktop {

        display: none !important;

    }

    .btn-common{

        font-size: 19px;

        letter-spacing: 3px;

    }

    .section-heading {

        margin-bottom: 30px;

    }



    #homeBanner .homeBanner-part {

        min-height: 400px;

    }

    .two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 20px;

    }

    .our-approach-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 20px;

    }

    .two-col-text-img-section .section1-box .box2 .img-box img {

        height: 550px;

    }

    .our-approach-two-col-section .padding-top {

        padding-top: 130px;

    }

    .text-content-box {

        max-width: 100%;

    }    

    .our-studio-section .img-box {
        margin-left: 0;
    }
    .faq-accordion, .signature-process-accordion {

        padding-left: 20px;

    }

    .imgs-section .text-block-col .text-block p {

        max-width: 100%;

        font-size: 18px;

        line-height: 40px;

    }

    .img-block-col-content {

        width: 70%;

    }

    .inspired-spaces-wrapper .heading {

        margin-left: 38%;

    }

    .instagram-feed-block img, .instagram-feed-section .sbi_photo {

        height: 260px !important;

    }

    #footer .top-box .logo-box img {

        max-width: 230px;

    }

    #section-offset{

        top: -30px;

    }

    .menu-open{

        overflow: hidden;

    }

    .our-spaces-two-col-section {
        padding-bottom: 50px;
    }

}

@media (max-width: 880px) {
    .about-two-col-builder-section .img-box img {
        height: 600px;
    }
    .about-two-col-section .text-box p {
        font-size: 17px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {

    h1 {

        font-size: 50px;

    }

    h2 {

        font-size: 40px;

    }

    h3 {

        font-size: 32px;

    }

    p{

        font-size: 18px;

        line-height: 35px;

        letter-spacing: 1px;

    }

    br {

        display: none;

    }

    .row {

        row-gap: 30px;

    }

    section {

        padding-bottom: 60px;

    }

    .section-heading{

        text-align: center !important;

    }

    .padding-top {

        padding-top: 50px;

    }

    .banner-text-img img {

        max-width: 80%;

    }

    .two-col-text-img-section{

        padding: 60px 0;

    }

    .two-col-text-img-section .row,

    .bottom-form-section .row {

        row-gap: 0;

    }

    .two-col-text-img-section .box.box1, .bottom-form-section .heading {

        margin-bottom: 30px;

    }

    .our-studio-section{

        padding-top: 0;

    }

    .two-col-text-img-section .section1-box .text-box p,

    .two-col-text-img-section .section2-box .box2 .text-box p{

        max-width: 100%;

    }

    .two-col-text-img-section .img-box img {

        width: 100%;

    }

    .two-col-text-img-section .section1-box .box2 .img-box img {

        height: auto;

    }

    .two-col-text-img-section .section1-box .box2 .img-box{

        max-width: 100%;

    }

    .two-col-text-img-section .section1-box .box1 .text-box h1 {

        margin-bottom: 30px;

    }

    .two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 0;

        padding: 0 15px;

    }

    .our-studio-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 0;
    }

    .our-approach-two-col-section .section1-box .box1 .text-box h1 {

        margin-bottom: 15px;

    }

    .two-col-text-img-section .text-box{

        text-align: center;

    }

    .two-col-text-img-section .section2-part .row {

        flex-direction: column-reverse;

    }

    .two-col-text-img-section .section2-part .box.box2 {

        margin-bottom: 40px;

    }

    .two-col-text-img-section .section2-box .box2 .text-box{

        margin-left: 0;

    }

    .two-col-text-img-section .section2-box .box2 .text-box{

        margin-top: 0;

    }

    .our-approach-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {

        margin-left: 0;

    }

    .our-approach-two-col-section .padding-top {

        padding-top: 60px;

    }

    .two-col-text-img-section .section1-box .box2 .img-box {

        position: inherit;

    }

    .two-col-text-img-section .section2-box .box2 .text-box h2,

    .about-two-col-section .box.box2 {

        margin-bottom: 30px;

    }

    .about-two-col-section .box.box1{

        margin-bottom: 30px;

    }

    .about-two-col-section .img-box:not(:last-child) {

        margin-bottom: 30px;

    }

    .two-col-text-img-section .section1-box .text-box p {

        padding-right: 0;

    }

    .quote-section {

        padding: 80px 0;

    }

    .signature-process-section .section-heading {

        margin-bottom: 10px;

    }

    .quote-box {

        padding: 30px;

        text-align: center;

    }

    .quote-box p {

        line-height: 40px;

    }

    .inspired-spaces-wrapper {

        padding-bottom: 50px;

    }

    .inspired-spaces-wrapper .heading {

        margin-left: 0;

    }

    .inspired-spaces-imgs-wrap .row, .instagram-feed-row,

    .bottom-form-section .form-box.common-form .row, .imgs-wrapper .row,

    .about-two-col-section .row{

        row-gap: 0;

    }

    .inspired-spaces-wrapper .heading, .bottom-form-section .heading, .about-two-col-section .section1-part{

        text-align: center;

    }

    .faq-accordion, .signature-process-accordion {

        padding-left: 0;

    }

    .accordion-item .accordion-button{

        font-size: 20px;

        line-height: 30px;

        padding: 20px 0;

    }

    .team-member-img img {

        width: 100%;

    }

    .imgs-wrapper {

        margin-bottom: 50px;

    }

    .imgs-section .img-block img {

        height: 340px;

        object-fit: cover;

    }

    .instagram-feed-section .section-heading {

        margin-bottom: 20px;

        text-align: center !important;

    }

    .bottom-form-section .form-box.common-form{
         margin-right: auto;
    }
    .instagram-feed-row {

        margin: 0;

    }

    #gform_submit_button_1{
        width: 100%;
    }
    .our-spaces-two-col-section.two-col-text-img-section .section1-box .box1 .text-box {
        margin-left: 0;
    }

    .instagram-feed-col {

        padding: 0 5px 25px;

    }

    #footer {

        text-align: center;

    }

    #footer .top-box .logo-box img {

        max-width: 80%;

    }

    #footer .top-box h6 {

        margin-bottom: 30px;

    }

    #footer .blank-box {

        padding: 10px 0;

    }

    .footer-box .box {

        margin-bottom: 20px;

    }

    .footer-box .row {

        row-gap: 0;

    }

    #section-offset{

        top: 70px;

    }

    .bottom-form-section #gform_confirmation_message_1 {
        text-align: center;
        margin-top: 0;
    }

}



@media (max-width: 575px) {



}



@media (max-width: 479px) {

    .about-two-col-builder-section .img-box img {
        height: auto;
    }
    .inspired-spaces-col{
        width: 100%;
    }

}



@media (max-width: 375px) {

    h1 {

        font-size: 40px;

    }

    h2 {

        font-size: 35px;

    }

    label {

        font-size: 15px;

    }

    .btn-common {

        font-size: 16px;

    }    

}



@media (max-width: 320px) {

    p {

        font-size: 16px;

    }

    .accordion-button {

        font-size: 17px;

    }

    .quote-box p {

        line-height: 30px;

    }

}