smartphones and tablets mobile responsive sites

By RTM Design | November 10, 2023 |

Leave a Comment Cancel Reply

You must be logged in to post a comment.

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.fl-row-content-wrap{transition:all 1s;}.bg-lazyload .fl-row-content-wrap{background-image:none;}.bg-lazyload .fl-row-content-wrap.nitro-lazy{background-image:none !important;}.fl-photo-content img.lazyimg{visibility:hidden;}.webdesign-reposnive-carousel img{width:100%;}.z-index{z-index:99;position:relative;}body{overflow-x:hidden;}textarea{resize:none;}.wpcf7-not-valid-tip{display:none;}.wpcf7-form-control.wpcf7-not-valid{border-bottom:1px solid red !important;}.wpcf7-response-output{text-align:center;margin:10px !important;}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border:1px solid red;}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;background:green;color:#fff;}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border:1px solid red;background:red;color:#fff;}.wpcf7 .ajax-loader{width:100%;background-color:transparent;height:20px;border-radius:0;background-size:contain;background-repeat:repeat;background-position:center;}.wpcf7 form.submitting .ajax-loader{margin:10px 0;}.wpcf7-spinner:before{display:none;}.screen-reader-response{display:none;}.submitting span.wpcf7-spinner{display:block;}span.wpcf7-spinner{background-repeat:no-repeat;background-position:center;width:100px;height:20px;border-radius:0;background-color:transparent;margin:5px auto;display:none;}h1,h2,h3,h4,h5,h6{margin-top:0;}.fl-menu .sub-menu{min-width:max-content !important;}a.pp-post-timeline-button:hover{color:#fff !important;}.pp-post-timeline-text-wrapper{padding-top:0 !important;}.fl-icon-wrap{word-break:break-all;}h1,h2,h3,h4,h5,h6{margin-top:0;}.fl-icon{display:table-cell;vertical-align:top;padding-top:5px;}.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current{background:#0176e0;color:#fff;}.pp-testimonials-title,.pp-testimonials-subtitle{line-height:1;}#page-toolbar .fl-col-group{display:flex;}#page-toolbar .fl-col-group .fl-col{flex:auto;width:auto !important;}a.fl-button:hover,.fl-builder-content a.fl-button:hover{background:transparent;}.max-width-1280{max-width:1280px;display:block;margin:0 auto;float:none;}.max-width-960{max-width:960px;display:block;margin:0 auto;float:none;}.fancybox-container .pp-aspect-ratio-32 .pp-fit-aspect-ratio{display:flex;align-items:center;justify-content:center;padding:0;align-content:center;width:100%;height:100%;}.fancybox-container .pp-fit-aspect-ratio iframe{width:831px !important;height:546px !important;background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/06/video-placeholder.webp");padding:90px;background-color:transparent;position:relative;background-repeat:no-repeat;}.fancybox-container .pp-fit-aspect-ratio iframe.nitro-lazy{background-image:none !important;}.caraousel-frame .pp-image-carousel-wrapper{background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/03/carousel-frame.png");padding:118px 100px 0px;width:1236px;height:774px;margin:0 auto;}.caraousel-frame .pp-image-carousel-wrapper.nitro-lazy{background-image:none !important;}.caraousel-frame .pp-image-carousel-wrapper .pp-carousel-image-container{border-radius:10px;}.caraousel-frame .pp-image-carousel.swiper-container{width:100%;height:700px;padding-bottom:130px !important;}.caraousel-frame .pp-image-carousel.swiper-container{padding-bottom:100px !important;}.logo-icon .fl-module-content .fl-photo-content{position:relative;padding-top:2%;padding-right:2%;}.logo-icon .fl-module-content .fl-photo-content:before{content:"";width:16%;height:317px;background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/03/logo-icon.png");background-size:contain;background-repeat:no-repeat;position:absolute;top:0;z-index:9;right:0;}.pp-testimonials .pp-testimonial:nth-child(even) .pp-vertical-align .pp-testimonials-image{margin-right:0;margin-left:25px;}.pp-post-timeline-image{padding:20px;}.pp-post-timeline-image img{width:100%;}.pp-testimonials .pp-testimonial:nth-child(even) .pp-vertical-align{margin-left:auto;display:flex;flex-direction:row-reverse;align-items:center;}.pp-testimonials .pp-testimonial .pp-arrow-bottom{right:auto;left:60px;}.pp-testimonials .pp-testimonial:nth-child(even) .pp-arrow-bottom{right:60px;left:auto;}.pp-tabs-horizontal.pp-tabs-default .pp-tabs-label.pp-tab-active{border-bottom:2px solid black !important;margin-bottom:-1px;}.pp-tabs-horizontal.pp-tabs-default .pp-tabs-labels{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;}.pp-tabs-horizontal.pp-tabs-default .pp-tabs-labels .pp-tabs-label{flex:auto;}.portfolio-item-wrapper.video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}span.pp-tab-icon img{width:50px;}.fl-post-grid-post{background:transparent !important;}.portfolio-item-wrapper{background-position:top center;background-size:cover;position:relative;height:350px;}.portfolio-item-wrapper:hover .portfolio-item-container{opacity:1;z-index:9;}.portfolio-item-container{opacity:0;transition:all 1s;position:relative;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:350px;align-content:center;text-align:center;flex-direction:column;}.portfolio-item-container:after{content:"";position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:.8;}a.port-url{text-decoration:none;}.fl-rich-text .gallery .gallery-item{padding:20px !important;}.fl-rich-text .gallery .gallery-item img{border:none !important;}.portfolio-item-container *{position:relative;z-index:9;color:#fff !important;}.card-style-simple .pp-hover-card.powerpack-style .pp-hover-card-description{opacity:1 !important;visibility:visible !important;}.card-style-simple .pp-hover-card-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;}.card-style-simple .pp-hover-card-wrap .pp-hover-card{float:none !important;min-height:auto;max-height:none;clear:both !important;margin:0 auto;}.card-style-simple .pp-hover-card-inner{min-height:auto !important;position:relative;}.card-style-simple .pp-hover-card-icon-wrap{margin-bottom:20px;}.card-style-simple .pp-hover-card-title-wrap{margin-bottom:20px;}.card-style-simple .pp-hover-card-description-inner a{font-family:Orbitron,sans-serif;}.wp-playlist{content:"";background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/06/video-placeholder.webp") !important;background-size:contain !important;padding:6% 6% 0 !important;background-repeat:no-repeat !important;background-position:center !important;background-color:transparent !important;border:none !important;position:relative;min-height:700px;width:920px;margin:0 auto !important;}.wp-playlist.nitro-lazy{background-image:none !important;}.wp-playlist .mejs-container{margin:0;max-width:100%;height:460px !important;overflow:hidden;background:transparent !important;}.pp-video-image-overlay{content:"";background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/06/video-placeholder.webp") !important;background-size:contain !important;padding:10%;background-repeat:no-repeat;background-position:center;}.pp-video-image-overlay.nitro-lazy{background-image:none !important;}.pp-video-image-overlay img{width:100%;height:100% !important;object-fit:cover;border-radius:10px;}.photo-placeholder .fl-photo-content{position:relative;padding:9%;overflow:hidden;}.photo-placeholder .fl-photo-content:before{background-image:url("https://cdn-kjigp.nitrocdn.com/jdcagEFlkXWKgdniLwJHgDKYFtEKuAIK/assets/images/optimized/rev-93e989e/trenchlessmarketing.com/wp-content/uploads/2022/06/video-placeholder.webp");position:relative;position:absolute;text-align:center;background-size:contain;overflow:hidden;background-repeat:no-repeat;content:"";top:0;left:0;width:100%;height:100%;}.wp-playlist-tracks{position:absolute;z-index:999;bottom:-40px;display:flex;width:100%;left:0;}.wp-playlist-item{flex:auto;padding:10px;background:#0176e0;align-items:center;border:3px solid #0176e0 !important;}.wp-playlist-light .wp-playlist-playing,.wp-playlist-item:hover{background:transparent !important;border:3px solid #fff !important;}.wp-playlist-item *{color:#fff !important;font-weight:bold !important;font-size:20px !important;padding:10px;}.photo-placeholder .fl-photo-content img{width:100%;height:100%;object-fit:cover;border-radius:20px;max-height:none;min-height:auto;}.wp-video{margin:0 auto;max-width:960px;}.single-post #fl-main-content .fl-rich-text p{margin-bottom:30px;}.post-tags a:hover{background:#0176e0;}.post-tags a{border:1px solid;padding:10px;font-size:14px !important;display:inline-block;margin:5px;color:#fff;text-decoration:none;}#responsive-layout .gallery{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}#responsive-layout .gallery .gallery-item{flex:auto;width:auto !important;float:none;max-width:540px;}.gallery{display:flex;flex-wrap:wrap;}.gallery .gallery-item{float:none !important;margin:0;flex:auto;}.webdesign-reposnive-carousel .pp-image-carousel.pp-carousel-navigation-outside .swiper-pagination{bottom:2%;}.webdesign-reposnive-carousel .pp-image-carousel.pp-carousel-navigation-outside{padding:0;}input.wpcf7-form-control.has-spinner.wpcf7-submit{margin-top:20px;}.carousel-shadow-remove .swiper-slide-shadow-left,.carousel-shadow-remove .swiper-slide-shadow-right{display:none;}a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{text-align:center;}.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers{color:white;}@media only screen and (max-width: 1279px){a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:14px;line-height:1.2;padding:10px 30px !important;}#responsive-layout .gallery .gallery-item:nth-child(1){max-width:none;flex:100%;}.fancybox-container .pp-fit-aspect-ratio iframe{width:650px !important;height:430px !important;background-size:contain;padding:70px 70px 70px !important;}.caraousel-frame .pp-image-carousel-wrapper{width:600px;height:370px;background-size:contain;background-repeat:no-repeat;background-position:center;padding:55px 50px;}.caraousel-frame .pp-image-carousel.swiper-container{height:275px;padding-bottom:0 !important;}.flex-reverse .fl-col-group{display:flex;flex-direction:column-reverse;}}@media only screen and (max-width: 768px){a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:14px;line-height:1.2;padding:10px 30px !important;}#video-description .gallery .gallery-item{width:50%;}.logo-icon .fl-module-content{padding:0;}.fancybox-container .pp-fit-aspect-ratio iframe{width:400px !important;height:263px !important;padding:50px 44px !important;}.caraousel-frame .pp-image-carousel-wrapper{width:420px;height:250px;padding:40px 45px;}.caraousel-frame .pp-image-carousel.swiper-container{height:180px;}}@media only screen and (max-width: 576px){.bg-mobile-none .fl-row-content-wrap{background-image:none !important;}.bg-mobile-none .fl-row-content-wrap.nitro-lazy{background-image:none !important;}}@media only screen and (max-width: 480px){.bg-mobile-none .fl-row-content-wrap{background-image:none;}.g-recaptcha{transform:scale(.9);transform-origin:left;}#video-description .gallery .gallery-item{width:100%;}.caraousel-frame .pp-image-carousel-wrapper{width:290px;height:180px;padding:25px 25px;}.caraousel-frame .pp-image-carousel.swiper-container{height:135px;}.fancybox-container .pp-fit-aspect-ratio iframe{width:320px !important;height:200px !important;padding:36px 44px !important;background-position:center;}.bg-mobile-none .fl-row-content-wrap.nitro-lazy{background-image:none !important;}}@media only screen and (min-width: 1279px){.home header{position:absolute;width:100%;z-index:100;}.home #page-header .fl-row-content-wrap{background:transparent;}.home .fl-theme-builder-header-shrink #page-header .fl-row-content-wrap{background:#000;}.forced-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}.margin-left-50vw{width:50vw;max-width:50vw;margin-left:calc(50% - 50vw);}.margin-right-50vw{width:50vw;max-width:50vw;margin-right:calc(50% - 50vw);}.fl-row-content .overlap-right.overlap-bg-dark:after{background:#2b2b2b;}.fl-row-content .overlap-left:after{content:"";width:100vw;height:100%;margin-left:calc(0% - 100vw);max-width:100vw;}}.sbttBacktotop{left:10px !important;}.fl-col-group.fl-node-ijuz5we618og.fl-col-group-nested{margin-left:50px !important;}.fl-node-6sofeqxtdp09 .pp-infobox-title-prefix{padding-bottom:0px !important;}.fl-node-1mhjpxduyk0g .pp-infobox-title-prefix{font-family:Orbitron,sans-serif;}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){.fl-node-3n86iqrm9ulj .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-7hibx96aqpjn .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-cyqrmw2n3jp4 .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-gilej934nkb2 .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-c8u39hnvym0z .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-3j8tmipx1rd6 .pp-infobox-title-prefix{font-size:8px;margin-bottom:-10px;}.fl-node-1wtuncm2gs9f .pp-infobox-title-prefix{margin-bottom:-15px;}.fl-node-09nsmr83xocv .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-jvlnxh2irm7d .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-lk1dmu9br47e .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-4y75lk9mjvtf .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-rcew8qs03h75 .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-xl1hni8jug5t .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-mw7fo4qnkh9d .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-c0z3wfmnserx .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-mvszp9g28nyo .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-bl0yw85so3fu .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-94i0ysmankeb .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-x8k4b9qet1lm .pp-infobox-title-prefix{padding-bottom:10px;}.fl-node-6sofeqxtdp09 .pp-infobox-title-prefix{margin-bottom:15px;}.fl-builder-content .fl-node-azo620r95v8h .pp-infobox-image img{padding-top:20px;}.fl-node-azo620r95v8h .pp-infobox-title-prefix{margin-bottom:35px;}.fl-node-1mhjpxduyk0g .pp-infobox-title-prefix{margin-bottom:35px !important;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){.fl-node-3n86iqrm9ulj .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-7hibx96aqpjn .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-cyqrmw2n3jp4 .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-gilej934nkb2 .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-c8u39hnvym0z .pp-infobox-title-prefix{margin-bottom:25px;}.fl-node-3j8tmipx1rd6 .pp-infobox-title-prefix{font-size:8px;margin-bottom:-10px;}.fl-node-1wtuncm2gs9f .pp-infobox-title-prefix{margin-bottom:-15px;}.fl-node-4y75lk9mjvtf .pp-infobox{padding-bottom:10px;}}.fl-node-mw7fo4qnkh9d .pp-infobox-title-prefix{margin-bottom:-10px;}.fl-node-bl0yw85so3fu .pp-infobox-title-prefix{padding-bottom:10px;}.fl-node-so436d87xyl5 .pp-infobox-title-prefix{padding-bottom:10px;}.fl-node-94i0ysmankeb .pp-infobox-title-prefix{margin-bottom:0px !important;}.fl-node-6sofeqxtdp09 .pp-infobox-title-prefix{padding-bottom:10px;}.fl-builder-content .fl-node-azo620r95v8h .pp-infobox-image img{padding-top:20px;}.fl-node-azo620r95v8h .pp-infobox-title-prefix{margin-bottom:35px;}.fl-node-1mhjpxduyk0g{padding-bottom:20px !important;}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}.message-content h3{color:black !important;}

smartphones and tablets mobile responsive sites

Leave a Comment Cancel Reply

Navigation

Stay in Touch

SERVICES

PORTFOLIO