@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);}
    #tiles .gal-grid .gal-small{height:22vw;}
}
@media only screen and (min-width: 992px) {
    .blog-details-left .section-title{font-size: 2.5vw;}
}
@media only screen and (min-width: 768px) {
    #tiles .gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    #tiles .gal-grid .gal-small{height:20vw;}
    #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 (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;}
    .fact-box h3{font-size:16px;}
    .quick-sec ul li a{font-size:13px;}
}

@media only screen and (max-width:1279px) {
    .callout {margin-bottom:6vw;}
    .callout p{font-size:13px;}
    .hovereffect h3{font-size:17px;}
    #whatsapp-wrapper{bottom:75px;}
    #whatsapp-wrapper a{width:50px;height:50px;font-size:30px;}
}

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

@media only screen and (max-width:1179px) {
    #whatsapp-wrapper {bottom:85px;}
}

@media only screen and (max-width:1132px) {
    .fact-box h3{font-size:14px;}
    .hovereffect h3 {font-size:14px;}
}

@media only screen and (max-width:1079px) {
    .quick-sec ul li:nth-child(2n){padding-left:9px;}
    .work-box{font-size:12px;}
    .work-box h3{font-size:14px;}
    .work-box .icon > img{max-width:70px;}
}

@media only screen and (max-width:1023px) {
    .go-top{bottom:60px;}
    .callout {margin-bottom:3.5vw;}
    .our-clients-wrap .our-clients{width:25%;}
    .work-box h3 {font-size:13px;}
}

@media only screen and (max-width: 991px) {
    .hmp-cot{margin:60px 0 30px;}
    .fact-box-wrapper{flex-wrap:wrap;justify-content:center;}
    .fact-box{width: 33.33%;margin:0 0 30px;}
    #rakeshcontainer4 .fact-box{width:100%;padding:0;}
    .pro-title, .our-office h1{font-size:38px;}
    .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;}
    .how-works{grid-template-columns:repeat(3, 1fr);}
    .work-box {font-size:13px;}
    .work-box h3 {font-size:16px;}
}

@media only screen and (max-width:949px) {
    #whatsapp-wrapper {bottom:95px;}
    .quick-sec ul li:nth-child(2n) {padding-left:5px;}
}

@media only screen and (max-width: 899px) {
    .callout{padding: 15px;margin-bottom:3.5vw;}
    .testimonial-blogs{padding:30px 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;}
    .main-slider-wrapper .owl-carousel .item .content{width:80vw;}
    .main-slider-wrapper .owl-carousel .content h1{font-size:4vw;}
    .testimonial-blogs .quote-icon{font-size:7vw;}
    .approach p, .our-philosophy{font-size:15px;}
    .approach-content .right-content{padding:20px;}
}

@media only screen and (max-width: 833px) {
    .our-philosophy .title{font-size:20px;}
}

@media only screen and (max-width: 819px) {
    ul.know-spineinfratech-tab li{min-width:25%;}
}

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

@media only screen and (max-width:799px){
    .ft-title .viewall{padding-top:8px;}
    .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;}
    .ft-col1{padding-right:10px;}
    ul.know-spineinfratech-tab li{min-width:30%;}
    .our-clients-wrap .our-clients {width:50%;}
}

@media only screen and (max-width: 767px) {
    .logo{width:53px;margin:5px 0;}
    #megaMenu #megaMenuToggle .megaMenuToggle-icon{margin-top:-3px;}
    #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;}
    .our-copyrighted-wrapper{margin-bottom:50px;}
    .ft-col1{height:inherit !important;}
    .reach-sec{padding-top:20px;}
    .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;text-align: justify;}
    .premium-gallery > .img{max-width:50%;}
    .section-title{font-size:4vw;}
    .main-slider-wrapper .owl-carousel .content h1{font-size:5vw;}
    .main-slider-wrapper .owl-carousel .content > p{display:none;}
    .kap {text-align:center;}
    .kap .pro-title{text-align:center;}
    .kap p{font-size:14px;text-align:center;}
    .testimonial-blogs{padding:20px 15px;margin:30px 0 0;}
    .ft-col1{width:100%;padding-right:0;}
    .blog-sec .rpwe-ul li h3 a{font-size:15px;}
    .quick-sec ul li{width:50%;}
    .quick-sec ul li:nth-child(2n){padding-left:15px;}
    .ft-col2{width:100%;}
    .social-sec ul{text-align:center;}
    .social-sec ul li{display:inline-block;}
    .orange-btn a{padding:10px 20px;font-size:15px;}
    .testimonial-blogs .quote-icon{font-size:8vw;}
    .our-philosophy .title{padding:5px 15px;text-align:center;}
    .approach{padding:0 0 60px;}
    .approach-content{display:block;}
    .approach-content .left-content, .approach-content .right-content{width:100%;padding:20px 15px;}
    .our-philosophy .content{padding:15px 15px 20px;}
    .inner-banner-wrapper .inner-banner .img{height:50vh;}
    .inner-banner-wrapper .inner-banner .img img{height:100%;display:block;object-fit:cover;}
    .numbers-speak .numbers{font-size:20px;}
    .our-office .left-content{text-align:center;margin:0 0 30px;}
    .send-btn-wrap{text-align:center;}
    .our-studio-content{padding:0 10px;}
    .our-studio-content p{font-size:14px;}
    .video-gallery-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none; padding:0 20px;}
    .video-gallery-box{flex:0 0 50%;scroll-snap-align:start;height:60vh;aspect-ratio:auto;}
    .service-box{font-size:14px;}
    .our-service-box{ font-size: 14px;}
    .why-choose-wrapper .choose-img, .about-us-wrapper .about-us-img{ margin-bottom: 30px;}
    .why-choose-wrapper .pro-title, .about-us-wrapper .pro-title{font-size:4.9vw;}
    .why-choose-wrapper .choose-content ul li{font-size:14px;}
    .about-us-wrapper .about-us-content{text-align: justify;font-size:14px;}
    .about-us-wrapper .about-us-content p{ margin-bottom: 15px;}
}

