@media (max-width: 1024px) and (min-width: 768px){
	#content.wrapper{
		margin-left: 1% !important;
		margin-right: 1% !important;
		
	}
	
	#platform_back_link {
		left: -7.5%;
	}
}

@media (max-width: 979px) and (min-width: 768px){
	body{
		/*padding-left: 10px;*/
	}
	
	#footer{
		padding-left: 40px;
	}
	
	.promotion-container .span4{
		width: 80% !important;
	}
	
	.modal.large{
		left:10% !important;
	}
	
	.modal.large.hide-in-left{
		margin-left: -3000px !important;
	}
	
	#product_card_listing .span3{
		width: 47.8%;
	}	
	#outlet_header_left_panel{
		margin-top:15px;
		margin-left:25px;
	}
	
	#board_content_div .span3.baord-card {
		width: 45% !important;
	}
	
	#content.wrapper{
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
	}
	
	#content_div {
		margin-left: 10px !important;
	}
	
	#platform_back_link {
		left: -7.5%;
	}
	
	#loyalty_card_container{
		margin-top: 50px;
	}

    .nav-collapse .nav>li {
        float: left;
    }

    #header_body.in{
        border-bottom: #555555 solid 1px;
    }
	
}
@media (max-width: 767px) {
	#merchant_acct_form .control-label {
		text-align: left;
	}
	#registration_form input[name=recaptcha_response_field] {
		width: 240px !important;
	}
	
	.well.recaptcha-control {
		width: 240px !important;
	}
	
	#recaptcha_image img {
	    width: 240px !important;
	    height: 46px !important;
	}
	#other_signin_label_div{
		text-align: center !important;
	}
	#other_signin_option_div{
		text-align: center !important;
	}
	
	.loyal_card_height{
		min-height: 480px;
	}
	
	#content_div{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	body{
		padding: 0px 0px;
	}
	/*
	#footer{
	    padding-left:10px !important;
	}
	*/
	.footer-column.span6{
	    width: 45%;
	    float: left;
	}
	
	#product_card_modal .modal-body{
		min-height: 200px !important;
		max-height: 500px !important;
		overflow: auto !important;
	}
	
	.progress-tracker a{
		min-width: 218px;
	}
	
	.progress-tracker a:first-child:before{
		left: 30px;
	}
	.progress-tracker a:first-child:after{
		width: 36px;
	}
	
	.progress-tracker a:after {
		transform: none;
		-ms-transform: none; 
		-webkit-transform:none; 
		box-shadow:none;
		border-radius: 0 0px 0 0px;
	}
	
	.progress-tracker a:first-child {
		border-radius: 0 0px 0px 0;
		padding-right: 14px;
	}
	
	.progress-tracker a:last-child {
		border-radius: 0 0px 0px 0;
		padding-right: 28px;
	}
	
	.modal.container {
		top: 5% !important;
	}
	
	.modal{
		position: absolute;
	}
	
	#pricing_table_content_div .nav.nav-tabs{
	    font-size: 8pt;
	}
	
	.carousel-control{
        top: 60px;
        position:absolute;
    }
    
    .carousel-control.left{
        left: 10px;
    }
    
    .carousel-control.right{
        right: 10px;
    }
    
    .banner-text-block h1{
        font-size: 22pt !important;
    }
    
    .banner-text-block h3{
        font-size: 15pt !important;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    
    .banner-text-block .banner-text{
        font-size: 12pt !important;
    }
    
    .banner-text-block .banner-text-sub{
        padding-left: 10px; 
        font-size: 12pt !important;
    }
    
    .banner-text-block .banner-text-sub li{
        margin-bottom: 5px;
    }
	
	.join-us-button{
        position:absolute;
        bottom: 30px;
        right: 10px;
    }

    .nav-collapse .nav>li {
        float: left;
    }

    .form-horizontal .control-group {
        padding-right: 10px;
    }

    .navbar .nav-collapse .nav.pull-right {
        margin-top: 20px;
    }

    #header_body{
        margin-top: 52px;
    }

    /* Start: Reward Card */
    .reward-card-container{
        margin: 0 auto;
        width: 320px;
    }

    .reward-card{
        margin-top: 30px;
        margin-bottom:20px;
        position: relative;
        width: 320px;
        height: 200px;
    }

    .reward-card-image{
        position: relative;
        width: 320px;
        height: 200px;
        background-size: 320px 200px;
    }

    .stamp-holder{
        top: 66.67px;
        left: 0px;
        right: 43px;
        position: absolute;
    }

    .reward-card-stamp{
        position: absolute;
        height: 33px;
        width: 33px;
        margin-left: 6.7px;
        margin-right: 6.7px;
        margin-top: 6.7px;
        margin-bottom: 6.7px;
    }

    .rewards-details-overlay{
        top: 66.67px;
        left: 0px;
        right: 0px;
        width: 320px;
        height: 66.67px;
        background-color: #555555;
        opacity: 0.6;
        position: absolute;
        z-index: 2;
    }

    .rewards-details-content{
        padding-top: 16.67px;
        font-size: 14.67px;
        color: #FFFFFF;
        margin: 0 auto;
        text-align: center;
    }

    .reward-card-footer{
        bottom:0px;
        left: 0px;
        right: 0px;
        width: 320px;
        height: 26.67px;
        background-color: #000000;
        opacity: 0.7;
        position: absolute;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .reward-card-footer-content{
        padding-top: 6.67px;
        padding-right: 13.3px;
        font-size: 13.3px;
        color: #FFFFFF;
        text-align: right;
    }

    .reward-card-label{
        top: 16.67px;
        right: 13.3px;
        width: 200px;
        position: absolute;
        color: #000000;
        font-size: 13.3pt;
        font-weight: bold;
        text-align: right;
    }

    .reward-card-logo-container{
        top: 10px;
        left: 6.67px;
        width: 66.67px;
        height: auto;
        position: absolute;
        border: 1px solid #000000;
        padding: 2px;
        background-color: #FFFFFF;

    }

    .total-stamp-count{
        bottom: 16.67px;
        width: 320px;
        position: absolute;
        color: #000000;
        font-size: 10.67px;
        font-weight: bold;
        text-align: center;
    }

    .more-stamp-sign{
        padding-top: 20px;
        padding-left: 10px;
        font-size: 13.3pt;
        font-weight: bold;
        position: absolute;
    }

    .member-reference-code{
        top: 116.67px;
        width: 320px;
        text-align: center;
        font-size: 13.3pt;
        color: #555555;
        position: absolute;
        z-index: 2;
    }

    .stamp-holder .top0left0{
        top: 0px;
        left: 46.67px;
    }

    .stamp-holder .top0left1{
        top: 0px;
        left: 93.33px;
    }

    .stamp-holder .top0left2{
        top: 0px;
        left: 140px;
    }

    .stamp-holder .top0left3{
        top: 0px;
        left: 186.67px;
    }

    .stamp-holder .top0left4{
        top: 0px;
        left: 233.33px;
    }

    .stamp-holder .top1left0{
        top: 40px;
        left: 46.67px;
    }

    .stamp-holder .top1left1{
        top: 40px;
        left: 93.33px;
    }

    .stamp-holder .top1left2{
        top: 40px;
        left: 140px;
    }

    .stamp-holder .top1left3{
        top: 40px;
        left: 186.67px;
    }

    .stamp-holder .top1left4{
        top: 40px;
        left: 233.33px;
    }
    /* End: Reward Card */
    #header_body.in{
        border-bottom: #555555 solid 1px;
    }

}

