@font-face {
    font-family: 'assistantregular';
    src: url('../fonts/assistant-regular-webfont.eot');
    src: url('../fonts/assistant-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/assistant-regular-webfont.woff') format('woff'),
         url('../fonts/assistant-regular-webfont.ttf') format('truetype'),
         url('../fonts/assistant-regular-webfont.svg#assistantregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'assistantsemibold';
    src: url('../fonts/assistant-semibold-webfont.eot');
    src: url('../fonts/assistant-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/assistant-semibold-webfont.woff') format('woff'),
         url('../fonts/assistant-semibold-webfont.ttf') format('truetype'),
         url('../fonts/assistant-semibold-webfont.svg#assistantsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'assistantbold';
    src: url('../fonts/assistant-bold-webfont.eot');
    src: url('../fonts/assistant-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/assistant-bold-webfont.woff2') format('woff2'),
         url('../fonts/assistant-bold-webfont.woff') format('woff'),
         url('../fonts/assistant-bold-webfont.svg#assistantbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@media (max-width: 768px) {
           
            .login_sec .image-wrapper {
                border-radius: 40px;
                height: 400px;
            }

			.login_sec .image-wrapper .image-message {
				padding: 30px 10px 30px 10px !important;
			}
			.login_sec .image-wrapper .image-message .image-text h2 {
				margin-top: 18px;
				font-size: 23px !important;
				line-height: 30px;
			}
			.login_sec .image-wrapper .image-message .image-text h3 {
				font-size: 21px !important;
				font-weight: 600;
				line-height: 30px;
			}
			.login_sec .form-wrapper .form-container {
				padding: 20px 10px !important;
			}
			.login_sec .form-wrapper .form-container .form-messages h2 {
				margin-bottom: 0px !important;
				margin-top: 5px;
				font-size: 28px !important;
				font-weight: 600;
				text-align: center;
			}
			.login_sec .form-wrapper .form-container .form-messages {
				text-align: left;
				line-height: 20px;
				margin-bottom: 15px !important;
			}
			.navbar-toggler {
				color: #3b3b3b !important;
				top:-42px !important;
			}



        }



body{font-family: 'assistantregular', sans-serif; font-family: 'assistantregular'; color:#313131; font-size:15px; background-color:#e9e9e9;}
.btn{border-width:2px; border-radius:20px; padding: 4px 20px;}
.btn i{margin-left:11px;}
.btn:hover,
.btn:focus{background:#c63947;}
.border-white:focus,
.border-white:hover{border-color:#c63947 !important;}
.header{width:100%; clear:both; background:#fff;}
.top-header{padding:13px 0;}
.logo{display:inline-block;}
.logo img{max-width:100%;}
.top-link{padding:6px 0 0; display:block; margin:0; text-align:right;}
.top-link li{display:inline-block; margin:0 7px; position: relative;}
.top-link li.desk-views{padding-right: 10px;}
.top-link li a{color:#313131; text-transform:uppercase; display:inline-block; padding:5px 10px; transition:all 0.4s ease-in-out; cursor:pointer;}
.top-link li a.request-demo{border:2px solid #313131; border-radius:25px; background:#fff;}
.top-link li a:hover{text-decoration:none; color:#c63947; transition:all 0.4s ease-in-out;}
.top-link li a.request-demo:hover{background:#c63947; border-color:#c63947; color: #fff;}
.top-link li .dropdown-menu-right{margin-top: 23px !important; border-radius: 0 0 8px 7px; box-shadow: 4px 4px 10px rgba(0,0,0,0.5); right: 0; min-width: 350px; padding: 40px 40px;}
.top-link li .dropdown-menu-right li{padding: 0; margin: 0;}
.top-link li .dropdown-menu-right li .form-control{border-radius: 60px;min-height: 34px;padding: 0 15px;}
.top-link li .dropdown-menu-right li .form-group a{margin: 10px 0 0; padding: 0; float: right; color: #313131;}
.top-link li .dropdown-menu-right li .form-group a:hover{color: #c63947; text-decoration: underline;}
.top-link li .dropdown-menu-right li{display: block;}
.top-link li .dropdown-menu-right:before,
.top-link li .dropdown-menu-right:after{position: absolute; right: 15px; top: -6px; height: 10px; width: 10px; background: rgba(0,0,0,.15); content: '';-ms-transform: rotate(46deg); /* IE 9 */-webkit-transform: rotate(46deg); /* Safari 3-8 */transform: rotate(46deg);}
.top-link li .dropdown-menu-right:after{background: #fff; top: -5px;}
.top-link .desk-views > a{border-bottom: solid 1px transparent;}
.top-link .desk-views.show a{color: #c63947; border-color: #c63947;}
.top-header .modal label{width:100%;}
.top-header .modal input[type="text"],
.top-header .modal input[type="email"],
.top-header .modal input[type="password"],
.top-header .modal input[type="number"],
.top-header .modal input[type="tel"]{width: 100%; height:36px; border:1px solid #ccc; background:#fff; padding-left:10px; padding-right:10px; margin-bottom:15px; border-radius:3px;}
.top-header .modal {top: 100px;}
.top-header .modal .modal-content{border:7px solid #c63947; background:#f2f2f2; border-radius:10px;}
.top-header .modal .modal-header{background:#fff; padding:6px 15px;}
.top-header .modal input:focus{outline-width: medium; outline-color: #D42224}
.top-header .modal .btn{margin-right: 20px;}
.navbar .row{width:-webkit-fill-available;}
.navbar{padding: 0;}
.navbar a.nav-link{font-size: 14px; color: #fff !important; font-family: 'assistantsemibold'; transition:all 0.4s ease-in-out; padding: 7px 22px !important;}
.navbar a.nav-link:hover,
.navbar a.nav-link.active{background:#c63947; transition:all 0.4s ease-in-out;}
.body-header{width:100%; height: 426px; background: url(../images/body-hdr-bg.jpg) no-repeat; background-size: 100%; position:relative;}
.mobile-screen-bg{width:100%; height:473px; /*background: url(../images/banner-text.png) no-repeat 0 center; background-size:760px;*/}
.headerBanner{padding-top: 35px;}
.body-header.inner{background:#c63947; height: auto; padding-bottom:100px;}
.body-header.inner.contact-us{background:#c63947 url(../images/contact-us.jpg) no-repeat right top;}
.body-header.inner.about-us{background:#d24553 url(../images/about-us.jpg) no-repeat right top;}
.body-header.inner.partner{background:#c63947 url(../images/partner.jpg) no-repeat right top;}
.body-header.inner.products{background:#c63947 url(../images/products.jpg) no-repeat right top;}
.body-header.inner.features{background:#c63947 url(../images/features.jpg) no-repeat right top;}
.body-header.inner.ess{background:#c63947 url(../images/ess-bg.jpg) no-repeat right top;}
.bottom-bg{position: absolute; width: 100%; left: 0; bottom: 0;}
.bottom-bg img{width: 100%;}
.header-title{padding:140px 0 0 30px; color: #fff;}
.inner .header-title{padding:80px 0 15px 30px;}
.body-header h1{font-size: 36px; font-family: 'assistantregular';}
.body-header h1 strong{font-family: 'assistantsemibold';}
.header-title p{font-family: 'assistantsemibold'; font-size:20px;}
.header-title p em{border-bottom: 1px solid #fff;}
.free-trail{width:203px; /*margin: 0 auto;*/ float: right;color: #fff; position: relative; padding:40px 11px 30px; background: #323232;}
.free-trail p{font-family: 'assistantregular'; font-size: 21px; border-top:2px solid #f13548; border-bottom:2px solid #f13548;}
.free-trail h2{font-size: 38px; font-family: 'assistantbold'; line-height: 30px; margin-bottom: 20px;}
.free-trail h2 small{font-family: 'assistantregular';}
.free-trail:after{background:url(../images/free-trail-bottom-bg.png) no-repeat; width:203px; height: 24px; position: absolute; content: ""; bottom: -24px; left: 0;}
.free-trail .btn{border-radius: 12px; font-size:22px; padding:0 15px;}
.services{width:100%; padding: 40px 0 160px; position: relative;}
.about-info{padding-top: 0; padding-bottom: 60px;}
.service-circle{width: 421px; height: 421px; border:4px solid #f1f1f1; border-radius: 50%; background: #ffffff; box-shadow: 2px 11px 52px #dcdcdc inset; position: relative;}
.circle-center{width: 79px;  height: 79px; background: url(../images/circle-centre-icon.png) no-repeat; position: absolute; top: 0; right:0; bottom:0; left:0; margin:auto; border-radius: 50%; border: 2px solid #fff; z-index: 1; }
.service-circle .icon{display: block; margin-bottom: 4px;}
.service-circle p{line-height: 18px; font-size: 16px;}
.extra-large{font-size:72px; display: block;}
.service-circle .sector01{width: 211px; height: 243px; background: url(../images/circle-arc01.png) no-repeat; position: absolute; top:-29px; right:4px; padding: 65px 60px 0 5px; text-align: center; background-position:left top; cursor: pointer;}
.service-circle .sector02{width: 234px; height: 235px; background: url(../images/circle-arc02.png) no-repeat; position: absolute; top:98px; right:-18px; padding:60px 0 0 60px; text-align: center; background-position: left top;  cursor: pointer;}
.service-circle .sector03{width: 193px; height: 225px; background: url(../images/circle-arc03.png) no-repeat; position: absolute; bottom:-24px; right:24px; padding:80px 48px 0 0px; text-align: center; background-position: left top; cursor: pointer;}
.service-circle a p{color: #fff;}
.service-circle .sector01:hover,
.service-circle .sector01.active,
.service-circle .sector02:hover,
.service-circle .sector02.active,
.service-circle .sector03:hover,
.service-circle .sector03.active{background-position:left bottom;}
.circle-half{width:50%; padding:70px 0 0 30px;}
.circle-half h6{font-size: 14px; font-family: 'assistantsemibold'; color: #c63947; border-bottom: 1px solid #c63947; margin-right: 44px; padding-bottom: 4px;}
.circle-half p{font-size:14px; padding-right: 35px;}
.service-contents{padding:30px 0; font-size:16px; line-height: 28px;}
.service-contents .card{padding: 0; border: none; background: none; margin-bottom: 5px;}
.service-contents .card-header{padding:0; background:none; border:none; }
.service-contents .card-header h5{margin-bottom: 0;}
.service-contents .card-header button,
.service-contents .card-header .btn-link.collapsed{background: #f1f1f1; border:1px solid #e1e1e1; border-radius: 4px; padding:5px 10px; width: 100%; display: block; text-align: left; color:#313131; font-size:18px; font-family: 'assistantbold';}
.service-contents .card-header button.btn-link.collapsed:hover{text-decoration: none; background:#ccc; color:#000; border-color:#ccc;}
.service-contents .card-header .btn-link{text-decoration:none; background:#c63947; color:#f6f6f6; border-color:#c63947; border-radius: 4px 4px 0 0;}
.service-contents .card-body{background: #f9f9f9; padding:10px; line-height:22px;}
.service-contents .card-header .btn-link .fa{transform: rotate(180deg); -ms-transform: rotate(180deg); font-size:20px; margin: 2px 10px 0 0; float: right;}
.service-contents .card-header .btn-link.collapsed .fa{transform: rotate(0deg)}

.payroll-portal{position: relative; width: 100%; padding:0 0 23px; background: #c63947;}
.payroll-portal .icon{display: block; width: 120px; height: 120px; background: #fff; border-radius: 50%; position: relative; margin: 0 auto; margin-bottom: 10px;}
.payroll-portal .box{margin-bottom: 25px; color: #fff; text-align: center;}
.payroll-portal .icon img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.payroll-portal .icon-box{width: 130px; margin:0 auto 5px; height: 130px; padding: 5px; background: linear-gradient(top,#ba3543, #912a34);  background: -webkit-linear-gradient(top,#ba3543, #912a34); border-radius: 100%; background: -moz-linear-gradient(top,#ba3543, #912a34);}
.mobile-box{width: 100%; position: relative;}
.mobile-box .mobile{width: 442px; height: 663px; position: absolute; top:-100px; left: 0; background: url(../images/mobile-app.png) no-repeat;}
.payroll-portal .service-contents{color: #fff; font-size:16px;}
.payroll-portal .service-contents h2 small{font-size: 60%;}
.streaming{width: 100%; padding: 0 0 60px; position: relative; background: #fff;}
.streaming .video-box{width: 798px; margin:0px auto; background: url(../images/shadow.png) center bottom no-repeat; padding-bottom: 38px; text-align: center;}
.streaming .video-box img{border: 13px solid #f1f1f1;}
.speakers{width:100%; padding: 40px 0; position: relative}
.speakers h2{margin-bottom: 40px;}
.carousel-inner{height:270px;}
.carousel-inner p{font-size: 18px;}
.carousel-inner p strong{font-size: 24px; color: #c63947;}
.carousel-inner p span{display: block; line-height: 16px;}
.carousel-indicators li{width: 10px; height: 10px; border-radius: 50%; background: #000;}
.carousel-indicators li.active{background: #c63947;}
.carousel-control-next, .carousel-control-prev{opacity:1; width:auto;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 27px; height: 50px; background: url(../images/slider-arrow.png) no-repeat;}
.carousel-control-next-icon{background-position:right top;}
.carousel-control-prev-icon{background-position: left top;}
.clients-logos{position:relative; padding:40px 0; text-align: center; background: #fff;}
.clients-logos .carousel{margin-top: 40px; width: 100%;}
.clients-logos .carousel-inner{height:170px;}
.clients-logos .carousel-inner img{max-width: 100%;}
.footer{background: #313131; padding:20px 0 0; color:#fff; font-size: 14px;}
.ftr-logo{margin-bottom: 15px;}
.ftr-about p{padding-bottom: 10px; line-height: 28px;}
ul.footer-link{padding:0 0 0 30px; margin: 0; line-height: 32px; list-style: none;}
ul.footer-link li a{color: #fff;}
.latest-posts{list-style: none; padding:0 30px 0 ; margin: 0;}
.latest-posts{list-style: none; padding:0 30px 0 0; margin: 0;}
.latest-posts a{float:left;width:100%;font-size:14px; color:#fff; text-align: justify;}
.latest-posts a .image{width:104px;float:left;height:51px; margin-bottom:8px;display:block;margin-right:13px;}
.footer-bottom{background: #c63947; color: #fff; font-size:16px; padding: 10px 0; margin-top: 30px;}
.social-network{line-height:28px;}
.social-network span{display: inline-block; margin-right: 10px;}
.social-network a{color: #fff; display: inline-block; width:30px; height:30px; background:#ed606e; border-radius:50%; margin:0 5px; text-align: center; line-height: 30px; transition: all 0.4s ease-in-out}
.social-network a:hover{background: #a10515; transition: all 0.4s ease-in-out}
.copyright{text-align: right; line-height: 28px;}
/*Inner CSS*/
.strength-box{padding: 177px 0 0 60px; width: 100%;}
.strength-box p{border-left: 4px solid #c63947; padding-left: 30px; font-size: 20px;}
.strength-box.about p{font-size:102%; margin-bottom:30px}
.large{font-size: 24px;}
.marg-family{width: 100%;}
.marg-family-member{width: 100%; margin-bottom: 20px; background: url(../images/marg-family.jpg) center top no-repeat; height: 304px;}
.section-title{text-align: center;}
.section-title h2{margin-bottom: 0;}
.leadership{padding-bottom:80px;}
.leadership .border-right{border-color: #515151 !important;}
.column-box{padding: 20px 10px; width: 100%; font-size: 16px;}
.column-box .avatar{width: 104px; height: 104px; margin: 0 auto 20px;}
.column-box .avatar img{max-width: 100%;}
.column-box h4{font-size: 19px; margin-bottom: 20px;}
.column-box h4 strong{color: #c63947;}
.column-box h4 small{display:block;}
.column-box a{color: #fff !important; font-size: 16px;}
.column-text{height: 170px;}
.device-views{display: none;}
.desk-views{display: block;}

.payroll-featurs{width: 100%;}
.payroll-featurs .col-md-4,
.payroll-featurs .col-sm-4{float: left;}
.feature-box{padding: 30px 15px; text-align: center;}
.feature-box .avatar{height: 68px; background: url(../images/sprite.png) no-repeat; margin: 0 auto 10px; font-size: 16px;}
.feature-box .avatar.hrd{background-position: -61px 0; width: 67px;}
.feature-box .avatar.shift{background-position: -212px 0; width: 68px;}
.feature-box .avatar.leave{background-position: -141px 0; width: 60px;}
.feature-box .avatar.mis{background-position:-301px -305px; width:77px;}
.feature-box .avatar.reimbursement{background-position:-200px -305px; width:93px;}
.feature-box .avatar.biometric{background-position:0 0; width:50px;}
.feature-box .avatar.ula{background-position: -376px 0; width: 43px;}
.feature-box .avatar.ess{background-position: -428px 0; width: 100px;}
.feature-box .avatar.automatic{background-position:0px -77px; width: 59px;}
.feature-box .avatar.easy2use{background-position:-60px -77px; width: 54px;}
.feature-box .avatar.excel{background-position:-128px -77px; width:68px;}
.feature-box .avatar.manual{background-position:-200px -77px; width:68px;}
.feature-box .avatar.mlp{background-position:-280px -77px; width:74px;}
.feature-box .avatar.mssm{background-position:-367px -77px; width:81px;}
.feature-box .avatar.bifurcation {background-position:-458px -77px; width:68px;}
.feature-box .avatar.r2c{background-position:0 -151px; width:105px;}
.feature-box .avatar.aip{background-position:-120px -151px; width:76px;}
.feature-box .avatar.bonus{background-position:-200px -151px; width:76px;}
.feature-box .avatar.birthday{background-position:-280px -151px; width:68px;}
.feature-box .avatar.ctc{background-position:-367px -151px; width:67px;}
.feature-box .avatar.pslip{background-position:-455px -151px; width:62px;}
.feature-box .avatar.ssheet{background-position:0 -231px; width:57px;}
.feature-box .avatar.final{background-position:-60px -231px; width:75px;}
.feature-box .avatar.uwc{background-position:-144px -231px; width:64px;}
.feature-box .avatar.compliance{background-position:-212px -231px; width:68px;}
.feature-box .avatar.attendance{background-position:-288px -231px; width:44px;}
.feature-box .avatar.salaryManagement{background-position:-346px -231px; width:58px;}
.feature-box .avatar.notification{background-position:-417px -231px; width:64px;}
.feature-box .avatar.update{background-position:0 -305px; width:60px;}
.feature-box .avatar.instant{background-position:-69px -305px; width:59px;}
.feature-box .avatar.intgration{background-position:-141px -305px; width:61px;}
.feature-box .avatar.loan{background-position:-386px -305px; width:59px;}
.feature-box .avatar.asset{background-position:-452px -305px; width:70px;}
.feature-box h4{font-size:20px; color: #c63a48; font-family: 'assistantbold';}
.modalCloseBtn{width:26px; height:26px; position:absolute; right:-7px; top:-7px; background:#930 !important; color: #fff; opacity:1; padding:0 !important; border-radius:50%; text-align:center;}
.modalCloseBtn span{position:absolute; margin:auto; left:0; right:0; top:0;}
.videoModal iframe{width: 100%; height:436px;}
.form-box{width: 100%;}
.form-box label{display: block; width: 100%; margin-bottom: 0;}
.form-box input[type="text"],
.form-box input[type="tel"],
.form-box input[type="email"],
.form-box input[type="number"]{width: 100%; height:40px; border: 1px solid #aaa; padding-left: 10px; border-radius: 3px; margin-bottom: 10px;}
.form-box input:focus{outline-width: medium; outline-color: #D42224}
.form-box button{margin-bottom: 10px;}
.attras{width: 100%; padding: 15px; background: #f1f1f1; border: 1px solid #e1e1e1; margin-top:30px;}
.attras h3{margin-bottom:15px;}
.attras ul{list-style: none; padding: 0 0 0 20px;}
.attras ul li{position: relative; padding-left: 30px; margin-bottom: 15px;}
.attras ul li:before{position: absolute; content:"\f178"; left: 0; font-family: FontAwesome; color:#313131;}
.attras p{line-height: 22px;}
.attras p i{font-size:18px; color:#c63947; margin-right: 12px;}
.navbar-expand-sm .navbar-nav{padding-left: 115px;}
/*Mobile Views*/
@media only screen and (max-width:1360px){
.mobile-screen-bg{background-size:592px}
	.body-header{height: 460px;}
	.service-contents .card-header .btn-link .fa{float:none; position:absolute; right:0;}
	
}
@media only screen and (max-width:1199px){
	.service-contents{padding: 30px 0 0 75px;}
	.body-header{height:356px;}
	.mobile-box .mobile{width:368px; background-size:100%;}
	.portal{padding:10px 0 0;}
	.payroll-portal .box{margin-bottom: 22px;}
	.payroll-portal .icon-box{width:105px; height: 105px;}
	.payroll-portal .icon{width: 95px; height: 95px;}
	.payroll-portal .icon img{max-width:50%;}
	.service-contents{padding:30px 0 0 0;}
	.mobile-screen-bg{background-size:448px;}
	.header-title{padding:80px 0 0 30px;}
	.body-header.inner.partner{background-size: 50%;}
}

@media only screen and (max-width:991px){
	.mobile-screen-bg{background-size: 350px; background-position: 280px 0;}	
	.navbar a.nav-link{font-size: 13px;}
	.header-title{padding:60px 0 0; }
	.header-title h1{font-size: 31px;}
	.body-header{height: 275px;}
	.free-trail{padding: 10px 20px 8px}
	.free-trail p{margin-bottom: 10px; font-size: 17px;}
	.free-trail h2{font-size:25px; margin-bottom: 10px; line-height:26px;}
	.free-trail h2 small{display: block;}
	.services{padding-bottom: 22px;}
	.service-circle{margin: 0 auto;}
	.service-contents{text-align: center !important; line-height:22px;}
	.payroll-portal .box{width:32.5%; display: inline-block; margin-bottom: 10px;}
	.mobile-box .mobile{width: 209px; top:22px; background-size: 100%;}
	.portal{padding: 10px 0 0;}
	.streaming .video-box{width:680px; background-size: 100%;}
	.streaming .video-box img{max-width: 100%;}
	.carousel-inner{height: 340px;}
	.blogs{margin-top: 25px;}
	.navbar-expand-sm .navbar-nav{padding-left: 100px;}
	.body-header.inner.partner{background-size:46%; background-position: right 0;}
	.inner .header-title{padding-left: 0; padding-bottom: 0; padding-top: 30px;}
	.body-header.inner{padding-bottom:70px;}
	
	.service-contents{padding-left:0;}
	.attras{margin-bottom: 40px;}
	.body-header.inner.products{background-size: 120%;}
	.body-header.inner.features{background-size: 50%;}
	.body-header.inner.about-us{background-size: 70%;}
	.strength-box{padding: 30px 0 0;}
	.leadership .border-right{border-color: transparent !important;}
	.column-text{height: auto;}
	.form-box label{text-align: left;}
}
@media only screen and (max-width:767px){
	.mobile-screen-bg{height: auto; background-size:42%; background-position:right;}
	.header-title{padding:16px 0 0;}
	.body-header h1{font-size:21px; padding:35px 0}
	.body-header.inner{padding: 0 0 20px; background-size:120% 104% !important;}
	.header-title p{font-size:16px; display: none;}
	.inner .header-title{padding: 0;}
	.free-trail{width: 100%; padding:10px 5px; text-align: center;}
	.free-trail:after{display: none;}
	.free-trail p{font-size:15px; margin:8px 0 0;}
	.free-trail h2{margin-bottom:0; font-size:22px; line-height:20px;}
	.free-trail h2 small{display: block;}
	.body-header{height:auto; background:#f1f1f1;}
	.services{padding:20px 0 30px}
	.services h2{margin-bottom:20px; font-size:27px;}
	.service-contents{padding:0; line-height:20px; font-size:15px;}
	.service-contents h2{font-size:24px; padding-top:30px;}
	.payroll-portal .box{width:33.3%; float: left;}
	.desk-views{display:none !important;}
	.device-views{display:block !important;}
	.top-header{padding:6px 0 10px;}
	.top-link{padding:2px 0 0; text-align:right;}
	.top-link li a{padding: 2px 20px; font-size: 13px;}
	.naviConnect{float:right; width: 88%; text-align:right;}
	.naviConnect a{color: #ddd !important; font-size:13px; display: inline-block; line-height: 34px; padding:0 15px;}
	.naviConnect a:hover{text-decoration: none;}
	.navbar-toggler{width:auto; padding:0px; height:35px; line-height:normal; color:#313131; border-radius: 0; position:absolute; right:0; top:-40px;}
	.navbar-toggler:focus,
	.navbar-toggler:visited{outline: none; border-right:1px solid #555; background: #000;}
	.navbar{margin-left:-15px; margin-right: -15px;}
	.navbar-nav{border-top: 1px solid #555;}
	.navbar a.nav-link{padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #555;}
	.bottom-bg{bottom: -3px;}
	.streaming .video-box img{max-width: 100%;}
	.streaming .video-box{width:92%; padding-bottom:20px; background-size:100%;}
	.streaming{padding-bottom:20px;}
	.speakers h2{margin-bottom: 0px;}
	.leadership{padding-bottom:30px;}
	.carousel-inner{height:340px }
	.carousel-inner p{font-size: 16px;}
	.carousel-control-next, .carousel-control-prev{display: none;}
	.clients-logos .carousel{margin-top: 0;}
	ul.footer-link{padding: 15px 0 0;}
	.blogs{padding-top:20px;}
	.latest-posts{padding: 0;}
	.latest-posts a{font-size: 12px;}
	.latest-posts a .image{width:94px; height:41px;}
	.ftr-about p{line-height: 20px; padding-bottom: 0;}
	.social-network{text-align: center; margin-bottom: 10px;}
	.copyright{text-align: center;}
	.navbar-expand-sm .navbar-nav{padding-left:0;}
	.free-trail-top .col-4{padding:0 7px 6px;}
	ul.footer-link li{width:50%; float: left;}
	.feature-box{padding:30px 0 0}
	.clients-logos{padding:25px 0;}
	.clients-logos h2{font-size:25px; margin-bottom:30px;}
	.clients-logos .carousel-inner img{height: 50px;}
	.clients-logos .carousel-inner{height:130px;}
	.body-header.inner.features{background-size: 80% !important; background-position: 185% top !important;}
	.body-header.inner.partner{background-size: 50% !important;}
	.services.about-info h3{margin-top: 0 !important}
	.services.about-info h4{margin-bottom:30px !important; font-size:18px;}
	
	.extra-large{font-size:30px;}
	.service-contents h2{padding-top: 0;}
	.strength-box{padding:30px 0;}
	.streaming .service-contents h2{padding-top:30px;}
	.marg-family-member{background-size: 100%; height:140px;}
	.column-text{height:auto;}
	.leadership .border-right{border-color: transparent!important;}
	.form-box label{text-align: left;}

    .top-header a.logo{display:block; text-align:center; margin-bottom:15px;}
    .top-header a.logo img{max-width:120px;}
    .top-link li:nth-child(1) {float: right;}
    .top-link li:nth-child(2){float:left;}

    .mobile-screen-bg .col-sm-9.col-xs-12.pr-0{padding-right:0 !important;}

    .top-link li .dropdown-menu-right{min-width:250px; padding:20px;}
	
}
@media only screen and (max-width:479px){
	.header-title{padding:25px 0 15%;}
	.inner .header-title{padding:6px 0 0;}
	.mobile-screen-bg{height: auto; background-size:49%; background-position:right;}
	.body-header{background-size: 132%; height:auto;}
	.body-header h1{font-size: 18px; padding:0;}
	.body-header.inner{padding: 0 0 20px; background-size:120% 104% !important;}
	.header-title p{font-size: 12px; display:none;}
	.free-trail{width: 100%; padding:5px 0; text-align: center;}
	.free-trail:after{display: none;}
	.free-trail p{font-size: 11px; border-width: 1px;}
	.free-trail h2{font-size:14px; line-height: 14px;}
	.free-trail .btn{font-size:13px; padding: 0 5px;}
	.extra-large{font-size:24px;}
	.large{font-size:18px;}
	.payroll-portal .icon-box{width: 90px; height: 90px;}
	.payroll-portal .icon{width: 100%; height: 100%;}
	.payroll-portal .icon img{height: 40px;}
	.payroll-portal .box{margin-bottom: 8px;}
	.payroll-portal .service-contents h2 small{display: block;}
	.speakers,.clients-logos{padding:20px 0;}
	.speakers h2{margin-bottom:0;}
	.carousel-inner{height:380px }
	.carousel-inner p{font-size: 14px;}
	.carousel-control-next, .carousel-control-prev{display: none;}
	.clients-logos .carousel{margin-top: 0;}
	.clients-logos .carousel-inner{height:90px;}
	.service-contents.inner{text-align: left !important;}
	.service-contents.inner h3{font-size:107%;}
	.service-contents.inner h5{font-size: 101%;}
	.attras{margin-top:10px; background: none; border: none; padding: 0;}
	.attras h3{font-size:130%;}
	.attras ul{padding: 0;}
	h2{font-size:18px;}
	.feature-box h4{font-size:16px;}
	.feature-box{padding:15px;}
	.body-header.inner.features,
	.body-header.inner.partner{background-size: 56% 83% !important;}
	.body-header.inner.features h1,
	.body-header.inner.partner h1{padding:20px 0}
	.service-contents .card-header button, .service-contents .card-header .btn-link.collapsed{font-size: 15px;}
	.about-info h3{font-size:18px; line-height:normal; margin-top:10px !important;}
	.about-info h4{font-size:16px; line-height:normal; margin-bottom:30px;}
	.strength-box{padding: 20px 0 0;}
	.marg-family-member{height:100px}
	.top-header .modal {top:20px;}
	
}