@import "fonts.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;transition: all linear 0.3s;}

.clear{clear: both; margin:0; padding: 0; line-height: 0}
select::-ms-expand {display: none;}

input[type=text]::-ms-clear { display: none; }

img {border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
a{outline:none; text-decoration:none;}
textarea,
select,
input[type="search"],
input[type="text"],
input[type="button"],
input[type="submit"]{-webkit-appearance:none;}
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
ul,li{ list-style:none;}

::-webkit-input-placeholder {color:rgba(45,63,79,0.50);  /* Chrome/Opera/Safari */}
::-moz-placeholder { color:rgba(45,63,79,0.50); /* Firefox 19+ */}
:-ms-input-placeholder {color:rgba(45,63,79,0.50); /* IE 10+ */}
:-moz-placeholder {color:rgba(45,63,79,0.50); /* Firefox 18- */}



.Cl\(b\){clear: both;}

/*text align css*/
.Ta\(start\){text-align: left}
.Ta\(end\){text-align: right}
.Ta\(c\){text-align: center}
.Ta\(j\){text-align: justify;}

/*padding css*/
.Py\(15\) {padding-top:15px; padding-bottom:15px;}
.Py\(30\) {padding-top:30px; padding-bottom:30px;}
.Py\(80\) {padding-top:80px; padding-bottom:80px;}
.Pb\(80\) {padding-bottom:80px;}

.Px\(13\) {padding-left:13px; padding-right:13px;}
.Px\(40\) {padding-left:40px; padding-right:40px;}

.Pt\(50\) {padding-top:50px;}
.Pstart\(0\) {padding-left:0px;}
.Pend\(0\) {padding-right:0px;}


/*margin css*/

.Mb\(10\) {margin-bottom:10px;}
.Mb\(20\) {margin-bottom:20px;}
.Mb\(30\) {margin-bottom:30px;}
.Mb\(50\) {margin-bottom:50px;}
.Mb\(60\) {margin-bottom:60px;}
.Mt\(80\) {margin-top:80px;}
.Mx\(auto\) {margin-left:auto; margin-right: auto;}
.My\(20\){margin-top:20px; margin-bottom:20px;}


/*font-color, font-size and font-family css*/
.C\(\#ffffff\) {color: #ffffff;}
.C\(\#2d3f4f\) {color: #2d3f4f;}
.C\(\#ec5255\) {color: #ec5255;}
.C\(\#7d8c99\) {color: #7d8c99;}


.Bgc\(\#ffffff\) {background-color: #ffffff;}
.Bgc\(\#e6e9ec\) {background-color: #e6e9ec;}
.Bgc\(\#334859\) {background-color: #334859;}
.Bgc\(\#2d3f4f\) {background-color: #2d3f4f;}



.Fz\(13\){font-size: 13px;}
.Fz\(15\){font-size: 15px;}
.Fz\(16\){font-size: 16px;}
.Fz\(18\){font-size: 18px;}
.Fz\(22\){font-size: 22px;}
.Fz\(32\){font-size: 32px;}
.Fz\(48\){font-size: 48px;}
.Fz\(52\){font-size: 52px;}



.Ff\(regular\){font-family:'ralewayregular';}
.Ff\(medium\){font-family:'ralewaymedium';}
.Ff\(semibold\){font-family:'ralewaysemibold';}
.Ff\(bold\){font-family:'ralewaybold';}

.Tt\(n\){text-transform: none}
.Tt\(c\){text-transform: capitalize}
.Tt\(u\){text-transform: uppercase}
.Tt\(l\){text-transform: lowercase}

/*line height css*/
.Lh\(n\){line-height: normal}
.Lh\(32\){line-height: 32px}
.Lh\(36\){line-height: 36px}

/*display css*/
.D\(ib\){display: inline-block}
.D\(b\){display: block}
.D\(n\){display: none}

/*width and height css*/

.H\(100\%\) {height: 100%;}
.W\(100\%\) {width: 100%;}
.W\(50\%\) {width: 50%;}
.W\(33\%\) {width: 32.9%;}

.H\(56\){height: 56px;}

/*vertical align css */
.Va\(b\){vertical-align: bottom}
.Va\(bl\){vertical-align: baseline}
.Va\(m\){vertical-align: middle}
.Va\(sub\){vertical-align: sub}
.Va\(sup\){vertical-align: super}
.Va\(t\){vertical-align: top}
.Va\(tb\){vertical-align: text-bottom}
.Va\(tt\){vertical-align: text-top}

.Rsz\(v\){resize: vertical}

/*position css*/


.Pos\(a\){position: absolute;}
.Pos\(f\){position: fixed;}
.Pos\(r\){position: relative;}
.Pos\(s\){position: static;}

.Start\(50\%\) {left: 50%;}
.Top\(50\%\) {top: 50%;}
.Start\(0\) {left: 0;}
.Top\(0\) {top: 0;}
.End\(0\) {right: 0;}

.Translate\(50\%\,50\%\){transform: translate(-50%, -50%)}



.Bgz\(cv\){background-size: cover}
.Bgr\(nr\){background-repeat: no-repeat}
.Bdrs\(50\%\){border-radius: 50%;}


.Bd\(0\){border: 0}
.Cur\(p\){cursor: pointer}

.mob{ display:none;}
.mob_show{ display:none;}

body{margin: 0; padding: 0; line-height: 22px; color: #000; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'ralewayregular'; overflow-x: hidden; width: 100%;}
.wrapper{max-width:1000px; margin:0 auto; z-index: 10;}

h1, h2{color: #2d3f4f; line-height:70px;}

.lightgray-overlay{background: #f2f3f5; width: 89%; height: 100%; }
.circle-blue{background: #62b3e6;}
.circle-red{background: #ee5d60;}
.circle-darkblue{background: #334859;}
.circle-gray{background: #7d8c99;}
section{width:100%; background-position: center bottom;}


.home-header{box-shadow: 0 0 0px rgba(0,0,0,0.2)}
header{z-index: 99; box-shadow: 0 0 4px rgba(0,0,0,0.2)}
header .logo{max-width:250px;}
header .logo a, header .logo img{line-height: 12px; display: block;}
header nav{ float:right; width:auto; margin-top:18px; font-size: 14px;}
header.fixed{ position: fixed; top:0; box-shadow: 0 0 4px rgba(0,0,0,0.4); background: #ffffff; padding: 12px 0 10px 0;}
header nav li{padding: 0 6px;}
header nav li a{color: #ffffff;}
header nav li a:hover, header nav li a.active{color: #ec5255;}
.sidebarIcon, li.closebtn{display: none;}


/*====================================== Section1 css start here ======================================*/

    .section1{padding-top: 110px; padding-bottom: 165px; margin-bottom: 150px;}
    .section1 .lightgray-overlay{border-radius: 0 0 200px 0;max-height: 816px;}
    .section1 .circle-blue{width: 250px; height: 250px; left: -62px; top: -94px;}
    .section1 .circle-darkblue{width: 443px; height: 443px; right: -144px; bottom:117px;}
    .section1 .banner-img{top: 145px; left:55%;}
    .section1 .circle-red{width: 141px; height: 141px; left:16%; bottom:-24px;}
    .section1 .banner-section{padding-top: 127px;}
    .section1 .banner-section .left-box{width:60%;}
    .section1 .banner-section .left-box li{padding-left: 57px;}
    .section1 .banner-section .left-box li:before{content: ''; background: url(../images/sprit-icon.png) -92px -54px no-repeat; position: absolute; left: 0; top:3px; width: 34px; height: 26px;}
    .store-icon-box a{display: block; line-height: normal;}
    .store-icon-box small{font-style: italic;}

/*====================================== Section1 css End here ======================================*/

/*====================================== Section2 css start here ======================================*/

    .section2 .circle-blue{width: 250px; height: 250px; right: -100px; top: 12%;}
    .section2 .circle-darkblue{width: 155px; height: 155px; left: -34px; bottom:76px}
    .section2 .wrapper{max-width: 1126px;}
    .image-slider-bg{transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 1;}
    .image-slider .slick-slide .img-bg{background: #000; width: 307px; line-height: 10px;}
    .image-slider .slick-slide img{opacity: 0.90}
    .image-slider .slick-slide.slick-current img{opacity: 1}
    .image-slider .slick-slide{padding: 22px 0 0 0;}

    .section2 .circle-gray{width: 367px; height: 367px; right: -290px; top: 34%;}
    .novel-features-box .wrapper{max-width: 1250px;}
    .novel-features-box span{position: relative;}
    .novel-features-box span:before{position: absolute; content: ''; left: 0; top: 4px; background: url(../images/sprit-icon.png) -55px -33px no-repeat; width: 22px; height: 16px; background-size: 300px auto;}
    .novel-features-box li{width: 33%; }
    .novel-features-box li p:before{background-color:#ec5356; background-image: url(../images/sprit-icon.png); background-repeat:  no-repeat; content: ''; position: absolute; top:0; left: 0; width: 60px; height: 60px; border-radius: 4px;}

    .novel-features-box li p{position: relative; padding-left: 90px; float: left;}
    .novel-features-box li p:hover{color: #2d3f4f;}
    .novel-features-box li{padding-left: 8px;}
    .novel-features-box li.left-box{padding-right: 8px; padding-left: 0}
    .novel-features-box li.left-box p{position: relative; padding-right: 90px; padding-left: 0}

    .novel-features-box li p.icon1:before{background-position: 11px 10px; right: 0; left: auto;}
    .novel-features-box li p.icon2:before{background-position: -38px 12px; right: 0; left: auto;}
    .novel-features-box li p.icon3:before{background-position: -88px 11px; right: 0; left: auto;}
    .novel-features-box li p.icon4:before{background-position: -147px 11px; right: 0; left: auto;}
    .novel-features-box li p.icon5:before{background-position: -202px 7px; right: 0;}
    .novel-features-box li p.icon6:before{background-position: -258px 9px; right: 0;}
    .novel-features-box li p.icon7:before{background-position: -308px 12px; right: 0;}

/*====================================== Section2 css End here ======================================*/


/*====================================== Section3 css start here ======================================*/
    
    .section3 .lightgray-overlay{width: 100%; border-radius:0 0 0 200px}
    .section3 .circle-blue{width: 250px; height: 250px; left: -36px; top: -110px;}
    .section3 .circle-red{width: 155px; height: 155px; right:356px;}
    .section3 .wrapper{max-width: 1600px;}
    .rating-image{background-image: url(../images/sprit-icon.png); background-position:-373px -5px; width: 104px; height: 15px;}
    .connecting-users-slider p{}
    .connecting-users-slider .slick-slide{background: #ffffff; padding: 28px; border-radius:6px; box-shadow: 0 0 10px rgba(0,0,0,0.12); margin:8px 32px;}
    .connecting-users-slider .slick-slide:nth-child(odd){margin-top: 60px;}
    .user-box img{max-width: 60px; height: 60px;}

/*====================================== Section3 css End here ======================================*/


/*====================================== Section4 css start here ======================================*/
    
    .section4 .circle-blue{width: 155px; height: 155px; left: -35px; bottom: 70px;}
    .section4 .circle-red{width: 250px; height: 250px; right: -50px; top: -58px;}
    .accordian-content-box{width: 49%; display: inline-block; vertical-align: top; padding:0 15px;}
    .accordion_head {padding: 20px; border-bottom: 1px solid #bfbfbf; border-radius: 4px; margin-top:20px; cursor:default; float: left; width: 100%; position: relative;}
    .accordion_head:after{content: ""; position: absolute; right: 20px; top: 29px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(0,0,0,0.20); border-bottom: 0px solid transparent;}
    .accordion_head.active:after{border-bottom: 7px solid rgba(0,0,0,0.40); border-top: 0px;}
    .accordion_body{padding:20px 20px 0 20px; z-index: 1; position: relative; border-radius: 4px;float: left; width: 100%;}
    .accordian-content-box li{position: relative; padding-left: 16px;}
    .accordian-content-box li:before{width:8px; height: 8px; border-radius: 50%; background:#7d8c99; content: ''; position:absolute; left: 0; top:11px;}



/*====================================== Section4 css End here ======================================*/


/*====================================== Section5 css start here ======================================*/

    .section5 .circle-gray{width: 224px; height: 224px; left: -65px; bottom: 137px; z-index: 1}
    .section5 .circle-red{width: 250px; height: 250px; right: -100px; top: 200px; z-index: 1}
    .section5 .lightgray-overlay{width: 100%;}


/*====================================== Section5 css End here ======================================*/


/*====================================== Section6 css start here ======================================*/

    .section6{border-radius: 0 0 200px 0}
    .section6 .circle-red{width: 250px; height: 250px; left: -50px; bottom: 240px;}

    .form-section{max-width: 750px;}
    .form-group.name-box .input-box{width: 49%; vertical-align: top; float: left; margin-right: 2%;}
    .form-group.name-box .input-box:nth-child(2){float: right; margin-right: 0}
    .form-group input{padding: 20px; border-radius: 8px; width: 100%;}
    textarea{height:165px; padding: 20px; border-radius: 8px;}
    .custom-select {position: relative;}
    .custom-select select {display: block; border:0px ; padding: 20px; margin: 0; outline:none; background: #ffffff; -webkit-appearance:none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select select {padding-right:30px;}
    }
    .custom-select:after {content: ""; position: absolute; top:24px; right:24px; pointer-events:none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #334859; border-bottom: 0px solid transparent;;}
    .form-group input[type=button], .form-group button{background: #ee5d60 url(../images/send-icon.png) 73% center no-repeat; border: 0; min-width: 290px; width: auto; border-radius: 30px;}
    .form-group input[type=button]:hover, .form-group button:hover{background-color: #d24043; }

    #element_to_pop_up {border-radius:15px; display:none; padding:20px; min-width:400px; min-height: 180px;}
    .b-close{right: -10px;top: -17px;background: #ee5d60;width: 34px;height: 34px;}
	#contact_form_div{right: 30px; top: 15px;}
	#contact_form_div img{height:32px;}



/*====================================== Section6 css End here ======================================*/

/*====================================== Section7 css start here ======================================*/

    .using-app-box{max-width: 580px; padding-top: 100px;}
    .section7 .banner-img{z-index: 1; position: sticky;}
    .section7 .circle-blue{right: -30px; width: 155px; height: 155px;}
    .section7 .circle-red{left: -92px; width: 250px; height: 250px; bottom:61px}
    .section7 .right-image-box{left:60%; bottom: 0}

/*====================================== Section7 css End here ======================================*/


    .advertise .circle-blue{width: 155px; height: 155px; bottom:30px; left:-36px; }
    .advertise .add-img-box{border: 1px solid #ececec; border-radius: 10px; overflow: hidden; margin: 0 8px;}

/*====================================== advertise css End here ======================================*/


    .investor .circle-red{width: 250px; height: 250px; top:10px; right:-85px; }

/*====================================== investor css End here ======================================*/


    .jobs .lightgray-overlay{width: 100%;}
    .jobs .circle-blue{width: 155px; height: 155px; left: -36px; bottom: 40px; z-index: 1}
    .crnt-opening-list{margin: 0 50px;}
    .crnt-opening-list li{position: relative;padding-left: 14px;}
    .crnt-opening-list li:before{content: ""; position: absolute; width: 6px; height:6px; background:#ee5d60; left:0px; top:6px; border-radius: 50%;}

/*====================================== jobs css End here ======================================*/
    
    .content-page-detail ul{padding-left: 20px;}
    .content-page-detail li{line-height: 25px; margin-bottom: 14px;}
    .content-page-detail a{color: #000; text-decoration: underline;}
    .content-page-detail .list-number li{list-style: decimal;}
    .content-page-detail .list-roman li{list-style: lower-roman;}
    .content-page-detail .list-disc li{list-style: disc;}
    .content-page-detail li{list-style: lower-alpha;}

    .table-cell strong{margin-right: 10px;}
    .content-page-detail strong{font-weight: bold;}




/*====================================== content-page css End here ======================================*/


    /*inner content page css*/

    .inner-banner{font-size: 48px; padding: 70px 0;}
    .inner-banner h1{text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
    .breadcrumb{padding: 30px 0;}
    .breadcrumb li{padding:0 30px 0 0;}
    .breadcrumb li:after{content: '/'; position: absolute; transform:translateY(-50%); top: 50%; right: 6px; font-size: 18px; color: #7d8c99;}
    .breadcrumb li:last-child:after{content: none;}

/*====================================== Footer css Start here ======================================*/
    footer .wrapper{border-top: 1px solid #dbe2e9; }
    footer li{width: 23%; float: left; padding-right: 20px;}
    footer li:first-child{width: 31%;}
    footer li:last-child{padding-right: 0;}
    footer li span{display: block; margin-bottom:10px; color: #7d8c99}
    footer li span a{color: #7d8c99}
    .social-connect span a{position: relative; padding-left: 30px;}
    .social-connect span a:before{background-image: url(../images/sprit-icon.png); background-repeat: no-repeat; content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 17px;}
    .social-connect .facebook:before{background-position: -2px -54px ;}
    .social-connect .twitter:before{background-position: -2px -88px ;}
    .social-connect .instagram:before{background-position: -2px -126px ;}
    .social-connect .linkedin:before{background-position: -2px -161px ;}

    .social-connect .facebook:hover:before{background-position: -29px -54px ;}
    .social-connect .twitter:hover:before{background-position: -29px -88px ;}
    .social-connect .instagram:hover:before{background-position: -29px -126px ;}
    .social-connect .linkedin:hover:before{background-position: -29px -161px ;}

/*====================================== Footer css End here ======================================*/

/*====================================== Slider Arrow and dots css Start here ======================================*/

    .slick-arrow{position: absolute; top: 50%; transform:translateY(-50%); width: 23px; height: 42px; background: url(../images/sprit-icon.png) no-repeat; font-size: 0; border: 0; cursor: pointer; background-color: transparent; padding: 0px; z-index: 2;}
    .slick-prev{left: -115px; background-position: -142px -55px}
    .slick-next{right:-115px; background-position: -172px -55px}

    .slick-dots{position: absolute; line-height: normal; display: block; width: 100%; padding: 0; margin:60px 0 0 0; list-style: none; text-align: center;}
    .slick-dots li{position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 4px; padding: 0; line-height: normal;}
    .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; border-radius: 50%; background:rgba(45,63,79,0.23); cursor: pointer; color: transparent; border: 0; outline: none; padding: 0px; }
    .slick-dots li.slick-active button{background: #62b3e6;}
    .slick-dots li button:hover,
    .slick-dots li button:focus{outline: none;}
/*====================================== Slider Arrow and dots css End here ======================================*/

@media screen and (max-width:1380px) {

    .slick-prev{left: -10px;}
    .slick-next{right:-10px;}

}

@media screen and (max-width:1100px) {
    .connecting-users-slider .slick-slide{margin-left:10px; margin-right: 10px;}
    .image-slider .slick-next{right: 0px;}
    .image-slider .slick-prev{left: 0px}
}

@media screen and (max-width:1023px) {
.Fz-sm\(30\){font-size: 30px;}
.Py-sm\(60\){padding-top: 60px; padding-bottom: 60px;}
h1, h2 {line-height: 40px !important;}
.wrapper{padding-left:15px; padding-right:15px; width: 100%}

.section1{margin-bottom: 0px;}
.section1 .banner-section {padding-top: 60px;}
header nav li.Px\(13\){ padding:0 5px;}
header nav li a{ font-size:13px;}
.section1 .banner-section .left-box li{ font-size:20px;}

.novel-features-box li.left-box{ float:left; width:100%;margin-bottom: 0;}
.novel-features-box li{ width:100% !important; padding: 0 !important; font-size:14px; line-height:26px; text-align:left;}
.novel-features-box li p, .novel-features-box li.left-box p{padding-left: 60px; padding-right: 0; min-height: 44px;}
.novel-features-box li p:before{ left:0 !important; right:inherit !important; background-size: 350px auto; width: 40px; height: 40px; top: 4px;}
.novel-features-box li p.icon1:before {background-position: 7px 6px;}
.novel-features-box li p.icon2:before {background-position: -27px 8px;}
.novel-features-box li p.icon3:before {background-position: -64px 7px;}
.novel-features-box li p.icon4:before {background-position: -104px 7px;}
.novel-features-box li p.icon5:before {background-position: -142px 4px;}
.novel-features-box li p.icon6:before {background-position: -181px 5px;}
.novel-features-box li p.icon7:before {background-position: -217px 9px;}

.mob.img{ display:inline-block; width:60%; margin:20px 0;}
.novel-features-box li.desk{ display:none !important;}
.crnt-opening-list {margin: 0 35px;}


}


@media screen and (max-width: 800px) {
    header .wrapper{text-align: center;}
    .logo img{max-width: 180px;}
    .sidebarIcon{display: block; font-size: 30px; font-weight: bold; cursor: pointer; position: absolute; left: 16px; top:20px; line-height: 24px;}
    li.closebtn{display: block;}
    header.fixed .sidebarIcon{top: 17px;}
    header .navigation {height: 100%; width: 0; position: fixed; z-index: 99; top: 0; left: 0; background-color: #0b141f; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
    header .navigation a {text-decoration: none; transition: 0.3s; }
    header .navigation .closebtn{position:absolute; top:25px; left:16px; background:url(../images/close-icon.png) no-repeat; width:17px;height:17px;}
    header.fixed nav li a {color: #ffffff;}
    header nav li{display: block !important; text-align: left;}
    .download{display: none;}
    header nav{margin: 0px;}
    header .navigation a{color: #ffffff;}
    header .navigation li{margin-bottom: 10px;}
    header .navigation li a{ float:left; width:100%; padding:14px 20px; text-transform:uppercase;}
    .accordian-content-box{width: 100%; padding:0}
}


@media (min-width: 767px) and (max-width: 1023px){
    .novel-features-box span {width: 49%;}
    .novel-features-box span br{display: none;}
    .novel-features-box .mob.img{margin-top: 50px ;}
    .mob.img{width: auto;}

}

@media screen and (max-width: 767px){
    .Ta-sm\(c\){text-align: center}
    .Ta-sm\(start\){text-align: left}
    .D-sm\(b\){display: block;}

    .Py-sm\(15\){padding-top: 15px; padding-bottom: 15px;}
    .Fz-sm\(24\){font-size: 24px;}
    .Fz-sm\(16\){font-size: 16px;}
    .Lh-sm\(30\){line-height: 30px;}
    

    .Px-sm\(6\) {padding-left: 6px; padding-right: 6px;}
    .Px-sm\(40\){padding-left: 40px; padding-right: 40px;}
    .Pt-sm\(0\){padding-top: 0px; }
    .Pb-sm\(0\){padding-bottom: 0px;}
    .Py-sm\(40\){padding-top: 40px; padding-bottom: 40px;}
    
    .Py-sm\(30\){padding-top: 30px !important; padding-bottom: 30px;}
    .Mb-sm\(10\){margin-bottom: 10px;}
    .Mb-sm\(20\){margin-bottom: 20px;}
    .Mb-sm\(50\){margin-bottom: 50px;}
    .Mt-sm\(40\){margin-top: 40px;}
    .Mt-sm\(0\){margin-top: 0px;}
    .H-sm\(a\){height: auto;}
    br, .circle-blue, .circle-gray, .circle-red, .circle-darkblue{display: none;}
    
    h1, h2{line-height: 36px;}
    header .navigation a{color: #ffffff;}
    header .navigation li{margin-bottom: 10px;}
    .inner-banner{font-size: 30px; padding: 40px 0;}

    .section1 .circle-blue {width: 100px; height: 100px; left: -50px; top: -50px;}
    .section1 .circle-darkblue {width: 200px; height: 200px; right: -100px; bottom: 100px; }
    .section1 .lightgray-overlay{width: 94%; max-height: none;border-radius: 0 0 100px 0;}
    .section1 .banner-section .left-box li {padding-left: 40px;}
    .section1 .banner-img {top: auto; left: 26%; bottom: 0; z-index: 1}
    
    
    .logo img{max-width: 180px;}
    .sidebarIcon{display: block; font-size: 30px; font-weight: bold; cursor: pointer; position: absolute; left: 16px; top:20px; line-height: 24px;}
    li.closebtn{display: block;}
    header.fixed .sidebarIcon{top: 17px;}


    header .navigation {height: 100%; width: 0; position: fixed; z-index: 99; top: 0; left: 0; background-color: #0b141f; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
    header .navigation a {text-decoration: none; transition: 0.3s; }
    header .navigation .closebtn{position:absolute; top:25px; left:16px; background:url(../images/close-icon.png) no-repeat; width:17px;height:17px;}
    header.fixed nav li a {color: #ffffff;}
    header.fixed nav li a:hover, header.fixed nav li a.active {color:#ec5255;}
    .download{display: none;}
    header nav{margin: 0px;}

    .section1{padding-top: 70px; margin-bottom: 0}

    .image-slider .slick-slide img, .image-slider .slick-slide .img-bg{max-width:290px; }
    .connecting-users-slider .slick-slide{padding-left: 20px; padding-right: 20px}
    .section3 .lightgray-overlay{border-radius: 0 0 0 100px;}
    .connecting-users-slider{font-size: 15px;}
    .connecting-users-slider .slick-slide:nth-child(odd){margin-top: 0}
    .section6{border-radius: 0 0 100px 0;}
    .using-app-box{padding-top: 0}

    .footer_nav{float: none;}
    .testimonial-slider .slick-list {padding-bottom: 30px;}
    .section2 p br, .features-slider-content p br, .fitness-work-slider p br{display: none;}
    .section3 li .icons{width: 230px; height: 230px;}
    .section3 li .icons img{border-radius:30%;}
    .section3 li span {width: 60px; height: 60px; left: -14px; line-height: 60px;}
    .fitness-work-slider .slick-dots{bottom: -20px;}
    .footer_nav{float: none;}
    footer li:first-child, footer li:last-child{width: 100%; padding-right: 0}
    footer li{width: 49%;}
    footer .Mb\(30\), footer .Mb\(20\){margin-bottom:10px;}
    footer li:last-child span{width: 49%; display: inline-block;}

    .breadcrumb {padding-top:15px;}

    header{ background:#fff;}
    .section1 .banner-section{ background:#f2f3f5;}
    .section1 .banner-img{ z-index:99;}
    .section1 .lightgray-overlay{border-radius:0; width:100%;}
    .section1 .banner-img{ position:static; margin-top:50px; max-width: 558px; margin-left: -62px;} 
    .section1 .banner-section .left-box{ width:100%;}
    .slick-next{ right:0;}
    .slick-prev{ left:0;}
    
    .section1 .banner-section .left-box li{ padding-left:60px;}
    
    .section1 .store-icon-box{ margin-left:60px;}
    .store-icon-box img{ width:140px;}
    .section1{ padding-bottom:0;}
    
    header .navigation li a{ float:left; width:100%; padding:14px 20px; text-transform:uppercase;}
    .mob.img{width: auto;max-width: 320px;}
    .user-box br{display: block;}
    .user-box img{margin-right: 15px;}
    .user-box {line-height: normal;}
    .user-box strong{margin-bottom:6px; display: inline-block;}
    .crnt-opening-list {margin: 0 0 20px 0; float: left; width: 50%; padding: 0 10px 0 0;}
	
	.connecting-users-slider p{ font-size:14px; line-height:25px;}

}


@media screen and (max-width:479px) {
                    
    header .logo img{ width:130px; vertical-align: middle;}
    .image-slider .slick-slide {padding: 16px 0 0 0;}
    .image-slider-bg{max-width:288px;}
    .image-slider .slick-slide img, .image-slider .slick-slide .img-bg{ max-width:241px;}
    .image-slider .slick-next{right: -15px;}
    .image-slider .slick-prev{left: -15px}
    .section3 .lightgray-overlay{ border-radius:0;}

    .ccordion_head{ padding-right:40px;}
    
    .mob_slider .slick-dots{ margin:10px 0;}
    .section6{border-radius:0;}
    .mob_hide{ display:none;}
    .mob_show{ display:block; margin-top:30px;}
    .form-group input[type=button], .form-group button{width: 100%;}
    
    
}

.error{color:red;}