body, html {
			    height: 100%;
			    margin : 0;
			    padding : 0;
			}

			.table-shop tr td{
				padding : 10px;
			}

			.link-website{
				position: absolute;
				top : 5px;
				right : 8px;
				z-index: 9999;
			}

			.bg-container{
				
				width: 100%;
				height: 100%;
			    background-repeat: no-repeat;
			    background-size: cover;
			    position: relative;
			    display: block;
			}

			.onlineshop-link{
				position: absolute;
				top : 0;
				width: 100%;
			}

			.row{
				margin :0;
				padding :0;
			}

			.col-md-12{
				margin :0;
				padding :0;
			}

			/* mac big screen */
			@media screen and (min-width: 1901px){
				.social-media-4x{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-4x{
					font-size: 35px;
					margin-top: 12px;
					margin-left: 12px;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 200px;
				}

				/*setting cashier*/
				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 35%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 35%; 
					z-index: 0;
				}

				.cashier1_size{
					size:100px;
				}

				.cashier2_size{
					size:100px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: block;
				}

				.not-inline{
					display: none;
				}
			}


			@media screen and (max-width: 1900px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-2x{
					font-size: 34px;
					margin-top: 12px;
					margin-left: 12px;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 155px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 32%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 32%; 
					z-index: 0;
				}

				.cashier1_size{
					size:100px;
				}

				.cashier2_size{
					size:100px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: block;
				}

				.not-inline{
					display: none;
				}
			}

			/*laptop*/
			@media screen and (max-width: 1500px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-2x{
					font-size: 32px;
					margin-top: 10px;
					margin-left: 12px;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 110px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 28%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 28%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 270px;
				}

				.cashier2_size{
					width:210px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: block;
				}

				.not-inline{
					display: none;
				}
			}

			@media screen and (max-width: 1400px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-2x{
					font-size: 32px;
					margin-top: 10px;
					margin-left: 12px;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 110px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 28%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 28%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 240px;
				}

				.cashier2_size{
					width:190px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: block;
				}

				.not-inline{
					display: none;
				}
			}

			@media screen and (max-width: 1300px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-2x{
					font-size: 32px;
					margin-top: 10px;
					margin-left: 12px;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 110px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 24%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 24%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 240px;
				}

				.cashier2_size{
					width:190px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: block;
				}

				.not-inline{
					display: none;
				}
			}

			@media screen and (max-width: 1200px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-2x{
					font-size: 32px;
					margin-top: 10px;
					margin-left: 12px;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 110px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 24%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 23%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 200px;
				}

				.cashier2_size{
					width:170px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
				}

				.tokopedia{
					width:70px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:70px;
				}

				.lazada{
					width:150px;
				}

				.blibli{
					width:55px;
				}

				.bhinekka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:85px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}


			@media screen and (max-width: 1000px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 25px;
					margin-top: 3px;
					margin-left: 7px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 23%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 20%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 180px;
				}

				.cashier2_size{
					width:157px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			/*here*/
			/*flag1*/
			@media screen and (max-width: 900px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 25px;
					margin-top: 3px;
					margin-left: 7px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 24%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 21%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 180px;
				}

				.cashier2_size{
					width:150px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 800px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 16px;
					margin-bottom: 20px;
					margin-left: 1px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 16%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 10%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 160px;
				}

				.cashier2_size{
					width:140px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}
				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 700px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 14px;
					margin-bottom: 23px;
					margin-left: 1px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 15%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 11%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 135px;
				}

				.cashier2_size{
					width:120px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 650px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 12.5px;
					margin-bottom: 23px;
					margin-left: 0px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 16%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 12%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 130px;
				}

				.cashier2_size{
					width:110px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 635px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 11.5px;
					margin-bottom: 24px;
					margin-left: 0px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 17%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 11%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 110px;
				}

				.cashier2_size{
					width:100px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}
			}

			/*here*/
			@media screen and (max-width: 620px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 10px;
					margin-bottom: 20px;
					margin-left: 1px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 18%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 13%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 120px;
				}

				.cashier2_size{
					width:110px;
				}

				.b2b{
					width:170px;
				}

				.b2c{
					width:170px;
				}

				.bukalapak{
					width:70px;
					margin-top: 20px;
				}

				.tokopedia{
					width:65px;
				}

				.ralali{
					width:65px;
				}

				.shopee{
					width:80px;
				}

				.lazada{
					width:150px;
					margin-top: 20px;
				}

				.blibli{
					width:65px;
				}

				.bhinneka{
					width:200px;
				}

				.mbiz{
					width:120px;
				}

				.bizzy{
					width:90px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 580px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 10px;
					margin-bottom: 20px;
					margin-left: 1px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 15%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 11%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 110px;
				}

				.cashier2_size{
					width:100px;
				}

				.b2b{
					width:150px;
				}

				.b2c{
					width:150px;
				}

				.bukalapak{
					width:50px;
					margin-top: 20px;
				}

				.tokopedia{
					width:45px;
				}

				.ralali{
					width:45px;
				}

				.shopee{
					width:60px;
				}

				.lazada{
					width:130px;
					margin-top: 20px;
				}

				.blibli{
					width:45px;
				}

				.bhinneka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:70px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 520px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 10px;
					margin-bottom: 20px;
					margin-left: 1px;
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 15%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 12%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 101px;
				}

				.cashier2_size{
					width:90px;
				}

				.b2b{
					width:150px;
				}

				.b2c{
					width:150px;
				}

				.bukalapak{
					width:50px;
					margin-top: 20px;
				}

				.tokopedia{
					width:45px;
				}

				.ralali{
					width:45px;
				}

				.shopee{
					width:60px;
				}

				.lazada{
					width:130px;
					margin-top: 20px;
				}

				.blibli{
					width:45px;
				}

				.bhinneka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:70px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 450px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 10px;
					margin-bottom: 20px;
					
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 17%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 14%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 93px;
				}

				.cashier2_size{
					width:80px;
				}

				.b2b{
					width:150px;
				}

				.b2c{
					width:150px;
				}

				.bukalapak{
					width:50px;
					margin-top: 20px;
				}

				.tokopedia{
					width:45px;
				}

				.ralali{
					width:45px;
				}

				.shopee{
					width:60px;
				}

				.lazada{
					width:130px;
					margin-top: 20px;
				}

				.blibli{
					width:45px;
				}

				.bhinneka{
					width:180px;
				}

				.mbiz{
					width:100px;
				}

				.bizzy{
					width:70px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			/*final size*/
			@media screen and (max-width: 370px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 12px;
					margin-top: 0px;
					
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 17%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 14%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 80px;
				}

				.cashier2_size{
					width:73px;
				}

				.b2b{
					width:140px;
				}

				.b2c{
					width:140px;
				}

				.bukalapak{
					margin-top: 15px;
					width:40px;
				}

				.tokopedia{
					width:40px;
				}

				.ralali{
					width:35px;
				}

				.shopee{
					width:45px;
				}

				.lazada{
					margin-top: 20px;
					width:80px;
				}

				.blibli{
					width:40px;
				}

				.bhinneka{
					width:100px;
				}

				.mbiz{
					width:60px;
				}

				.bizzy{
					width:55px;
				}

				.inline{
					display: none;
				}

				.not-inline{
					display: block;
				}
			}

			@media screen and (max-width: 330px){
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-lg{
					font-size: 5px;
				
				}

				.social-media-sm{
					display : none;
				}

				.banner{
					padding-bottom: 85px;
				}

				.cashier1_position{
					position: absolute; 
					left: 0; 
					top : 17%; 
					z-index: 0;
				}

				.cashier2_position{
					position: absolute; 
					right: 0; 
					top : 14%; 
					z-index: 0;
				}

				.cashier1_size{
					width: 80px;
				}

				.cashier2_size{
					width:73px;
				}
			}

			@media screen and (max-width: 300px) {
				.social-media-4x{
					display : none;
				}

				.social-media-lg{
					display : none;
				}

				.social-media-md{
					display : none;
				}

				.social-media-sm{
					display : block;
					position: absolute; top: 0; left: 1%; z-index: 9999;
				}

				.fa-xs{
					font-size: 200px;
					margin-top: 10px;
					margin-left: 12px;
				}

				.banner{
					padding-bottom: 15px;
				}
			}