@charset "utf-8";
/* CSS Document */

.show-mob, .show-tab {
	display: none;
}
.show-desk {
	display: block;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
@media only screen and (max-width:1180px) {
.container {
	width: 1000px;
}
.chk-inr {
	width: 100%;
}
/*-================================================================================================================
CSS FOR CHECKOUT PAGE
===================================================================================================================-*/
.chk-pg-box{
	float:left;
	width:100%;
}
.frm-red-bx{
	font-size: 21px;
}
.grn-seal-box {
    padding: 20px 15px 20px;
}

}
 @media only screen and (max-width:1023px) {
.show-mob, .show-desk {
	display: none;
}
.show-tab {
	display: block;
}
.container {
	width: 755px;
}
/*-------------------------
CSS FOR LOGO BAR
--------------------------*/
.grn-bar {
	padding: 3px 0;
	font-size: 14px;
	line-height: 16px;
}
.counter-right p {
    font-size: 13px;
    line-height: 21px;
}
.logo {
    width: 320px;
}
#clockdiv > div {
    width: 20%;
}
.counter-right {
    width: 210px;
}
.smalltext {
    font-size: 10px;
    line-height: 18px;
}
/*-------------------------
CSS FOR SECTION
--------------------------*/
.chk-box-lft img {
	max-width: 100%;
}
.chk-box-lft, .chk-box-rgt {
	width: 50%;
}
.chk-box-lft {
	margin-top: 25px;
}
.chk-box-rgt {
	padding: 10px 12px 10px 12px;
}
.rad-btn1 {
	margin-bottom: 12px !important;
}
.chk-btn {
	margin-top: 18px;
}

/*-----------------------
CSS FOR FOOTER
-------------------------*/
footer {
	padding: 20px 0 40px;
}
/*-================================================================================================================
CSS FOR CHECKOUT PAGE
===================================================================================================================-*/
.frm-red-bx{
	font-size: 17px;
	padding: 10px 5px 6px;
}
.frm-red-bx span {
    font-size: 20px;
}
.frm-red-bx img {
    width:20px;
}
.form-box {
    padding: 25px 10px 10px;
}
.cards {
    margin:0;
    padding: 20px 0 20px 33px;
}
.cvvcard {
    font-size: 12px;
}
.price-box {
    padding: 15px 3px;
}
.seal-p1 {
    font-size: 27px;
    line-height: 31px;
}
.s4-p1 {
    font-size: 18px;
    line-height: 25px;
}
.frm-inp-box{
	height:52px;
}
.s6-box{
	margin: 10px 0 0;
}
.grn-seal-box {
    padding: 15px 15px 15px;
	margin: 20px 0 20px;
}
.chk-prd-details {
    font-size: 17px;
}
}
 @media only screen and (max-width:767px) {
	.chk-hdg, .fr-sh { float: none; }
	.fr-sh { margin-left: auto; margin-right: auto; }	 
.for-desk {
	display: none;
}
.for-mob {
	display: block;
}
.show-desk, .show-tab {
	display: none;
}
.show-mob {
	display: block;
}
.container {
	width: 100%;
	padding: 0 10px;
	max-width: 600px;
}
/*-----------------------
CSS FOR GRN BAR
-------------------------*/
.grn-bar span{
	display:none;
}
.logo {
	width:240px;
}
.chk-seal {
    display:none;
}
.top-bar {
    padding:0 0 7px;
}
.counter-right{
	display:none;
}
/*-----------------------
CSS FOR SECTION
-------------------------*/
.chk-bg{
	background-size:cover;
	padding: 10px 0 25px;
}
.chk-hdg {
	font-size: 22px;
}
.chk-box-lft, .chk-box-rgt {
	width: 100%;
}
.chk-btn {
	display: block;
	margin: 18px auto 0;
	float: none;
	text-align: center;
}

/*-------------------------
CSS FOR FOOTER
--------------------------*/
footer {
	padding: 15px 0 30px;
}
.f-p1{
	margin-top: 15px;
	font-size:12px;
	line-height:18px;
}
.f-p2 a{
	word-wrap:break-word;
}
.f-p2 {
    font-size: 13px;
    line-height:19px;
}

/*-================================================================================================================
CSS FOR CHECKOUT PAGE
===================================================================================================================-*/
.chk-form-rit, .chk-form-lft {
    width: 100%;
}
.price-box {
    background: none;
    padding: 0px 0 15px;
}
.odr-hdg{
	padding:0 0px 15px;
}
.prd-nm {
    padding: 0 0px;
}
table.prd-det {
    padding: 10px 0px;
}
.bill-stp {
    font-size: 21px;
    line-height: 30px;
    padding: 12px 0px;
}
.form-block {
    padding: 0 10px;
}
.form-box {
    padding: 20px 0px 3px;
}
.cards {
    padding: 15px 0 10px 33px;
}
.frm-red-bx {
    font-size: 15px;
	padding: 5px 5px;
}
.frm-red-bx span {
    font-size: 18px;
}
.frm-red-bx img {
    width: 18px;
	margin: -5px 1px 0;
}
.tot-prc {
    padding: 0 0px;
}
.copn-box {
    width: 95%;
    padding: 0 70px 0 0px;
}
.apply-btn {
    width: 70px;
}
}
 @media only screen and (max-width:610px) {
.fr-sh img {
	margin-top: 3px;
	max-width: 100%;
	padding: 0 10px;
}
}
@media only screen and (max-width:400px) {
.chk-box-rgt {
	padding: 10px 8px;
}
.chk-box-rgt label {
	padding-left: 30px;
}
.rad-btn1 {
	font-size: 16px;
}
.rad-btn1 span {
	width: auto;
}
.chk-prc {
	width: 100%;
}
}
