.us-lokaly .navbar-nav { float: right; }
.us-lokaly .home-banner-image::before {position: absolute; content: ""; background-color:rgba(000,0000,0000,0.6); top: 0; right: 0; bottom: 0; left: 0; }

/*.us-lokaly #carousel-about-us .item {max-width: 160px; width: 100%; margin: 0 auto;}*/
.us-lokaly .about-inner {margin-bottom: 30px;}
.us-lokaly .about-inner {background-image: url("../images/abut bg-01.svg");background-size: 90%; background-position: center; min-height: 400px; background-repeat: no-repeat; }
.us-lokaly .about-inner .owl-slider {position: relative; display: flex; justify-content: center; align-items: center; width: 100%;min-height: 400px;}
.us-lokaly .hm-banner-overlay {top: 0;bottom: 0;display: flex; display: -ms-flexbox;-ms-flex-align: center; align-items: center;}
.us-lokaly .hm-banner-overlay h1 {font-size: 25px;color: #fff; line-height: 1.4;}
.us-lokaly .hm-banner-overlay .content-left {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.us-lokaly .section3-inner h3{margin-bottom: 30px;}
.us-lokaly .section3-inner p { font-size: 14px;}
.us-lokaly .section3-inner p img{ width:  35px; margin-right: 15px;}
.us-lokaly .section3-inner p span{vertical-align: middle;}
.us-lokaly .section3-inner .integration-right {-ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; width: 82%; padding-left: 0;}
.us-lokaly .section3-inner .integration-left img {width: 35px;}
.us-lokaly .section3-inner .integration-right img {width: 50px;}
.us-lokaly .section3-inner .integration-right .aws {width: 50px; margin-right: 15px;}
.us-lokaly .section3-inner .integration-right .twilio {width: 90px;}
.us-lokaly .section3-inner .integration-right .venmo {width: 100px;margin-right: 15px;}
.us-lokaly .section3-inner .integration-right .venmo, .us-lokaly .section3-inner .integration-right .paypal{width: 100px;margin-right: 15px;}
.us-lokaly .section3-inner .integration-right .stripe {width: 60px;}
.us-lokaly .section3-inner .integration-right .quickbooks {width: 130px;margin-right: 15px;}
.us-lokaly .section3-inner .integration-right .square {width: 90px;}
.us-lokaly .section3-inner .integration-right .vend, .us-lokaly .section3-inner .integration-right .zoho {width: 60px;margin-right: 15px;}
.us-lokaly .section3-inner ul li{margin-bottom: 20px;display: flex; display: -ms-flexbox;}
.us-lokaly .section3-inner .integration-text{margin-top: 15px;font-size: 15px;}
.us-lokaly .tabpanel-right img{ width: 35px;}
.us-lokaly #section4 .nav-tabs li a{ font-size: 16px; padding: 30px 15px;}
.us-lokaly .footer-sec-second .contact-form .intl-tel-input {top: 0;}
.us-lokaly .section4-inner {padding: 20px;}
.us-lokaly .home-tab, .us-lokaly #section4 .tabpanel-right {padding-top: 30px;}
.us-lokaly #section4 .tabpanel-right ul li {margin-bottom: 15px; display: flex; display: -ms-flexbox; -ms-flex-align: center;
  align-items: center;}
.us-lokaly #section4 .tabpanel-right .integration-right {padding: 0;}
.us-lokaly #section4 .tabpanel-right .integration-right p {margin-bottom: 0;}
.us-lokaly #section3 .integration-main {margin-top: 30px;}
.us-lokaly .footer-sec-second .contact-form .form-group {margin-bottom: 15px;}
.us-lokaly .footer-sec-second .contact-form .input-box.focus label.control-label {top: -10px ;}
.us-lokaly .footer-sec-second h2 {margin-bottom: 20px; text-align: left !important;}
.us-lokaly .footer-sec-second .contact-form .input-box .wpcf7-form-control-wrap .form-control {height: 40px;}
.us-lokaly .footer-sec-second .contact-form .form-group {text-align: left !important;}
.us-lokaly .footer-sec-second .contact-form .btn {margin: 0;padding: 0;}
.us-lokaly .footer-sec-second .contact-form .btn.submit-btn input[type="submit"] {padding: 8px 15px;border-radius: 5px; font-size: 14px;border: none;background-color: #fff;color: #000;}
.us-lokaly .footer-logo {padding-bottom: 35px;}
.us-lokaly .footer-sec-first .city-list {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;-ms-flex-pack: center ;justify-content: center;}
.us-lokaly .footer-sec-first .city-list li{padding: 0 10px 0 0;position: relative;margin-bottom: 10px;line-height: 1;width: auto;}
.us-lokaly .footer-sec-first .city-list li:last-child{padding: 0;}
.us-lokaly .footer-sec-first .city-list li:after{border-right: 1px solid #fff;position: absolute;content: "";width: 1px; height: 100%;right: 5px;}
.us-lokaly .footer-sec-first .city-list li:last-child:after{border-right: none;width: 0;right: 0;height: 0;}
.us-lokaly .section-5 .tabcontent, .us-lokaly .section-5 .tab {height: auto;border: none; color: #fff; padding-bottom: 80px;}
.us-lokaly .section-5 .tab {position: relative;background-color: transparent; width: 30%; padding-top: 15px;}
.us-lokaly .section-5 .tab:before {position: absolute;content: "";left: -100%;right: 0;top: 0;bottom: 0;background-color: #338cc8;}
.us-lokaly .section-5 {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;background-color: #0171bb;}
.us-lokaly .section-5 .tab button {position: relative;padding-top: 8px;padding-bottom: 8px;color: #fff; font-size: 13px; display: flex;display: -ms-flexbox;-ms-flex-align: center; align-items: center;}
.us-lokaly .section-5 .tab button .number{padding: 10px; background-color: #fff; font-size: 12px; border-radius: 50%; width: 20px; height: 20px; line-height: 1; display: flex; justify-content: center; align-items: center; margin-right: 5px; color: #0171bb; font-weight: bold;}
.us-lokaly .section-5 .right-arrow {position: absolute;right: -10px;width: 20px;height: 20px;display: none;}
.us-lokaly .section-5 .tab button.active{background-color: transparent;}
.us-lokaly .section-5 .tab button.active .number{background-color: #073c61; color: #fff;}
.us-lokaly .section-5 .tab button.active .right-arrow{display: inline-block;}
.us-lokaly .tabcontent-wrap {margin: 0;}
.us-lokaly .section-5 .container {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;}
.us-lokaly #section-5 .tabcontent-wrap .next-btn, .us-lokaly #section-5 .tabcontent-wrap .prev-btn  {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;-ms-flex-pack: end ;justify-content: flex-end;padding: 0px;margin-top:25px;}
.us-lokaly #section-5 .tabcontent-wrap .next-btn .btn-section-5 , .us-lokaly #section-5 .tabcontent-wrap .prev-btn button{font-family: 'GothamMedium'; position: relative;bottom: 30px; color: #000; border-radius: 5px; padding: 10px 20px; background-color: #fff; border: none;}
/*.us-lokaly #section-5 .tabcontent-wrap .prev-btn button{left: 15px;}*/
.us-lokaly #section-5 .tabcontent-wrap h4 {margin-top: 25px; margin-bottom: 15px; font-family: 'GothamMedium';}
.us-lokaly #section-5 .tabcontent-wrap ul li {display: flex;display: -ms-flexbox; -ms-flex-align: center; align-items: center; margin-bottom: 15px;}
.us-lokaly #section-5 .tabcontent-wrap ul li p {margin-bottom: 0;}
.us-lokaly .section-5 .tabcontent {width: 70%; padding-left: 15px; padding-right: 0; position: relative;}
.us-lokaly .section-5 .tabcontent h2 {margin-top: 0; padding: 0 30px;}
.us-lokaly .section-5 {padding-bottom: 0;}
.us-lokaly .section-5 .tab button:hover {background-color: transparent;}
.us-lokaly .section6 .pricing-detail {list-style-type: none;padding: 0; margin: 25px 0;display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;-ms-flex-pack: center;justify-content: center ;}
.us-lokaly .section6 .pricing-detail li {position: relative;padding: 0 10px; display: flex;display: -ms-flexbox;-ms-flex-align: center; align-items: center; font-family: 'GothamMedium';margin-bottom: 10px;}
.us-lokaly .section6 .pricing-detail li:not(:first-child):before {position: absolute; width: 5px;height: 5px; border-radius: 50%; background-color: #000;left: 0;content: "";}
/*.us-lokaly .section6 .pricing-wrap { max-width: 1000px;width: 100%;margin: 0 auto;text-align: center;}*/
.us-lokaly .section6 h3 {font-family: 'GothamBold';text-align: center;}
.us-lokaly .section6 .pricing-box-main {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap ;}
.us-lokaly .section6 .pricing-box-main .pricing-box h3 {margin-top: 0; margin-bottom: 15px; font-size: 17px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h2 {font-size: 30px; margin-bottom: 20px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h5 {margin: 10px 0; font-size: 16px;}
.us-lokaly .section6 .pricing-box-main .pricing-box .get-started {margin-top: 15px;margin-bottom: 10px;color: #fff;padding: 5px 15px;border: none;border-radius: 5px; background-color: #24c9fc;}
.us-lokaly .section6 .pricing-box-main .pricing-box .get-started:hover, .us-lokaly .section6 .pricing-box-main .pricing-box .get-started:focus {opacity: 0.7;}
.us-lokaly .section6 .pricing-box-main .pricing-box h4 {font-size: 15px; color: #9c9c9c;}
.us-lokaly .section6 .inner-section p {font-family: 'GothamMedium'; max-width: 650px; margin: 0 auto; width: 100%; }
.us-lokaly .section6 .inner-section p .contact-popup{color: #24c9fc; cursor: pointer;}
.us-lokaly .section7 {background-color: #f7931f;}
.us-lokaly .section7 .section7-main {display: flex; display: -ms-flexbox;-ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.us-lokaly .section7 .white-label-demo-left h2 {color: #fff;font-family: 'GothamBold'; margin: 0;}
.us-lokaly .section7 .white-label-demo-right .section7-btn  {font-family: 'GothamMedium'; background-color: #fff; padding: 7px 15px; border: none;border-radius: 5px;}
.us-lokaly .section-5 .section5-title {width: 100%;color: #fff; font-family: 'GothamBold'; margin-bottom: 20px;}
.us-lokaly #section-5 .tabcontent-wrap .next-btn a {display: flex; display: -ms-flexbox;  -ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: 15px; color: #000;}
.us-lokaly .contact-form .form-group:nth-child(7) label.control-label {left: 0;}
.us-lokaly .contact-form .form-group:nth-child(7) .input-box.focuslabel.control-label {top: -15px;}
.us-lokaly #ContactPopup .modal-content,.us-lokaly .modal .modal-content, .us-lokaly #monthly-plan .modal-content{padding: 20px;}
.us-lokaly #ContactPopup .contact-form .input-box, .us-lokaly #monthly-plan .contact-form .input-box{display: inline-block; width: 100%;}
.us-lokaly .contact-form .sub-title {font-family: 'GothamMedium';color: #000000;}
.us-lokaly .contact-form h2 {margin-bottom: 30px; font-family: 'GothamBold';}
.us-lokaly #section-5 .tabcontent-wrap .integration-left,.us-lokaly #section4 .tabpanel-right .integration-left, .us-lokaly .section3-inner .integration-left {-ms-flex: 0 0 65px; flex: 0 0 65px; max-width: 65px; width: 65px;}
.us-lokaly #section-5 .tabcontent-wrap .integration-right, .us-lokaly #section4 .tabpanel-right .integration-right, .us-lokaly .section3-inner .integration-right{-ms-flex: 0 0 calc(100% - 65px); flex: 0 0 calc(100% - 65px); max-width: calc(100% - 65px); width: calc(100% - 65px);padding: 0;}
.us-lokaly .modal .modal-content .contactus-inner {-ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox ;display: flex; margin: 0 -15px;}
.us-lokaly .modal .modal-content .contactus-inner .form-group{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px;}
.us-lokaly .contact-form .radio-dt input ~ .wpcf7-list-item-label:before {border: 2px solid #24c4f7;}
.us-lokaly .contact-form .radio-dt input ~ .wpcf7-list-item-label:after {background: #24c4f7;}
.us-lokaly .contact-form select {/*font-family: 'GothamLight';*/ font-size: 18px; /*font-weight: bold;*/}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-right h3 {font-family: 'GothamBold'; font-size: 20px; margin-bottom: 30px;}
.us-lokaly .about-inner-section .about-us-popup-btns {color: #24c9fc;}
.us-lokaly .about-inner-section .about-us-popup-btns a {color: #24c9fc;}
.us-lokaly .tab-content-btn {background-color: #24c9fc; border: none; padding: 10px 20px; color: #fff; font-size: 15px; border-radius: 5px; font-size: 14px;}
.us-lokaly .footer-sec-second .contact-form .intl-tel-input .country-list {width: 470px; color: #000; }
.us-lokaly .about-owl-bg {position: relative;width: 200px; margin: 0 auto;}
.us-lokaly .about-owl-bg::before{background-image: url(../images/mobile-top-frame.png);background-size: 100%; z-index: 2; background-position: center; background-repeat: no-repeat; position: absolute; content: ""; min-height: 26px; width: 100%; top: 0;}
.us-lokaly .about-owl-bg::after{background-image: url(../images/mobile-bottom-frame.png);background-size: 100%; z-index: 1; background-position: center; background-repeat: no-repeat; position: absolute; content: ""; min-height: 26px; width: 100%; bottom: 0;}
.us-lokaly .about-inner .owl-slider::before {background-image: url(../images/mobile-right-frame.png);background-size: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; position: absolute; content: ""; min-height: 100%; width: 12.2px; right: -2.1px;}
.us-lokaly .about-inner .owl-slider::after {background-image: url(../images/mobile-left-frame.png);background-size: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; position: absolute; content: ""; min-height: 100%; width: 13.2px; left: -2px;}
/*.us-lokaly .about-owl-bg::after{background-image: url(../images/mobile-top-frame.png);background-size: 100%; z-index: 1; background-position: center; background-repeat: no-repeat; position: absolute; content: ""; height: 100%;width: 100%; top: 0;}*/
.us-lokaly #carousel-about-us { max-width: 180px; width: 100%; top: 10px;}
.us-lokaly .login-button {display: flex; display: -ms-flexbox ;-ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center;}
.us-lokaly .login-button .lang-select {display: inline-block; color: #000;margin-right: 15px; position: relative;}
.us-lokaly .login-button .lang-select .btn-select {background-color: transparent; border: none; margin-top: 0; position: relative;}
.us-lokaly .login-button  #a li span, .us-lokaly .login-button .lang-select .btn-select li span {display: none;	}
.us-lokaly .login-button #a img, .us-lokaly .login-button .lang-select .btn-select img {width: 30px;}
.us-lokaly .about-inner-section .about-us-popup-btns span {cursor: pointer;}
.us-lokaly .login-button #a  {position: absolute;background-color: #fff;top: 85%;width: 60px;z-index: 1; left: -8px;}
.us-lokaly .login-button .lang-select .btn-select li {margin-right: 15px; position: relative;}
.us-lokaly .login-button #a li {text-align: center; position: relative;}
.us-lokaly .login-button .lang-select .btn-select li::before {position: absolute; content: ""; background-image: url("../images/header-dropdown-black.svg");background-repeat: no-repeat;width: 20px;height: 15px;right: -25px;}
.us-lokaly .login-button #a li:hover, .us-lokaly .login-button #a li:focus {background-color: #fff;}
.us-lokaly .login-button .b {border: none;}
.us-lokaly .login-button .lang-select .btn-select:hover, .us-lokaly .login-button .lang-select .btn-select:focus {box-shadow: none;	}
.us-lokaly .section-5 .tab button {background-color: transparent !important;}
.us-lokaly .login-button .lang-select .btn-select a, .us-lokaly .login-button #a li a{background-color: transparent !important;margin-top: 0 !important;margin-bottom: 0 !important;padding: 0 !important;border-radius: 0 !important;}
.us-lokaly #ContactPopup, .us-lokaly #ContactusPopup, .us-lokaly #monthly-plan, .us-lokaly #Semi-Annually, .us-lokaly #Annually{bottom:0 !important;}
.us-lokaly .contact-form .input-box .wpcf7-form-control-wrap .form-control{height: 40px; }
/*.us-lokaly .contact-form .form-group{margin-bottom: 7px; margin-top: 7px;}*/
.us-lokaly .contact-form p{margin-bottom: 5px;}
.us-lokaly #ContactPopup .modal-content h2, .us-lokaly #monthly-plan .contact-form h2, .us-lokaly #Semi-Annually .contact-form h2, .us-lokaly #Annually .contact-form h2{margin-bottom: 20px; margin-top: 10px; font-size: 25px;}
.us-lokaly .submit-btn input[type="submit"]{padding: 10px 20px;}
.us-lokaly .about-inner-section h3{font-weight: bold;}
.us-lokaly .tabcontent-wrap .works-sub-title {display: none;}
.us-lokaly .footer-sec-second .contact-form .wpcf7 .screen-reader-response {overflow: visible; margin: 5px 0; clip: auto; bottom: -30px; width: 100%;height: auto;}
.us-lokaly .footer-sec-second .contact-form .wpcf7 .screen-reader-response ul {display: none;}
.us-lokaly .footer-sec-second .contact-form {position: relative;}
.us-lokaly .contact-form .form-group:nth-child(7) .input-box.focus label.control-label {top: -15px;}

.us-lokaly #ContactPopup .contact-form div.wpcf7, .us-lokaly #monthly-plan .contact-form div.wpcf7, .us-lokaly #Annually .contact-form div.wpcf7, .us-lokaly #Semi-Annually .contact-form div.wpcf7, .us-lokaly #ContactusPopup .contact-form div.wpcf7{position: relative;}
.us-lokaly #ContactPopup .contact-form .wpcf7 .screen-reader-response, .us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response, .us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Annually .contact-form .wpcf7 .screen-reader-response ,.us-lokaly #Semi-Annually .contact-form .wpcf7 .screen-reader-response {overflow: visible; margin: 5px 0; clip: auto; bottom: 55px; width: 100%;height: auto; left: 0;right: 0;text-align: center;}
.us-lokaly #ContactPopup .contact-form .wpcf7 .screen-reader-response ul,.us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response ul, .us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response ul, .us-lokaly #Semi-Annually .contact-form .wpcf7 .screen-reader-response ul, .us-lokaly #Annually .contact-form .wpcf7 .screen-reader-response ul{display: none;}
.us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response {overflow: visible; margin: 5px 0; clip: auto; bottom: 10px; width: 100%;height: auto; left: 0;right: 0;text-align: center;}
.us-lokaly #ContactusPopup .contact-form .btn {margin-top: 25px;}
.us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response {bottom: 60px}


.us-lokaly footer .nav-social { margin-top:0px; }
.us-lokaly footer .nav-social h4 { font-size: 20px; }
.us-lokaly .footer-sec-first, .us-lokaly .footer-sec-second, .us-lokaly .footer-sec-third{ padding: 0 15px; }
.us-lokaly .footer-sec-second .contact-form .form-group {margin-bottom: 40px; }
.us-lokaly .footer-sec-second .contact-form .input-box {position: relative; transition: all 0.3s ease-in-out; border-bottom: 1px solid #000000; }
.us-lokaly .footer-sec-second .contact-form .input-box .wpcf7-form-control-wrap {position: relative; transition: all 0.3s ease-in-out; width: 100%; }
.us-lokaly .footer-sec-second .contact-form .input-box .wpcf7-form-control-wrap .form-control {
    border: 0;
    box-shadow: none;
    height: 50px;
    padding-left: 0;
    color: #fff;
        border-radius: 0;
    border: none;
    border-color: #cccccc !important;
    border-bottom: 1px solid;
    background-color: transparent;
}
.us-lokaly .footer-sec-second .contact-form .input-box label.control-label {
    position: absolute;
    left: 0px;
    top: 5px;
    color: #fff !important;
    font-size: 18px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
        font-family: 'GothamLight'
}
.us-lokaly .grecaptcha-badge{
	bottom: 154px !important;
}
.us-lokaly #scrollTop:after {
    top: 0px;
}
/*.us-lokaly #section3{
	padding-top: 50px;
}
.us-lokaly #section-5{
	padding-top: 50px;
}
.us-lokaly #section-6{
	padding-top: 50px;
}*/
.us-lokaly .contact-form .input-box.focus {border-color: #24C4F7 !important;}
.us-lokaly .footer-sec-second .contact-form .input-box.focus label.control-label { top:-15px; left: 0px; font-size: 12px; color: #24C4F7 !important; }
.us-lokaly .login-button .lang-select .btn-select {padding-top: 5px;}

.us-lokaly .schedule-demo { font-size : 9px; }
.us-lokaly  .footer-sec-second .contact-form input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}
.us-lokaly .footer .contact-form label{
	left: 15px !important;
}
.us-lokaly .footer .contact-form input[type="submit"]{
	  height: 40px !important;
    width: 170px;
    border-radius: 10px;
    margin: 0 0px !important;
    font-size: 17px;
    font-family: 'GothamMedium';
}
.us-lokaly .footer .navbar-nav{
	float: left;
}
.us-lokaly .footer .navbar-nav li a{
	  padding: 0px;
    line-height: 35px;
    color: #ffff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-family: 'gothambookregular';
    text-transform: capitalize;
}
.us-lokaly .footer .contact-form textarea{
	    height: 180px;
}

.thank-you-us{
	text-align: center;
}
.thank-you-us h4 strong {
    color: #64a500;
}
.thank-you-us p{
    color: #337ab7;
    font-size: 16px;
    padding-bottom: 15px;
}
.thank-you-us  h4 {
    color: #fff;
    font-size: 42px;
    text-align: center;
}
.thank-you-us .wp-block-image img{
	width: 30%;
}

/* krn 25 Sep */
.us-lokaly .middle-header.sticky {position:unset;width: 100%;}
.us-lokaly .home-banner-image p {color: #fff;width: 100%;margin-top: 30px;font-size: 18px;}
.us-lokaly .home-banner-image>img {width: 100%;height: 470px;object-fit: cover;}
.us-lokaly .about-us{padding: 50px 0;}
.us-lokaly #section3, .us-lokaly #section-5 {padding: 50px 0;}
.us-lokaly .section7 {padding: 0 !important;background-color: #f7931f !important;}
.us-lokaly .hm-banner-overlay h1 {font-size: 60px;margin: 0;text-align: left;line-height: 60px;font-weight: 600;width: 100%;}
.us-lokaly .section7 .white-label-demo-left h2 {font-size: 32px; text-align: left;}




@media (min-width: 576px) {
	.us-lokaly .about-inner {background-size:  50%;}
	.us-lokaly .hm-banner-overlay h1 {font-size: 30px;}
	.us-lokaly .home-tab {padding-top: 40px;}
	.us-lokaly #section3 .integration-main {margin-top: 40px;}
	.us-lokaly #section-5 .tabcontent-wrap .next-btn a .tab-content-btn {position: absolute;right: 115px; margin-right: 15px; bottom: 30px;}

.us-lokaly .section6 .pricing-box-main .pricing-box:not(:last-child) {border-right: 1px solid #9c9c9c;}
}
@media (min-width: 768px) {
	.us-lokaly .about-inner {margin-bottom: 0px;background-size: 90%;}
	.us-lokaly .hm-banner-overlay h1 {font-size: 40px;}
	.us-lokaly	.hm-banner-overlay .content-left {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

	.us-lokaly .section3-inner p { font-size: 17px;}
	.us-lokaly #section4 .nav-tabs li a{ font-size: 14px; padding: 30px 10px;}

	.us-lokaly .home-tab{padding-top: 50px;}
	.us-lokaly #section4 .tabpanel-right {padding-top: 0;}
	.us-lokaly #section3 .integration-main {margin-top: 0px;}
	.us-lokaly .footer-sec-second .contact-form .btn.submit-btn input[type="submit"] {padding: 10px 15px; font-size: 16px;}
	.us-lokaly .footer-sec-first .city-list{-ms-flex-pack: start;justify-content: flex-start;}

.us-lokaly .section-5 .tab button {font-size: 17px;}
.us-lokaly .section-5 .tab button .number {width: 35px;height: 35px; font-size: 16px; margin-right: 15px;}
.us-lokaly .section-5 .right-arrow {width: 30px;height: 30px;right: -35px;}
.us-lokaly .section-5 .tab {padding-right: 20px; }
.us-lokaly .section6 .pricing-box-main .pricing-box {margin-bottom: 40px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h3 {margin-bottom: 20px;font-size: 20px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h4 {font-size: 18px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h2 {font-size: 32px;}
.us-lokaly .section6 .pricing-box-main .pricing-box .get-started {padding: 7px 20px;}
.us-lokaly .section7 .white-label-demo-right {text-align: right;}
.us-lokaly .section7 .white-label-demo-right .section7-btn {padding: 9px 20px;}
.us-lokaly .section7 .white-label-demo-left h2 {font-size: 28px;}
.us-lokaly .section-5 .tab button.tablinks .name {width: calc(100% - 35px);}
.us-lokaly .modal .modal-content .contactus-inner .form-group{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} 
.us-lokaly .tabcontent-wrap .tabcontent-wrap-right h3 {font-size: 24px;} 
.us-lokaly .footer-sec-second .contact-form .intl-tel-input .country-list {width: 420px; }
.us-lokaly #ContactPopup .contact-form .wpcf7 .screen-reader-response, .us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Annually .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Semi-Annually .contact-form .wpcf7 .screen-reader-response {bottom: 10px;}
.us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response {bottom: 65px;}
}
@media screen and (min-device-width: 1300px) and (max-device-width:1399px) { 
  #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0px 20px 0px 0;
    width: 10%;
	}
	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before {
    height: 45px;
    line-height: 37px;
    top: -68px;
    width: 45px;
    font-size: 24px;
    position: absolute;
    z-index: 1;
	}
	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-active .fw-progress-bar-bar {
    height: 17px;
    left: 63px;
    position: absolute;
    top: -52px;
    z-index: 1;
	}
	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 8px;
    top: -10px;
    position: relative;
	}
	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after {
    content: "";
    background-size: 35px 35px;
    margin: 0 auto;
    padding: 0;
    height: 9px;
    width: 100%;
    left: 6%;
    position: absolute;
    top: -47px;
    z-index: 0;
	}
}
@media (min-width: 992px) {
	
.us-lokaly .about-inner{background-size: 100%;}
.us-lokaly .hm-banner-overlay h1 {font-size: 50px;}
.us-lokaly	.hm-banner-overlay .content-left {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
		
.us-lokaly #section4 .nav-tabs li a{ font-size: 18px; padding: 30px 20px;}

.us-lokaly .home-tab{padding-top: 60px;}

.us-lokaly .section-5 .tabcontent {padding-right: 20px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h3 {font-size: 22px; margin-bottom: 30px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h2 {font-size: 45px; margin-bottom: 25px;}
.us-lokaly .section6 .pricing-box-main .pricing-box .get-started {margin-top: 25px;margin-bottom: 15px; padding: 12px 30px;}
.us-lokaly .section7 .white-label-demo-right .section7-btn {padding: 10px 30px;}
.us-lokaly .section7 .white-label-demo-left h2 span {display: block;}
.us-lokaly .section-5 .section5-title {margin-bottom: 30px;}
.us-lokaly #ContactPopup .modal-content, .us-lokaly .modal .modal-content, .us-lokaly #monthly-plan .modal-content{padding: 20px 80px;}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-right h3 {font-size: 40px;}
.us-lokaly .footer-sec-second .contact-form .intl-tel-input .country-list {width: 470px; }
/*.us-lokaly #section-5 .tabcontent-wrap .prev-btn button{left: 20px;}*/
.us-lokaly .footer-sec-third {padding: 0 15px 0 30px;}
.us-lokaly #ContactPopup .contact-form .wpcf7 .screen-reader-response, .us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Annually .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Semi-Annually .contact-form .wpcf7 .screen-reader-response{bottom: 9px;}
.us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response {bottom: 70px}
}
@media (min-width: 1200px) {
.us-lokaly .about-inner, .us-lokaly .about-inner-section {padding: 0 40px;}
.us-lokaly .about-inner {margin-bottom: 0px;}
/*.us-lokaly .about-inner .owl-slider{  }
.us-lokaly .about-inner{}*/
.us-lokaly	.hm-banner-overlay .content-left {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.us-lokaly .section3-inner {padding: 0 40px 0 80px;}
	
.us-lokaly #section4 .nav-tabs li a{ font-size: 20px; padding: 30px 35px;}
.us-lokaly #section4 .tabpanel-left{ padding: 0 25px;}
.us-lokaly #section4 .tabpanel-right{ padding: 0 25px;}
.us-lokaly .home-tab{padding-top: 80px;}

.us-lokaly .section-5 .tabcontent {padding-left: 30px;}

.us-lokaly .section6 .pricing-detail {margin: 40px 0;}
.us-lokaly .section6 .pricing-box-main .pricing-box h3 {margin-bottom: 40px; font-size: 24px;}
.us-lokaly .section6 .pricing-box-main .pricing-box h2 {font-size: 50px; margin-bottom: 30px;}
.us-lokaly .section6 .pricing-box-main .pricing-box .get-started {margin-top: 30px;margin-bottom: 20px;}
.us-lokaly .section6 .pricing-box-main .pricing-box {margin-bottom: 50px;}
.us-lokaly .section-5 .section5-title {margin-bottom: 40px;}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-right h3 {font-size: 48px;}
/*.us-lokaly #section-5 .tabcontent-wrap .prev-btn button{left: 30px;}*/
.us-lokaly .footer-sec-third {padding: 0 30px 0 70px;}
.us-lokaly .footer-main {padding: 45px 0 25px 0;}
}


@media (min-width: 1700px) {
	.us-lokaly .footer-main {padding: 45px 0;}

}

@media (max-width: 1200px) {
	.us-lokaly .section-5 {padding-bottom: 0;}
	.us-lokaly .section-5 .tabcontent, .us-lokaly .section-5 .tab{padding-bottom: 70px;}
}
@media (max-width: 991px) {
	.us-lokaly .home-banner-image {min-height: 400px;}
	.us-lokaly #ContactPopup .contact-form .form-group, .us-lokaly .modal .modal-content .form-group{margin-bottom: 25px;}
	.us-lokaly #ContactPopup .modal-content .sub-title {font-size: 16px;}
	.us-lokaly .contact-form .radio-dt input ~ .wpcf7-list-item-label {font-size: 16px !important;}
	.us-lokaly .contact-form p {margin-top: 10px;}
	.us-lokaly .submit-btn input[type="submit"] {padding: 10px 20px; font-size: 18px;}
    .us-lokaly .section7 .white-label-demo-left h2 {font-size: 22px;}
}

@media (max-width: 767px) {
.hm-banner-overlay .container {width: 100%;}
.us-lokaly .home-banner-image {min-height: 470px !important;}
.us-lokaly .hm-banner-overlay h1 {font-size: 40px;text-align: left;line-height: 40px;}
.us-lokaly .home-banner-image p {margin-top: 20px;font-size: 18px;text-align: left;}
.us-lokaly .footer .navbar-nav {float: left !important;}
.navbar-nav>li {text-align: left;}
.us-lokaly .middle-header.sticky {top: 0px !important;transition: .2s ease-in-out;}
.us-lokaly .middle-header.sticky.fixed {top: -25px !important;}

.us-lokaly #section4 .nav-tabs {padding-top: 0;}
.us-lokaly #section4 .nav-tabs li:before {display: none !important;}
.us-lokaly #section4 .nav-tabs li:nth-child(2):before {display: none !important;}
.us-lokaly #section4 .nav-tabs {display: flex;flex-wrap: wrap;width: 100%; justify-content: center;}
.us-lokaly #section4 .nav-tabs li {padding: 0 5px; width: 20%;}
.us-lokaly #section4 .nav-tabs li a{ font-size: 12px; padding: 15px 5px;}
.us-lokaly .footer-sec-first #custom_html-2 ul li{width: auto;}
.us-lokaly .footer-sec-first #custom_html-2 ul li a {font-size: 14px;}
.us-lokaly .footer-main.row {margin: 0;}
.us-lokaly .footer-sec-first, .us-lokaly .footer-sec-second, .us-lokaly .footer-sec-third {padding: 0;}
.us-lokaly .footer-sec-second .contact-form .input-box.focus label.control-label {top: -10px ;}
.us-lokaly  .footer-sec-second h2 {margin-bottom: 20px; text-align: center !important;}
.us-lokaly .footer-sec-second .contact-form .form-group {margin-bottom: 20px; text-align: center !important;}
.us-lokaly .footer-sec-second .contact-form .input-box .wpcf7-form-control-wrap .form-control {height: 35px;}
.us-lokaly .footer-sec-second .contact-form .input-box label.control-label {font-size: 15px;}
.us-lokaly .tabcontent-wrap .col-sm-6 {padding: 0;}
.us-lokaly #section4 .tabpanel-right ul {display: -ms-flexbox;display: flex ;-ms-flex-wrap: wrap ;flex-wrap: wrap;}
.us-lokaly #section4 .tabpanel-right ul li {width: 50%; padding: 0 15px;}
.us-lokaly #section-5 .tabcontent-wrap .integration-left {-ms-flex: 0 0 65px; flex: 0 0 65px; max-width: 65px; width: 65px;}
.us-lokaly .section6 .pricing-box-main .pricing-box {margin-bottom: 30px;}
.us-lokaly .section7 .white-label-demo-left h2 {font-size: 24px; margin-bottom: 15px;}
.us-lokaly .footer-sec-third ul {padding-top: 0;}
.us-lokaly #section-5 .tabcontent-wrap ul li {-ms-flex-align: start; align-items: flex-start;}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-right {margin-top: 30px;}
.us-lokaly #ContactPopup .modal-content h2, .us-lokaly #monthly-plan .modal-content h2{font-size: 20px;}
.us-lokaly #ContactPopup .contact-form .form-group, .us-lokaly .modal .modal-content .form-group,.us-lokaly #monthly-plan .contact-form .form-group{margin-bottom: 20px;}
.us-lokaly #ContactPopup .contact-form .form-group .d-flex.flex-wrap, .us-lokaly .contact-form  .form-group .d-flex.flex-wrap, .us-lokaly #monthly-plan .contact-form .form-group .d-flex.flex-wrap{flex-wrap: wrap; -ms-flex-wrap: wrap ;}
.us-lokaly .contact-form h2 {font-size: 20px;}
.us-lokaly .contact-form .radio-dt input ~ .wpcf7-list-item-label:after {width: 12px;height: 12px;}
.us-lokaly .contact-form .radio-dt input ~ .wpcf7-list-item-label:before {width: 20px; height: 20px;}
.us-lokaly .section6 .pricing-box-main .pricing-box {-ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%;}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-left {text-align: center;}
.us-lokaly .tabcontent-wrap .tabcontent-wrap-left .tabcontent-wrap-left-img {max-width: 250px; margin-left: auto;margin-right: auto;width: 100%;}
.us-lokaly .section-5 .container {width: 100%;}
.us-lokaly .section-5 .tab button {padding-right: 15px;-ms-flex-align: start;
  align-items: flex-start ;}
.us-lokaly #section-5 .tabcontent-wrap .integration-right {padding-right: 15px;}
.us-lokaly .tabcontent-wrap-right .tab-content-btn {padding: 7px 15px;}
.us-lokaly .footer-sec-second .contact-form .intl-tel-input .country-list {width: 200px;}
.us-lokaly #section-5 .tabcontent-wrap .integration-right, .us-lokaly #section4 .tabpanel-right .integration-right, .us-lokaly .section3-inner .integration-right {padding-right: 15px;}
.us-lokaly #section-5 .tabcontent-wrap .next-btn .btn-section-5, .us-lokaly #section-5 .tabcontent-wrap .prev-btn button {bottom: 22px; line-height: 1;padding: 8px 15px;}
.wpcf7-spinner {display: flex;top: 7px;left: 50%;transform: translateX(50%);margin: 0;}
}

@media (max-width: 640px) {
	.us-lokaly .footer-logo {margin-left: auto;margin-right: auto;}
}

@media (max-width: 575px) {
	.us-lokaly #section4 .nav-tabs li {padding: 0px;}
	.us-lokaly #section4 .nav-tabs li a{ font-size: 10px;}
	.us-lokaly #section-5 .tabcontent-wrap .next-btn {padding-left: 0; padding-right: 0;}
	.us-lokaly .section6 .pricing-box-main .pricing-box {width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 80%; border: 1px solid #9c9c9c; padding: 15px; margin-left: auto;margin-right: auto;}
	.us-lokaly #section-5 .tabcontent-wrap .next-btn a {margin-bottom: 15px; justify-content: flex-end; -ms-flex-content: end; margin-right: 0;}
	.us-lokaly #section-5 .tabcontent-wrap .next-btn a button { padding: 9px 8px; font-size: 11px;}
	.us-lokaly .submit-btn input[type="submit"] {font-size: 16px;}
	.us-lokaly .section-5 .tab {width: 50px;}
.us-lokaly .section-5 .tabcontent {width: calc(100% - 50px);}
.us-lokaly .section-5 .tab .name {display: none;}
.us-lokaly .tabcontent-wrap .works-sub-title {text-align: left; display: block; margin-top: 0;font-size: 18px;margin-bottom: 15px; font-weight: bold;}
.us-lokaly .section-5 .tab button .number {width: 22px; height: 22px;}
}

@media (max-width: 480px) {
	.us-lokaly .footer-sec-first .city-list li {font-size: 12px;margin: 0 0 10px 0;}
	.us-lokaly .section-5 .tabcontent h2 {font-size: 20px;}
	.us-lokaly .section-5 .tabcontent {padding-left: 20px;	}
	.us-lokaly .section-5 .tab button {flex-wrap: wrap; -ms-flex-wrap: wrap; padding-left: 0;padding-right: 20px;}
	.us-lokaly #section-5 .tabcontent-wrap ul li p {word-break: break-word; font-size: 13px;}
	.us-lokaly #section-5 .tabcontent-wrap p {font-size: 13px;}
.us-lokaly .section-5 .right-arrow {top: 10px;}
.us-lokaly .section3-inner p {font-size: 13px;}
.us-lokaly #ContactPopup .contact-form .wpcf7 .screen-reader-response, .us-lokaly #monthly-plan .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Annually .contact-form .wpcf7 .screen-reader-response, .us-lokaly #Semi-Annually .contact-form .wpcf7 .screen-reader-response{bottom: 65px; font-size: 11px;}
.us-lokaly #ContactusPopup .contact-form div.wpcf7 .screen-reader-response {bottom: 70px; font-size: 11px;}
.us-lokaly .schedule-demo {font-size: 8px !important; padding: 5px 18px !important;}
.us-lokaly .login-button .lang-select .btn-select {padding-top: 5px;}

}

@media (max-width: 465px) {
	.us-lokaly #section4 .tabpanel-right ul li {width: 100%; padding: 0px;}
}