@media(min-width:1200px){





.our-versatility-section .section-heading-container{
  margin-bottom: 170px;
}
.palette-section {
    padding-top: 250px;
}
.excellence-discover-cover{
    padding-top: 180px;
    padding-bottom: 85px
}
.palette-cardbanner-section .main-title {
    font-size: 40px;
    line-height: 48px;
}

.home-designstyle-intirior-slider-section .section-button-group{
    margin-top: 95px;
}

.design-segment-section .section-heading-container{
margin-bottom: 130px;
}

.proven-process-section .main-title {
    font-size: 40px;
    line-height: 48px;
}

.book-project-container .main-title {
    font-size: 40px;
    line-height: 48px;
}

.book-project-container .title-desc {
    margin-top: 15px;
    font-size: 20px;
    line-height: 28px;
  }



}

@media(min-width:1300px){
.container{
        max-width: 1296px;
}
}


@media(max-width:1339px){




}






@media(max-width:1199px){

.arrow-link {
    width: 40px;
    height: 40px;
}
.arrow-icon-column i {  
    width: 12px;
    height: 9px;
}
.inner-arrow-link i {
    
    height: 30px;
    width: 30px;
}

.section {
    padding: 100px 0px;
}


.navbar-brand {
    transform: translate(100%, -50%);
}

.owl-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    background-size: 20px!important;
}

.logo-heading-container {
    gap: 30px;
    margin-bottom: 30px;
}

.logo-section-title {
    font-size: 16px;
    
}
.h1-heading {
    font-size: 38px;
    line-height: 42px;
   
}

.title-logo-icon img {
    max-width: 80px;
}

.section-heading-container {
    margin-bottom: 50px;
}
.main-title {
    font-size: 32px;
    line-height: 40px;
}

.main-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}
.title-desc {
    font-size: 16px;
    line-height: 24px;
      margin-top: 15px;
}
.section-button-group {
    margin-top: 40px;
}

.default-arrow-cta {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 20px;

}
.palette-grid-img {
    height: 200px;
}
.palette-grid-img:last-child {
    border-radius: 0px 50px 0px 0px;
    width: 330px;
}

.vital-partnership-slider .owl-nav {
    max-width: 380px;
    margin-top: 20px;
}
.excellence-slider-image figure {
    height: 421px;
}
.vital-partnership-conent {
    max-width: 380px;
}
.partnership-slider-column {
    max-width: 490px;
}
.vital-partnership-content p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
.vital-partnership-row figure img {
    max-height: 110px;
    max-width: 90px;
}
.vital-partnership-row:nth-child(odd) .vital-partnership-content {
    border-radius: 0px 45px 0px 45px;
}
.vital-partnership-content {
    border-radius: 45px 0px 45px 0px;
    padding: 25px 30px;
}
.vital-partnership-row figure {
    border-radius: 0px 45px 0px 45px;
    width: 185px;
}
.client-ownwords-content {
    width: 450px;
}
.client-testimonial-slider {
    width: 420px;
    
}
.happy-family-details {
    width: 170px;
}
.happy-family-details figure {
    width: 160px;
    height: 160px;
}
.testimonial-figure {
    gap: 12px;
    border-radius: 50px 0px 50px 0px;
}
.testimonial-figure figure {
    height: 150px;
}
.happy-family-details h3 {
    font-size: 30px;
    line-height: 34px;
}
.happy-family-details p {
    font-size: 14px;
    line-height: 16px;
}
.happy-family-story:before {
    width: 30px;
    height: 30px;
}
.happy-family-story {
    padding-top: 50px;
}
.happy-family-story p {
    font-size: 16px;
    line-height: 26px;
}
.happy-family-story-detail {
    width: calc(100% - 240px);
  
}
.happy-family-story figure {
    border: 2px solid var(--gold-color);
    height: 230px;
    border-radius: 9px;
    margin-top: 10px;
}
.proven-process-column .card {
    padding: 15px 0px !important;
}

.accordion-title {
    font-size: 20px;
    line-height: 28px;

}
.accordion-angle {
    width: 16px;
    height: 16px;
}
.accordion-title span {
    font-size: 14px;
    line-height: 16px;
}
.proven-process-image {
    border-radius: 0px 100px 0px 100px;

}


.interior-design-slider-container {
    gap: 60px;
}
.interior-designstyle-slider-container {
    padding-left: 85px;
}
.modern-designstyle-slider .interior-designstyle-slider-container { 
    padding-right: 85px;
}

.interior-designstyle-slider-content {
    width: 420px;
    padding-bottom: 70px;
}
.interior-designstyle-slider-content .main-title {
    font-size: 24px;
    line-height: 30px;
}
.interior-designstyle-slider-container figure {
    height: 350px;
    border-radius: 50px 0px 50px 0px;
}

.interior-designstyle-slider .owl-dots {
    max-width: 420px;
}
.owl-thumbs {   
    width: 70px;
    gap: 15px;
}

