@media screen and (max-width:1300px) {	
	.detail-section-one .detail-left-box{
		padding-left:30px;
	}
	.detail-section-two .detail-left-box {
		padding-left: 0px;
		padding-right: 30px;
	}
	.menu-image-options img {
	    max-width:570px; 
	}
	.macbook-frame {
	    width: 435px;
	    height: 280px;
	    bottom: 50px;
	}

}

@media screen and (min-width:1200px) {
	.container {
		max-width: 1230px;
	}

}


@media screen and (max-width:1199px) {
	.banner-image-item{
		padding-right:40px;
	}	
	.limetray-content img {
		max-width: 100%;
	}	
	.menu-image-options img {
	    max-width: 450px;
	}
	.macbook-frame {
	    width: 345px;
	    height: 222px;
	    bottom: 40px;
	}	

}

@media screen and (max-width:991px) {
	.banner-section h2{
		font-size: 48px;
		line-height: 52px;
		margin-bottom:30px;
	}
	.banner-section h2 br{
		display: none;
	}
	.banner-section p {
		line-height: 26px;
		margin-bottom: 30px;
	}	
	.feature-box{
		text-align: center;
		margin-bottom:25px;
	}
	.restaurant-pos-takes .main-heading {
		margin-bottom: 40px;
	}
	.detail-section-one .detail-left-box {
		padding-left:30px;
		padding-right:30px;
		max-width:100%;
	}
	.detail-section-two .detail-left-box{
		padding-left:15px;
		padding-right:15px;
		max-width:100%;
	}
	.detail-section-one .detail-right-box {
		margin-right: -35px;
	}
	.detail-section-two .detail-right-box {
		margin-left: -135px;
	}
	.macbook-frame {
	    width: 252px;
	    height: 162px;
	    bottom: 30px;
	}


}

@media screen and (max-width:767px) {
	.banner-section{
		padding-bottom:50px;
	}	
	.banner-content{
		padding-bottom:15px;
	}
	.restaurant-pos-takes {
		padding: 60px 0;
	}
	h2 {
		font-size: 55px;
		line-height: 68px;
	}
	.pos-built-section {
		padding: 60px 0;
	}
	h3 {
		font-size: 36px;
		line-height: 44px;
	}
	.pos-built-section .main-heading {
		margin-bottom: 40px;
	}
	.restaurant-name h5 {
		font-size: 22px;
	}
	.detail-section-one {
		padding: 60px 0 10px 0;
	}
	.restaurant-features-section {
		padding: 60px 0;
	}
	.restaurant-features-section .main-heading {
		margin-bottom: 40px;
	}
	.limetray-demo-section {
		padding: 60px 0;
	}
	#restaurant-management-popup .modal-content .modal-body {
		padding:0px 15px 30px 15px; 
	}
	#restaurant-management-popup .modal-content .modal-body .btn{
		padding: 3px 30px;
	}
	#restaurant-management-popup .modal-content .modal-body h4 {
	    font-size: 24px;
	    line-height: 34px;
	    margin-bottom: 20px;	    
	}
	.restaurant-pos-takes {
	    padding: 60px 0;
	}
	.menu-options-details-section {
	    padding: 60px 0;
	}
	.services-options-details-section {
	    padding: 60px 0;
	}
	.detail-section-tree {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.menu-image-options {
	    margin-bottom:15px; 
	}
	.macbook-frame {
	    width: 345px;
	    height: 222px;
	    bottom: 40px;
	}
	.menu-details-options a.btn {
    	margin:30px auto;
    	display: table;
	}
	.detail-section-tree .detail-right-box{
		margin-bottom:30px; 
	}
	.detail-section-tree .detail-left-box {
    	padding:0; 
	}
	.customer-order-section h4 {
    	font-size:32px;
    	margin-bottom:20px;  
	}
	.restaurant-pos-takes .main-heading p{
		font-size: 18px;
		margin-bottom:20px; 
	}
	.restaurants-client-section {
    	padding: 60px 0 60px 0;
	}
	.restaurants-client-section .main-heading{
		margin-bottom: 30px;
	}
	.restaurants-client-section .main-heading h4{
		font-size: 32px;
	}

}


@media screen and (max-width:480px) {
	.banner-section {
		padding-top:60px ;
		padding-bottom: 30px;
	}
	.banner-section h2 {
		font-size: 42px;
		line-height: 48px;
		margin-bottom: 25px;
	}
	.banner-content {
		padding-bottom:0;
	}
	.banner-section a.btn {
		font-size: 18px;
		padding: 2px 20px 2px 20px;
	}
	.banner-image-item {
		padding-right: 0px;
	}
	.restaurant-pos-takes {
		padding: 50px 0 30px 0;
	}
	.btn {
		font-size: 18px;
		padding: 4px 30px;
	}
	.restaurant-pos-takes .main-heading {
		margin-bottom: 30px;
	}
	.feature-box h2 {
		font-size:48px;
		line-height:58px;
		margin-bottom: 5px;
	}
	.feature-box p{
		font-size:18px;
	}
	.pos-built-section {
		padding: 50px 0;
	}	
	.pos-built-section .main-heading h3{
		font-size: 32px;
	}
	.detail-section-one {
		padding-top:50px;
	}
	.detail-section-one .detail-left-box {
		padding-left: 20px;
		padding-right: 20px;
	}
	.detail-section-two .detail-left-box {
		padding-left: 5px;
		padding-right: 5px;
	}
	.detail-section-two .detail-left-box h5, 
	.detail-section-one .detail-left-box h5 {
		font-size: 28px;
	}
	.detail-section-two .detail-left-box p, 
	.detail-section-one .detail-left-box p {
		margin-bottom: 30px;
	}
	.restaurant-features-section {
		padding: 50px 0 30px 0;
	}
	.restaurant-features-box {
		padding: 30px 15px;
	}
	.restaurant-features-box h5 {
		font-size: 24px;
		line-height: 32px;
	}
	.restaurant-features-box p{
		font-size:16px;
	}
	.limetray-demo-section {
		padding: 50px 0;
	}
	.limetray-content{
		text-align: center;
	}
	.limetray-content h3 {
		margin-bottom: 25px;
	}
	.limetray-content p{
		font-size: 18px;
	}
	.restaurants-client-section {
 	   padding: 50px 0;
	}
	.menu-image-options img {
 	   max-width: 290px;
	}
	.macbook-frame {
	    width: 220px;
	    height: 142px;
	    bottom: 26px;
	}
	.menu-options-details-section {
 	   padding: 50px 0;
	}
	.services-options-details-section {
 	   padding: 40px 0 50px 0;
	}
	.detail-section-tree {
 	   padding-top: 50px;
	    padding-bottom: 50px;
	}
	.banner-section p br{
		display: none;
	}
	.mobile-frame-box {
		height: 568px;
	}

}