@media only screen and (min-width: 1366px) {
    .wrapper{width: 94%;}
    .ft-col1{ width: 35%;height: auto !important;}
    .ft-col2{ width: 30%;}
    .gallery .lightbox{width: calc(50% - 10px);}
}
@media only screen and (min-width: 768px) {
    #tiles .gal-grid{grid-template-columns: repeat(4,minmax(0,1fr));}
    #tiles .gal-grid .gal-small{height:18.8vw;}
    #tiles .gal-grid .gal-large{grid-row: span 2/span 2; width: 100%;grid-column: span 2/span 2;height: 100%;}
}
@media only screen and (min-width: 992px) {
}

@media only screen and (max-width: 1599px) {
    .callout{margin-bottom: 7vw;}
    .callout p {font-size: 16px;}
}

@media only screen and (max-width: 1439px) {
    .callout{margin-bottom: 6vw;}
    .callout p{font-size: 15px;}
}

@media only screen and (max-width: 1365px) {
    .callout p{font-size: 14px;}
}

@media only screen and (max-width: 1279px) {
    .callout {margin-bottom: 6vw;}
    .callout p{font-size: 13px;}
}

@media only screen and (max-width: 1199px) {
    .work-head h1{font-size: 23px;}
    .our-copyrighted-box .responsive-img{ max-width: 132px;}
    .ft-mar{ line-height: 24px;}
    .callout {margin-bottom: 4vw;}
}

@media only screen and (max-width: 1079px) {
}

@media only screen and (max-width: 1023px) {
    .go-top{ bottom: 60px;}
    .callout {margin-bottom: 3.5vw;}
}

@media only screen and (max-width: 991px) {
    .fact-box-wrapper{flex-wrap: wrap;justify-content: center;}
    .fact-box{width: 33.33%;}
    #rakeshcontainer4 .fact-box{width:100%; padding: 0;}
    .work-head h1 {font-size: 21px;min-height: inherit;}
    .pro-title{ font-size: 36px;}
    .our-copyrighted{flex-wrap: wrap;justify-content: center;}
    .our-copyrighted-box{width: 33.33%;}
    .main-blog .blog-img{ margin-bottom: 15px;}
    .callout {margin-bottom:3vw;}
}

@media only screen and (max-width: 899px) {
    .callout{ padding: 15px;margin-bottom:3.5vw;}
    .testimonial-blogs{ padding: 15px;}
    .blog-sec .rpwe-ul li h3 a{ font-size: 14px;}
    .design-tabber ul.resp-tabs-list li{ font-size: 16px;}
    .gal-text-holder .gal-text-wrapper .proj-name h4{font-size: 16px;}
    .section-title{font-size: 3.3vw;}
    .quick-sec ul li{width: 100%;}
    .quick-sec ul li:nth-child(2n){padding-left: 0;}
}

@media only screen and (max-width: 809px) {
}

@media only screen and (max-width: 799px){
    .ft-title .viewall{padding-top: 4px;}
    .design-tabber ul.resp-tabs-list{overflow-x: auto;
        -webkit-overflow-scrolling: touch;white-space: nowrap;-ms-overflow-style: none;scrollbar-width: none;}
    .design-tabber ul.resp-tabs-list li.resp-tab-item{white-space: nowrap;padding: 14px 10px;width: auto;}
    .gal-text-holder .gal-text-wrapper .proj-name h4{font-size: 15px;}
    .callout{ padding: 10px;margin-bottom:3vw;}
}

@media only screen and (max-width: 767px) {
    .logo{width: 53px;}
    #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg{ position: relative;}
    #megaMenu .wpmega-toggle {display: inline-block;margin-left: 10px;width: 37px;height: 37px;      cursor: pointer;position: absolute;right: 0;top: 0;z-index: 600; line-height: 37px; text-align: center;}
    #megaMenu .wpmega-toggle:after {content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #fff;display: inline-block;margin: auto;margin-top: 6px;}
    #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.megaHover > ul.sub-menu {display: block;}
    .callout{ font-size: 12px;}
    .callout h1{ font-size: 3vw; margin-bottom: 5px;}
    .callout p{ font-size: 12px;}
    .callout .button{ margin-top: 5px;}
    .work-head h1 {font-size: 18px;}
    .our-copyrighted-wrapper{ margin-bottom:50px;}
    .ft-col1{ height: inherit !important;}
    .reach-sec{ padding-top: 45px;}
    .dex-parallex01 h1{ font-size: 36px;}
    .design-tabber .resp-tabs-container .resp-tab-content{font-size: 14px;}
    .custom-list li{ font-size: 14px;}
    .og-grid li,  .og-grid li:nth-child(3n){margin-right: 2%;}
    .og-grid li:nth-child(2n){ margin-right: 0;}
    .section-top-content{ font-size: 16px;}
    .premium-gallery > .img{max-width: 50%;}
    .section-title{font-size: 4vw;}
}

@media only screen and (max-width: 639px) { 
    .callout{width: 96%;margin-bottom:4vw;}
    .callout .button{padding: 2px;}
    .blog-details-left h2{font-size: 22px;}
}

@media only screen and (max-width: 575px) {
    .hovereffect h3{ font-size: 14px;}
    .pro-title {font-size: 30px;}
    .callout{margin-bottom: 2vw; margin-top: 75px;}
    .dex-parallex01 h1 {font-size: 30px;}
    .our-office h1{ font-size:36px; margin-bottom: 30px;}
    .section-title {font-size: 4.5vw;}
    .blog-details-left h2{ font-size: 20px;}
    .blog-details-left h3{ font-size: 18px;}
}

@media only screen and (max-width: 479px) {
    .callout{ position: static; width: 100%; margin-top: 0;}
    .fact-box {width: 100%;}
    .project-shows{ width: 100%;}
    .hovereffect h3{ margin: 0 0 20px;}
    .our-copyrighted-box {width:100%;}
    .dex-parallex01 h1 {font-size: 24px;}
    .approach h2{ font-size: 24px;}
    .know-spineinfratech-content h1, .our-people h1{font-size: 24px;}
    .og-grid li{max-width: 48%;}
    .our-work h1{ font-size: 24px; margin-bottom: 30px;}
    .furniture-experience-center h1{ font-size: 24px; margin-bottom: 30px;}
    .our-office h1 {font-size: 30px;}
    .section-title {font-size: 4.8vw;}
    .main-blog h2 {font-size: 20px;}
}

@media only screen and (max-width: 427px) {
}

@media only screen and (max-width: 413px) {
    .our-work h1 {font-size: 22px;}
    .blog-details-left h2{ font-size: 4.5vw;}
    .blog-details-left h3 {font-size:4.2vw;}
}

@media only screen and (max-width: 389px) {
    .callout h1 {font-size: 3.2vw;}
    .our-work h1 {font-size: 21px;}
    .our-office h1 {font-size: 28px;}
}

@media only screen and (max-width: 374px) {
    .pro-title {font-size: 24px;}
    ul.know-spineinfratech-tab li{font-size: 16px;}
    .dex-parallex01 h1 {font-size: 21px;}
    .our-work h1{font-size:18px;}
    .our-office h1 {font-size: 25px;}
}