.owl-thumbs button {
 
    height: 100px;
    border-radius: 0px 8px 0px 8px;
  
}
.owl-dots button.active {
    width: 30px;
  
}
.interior-designstyle-slider .owl-dots {
    bottom: 13px;
}
.owl-dots button {
    width: 8px;
    height: 8px;
}

.excellence-slider .owl-dots button.active {
    width: 30px;
    height: 8px;
}

.design-segment-tabs-wrapper .nav-tabs li a {
    font-size: 18px;
    line-height: 25px;
    padding: 12px 30px;
}

.design-segment-column:nth-child(odd) {
    border-radius: 0px 50px 0px 50px;
}
.design-segment-column:nth-child(even) {
    border-radius: 50px 0px 50px 0px;
}

.design-segment-column figure {
    height: 350px;
}
.design-segment-content {
    width: 100%;
    padding: 40px;
}
.design-segment-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

.design-segment-content p {
    font-size: 16px;
    line-height: 26px;
}
.homeblog-grid-container {
    gap: 30px;
}
.homeblog-grid-column figure {
    border-radius: 8px;
    height: 210px;
}
.faqAccordion .accordion-title {
    font-size: 14px;
    line-height: 16px;

}



.herobanner-image {

    border-radius: 0px 0px 50px 50px;
}
.herobanner-title {
    font-size: 48px;
    line-height: 70px;
}
.location-intiriordesign-image {
    height: 350px;

}
.location-intiriordesign-title {
    font-size: 14px;
}
.location-intiriordesign-title span {
    font-size: 10px;
    line-height: 10px;
    margin-top: 12px;
}
.default-bordernav-tabs li a {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 16px;
    
}
.bhkconfiguration-slider-image figure {
    width: calc(100% - 145px);
    height: 420px;
}
.bhkconfiguration-slider .owl-thumbs {
    width: 120px;
}
.bhkconfiguration-slider .owl-thumbs button {
    height: 60px;
    border-radius: 10px;
}

.bhkconfiguration-slider .owl-nav {
    right: -30px;
}



.dottitle {
    font-size: 40px;
    line-height: 44px;
}

.dottitle:before {
    width: 13px;
    height: 13px;
}

.navbar-tabs-link {

    gap: 15px;
}




.navbar-tabs-link li a.active {
    font-size: 20px;
    line-height: 32px;
}
.designview-slider-image-content p {
    font-size: 16px;
    line-height: 24px;
}
.designview-slider-image-content {
    padding: 25px 30px;
    border-radius: 20px;
}

.designview-slider-image-content p {
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-tint3-color);
}



.designview-image {
    height: 290px;
    border-radius: 30px 0px 30px 0px;

}
.designview-slider .owl-thumbs button {
    height: 60px;
    border-radius: 0px 15px 0px 15px;
    width: 110px;
}


.founder-video-column {
      border-radius: 20px;
    max-width: 70%;
}
.founder-video-column .video_player video {
    width: 100%;
    height: 305px;
    border-radius: 20px;
}

.founder-video-column .default_video_controls button.toggle {
    width: 55px;
    height: 55px;
    font-size: 15px;
}

.ourhistory-heroimage {
    width: 240px;
}
.ourhistory-grid-content figure img {
  
    top: 27px;
    max-width: 65%;
}
.ourhistory-child-heroimage {
    flex-shrink: 0;
    width: 230px;
}
.ourhistory-grid-banner {
    width: 50%;
  
}
.ourhistory-grid-banner figure {
    width: calc(100% - 70px);
}
.ourhistory-grid-content {
    border-radius: 0px 35px 0px 35px;
    padding: 20px;
}
.ourhistory-grid-title {
    font-size: 30px;
    line-height: 30px;
    right: 51px;
}
.ourhistory-grid-item:nth-child(even) .ourhistory-grid-title {
    left: inherit;
}
.success-story-title {
    font-size: 24px;
    line-height: 30px;
}
.success-story-subtitle {
    font-size: 16px;
    line-height: 16px;
    margin-top: 20px;
}
.our-success-milestone p {
    font-size: 42px;
    line-height: 42px;
}
.our-success-milestone p span {
    font-size: 14px;
    line-height: 24px;
}

.our-success-card {
    border-radius: 35px 10px 10px 0px;
   
}
.our-success-card:nth-child(even) {

    border-radius: 10px 35px 0px 10px;
}
.success-story-banner figure:first-child,.success-story-banner figure:first-child{
    width: 180px;
}

.belive-me-container:before {
    font-size: 18px;
    line-height: 18px;
}

.milestone-grid-column {
    border-radius: 0px 50px 0px 0px;
    padding: 20px;
}

.milestone-grid-header figure {
    width: 90px;
    height: 90px;
}
.milestone-grid-title {
    font-size: 20px;
    line-height: 26px;
}

.milestone-grid-content p {
    font-size: 35px;
    line-height: 46px;
}


