@import url(../fonts/Poppins/font.css);
@import url(../font-awesome/css/all.css);

@media only screen and (max-width:576px){
	body{
		overflow-x: hidden;
	}
	.happiness,
	.left,
	.genie1 img,
	.close-icon,
	.mobile.active .menu,
	.header,
	.footer,
	.branch5-img,
	.slider-branch,
	.rani-wrap1,
	.card-row-wrap,
	.agent-row,
	.agent4 .mt-xenie,
	.agent5 .agent-wrapper,
	.ag-faq,
	.abo-gen ,
	.branch-slider-wrap,
	.lamp-position,
	.agent-img,
	.card-img,
	.timeline{
		display: none;
	}
	.nbsp{
	display: none !important;
	}
	.mobile.active .close-icon,
	.rani-wrap,
	#slider11,
	#slider22,
	.mt-xenie1,
	.agent-wrapper1,
	#branch-slider,
	.card-1-img,
	.card-slider-mobile #slider1,
	.timeline1{
		display: block !important;
	}
	.mobile-header{
		display: block;
		padding: 0 20px;
	}
	.mobile{
		display: flex;
    justify-content: space-between;
    align-items: center;
		padding: 17px 0px;
		border: 0;
		position: relative;
    z-index: 999;
	}
	.mobile button{
		background: transparent;
		border: 0;
		padding: 0;
	}
	.card-title {
    font-weight: 600;
	}
	.mobile-menu{
		    opacity: 0;
    visibility: hidden;
    transform: translateY(-140px);
    transition: 0.5s all;
		    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 99;
    padding: 61px 20px 20px;
	}
	.mobile-menu.active{
		visibility: visible;
    opacity: 1;
    transform: translateY(0px);
	}
	/*.mobile-menu .accordion .card-header:after,*/
	.mobile-footer .accordion .card-header:after {
		font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
	}
	/*.mobile-menu .accordion .card-header.collapsed:after,*/
	.mobile-footer .accordion .card-header.collapsed:after {
    content: "\f067"; 
	}
	.mobile-menu .card-header,.mobile-footer .card-header {
    padding: 0.75rem 0rem;
    background-color: transparent;
    border-bottom: 0;
        align-items: center;
    display: flex;
    justify-content: space-between;
	}
	.mobile-menu  .card-title,.mobile-footer  .card-title{
		margin-bottom: 0;
	}
	.mobile-menu .card,.mobile-footer .card{
		border:0;
	}
	.mobile-menu .card-body,.mobile-footer .card-body                                                                                                                                                                       {
		    padding: 0;
	}
	.mobile-menu .card-body a{
		margin-bottom: 10px;
	}
	.sign-mob{
		    margin-top: 9px;
	}
	body.active{
		overflow: hidden;
    position: fixed;
	}
	.branch-btn button{
		    background: #1C0E59;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    height: 48px;
    width: 160px;
	}
	.branch-btn button:last-child{
		background: #000;
		margin-left: 16px;
	}
	.branch-btn{
		position:fixed;
		bottom: 30px;
		display: flex;
		justify-content: space-between;
	}
	.mobile-footer{
		display: block;
		    background: #16122F;
    padding: 42px 20px 20px;
	}
	.mobile-ft-1 .card{
		    background: transparent;
	}
	.mobile-ft-1 a, .mobile-ft-1 p{
		display: block;
		color:#fff !important;
		opacity: 0.8;
	}
	.mobile-footer .accordion .card-header:after{
		color: #fff;
	}
	.mobile-ft-1 .card-body a,.mobile-ft-1 p{
		margin-bottom: 12px;
	}
	.mobile-ft-1 .card-body button{
		    background: transparent;
    padding: 0;
        margin-right: 10px;
    margin-top: 10px;
	}
	.foot-img-mob{
		padding:100px 0 68px;
	}
	.mobile-ft-2{
		text-align: center;
	}
	.mobile-ft-2 p{
		    font-size: 14px;
    color: #FFFFFF;
	}
	.mobile-ft-2 a{
		    font-size: 14px;
    color: #fff;
    margin: 12px 10px 0;
	}
	.branch1,.branch-sec-right {
    padding: 0;
	}
	.branch-sec-left {
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding-left: 20px;
    z-index: 9;
    padding-bottom: 30px;
	}
	.branch-sec-left h3 {
        font-size: 20px;
    color: #fff;
    line-height: 26.4px;
    padding: 8px 120px 10px 0;
	}
	.branch-sec-left h3 span {
    color: #ffffff;
	}
	.branch-sec-right  img{
		    height: 382px;
    object-fit: cover;
	}
	.int-head {
    padding: 7px 20px;
    font-size: 12px;
	}
	.branch2 {
    padding-top: 60px;
    padding-bottom: 60px;
	}
	.branch2 h4 {
    font-size: 20px;
    width: 100%;
    line-height: 30px;
    padding: 0 20px 24px;
	}
	.branch2 img{
		width: 100%;
	}
	.explore {
    font-size: 12px;
    margin: 0;
    padding: 9px ;
    line-height: 14.22px;
    border-radius: 8px;
    width: auto;
}
	.meet-head {
    font-size: 20px !important;
    color: #555555;
    line-height: 30px;
	}
	.branch3 .meet-head{
		    padding: 0 31px;
	}
	.branch3 p {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 32px 30px;
	}
	.food img {
    height: 160px;
	}
	.food p{
	    font-size: 20px;
	    padding: 0;
	    padding-bottom: 34px;
	    line-height: 30px;
	}
	.branch4 {
    padding-top: 60px;
	}
	.branch4 h3 {
    padding-top: 0;
	}
	.branch4 p {
    font-size: 16px;
        padding: 5px 0 16px;
	}
	.mt-xenie p {
    font-size: 14px;
    display: flex;
    align-items: center;
	}
	.mt-xenie img{
		margin-right:10px;
	}
	.sec4-wrap{
		    width: 157px !important;
    object-fit: contain;
    height: 221px;
	}
	.sec4-wrap1{
		width: 114px !important;
    height: 220px;
    object-fit: contain;
	}
	.branch5 {
    padding: 60px 0;
	}
	.int-branch h4 {
    color: #555555;
    padding: 0 2px 10px 0;
	}
	.int-branch p {
    font-size: 16px;
    color: #555555;
    padding-left: 0;
    padding-right: 0px;
	}
	 .branch5-img1{
	 	display: block;
	 	    position: absolute;
    right: 0;
    text-align: right;
	 }
	 #slider-branch1{
	 	display: block;
	 	margin-top:24px;
	 }
	 #slider-branch1 img{
	 	    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 10px;
	 }
	 .branch-agent-last {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0;
	}
	 #slider-branch1.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
	}
	 .community img{
        margin-right: 12px;
    width: 32px;
    height: 32px;
  	}
  	.community{
  		flex-direction: column;
  	}
  	.community p {
    font-size: 16px;
    padding-bottom: 8px;
	}
	.branch6 {
    padding: 12px 0;
	}
	.card-cont1{
    bottom: 20px;
    z-index: 99;
        left: 20px;
    /* padding-top: 400px; */
	}
	.card-slider-mobile .card-cont1{
		bottom:32px;
	}







	.login-img{
		display: none;
	}

	.card-sec1 img{
		    height: 450px;
    object-fit: cover;
	}
	.card-cont1 h2 {
    font-size: 20px;
    line-height: 26.4px;
	}
	.card-sec2 {
    padding: 60px 15px 0px;
	}
	.card-sec2 h6 {
    font-size: 20px;
    padding: 0 0 24px;
	}
	.raja-img {
    padding: 0 15px;
	}
	.raja-img img {
    height: 180px;
	}
	.raja-img h3 {
    font-size: 20px;
    padding-top: 9px;
	}
	.raja-img1 img {
    height: 180px;
    margin-top: 20px;
	}
	.card-sec3 {
    padding: 60px 0px;
	}
	.card-sec3 h3 {
    font-size: 20px;
	}
	#slider1 img {
    padding: 0 10px;
    height: 433px;
    object-fit: contain;
	}
	.card-sec4 h3 {
    padding-bottom: 24px;
    font-size: 24px;
	}
	.spin {
    border-radius: 16px;
    padding: 32px;
    height: 400px;
	}
	.spin h6 {
    font-size: 18px;
    padding: 20px 0 8px;
	}
	.spin p {
    color: #404040;
    font-size: 15px;
	}
	.card-sec5 {
    padding: 60px 15px 100px;
	}
	.card-sec5 h3 {
    padding-bottom: 24px;
    font-size: 24px;
	}
	.get-b{
		padding: 0;
	}
	.form-sec {
    border-radius: 16px;
    padding: 24px;
	}
	.form-sec h6 {
    font-size: 20px;
    padding-bottom: 20px;
	}
	.form-sec label {
    font-size: 16px;
	}
	.form-sec button img{
		width: 100%;
	}
	.faq {
    padding: 60px 15px 46px;
	}
	.faq .meet-head {
    padding-bottom: 24px;
    font-size: 24px;
	}
	.faq .accordion .card-header a {
    margin: 0;
    font-size: 16px;
    display: flex;
    align-items: flex-start;
	}
	.faq .accordion .card-header a img {
    margin-right: 8px;
	}
	.faq .accordion .card-header span{
		display: flex;
		    justify-content: space-between;
	}
	.faq .card-header p {
    font-size: 14px;
    color: #404040;
	}













	.agent1, .agent2, .agent3, .agent5, .padd-top {
    padding-top: 60px;
	}
	.agent1 h3 {
    padding-bottom: 24px;
    line-height: 30px;
	}
	#agent1.owl-carousel .owl-nav.disabled, #blog1.owl-carousel .owl-nav.disabled {
    display: none;
	}
	#agent1 img {
    height: 274px;
    width: 375px;
	}
	#agent1.owl-carousel .owl-dots, #blog1.owl-carousel .owl-dots {
    margin-top: 16px;
	}
	.agent2 h3{
		padding: 0 50px;
	}
	.earn-comm p {
    font-size: 16px;
    padding: 0 20px 44px;
	}
	.earn-comm .nav-tabs {
     justify-content: unset; 
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 44px 0 32px 30px;
	}
	.agent2 .earn-comm .tab-pane{
		margin-top: 0;
		padding: 0 30px;
	}
	.agent2 .tab-right p{
		padding:0 20px !important;
	}
	.agent2 .earn-comm p{
		padding: 0 50px;
	}
	.agent2{
		overflow: hidden;
		padding-left:  0;
		padding-right: 0;
	}
	.agent2-container{
		padding-left:  0;
		padding-right: 0;
	}
	.earn-comm .nav-item a {
    padding: 12px;
    font-size: 14px;
        width: 90px;
    text-align: center;
    margin-right: 16px;
        border-radius: 8px !important;
	}
	.earn-comm .nav-item a img{
		width: 32px;
		height: 32px;
		margin:0 auto 8px;
	}
	.tab-right {
    padding: 24px 0px;
	}
	.tab-right h3{
    padding: 0 20px 10px;
	}
	.earn-comm .tab-pane {
    background: transparent;
    border: 0;
    border-radius: 16px;
    padding: 0;
	}
	.tab-wra{
		padding: 0;
	}
	.tab-right  p {
    font-size: 16px;
    padding: 0 20px 0;
	}
	.tab-right ul {
    padding-left: 19px;
	}
	.tab-right .explore {
    padding: 11px 36px;
    font-size: 16px;
    margin-left: 15px;
	}	
	.agent3 h5 {
    font-size: 20px;
    padding-bottom: 24px;
	}
	.agent3,.card-sec4,.about-3,.mob-bra3{
		overflow: hidden;
	}
	.agent3 .owl-carousel .owl-stage-outer,
	.card-sec4 .owl-carousel .owl-stage-outer,
	.about-3 .owl-carousel .owl-stage-outer,
	.mob-bra3 .owl-carousel .owl-stage-outer{
		overflow: visible;
	}
	.mt-xenie1 p {
    font-size: 16px;
	}
	.agent5  h3 {
    padding-bottom: 8px;
    font-size: 20px;
	}
	.agent-wrapper1 p {
    font-size: 16px;
	}
	.agent5 .spin {
    padding: 32px;
	}
	#slider22 .spin p {
    font-size: 16px;
	}
	.agent5 {
    padding-bottom: 60px;
	}
	#slider22.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 27px;
	}










	.about-left{
		position: unset;
	}
	.about-left h3{
		font-size: 24px;
    color: #555555;
    padding: 8px 34px 16px 0;
    line-height: 31px;
	}
	.about-left h3 span {
    color: #758AC4;
	}
	.about-left .explore{
		    border-radius: 8px;
    padding: 14px 25px;
    margin-bottom: 32px;
    font-size: 16px;
	}
	.about-right img{
		height: 450px;
		margin-bottom: 24px;
	}
	.about1{
		padding: 0;
	}
	.abo-row1{
		grid-row-gap: 30px;
	}
	.run-count h3 {
    font-size: 24px;
    padding-bottom: 7px;
	}
	.run-count p {
    font-size: 16px;
	}
	.run-count {
		border-radius: 8px;
		height: 	144px;
		    /*padding: 35px 26px;*/
	}
	.about2{
		padding-top: 32px;
	}
	.branchx-journey p {
    padding-bottom: 16px;
    font-size: 16px;
	}
	.branchx-journey {
    border-radius: 0px 8px 8px 0px;
    padding: 24px;
        border-width: 1px 1px 1px 4px;
	}
	.about-3 h3 {
    font-size: 24px;
	}
	.time-line{
		width: 1136px;
		margin-top: 24px;
	}
	.time-line img{
		width: unset !important;
	}
	.about-31{
		overflow-x: scroll;
	}
	.city-wrapper{
		display: unset;
	}
	.about-5.padd-bot {
    padding-bottom: 60px;
	}




























