
.mobdisplay {
	display: none;
}

@media ( max-width : 767px) {
	.container
	{
		width: 100% !important;
	}
	
	.jwg_slider_module .tabbed_navigation
	{
		overflow-x: auto; /* Show horizontal scrollbar when content overflows */
    	overflow-y: hidden; 
	}
	
	.jwg_slider_module .tabbed_navigation::-webkit-scrollbar {
	    width: 1px;
	}

	.jwg_slider_module .tabbed_navigation::-webkit-scrollbar-track {
	    background: #fff; /* Track color */
	}
	
	.jwg_slider_module .tabbed_navigation::-webkit-scrollbar-thumb {
	    background: #fff; /* Thumb color */
	}
	
	.jwg_slider_module .tabbed_navigation::-webkit-scrollbar-thumb:hover {
	    background: #fff; /* Thumb color on hover */
	}
	
	.xs-f20
	{
		font-size:20px!important;
	}
	
	.xs-f24
	{
		font-size:24px!important;
	}
	
	.xs-f14
	{
		font-size:14px!important;
	}
	
	.xs-f16
	{
		font-size:16px!important;
	}
	
	.xs-f18
	{
		font-size:18px!important;
	}
	
	.text-heading h3
	{
		font-size:16px!important;
	}
	
	.text-heading p
	{
		font-size:14px!important;
	}
	
	.tabbed_navigation p
	{
		font-size:18px!important;
	}
	
	.jwg_slider_module .slides > .slide
	{
		margin-top:0px;
	}
	
	.xs-hidden {
		display: none;
	}
	.xs-text-center {
		text-align: center !important;
	}
	
	.xs-text-left {
		text-align: left !important;
	}
	
	.mobdisplay {
		display: inherit;
	}
	
	.featureheading
	{
		color: #B7B7B7 !important;
    	font-size: 14px;
	}
	
	.featureheading:before
	{
		content: "";
	    width: 5px;
	    height: 24px;
	    background: #B7B7B7;
	    display: inline-block;
	    margin-right: 10px;
	    vertical-align: middle;
	}
	
	.featureimg
	{
		margin: 0 auto;
	}
	
	.featureimg img
	{
		width: 100%;
	}
	
	#bg-video {
		min-height: 400px;
		max-height: 400px;
	}
	.main-banner .caption {
		top: 80%;
	}
	.our-types {
		margin-top: 0px;
	}
	.our-mobileheader {
		background: #707070;
		margin-top: 0px;
		position: relative;
		width: 100%;
		margin-bottom: 100px;
		color: #fff;
	}
	.header-area {
		background: #004D88 !important;
	}
	.header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before,
		.header-area .main-nav .menu-trigger span:after {
		background-color: #fff;
	}
	.merchantloginbtn {
		margin-left: 0px !important;
	}
	.pointsaleheader:before {
		height: 90px;
	}
	.jwg_slider_module .tabbed_navigation>ul {
		display: inline-flex;
		overflow: auto;
	}
	.jwg_slider_module {
		height: 950px !important;
	}
	.jwg_slider_module .slides>.slide {
		text-align: center;
	}
	.jwg_slider_module .tabbed_navigation>ul li {
		display: inline-flex;
		cursor: pointer;
		margin: 0px 15px;
		text-align: left;
		text-wrap: nowrap;
	}
	.jwg_slider_module .slides {
		top: 76px;
	}
	.text-heading {
		text-align: left;
		margin-top: 3rem;
		width: 100%;
		padding-left: 30px !important;
	}
	.text-heading p {
		max-width: 100% !important;
	}
	.jwg_slider_module .arrow_navigation>div {
		background: #000 !important;
		opacity: 1 !important;
	}
	.jwg_slider_module .arrow_navigation>div>p {
		color: #fff;
	}
	.moblearnmorebtn {
		background: #fff !important;
		font-family: 'D-DIN' !important;
		font-weight: 400 !important;
		padding: 0px 0px;
		border: 1px solid #fff;
		color: #B7B7B7;
		text-decoration: line-through;
		text-transform: uppercase;
		width:154px;
		height: 20px;
	}
	
	.featurevideo {
    	width: 360px!important;
	}
	
	.moblearnmorebtn img
	{
		display:none!important;
	}
	
	.moblearnmorebtn:after {
	  content: url('../../assets/images/arrowrightgrey.svg');
	  display: inline-block;
	  margin-left: 20px;
	}

	.features {
		padding-top: 0px !important;
		margin-top: 0px !important;
		opacity: 1 !important;
	}
	.our-features .featuredetail {
		padding-left: 40px!important;
		position:relative;
	}
	
	.featuredetail {
		padding: 20px;
		position:relative;
	}
	
	.featuredetail h3
	{
		font-size:16px!important;
	}
	
	.featuredetail .h3
	{
		font-size:16px!important;
	}
	
	.featuredetail .border-top {
	    border-top: 1px solid #707070 !important;
	}
	
	.featuredetailpadding
	{
		padding-left: 1rem;
    	padding-top: 2rem;
	}
	
	.featurep
	{
		font-size: 14px;
	    letter-spacing: 0px;
	    min-height: inherit;
	    line-height: 25px;
	}
	
	.clientlogo {
		width: 33% !important;
	}
	#rotatingImage {
		width: 130px;
		height: 130px;
		left: -100px;
	}
	#rotatingImageDays {
		width: 125px;
		height: 125px;
		margin-top: 50px;
		position: relative;
		top: -43px;
		left: -75px;
	}
	.freetrialanimate {
		position: relative;
		height: 0px;
		top: -40px;
		right: -20px;
	}
	.mobfreetrialbtn {
		width: 100%;
		margin-top: 1rem;
		margin-bottom: 2rem;
		height:40px;
		font-size:14px;
		padding:8px;
	}
	
	section.our-hardware
	{
		height:auto!important;
	}
	
	.hardwaredetailp
	{
		color:#47636E;
		font-size:12px;
		line-height:20px;
		margin-top:20px;
		letter-spacing:1px;		
	}
	
	.seeallhardware
	{
		margin: 0 auto;
	    width: 100%;
	    display: block;
	    margin-bottom: 24px;
	}
	
	section.our-testimonals
	{
		padding-top: 50px;
	}
	
	section.our-footer
	{
		padding-top: 50px;
		margin-bottom: 100px;
		padding-left: 1rem;
	}
	
	.testimonalbox
	{	
		border-radius: 10px;
	    margin: 20px;
	    width: 318px!important;
	    height: 400px;
	}
	
	.feartureheading
	{
		background: inherit;
	    position: relative;
	    margin-top: 3rem;
	    width: 80%;
	    height: 11px;
	    margin-bottom: 0px;
	}
	
	.feartureheading span:after
	{
		content: "";
	    width: 115%;
	    height: 12px;
	    background: #FAC038;
	    display: block;
	    margin-top: -8px;
	    margin-left: -5px;
	}
	
	.features .text:before
	{
		content: "";
	    width: 10px;
	    height: 160px;
	    background: #FAC038;
	    display: inline-block;
	    display: inline-block;
	    position: absolute;
	    top: 60px;
	    left: 12px;
	}
	
	.feature1:before
	{
		height: 160px!important;
	}
	
	.feature2:before
	{
		height: 181px!important;
	}
	
	.feature3:before
	{
		height: 206px!important;
	}	
	
	.feartureheading span
	{
		top: -10px;
    	left: 10px;
    	font-size:16px!important;
	}
	
	.features p
	{
		font-size:14px;
	}
	
	.features .image
	{
		text-align:center;
	}
	
	.features .image img
	{
		width:302px!important;
	}
	
	.testimonalimg {
	    width: 100%;
	    height: auto;
	}
	
	.testimonalvideo {
	    width: 100%;
	    height: 400px;
	}
	
	.slick-prev {
	    left: -10px;
	    z-index: 99;
	}
	
	.slick-next {
	    right: 0px;
	    z-index: 99;
	}

	.col-lg-12 {
		width: 100%;
	}
	.col-xs-1 {
		width: 10%;
	}
	.col-xs-2 {
		width: 20%;
	}
	.col-xs-3 {
		width: 30%;
	}
	.col-xs-4 {
		width: 40%;
	}
	.col-xs-5 {
		width: 50%;
	}
	.col-xs-6 {
		width: 60%;
	}
	.col-xs-7 {
		width: 70%;
	}
	.col-xs-8 {
		width: 80%;
	}
	.col-xs-9 {
		width: 90%;
	}
	.userphotoavatarlg {
		width: 75px !important;
		height: 75px !important;
	}
	.xs-pt-0 {
		padding-top: 0px !important;
	}
	.xs-p-0 {
		padding: 0px !important;
	}
	
	.xs-pr-0 {
		padding-right: 0px !important;
	}
	
	.xsp-4 {
		padding: 1.5rem !important;
	}
	.xsp-1 {
		padding: 1rem !important;
	}
	.xs-mt-0 {
		margin-top: 0px !important;
	}
	
	.xs-ml-0 {
		margin-left: 0px !important;
	}
	
	.xs-p-1
	{
		padding: 1rem;
	}
	
	.fs-1 {
		font-size: 0.9rem !important;
	}
	.xs-pl5 {
		padding-left: 5px !important;
	}
	.mob-hide {
		display: none !important;
	}
	
	.xs-mb-0
	{
		margin-bottom:0px!important;
	}
	
	.xs-mt-2
	{
		margin-top: 0.5rem !important;
	}
	
	.xs-mt-5
	{
		margin-top: 2rem !important;
	}
	
	.xs-mt-7
	{
		margin-top: 3rem !important;
	}
	
	.xs-mb-50
	{
		margin-bottom:50px!important;
	}
	
	.xs-pb-0
	{
		padding-bottom:0px!important;
	}
	
	.xs-pb-5
	{
		padding-bottom: 5rem;
	}
	
	.xs-pb-2
	{
		padding-bottom: 2rem!important;
	}
	
	.footernav li a
	{
		margin: 0px;
    	padding-left: 0px 
	}
	
	.testimonalnewbox {
	    width: 300px !important;
	    height: 300px !important;
	}
	
	.featurestop
	{
		margin-top:0px!important;
		margin-bottom:60px!important;
	}
	
	.header-area .main-nav .nav li a {
	    height: 50px !important;
	    line-height: 50px !important;
	    padding: 0px !important;
	    border: none !important;
	    background: #004D88;
	    color: #fff !important;
	    text-align: left;
	    padding-left: 35px !important;
	}
	
	.header-area .main-nav .nav li
	{
		border-top: none !important;
    	border-bottom: none !important;
    	background:#004D88;
	}
	
	.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after
	{
		width:100%;
	}
	
	.background-header .main-nav .menu-trigger.active span:after {
	    background-color: #fff;
	}
	
	.background-header .main-nav .menu-trigger.active span:before {
	    background-color: #fff;
	}
	
	.header-area.header-sticky .nav {
	    margin-top: 77px !important;
	    background:#004D88;
	    position: fixed;
	    height: 100%;
	    width: 106%;
	}
	
	.header-area .main-nav
	{
		margin-left: -20px;
    	margin-right: -20px;
	}
	
	.header-area .main-nav .nav li a.merchantloginbtnmobile
	{
		background: #004D88;
	    width: 85%;
	    height: 58px !important;
	    border: 1px solid #FAC038 !important;
	    border-radius: 4px;
	    color: #FAC038 !important;
	    text-align: center;
	    font-size: 14px !important;
	    font-family: 'D-DIN-BOLD' !important;
	    margin-left: 35px;
	    margin-bottom: 20px;
	    padding: 3px !important;
	}
	
	.header-area .main-nav .nav li a.trialbtnmobile
	{
		background: #FAC038;
	    width: 85%;
	    height: 58px !important;
	    border: 1px solid #FAC038 !important;
	    border-radius: 4px;
	    color: #004D88 !important;
	    text-align: center;
	    font-size: 14px !important;
	    font-family: 'D-DIN-BOLD' !important;
	    margin-left: 35px;
	    margin-bottom: 20px;
	    margin-top: 1rem;
	    padding: 3px !important;
	}
	
	.xs-p-3
	{
		padding: 1rem !important;
	}
	
	.aboutusbox
	{
		margin-top: 12rem;
    	border-radius: 12px;
	}
	
	section.aboutus
	{
		background-image:url('../../assets/images/aboutusmobimage.png');
  		background-repeat: no-repeat;
    	background-position-y: 80px;
    	background-size: contain;
	}
	
	.aboutusheading
	{
		text-align: left;
	    display: flex;
	    font-size: 18px;
	}
	
	.featurestop img {
	    width: 100%;
	}
	
	.aboutusheading:before
	{
		content: "";
	    width: 5px;
	    height: 64px;
	    background: #004D88;
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 15px;
	}
	
	.aboutusbox p
	{
		text-align:left;
	}
	
	.contactusbox
	{
		margin-left: 25px;
		margin-right:25px;
	}
	
	.contactsendbtn
	{
		width: 100% !important;
	    background: #FAC038 !important;
	    border: 1px solid #FAC038 !important;
	    color: #004D88 !important;
	}
	
	section.faqs
	{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	
	section.faqs h1
	{
		font-size:24px;
	}
	
	.accordion-heading::after
	{
		margin-top:-10px!important;
	}
	
	.freetrialform
	{
		min-height: auto!important;
    	margin-top: 2rem!important;
	}
	
	.freetrial
	{
		margin-bottom:0rem;
	}
	
	.freetrial .content
	{
		padding:0px!important;
	}
	
	.form-register .steps li, .form-register .steps li.current
	{
		width: 115px!important;
	}
	
	.freetrial .nextbtn {
	    width: 120px !important;
	    height: 50px;
	    padding: 12px;
	}
	
	.freetrial .nextbtn {
	    width: 120px !important;
	    height: 50px;
	    padding: 12px;
	}
	
	.freetrial .finishbtn {
	    width: 200px !important;
	}
	
	.actions ul li:first-child a
	{
		font-size:16px!important;
	}
	
	.actions ul li a
	{
		padding: 10px 0px!important;
	}
	
	.packagedetails
	{
		height:auto!important;
		padding: 2rem !important;
	}
	
	.packagename {
	    color: #014751;
	    padding-bottom: 0rem;
	    margin-bottom: 0rem;
	}
	
	.packagebox
	{
		margin-bottom: 3rem;
	}
	
	.packagefeatuerlink
	{
		color:#FAC038!important;
		font-size:14px;
	}
	
	.pricingborder
	{
		background: #004D88;
	    color: #fff;
	    padding: 1rem;
	    text-align: center;
	    border-radius: 0px 0px 0px 8px;
	}
	
	.selectborder
	{
		background: #B7B7B7;
	    color: #fff;
	    padding: 1rem;
	    text-align: center;
	    border-radius: 0px 0px 8px 0px;
	    font-size: 16px;
	    padding-top: 20px;
	}
	
	.selectborder:after
	{
		content:"Select";
	}
	
	.recommended .selectborder
	{
		background:#FAC038;
		color:#004D88;
	}
	
	.recommended .selectborder:after
	{
		content:"Selected";
	}
	
	.packagefeatures
	{
		margin-left: 20px 
	}
	
	.packagebox ul li {
	    color: #004D88;
	    font-size: 16px;
	    margin: 15px 0px;
	}
	
	.packagebox ul li img {
	    width: 23px;
	    margin-right: 10px;
	}
	
	.popularbadge
	{
		padding: 2px 8px;
    	font-size: 12px;
	}
	
	.pricinghardboximg
	{
		height:155px;
	}
	
	.pricinghardboximg img {
	    width: 120px;
	    height: 120px;
	}
	
	.customizedpricingboxblue {
	    background: #004D88;
	    color: #fff;
	    padding: 3rem 2rem 1rem 1rem;
	    border-radius: 10px;
	    height: auto;
	}
	
	.customizedpricingboxyellow {
	    background: #FAC038;
	    color: #014751;
	    padding: 3rem 2rem 1rem 1rem;
	    border-radius: 10px;
	    height: auto;
	}
	
	.placeordebutton
	{
		width: 146px;
	    height: 40px;
	    padding: 8px;
	}
	
	#hidebreakdownbtn
	{
		text-align: right;
	    padding-top: 2rem;
	    display: block;
	}
	
	.pricingplaceordershow
	{
		position:relative;
	}
	
	section.our-clients
	{
		padding-bottom: 50px;
	}
	
	.navbuttonmerchantlogin
	{
		position: fixed;
    	bottom: 167px;
	}
	
	.navbuttonfreetrial
	{
		position: fixed;
    	bottom: 0px;
	}
	
	.navbuttonmerchantdasboard
	{
		position: fixed;
    	bottom: 0px;
	}
	
	.wrap
	{
		white-space: nowrap;
	}
	
	.text-heading p
	{
		line-height: 25px;
	}
	
	.mobfreetrialbtn
	{
		height:40px;
		font-size:14px;
		padding:8px;
	}
	
	.hardwarebox {
	    background: #F2F2F2 !important;
	    padding: 1rem;
	    border: 1px solid #F2F2F2;
	    border-radius: 4px;
	    margin: 1rem;
	    width: 235px !important;
	    margin-top: 10px;
	    height: 342px;
	}

	.hardwarebox .image {
	    width: 140px;
	    height: 140px;
	    top: -52px;
	    position: relative;
	    margin-bottom: -30px !important;
	    padding: 20px;
	    padding-left: 0px;
	    margin: 0 auto;
	}
	
	.hardwarebox .image img {
	    height: auto !important;
	    max-height: 140px !important;
	}
	
	.hardwarebox p {
	    font-size: 12px !important;
	    color: #014751 !important;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    line-height: 20px;
	}
	
	.footerlogo img {
	    max-width: 124px;
	}
	
	.featuretophead
	{
		color:#B7B7B7!important;
		letter-spacing: 1px!important;
	}
	
	.our-featuresdetails p
	{
		line-height: 25px;
		font-size:12px!important;
	}
	
	.line25
	{
		line-height: 25px;
	}
	
	.line30
	{
		line-height: 30px;
	}
	
	.btn-primary.disabled, .btn-primary:disabled
	{
		background: #DDE3EE !important;
    	border: 1px solid #DDE3EE !important;
	}
	
	.thankyouimg img {
	    width: 146px;
	}
	
	.mobileappfeaturetab
	{
		overflow-x: auto;
	    overflow-y: hidden;
	    position: relative;
	    margin-left: -35px;
    	margin-right: -35px;
	}
	
	.mobileappfeaturetab::-webkit-scrollbar {
	    width: 1px;
	}

	.mobileappfeaturetab::-webkit-scrollbar-track {
	    background: #EEF2F6; /* Track color */
	}
	
	.mobileappfeaturetab::-webkit-scrollbar-thumb {
	    background: #EEF2F6; /* Thumb color */
	}
	
	.mobileappfeaturetab::-webkit-scrollbar-thumb:hover {
	    background: #EEF2F6; /* Thumb color on hover */
	}
	
	.mobileappfeaturetab ul
	{
		display: inline-flex;
    	overflow: auto;
	}
	
	.mobileappfeaturetab li
	{
		display: inline-flex;
	    cursor: pointer;
	    margin: 0px 20px 0px 0px;
	    font-size: 14px !important;
	    padding: 4px 18px;
	    height: 30px;
	    background: #fff;
	    width: 160px;
	    justify-content: center;
	}
	
	.mobileappfeaturetab li.selected
	{
		display: inline-flex;
	    cursor: pointer;
	    margin: 0px 20px 0px 0px;
	    font-size: 14px !important;
	    padding: 4px 18px;
	    height: 30px;
	    background: #fff;
	    width: 160px;
	    justify-content: center;
	}
	
	.mobileappimage
	{
		top:10px!important;
	}
	
	.mobileappimage img {
	    width: 100%;
	}
	
	.mobilepageallready {
	    color: #47636E;
	    line-height: 20px;
	}
	
	.mobileappfeaturetext {
	    color: #004D88;
	    font-size: 12px;
	    margin-top: 10px;
	}
	
	
	.mobileappborderbox {
	    border: 1px solid #B7B7B7;
	    padding: 1rem;
	    text-align: center;
	    border-radius: 12px;
	    margin-bottom: 20px;
	}
	
	.mobileappborderbox svg
	{
		width:27px;
		height:27px;
	}
	
	.mobilepageallready {
	    color: #004D88;
	    line-height: 20px;
	    margin-top: 16px;
	    font-size: 14px;
	}
	
	section.askquestion
	{
		padding:50px 2rem;
	}
	
	.talktousbtn
	{
		width:100%;
	}
}