.milestone-grid-content p span {
    font-size: 20px;
    line-height: 36px;
}

.milestone-slider-section .owl-stage .owl-item:nth-child(even) .milestone-grid-column {
    border-radius: 50px 0px 0px 0px;
}
.milestone-grid-column p {
    font-size: 16px;
    line-height: 24px;
}

.belive-me-item {
    padding: 30px;
    border-radius: 50px 0px 50px 0px;
}
.belive-me-title {
    font-size: 22px;
    line-height: 32px;
}

.belive-me-item:nth-child(2), .belive-me-item:nth-child(3) {
    border-radius: 0px 50px 0px 50px;
}
.belive-me-item p {
    font-size: 16px;
    line-height: 28px;
}
.belive-me-summery p {
    font-size: 16px;
}

.premium-service-column {
    padding: 20px;
    padding-bottom: 80px;
    border-radius: 0px 50px 50px 50px;
}
.premium-service-header {
    gap: 20px;
    margin-bottom: 30px;
}
.premium-service-header figure {
    width: 90px;
    height: 90px;
}
.premium-service-column:nth-child(even) {
    border-radius: 50px 0px 50px 50px;
}
.premium-service-column:nth-child(2n+1) {
    border-radius: 50px 50px 50px 0px;
}
.about-cardbanner-content p {
    font-size: 16px;
    line-height: 30px;
    padding: 30px 0px;
}
.premium-service-title {
    font-size: 18px;
    line-height: 28px;
}
.premium-service-column p {
    font-size: 16px;
    line-height: 25px;
}
.our-professionals-grid-row, .our-professionals-gallery-container {
    gap: 15px;
}

.our-professionals-grid-row:nth-child(1) figure:first-child {
    width: 300px;
   
}
.our-professionals-grid-row figure {
    border-radius:20px;
    height: 230px;
}
.our-professionals-grid-row:nth-child(2) figure:last-child {
    width: 350px;

}

.more-professional-link {
    font-size: 18px;
    line-height: 26px;
}
.aboutstory-grid-summery p {
    font-size: 16px;
    line-height: 26px;
}


.aboutstory-grid-title {
    font-size: 18px;
    line-height: 26px;
}

.aboutstory-grid-content p {
    font-size: 16px;
    line-height: 24px;
}

.aboutstory-grid-column figure {
    height: 238px;
}



.blogtabs-container {
    margin-bottom: 50px;
}
.blogtabs-nav li a {
    padding: 20px;
        font-size: 20px;
    line-height: 24px;
}
.blogtabs-nav li a p {

    font-size: 14px;
    line-height: 22px;

}
.resourse-tab-container .main-title {
    font-size: 22px;
    line-height: 34px;
}

.default-nav-tabs li a {
    font-size: 14px;
    line-height: 22px;
    padding: 4px 12px;
}
.blog-item-image {
    max-width: 350px;
    height: 155px;
    border-radius: 12px;
}
.blog-gridview-container .blog-item-image {
    height: 190px;
}

.blog-gridview-container .blog-content-column {
    padding: 20px;
}
.blog-item-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
}
.blog-grid-content p {
    font-size: 14px;
    line-height: 22px;
}

.bloglist-tab-container {
    gap: 50px;
}

.blog-tab-banner figure {
    height: 120px;
}

.blog-banner-tab-title {
    font-size: 26px;
    line-height: 34px;
}

.blog-tab-banner a {
    font-size: 18px;
    line-height: 24px;
}



.mosaic-grid-1 {
    gap: 10px;
}
.mosaic-image {
    border-radius: 12px;
}
.mosaic-grid {
    gap: 10px;
}

.mosaic-grid-2 {
    padding: 0px 10px;
}
.mosaic-layout-column {
    gap: 10px;
}
.career-withus-container figure {
    width: 400px;
    border-radius: 0px 50px 0px 50px;
}


.mosaic-image-1 {
    height: 200px;
}
.mosaic-image-2 {
    height: 215px;
}
.mosaic-image-3 {
    height: 340px;
}

.mosaic-image-4 {
    height: 250px;
}

.mosaic-image-5 {
    height: 130px;
}

.mosaic-image-6 {
    height: 190px;
}
.mosaic-image-7 {
    height: 200px;
}


.connect-grid-row {
/*    grid-template-columns: repeat(1, 1fr);*/
}
.connect-with-column {
    padding: 20px;
}
.form-button {
    margin-top: 35px;
}



.aboutstory-grid-summery {
    margin-top: 50px;
}

.palette-cardbanner-section .section-heading-container {
    padding: 50px;
  
}
.main-title {
    line-height: 40px;
}


.protfolio-project-logo-title {
    margin-bottom: 30px;
}
.video-grid-item figure {
    height: 280px;
}

.portfolio-design-banner-title h3 {
    font-size: 22px;
    line-height: 26px;
}
.portfolio-design-banner-title {
    padding: 15px;
    border-radius: 20px 0px 20px 0px;
}