.body_content h4 {
    margin-bottom: 24px;
    color: #16122F;
    font-size: 24px;
}
	.mobile-header{
		display: block;
		padding: 0 20px;
		background: #fff;
	}
	.mobile{
		display: flex;
    justify-content: space-between;
    align-items: center;
		padding: 17px 0px;
		border: 0;
		position: relative;
    z-index: 999;
	}
	.mobile.active .menu{
		display: none;
	}
	.mobile.active .close-icon{
		/*display: block;*/
		/*transform: translateX(321px);*/
    	position: absolute;
    	right: 0;
	}
	.mobile button{
		background: transparent;
		border: 0;
		padding: 0;
	}
	.close-icon{
		display: none;
	}
	.mobile-menu{
		    opacity: 0;
    visibility: hidden;
    transform: translateY(-140px);
    transition: 0.5s all;
		    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 99;
    padding: 61px 20px 20px;
	}
	.mobile-menu.active{
		visibility: visible;
    opacity: 1;
    transform: translateY(0px);
	}
	/*.mobile-menu .accordion .card-header:after {
		font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
	}*/
	.mobile-menu .accordion .card-header.collapsed:after {
    content: "\f067"; 
	}
	.mobile-menu .card-header {
    padding: 0.75rem 0rem;
    background-color: transparent;
    border-bottom: 0;
        align-items: center;
    display: flex;
    justify-content: space-between;
	}
	.mobile-menu  .card-title{
		margin-bottom: 0;
	}
	.mobile-menu .card{
		border:0;
	}
	.mobile-menu a{
		font-size: 16px;
		color: #404040 !important;
		display: block;
	}
	.mobile-menu .card-body{
		    padding: 0;
		        padding-bottom: 10px;
	}
	.mobile-menu .card-body a{
		margin-bottom: 10px;
	}
	.sign-mob{
		    margin-top: 9px;
	}
	body.active{
		overflow: hidden;
    position: fixed;
    width: 100%;
	}
	.branch-btn button{
		    background: #1C0E59;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    height: 48px;
    width: 160px;
	}
	.branch-btn button:last-child{
		background: #000;
		margin-left: 16px;
	}
	.branch-btn{
		position:fixed;
		bottom: 30px;
		display: flex;
		justify-content: space-between;
	}
	.footer{
		display: none;
	}
	.mobile-footer{
		display: block;
	}
	.meet-head{
		    font-size: 24px;
	}
	.shares{
		    align-items: center;
    	justify-content: space-between;
    	width: 100%;
    	flex-direction: row;
    	padding: 20px 15px;
    	    margin-bottom: 40px;
	}
	.shares img{
		margin-bottom: 0;
	}
	.single-blog1{
		background: #e5e5e5;
	}
	.single-blog1 h3 {
       padding: 40px 0;
    	line-height: 150%;
	}
	.flex-blog{
		    flex-direction: column-reverse !important;
		}	
	.branch-sec-right img {
	    height: 450px;
    	object-fit: cover;
    	width: 335px;
	}
	.branch1 {
    padding: 0;
	}
	.blog1 {
   	 	    padding-top: 10px;
			padding-bottom: 30px;
	}
	.story{
	        flex-direction: column;
    		align-items: self-start;
    		padding-bottom: 4px;
	}
	.story ul{
		    width: 100%;
     justify-content: center;
     margin: 12px 0 20px; 
     flex-wrap: nowrap;
	}
	.story li{
		    width: 50%;
	}
	.story .nav-item{
		text-align: center !important;
	}
	.blog1 .nav-item:first-child .nav-link {
    	border-radius: 12px 0px 0px 12px !important;
	}
	.margin-story{
		margin-bottom: 20px;
	}
	.blog-content p {
    font-size: 16px;
	}
	.story-cont p {
        font-size: 16px;
    	line-height: 150%;
	}
	.video-img{
		display: none;
	}
	.video-2-cont{
	    flex-direction: column;
    	width: 100%;
   		align-items: self-start;	
	}
	.video-content h3 {
    	line-height: 36px;
	}
	.search-bar select{
	    position: absolute;
	    right: -20px;
	    z-index: 9;
	    width: 50px;
	    background: url(../images/circle-2.png) 54% center no-repeat !important;
}
	.search-bar .input-group input{
	    padding-left: 49px;
    	border-radius: 12px;
	}
	.search-bar button {
	        top: 5px;
    /* left: 10px; */
    right: 316px;
	}
	.Search-bar-select{
		display: none;
	}
	  .Search-bar-select1{
    	display: block;
	    border-radius: 0px 12px 12px 0px !important;
  }
  .search-bar{
  	    margin-top: 16px;
  }
