/*=================================================================
SMACC - Resposnive Styles
=================================================================*/
/*-----------------------------------------------------------------
Min 1400px
-----------------------------------------------------------------*/
@media (min-width:1400px) {
    
}

/*-----------------------------------------------------------------
Min 1200px
-----------------------------------------------------------------*/
@media (min-width:1200px) {
	.modal-training .modal-dialog {
		width: 1150px;
	}
}


/*-----------------------------------------------------------------
Max 1199px
-----------------------------------------------------------------*/
@media (max-width:1199px) {
	.header .nav-left ul li a {
		padding: 20px 10px 20px 10px;
	}

	.header .nav-right ul li a {
		padding: 10px 10px 10px 10px;
	}

	.header .nav-right ul li.btn-free-trial a {
		padding: 5px 15px;
	}

	.header .right-menu .right-menu-top li.menu-phone {
		display: none;
	}

	.header .nav-right ul li.menu-smacc-academy,
	.header .nav-right ul li.menu-smacc-5 {
		display: none;
	}

	.header.sticky .nav-left {
		margin: 0 0 0 0px;
	}

	.nav-left .dropdown-menu .dropdown-inner {
		padding: 40px 15px 0px 15px;
		width: 100%;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products ul.dropdown-menu .dropdown-inner {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.slider-section h1 {
		font-size: 44px;
	}

	.slider-section h2 {
		font-size: 24px;
	}

	.slider-section h3 {
		font-size: 15px;
		margin: 10px 0 0 0;
	}

	.slider-section .btn-custom {
		font-size: 14px;
		margin-right: 5px;
		padding: 10px 15px;
	}

	.details-list li {
		font-size: 13px;
		font-weight: 500;
		padding: 0 0 0 0px;
	}

	.details-list li:before {
		font-size: 12px;
		left: -20px;
	}

	.features-headings {
		margin: 50px 0 30px 0;
	}

	.features-headings .feature-heading-middle p {
		font-size: 18px;
	}

	.section-pos {
		background-image: url('../images/pos-devices.png');
	}

	.section-devices .devices-image {
		top: 230px;
	}

	.case-studies-list .single-case-study {
		margin-bottom: 30px;
		text-align: center;
	}

	.testimonials-section {
		margin: -250px 0 0 0;
		top: 300px;
	}

	.testimonials-section .single-testimonial {
		min-height: 295px;
	}

	.support-details .single-support {
		padding: 25px 20px 20px 20px;
	}

	.single-support .single-support-details {
		padding: 0 0px 0 20px;
		width: calc(100% - 60px);
	}

	.single-support .single-support-details h5 {
		font-size: 22px;
		font-weight: 400;
	}

	.single-support .single-support-details h6 {
		font-size: 16px;
		font-weight: 400;
	}

	.single-widget .widget-title h4 {
		font-size: 16px;
	}

	.section-copyright .copyright-text img {
		display: none;
	}

	.section-copyright .copyright-text p {
		padding: 0;
	}
}


/*-----------------------------------------------------------------
Min 992px
-----------------------------------------------------------------*/
@media (min-width:992px) {
    .btn-custom-lg {
		padding: 15px 101px !important;
	}
}


/*-----------------------------------------------------------------
Max 991px
-----------------------------------------------------------------*/
@media (max-width:991px) {
	.header {
		background-color: rgba(255,255,255, 1);
	}

	.header .navbar-header {
		float: left;
		padding: 10px 0;
	}
	
	.header a.navbar-brand img {
		height: 40px;
		width: 40px;
	}

	.header .right-menu .right-menu-top {
		clear: none;
		margin: 15px 15px 0 0;
		width: auto;
	}

	.header.sticky .right-menu .right-menu-top {
		margin: 15px 15px 0 0;
		opacity: 1;
	}

	.header .mobile-menu .nav-left {
		margin: 0 !important;
	}

	.header.sticky .mobile-menu .nav-left {
		margin: 0;
	}

	.header.sticky .nav-left .dropdown-menu {
		top: 0;
	}

	.nav-left .dropdown-menu {
		position: relative;
		top: 0;
	}

	.header .nav-left ul li a {
		padding: 20px 25px 20px 25px;
	}

	.nav-left > li.dropdown > .dropdown-menu {
		background-color: #f9f9f9;
		border:0;
		border-bottom: 3px solid #eee;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.nav-left .dropdown-menu .dropdown-inner {
		padding: 20px 10px 0px 10px;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products ul.dropdown-menu {
		background-color: #f9f9f9;
		margin-bottom: 20px;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products:first-child {
		margin-left: 0px;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products > a {
		border-bottom: 0px;
		font-size: 15px;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products ul.dropdown-menu .dropdown-inner {
		background-color: #f9f9f9;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products ul.dropdown-menu li a {
		display: inline-block;
		padding: 10px 0px 15px 0px;
		margin-bottom: 0px;
		width: 100%;
		border: 0px;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products > a + span {
		margin: 0 0 10px 0;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-products ul.dropdown-menu li.hide-menu {
		display: none;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-resources {
		margin-left:0;
		margin-right: 0;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-resources > a {
		border: 0px;
		color: #333;
		font-size: 14px;
    	margin: 0;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-resources > a + span {
		min-height: initial;
		display: none;
	}

	.nav-left .dropdown-menu .dropdown-inner li.dropdown-resources.margin-bot-40 {
		margin-bottom: 15px;
	}

	.language-chooser.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		border: 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 0;
	}

	.slider-section {
		padding: 100px 0 50px 0;
	}

	.features-list ul.features-list-items {
		padding-left: 15px;
	}

	ul.features-list-items .features-list-line {
		left: 15px;
	}

	ul.features-list-items li.features-list-item {
		margin-top: 0!important;
		margin-bottom: 20px;
		padding-right: 10px;
		text-align: left;
		width: 100%;
	}

	ul.features-list-items li.features-list-item:nth-child(even) {
		padding: 0 10px 20px 70px;
		text-align: left;
	}

	ul.features-list-items li.features-list-item:nth-child(odd) {
		margin-bottom: 20px;
		padding: 0 10px 20px 70px;
	}

	ul.features-list-items li.features-list-item:nth-child(even)>.feature-badge ,
	ul.features-list-items li.features-list-item:nth-child(odd)>.feature-badge  {
		top: 12px;
		left: -6px;
		right: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	li.features-list-item:nth-child(even)> .feature-badge:before {
		left: 10px;
	}

	.features-list ul.features-list-items:after,
	.features-list ul.features-list-items:before {
		right: inherit;
		left: 10px;
	}

	ul.features-list-items li.features-list-item:nth-child(even) .feature-details .feature-detail-heading i {
		float: left;
	}

	.single-testimonial {
		border: 0px !important;
	}

	.testimonials-section .single-testimonial {
		min-height: initial;
	}

	.single-testimonial .single-testimonial-inner {
		border-bottom: 1px solid #eee;
		padding: 30px 20px 30px 20px;
	}

	.single-testimonial:last-of-type .single-testimonial-inner {
		border-bottom: 0px;
	}

	.single-testimonial .single-testimonial-inner p {
		min-height: initial;
	}

	.single-support .support-image {
		font-size: 30px;
		vertical-align: top;
	}

	.single-support .single-support-details {
		padding: 0 0px 0 10px;
		width: calc(100% - 40px);
	}

	.support-details .single-support {
		padding: 20px 15px 20px 15px;
	}

	.single-support .single-support-details h6 {
		font-size: 14px;
	}
}


@media (min-width:768px) and (max-width:991px) {
	
}


/*-----------------------------------------------------------------
Min 768px
-----------------------------------------------------------------*/
@media (min-width:768px) {
	.p0 {
		padding: 0 !important;
	}

	.video-modal .modal-dialog {
		width: 800px;
	}
}


/*-----------------------------------------------------------------
Max 767px
-----------------------------------------------------------------*/
@media (max-width:767px) {
	.header a.navbar-brand {
		padding: 0 15px;
	}

	.header .right-menu .right-menu-top li.menu-phone {
		display: none;
	}

	.mobile-toggle {
		margin: 20px 0px 0 0;
	}

	.section-heading .heading-light {
		font-size: 24px;
	}

	.section-heading .subheading-light {
		font-size: 16px;
		line-height: 24px;
	}

	.slider-section {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		left: 0;
		right: 0;
		width: 100%;
	}

	.slider-detail {
		text-align: center;
	}

	.slider-section h1 {
		font-size: 36px;
	}

	.slider-section h3 {
		margin: -10px 0 0 0;
	}

	.slider-section .slider-buttons {
		margin: 25px 0 25px 0;
	}

	.home-features {
		padding: 170px 0 100px 0;
	}

	.features-headings {
		margin: 30px 0 30px 0;
	}

	.features-headings h3 {
		font-size: 24px !important;
	}

	.features-headings p {
		font-size: 16px !important;
	}

	.feature-heading-side {
		margin: 0 0 20px 0;
	}

	.feature-heading-side h3 {
		margin: 0 0 0px 0 !important;
	}

	.feature-heading-side p {
		color: #95c5f4;
	}

	.features-headings .feature-heading-middle {
		margin: 0 0 10px 0;
	}

	.features-headings .feature-heading-middle h3 {
		margin: 5px 0 0px 0;
	}

	.features-headings .feature-heading-middle p {
		margin: 0 0 15px 0;
	}

	.features-list ul.features-list-items {
		padding-top: 0;
	}

	.features-list ul.features-list-items:before {
		display: none;
	}

	li.features-list-item .feature-badge:before {
		width: 20px;
	}

	li.features-list-item:nth-child(odd)> .feature-badge:before {
		right: -20px;
	}

	ul.features-list-items li.features-list-item:nth-child(even) {
		padding: 0 0px 20px 30px;
	}

	ul.features-list-items li.features-list-item:nth-child(odd) {
		padding: 0 0px 20px 30px;
	}

	ul.features-list-items .features-list-line {
		top: 15px;
	}

	li.features-list-item .feature-details .feature-detail-heading i {
		font-size: 24px;
		position: relative;
		top: 5px;
	}

	li.features-list-item .feature-details .feature-detail-heading span {
		font-size: 18px;
	}

	li.features-list-item .feature-details p {
		font-size: 14px;
		line-height: 24px;
	}

	.section-pos {
		background-image: url('../images/pos-devices-mobile.png');
	}

	.section-pos .section-heading {
		background-color: rgba(0,0,0,0.6);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 15px;
	}

	.section-devices {
		padding: 70px 0 0px 0;
	}

	.section-devices .devices-image {
		
		position: relative;
		top: -60px;
	}

	.section-devices .devices-image img {
		display: none;
	}

	.section-devices-detail {
		margin: 30px 0 0 0;
		text-align: center;
	}

	.section-devices-detail .devices-detail-circle {
		height: 300px;
		padding: 70px 40px 40px 40px;
		text-align: left;
		width: 300px;
	}

	.section-devices-detail .devices-detail-circle h3 {
		font-size: 24px;
	}

	.section-devices-detail .devices-detail-circle h4 {
		font-size: 18px;
		line-height: 30px;
	}

	.section-multilingual {
		padding: 70px 0 60px 0;
	}

	.section-case-studies {
		padding: 70px 0 70px 0;
	}

	.section-customers {
		padding: 70px 0 70px 0;
	}

	.customers-logos .customers-logos-list .single-customer-logo .client-slide-info {
		display: none;
	}

	.customers-logos-list .slick-prev {
		left: 0;
	}

	.customers-logos-list .slick-next {
		right: 0;
	}

	.section-server {
		padding: 70px 0 70px 0;
	}

	.section-server .server-details .server-image img {
		display: block;
		margin: 0 auto 15px auto;
		max-width: 300px;
	}

	.section-customers-testimonials {
		padding: 70px 0 0px 0;
	}

	.single-testimonial .single-testimonial-inner .testimonial-image {
		vertical-align: top;
	}

	.section-support {
		padding: 350px 0 50px 0;
	}

	.support-details .single-support {
		margin-bottom: 20px;
	}

	.single-widget {
		margin-bottom: 30px;
	}

	.single-widget .widget-title {
		margin: 0 0 20px 0;
	}

	.section-copyright .copyright-text img {
		display: none;
	}

	.section-copyright .copyright-text p {
		padding: 0;
	}

	.section-copyright .footer-links {
		margin: 15px 0 0 0;
	}

	.section-copyright .footer-links ul li {
		border-left: 0px;
		border-right: 1px solid rgba(255,2555,255,0.3);
		float: none !important;
		display: inline-block;
		margin: 0 15px 0 0;
		padding: 0 15px 0 0;
	}

	.section-copyright .footer-links ul li:last-child {
		border-right: 0px solid rgba(255,2555,255,0.3);
	}

	.go-top {
		bottom: 0.5em;
		right: 0.5em;
	}

	.page-header {
		padding: 100px 0 0px 0;
		text-align: center;
	}

	.page-header h1 {
		font-size: 28px;
		line-height: 40px;
		margin: 10px 0 0 0;
	}

	.page-header .tricker {
		display: none !important;
	}

	.product-features-heading h3 {
		font-size: 24px;
		line-height: 36px;
		padding: 0 15px;
	}

	.section-free-trial {
		padding: 120px 0 120px 0;
		text-align: center;
	}

	.section-free-trial h2 {
		font-size: 26px;
	}

	.section-free-trial p {
		font-size: 16px;
	}

	.section-free-trial a {
		float: none !important;
		margin: 20px 0 0 0;
	}

	.section-product-description {
		padding: 80px 15px 30px 15px;
	}

	.modal {
		padding-top: 40px;
	}

	.modal .modal-dialog .close {
		right: 0;
		top: -30px;
	}

	.stick-bar {
		display: inline-block;
		margin: -20px 0 30px 0;
		position: relative;
		top: 0px !important;
		width: 100%;
	}

	.modal iframe {
		height: 400px;
	}

	.faq-post-data .faq-post-content .single-video iframe {
		height: 400px;
	}

	.get-a-quote-btn {
		bottom: 15px;
		top: inherit;
		right: inherit;
		left: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg) translateX(0) translateZ(0);
	}

	.get-a-quote-btn a {
		font-size: 14px;
	}

	@-webkit-keyframes swing
	{
		5%
		{
			-webkit-transform: rotate(0deg) translateX(5px) translateZ(0);
			transform: translateX(5px) translateZ(0);
		}
		10%
		{
			-webkit-transform: rotate(0deg) translateX(-5px);
		transform: translateX(-5px);
		} 
		15%
		{
			-webkit-transform: rotate(0deg) translateX(3px);
			transform: translateX(3px);
		}
		20%
		{
			-webkit-transform: rotate(0deg) translateX(-3px);
			transform: rotate(0deg) translateX(-3px);
		}
		25%
		{
			-webkit-transform: rotate(0deg) translateX(2px);
			transform: rotate(0deg) translateX(2px);
		}
		30%
		{
			-webkit-transform: rotate(0deg) translateX(0);
			transform: rotate(0deg) translateX(0);
		}
		100%
		{
			-webkit-transform: rotate(0deg) translateX(0);
			transform: rotate(0deg) translateX(0);
		}
	}
	@keyframes swing
	{
		5% {
			-webkit-transform: rotate(0deg) translateX(5px);
			transform: rotate(0deg) translateX(5px);
		}
		10%
		{
			-webkit-transform: rotate(0deg) translateX(-5px);
			transform: rotate(0deg) translateX(-5px);
		}
		15%
		{
			-webkit-transform: rotate(0deg) translateX(3px);
			transform: rotate(0deg) translateX(3px);
		}
		20%
		{
			-webkit-transform: rotate(0deg) translateX(-3px);
			transform: rotate(0deg) translateX(-3px);
		}
		25%
		{
			-webkit-transform: rotate(0deg) translateX(2px);
			transform: rotate(0deg) translateX(2px);
		}
		30%
		{
			-webkit-transform: rotate(0deg) translateX(0);
			transform: rotate(0deg) translateX(0);
		}
		100%
		{
			-webkit-transform: rotate(0deg) translateX(0) translateZ(0);
			transform: rotate(0deg) translateX(0) translateZ(0);
		}
	}
}

/*-----------------------------------------------------------------
Max 600px
-----------------------------------------------------------------*/
@media (max-width:600px) {
	
}


/*-----------------------------------------------------------------
Max 479px
-----------------------------------------------------------------*/
@media (max-width:479px) {
	.header .right-menu .right-menu-top {
		margin: 15px 10px 0 0;
	}

	.header .right-menu .right-menu-top > li > a {
		margin-left: 10px;
	}
	 
	.header .right-menu .right-menu-top > li.menu-languages > a {
		margin: 0;
	}

	.slider-section h1 {
		font-size: 26px !important;
	}

	.slider-section h2 {
		font-size: 20px !important;
		padding: 5px 0 0 0 !important;
	}

	.modal iframe {
		height: 300px;
	}

	.faq-post-data .faq-post-content .single-video iframe {
		height: 300px;
	}
}


/*-----------------------------------------------------------------
Max 360px
-----------------------------------------------------------------*/
@media (max-width:360px) {
	.header a.navbar-brand img {
        height: 35px;
        width: 35px;
    }

	.header .right-menu .right-menu-top li a.btn-free-trial {
        font-size: 12px;
        padding: 5px 10px;
	}
	
	.header .right-menu .right-menu-top > li > a {
		margin-left: 10px;
	}

	.header .right-menu .right-menu-top > li.menu-languages > a > span {
		font-size: 12px;
	}
}


/*-----------------------------------------------------------------
Max 320px
-----------------------------------------------------------------*/
@media (max-width:320px) {
	.header .right-menu .right-menu-top li a.btn-free-trial {
		padding: 5px 15px;
	}
}