.portfolio-grid-item.active .portfolio-banner-detail {
    padding: 30px;
    width: 50%;
}
.portfolio-banner-title {
    font-size: 18px;
    line-height: 32px;
}
.portfolio-banner-content {
    padding: 15px 20px;
    border-radius: 0px 20px 0px 20px;
}

.casestudies-button {
    font-size: 14px;
    line-height: 20px;
    gap: 12px;
}
.casestudies-button span {
    width: 42px;
    height: 28px;
    border-radius: 5px;
    background-size: 29px;
}
.portfolio-design-banner-cta {
    font-size: 16px;
    line-height: 16px;
}
.portfolio-design-banner-cta:after {
    width: 30px;
    height: 30px;
    background-size: 15px;
}
.location-intiriordesign-title-column {
    width: 350px;
}
.location-intiriordesign-slider-heading-container {
    gap: 40px;
}














.vital-partnership-section {
    padding-top: 0;
}
.proven-process-section {
    padding-top: 0;
}


/*footer css start*/
.footer {
    padding-top: 105px;
}
.footer:after {
    height: 58px;
    top: 25px;
}
.footer:before {
    height: 8px;
    border-radius: 8px 8px 0px 0px;
}
.footer-menu-content p {
    font-size: 18px;
    line-height: 20px;
}
.footer-menu-content  h4 {
    font-size: 24px;
    line-height: 34px;
    margin-top: 0px;
}
.footer-menu-title {
    font-size: 14px;
    line-height: 18px;
}
.footer-menu-column {
    gap: 40px;
}


.footer-logo-item {
    font-size: 20px;
    line-height: 20px;
    gap:10px;
}
.footer-logo-item:before {
    width: 30px;
    height: 30px;
}

.footer-slider {
    margin-top: 60px;
    margin-bottom: 50px;
}

}

