:root {
 

       --menu: #000;   
       --menuhover:color:#000;
       --bkg: #FFF;
       --primary-1: #000; 
       --primary-1-hover: #008fd5;
       --primary-2: #FFF;
       --primary-2-hover: #008fd5;
       --primary-3: #000;
       --neutral-black: #000000;
       --neutral-1: #FFF;
       --neutral-2: #999999;
       --neutral-3: #707070;
       --neutral-white: #FFFFFF;
       --hyperlink: #0c254c;
       --error: #FF0000;
}




/* ---===| Core : Shared |===-----*/

body{background-color: #ffffff;color: #000;font-family: Arial;}
#Order-Status{color:#000;}
#main{background-color: var(--bkg);}

.logo{zoom:80%;margin-bottom: 10px;margin-top: 20px;}
.header{background:var(--menu);padding:0;padding-bottom: 15px;position: sticky !important; top: 0; z-index:9990; width: 100%;}

#invalid-errorMessage{margin-left:25px;}


h1.title{color:var(--primary-1);display: none;}


.error{ color:var(--error) !important;}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-inline-size: -webkit-fill-available;
  float:left;
}


.cart_text{
   background: var(--primary-1);
   border-color: var(--primary-1);
   /* background-image: linear-gradient(to right, red , yellow); */
   color: #FFF;
   border-style: solid;
   border-radius: 20px !important;
   border-width: 1.5px;
   text-transform: uppercase;
   padding: 15px 45px 10px 30px;
   width: 150px;
   position: absolute;
   right: 0;
   bottom: 55px;
   font: 25px/30px Roboto;
   text-align: center;
   }

	 
 .header-right {/* visibility:hidden; */top: 55px;font-size: 20px;color: #FFF;
 top: 55px;
    font-size: 16px;
    color: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
 }
 .header-right:hover{ transform: translateY(-5px);}

/*  ---===| Menu |===----- */

