@charset "utf-8";
/* CSS Document */
<!--

/*###Desktops, big landscape tablets and laptops(Large, Extra large)####*/
@media screen and (min-width: 1024px){
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');



/*Style*/
h1 {
font-size: 2.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: auto;
font-weight:800;
}

h2 {
font-size: 1.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: auto;
font-weight:550;
}
h3 {
font-size: 1.2vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
line-height: auto;
font-weight:700;
}

body,td,th {
	font-family: Nunito, sans-serif;
	font-size: 1.1vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: auto;
	font-style: normal;
  font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


input[type=text] {
float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=number] {
float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=password] {
float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=email] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=mob] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=search] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=tel] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
textarea {
  width: 98%;
  height: 150px;
  margin:1%;
  padding: .8vw .8vw;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: .8vw .8vw;
  margin: 8px 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  font-size:1vw;
  border-radius:1vw;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-red {
  background-color:#FF6600;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue {
  background-color:#0033CC;
  width:90%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue2 {
  background-color:#0033CC;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.header {float:left; width:99%; height:auto; padding:.5%; background-color:#003399; color:#FFFFFF; margin-bottom:1vw;}
.header-mob { display:none; visibility:hidden;}
.header-left {float:left; margin-left:5%; height:auto; width:15%; color:#FFFFFF; text-align:left;}
.header-middle {float:left; margin-left:2%; height:auto; width:55%; text-align:left;}
.header-right {float:right; width:10%; margin-right:5%; height:auto; color:#FFFFFF; text-align:right; margin-top:1.5vw;}
.pg-holder {float:left; width:50%; height:auto;margin-bottom:1vw; margin-left:25%; margin-right:25%; margin-bottom:2%;}
.group-img-box {float:left; width:30%; height:auto; margin:1%;}
.complain-box-index {float:left; width:86%; height:auto; padding:2vw; margin-left:1%; margin-bottom:2%; background-color:#003366; color:#FFFFFF; text-align:center;}
.footer {float:left; width:98%; height:auto; padding:1vw; border-top: solid #999999 1px; text-align:center;}

.top-category-page-scroll {float:left; width:100%; height:auto; margin-top:1vw; margin-bottom:1vw; overflow-x: auto;overflow-y: hidden;}
.top-category-page-scroll-holder {float:left; width:1000vw; height:auto;}
.top-category-page-scroll-box-backgroung {float:left; width:auto; height:auto; margin:.5vw; padding:.5vw; background-color:#CCCCCC; text-align:center; border-radius:10px;}
.top-category-page-scroll-box {float:left; width:auto; height:auto; margin:.5vw; padding:.5vw; border:solid #000000 1px; text-align:center; border-radius: 10%;}

.product-holder {float:left; width:28%; height:auto; margin:1%; padding:1%; border:#FF3300 1px solid; border-radius: 10px;}
.product-img {float:left; width:100%; height: auto; margin-bottom:.5vw; text-align:center;}
.product-name {float:left; width:100%; height: 3vw; margin-bottom:.5vw; font-size:.9vw;}
.product-sku {float:left; width:100%; height: 1vw; margin-bottom:.5vw; font-size:.8vw; color:#FF3300;}
.product-scheme {float:left; width:100%; height: 2vw; margin-bottom:.5vw;font-size:.8vw;}
.product-rate {float:left; width:60%; height: 3.5vw; margin-bottom:.5vw;font-size:.9vw;}
.product-btn {float:right; width:32%; height:auto; padding:.5vw; margin-top:1vw; margin-bottom:.5vw; text-align:center; background-color:#FF0000; color:#FFFFFF; border-radius: 10px;}
.pagination {float:left; width:95%; height:auto; margin-bottom:1vw; margin-top:3%; text-align:left;}
.pg-left-butt {float:left; width:auto; height:auto; padding:1vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 25px;}
.pg-right-butt {float:right; width:auto; height:auto; padding:1vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 25px;}

.search-holder {float:left; width:100%; height:auto; margin-bottom:3%;}
.group-holder {float:left; width:auto; height:auto; margin-left:2%;}
.group-img-holder {float:left; width:14%; height:auto; margin:1%;}
.product-holder {float:left; width:45%; height:auto; padding:1%; margin:1%;border-radius: 5px; border:solid #CCCCCC 1px;}
.product-img-holder {float:left; width:39%; height:auto; margin-right:1%;}
.product-txt-holder {float:right; width:58%; height:auto; font-size:.8vw;}
.product-heading-holder {float:left; width:100%; height:3vw; font-size:.8vw;}
.product-desc-holder {float:left; width:100%; height:3vw; margin-bottom:.5vw; font-size:.8vw;}
.product-qty {float:left; width:30%; height:auto;margin-top:3%; margin-bottom:3%; margin-right:3%;text-align:center;}
.product-A2C-red {float:left; width:90%; height:auto; padding-top:18%; padding-bottom:18%; padding-left:5%; padding-right:5%; text-align:center; background-color:#FF0000; color:#FFFFFF;border-radius: 10px;}
.product-A2C-black {float:left; width:50%; height:auto; padding-top:2%; padding-bottom:2%; padding-left:2%; padding-right:2%; text-align:center; background-color:#000000; color:#FFFFFF;border-radius: 10px;}

.product-details-left {float:left; width:45%; height:auto; margin-top:3%; margin-bottom:2%;}
.product-details-right {float:right; width:50%; height:auto; margin-top:3%; margin-bottom:2%; font-size:.9vw;}

.pagination {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:1%; }
.pg-left-butt {float:left; width:auto; height:auto; padding:1%; color:#FFFFFF; background-color:#003399;border-radius: 8px;}
.pg-right-butt {float:right; width:auto; height:auto; padding:1%; color:#FFFFFF; background-color:#003399;border-radius: 8px;}

.header-logout-pc {float:right; width:17%; height:auto; margin-right:3%; text-align:right;}
.header-profile {float:right; width:17%; height:auto; margin-right:3%;}
.header-cart-pc {float:right; width:30%; height:auto; margin-right:3%; }

.cart-btn-holder {float:left; width:100%; height:auto; margin-top:5%;}
.cart-btn-qty {float:left; width:65%; height:auto; margin-right:2%;}
.cart-btn-add {float:right; width:30%; height:auto; text-align:right;}
.logo-holder {float:left; width:50%; height:auto; margin-left:25%; margin-right:25%; margin-top:3%; margin-bottom:3%; text-align:center; visibility:hidden; display:none;}

/*.fixed-top {float:left; width:100%; height:auto; margin-bottom:1%; position:fixed; z-index:500; background-color:#FFFFFF;}
.header-pc {float:left; width:60%; height:5vw; margin-bottom:.5%; padding-left:20%; padding-right:20%;  }
.header-mob {float:left; width:60%; height:5vw; margin-bottom:.5%; padding-left:20%; padding-right:20%; display:none; visibility:hidden;}
.header-pc-logo {float:left; width:20%; height:auto; margin-top:1%;text-align:center;}
.header-pc-right-holder {float:right; width:40%; height:auto; margin-top:1%; text-align:right; font-size:.9vw;}
.menu {float:left; width:60%; height:auto; margin-bottom:.5%; padding-left:20%; padding-right:20%; background-color:#003399;}
.banner-pc {float:left; width:100%; height:auto;  margin-top:8vw; margin-bottom:.5%;}
.banner-mob { visibility:hidden; display:none;}
.page-holder {float:left; width:60%; height:auto; margin-bottom:.5%; margin-left:20%; margin-right:20%;}
.footer-pc {float:left; width:60%; height:auto; padding-left:20%; padding-right:20%; background-color:#000066;}
.footer-mob { visibility:hidden; display:none;}
.index-box1{ float:left; width:31%; height:29vw; margin:1%; text-align:left;}
.index-box1-top{float:left; width:31%; height:auto; margin:1%; text-align:left;}
.index-box2{ float:left; width:47.5%; height:auto; margin:1%; text-align:center;}
.index-box3{ float:left; width:22.5%; height:auto; margin:1%; text-align:center;}
.index-box4{ float:left; width:97%; height:auto; margin:1%; text-align:center;}
.page-holder-general {float:left; width:60%; height:auto; margin-bottom:.5%; margin-left:20%; margin-right:20%; margin-top:9vw;}
.page-left-holder {float:left; width:68%; height:auto; margin-right:2%;}
.page-right-holder {float:right; width:28%; height:auto; }
.youmaylike-box1 { float:left; width:100%; height:auto; margin-bottom:2vw;}
.view-box {float:left; height:2vw; padding:.5vw; font-size:.8vw; color:#009933;}
.pagination { float:left; width:100%; height:auto; margin-top:2vw; margin-bottom:2vw;}
.pg-left-butt {float:left; width:auto; height:auto; padding:1vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 25px;}
.pg-right-butt {float:right; width:auto; height:auto; padding:1vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 25px;}
.doctor-image {float:left; width:10%; height:auto; margin-right:2vw;border-radius: 50%;overflow: hidden;}
.doctor-details {float:left; width:80%; height:auto; margin-bottom:2vw;}

.school-box-holder {float:left; width:31%; height:auto; margin:1%; text-align:left;}
.school-box-img {float:left; width:100%; height:14vw; margin-bottom:.5vw;}
.school-box-heading {float:left; width:100%; height:4vw;margin-bottom:.5vw;}
.school-box-details {float:left; width:100%; height:10vw;margin-bottom:.5vw; font-size:.9vw; line-height:1.5vw; }
.school-box-view-button {float:left; width:94%; height:auto; padding:3%;margin-bottom:1vw; text-align:center;border-radius: 25px; color:#003399; border:solid #003399 2px;}

.top-category-page-scroll {float:left; width:100%; height:auto; margin-top:1vw; margin-bottom:1vw; overflow-x: auto;overflow-y: hidden;}
.top-category-page-scroll-holder {float:left; width:100vw; height:auto;}
.top-category-page-scroll-box-backgroung {float:left; width:auto; height:auto; margin:.5vw; padding:.5vw; background-color:#CCCCCC; text-align:center; border-radius: 10%;}
.top-category-page-scroll-box {float:left; width:auto; height:auto; margin:.5vw; padding:.5vw; border:solid #000000 1px; text-align:center; border-radius: 10%;}

.top-search-box-holder {float:left; width:99%; height:auto; margin-bottom:1vw; padding:.5vw;border-radius:.5vw; border:solid #0099CC 1px;}
.search-box {float:left; width:20%; height:auto;  padding:.5vw 0 .5vw 0;}
.btnSearch {background-color:#003366; width:96%;height:2vw;margin:2%;border-radius:.5vw; text-align:center;color: white; cursor: pointer;}
.search-fropbox {float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; text-align:center; border: solid #CCCCCC 1px;}
.search-box-indv {float:left; width:20%; height:auto; padding:.5vw 0 .5vw 0;}
.search-board-btn {float:left; width:100%; height:auto;  padding:.5vw 0 .5vw 0;}
.search-dropbox {float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; text-align:center;border: solid #CCCCCC 1px;}
.search-btn {background-color:#003366;width:100%;height:2vw;margin:0;border-radius:.5vw; text-align:center;color: white; cursor: pointer;}
.search-textbox {float:left; width: 96%; height:2vw; margin:2%;border-radius:.5vw;box-sizing: border-box; text-align:center;border: solid #CCCCCC 1px;}
.login-header-gap {float:left; width:100%; height:9vw;}
.child-holder {float:left; width:96%; height:auto; margin-left:2%; margin-right:2%; margin-top:1vw; margin-bottom:1vw; border:#FF6600 solid 2px; border-radius:1vw;}
.child-img {float:left; width:18%; height:10vw; border:solid #999999 1px; margin:1vw;border-radius:50%;background-size: contain;background-size: 100% 100%;background-repeat: no-repeat;}
.child-details {float:left; width:45%; height:auto; margin:1.5vw;}
.child-update {float:right; width:15%; height:auto;margin:3vw; text-align:center; font-size:.8vw;}*/
}

/*###Tablet(medium)###*/
@media screen and (min-width : 768px) and (max-width : 1023px){
/*Style*/

}

/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 767px){
/*Style*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');


/*Style*/
h1 {
font-size: 6vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:800;
}

h2 {
font-size: 5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:500;
}
h3 {
font-size: 4.5vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
}

body,td,th {
	font-family: Nunito, sans-serif;
	font-size: 4vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:1.5;
	font-style: normal;
  	font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=number] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
  }
input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=mob] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=date] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=search] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  resize: none;
  border-radius:10px;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: 12px 20px;
  margin: 8px 0;
  width: 90%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  border-radius:10px;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-blue {
  background-color:#003366;
  width:96%;
  color: white;
  text-align: center;
  cursor: pointer;
  border-radius:10px;
}
.button-blue2 {
  background-color:#003366;
  width:95%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-red {
  background-color:#FF3300;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}

.header { display:none; visibility:hidden;}
.header-mob {float:left; width:94%; height:auto; padding:3%; background-color:#003399; color:#FFFFFF; margin-bottom:1vw;}

.header-left {float:left; margin-left:5%; height:auto; width:50%; color:#FFFFFF; text-align:left;}
.header-right {float:right; width:35%; margin-right:5%; margin-top:3%; height:auto; color:#FFFFFF; text-align:right;}
.header-middle {float:left; margin-left:5%; margin-right:5%; margin-top:1%; margin-bottom:1%; height:auto; width:90%; text-align:left;}

.pg-holder {float:left; width:50%; height:auto;margin-bottom:1vw; margin-left:25%; margin-right:25%; margin-bottom:2%;}
.group-img-box {float:left; width:30%; height:auto; margin:1%;}
.pg-holder {float:left; width:90%; height:auto;margin-bottom:3vw; margin-left:5%; margin-right:5%;}
.group-img-box {float:left; width:45%; height:auto; margin:2%;}
.complain-box-index {float:left; width:88%; height:auto;padding:2vw; background-color:#003366; margin-left:2%; margin-bottom:4%; color:#FFFFFF; text-align:center;}
.footer {float:left; width:90%; height:auto; padding:5vw; border-top: solid #999999 1px; text-align:center;}

.product-holder {float:left; width:41%; height:auto; margin:2%; border: #FF9900 1px solid; padding:2%;}
.product-img {float:left; width:100%; height: auto; margin-bottom:3vw; text-align:center;}
.product-name {float:left; width:100%; height: 25vw; margin-bottom:3vw; font-size:4vw;}
.product-sku {float:left; width:100%; height: 5vw; margin-bottom:3vw; font-size:4vw; color:#FF3300;}
.product-scheme {float:left; width:100%; height: 12vw; margin-bottom:3vw;font-size:3.5vw;}
.product-rate {float:left; width:60%; height: 15vw; margin-bottom:3vw;font-size:4vw;}
.product-btn {float:right; width:94%; height:auto; padding:3%; margin-top:7vw; margin-bottom:1vw; text-align:center; background-color:#FF0000; color:#FFFFFF; border-radius: 7px;}
.pagination {float:left; width:95%; height:auto; margin-bottom:3vw; margin-top:5%; text-align:left;}
.pg-left-butt {float:left; width:auto; height:auto; padding:3vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 15px;}
.pg-right-butt {float:right; width:auto; height:auto; padding:3vw; background-color:#0099CC; color:#FFFFFF; text-align:center;border-radius: 15px;}

.search-holder {float:left; width:100%; height:auto; margin-bottom:3%;}
.group-holder {float:left; width:auto; height:auto; margin-left:2%;}
.group-img-holder {float:left; width:14%; height:auto; margin:1%;}
.product-holder {float:left; width:96%; height:auto; padding:2%; margin:2%;border-radius: 5px; border:solid #CCCCCC 1px;}
.product-img-holder {float:left; width:39%; height:auto; margin-right:1%;}
.product-txt-holder {float:right; width:58%; height:auto; font-size:3vw;}
.product-heading-holder {float:left; width:100%; height:15vw; font-size:3vw;}
.product-desc-holder {float:left; width:100%; height:15vw; margin-bottom:2vw; font-size:3vw;}
.product-qty {float:left; width:40%; height:auto;margin-top:1%; margin-bottom:3%; margin-right:3%;text-align:center;}
.product-A2C-red {float:left; width:90%; height:auto; margin-top:15%; padding-top:20%; padding-bottom:20%; padding-left:5%; padding-right:5%; text-align:center; background-color:#FF0000; color:#FFFFFF;border-radius: 10px;}
.product-A2C-black {float:left; width:40%; height:auto; margin-top:15%; padding-top:5%; padding-bottom:5%; padding-left:5%; padding-right:5%; text-align:center; background-color:#000000; color:#FFFFFF;border-radius: 10px;}

.product-details-left {float:left; width:100%; height:auto; margin-top:3%; margin-bottom:3%;}
.product-details-right {float:left; width:100%; height:auto; margin-bottom:3%; font-size:3.5vw;}

.pagination {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:1%;}
.pg-left-butt {float:left; width:auto; height:auto; padding:2%; color:#FFFFFF; background-color:#003399;border-radius: 8px;}
.pg-right-butt {float:right; width:auto; height:auto; padding:2%; color:#FFFFFF; background-color:#003399;border-radius: 8px;}

.header-logout-pc {float:right; width:17%; height:auto; margin-right:3%; text-align:right;}
.header-profile {float:right; width:17%; height:auto; margin-right:3%; }
.header-cart-pc {float:right; width:35%; height:auto; margin-right:3%; }

.cart-btn-holder {float:left; width:100%; height:auto; margin-top:5%;}
.cart-btn-qty {float:left; width:65%; height:auto; margin-right:2%;}
.cart-btn-add {float:right; width:30%; height:auto; text-align:right;}

.logo-holder {float:left; width:50%; height:auto; margin-left:25%; margin-right:25%; margin-top:3%; margin-bottom:3%; text-align:center;}
}