.fab-bnr-scn{min-height:668px;background-size:cover;}
.fab-bnr-scn .ban-shape {padding-top: 150px;}
.heading{color:#dddddd;font-size:1.1rem;font-weight:400;margin-top:10px;display:inline-block;line-height:1.6}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}
.mt_50{margin-top:50px}
.mt_100{margin-top:100px}
.mt_150{margin-top:150px}
.pd0{padding:0 !important}
.bnr-ctn-col .desc{color:#ffffff;font-size:16px; line-height: 24px;margin-top:10px; margin-bottom: 41px;}
.wraper{width:100%;float:left;margin:0;padding:0;clear:both;position:initial;background:#131114}
.frame-sec p{width:85%;margin:50px auto;font-size:1.3rem;line-height:1.8;color:#dddddd}
.section{padding:80px 0;position:relative}
.main section{ overflow: hidden; position: relative;}
.box-head-col{position:relative;text-align:left;display:inline-block;width:296px;height:152px;margin-bottom:30px}
.tls-sec {padding: 93px 0 0; position: relative;}
.tls-sec .anmt-head-col{ text-align: center; padding-left: 110px;}
.tls-sec .head-ttl-col {text-align: center;}
.tls-sec .head-ttl-col .heading-2{ color: #000000; font-size: 37px; font-weight: 500; margin: 0;}
.tls-sec .head-ttl-col .heading-2 span{ color: #5a4dfc; }
.tls-sec .head-ttl-col p{ color: #000000; font-size: 20px; line-height: 35px; margin:22px 0 117px;} 
.tls-sec .box-head-col{margin-bottom:66px}
.box-head-col span.blue{color:#5f53fc;display:inline-block}
.box-ttl-col{display:inline-block;font-size:40px;font-weight:600;color:#010101;line-height:50px;text-transform:uppercase;margin-top:17px;margin-bottom:18px;margin-left: -19px;position:relative;z-index:2}
.icon-sec span{color:#343434;text-align:center;font-size:19px;line-height: 26px;position:absolute;top:99px;left:0;-webkit-transition:all 200ms ease-in;}
.vertical-mdl{margin-top: -3px;}
.over-hover-box{position:absolute;left:39px;top:24px;border-radius:5px;width:464px;height:253px; text-align: center; padding: 21px 30px;}
.over-hover-box img{width:62px;height:auto}
.over-hover-box p{ color: #ffffff; font-size:16px;line-height:25px}
.pos-rel{position:relative}
.tl-ico{ display: inline-block;}
.tablinks.inactive .tl-bl-ico{ display: none;}
.tablinks .tl-bl-ico{ display: inline-block;}
.tablinks.inactive .tl-gry-ico{ display: inline-block;}
.tablinks .tl-gry-ico{ display: none;}
.icon-sec{margin:0 0 82px;position:inherit;height:140px}
.icon-sec img{width:82px;height:80px;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1)}
.heading-4{background:url("https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/f&b-grade-line.webp") no-repeat bottom center;padding-bottom:15px;margin-top:10px;margin-bottom:3px;color:#ffffff;font-size:20px;font-weight:500;text-transform:uppercase}
.tablinks{display:inline-block;position:relative;cursor:pointer;height:100%;width:94px;text-align:center}
.tablinks1{display:inline-block;position:relative;cursor:pointer;color: #5a4dfc; border: none; background: transparent;}
.pt-eft-scn .box-head-col{margin-bottom:0px}
.hw-wrk-scn {padding: 61px 0 0;}
.how-work-right{color:#dddddd;position:relative;height:350px;margin-top: 17px;}
.how-work-right p{color:#000000; font-size: 20px; line-height: 23px;}
.how-work-right strong{color:#000000}
.how-work-right ul{margin-left:0px;list-style:none;display:block}
.how-work-right ul li{margin :20px 0;background:url("https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/f&b-right-icon.webp") no-repeat 0 2px;padding-left:52px;line-height:1.6}
.hiw-img-col {position: relative;z-index: 1;margin-top:25px}
.over-block{position:absolute;right:48px;top:179px;z-index:2;width: 642px;}
.justif{text-align:justify}
.focus-work {padding: 165px 0 211px;}
.focus-work .border-tr-1{ top: 275px;}
.focus-work .brdln-tw{ top: 532px;left: 0;right: inherit;width: 50%;}
.focus-work p{color:#000000; font-size: 20px; line-height: 23px;}
.btm-block-p{width:75%;margin-left:4%;margin-top:30px}
.focus-work ul{float:left;margin-left: -22px;list-style:none}
.focus-work ul li{float:left;position:relative;padding-right:32px}
.focus-work ul li::before{ width: 8px; height: 8px; background: #000; content: ""; position: absolute; top: 50%; margin-top: -4px;left:-20px;border-radius: 10px;}
.focus-work ul li:first-child:before{ display: none;}
.focus-work span.blue{float:left}
.focus-work .box-bdr-col{padding-right:0}
.focus-work .box-head-col{width:475px;height:100px;margin-left: 70px;}
.client-img{width:20%;display:inline-block;float:left}
.client-des{width:72%;display:inline-block;margin-left:7%;float:left;position:relative}
#myCarouseltesti{position:relative}
#myCarouseltesti .item{width:100%}
.slider-icon{width:90px;height:75px;position:absolute}
.left-slider-icon{/*background:url("https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/f&b-testimonial-left-icon.png") no-repeat left top;*/left:0;top:0}
.right-slider-icon{/*background:url("https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/f&b-testimonial-right-icon.png") no-repeat right top;*/right:0;bottom:0}
.client-des h4{color:#fff;line-height:1.4;margin-top:45px;font-size:1.15rem;font-weight:normal}
.client-des p{color:#b7b7b7}
#myCarouseltesti .carousel-inner{height:100%;width:82%;margin-left:13%}
.carousel-controle.left{top:0;left:0}
.carousel-controle.right{right:0;top:auto;bottom:25px}
.testimonial .box-head-col{margin-right:100px;margin-bottom:80px}
.hw-wrk-scn .box-head-col{margin-left:240px}
.bnr-sldr-otr{height:445px;position:relative;margin-top: 5px;margin-right: -18px;margin-left: 15px;}
.center-logo{width:600px;margin:0 auto;display:inline-block}
.center-logo img.cnt-lg-ico{display:inline-block}
.footer-logo{width:100%;display:block}
.footer-logo img.cnt-lg-ico{display:inline-block}
.bnr-ctn-col {padding-left: 57px;padding-top: 40px;}
.rt-lg-head{padding-top:0;display:inline-block;vertical-align:top;width:360px;margin-left:10px;position:relative;height:82px;margin-top:4px}
.wraper.focus-work{margin-top:60px}
.app-btn{max-width: 240px; text-align: center;}
.app-btn p{color:#ffffff;font-size:14px; margin-top: 10px;}
.app-btn a{opacity:1;filter:alpha(opacity=100);-moz-transition:all 0.3s;-webkit-transition:all 0.5s;transition:all 0.5s}
.app-btn a:hover img{max-width:100%}
.app-btn a:after{-moz-transition:all 0.3s;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:1;filter:alpha(opacity=100)}
.wsmall{width:215px}
.wsmall.app-btn a:hover:after{border-radius:6px;height:64px}
.mac-box-over{background:url("https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/ptl-mac-img.webp") no-repeat 14px top;height:432px;position:relative}
.tablinks span, .tablinks span{color:#5a4dfc}
.tablinks.inactive span{color:#3b3b3b}
.tabcontent{display:none}
.carousel-indicators{bottom:-54px}
.carousel-indicators li{background-color:transparent;border:2px solid #5d4afc;width:15px;height:15px;margin:0 1px}
.carousel-indicators .active{background-color:#5d4afc;border:2px solid #5d4afc;width:15px;height:15px}
.floatInFromBottom{overflow:hidden}
.border-tr{width:33%;height:530px;position:absolute;text-align:center;background:url(https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/bdr-dtd.webp) no-repeat left top;top:643px;left:-13px}
.border-tr-1{width:33%;height:530px ;position:absolute;text-align:center;background:url(https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/bdr-dtd.webp) no-repeat right top;top:-118px;right:0px;transform:rotate(-30deg); }
.border-tr-2{width:33%;height:530px;position:absolute;text-align:center;background:url(https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/bdr-dtd.webp) no-repeat left top;top:342px;left:-13px}
.border-tr-3{width:100%;height:530px;position:absolute;text-align:center;background:url(https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/bdr-dtd.webp) no-repeat center top;top:630px;left:-13px;transform:rotate(-30deg);}
.pos-right{position:absolute;right:0;width:78px;height:75px}                                              
.pos-left{position:absolute;left:0;width:78px;height:75px}
.pos-right.pos-right-bottom{bottom:15px}
.pos-left.pos-left-bottom{bottom:0}
.pos-rt-tp.pos-right{top:0}
.fig-over-img{position:absolute;left:-32px;top:20px;width:375px;height:auto}
.bnr-sld-itm{width:100%;left:0;right:0;position:relative;top:32px;display:inline-block;bottom:15px}
.bnr-sldr-otr .pos-left{left:-15px; bottom: -12px;}
.bnr-sldr-otr .pos-right{ right: -15px;top: 17px;text-align: right;}
.box-bdr-shp{position:relative;z-index:2;border-right:8px solid #e8e8e8}
.box-bdr-shp:after{position:absolute;z-index:1;top:0;right:0;height:8px;background:#e8e8e8;top:0;content:"";-moz-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;width:0}
.box-bdr-shp:before{position:absolute;z-index:1;right:0;height:8px;background:#e8e8e8;bottom:0;content:"";-moz-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;width:0}
.in-view.box-bdr-shp:after{width:271px}
.in-view.box-bdr-shp:before{width:271px}
.box-bdr-lt-shp{position:absolute;z-index:1;width:8px;background:#e8e8e8;top:0;-moz-transition:all 1.0s;-webkit-transition:all 1.0s;transition:all 1.0s;height:0;z-index:-1;-webkit-transition-delay:1.6s;-moz-transition-delay:1.6s;transition-delay:1.6s;left:17px}
.in-view.box-bdr-shp .box-bdr-lt-shp{height:133px}
.focus-work .in-view.box-bdr-shp:after{width:471px}
.focus-work .in-view.box-bdr-shp:before{width:471px}
.focus-work .box-ttl-col{margin-top: 19px;margin-bottom: 16px;}
.focus-work .in-view.box-bdr-shp .box-bdr-lt-shp{height: 92px;left: -4px;}
.focus-work .box-bdr-lt-shp{left: -4px;}
.hw-wrk-scn .in-view.box-bdr-shp:after{width:178px}
.hw-wrk-scn .in-view.box-bdr-shp:before{width:178px}
.hw-wrk-scn .in-view.box-bdr-shp .box-bdr-lt-shp{height:135px}
.hw-wrk-scn .box-bdr-lt-shp{ left: 28px;}
.howwrk-head{ padding-left: 214px;}
.hw-wrk-scn .box-head-col{width:222px;margin: 0 auto;display: block;}
.animation-on{position:relative}
.slider-resize-img{background-size:cover !important;backface-visibility:hidden;border-right:6px solid rgba(255, 255, 255, 0.7);height:100%;left:0;margin-left:0px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);overflow:hidden;position:absolute;top:0;transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);width:0}
.slider-resize-img .slider-label{left:0;right:auto}
.slider-resize-img{animation:slider-bounce-in 0.8s;-moz-animation:slider-bounce-in 0.8s;-webkit-animation:slider-bounce-in 0.8s;width:50%}
.sldr-hndl{background-position:center center;background:#ffffff ; border-radius:50%;cursor:e-resize;height:36px;left:50%;margin-left:-21px;margin-top:-22px;-moz-transform:translate3d(0, 0, 0) scale(0);-ms-transform:translate3d(0, 0, 0) scale(0);opacity:0.7;-o-transform:translate3d(0, 0, 0) scale(0);position:absolute;top:50%;transform:translate3d(0, 0, 0) scale(0);-webkit-transform:translate3d(0, 0, 0) scale(0);width:36px}
.sldr-hndl{opacity:0.7;-webkit-transform:translate3d(0, 0, 0) scale(1);-moz-transform:translate3d(0, 0, 0) scale(1);-ms-transform:translate3d(0, 0, 0) scale(1);-o-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}
.slider-resize-img{border-width:4px}
.sldr-hndl{background-position:center center;background:url(https://cdn.tweaking.in/content/wp/tweaking_in/v2/fnb/ba-sldr-handal.webp) no-repeat center center;border-radius:50%;cursor:e-resize;height:41px;left:50%;margin-left:-23px;margin-top:-17px;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transform:none;opacity:1;filter:alpha(opacity=100);position:absolute;top:50%;width:41px}
.slider-label{bottom:0;color:#ffffff; font-size: 16px; padding:1em;position:absolute;right:0;transform:translateY(15px);-webkit-font-smoothing:antialiased;-webkit-transform:translateY(15px)}
.slider-label{-moz-transform:translateY(0);-ms-transform:translateY(0);opacity:1;-o-transform:translateY(0);transform:translateY(0);-webkit-transform:translateY(0)}
.slider-label{position:absolute;right:0;left:auto;top:-170px;text-transform:uppercase;width:80px;text-shadow: 1px 1px #666666;}
.slider-label.second{right:-62px;top:-140px}
.slider-label.first{right:32px}
.slider-label.first span{content:'';display:block;position:absolute;left:70px;top:11%;margin-top:-10px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid rgba(255,255,255,0.7);border-bottom:10px solid transparent;border-left:10px solid transparent}
.slider-label.second span{content:'';display:block;position:absolute;right:60px;top:12%;margin-top:-10px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(255,255,255,0.7)}
.page-fab .section{background:none;overflow:visible}
.in-view.overflowheight{overflow:hidden;transition-property:all;transition-duration:1200ms}
.overflowheight{max-height:0;overflow:hidden;position:absolute;left:0;right:0;bottom:0px}
.frame-sec p.overflowheight{bottom:0px}
.bnr-ctn-col p.in-view.overflowheight{max-height:164px}
.hw-wrk-scn .howwrk-head {padding-left: 280px;}
.how-work-right p.overflowheight{bottom:272px}
.how-work-right p.in-view.overflowheight{max-height:85px}
.how-work-right ul li{ color: #494949; font-size: 20px; line-height: 29px;}
.how-work-right ul li.in-view.overflowheight{max-height:60px}
.how-work-right ul li.first{bottom:155px}
.how-work-right ul li.second{bottom:78px}
.how-work-right ul li.third{bottom:0px}
.posheightleft{height:600px;position:relative;margin-right: -20px;}
.posheightright{position:relative;height:600px}
.posheightleft p.overflowheight{bottom:-40px;left:2%}
.posheightleft p{ margin-left: 0;padding-right: 50px;}
.posheightleft p.in-view.overflowheight{max-height:130px}
.posheightright p.overflowheight{bottom:450px}
.posheightright p.in-view.overflowheight{max-height:140px}
.posheightright p{ padding-left: 20px;}
.client-des p.overflowheight{bottom:122px}
.client-des p.in-view.overflowheight{max-height:80px}
.rt-lg-head img.overflowheight{bottom:40px;width:241px}
.rt-lg-head img.in-view.overflowheight{max-height:28px;width:200px}
.rt-lg-head h1.overflowheight{bottom: -5px;color: #ffffff;font-size: 18px}
.rt-lg-head h1.in-view.overflowheight{max-height:30px}
.center-logo .in-view.overflowheight{overflow:hidden;transition-property:all;transition-duration:500ms}
.icon-sec-m{margin:20px 0}
.mobile-view{display:none}
.mobile-view .heading-4{color:#ddd}
.mobile-view p{color:#ddd}
.mobile-view img{opacity:0.5;filter:alpha(opacity=50)}
.galley-heading{float:left;top:-150px;left: 18px;}
.pt-eft-scn{margin-top:139px}
.dwn-btm-scn{background: #103c74;background: -moz-linear-gradient(top,  #103c74 0%, #0a2b54 100%);background: -webkit-linear-gradient(top,  #103c74 0%,#0a2b54 100%);background: linear-gradient(to bottom,  #103c74 0%,#0a2b54 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103c74', endColorstr='#0a2b54',GradientType=0 );min-height:623px;background-size:cover;padding-top:76px}
.dwn-btm-ctn {padding-left: 42px;padding-top: 76px;}
.dwn-btm-ctn .desc{color:#afb6c5;font-size:18px; line-height: 26px; margin-bottom: 31px;}
.dwn-btm-ctn .heading{ color: #ffffff; font-size: 32px; line-height: 42px; font-weight: bold; margin: -2px 0 5px;}
.dwn-btm-ctn .sub-heading{ color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 400; margin: 0 0 0;}
.dwn-btm-ctn .rt-lg-head{ width: auto; margin-left: 15px;}
.mac-btm-col img{ margin-left: -7px;}

/* animation css */
@keyframes TopBottom{0{transform:translate(0, -30px)}100%{transform:translate(0, 0)}}
@-webkit-keyframes TopBottom{0{-webkit-transform:translate(0, -30px)}100%{-webkit-transform:translate(0, 0)}}
@-ms-keyframes TopBottom{0{-ms-transform:translate(0, -30px)}100%{-ms-transform:translate(0, 0)}}
@keyframes BottomTop{0{transform:translate(0, 30px)}100%{transform:translate(0, 0)}}
@-webkit-keyframes BottomTop{0{-webkit-transform:translate(0, 30px)}100%{-webkit-transform:translate(0, 0)}}
@-ms-keyframes BottomTop{0{-ms-transform:translate(0, 30px)}100%{-ms-transform:translate(0, 0)}}
@keyframes LeftRight{0{transform:translate(-50px, 0)}100%{transform:translate(0, 0)}}
@-webkit-keyframes LeftRight{0{-webkit-transform:translate(-50px, 0)}100%{-webkit-transform:translate(0, 0)}}
@-ms-keyframes LeftRight{0{-ms-transform:translate(-50px, 0px)}100%{-ms-transform:translate(0, 0)}}
@keyframes RightLeft{0{transform:translate(50px, 0)}100%{transform:translate(0, 0)}}
@-webkit-keyframes RightLeft{0{-webkit-transform:translate(50px, 0)}100%{-webkit-transform:translate(0, 0)}}
@-ms-keyframes RightLeft{0{-ms-transform:translate(50px, 0)}100%{-ms-transform:translate(0, 0)}}

@media (max-width: 1230.98px) {
    .screen-image{ width: 700px; margin-right: 30px;}
    .togglenav li{margin-right: 6px;margin-left: 14px;}
    .screen-image .pos-left.pos-left-bottom {bottom: 32px;left: -28px;}
    .gallery  .pos-right.pos-right-bottom {bottom: 75px;}
}
@media (max-width:1199.98px){
    img{ max-width: 100%; height: auto;}
    .bnr-sldr-otr .pos-left {left: -15px;bottom: 23px;}
    .bnr-sldr-otr .pos-right {right: -15px;top: 17px;}
    .slider-label.first {top: -130px;}
    .slider-label.second {top: -90px;}
    .bnr-ctn-col {padding-left: 40px;padding-top: 20px;}
    .rt-lg-head{ margin-top: 0;}
    .bnr-ctn-col .desc{    margin-top: 5px;margin-bottom: 20px;}
    .fab-bnr-scn{ min-height: inherit;}
    .fab-bnr-scn .ban-shape{ padding-top: 100px; padding-bottom: 60px; min-height: inherit;}
    .tls-sec .head-ttl-col p{font-size: 17px;line-height: 26px;margin: 10px 0 50px;}
    .bnr-ctn-col p.in-view.overflowheight{max-height:200px}
    .mac-box-over{ background-size: contain; height: 374px;}
    .over-hover-box{left: 26px;top: 6px;width: 419px;height: 253px;padding: 21px 30px;}
    .over-hover-box p{font-size:15px}
    .icon-sec{margin:20px 0}
    .section{padding:20px 0}
    .page-photos{top:50px}
    .page-photos .section-moments .gallery-moments-nav{width:100%}
    .togglenav-button::after{left:-14px}
    .togglenav li{margin:0 10px}
    .fig-over-img{width:300px;left:-10px;top:-20px}
    .screen-image{    height: 414px;width: 610px;margin-right: 10px;}
    .screen-image .pos-left.pos-left-bottom {bottom: -15px;left: -15px;}
    .gallery .pos-right.pos-right-bottom {bottom: 103px;right: -5px;}
    .hw-wrk-scn{margin-top:0; padding: 0 0 0;}
    .hw-wrk-scn .howwrk-head {padding-left: 0;padding-bottom: 40px;}
    .hiw-img-col{ margin-top: 0;}
    .over-block{width:50%}
    .posheightleft{height:526px}
    .border-tr, .border-tr-1, .border-tr-3{display:none}
    .app-btn{width:200px}
    .app-btn a:hover:after{height:60px}
    .wsmall.app-btn a:hover:after{height:60px}
    .mt_150{margin-top:95px}
    .heading-4{padding-bottom:10px;margin-top:6px;margin-bottom:0}
    .galley-heading{top:-210px}
    .pt-eft-scn {margin-top: 100px;}
    .how-work-right p, .how-work-right p.in-view.overflowheight {max-height: 100%; position: relative; top: 0; bottom: 0; font-size: 18px;}
    .how-work-right ul li,.how-work-right ul li.in-view.overflowheight{ max-height: 100%; position: relative; top: 0; bottom: 0;font-size: 18px;line-height: 26px;}
    .focus-work {padding: 0 0 70px;}  
    .posheightright p,.posheightright p.in-view.overflowheight {max-height: 100%;position: relative;top: 0;bottom: 0;font-size: 16px;}
    .posheightleft p,.posheightleft p.in-view.overflowheight {max-height: 100%;position: relative;top: 0;bottom: 0;font-size: 16px;}
    .posheightright{ height: auto;}
    .dwn-btm-ctn {padding-left: 0;padding-top: 15px;}
    .dwn-btm-scn{ min-height: inherit; padding: 60px 0;}
    .dwn-btm-ctn .rt-lg-head{ margin-left: 0;}
    .bnr-ctn-col {padding-left: 0;}
    .bnr-sldr-otr{ margin-right: 25px; height: 364px;}
}
@media (max-width: 991.98px) {
    .fab-bnr-scn{ min-height: inherit;}
    .fab-bnr-scn .ban-shape{padding-top: 100px;padding-bottom: 60px;}
    .fab-bnr-scn .row{ display: flex; flex-direction: column-reverse;}
    .bnr-ctn-col {padding-left: 0;padding-top: 0;}
    .rt-lg-head{ margin-top: 0;margin-left: 0;}
    .bnr-ctn-col .desc{margin-top: 5px;margin-bottom: 20px;}
    .bnr-sldr-otr{height:462px}
    .bnr-sldr-otr .pos-right {right: 64px;top: 18px;}
    .bnr-ctn-col p.in-view.overflowheight{max-height:116px}
    .bnr-sldr-otr .pos-left {bottom: 5px;}
    .bnr-sldr-otr .pos-right {right: 48px;top: 17px;}
    .tls-sec .head-ttl-col .heading-2{ font-size: 34px;}
    .site-hero{min-height:auto}
    .slider-label{top:-114px}
    .slider-label.second{top:-80px}
    .slider-label.first span{top:27px}
    .slider-label.second span{top:27px}
    .over-hover-box img{display:none}
    .over-hover-box{left:12px;top:10px;width:92%;height:260px}
    .fig-over-img{width:248px;left:-10px;top:-11px}
    .togglenav-button::after{left:-9px}
    .screen-image{height:334px; width: 400px;}
    .screen-image .pos-left.pos-left-bottom {bottom: -7px;left: -15px;}
    .gallery .pos-right.pos-right-bottom {bottom: 37px;right: -5px;}
    .tls-sec {padding: 60px 0 0;}
    .tls-sec .head-ttl-col p{ margin: 0px 0 50px;font-size: 18px;line-height: 30px;}
    .tls-sec .box-head-col {margin-bottom: 45px;}
    .icon-sec span{ font-size: 16px;line-height: 20px;top: 58px;}
    .tls-sec .anmt-head-col{ padding-left: 0;}
    .how-work-right ul li{font-size:0.75rem}
    .how-work-right{height:auto}
    .hw-wrk-scn{ padding-bottom: 50px;}
    .how-work-right ul li.first{bottom:184px}
    .how-work-right ul li.second{bottom:129px}
    .how-work-right ul li.third{bottom:71px}
    .posheightleft{height:416px}
    .posheightright{height:500px}
    .posheightright p.overflowheight{bottom:360px}
    .over-block{top:146px}
    .slider-icon{background-size:66px}
    .icon-sec{margin:0px 0 15px}
    .mac-box-over{    height: 320px;background-size: 320px auto;}
    .over-hover-box {left: 17px; padding: 18px 15px;}
    .screen-image{margin-top:-141px}
    .heading-4 {padding-bottom: 5px;margin-top: -7px;margin-bottom: 0;font-size: 20px;}
    .over-hover-box p {font-size: 15px;line-height: 21px;}
    .tablinks img{ width: auto; height: 50px;}
    .icon-sec{ height: 100px;}
    .tls-sec .box-head-col {margin-bottom: 25px;}
    .pt-eft-scn {margin-top: 40px; padding-bottom: 100px;}
    .togglenav li {margin: 0 8px;}
    .togglenav li:first-child{ margin-left: 0;}
    .hw-wrk-scn .howwrk-head {padding-bottom: 20px;}
    .how-work-right ul li{ font-size: 16px; line-height: 22px;padding-left: 40px; background-position: 0 5px;}
    .posheightright p{ margin: 0;}
    .posheightright, .posheightleft{ height: auto;}
    .posheightleft p{ margin-top: 10px; padding-right: 10px;}
    .how-work-right{ margin: 0;}
    .dwn-btm-ctn .heading{ font-size: 28px; margin: 0;}
    .dwn-btm-ctn .sub-heading{font-size: 18px;line-height: 22px; margin-bottom: 5px;}
    .dwn-btm-ctn .rt-lg-head{ height: auto;}
    .dwn-btm-ctn .desc{    font-size: 16px;line-height: 24px;}
    .dwn-btm-scn {padding: 40px 0;}
}
@media (max-width: 767.98px) {
    .tls-sec {padding: 40px 0 0;}
    .tls-sec .head-ttl-col .heading-2 {font-size: 26px;}
    .overflowheight{max-height:none !important}
    .bnr-sld-itm{ top: 0; bottom: 0;}
    .center-logo, .rt-lg-head{padding-left: 10px;margin:12px 0 0}
    .app-btn{ text-align: center; margin: 0 auto; display: block;}
    .center-logo img.cnt-lg-ico{float:none}
    .pos-left, .pos-right{display:none}
    .tls-sec .head-ttl-col p {margin: 3px 0 40px;font-size: 16px;line-height: 24px;}
    .mobile-view{display:block}
    .screen-image{margin-right:0;margin-top:-145px; width: 100%;}
    .fig-over-img{display:none}
    .how-work-right{height:360px;width:92%;margin:0 auto}
    .posheightright{height:auto;width:100%;margin:0 auto}
    .btm-block-p{width:88%;margin:0 auto;left:0}
    .justif{text-align:left}
    .hw-wrk-scn .box-head-col{margin-left:0}
    .posheightright p.overflowheight{bottom:11px;margin-top:0; padding: 0;}
    .posheightleft{height:auto; margin-right: 0;}
    .over-block{right:15px}
    .slider-icon{display:none}
    #myCarouseltesti .carousel-inner{height:100%;width:100%;margin-left:15px}
    .client-des h4{margin-top:20px}
    .testimonial .box-head-col{margin-right:0;margin-bottom:25px}
    .posheightleft img{width:300px}
    .over-block{width:175px}
    .sldr-hndl{background:none;top:190px}
    .overflowheight{position:static}
    .bnr-sldr-otr{height:auto; margin:20px auto 0;}
    .page-photos .section-moments .gallery-moments-content{width:auto}
    .posheightleft p.overflowheight{bottom:0px;margin-left:20px;margin-top:100px}
    .posheightleft p.overflowheight{bottom:0px;margin-left:0px;width:100%;margin-top:70px; left: 0; margin-bottom: 10px;}
    .how-work-right{height:auto;margin-bottom:20px;padding-top: 10px;}
    .togglenav li:first-child .togglenav-button::after{content:"•"}
    .over-block{top:77px;width:276px}
    .box-head-col{width:276px; height: auto; margin-bottom: 30px;}
    .box-bdr-lt-shp{ left: -11px;}
    .hw-wrk-scn .box-head-col {width: 202px; margin: 0 auto;}
    .focus-work .box-bdr-lt-shp{ left: 35px;}
    .in-view.box-bdr-shp .box-bdr-lt-shp {height: 99px;}
    .box-ttl-col{ margin-left: -50px;font-size: 26px; line-height: 32px;}
    .in-view.box-bdr-shp:before {width: 170px; }
    .in-view.box-bdr-shp:after {width: 170px; }
    .box-bdr-shp{    max-width: 175px;margin-left: 73px;}
    .icon-sec{ display: none;}
    .mac-box-over{ background: #695fcb; height: auto;padding-bottom: 20px;}
    .over-hover-box img {display: block;margin: 0 auto 20px;}
    .over-hover-box{ display: block; position: relative; height: auto;padding-top: 10px;}
    .heading-4 {padding-bottom: 8px; font-size: 18px;}
    .how-work-right ul li{ margin: 10px 0;}
    .page-photos .togglenav ul {margin-top:0;padding-left: 0;top: -40px;}
    .togglenav li,.togglenav li:first-child {margin: 0 5px;}
    .togglenav-button::after {left: -4px;}
    .pt-eft-scn {padding-bottom: 20px; padding-top: 50px; margin-top: 0;}
    .hw-wrk-scn .in-view.box-bdr-shp .box-bdr-lt-shp {height: 99px;left: -57px;}
    .focus-work ul li{padding-right: 21px;}
    .focus-work ul li::before{ left: -14px;}
    .page-photos .section-moments .gallery-moments{ margin-top: 100px;}
    .hw-wrk-scn .box-ttl-col {margin-left: -90px;}
    .focus-work .box-head-col {width: 475px;height: 100px;margin: 0 auto;display: block;}
    .focus-work .box-bdr-shp {max-width: 300px;margin: 0 auto;}
    .focus-work .in-view.box-bdr-shp .box-bdr-lt-shp {height: 73px;}
    .focus-work .box-ttl-col {margin-left: 0;}
    .focus-work .in-view.box-bdr-shp:before,.focus-work .in-view.box-bdr-shp:after {width: 296px;}
    .focus-work {padding: 0 0 40px;}
    .dwn-btm-scn {padding: 10px 0 40px;}
    .dwn-btm-ctn{ text-align: center;}
    .lg-txt-col {text-align: left;display: table;margin: 0 auto;}
    .bnr-ctn-col{ text-align: center;}
    .hw-wrk-scn .border-tr-2{ display: none;}
}
@media (max-width: 575.98px) {
    .screen-image{ margin-top: -105px;}
    .hw-wrk-scn{ padding-top: 50px;}
    .page-photos .togglenav ul{ top: 0;}
    .posheightleft p.overflowheight{ padding-right: 0;}
}
@media only screen and (max-width: 479.98px) { 
    .page-photos .section-moments .gallery-moments-content{width:100%}
    .box-head-col{width:276px}
    .box-head-col{height:102px}
    .box-bdr-lt-shp{ left: -3px;}
    .heading-4{ font-size: 18px;}
    .hw-wrk-scn .box-head-col {width: 202px;}
    .focus-work .in-view.box-bdr-shp .box-bdr-lt-shp{height:73px}
    .focus-work .in-view.box-bdr-shp:before{width:236px}
    .focus-work .in-view.box-bdr-shp:after{width:236px}
    .focus-work .box-head-col{width:280px;height:100px}
    .focus-work ul li{width:auto}
    .focus-work ul li{ margin-right: 0; font-size: 18px;}
    .focus-work ul{padding:0}
    .focus-work ul li{background:none}
    .posheightleft p.overflowheight{bottom:0px;margin-left:0px;width:100%;margin-top:20px}
    .screen-image{margin-top:-105px}
    .focus-work span.blue{padding-left:20px}
    .slider-label.first{right:18px}
    .slider-label.first span{left:56px}
    .togglenav li{width:130px}
    .focus-work .box-bdr-lt-shp{ left: 35px;}
    .cnt-lg-ico{ display: block; margin: 0 auto;}
    .center-logo, .rt-lg-head{ text-align: center;width: 100%;padding: 0; height: auto;}
    .dwn-btm-ctn .heading {font-size: 24px;}
    .dwn-btm-ctn .sub-heading {font-size: 16px;}
    .over-block {top: 0;width: auto;position: relative;left: 0;right: 0;}
    .rt-lg-head img.overflowheight {bottom: 40px;width: 170px;}
    .rt-lg-head h1.overflowheight{font-size: 16px;line-height: 22px; margin-bottom: 0;}
    .tls-sec .head-ttl-col .heading-2 {font-size: 24px;}
    .bnr-ctn-col .desc {margin-top: 0;}
    .focus-work .in-view.box-bdr-shp .box-bdr-lt-shp {left: 28px;}
    .hw-wrk-scn {padding-bottom: 30px;}
    .fab-bnr-scn .ban-shape{ padding-bottom: 40px;}
    .pt-eft-scn{ padding-top: 0;}
    .posheightleft,.posheightright,.posheightright p.overflowheight{ text-align: center;}
    .pos-rel .over-block{ width: 100%; text-align: center;}
    .pos-rel .over-block img{ max-width: 280px;}
}