@media(max-width:991px){
.main-title br {
    display: none;
}
.navbar-brand {
/*    position: static;
    transform: initial;*/
}
.navbar-brand {
    transform: translate(-50%, -50%);
}
.navbar-container {
    padding: 20px 35px;
}
.navbar-brand-column {
/*    flex-direction: row-reverse;*/
    flex: 1;
/*    justify-content: space-between;*/
}
.navbar-toggler {
    display: flex;
    flex-wrap: wrap;
}

.navbar-collapse {
    background-color: #002626;
/*    background-image: url(../images/nav-bg.png);*/
    left: 0;
    transition: all 0.3s;
    position: absolute;
    width: 100%;
    top: 100%;
    padding: 30px 0px;
}
.navbar-nav>li {
    width: 100%;
    padding: 0px 35px;
}
.navbar-nav>li>a {
    font-size: 18px;
    line-height: 20px;
}


.palette-grid-img:last-child {
    width: 250px;
}

.vital-partnership-container {
    gap: 40px;
}
.masonry-circle-container {
    max-width: 80%;
    margin-top: 100px;
    height: 358px;
}
.happy-family-container {
    flex-wrap: wrap;
    gap: 30px;
}
.proven-process-section {
    grid-template-columns: repeat(1, 1fr);
    padding: 100px 36px;
    gap: 30px;
}
.proven-process-column {
    padding: 0px;
}
.interior-designstyle-slider-container {
    gap: 30px;
}

.interior-designstyle-slider-content {
    width: 315px;
  
}
.interior-designstyle-slider-content .main-title {
    font-size: 18px;
    line-height: 24px;
}
.interior-designstyle-slider-content .title-desc {
    margin-top: 15px;
}
.interior-designstyle-slider .owl-nav {
    max-width: 315px;

    gap: 210px;
}
.interior-designstyle-slider .owl-dots {
    max-width: 315px;
}

.location-intiriordesign-slider-heading-container {
    gap: 20px;
    flex-wrap: wrap;
}

.protfolio-project-heading-contaner{
        gap: 20px;
    flex-wrap: wrap;
}
.design-segment-column figure {
    border-radius: 0px 0px 40px 0px;
}
.design-segment-column:nth-child(odd) {
    border-radius: 0px 40px 0px 40px;
}
.design-segment-title {
    font-size: 18px;
    line-height: 26px;
}
.commercial-sigment-column figure {
    border-radius: 0px 0px 40px 40px;
}

.design-segment-column:nth-child(even) {
    border-radius: 40px 0px 40px 0px;
}
.design-segment-column:nth-child(even) figure {
    border-radius: 0px 0px 0px 40px;
}
.vital-partnership-conent {
    max-width: 100%;
}
.partnership-slider-column {
    max-width: 100%;
}

.owl-dots {
    gap: 8px;
}

.client-ownwords-content {
    width: 100%;
}
.client-testimonial-slider {
    width: 100%;
}
.founder-video-column {

    max-width: 100%;
}

.whoweare-section-heading-container {
    padding-left: 20px;
}
.ourhistory-heroimage {
    width: 109px;
}
.ourhistory-grid-item:nth-child(even) .ourhistory-grid-title {
    transform: rotate(90deg) translateY(313px);
}
.section.ourhistory-grid-section {
    padding-top: 0;
}

.ourhistory-grid-title {
    font-size: 20px;
    line-height: 30px;
    right: 51px;
    bottom: 35%;
}



.ourhistory-grid-banner:nth-child(3n) .ourhistory-grid-title {
    left: -64%;
}
.ourhistory-grid-banner:nth-child(3n) {
    padding-left: 50px;
    
}
.ourhistory-grid-banner:nth-child(3n) .ourhistory-grid-title {
    left: -53%;
}
.ourhistory-grid-content figure {
    top: 28px;
}
.ourhistory-grid-content-column {
    padding: 20px 0px;
}

.blog-gridview-container {
    grid-template-columns: repeat(1, 1fr);
}
.blog-item-image {
    max-width: 240px;
}

.resourse-tab-container .main-title {
    font-size: 16px;
    line-height: 24px;
}
.default-nav-tabs li a {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
}
.excellence-slider-image figure {
    height: 330px;
}

.happyemployee-card-container {
    flex-wrap: wrap;
}
.property-latestpost-title-container {
    flex-wrap: wrap!important;
    gap: 40px;
}
.property-latestpost-title-container .section-heading-container {
    max-width: 100%;
}
.property-latestpost-tabs p {
    text-align: left;
}
.careerteam-grid-row {
    margin-top: 20px;
    gap: 30px;
}

.latestpost-grid-container {
    grid-template-columns: repeat(1, 1fr);
}

.collage-dream-file-column {
    max-width: 355px;
}
.careerfile-upload-file-row {
    gap: 10px;
    flex-wrap: wrap;
}
.collage-dreamcard-content {
  
    padding: 15px;
}
.collage-dreamcard-title {
    font-size: 16px;
    line-height: 24px;

}
.collage-dreamcard-content p {

    font-size: 13px;
    line-height: 18px;
}

.collage-dream-file-description {
    gap: 12px;
}
.careerfile-upload-input label {
    font-size: 10px;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 8px;
  
}


.video-grid-content {
    width: 80%;
}
.video-grid-container {
    border-radius: 60px;
 
}
.video-grid-item figure {
    height: 155px;
}
.video-grid-content p {
    font-size: 12px;
    margin-bottom: 15px;
}
.video-grid-content span {
    width: 37px;
}

.videomodal-slider .owl-nav {
    margin-top: 35px;
 
}

.portfolio-section .section-heading-container {
    flex-wrap: wrap;
    gap: 30px;
}

.location-intiriordesign-title-column {
    width: 100%;
}
.location-intiriordesign-image {
    height: 261px;
}
.dottitle {
    font-size: 24px;
    line-height: 30px;
    gap:6px;
}

.dottitle:before {
    width: 8px;
    height: 8px;
}
.designview-slider {
    width: calc(100% - 310px);
}
.designview-slider-image-content {
max-width: 290px;
}

.designview-slider .owl-thumbs button {
    height: 50px;
    border-radius: 0px 6px 0px 6px;
    width: 70px;
}


.career-withus-container {
    gap: 30px;
}
.career-withus-container figure {
    width: 200px;
    border-radius: 0px 20px 0px 20px;
}

.book-consulation-form-column {
    flex-wrap: wrap;
}

.book-consulation-form-column figure {
    width: 100%;
    height: 150px;
}








.portfolio-banner-detail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    overflow: auto;
    z-index: 1;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
}
.portfolio-grid-item.active .portfolio-banner-detail {
    opacity: 1;
    visibility: visible;
    width: 80%;
    height: 95%;
}
.portfolio-design-banner-title h3 {
    font-size: 16px;
    line-height: 20px;
}


.protfolio-project-heading-logo-column {
    width: 100%;
}


.get-touch-container {
    grid-template-columns: repeat(1, 1fr);
}
.book-consulation-form-column figure {
    width: 240px;
}
.book-consulation-form {
    padding: 20px;

}
.book-consulation-form .main-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 25px;
}
.input-field-row {
    gap: 12px;
}
.input-form-container {
    gap: 12px;
}

.form-group-label {
    font-size: 14px;
    line-height: 18px;
}
.locateus-menu ul {
    grid-template-columns: repeat(1, 1fr);
}

.footer-menu-container {
    flex-wrap: wrap;
    gap:50px;
}

.footer-menu-column {
    width: 100%;
}


.copyright-container p {

    font-size: 12px;
    line-height: 16px;
    
}

.footer-social-row a {
    width: 18px;
}




















}




