@media screen and (max-width:1920px) and (min-width:1441px){
    .from-info{
        right: 22.4%;
        bottom: 26%;
        width: 9.2%;
    }
}

@media screen and (max-width:1440px) and (min-width:1367px){
    .from-info{
        right: 13.5%;
        bottom: 27%;
        width: 12.3%;
    }
}

@media screen and (max-width:1920px) and (min-width:1440px){
    .carbonspace-header-inner .container{width:100%; padding:0 4%;}
    .carbonspacehamburger-menu{padding:16.5% 15px 20px 0;}
}

@media screen and (max-width:1280px) and (min-width:1025px){
    .carbonspace-header-inner .container{width:100%; padding:0 4%;}
    .carbonspacehamburger-menu{padding:16.5% 15px 20px 0;}
}

@media screen and (max-width:1024px){
    .carbonspace-banner-slider-inner .slick-slide{height:auto}
    .carbonspace-footer-cols ul li{padding:0 0 0 15px;}
    .carbonspace-footer-cols ul li a{padding:0;}
    .carbonspace-footer-cols ul li a:hover{padding:0}
    .banner-menu-ul .banner-menu{margin:0 20px;}
    .banner-menu-ul .banner-menu a{font-size:30px; padding:10px 0px 15px;}
    .banner-menu-ul .banner-submenu-ul a{font-size:13px; padding:0;}
    .banner-submenu-ul{display:none;}
    .banner-submenu-ul li{margin:0 0 5px; padding:0 0 0 15px;}
    .carbonspace-menu-hover{transform:translate(-50%,-70%);}
    .carbonspacehamburger-menu{padding:20% 20px 15%; width:50%;}
    .carbonspacehamburger-show{left:50%;} 
    .logo-div img{width:100%;}
    .carbonspace-header-inner{padding:20px 0;}
    .menudiv-main{width:5.6%; margin:10px 0 0 0;}
    .carbon-home-btn{
        margin:5px 25px 0 0;
    }
    .menudiv-main.open{
        margin:12px 0px 0 0;
    }
    .carbonspacehamburger-menu-in{max-height:550px;}
    .carbonspacehamburger-menu ul li .ham-submenus{transition:0.8s all ease-in-out;}
    .carbonspacehamburger-menu ul li:hover .ham-submenus{max-height:0px;}
    .menu-showintab, .menu-showintab2{max-height:450px !important; transition:0.8s all ease-in-out;}
    .carbonspacehamburger-menu ul li.active .menu-showintab .fa, .carbonspacehamburger-menu ul li.active .menu-showintab2 .fa{transform:rotate(-180deg);}
    .rotate-menu{transform:rotate(-180deg);}
    .carbonspacehamburger-menu li{position:relative; z-index:10; margin:5px 0;}
    .carbonspacehamburger-menu li a{font-size:25px;}
    .carbonspacehamburger-menu ul li .ham-submenus li{margin:0;}
    .ham-submenus li a{font-size:14px; letter-spacing:0}
    .tab-int-drop, .tab-arch-drop{display:block; width:55px; height:100%; color:#fff; border-radius:4px; /*padding:15px 0;*/ font-size:22px; text-align:center; position:absolute; right:00px; top:0px; z-index:99;}
    .tab-int-drop .fa, .tab-arch-drop .fa{display:block; padding:15px 0; transition:0.8s all;}
    .carbonspacehamburger-menu ul li.active .fa{color:#000;}
    .carbonspace-footer-cols:nth-child(4){padding:0 0 0 10px;}
    .carbonspace-banner-slider-inner .slick-dots li{width:30px; height:30px;}
    .carbonspace-banner-slider-inner .slick-dots{
        width:55%;
        bottom: 0.6px;
    }
    .carbonspace-banner-slider-inner .slick-dots li button:before{
        padding:4px 0;
    }
    .cs-slider-buttons {
        width: 20px;
        height: 20px;
        bottom: 19px;
        left: 51%;
    }
    .cs-slider-progress{
        width:55%;
        bottom:49.5px;
    }
    .carbon-newfooter ul li{
        padding:0 0 0 40px;
    }
    .carbonspace-footer-section .carbonspace-footer-cols h4{
        font-size:22px;
    }
    .carbon-newfooter ul li, .carbon-newfooter ul li a{
        font-size:15px;
    }
    .carbonspacehamburger-menu ul{
        width:95%;
    }
}

@media screen and (max-width:812px){
    .carbonspace-menu-hover{
        display:none;
    }
    .carbonspace-banner-slider-inner .slick-dots {
        width: 100%;
        bottom: 0.6px;   
        background: #292929c4;
    }
    .cs-slider-progress{
        width:100%;
    }
    .cs-slider-buttons {
        width: 25px;
        height: 25px;
        bottom: 14px;
        left: 90%;
    }
    .carbonspace-footer-cols:nth-child(1){
        width:50%;
        padding:0 45px 0 0;
    }
    .carbonspace-footer-cols:nth-child(2), .carbonspace-footer-cols:nth-child(3), .carbonspace-footer-cols:nth-child(4){
        width:50%;   
    }
    .carbonspace-footer-cols:nth-child(2) ul{
        column-count:2;
    }
    .carbonspace-footer-cols:nth-child(1), .carbonspace-footer-cols:nth-child(2){
        margin:0 0 55px;
    }
    .carbonspace-footer-cols:nth-child(2), .carbonspace-footer-cols:nth-child(4){
        padding:0 0 0 45px;
    }
    .carbonspace-footer-cols{
        position:relative;
    }
    .carbonspace-footer-cols:after{
        content:'';
        position:absolute;
        top:5%;
        right:0%;
        width:1px;
        height:90%;
        background: #292929;
    }

    .carbonspace-footer-cols:before{
        content:'';
        position:absolute;
        bottom:-9%;
        right:5%;
        width:90%;
        height:1px;
        background: #292929;
    }
    .carbonspace-footer-cols:nth-child(2):after, .carbonspace-footer-cols:nth-child(4):after{
        display:none;
    }
    .carbonspace-footer-cols:nth-child(3):before, .carbonspace-footer-cols:nth-child(4):before{
        display:none;
    }
    .banner-heading-here{
        font-size:30px;
        font-family:indigo-r;
        background:transparent;
        width:100%;
        bottom:auto;
        top:50%;
        right:0;
        transform:translate(0, -50%);
    }
    .carbon-home-btn{
        margin: 2px 25px 0;
    }
    .menudiv-main {
        width: 7%;
        margin: 5px 0 0 0;
    }
    .menudiv-main.open{
        margin:9px 0 0 0;
    }
    .carbonspace-banner-slider-inner .slick-prev {
        width: 40px;
        height: 40px;
    }
    .carbonspace-banner-slider-inner .slick-next {
        width: 40px;
        height: 40px;
    }
    .logo-div img {
        width: 85%;
    }
    .fixed .logo-div img {
        width: 80%;
    }
    .carbon-newfooter ul li, .carbon-newfooter ul li a {
        font-size: 14px;
    }
    .back-btn{
        width: 15%;
    }
    .founder-sub-img{
        text-align: center;
        width: 100%;
    }
    .interiors-image-div img{
        width:auto;
    }
    .founder-sub:nth-of-type(odd) .founder-sub-about, .founder-sub-about {
        padding: 10px 40px 20px;
        width: 100%;
        text-align: center;
    }
    /*.interiors-work-sub:last-child{
        flex-direction: column-reverse;
    }*/
    .interiors-image-div{
        height: 450px!important;
    }
    .founder-sub-about{
        width: 100%;
        text-align: center;
    }
    .interiors-image-div, .about-interior-div{
        width: 100%;
        text-align: center;
    }
    .interiors-section-main h5{
        text-align: center;
    }
  .interiors-work-sub:nth-child(even) {
      flex-direction: column-reverse;
  }
  .interiors-image-div{
    height: auto!important;
  }
  .cs-contact-section-in select{
    width: 100%;
  }
  .enquiry-demo-section .cs-submit{
    width: 20%;
  }
  .enquiry-demo-section .cs-telsub:after {
      content: "";
      position: absolute;
      top: 129%;
      right: 22px;
      background: #292929;
      height: 2px;
      width: 100%;
  }
  .enquiry-demo-section .cs-addsub:after {
      content: "";
      position: absolute;
      top: 122%;
      right: 27px;
      background: #292929;
      height: 2px;
      width: 100%;
    }
    .about-interior-div h4{
        font-size: 25px;
        margin: 0px 0 0px;
    }
    .enquiry-demo-section .cs-telsub{
        padding: 0 35px 0 15px;
    }
    .banner-heading-here img{
        display: none;
    }
}


@media screen and (max-width:768px){
    .interiors-work-sub:nth-of-type(odd) .about-interior-div, .about-interior-div{
        padding: 10px 25px 20px;
    }
    .architect-work-main .interiors-work-sub:nth-of-type(odd) .about-interior-div, .architect-work-main .about-interior-div{
            padding: 10px 25px 20px;
    }
    .interiors-section-main{
        padding:75px 5px 70px; 
    }
    .carbonspacehamburger-menu{width: 60%;}
    .carbonspacehamburger-show{left: 41%;}
    .carbonspacehamburger-menu-in{padding-top: 26%;}
}

@media screen and (max-width:740px){
    .carbonspace-header-inner.fixed{
        padding:10px 0;
    }
    .carbon-home-btn{
        width:40px;
        height:40px;
        margin:3px 15px 0 0;
    }
    .fixed .carbon-home-btn {
        margin: 3px 15px 0 0;
    }
    .carbon-home-btn svg {
        width: 25px;
    }
    .menudiv-main {
        margin: 4px 0 0 0;
    }
    .carbonspace-banner-slider-inner .slick-prev {
        width: 35px;
        height: 35px;
    }
    .carbonspace-banner-slider-inner .slick-next {
        width: 35px;
        height: 35px;
    }
    .carbonspace-footer-section .carbonspace-footer-cols h4 {
        font-size: 20px;
    }
    .pause img{
        width:20px;
        height:20px;
    }
}

@media screen and (max-width:667px){

}

@media screen and (max-width:640px){
    .menudiv-main{width: 9%;}
    .about-interior-div h4{margin: 0px;}
    .about-interior-div h4{font-size: 22px;}
    .back-btn{width: 20%;}
    .about-interior-div h4{font-size: 22px;}
    .carbonspace-banner-slider-inner .slick-dots{
        text-align: left;
    }
}
@media screen and (max-width:512px){
    .carbonspace-banner-slider-inner .slick-dots{display: none!important;}
    .cs-slider-progress{bottom: 0px;}
    .banner-heading-here{top:60%;}
    .carbonspace-banner-slider-inner .slick-prev, .slick-next{top: 60%;}
    .about-interior-div h4{line-height: 33px;}
    .interiors-work-sub{padding: 0 0 18px;}
    .back-btn{width: 25%;}
    .back-footer-patch p{line-height: 20px;}
}
@media screen and (max-width:425px){
    .header-class{width: 100%;}
    .menudiv-main{width: 12%;}
    .menudiv-main span:nth-child(2){margin: 4px 0px;}
    .banner-heading-here{font-size: 20px;}
    .carbonspacehamburger-show{left: 25%;}
    .carbonspacehamburger-menu{width: 76%;}
    .menudiv-main.open span:nth-child(3) {
        transform: rotate(-133deg) translate(10px, 4px);transition: 0.7s all;}
    .carbonspacehamburger-menu li a{font-size: 18px;}
    .carbonspacehamburger-menu li{margin: 0px;}
    .interiors-section-main{padding: 20px 5px 35px;}
    .architect-work-main{margin: 0 0 30px;}
    .cs-aboutus-section{padding: 25px 5px 34px;}
    .architecture-section-main p, .architect-listing-section ul li{font-size: 14px;line-height: 22px;}
    .architecture-section-main{padding: 30px 0px;}
    .carbonspace-footer-cols:nth-child(1), .carbonspace-footer-cols:nth-child(2){width: 100%;}
    .carbonspace-footer-cols:nth-child(2), .carbonspace-footer-cols:nth-child(4){padding: 0px;}
    .carbonspace-footer-cols:nth-child(2), .carbonspace-footer-cols:nth-child(3), .carbonspace-footer-cols:nth-child(4){width: 100%;}
    .carbonspace-footer-cols:nth-child(3){margin-bottom: 38px;border-bottom: 1px solid #000;padding-bottom: 21px;}
    .carbonspace-footer-cols:after{display: none;}
    .carbonspace-footer-cols:before{width: 100%; right: 0%;}
    .about-interior-div h4{line-height: 26px;font-size: 20px;}
    .interiors-section-main h5{margin: 35px 0px 25px;}
    .about-interior-div p{text-align:justify; letter-spacing: 0.5px;}
    .architect-listing-section ul li span{font-size: 15px;}
    .interiors-section-main p{margin: 0px 0px 15px;}
    .interiors-home .back-btn, .architecture-home .back-btn{margin: 30px auto 0;}
    .founder-section h1{font-size:23px;line-height: 25px;margin: 0 0 40px; }
    .interiors-image-div img{width: 100%; }
    .founder-sub-about h6{margin: 0px 0px 10px;}
    .founder-section{padding: 45px 0 30px;}
    .interiors-section-main h5{font-size: 17px;}
    .about-interior-div h4{margin: 5px 0px;}
    .footer-row{padding: 20px 0 25px;}
    .enquiry-demo-section .cs-submit{width: 35%;}
    .enquiry-demo-section .cs-contact-container{width: 80%;}
    .logo-div{width: 65%;}
    .architect-work-main .interiors-image-div{height: auto!important;}


}
@media screen and (max-width:412px){
    .carbon-newfooter ul li{margin: 0 0 10px;}
    .carbonspace-footer-cols:nth-child(1), .carbonspace-footer-cols:nth-child(2){margin: 0 0 30px;}
    .carbonspace-footer-cols:nth-child(3){margin-bottom: 18px;padding-bottom: 18px;}
    .carbonspace-footer-cols:nth-child(1){margin: 0 0 40px}
    .enquiry-demo-section .cs-map-div:before{width: 79%;left: 10%;}
    .cs-address-block h5{font-size: 16px;}
    .enquiry-demo-section .cs-address-block h5{margin: 0 0 3px 0;}
    .cs-address-block p, .cs-address-block a{line-height: 22px;font-size: 16px;}
    .carbonspace-banner-slider-inner .slick-prev, .carbonspace-banner-slider-inner .slick-next{width: 25px;height: 25px;}
    .carbonspacehamburger-menu li a{font-size: 16px;}
    .about-interior-div h4{font-size: 18px;line-height: 22px;}
    .about-interior-div p{font-size: 14px;line-height: 22px;}
    .interiors-work-sub:nth-of-type(odd) .about-interior-div, .about-interior-div{padding: 10px 15px 20px;}
}
@media screen and (max-width:375px){
    .menudiv-main{width: 6%; margin: 0px; padding: 0px;}
    .carbon-home-btn{width: 30px;height: 30px;margin: -5px 12px 0 0;padding: 2px 3px;}
    .carbon-home-btn svg{width: 100%;}
    .logo-div{padding: 0px;}
    .fixed .carbon-home-btn{margin:0px 12px 0 0;}
    .carbonspace-banner-slider-inner .slick-next, .carbonspace-banner-slider-inner .slick-prev{width: 25px;height: 25px;}
    .carbonspace-header-inner{padding: 12px 0px;}
    .cs-aboutus-section p, .about-interior-div p, .interiors-section-main p{font-size: 14px;}
    .founder-section {padding: 20px 0 30px;}
    .founder-section h1{font-size: 21px;}
    .interiors-section-main h5 {margin: 30px 0px 20px;}
    .carbonspacehamburger-menu li a{font-size: 15px;}
    .back-btn{width: 30%; margin: 20px auto 0px;}
    .banner-heading-here{font-size: 18px;}
    .founder-section .interiors-image-div img{width: 80%;}
    .architect-work-main .interiors-work-sub:nth-of-type(odd) .about-interior-div, .architect-work-main .about-interior-div{padding: 10px 14px 20px;}
    .about-interior-div p{line-height: 22px;}
    .enquiry-demo-section .cs-map-div:before{width: 78%;left: 36px;top: -50px;}
    .cs-contact-section {padding: 33px 0 15px;}
    .cs-address-block h5{font-size: 16px;}
    .cs-address-block p, .cs-address-block a{font-size: 15px;}
    .enquiry-demo-section .cs-address-block h5{margin:0px;}
    .enquiry-demo-section .cs-addsub:after{top: 110%;}
    .cs-address-block p, .cs-address-block a{margin: 0 0 35px;}
    .back-footer-patch p{font-size: 12px;}
    .cs-slider-buttons{bottom: 0;}
}
@media screen and (max-width:320px){
    .cs-slider-buttons{left:85%;}
    .back-btn{width: 35%; margin: 12px auto 0px}
    .back-footer-patch p{font-size:10px;line-height: 15px;}
    .architecture-section-main{padding: 20px 0px 30px;}
    .menudiv-main{width: 7%;}
    .banner-heading-here a{font-size: 16px;}
    .footer-row{padding: 10px 0 15px;}
    .carbonspace-footer-section .carbonspace-footer-cols h4{margin:0 0 8px;}
    .carbonspace-footer-cols:nth-child(1){padding: 0PX;}
    .carbon-newfooter ul li{margin: 0 0 8px;}
    .social-links-div a{margin: 11px 6px 0px;}
    .carbonspace-footer-cols:nth-child(1), .carbonspace-footer-cols:nth-child(2){margin:0 0 30px;}
    .carbonspace-footer-cols:before{bottom: -9%;}
    .carbonspace-footer-cols:nth-child(3){margin-bottom: 20px;}
    .founder-section h1{font-size: 18px;margin: 0 0 25px;}
    .interiors-work-sub:nth-of-type(odd) .about-interior-div, .about-interior-div{padding: 10px 6px;}
    .interiors-section-main h5{font-size: 16px;line-height: 20px;}
    .interiors-work-sub{margin: 0 0 30px;}
    .about-interior-div h4{line-height: 20px;}
    .about-interior-div h4{font-size: 16px;}
    .about-interior-div .interior-readmore{padding: 6px 16px;}
    .cs-aboutus-section p, .about-interior-div p, .interiors-section-main p{line-height: 22px;}
    .interiors-section-main{padding: 20px 0px 35px;}
    .carbonspacehamburger-menu{width: 85%;}
    .carbonspacehamburger-show{left: 15%;}
    .carbonspace-footer-section .carbonspace-footer-cols h6{margin: 0 0 5px;}
    .enquiry-demo-section .cs-map-div:before{width: 79%;left: 10%;}
}