@media screen and (max-width : 640px ){html,body{font:"Times New Roman", Times, serif;color:#000000; padding: 0; margin: 0; font-size: 12px;}


.topBar-nav1{display: none;}

.container12{ width: 96%; padding-left: 2%; padding-right: 2%;}
.container13{ width: 100%; padding-left: 20px;}
.payForm11{ width: 98%;text-align: center;border-bottom: 1px solid #fff;}
.payForm11 tr td{ text-align: center; font-size: 14px; border-bottom: 1px solid #fff;border-left: none; border-right: none;padding: 10px;}
.Total1{ width: 100%;}
.less1{ width: 50%; float: right; margin-top: 10px;}
.info-wrap{ width: 100%; }
.py-2{ display: none;}

.Back1{ float: left; margin-top: -60px; padding: 5px; border-radius: 5px;text-align: center;background: #999999;color: #fff; color: #EFEEED;width: 150px;height: 30px; }
.Back1 a{color: white; height: 40px; text-decoration: none;}
.Back1:hover{ background-color: #0a4069; color: white;}

.less1{ width: 100%; float: right; height: 45px;}
.less1 td{ height: 30px; font-weight: bold; }
.less1 span{ color: red; margin-left: 10px;}

.allcenter{ margin-top: 20px;}

.search1{width:80%; float: left;}

.Back{ float: left; margin-top: 10px; padding: 10px; border-radius: 5px;text-align: center;background: #999999;color: #fff; color: #EFEEED;width: 150px;}
.Back a{ color: white; height: 40px; text-decoration: none;}
.Back:hover{color: white;background:#4b4949 ;}

.payments{ width:100%; float: right; margin-top: 10px; padding: 15px 10px 15px 10px; border-radius: 5px; background:rgb(241, 91, 4);color: white; text-align: center; border: none; margin-bottom:50px;font-size: 16px;}
.payments:hover{background:rgb(241, 141, 4);}


.Total{ width: 100%; overflow: hidden; margin-top: 10px; }
.less{ padding:15px;  text-align: left;background-color: #f4f3f3; height: 140px;}
.less table{ margin-left: 10px; }
.less td{ font-size: 14px; height: 30px; width: 20%; }
.less h3{ border-bottom: 1px solid orangered; padding-bottom: 10px; color: orangered; }
.less span{ font-size: 15px; margin-right: 10px;}


.row12{background: #e8e7e7; overflow: hidden; border-radius: 10px;  width: 95%; padding: 5px;}

.paycart{ width: 98%; float: left; background: #999999;  color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 2%; margin-top: 10px; }
.Product{width:  80%;float: left; text-align: left;  font-size: 16px; }
.Quantity{ display: none;}
.Subtotal{display: none;}

.paycart1{width: 98%; border-bottom: 1px solid #4b4949; overflow: hidden; height: 170px; font-size: 14px; padding-left: 10px;padding-top: 10px; }
.imgcart1{ width: 110px;float: left;height: auto; text-align: center;}
.imgcart1 img{ width: 100px;margin-top: -20px}
.Product1{width: 98%;float: left;height: 100px;  text-align: left;margin-top: 20px;}
.Quantity1{width: 100px;float: left; margin-left: 10px; }
.Subtotal1{width: 100px;float: left; color: crimson; font-size: 18px;}
.delcart1{ margin-left: 10px;float: left;width: 50px;}

.prd_name{ text-align: left;}
.prd_name a{ color: #4b4949;text-decoration: none; font-size: 14px; font-weight: bold;}
.prd_name a:hover{ color: crimson; ;}



.input-group-text{  width: 130px; padding-left: 5px; font-size: 12px;}
.form-control{ height: 40px;}
.custom-select{height: 40px;}

.left{ width: 100%; float: left;}
.right{width: 100%; float: right; }

}