.videos p {
    font-size: 16px;
    line-height: 19px;
}
.flex-blog .branch-sec-left{
	position: unset !important;
}
.date-left h5 {
    line-height: 150%;
    font-size: 24px !important;
}
.rel-blog {
    padding: 60px 15px;
}
.branch-sec-left {
    padding-top: 20px;
}
.date-left p {
    padding-bottom: 24px;
}
.food{
	margin-bottom: 33px;
height:288px;
}










.meet1-r .easy-app {
    padding: 31px 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.meet1-r .easy-app  p{
	font-size: 16px;
}
.number span:nth-child(2){
	left: 200px;
}
.number span:nth-child(3){
	left: 400px;
}
.number span:last-child{
	left: 600px;
}
.meet1-r{
    overflow: scroll;
}
.card-sec5 .meet-head,.card-sec5 .number{
	padding: 0;
}
.card-sec5{
	overflow: hidden;
}
.meet-row{
	grid-row-gap: 30px;
	    flex-wrap: nowrap;
    padding: 24px 0 24px 15px;
}
.easy-app img{
	height: 41px;
}
.easy-app p {
    font-size: 11px;
}
.meet-row .easy-app p .d-block{
	display: inline !important;
}
.easy-app{
	padding: 10px 8px;
	height: 130px;
}
.card-slider-mobile .owl-dots{
	    text-align: right;
    right: 10px;
    top: -10px;
}
.card-slider-mobile #slider1 img {
    object-fit: cover;
    padding: 0;
}
.agent3 .easy-app {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.border-slider .owl-dots .owl-dot span {
    border: 1px solid #555555 !important;
}
.border-slider .owl-dots .owl-dot.active span {
	border:0 !important;
}
.about-branch {
	padding-right: 0;
	padding-left: 0;
}
.about-branch .about-left{
	padding-left: 20px;
	padding-right: 20px;
}
.about-4 .city{
	margin-right: 0;
}
.timeline1{
	    padding: 0 20px;
}
.embed-responsive,.video-modal .modal-content {
    border-radius: 16px;
}
.video-modal .modal-content{
   padding: 0;
   border: 0;
}
.video-modal .modal-dialog{
	margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.video-modal .close {
    right: 18px;
    top: 18px;
}
.mobile a img{
	width: 110px;
}
.about-body{
	background: #f7f7f7;
}
.about-body .explore{
	    margin: 0 !important;
}
.featured{
	top: 16px;
	right:16px;
}
.blog-form {
    margin-bottom:60px;
}
.branchx-journey .d-block {
    display: inline !important;
}









}