@media (max-width: 480px) {
    /* Start: Reward Card */
    .reward-card-container{
        margin: 0 auto;
        width: 240px;
    }

    .reward-card{
        margin-top: 15px;
        margin-bottom:10px;
        position: relative;
        width: 240px;
        height: 150px;
    }

    .reward-card-image{
        position: relative;
        width: 240px;
        height: 150px;
        background-size: 240px 150px;
    }

    .stamp-holder{
        top: 50px;
        left: 0px;
        right: 0px;
        position: absolute;
    }

    .reward-card-stamp{
        position: absolute;
        height:25px;
        width: 25px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .rewards-details-overlay{
        top: 50px;
        left: 0px;
        right: 0px;
        width: 240px;
        height: 50px;
        background-color: #555555;
        opacity: 0.6;
        position: absolute;
        z-index: 2;
    }

    .rewards-details-content{
        padding-top: 12.5px;
        font-size: 11px;
        color: #FFFFFF;
        margin: 0 auto;
        text-align: center;
    }

    .reward-card-footer{
        bottom:0px;
        left: 0px;
        right: 0px;
        width: 240px;
        height: 20px;
        background-color: #000000;
        opacity: 0.7;
        position: absolute;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .reward-card-footer-content{
        padding-top: 5px;
        padding-right: 10px;
        font-size: 10px;
        color: #FFFFFF;
        text-align: right;
    }

    .reward-card-label{
        top: 12.5px;
        right: 10px;
        width: 150px;
        position: absolute;
        color: #000000;
        font-size: 10pt;
        font-weight: bold;
        text-align: right;
    }

    .reward-card-logo-container{
        top: 7.5px;
        left: 5px;
        width: 50px;
        height: auto;
        position: absolute;
        border: 1px solid #000000;
        padding:1px;
        background-color: #FFFFFF;

    }

    .total-stamp-count{
        bottom:12.5px;
        width: 240px;
        position: absolute;
        color: #000000;
        font-size: 8px;
        font-weight: bold;
        text-align: center;
    }

    .more-stamp-sign{
        padding-top: 15px;
        padding-left:7.5px;
        font-size: 10pt;
        font-weight: bold;
        position: absolute;
    }

    .member-reference-code{
        top: 87.5px;
        width: 240px;
        text-align: center;
        font-size: 10pt;
        color: #555555;
        position: absolute;
        z-index: 2;
    }

    .stamp-holder .top0left0{
        top: 0px;
        left: 35px;
    }

    .stamp-holder .top0left1{
        top: 0px;
        left: 70px;
    }

    .stamp-holder .top0left2{
        top: 0px;
        left: 105px;
    }

    .stamp-holder .top0left3{
        top: 0px;
        left: 140px;
    }

    .stamp-holder .top0left4{
        top: 0px;
        left: 175px;
    }

    .stamp-holder .top1left0{
        top: 30px;
        left: 35px;
    }

    .stamp-holder .top1left1{
        top: 30px;
        left: 70px;
    }

    .stamp-holder .top1left2{
        top: 30px;
        left: 105px;
    }

    .stamp-holder .top1left3{
        top: 30px;
        left: 140px;
    }

    .stamp-holder .top1left4{
        top: 30px;
        left: 175px;
    }

    /* End: Reward Card */

    #header_body.in{
        border-bottom: #555555 solid 1px;
    }
}

@media (max-width: 480px) and (orientation : landscape) {
    /* Start: Reward Card */
    .reward-card-container{
        margin: 0 auto;
        width: 320px;
    }

    .reward-card{
        margin-top: 30px;
        margin-bottom:20px;
        position: relative;
        width: 320px;
        height: 200px;
    }

    .reward-card-image{
        position: relative;
        width: 320px;
        height: 200px;
        background-size: 320px 200px;
    }

    .stamp-holder{
        top: 66.67px;
        left: 0px;
        right: 43px;
        position: absolute;
    }

    .reward-card-stamp{
        position: absolute;
        height: 33px;
        width: 33px;
        margin-left: 6.7px;
        margin-right: 6.7px;
        margin-top: 6.7px;
        margin-bottom: 6.7px;
    }

    .rewards-details-overlay{
        top: 66.67px;
        left: 0px;
        right: 0px;
        width: 320px;
        height: 66.67px;
        background-color: #555555;
        opacity: 0.6;
        position: absolute;
        z-index: 2;
    }

    .rewards-details-content{
        padding-top: 16.67px;
        font-size: 14.67px;
        color: #FFFFFF;
        margin: 0 auto;
        text-align: center;
    }

    .reward-card-footer{
        bottom:0px;
        left: 0px;
        right: 0px;
        width: 320px;
        height: 26.67px;
        background-color: #000000;
        opacity: 0.7;
        position: absolute;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .reward-card-footer-content{
        padding-top: 6.67px;
        padding-right: 13.3px;
        font-size: 13.3px;
        color: #FFFFFF;
        text-align: right;
    }

    .reward-card-label{
        top: 16.67px;
        right: 13.3px;
        width: 200px;
        position: absolute;
        color: #000000;
        font-size: 13.3pt;
        font-weight: bold;
        text-align: right;
    }

    .reward-card-logo-container{
        top: 10px;
        left: 6.67px;
        width: 66.67px;
        height: auto;
        position: absolute;
        border: 1px solid #000000;
        padding: 2px;
        background-color: #FFFFFF;

    }

    .total-stamp-count{
        bottom: 16.67px;
        width: 320px;
        position: absolute;
        color: #000000;
        font-size: 10.67px;
        font-weight: bold;
        text-align: center;
    }

    .more-stamp-sign{
        padding-top: 20px;
        padding-left: 10px;
        font-size: 13.3pt;
        font-weight: bold;
        position: absolute;
    }

    .member-reference-code{
        top: 116.67px;
        width: 320px;
        text-align: center;
        font-size: 13.3pt;
        color: #555555;
        position: absolute;
        z-index: 2;
    }

    .stamp-holder .top0left0{
        top: 0px;
        left: 46.67px;
    }

    .stamp-holder .top0left1{
        top: 0px;
        left: 93.33px;
    }

    .stamp-holder .top0left2{
        top: 0px;
        left: 140px;
    }

    .stamp-holder .top0left3{
        top: 0px;
        left: 186.67px;
    }

    .stamp-holder .top0left4{
        top: 0px;
        left: 233.33px;
    }

    .stamp-holder .top1left0{
        top: 40px;
        left: 46.67px;
    }

    .stamp-holder .top1left1{
        top: 40px;
        left: 93.33px;
    }

    .stamp-holder .top1left2{
        top: 40px;
        left: 140px;
    }

    .stamp-holder .top1left3{
        top: 40px;
        left: 186.67px;
    }

    .stamp-holder .top1left4{
        top: 40px;
        left: 233.33px;
    }

    /* End: Reward Card */
    #header_body.in{
        border-bottom: #555555 solid 1px;
    }

}