.top-menu{background: var(--menuhover);color: var(--menu);/* display: none; */border-bottom: 1px solid;}
.top-menu ul li a{color: var(--menu);text-transform:None;}
.top-menu ul li a:hover,
.top-menu ul li.active > a,
.top-menu ul li:hover > a{var(--menuhover); transform: translateY(-3px);}
.top-menu ul ul{background:#E6E6E6;}
.top-menu ul ul li a{color:#fff;}
.top-menu ul ul li a:hover,
.top-menu ul ul li.active > a,
.top-menu ul ul li:hover > a{color:#fff; background:#FFF; transform: translateY(-3px);}
.top-menu ul li a{ font-size:14px;font-weight:bold;}


.top-menu-links{background: var(--menu);border-bottom: solid 0px var(--menu);float:right;padding-right: 200px;color: #FFF;margin: 10px 20px 0px 0px;}
.top-menu-links ul li a{color: #FFF;font: normal 15px/15px Roboto, 'lato', sans-serif;padding: 30px 20px 4px 20px;text-align: center;text-shadow: none;display:block;border-bottom-color:var(--primary-1);border-bottom-width:1px;text-transform: uppercase;font-weight: normal;left: 150px;}
.top-menu-links ul li a:hover,
.top-menu-links ul li.active > a,
.top-menu-links ul li:hover > a{color:#FFF; text-decoration:none;border-bottom-style:none;border-bottom-color:var(--primary-2);border-bottom-width:1px; transform: translateY(-5px);}
.top-menu-links ul ul{background:#FFF;}
.top-menu-links ul ul li a{color:#FFF;}
.top-menu-links ul ul li a:hover,
.top-menu-links ul ul li.active > a,
.top-menu-links ul ul li:hover > a{color:var(--primary-1); background:#fff;transform: translateY(-5px);}




/* ---===| Home : info block|===-----*/

.tagline{
    max-width: 550px !important;
    color:#008FD5;
    background:#F2F2F2;
    width: 100%;
    color: #008FD5;
    background: #F2F2F2;
    margin: auto;
    font-family: Roboto, Co Headline, arial;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
    }

.brands{display: flex;flex-direction: row;align-content: stretch;align-items: baseline;margin-right: auto;margin-left:auto;max-width: 660px;flex-wrap: wrap;justify-content: space-evenly;box-sizing: border-box;}

.brandlogo{max-width: 110px;padding-top: 0px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;width: 100%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;}



.info-column {
  float: left;
  width: 45%;
  padding: 15px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 150% !important;
}

.info-column ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;   
	font-family: 'ArchivoBlack','Helvetica';
    }

.info-column-end-l,.info-column-end-r {
  float: left;
  width: 5%;
  padding: 10px;
  min-height: 220px;
 /* background-color:#F8F8F8; */
  box-sizing: border-box;
}


.info-column-end-r {
  border-radius: 0px 0px 8px 0px;
}

.info-column-end-l {
  border-radius: 0px 0px 0px 8px;
}

/* Clear floats after the columns */
.info-row:after {
  content: "";
  display: table;
  clear: both;
}


.info-row{max-width: 1130px;margin: auto;}

.info-header{background: #F8F8F8;font-style: normal;font-weight: normal;font-size: 24px;line-height: 33px;text-align: center;color: #000;flex: none;order: 0;align-self: center;flex-grow: 0;max-width: 1130px;margin: auto;padding: 20px 0px;font-family:'ArchivoBlack','Helvetica';}

.info-subheader{background-color: #000;font-style: normal;font-weight: bold;font-size: 16px;line-height: 24px;color: #FFF;flex: none;order: 0;align-self: center;flex-grow: 0;max-width: 1130px;margin: auto;font-family: 'ArchivoBlack','Helvetica';border: 1px solid #00185a;/* border-radius: 10px; */border-radius: 8px 8px 0px 0px;padding: 10px;}

.info-block{border: 1px solid #000;border-radius: 10px;max-width: 870px;margin:auto; text-align:left;}

.info-body{background-color: #F8F8F8; max-width: 1130px; margin:auto; padding-bottom: 50px;}




/* ---===| Home : Products  |===-----*/



.product-grid {
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}


.fgr {margin-right: 10px !important;}

.product-grid .product-box {border:var( --primary-1);margin-bottom: 0px;background: var(--neutral-1);color:var( --primary-3);transition: .5s ease;/* opacity: 0; *//* position: absolute; */top: 50%;left: 50%;/* transform: translate(-50%, -50%); */-ms-transform: translate(-50%, -50%);text-align: center;display: block;align-items: center;justify-content: space-around;justify-items: center;height: 350px;width: 550px;border-radius: 0px;/* width: 40%; */box-shadow: 0px 0px 8px 0px #00000040;align-content: stretch;}
.product-grid .product-box .form-group{padding-bottom:0px;float:left;width:100%;}
.product-grid .product-box .form-group .pgc{float:left;margin-right: 10px;width: 120px;}
.product-grid .product-box .form-group .qnt{float:left;width: 60px;margin-right:10px;}
.product-grid .product-box .con .longdesc{margin-bottom:10px;font-family:Arial;}
.product-grid .product-box .con .dec{border-bottom: solid 1px #a5a5a3;color: var(--primary-1);text-align: center;}



/* ---===| Buttons |===----- */

.facevalue, .product, .prodSuffix ,.di-amount,.di-product-name{display:inline-block;}

/*Fix for iphone buttons */

input[type="submit"]{ 
    -webkit-appearance: none; 
    -webkit-border-radius:0; 
    border-radius: 0; 
}


input#perform_payment {
    width: 88%;
    margin-top: 10px;
}

/* primary buttons*/


.button,
.btn-atc,
.btn-checkout,
.popup .button, 
 #CloseBox.button,
#con-step-1.button,
#con-step-2.button, 
#updatecartbutton
{
 background:var( --primary-1);
 border-color:var( --primary-1);
 color: #FFF;
 text-align:center;
 border-style:solid;
 border-radius: 5px !important;
 border-width:1.5px;
 text-transform: uppercase;
 padding-top: 15px;
 font: normal 12px/ 20px Roboto , sans-serif ,Arial;
 font-weight: bold;
 }


.button:hover,
.btn-atc:hover,
.btn-checkout:hover,
.popup .button:hover, 
 #CloseBox.button:hover,
#con-step-1.button:hover,
#con-step-2.button:hover, 
#updatecartbutton:hover
{background:var( --primary-1-hover); 
 color:#fff;
 border-color:var( --primary-1-hover);
}



.button{
  letter-spacing: 0;
  margin-bottom: 25px;
  box-sizing: border-box;
  height: 50px;
  width: 360px;
  border: 1px solid var( --primary-1);
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
  margin-top: 16px;
  margin-left: 25px;
  cursor:pointer;
}

.btn-atc, .btn-checkout {width: 50%;/* display: block; *//* margin-left: auto; */margin-right: auto;width: 48%;text-align: center;background: var(--primary-1);}



/* secondary buttons*/

 #CloseBox.button,
.button2.ckout,
.button2{background:#FFF;border-color: var( --primary-1);color: var(--primary-1);text-align:center;border-style:solid;border-radius: 20px;border-width:1.5px;width: 50%;padding-top: 15px;}


.popup #checkout{background:var(--primary-1);color:#FFF,border-color: var( --primary-1);color: var(--primary-2);text-align:center;border-style:solid;border-radius: 20px;border-width:1.5px;width: 50%;padding-top: 15px;font-size: 14px;}


 #Transaction-history .button2 {display:none;}

 #CloseBox.button:hover,
.button2.ckout:hover,
.button2:hover{
 border-color:var( --primary-2-hover);
 color:#FFF;
 background:var(--primary-1-hover);
}


#updatecartbutton,#con-step-1.button,#con-step-2.button, .popup .button  {width:210px;text-transform: uppercase;}

.btn-cs, .btn-co {color: #000;}





/* ---===| footer |====----*/

#Contact,#HowToRedeem, #Check-Balance, #Checkout, #Order-Status{min-height: 100vh;display: flex; flex-direction: column;}


.footer-top{background: var(--menu);color: #FFF;border-top-width: 1px;border-top-style: double;border-top-color: var(--menu);margin-top: auto;padding-top: 15px;padding-bottom: 10px;/* height: 40px; */}
.footer-top-link a{color: #FFF;font-family: Roboto, Arial;}
.footer-bottom{background:#ffffff;}

.footerLeft {margin-bottom: 5px;font-family: Roboto, Arial;display: flex;flex-wrap: wrap;justify-content: center;float:left;}
.footerTag{margin-right:20px; padding-top:4px;}
.footerRight {padding-top: 10px;font-family: Roboto, Arial;display: flex;flex-wrap: wrap;justify-content: center;float:right;}

.footer-top-link {
  font-family: Arial;
  width: 100%;
}
.footerhelp {margin-bottom:20px;margin-right: 10px;}
.footerterms {margin-bottom:20px;margin-right: 10px;}
.footerlogo{margin-bottom:20px;margin-right: 10px;}


.footnote{padding-left:20px;padding-right: 20px;}


/* ---===| Checkout |====----*/


.chk-step span{background: #dde5e9;color:#ffffff;}
.chk-step span.active{background: var(--primary-1);}

.siz1{width:98% !important;}



.box-cusdetail{border:solid 1px #a3a3a3; background:#fff;}
.box-cusdetail h2{background: var(--menu);color:#fff;border-bottom:solid 1px #fff;font-weight: 400;}

.box-order-summary{border:solid 1px #a3a3a3; background:#fff;}
.box-order-summary h2{background: var(--menu);color:#fff;font-weight: 500;}



#h2-step-1:before{content:"1. ";}
#h2-step-2:before{content:"2. ";}
#h2-step-3:before{content:"3. ";}




/* ---===| Check Balance |====----*/


.accountsummary{border: solid 1px #FFF;background:#ffffff;width: 100%;padding-bottom: 25px;display: none;}.accountsummary th{background:#575757; color:#fff;}
.accountsummary tr:nth-child(odd) td{background:#e3e3e3;}

.transaction-history{border: none; background: #ffffff;float: none;}
.transaction-history h2 {background: #fff; color: #000;font-weight: bolder; height: 28px; font-family: Roboto; font-size: 24px; letter-spacing: 0; line-height: 28px; padding-left: 35px; padding-top: 25px;text-transform: none;}
.transaction-history th{background: #FFF;height: 20px;color: #707070;font-family:'Roboto';font-size: 14px;font-weight: bold;letter-spacing: 0;line-height: 20px;}
.transaction-history td{background:#fff; color:#000;border-top: 1px solid #CCCCCC;font: normal 14px/16px 'Roboto',sans-serif; }
.transaction-history tr:nth-child(even) td{background: #FFF;}
.transaction-history tr{ border-top: 1px solid #bf2121;vertical-align: top;}

.transaction-history th:nth-child(3) {display: none;}
.transaction-history td:nth-child(3) {display: none;}
.transaction-history th:nth-child(4) {display:none;}
.transaction-history td:nth-child(4) {display:none;}
.transaction-history td:nth-child(5) {text-align: left;}
.transaction-history td:nth-child(6) {text-align: left;}




div#hspager
{ display: none !important; }


.popup h2 {
    font: normal 16px/20px Roboto, sans-serif;
    padding: 12px 35px;
    text-align: center;
    background: var(--menu);
    color:#FFF;
}

 .cbhist_header, .cbhist_hdrbal, .cbhist_tagline, .transaction-history, .cardsummary, .cbhist_bottom, .cbhist_another, .cbhist_bottom_btn, .cb_shpbtn, .cb_card, .cb_header, .cb_input, .cb_left, .cb_right, .cb_mid,.cb_header,.cbhist_expirytagdtls{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 420px;
  border-right: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
 }


.check-balance-header-notes{display: none;}
label[for=cardnumber]{display: none;}
label[for=pin]{display: none;}
#Check-Balance h1.title{display: none;}
.cb_left, .cb_right,.cb_mid {float:none;padding: 0;}
.cb_mid{background-color: #FFF;/* max-width: 375px; */padding-right: 0;/* margin-left: 20px; */marging: 15px;}
.cb_right{border:none;padding-bottom:20px;}
input.input.chkb {text-align:left;width: 360px;height: 48px;background-color: #FFF !important;border: 1px solid #CCC !important;box-shadow: 0 0 0 1px transparent, 2px 2px 0 0 rgb(0 0 0 / 5%);font-size: 18px !important;/* margin-left: auto; *//* margin-right: auto; */margin-left: 25px; margin-top: 10px;}
.ctnshpbtn{ background: #FFF;height: 48px; width: 370px; border: 1px solid #908e8e !important; box-shadow: 0 0 0 1px transparent, 2px 2px 0 0 rgb(0 0 0 / 5%);}
.ctnshpbtn:hover{background:#F5F5F5;}
.g-recaptcha {margin-left: 25px;transform: scale(1.189); margin-top: 25px; margin-bottom: 10px; transform-origin: 0 0;}
.footerlogo {margin-right:20px;}

.cb_input{border-right: 1px solid #ccc; border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;background: #fff;}


.cb_header {
    color: #000000;
    font-family: Arial;
    font-size: 32px;
    font-weight: bolder;
    letter-spacing: 0;
    line-height: 36px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 1px solid #DEDEDE;
    box-sizing: border-box;
    background: #fff;
    margin-top: 20px;
}



.cb_card{
  margin-top:20px;
  margin-bottom: 20px;
  border: none;
  width: auto !important;
}




.cb_input tr {display:flex; flex-direction:column;}
.cb_input td:nth-child(2) {order:2;margin-left:7%;}

.cb_tagline{ height: 24px;
  color: #000000;
  font-family: Roboto;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;}

.cb_shpbtn{
  background: #FFF;
  height: 48px;
  width: 360px !important;
  border: 1px solid #908e8e !important;
  box-shadow: 0 0 0 1px transparent, 2px 2px 0 0 rgb(0 0 0 / 5%);
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  color: #000000;
  cursor: pointer;
}

.cb_shpbtn:hover{background:#F5F5F5;}


.cbhist_header{
  height: 36px;
  color: #000000;
  font-family: 'Roboto';
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  background:#FFF;
  border-top: 1px solid #DEDEDE;
  padding-top:30px;
  margin-top: 30px;
  }


 .cbhist_hdrbal{
  height: 36px;
  color: var(--primary-1);
  font-family: 'Roboto';
  font-size: 42px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  display:block !important;
  background:#FFF;
  padding-top: 15px;
  } 



 .cbhist_tagline{
  height: 18px;
  color: #707070;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  padding-top: 15px;
  background:#FFF;

  }


.cardsummary,.cbhist_expirytagdtls{display: flex !important;padding-top: 25px;background: #FFF;}

.cbhist_expirytagdtls{display: flex !important;padding-top: 10px;background: #FFF;justify-content: center;color: #414042;font-weight: 600;max-width: -webkit-fill-available;}
.cbhist_expirytaghdr{padding-right:5px;}

.cbhist_carddtls{margin-left: 30px;margin-right: 60px;}
.cbhist_card, .cbhist_amt{font-family: 'Roboto',Roboto;font-size: 16px;}

.cbhist_cardhdr,.cbhist_amthdr,.cbhist_expiryhdr{
  height: 20px;
  color: #000000;
  font-family: 'Roboto',Roboto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  }


.cbhist_amtdtls,.cbhist_expirydtls{padding-right:30px;}

.cardexpiry{display:contents !important!}

.cbhist_storedesc{  height: 36px;
  color: #707070;
  font-family: 'Roboto';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  display: block !important;
}



.cbhist_bottom {border:none;width:93%;}

.cb_tagline {
    height: 24px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    cursor:pointer;
}


#divOrderSummary .table-responsive{width:90% ;padding-left: 30px;padding-right: 30px;padding-bottom: 18px;margin-bottom: 0;}

.table-responsive{padding-left: 30px;padding-right: 30px;width: 360px;padding-bottom: 18px;margin-bottom: 0;}



.cbhist_bottom_btn{background:#FFF;padding-bottom: 30px;border-bottom: 1px solid #DEDEDE;padding-top: 20px;}

.cbhist_another,.cbhist_expiry{
  color: #FFFFFF;
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  background: #FFF;
  box-sizing: border-box;
  height: 50px;
  width: 360px !important;
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
  cursor: pointer;
}
.cbhist_another:hover{background:#F5F5F5;color:#000000;}

.copyright {font-family: Arial;/* float: left; */display: flex;}
.copy{padding-right:20px;}

.cbhist_bottom {padding-bottom: 20px;}

#invalid-errorMessage{margin-left:25px}



/* ---===| Reactive |===----*/


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
  }

}


@media screen and (max-width: 1024px) {	

.ctnshpbtn{ width: -webkit-fill-available; margin-bottom: 40px;}
.footerhelp {margin-bottom:20px;margin-right: 10px;}
.footerterms {margin-bottom:20px;margin-right: 10px;}
.footerlogo{margin-bottom:20px;margin-right: 10px;}


.copyright {float: none;margin: auto;display: block;margin-left: auto;margin-right: auto;width: 11%;margin-bottom: 20px;}
.copy{padding-bottom:10px;}
    
.footer-top-link {/* float: none; *//* display: block; *//* margin-left: auto; *//* margin-right: auto; *//* width: 58%; *//* text-align: center; *//* display: flex; */align-content: space-around;flex-direction: column-reverse;padding: 10px; max-width: -webkit-fill-available;}

.footerLeft {margin-bottom: 5px;font-family: Roboto, Arial;display: flex;flex-wrap: wrap;justify-content: center;float:left;align-content: space-around;}
.footerTag {margin-right: 0px;padding-top: 0px; padding-bottom: 10px;}
.footerRight {padding-top: 10px;font-family: Roboto, Arial;display: flex;flex-wrap: wrap;justify-content: center;float:right;width: 240px;margin-right: auto;margin-left: auto;}
#ftrBtmHalf{display: flex;
    align-items: center;
    justify-content: space-evenly;
    align-content: space-around;
    flex-wrap: nowrap;
    flex-direction: column;}
	
	#copyright_btmLft{    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;}



#social_topLft{float:none !important;display: inline-block !important;}
	

.errorTd{padding-left:0px;}


.top-menu-links { margin: 0px 0px 0px 0px;}

.header-right {display: block; top:75px; margin-right:5%;
        display: flex;
        top: 160px;
        margin-right: 7%;
        float: left;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
    }

    
}

@media screen and (max-width: 979px) {	

.cart_text {
    padding: 10px 40px 10px 40px;
    /* background-image: linear-gradient(to right, red , yellow); */
    width: 10px;
    position: absolute;
    bottom: 60px;
    font: 15px/20px Roboto;
    margin:20px;
    text-align: left;
    bottom:15px;
    display: inline-table;
    width: 100%;
    text-align: right;
    color: #FFF;
}

.top-menu-links ul li.last { float: left;}
  
.image_mobile{display:none !important;}
.image_full{display: block !important;margin-left:auto;margin-right:auto;}

 
.center {float: none;}
.cb_card {margin-left: auto;}

.cb_input td:nth-child(2) {margin-left:1%;}
#invalid-errorMessage{margin-left:5px;}


.copyright {float: none;margin: auto;display: block;margin-left: auto;margin-right: auto;width: 15%;margin-bottom: 20px;}

#slidingMenu {background-color:var(--menu);}


nav#navMenu ul li a{
                    text-align:left;
                    border-bottom: .5px none#000;
                    padding:1rem;
                    font-weight: 400;
                    color:#FFF;
                    padding-left: 30px;
                    margin-right: 20px;
                    }

.navMenu-main {top:5px;}
.navMenu-main #menu {background: #0000;color:#FFF;}
.navMenu-main #menu:hover {background: #0000;text-decoration: none;color: #fff;}

.navMenu ul li a.menuCart{background-position-x:-5px; background-position-y:5px;padding-left:20px;padding-right:10px;}

.product-grid .product-box .form-group .pgc{float:left;width: 140px;margin-right:10px;}
.product-grid .product-box .form-group .error-box{height:5px;}



  
.top-menu ul li a{color:#fa61a5;}
.top-menu ul li.last{float:none;}



.siz1{width:98% !important;}

.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {width:1.25rem;height:0.12rem;background: #ffffff;}

.btn-atc{float:left;/* height: 10px; */}
.btn-atc:hover,.btn-checkout:hover{float:left;}	



#main{padding:0px 0 0px;}

.footer-top{padding-bottom:25px;}

.errorTd{padding-left:25px;}
}


@media screen and (max-width: 540px) {

.g-recaptcha {transform: scale(1.17);max-width: 100%;width: 200px; }
.copyright {width: 25%;}
.row { margin: 0 0px;}
.cbhist_bottom{width:100%;margin:0;padding-bottom: 20px;}
.errorTd{padding-left:24px;}

.btn-atc{float:left;width:100%;}
.btn-atc:hover,.btn-checkout:hover{float:left;}	

#payments_topRght{float:left !important;display:inline !important;  width: -webkit-fill-available;}

#copyright_btmLft{    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 220px;}

 
.product-grid .product-box {width: 100%;height: 450px;}
 
#CloseBox.button {width: 50%; margin-left:auto; margin-right:auto; vertical-align:middle ; padding-top:1.5%;}
.popup #checkout{width: 50%;margin-left:auto; margin-right:auto; padding-left: 9%;}
	
	
/* Info block */	
.info-column {float: left;width: 95%;}
.info-column-end-l,.info-column-end-r { display:none;}
	
}



@media screen and (max-width: 480px) {


.logo{text-align:center;}
.logo img{width:auto; zoom:90%}
.product-grid .product-box .thumb img{padding-left:10%;}
.box-cusdetail .tabcon{padding:5px;}

product-grid .product-box .form-group {
    float: left;
    width: 50%;
}


 .product-grid .product-box .form-group {
    float: right;
    width: 100%;
	padding-bottom:10px;
}

.btn-atc, .btn-checkout {
    width: 165px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 48%;
    text-align: center;
}
 
.cb_header {font-size: 30px;}
 .cbhist_header, .cbhist_hdrbal, .cbhist_tagline, .transaction-history, .cardsummary, .cbhist_bottom, .cbhist_another, .cbhist_bottom_btn, .cb_shpbtn, .cb_card, .cb_header, .cb_input, .cb_left, .cb_right, .cb_mid,.cb_header,.cbhist_expirytagdtls{
  border-right: 0px solid #DEDEDE;
  border-left: 0px solid #DEDEDE;
  width: 100%;
 }


.cb_left{padding: inherit;max-width: 400 px;padding-top: 0px;}


.copyright {float: none;margin: auto;display: block;margin-left: auto;margin-right: auto;width: 50%;margin-bottom: 20px;text-align: center;}

.product-grid .product-box .thumb img{padding-left: 1%;}
.footer-bottom{text-align:left; padding:0;}
.box-cusdetail .tabcon{padding:10px;}
.popup .con{padding-top:0px;}

 

.image_full{display:none !important;}
.image_mobile{display:block !important;margin-left:auto;margin-right:auto;}


}

@media screen and (max-width: 375px) {

.g-recaptcha {transform: scale(1.14);}
.footerlogo{margin-right:0px;}
.copyright {width: 100%;text-align: center;}

input.input.chkb { width: 345px; margin-left: 10px;}
.g-recaptcha {transform: scale(1.14);margin-left: 10px;}
.button{ width: 345px;margin-left: 10px;}


 .cbhist_header, .cbhist_hdrbal, .cbhist_tagline, .transaction-history, .cardsummary, .cbhist_bottom, .cbhist_another, .cbhist_bottom_btn, .cb_shpbtn, .cb_card, .cb_header, .cb_input, .cb_left, .cb_right, .cb_mid,.cb_header,.cbhist_expirytagdtls{
  width: 100%;
 }

.table-responsive {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 0;
}


  

.transaction-history th {
    font-size: 14px;
}

.transaction-history h2 {
    padding-left: 10px;

}

.cbhist_carddtls {
    margin-left: 10px;
    margin-right: 20px;
}

.errorTd{padding-left:10px;}


}


@media screen and (max-width: 360px) {

.logo{text-align:center;}
.logo img{width:auto;padding-top:7px;}
.product-grid .product-box .thumb img{padding-left: 0%;}
.box-cusdetail .tabcon{padding:5px;}

.cb_left, .cb_right,.cb_mid {display: block; margin-left: auto;margin-right: auto;width: 100%;float:left;}
.cb_mid{background-color: #FFF;padding-right: 0px;}
.cb_left{padding: inherit; max-width: 400 px;padding-top: 30px;}
input.input.chkb {width: 332px;margin-left:12px;}
.g-recaptcha {transform: scale(1.09)}
.button{width: 330px;}

.cbhist_another,.cb_shpbtn {
    width: 95% !important;
  
}

.cb_tagline {
    font-size: 18px;
}

.errorTd{padding-left:12px;}
#invalid-errorMessage{margin-left:5px;}

.product-grid .product-box {width: 100%;height: 500px;}
 

}


@media screen and (max-width: 320px) {

input.input.chkb {max-width: 285px;}
.g-recaptcha {transform: scale(0.95)}
.button{width: 290px;}
.copyright { width: 70%; }

.footerterms {margin-right: 0px;}

.cbhist_header {
    font-size: 29px;

}
.cbhist_carddtls {
    margin-left: 10px;
    margin-right: 10px;
}


.cbhist_card, .cbhist_amt {
    font-size: 15px;
}

.transaction-history th {
    font-size: 12px;
}
}

@media screen and (max-width: 280px) {

input.input.chkb {max-width: 275px;width: 250px;height: 48px}
.g-recaptcha {transform: scale(0.832);}
.button{ max-width:250px;}
.copyright {width: 80%; }
.footer-top-link { width: 100%;}
.footerRight, .footerLeft{max-width:270px;}
.footerTag{margin-right: 5px;}
 .product-grid .product-box {width: 80%;height: 485px;margin-left: auto;margin-right: auto;}


product-grid .product-box .form-group {
    float: left;
    width: 50%;
}


 .product-grid .product-box .form-group {
    float: right;
    width: 100%;
}

.btn-atc, .btn-checkout {
    width: 165px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    text-align: center;
}


 
.cbhist_header {
    font-size: 25px;
}

.cbhist_carddtls {
    margin-left: 2px;
    margin-right: 10px;
}

.cbhist_amtdtls {
    padding-right: 0px;
}

.transaction-history th {
    font-size: 10px;
}

.transaction-history td {
     font: normal 11px/18px Roboto, sans-serif;
}

.cbhist_card, .cbhist_amt {
    font-size: 14px;
}

}



/* Check balance Placeholder text */

.chkb::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:var( --neutral-2);
  opacity: 1; /* Firefox */
}

.chkb:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var( --neutral-2);
}

.chkb::-ms-input-placeholder { /* Microsoft Edge */
  color:var( --neutral-2);
}