@media(max-width:767px){
    .navbar-brand img {
    max-height: 42px;
}
    .herobanner-logo {
    left: 15px;
    top: 15px;
    max-width: 60px;
}

.navbar-nav>li {
    padding: 0px 15px;
}
.navbar-toggler {
    width: 28px;
    height: 18px;
}
.navline {
    height: 2px;
}

.navbar-container {
    padding: 15px 15px;
}
.contact-cta {
    border-radius: 10px;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 14px;
}
.navbar-brand {
    transform: translate(-95%, -50%);
}
.palette-grid-img {
    height: 110px;
}

.palette-grid-row {
    gap: 12px;
}
.palette-grid-img:last-child {
    width: 182px;
        border-radius: 0px 15px 0px 0px;
}
.palette-grid-row:nth-child(even) .palette-grid-img:last-child {
    border-radius: 0px 0px 0px 15px;
}
.excellence-slider .owl-stage-outer {
  
    padding-left: 20px;
}


.vital-partnership-item {
    gap: 15px;
}
.vital-partnership-row {
    gap: 10px;
}
.vital-partnership-content {
    border-radius: 20px 0px 20px 0px;
    padding: 15px 20px;
}
.vital-partnership-content p {
    font-size: 12px;
    line-height: 20px;
}
.vital-partnership-row:nth-child(odd) .vital-partnership-content {
    border-radius: 0px 12px 0px 12px;
}

.vital-partnership-row figure {
    border-radius: 0px 12px 0px 12px;
    width: 60px;
}
.vital-partnership-row figure img {
    max-height: 80px;
    max-width: 50px;
}
.section {
    padding: 80px 0px;
}
.proven-process-section {

    padding: 80px 15px;
}



.default-arrow-cta {
    font-size: 12px;
    line-height: 17px;
}


.happy-family-story figure {
    height: 190px;
}

.main-title {
    font-size: 26px;
    line-height: 40px;
}
.card-body p {
    font-size: 14px;
    line-height: 24px;
}

.interior-designstyle-slider-content .main-title {
    font-size: 20px;
    line-height: 30px;
}
.design-segment-container {
    grid-template-columns: repeat(1, 1fr);
}
.design-segment-column figure {
    height: 200px;
}

.design-segment-content {
    padding: 25px 15px;
}



.segment-tabs-container {
    margin-bottom: 30px;
}
.segment-tabs-container .nav-tabs {
    border: 0;
    gap: 15px;
}

.design-segment-tabs-wrapper .nav-tabs li a {
    border: 1px solid var(--green-color);
        font-size: 16px;
    line-height: 25px;
    padding: 12px 30px;
    border-radius: 68px!important;
}


.design-segment-column:nth-child(odd) {
    border-radius: 0px 20px 0px 20px;
}
.design-segment-column:nth-child(even) {
    border-radius: 20px 0px 20px 0px;
}
.design-segment-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: left;
}

.design-segment-content p {
    font-size: 14px;
    text-align: left;
}



.homeblog-grid-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
.homeblog-readmore {
    
    font-size: 13px;
    line-height: 13px;  
    margin-top: 0px;
   
}
.palette-cardbanner-section .section-heading-container {
    padding: 25px;
}

.interior-designstyle-slider-container {
    padding-left: 55px;
    gap: 15px;
    flex-wrap: wrap;
}
.owl-thumbs {
    width: 40px;
    gap: 12px;
}
.owl-thumbs button {
    height: 40px;
  
}
.modern-designstyle-slider .interior-designstyle-slider-container {
    padding-right: 55px;
}
.interior-designstyle-slider-container figure {
    height: 250px;
    border-radius: 25px 0px 25px 0px;
    width: calc(100% - 60px);
}
.interior-designstyle-slider-content {
    padding-bottom:0px;
        width: 100%;
}
.interior-designstyle-slider .owl-nav {
    position: static;
    max-width: 100%;
    margin-top: 30px;
}
.interior-designstyle-slider .owl-dots {
    max-width: fit-content;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
}

.interior-designstyle-slider .owl-nav button.owl-prev {
    left: 0px;
}
.interior-designstyle-slider .owl-nav button.owl-next {
    right: 0px;
}

.modern-designstyle-slider .owl-thumbs button {
    border-radius: 8px 0px 8px 0px;
}
.modern-designstyle-slider .interior-designstyle-slider-container {
    padding-right: 0;
}
.interior-designstyle-slider-container {
    padding-left: 0px;
    justify-content: flex-end;
}

.interior-designstyle-slider .owl-thumbs {
    height: 250px;
    bottom: initial;
    top: 0;
}
.interior-designstyle-slider .owl-thumbs button {
    height: 70px;
}

.accordion-angle {
    width: 16px;
    height: 16px;   
}

.faqAccordion .card {
    border-radius: 15px !important;
    padding: 12px 11px !important;
}

.faqAccordion .card-header a, .faqAccordion .card-header button {
    gap: 10px;
}
.faqAccordion .accordion-title {
    font-size: 12px;
    line-height: 14px;
}
.last-section-padding {
    padding-bottom: 140px!important;
}

.herobanner-image {
    border-radius: 0px 0px 25px 25px;
    height: 50vh;
}