@media only screen and (max-width: 743px) {
    .fact-box h1 {font-size:5vw;}
    .pro-title{font-size:5vw;}
    .site-info{padding:0 0 25px;}
    ul.know-spineinfratech-tab li a {padding:12px 0;}
    #whatsapp-wrapper {bottom:115px;}
    .video-gallery-wrap{gap:20px;}
    .video-gallery-box{flex:0 0 100%;}
    .servises-wrap{grid-template-columns:repeat(1, 1fr);}
}

@media only screen and (max-width: 639px) { 
    .callout{width:96%;margin-bottom:4vw;}
    .callout .button{padding:2px;}
    .blog-details-left h2{font-size:22px;}
    .pro-title{font-size:6vw;}
    .fact-box-wrapper{justify-content:left;}
    .fact-box{width:50%;}
    .fact-box h1 {font-size:6vw;}
    .testimonial-blogs .quote-icon{font-size:10vw;}
    .our-copyrighted{justify-content:left;}
    .our-copyrighted-box {width:50%;}
    .approach p, .our-philosophy {font-size:14px;}
    ul.know-spineinfratech-tab li a {padding:10px 0;}
}

@media only screen and (max-width: 575px) {
    .pro-title {font-size:6vw;}
    .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;}
    .testimonial-blogs .quote-icon{font-size:12vw;}
    .fact-box h1 {font-size:7vw;}
    .projt-box{padding:60px 0 30px;}
    .project-shows{width:100%;margin:0 0 20px;}
    .hovereffect h3 {font-size:16px;}
    ul.know-spineinfratech-tab{margin:0 -7px;}
    ul.know-spineinfratech-tab li{padding:0 7px;font-size:15px;}
    ul.know-spineinfratech-tab li a{padding:8px 0;}
    .how-works {grid-template-columns:repeat(2, 1fr);}
    .our-service-box h4{margin: 0 0 5px; font-size: 16px;}
    .our-service-box .content{padding-left:15px;}
}

@media only screen and (max-width: 479px) {
    .callout{position:static;width:100%;margin-top:0;}
    .fact-box {width:100%;}
    .fact-box h3{font-size:16px;}
    .our-copyrighted-box {width:100%;}
    .dex-parallex01 h1 {font-size:24px;}
    .approach h2{font-size:24px;}
    .og-grid li{max-width:48%;}
    .our-work 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;}
    .main-slider-wrapper .owl-carousel .content h1 {font-size:6vw;}
    .testimonial-blogs h2{font-size:6vw;}
    .testimonial-blogs .quote-icon {font-size:14vw;}
    .fact-box h1 {font-size:8vw;}
    .our-copyrighted-box .icon{width:90px;height:90px;}
    .our-copyrighted-box .responsive-img{width:50px;}
    .wrapper {width:94%;}
    .our-philosophy .title{font-size:5vw;}
    .numbers-speak .numbers{font-size:5vw;}
    ul.know-spineinfratech-tab {margin:0 -5px;}
    ul.know-spineinfratech-tab li{padding:0 5px;font-size:12px;}
    ul.know-spineinfratech-tab li a{padding:7px 0;}
    .client-testimonials{margin:0 15px 16px;}
    .view-btn-wrapper .orange-btn{min-width:100%;}
    .our-services-wrapper h3{font-size: 18px;}
}

@media only screen and (max-width:439px) {
    .client-testimonials {font-size:14px;}
    .client-testimonials .author-img img{width:40px;height:40px;}
    .client-testimonials .author-name {font-size:14px;}
}

@media only screen and (max-width:419px) {  
    .blog-details-left h2 {font-size: 19px;}  
}

@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;}
    .testimonial-blogs{font-size:19px;}
}

@media only screen and (max-width: 411px) {
    .testimonial-blogs .quote-icon {font-size:15vw;}
    .fact-box h1 {font-size:9vw;}
}

@media only screen and (max-width: 401px) {
    .testimonial-blogs {font-size:18px;}
    .testimonial-blogs .quote-icon {font-size:17vw;}
    .fact-box h1 {font-size:10vw;}
    .blog-sec .rpwe-ul li h3 a {font-size:14px;}
    .mail{font-size:16px;}
}

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

@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;}
    .blog-sec .rpwe-ul li h3 a {font-size:13px;}
    .mail, .our-office .off-address p {font-size:15px;}
    .work-box h3 {font-size:15px;}
}

@media only screen and (max-width: 374px) {
    .our-work h1{font-size:18px;}
    .our-office h1 {font-size:25px;}
    .testimonial-blogs {font-size:17px;}
    .testimonial-blogs h2{margin:0 0 10px;}
    .testimonial-blogs .quote-icon {font-size: 18vw;}
    .hovereffect h3 {font-size:15px;}
    ul.know-spineinfratech-tab {margin:0 -3px;}
    ul.know-spineinfratech-tab li {padding:0 3px;}
}

@media only screen and (max-width:359px) {
    .testimonial-blogs {font-size:15px;}
    .hovereffect h3 {font-size:13px;}
    ul.know-spineinfratech-tab {margin:0px;}
    ul.know-spineinfratech-tab li {padding:0;}
    .quick-sec ul li:nth-child(2n) {padding-left:6px;}
    .work-box {font-size:12px;}
    .work-box h3 {font-size:13px;}
}