/* Mobile Responsive */
@media only screen and (min-width: 576px){
.image-column{display:block;}
}

@media only screen and (max-width: 575px){
	.rewards-system-main {
    width: 100%;
    margin: 40px auto;
    padding: 27px!important;
 }
	.header-right-main a
 {
    background-color: #017AC1;
    border-radius: 10px;
    width: 78px;
    height: 31px;
    /* line-height: 24px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 3px;
 }
.main-header-top
 {
    height: auto;
 }
	.header-center-main ul{
    padding: 0px 10px;
    align-items: center;
    gap: 21px;
 }
	.header-main {
    padding: 22px 0px;
    gap: 20px;
}
	.pay-main-img
 {
    margin-top: 20px;
}
.step-section
 {
	padding-top: 22px;
	height: auto!important;
	width: 100%!important;
	}
.pay-main-img:nth-child {
    text-align: center;
    padding-top: 70px;
}
.image-column{
	display:none!important;
}
.container-inner{
	padding:15px;
}
.pay-main-img img {
   height: auto!important;
}
.payment-model-contant h5 {
    font-size: 28px;
    margin-top: 28px;
	}
.pay-rent-heading h1
 {
    font-size: 35px!important;
 }
.pay-rent-heading
 {
    margin-bottom: 12px;
 }
 .main-tab-smart-box-left h2
 {
    font-size: 32px!important;
 }
 .payment-model-left h1
 {
    font-size: 37px;
}
.pay-rent-right h4
 {
    font-weight: 600;
    font-size: 32px;
 }
section.banner{
	padding: 100px 15px;
}
.banner .container.video-sec {
    display: flex;
    align-items: center;
}
.pay-rent-boxs

 {
    padding: 0px 0px!important;
}
.sec-heading h2
 {
    font-size: 36px;
    margin-top: -3px;
    margin-bottom: 17px;
    padding-bottom: 0px;
    font-weight: 600;
    text-align: left !important;
    line-height: 36px;
 }
 .g-cont h5
 {
	     font-size: 27px;
    margin-top: 24px;
 }
 section.grow-loyal h2 {
    font-size: 31px;
 }
section.banner, .banner .container.video-sec {
height:auto
}
.banner-contant {
    padding-left: 0px;
    width: 100%!important;
}
.banner-contant h1 {
        font-weight: 300;
        font-size: 42px!important;
        line-height: 37px!important;
}
}
@media only screen and (max-width: 767px){
.pay-rent-right p

 {
    font-size: 20px !important;
 }
	.form-contant select#business_category_id {
    width: auto !important;
}

	
	.quote {
    width: 40px;
    left: 25px;
    top: 28px;
	}
	
	.pay-rent-right p {
    font-size: 19px!important;
}

.form-contant .submit-btn {
    font-size: 16px;
}
	
.testimonial-slider {
  overflow: hidden;
}


.testimonial-slider .owl-stage {
  padding-left: 0 !important;
}


.testimonial-slider.both-peek .owl-stage {
  padding-left: 20px !important;
  padding-right: 20px !important;
}


.testimonial-slider.last-slide .owl-stage {
  padding-left: 35px !important;  
  padding-right: 0 !important;  
}
.testimonial-card
 {
    margin-right: 1px;
 }
 
 
 .grow {
  overflow: hidden;
}


.grow .owl-stage {
  padding-left: 0 !important;
}


.grow.both-peek .owl-stage {
  padding-left: 20px !important;
  padding-right: 20px !important;
}


.grow.last-slide .owl-stage {
  padding-left: 35px !important;  
  padding-right: 0 !important;  
}
.testimonial-card
 {
    margin-right: 1px;
 }


	
	

	.footer-right-main ul li a img {
    filter: brightness(2);
}
	.footer-center {
    order: 1;
}

.footer-left-main {
    order: 2;
}

.footer-right-main {
    order: 3;
}
	.footer-right-main p
 {
    color: #fff!important;
    font-size: 16px !important;
 }
 .footer-left-dwon {
    margin-bottom: 18px;
    margin-top: 0px;
 }
	.footer-left-top ul li a {
    color: #fff;
	}
	ul.list2
 {
    width: 78%!important;
}
	.footer-left-top ul li a {
    font-size: 16px;
	}
	    .footer-left-top ul li {
        flex: 32%;
        text-align: center;
    }
	    .footer-left-top {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 28px;
        margin-bottom: 0px;
    }
	.footer-left-main {
    width: 100%;
}

.footer-left-dwon {
    width: 100%;
    justify-content: center;
}

.footer-left-top ul {
    display: flex;
    /* gap: 21px 0px; */
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footer-left-top ul li{
    flex: 32%;
    text-align: center;
}
	
	.grow .owl-dots {
    justify-content: center;
    margin-top: 34px;
	}
section.testimonial-section .container-inner {
    padding-top: 0px;
}

section.testimonial-section .container-inner .sec-heading h2 {
    margin-top: 4px!important;
}
	.testimonial-slider {
    margin-top: 33px;
}
	.testimonial-section {
    background: #000000!important;
	}
	.pay-rent-right h4 {
    margin-bottom: 9px;
	}
	section.banner {
    background-position: center;
	}
	.banner-contant
 {
    margin-top: 67px;
    gap: 28px;
 }
	.grow {
    flex-flow: column;
    gap: 27px;
 }
	.gbox {
    width: 100%;
}
	
.desktop-video{display:none!important;}
.mobile-video{display:block!important;}

.banner-contant {
    padding-left: 0px;
    width: 74%;
}
.banner-contant h1 {
    font-size: 45px;
    line-height: 38px;
}
.banner-contant a
 {
    background-color: #017AC1;
    border-radius: 10px;
    width: 117px;
    height: 50px;
 }
.pay-rent-heading h1 {
    font-weight: 700;
    font-size: 41px;
}
.image-column
 {
    flex: 581px;
    position: sticky;
    top: 50px;
    height: 50vh;
 }
.step-section
 {
	     height: 50vh;
    width: 267px;
 }
 .main-tab-smart-box {
    flex-flow: column;
    gap: 50px;
}
.main-tab-smart-box-left {
    width: 100%;
}
.main-tab-smart-box-right {
    width: 100%;
}
.payment-model-left
 {
    width: 100%;
 }
 .payment-model-main

 {
	padding: 60px 20px;
    width: 100%;
    background-position: 38%;
	height: auto;
 }
 .rewards-system-main h1 {
    line-height: 42px;
    font-weight: 400;
    font-size: 28px;
}
.rewards-system-main {
    width: 100%;
    margin: 80px auto;
}
.footer-inner {
    gap: 35px;
    flex-flow: column;
}
.rewards-system-main
 {
    width: 100%;
    margin: 36px auto 20px auto;
 }
 .header-left-img img

 {
    width: auto;
    height: 36px;
}
.banner-contant p

 {

margin-bottom: 1px;

margin-top: 0px;

line-height: 25px !important;

font-size: 18px !important;
}
.pay-rent-boxs {
    padding: 0px 10px;
}
p {
    font-size: 20px !important;
}
.testimonial-section
 {
    padding: 2px 0;
 }
.testimonial-section h2 + small, .connect-us h2 + small
 {
    color: rgba(153, 161, 175, 1);
    text-align: left;
    display: block;
    line-height: 27px;
    font-size: 24px;
}
.testimonial-card
 {
 height: 346px;
}
.testimonial-card p {
    margin-top: 69px;
    font-size: 24px !important;
}
.testimonial-card

 {

padding: 25px;

}
.testimonial-section .owl-nav
 {   
	    
    text-align: center;
    margin-top: 17px;
 }
 section.connect-us {
    padding-top: 8px;
}
.form-contant

 {
    margin-top: 31px;
    padding: 0px;
}
.form-contant .form-row
 {
    flex-flow: column;
    display: flex;
    gap: 0px;
}
section.grow-loyal {
    padding: 33px 0px 10px 0px;
}
.form-contant span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.connect-us .container-inner {
    padding-left: 15px;
    padding-right: 15px;
}
.rewards-system-main
 {
    border-radius: 32px
 }
 .rewards-system-main p
 {
    line-height: 24px;
    font-weight: 400 !important;
    color: #D2CDCD;
    font-size: 18px !important;
}
.footer-center img
 {
    width: 100%;
        max-width: 85px;
        height: inherit;
}
    .container-inner {
        padding: 15px;
    }
.footer-left-main {
    order: 2;
}
.main-footer
 {
    width: 100%;
        display: flex;
        padding: 20px 1px;
        padding-bottom: 0;
 }
    
.footer-right-main {
    order: 3;
}
.footer-right-main p
 {
    text-align: center;
 }
.footer-left-main
 {
    width: 100%;
}
.footer-left-main {
    gap: 34px;
    flex-flow: column;
    display: flex;
    order: 2;
}
.footer-left-dwon {
        margin-bottom: 18px;
        margin-top: 0px;
    }
.footer-right-main {
	width: 100%;
    order: 3;
}


.footer-left-top {
    order: 2;
}
}
@media only screen and (min-width: 768px){
.desktop-video{display:block!important;}
.mobile-video{display:none!important;}
}

@media screen and (max-width: 425px) and (min-width: 321px){
}