.herobanner-title {
    font-size: 26px;
    line-height: 30px;
}
.portfolio-design-banner-cta {
    font-size: 14px;
    line-height: 18px;
    gap: 10px;
    bottom: 10px;
}
.portfolio-design-banner-title {
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
    border-radius: 6px 0px 6px 0px;
    text-wrap: initial;
    width: 95%;
    text-align: center;
    top: 6px;
}


.bhkconfiguration-slider .owl-thumbs {
    width: 70px;
    gap: 12px;
}
.bhkconfiguration-slider .owl-thumbs button {
    height: 42px;
    border-radius: 4px;
}



.bhkconfiguration-slider-image figure {
    width: calc(100% - 85px);
    height: 320px;
    border-radius: 15px 0px 15px 0px;
}

.bhkconfiguration-slider-image p {
    font-size: 18px;
    line-height: 20px;
}

.bhkconfiguration-slider .owl-nav {
    right: -70px;
}

.location-intiriordesign-slider .owl-nav {
    gap: 220px;
}

.dottitle {
    font-size: 24px;
    line-height: 25px;
}
.dottitle:before {
    width: 8px;
    height: 8px;
}
.founder-video-section {
    margin-top: 0px;
}
.designview-tabslider-container {

    flex-wrap: wrap;
}
.designview-slider-image-content {
    max-width: 100%;
}
.designview-slider {
    width: 100%;
}
.designview-slider .owl-thumbs {
    position: static;
    margin-top: 30px;
}
.founder-video-column .video_player video {
    height: 200px;
}

.navbar-tabs-link li a {
    font-size: 13px;
    line-height: 16px;
}
.navbar-tabs-link li a.active {
    font-size: 16px;
    line-height: 24px;
}
.founder-video-column .default_video_controls button.toggle {
    width: 50px;
    height: 50px;
    font-size: 10px;
}
.about-who-weare-container {
    flex-wrap: wrap;
}

.whoweare-section-heading-container {
    padding-left: 0;
    padding-top: 30px;
}
.ourhistory-child-container {
    gap: 5px;
    flex-wrap: wrap;
}


.ourhistory-grid-row {
    grid-template-columns: repeat(1, 1fr);
}
.belive-me-container {
    grid-template-columns: repeat(1, 1fr);

}
.premium-service-container {
    grid-template-columns: repeat(1, 1fr);
}

.our-professionals-grid-row, .our-professionals-gallery-container {
    gap: 30px;
    flex-wrap: wrap;
}

.our-professionals-grid-row figure {
    height: 215px;
    width: 100%!important;
}





.more-professional-link {
width: 100%;
  height: 215px;
}
.premium-service-column {
   padding:15px!important;
    border-radius: 10px!important;
}
.about-cardbanner-content p {
    font-size: 16px;
    line-height: 26px;
}


.aboutstory-grid-row {
    gap: 40px;
}

.aboutstory-grid-column figure {
    height: 238px;
    order: -1;
}
.milestone-grid-header {
    gap: 15px;
}
.milestone-grid-header figure {
    width: 56px;
    height: 56px;
}

.milestone-grid-title {
    font-size: 16px;
    line-height: 22px;
}
.milestone-grid-content p span {
    font-size: 12px;
    line-height: 22px;
}

.milestone-grid-content p {
    gap: 5px;
}
.belive-me-item {
    padding: 15px;
    border-radius: 30px 0px 30px 0px!important;
    padding-bottom: 20px;
}
.belive-me-item:nth-child(even) {
    text-align: left;
}
.belive-me-item figure {
    border-radius: 25px;
    margin-bottom: 15px;
}
.premium-service-header figure {
    width: 60px;
    height: 60px;
}
.premium-service-title {
    font-size: 16px;
    line-height: 24px;
}
.premium-service-column p {
    font-size: 14px;
}
.ourhistory-grid-title {

}
.our-success-card {
    flex-wrap: wrap;
}
.success-story-figure,.success-story-content {
    width: 100%;
}
.success-story-banner figure {
    height: 110px;
}


.blogtabs-nav {
    flex-wrap: wrap;
}

.blogtabs-nav li {
    flex: initial;
}
.blogtabs-nav li a {
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 12px;
}
.blogtabs-nav li a p {
    font-size: 12px;
    line-height: 22px;
}


.resourse-tab-container .main-title {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.default-nav-tabs {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.default-nav-tabs li a {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 8px;
}
.blog-gridview-container .blog-content-column {
/*    padding: 20px 0px 0px 0px;*/
}
.blog-gridview-container .blog-item .blogitem-button-group {
    flex-wrap: wrap;
    justify-content: center!important;
    gap: 15px;
}


.blog-tablist-container {
  
    border-radius: 10px;
}
.blog-tab-banner figure {
    border-radius: 10px 10px 0px 0px;
}
.blog-banner-tab-title {
    font-size: 18px;
    line-height: 26px;
}
.blog-tab-banner a {
    font-size: 14px;
    line-height: 16px;
}
.blog-item {
    flex-wrap: wrap;
}
.blog-item-image {
    max-width: 100%;
}
.blog-grid-content p {
    margin: 0;
}
.golden-tint-cta {
    border-radius: 6px;
    font-size: 14px;
    line-height: 15px;
    padding: 6px 10px;
}
.happyemployee-card-banner:before {
    border-radius: 0px 40px 0px 40px;
}
.happyemployee-card-banner figure {
    position: relative;
    z-index: 1;
    max-width: 80%;
}
.happyemployee-card-banner:after {
    width: 260px;
    height: 260px;
   
    bottom: 38px;
   
}
.careerteam-group-grid-container {
    margin-top: 0;
}
.mosaic-image-1 {
    height: 80px;
}
.mosaic-image-2 {
    height: 100px;
}
.mosaic-image-3 {
    height: 150px;
}

.mosaic-image-4 {
    height: 110px;
}

.mosaic-image-5 {
    height: 60px;
}
.mosaic-image-6 {
    height: 90px;
}
.mosaic-image-7 {
    height: 80px;
}





.careerteam-grid-row {
    
    grid-template-columns: repeat(1, 1fr);
    margin-top: 50px;
    gap: 30px;
}

.latestpost-grid-item { 
    padding: 15px;
    border-radius: 30px 0px 30px 0px;
}

.latestpost-header a {
    font-size: 14px;
    line-height: 24px;
}


.property-latestpost-section .page-navigation {
    justify-content: center!important;
}
.collage-dream-card {
    flex-wrap: wrap;
}
.collage-dreamcard-content {
    padding: 15px;
    padding-bottom: 87px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}


.herobanner-subtitle {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px;
}
.connect-touch-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
   
}
.connect-grid-row {
     grid-template-columns: repeat(1, 1fr); 
}
.book-consulation-container {
    padding: 15px;
}
.book-consulation-form-column figure {
    width: 100%;
}
.book-consulation-form-column {
    flex-wrap: wrap;
    border-radius: 12px;
}


.book-consulation-form-column figure {
    width: 100%;
    height: 200px;
  
}
.book-consulation-form-column figure img {

    object-position: top center;
}


.input-field-row {

    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.input-form-container {
      gap: 20px;
}
.book-project-title {
    font-size: 14px;

}
.book-project-heading-container p {
    font-size: 16px;
    line-height: 26px;
}







.ourhistory-child-heroimage:after {
opacity: 0;
}



.location-intiriordesign-title-column {
    width: 100%;

}

.happy-family-story {
    margin-top: 0;
}


.happy-family-story-detail {
    width: 100%;
}
.excellence-slider-image figure {
    height: 160px;
}






.proven-process-image {
    border-radius: 0px 40px 0px 40px;
    height: 200px;
    display: flex;
}

.proven-process-image img {
    object-position: top center;
}

.video-grid-container {
    border-radius: 12px;
}

.video-grid-content {
    width: 90%;
    padding: 12px;
}

.portfolio-design-banner-title h3 {
    width: 100%;
        font-size: 13px;
    line-height: 17px;
}
.portfolio-grid-item.active .portfolio-banner-detail {
    width: 95%;
    height: 95%;
}
.portfolio-banner-title {
    font-size: 15px;
    line-height: 26px;
}
.portfolio-banner-heading p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}
.portfolio-banner-heading p span {
    padding-left: 18px;
    background-size: 16px;
}

.location-intiriordesign-image {
    height: 135px;
}
.location-intiriordesign-title {
    font-size: 10px;
}

.ourhistory-grid-item {
    flex-wrap: wrap;
}   
.ourhistory-grid-banner {
    width: 100%;
}

.blogs-listing-container {
    padding: 30px 15px;
    padding-bottom: 0px;
}


.career-withus-container{
    flex-wrap: wrap;
}


.career-withus-container figure{
    width: 100%;
}


/*footer css start*/
.footer-menu-content {
    text-align: center;
    justify-content: center;
}
.footer {
    padding-top: 60px;
}
.footer-menu {
    width: 100%;
    text-align: center;
}
.footer-menu-column {
    gap: 20px;
}
.copyright-container {
    flex-wrap: wrap;
    text-align: center;
    gap: 30px;
}
.footer-social-row {
    justify-content: flex-end;
    gap: 15px;
    justify-content: center;
    width: 100%;
}
.footer-top-section:before {
    height: 50px;
}
.footer:after {
    height: 30px;
    top: 12px;
}
}




@media(max-width: 414px){
    .ourhistory-grid-item:nth-child(even) .ourhistory-grid-title {
    transform: rotate(90deg) translateY(353px);
}
}

@media(max-width: 390px){
    .ourhistory-grid-item:nth-child(even) .ourhistory-grid-title {
    transform: rotate(90deg) translateY(328px);
}
}