.chart-result ul{ list-style:none;  padding:0px 0px; margin:0px; text-align:center;}
.chart-result ul li{border: 4px solid #4e8d02;

    background: #dde9d5;

    padding: 10px 0px;

    margin-bottom: 5px}

.chart-result ul li a{ color: #000;  font-weight: bold;}

.resultw3{width:30%; float:left; margin-top: -56px;}

.resultw2{width:70%; float:left}

div#customer-reviews {
    margin-top: 20px;
    padding-left: 30px;
}
}
.block-title {
    padding-left: 28px;
    padding-top: 11px;
}
p.review-author {
    font-size: 15px;
    font-weight: 700;
}
p.review-date {
    font-size: 12px;
}

li.item.review-item {
    border-bottom: black;
    /* border-style: dashed; */
    border-bottom: solid;
}

.o-hidden{
overflow-x: hidden;
}


.allresult table tr td {
    color: #fff;
    line-height: 38px;
    background-color: #6F8D81;
    border: 1px solid #001325;
    padding: 2px;
    border-radius: 0px;
    font-size: 16px !important;
}
.gotiboxi .dropdown{width:100%;background: #fed032;

    border: 0;

    /*border-radius: 10px;*/

    font-size: 20px;

    color: #000;

    font-weight: bold;

    padding: 10px 10px;}



.tablewrap{ /*border:1px solid #000; border-radius:10px; */ margin-top:10px;  background:#000;}

.tablewrap table{width:100%;  text-align:center;   font-size:20px;   border-radius:10px; background:#001427;}

.tablewrap table th{padding:10px 8px;}

.tablewrap input{width:100%; font-size:12px; border:none; padding:10px 8px;}

.patte-detail-form input{width:100%; font-size:16px; border:none; padding:12px;}



.tablewrap table tr.thbar{background:#6f8e7f;}

.tablewrap.single_ptta table tr td:last-child{ padding-right:0px; }



.tablewrap table tr td:first-child{ padding-left:0px; }

.tablewrap table tr td:nth-last-of-type(3){padding-right:0px;}





.patte-detail-form input[type=number]::-webkit-inner-spin-button,  

.patte-detail-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none; margin: 0; }  

.patte-detail-form input[type=number]{-moz-appearance: textfield;}



.tablewrap table tr:nth-child(2){ border-top:10px solid #001427; border-bottom:2px solid #001427;}





.tablewrap table tr td{ background:#001427; padding:0 2px;}

.tablewrap.single_ptta table tr.thbar{background:#d18a18;}

.tablewrap table tr.thbarb{background: #F6D490; color:#000;}

.tablewrap table tr.thbarth{font-size: 22px; line-height:normal; background-color: #BD0501;}



 

.tablewrap table [type="submit"]{ background:#b06d04; border:none; font-size:18px; font-weight:400; height:auto; padding:8px 40px; width:auto;}
.tablewrap table .total{ color:#a86f13; padding-top:20px; padding-bottom:10px; font-size:30px; font-weight:700; text-align: right; padding-right:15px!important;}
.tablewrap table .numer-tag{ background:#f4d28b; color:#000; display:block;}





.patte-detail-form .bg-khakhi{ background:#6F8D81!important; border-radius:0px!important; padding:10px!important;}
.patte-detail-form .bg-red{ background:#BD0501!important; color:#fff!important; border-radius:0px!important; padding:12px!important;} 
.patte-detail-form .btn-group{ text-align:center; margin:20px auto; display:block;}
.patte-detail-form .btn-group .submit,
.patte-detail-form .btn-group .add{ width:150px; border-radius:0px; padding:10px!important; cursor:pointer; }
.patte-detail-form .btn-group .submit{background:#b06d04; color:#fff;}



.balancesheet{border-radius:0px;} 
.balancesheet th{ font-size:15px; border:1px solid #fff; border-top:none; border-radius:0px;}
.balancesheet th:first-child{ border-left:none; }
.balancesheet th:last-child{ border-right:none; }

 

 

.balancesheet table tr:nth-child(2){ border-top:0px;}
.balancesheet table tr:nth-child(3){ border-top:5px solid #001427;}
.balancesheet table tr.thbar th{ text-align:left; position:relative;}
.balancesheet table tr.thbar th:before{ position:absolute; left:0; top:0; background:red; content:''; width:100%; height:2px; }
.balancesheet table tr.thbar th:after{ position:absolute; left:0; top:0; background:red; content:''; width:2px; height:100%; }
.balancesheet table tr.thbar th:last-child:after{ right:0; left:inherit; }
.balancesheet table tr.thbar{ background:#fff; color:#000; border-bottom:5px solid #001427;}
.balancesheet table tr td{ background:#f2d68c; color:#000; border-radius:10px; padding:5px;}



.filter-title, .result-title{ background:#6f8d81!important; color:#fff!important;}  



 

.filterbox{ background:#6F8D80; padding:15px; text-align:center; border-radius:10px}

.filterbox h2{color:#fff; text-align:center; font-size:26px; font-weight:700;}

.filterbox form{ width:350px; margin:0 auto; }

.filterbox .form-control{ width:100%; background:#f3d58d; border:0px; color:#97834a; margin-bottom:25px; height:auto; padding:10px 10px; font-size:16px; }

.filterbox .form-control.space{ margin-bottom:12px; }

.filterbox .form-control:focus{ outline:none; border:none; }

.filterbox button{background:#b01f24; border:0px; color:#fff; border-radius:0px; margin:0 auto; display:inline-block; width:100px; padding:8px 10px; font-size:18px;}

  



.filterbox .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ ccolor:#97834a;}

.filterbox .form-control::-moz-placeholder { /* Firefox 19+ */color:#97834a;}

.filterbox .form-control:-ms-input-placeholder { /* IE 10+ */color:#97834a;}

.filterbox .form-control:-moz-placeholder { /* Firefox 18- */color:#97834a;}

  

.result-subtitle{ background:#fff!important; border:1px solid #bf0603;}

.result-subtitle .title{color:#333!important; margin:0px;}

.allresult table{background:#000; width:100%; text-align:center;}

.allresult table tr{border-bottom:1px solid #999}

.allresult table tr th{ line-height:40px; background:#BF0503; color:#fff;}

.allresult table tr td {

    line-height: 40px;

    color: #333;

    background-color: #fff;

    border: 2px solid #001325;

    padding: 2px;

    border-radius: 9px;

    font-size: 14px !important;

}



 .allresult table tr td i{ color: #333;}



 

 table.ybi_body_table th{ color:#333;}



.heding3{line-height:44px;}













.min_logo img {

    height: 101px;

  padding: 0px 0px;

    /* padding: 10px 0px; */

}

.col-lg-6

{

  width:50%!important;}

  .resultw3.bg3 {

    width: 70%;

}



th {

    font-size:18px;

    font-weight:400;

   /* border: 1px solid;*/

}



h4.headig.heding4 {

    background-color: #fff;

    font-weight: 900;

}

.details table tr th {

    line-height: 40px;

    background: #6F8D81;

    border: 0;

  color: #fff;

}

.details table tr {

    border-bottom: 0px solid #999;

}
.details table tr td{line-height:40px;color:#06121F;background-color:#F3D58D;padding:2px;font-size:17px!important;border-top:2px solid;font-weight:900;}

.details table{background:#000; width:100%; text-align:center;}










.logo img
{
  max-width:100%;  
}


img{ max-width:100%;} 
*{ box-sizing:border-box;}
a{color: #001427;}
a:hover{ text-decoration:none;}
a.logo.min_logo img {
    max-width: 200px;
}

body{padding:0px;overflow-x: hidden;margin:0px;background: #e9e9e9;font-family: "Poppins"}

.login-and-register_pages{ background:#001427;}
.forget-warning{ color:#fff; font-size:14px;}
.login-and-register_pages .body-box{padding-bottom:0px;} 
.logincontainer {
    max-width: 750px;
    margin: auto;
    padding: 0 13px;
}
.loginbox{background:#ffff;border-radius:10px;padding:  30px;text-align:center;margin:20px 0px;}
.loginbox form{margin:0 auto;}
.loginbox .form-control{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #f5f4f2;border-radius:10px;height:auto!important;padding: 15px 10px 15px 65px;color:#021323;font-size:16px;font-weight:400;border:none;}
.loginbox .form-control:focus{  background:#f3d58f;}
.loginbox .form-control::-webkit-input-placeholder {color:#001427;}
.loginbox .form-control::-moz-placeholder { color:#001427;}
.loginbox .form-control:-ms-input-placeholder {color: #001427;}  
.loginbox .form-control:-moz-placeholder{color:#001427;}
.loginbox h2{color: #684e46;font-weight:700;font-size:36px;margin-bottom:25px;}
.loginbox .custom-btn{margin:0 auto!important;max-width: 200px!important;text-transform:uppercase;}
.loginbox .remember{align-items:center;}
.loginbox .remember .text-white{color:#000;font-size: 16px;font-weight: normal;}
.loginbox .remember input[type=checkbox]{ vertical-align:middle; margin-right:8px;}
.loginbox .input-container{ position:relative; margin-bottom:30px;}
.loginbox .input-container .icon-field{ position:absolute; left:15px; top:7px;}
.loginbox .input-container .icon-field i{height:35px;width:35px;line-height:35px;text-align:center;background: transparent;color: #684e46;font-size:24px;border-radius:100%;}
.loginbox .forgotpass, .text-reg{text-align: center;color: #4e4733;font-size:18px;display:block;padding-top:15px;}
.loginbox .text-reg a {
    color: #684e46;
    font-weight: 700;
}
.loginbox select{  padding-left:15px!important;}

.description-login{ background:#f3d58d; font-size:16px; color:#000; }          
input.btn.custom-btn{border-radius:10px;line-height:46px;font-weight:bold;width:50%;background: #060402;font-size:20px;color: #fff;}   


.Registerbox .form-control:disabled{ padding:15px; }
.Registerbox .icon-field .fa-user{background:#021323!important; color:#fff!important;}
.Registerbox .icon-field i{background:none!important; color:#021323!important}
.Registerbox .radio-field{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.Registerbox .radio-field label{ margin:0px;}
.Registerbox .radio-field p{ margin:0 5px; display:inline-block;}
.Registerbox .radio-field label input{ margin-right:5px; }  
 
/*.forget{ background:none;}
.forget .icon-field .fa-phone{background:none!important; color:#021323!important;}
.forget .custom-btn{ background:#6f8d81!important; text-transform:capitalize!important;}
.loginbox.forget .custom-btn{ background:#6f8d81!important;} */
   
.loginbox [type="radio"]:checked, 
.loginbox [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.loginbox [type="radio"]:checked + label,
.loginbox [type="radio"]:not(:checked) + label{position:relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
.loginbox [type="radio"]:checked + label:before,
.loginbox [type="radio"]:not(:checked) + label:before {content: '';position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #0014 ; border-radius: 100%; background:#f3d58f;}
.loginbox [type="radio"]:checked + label:after,
.loginbox [type="radio"]:not(:checked) + label:after{content: ''; width: 12px; height: 12px; background:#001427; position: absolute; top:3px; left:3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.loginbox [type="radio"]:not(:checked) + label:after{opacity:0; -webkit-transform: scale(0); transform: scale(0);}
.loginbox [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1);transform: scale(1);}

    
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label{position:relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 2px solid #684e46;}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after{content: '';width:14px;height:14px;background: #7e7a55;position: absolute;top:2px;left:2px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="checkbox"]:not(:checked) + label:after{opacity:0; -webkit-transform: scale(0); transform: scale(0);}
[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1);transform: scale(1);}


.input-container {display:-ms-flexbox; /* IE10 */   display:flex; width:100%; margin-bottom: 15px;}
.icon{padding:8px; background:#f3d58d; color:#001427; text-align: center;}
.input-field{width:100%;padding:10px; outline:none;}
.form-control{border-radius:0px; height: 36px; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000000 !important; opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000000 !important;}
::-ms-input-placeholder { /* Microsoft Edge */color: #000000 !important;}


 
.header{background-color: #fffeea;box-shadow: 2px 2px 20px 0px rgb(5 5 55 / 13%);}
.header .btn-field{ padding:10px 0px;}
.header .btn-field .btn{ padding:8px 20px; margin-right:12px; line-height:normal; }
.header .btn-field .btn i{margin-right:5px;color: black;}
.header .btn-field .btn:hover a{ text-decoration:none;}

.headerright{font-weight:bold; padding:10px 0px; float:right}
.header .bell{ padding:5px 15px 0px 0px; color:#fff; float:right; font-size:24px;}
.headerright span{color:#000; font-size:14px;line-height:normal; padding-left:40px;display:block; position:relative;}
.headerright .Welcome:before{ content:"\f232"; font-family:FontAwesome; font-size:24px;color:#fff;position:absolute;left:0;}

.logo img{height:100px; padding:0px 0px;}
     

.time-manage{ text-align: center; font-size:20px;  color:#fff;} 
.time-manage .time-field { background: #c4261b; font-size:20px; border-radius: 5px; font-weight: 500;}
.time-manage .clock-box, .time-manage .date-box{ color:#dbab58;}
  
.menu{background:#001427;}
.nav li:last-child{ border-right:none;}
.nav li a{color: #fff;display:block;padding:10px 32px;line-height:40px;font-family: "Poppins", sans-serif;font-size: 16px;}
.nav li a:hover {
    background: #ebe892;
    text-decoration: none;
    color: #111111;
}
.nav li a i{ margin-right:10px; font-size:24px; vertical-align:middle;}

@media (max-width: 768px) { /* Adjust breakpoint for mobile */
    .logo_box {
        padding: 8px; /* Reduce padding for mobile */
        margin-left: 8px; /* Adjust margin for better spacing */
    }

    .logo.min_logo img {
        width: 100px; /* Smaller logo for mobile */
        height: auto; /* Maintain aspect ratio */
    }
}
.body-box{padding-bottom:20px;} 
.body-box h4.headig{ text-align:center; color:#FFFFFF; font-weight:bold; padding: 10px 0px; border-radius: 5px; background: #2E61A0; margin:10px 0px; font-size:17px;}
.body-box h4.headig1{ text-align: center; color: #fff; padding: 10px 0px; border-radius: 5px; background: #6F8D81; margin: 10px 0px; font-size: 17px;}  
div.result-box .inner {
    background-image: linear-gradient(45deg, #fffeea, #e9e9e9);
    border-radius: 8px;
    border: 1px solid;
}
.btn.btn-login a.loginbtn {
    background: white;
    font-family: "Poppins", sans-serif;
    display: inline-block;
    padding: 11px 20px;
    font-weight: 600;
    background: rgb(235 232 146);
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #de7550;
}

.btn.btn-login a i {
    vertical-align: middle;
}
.header .btn-field .btn .loginbtn:hover {
    color: #fff;
    background: #000000;
}.result-box  .col-6.no-gutters .time {
    border-radius: 8px 0px 0 0;
}

.header .btn-field .btn a.loginbtn:hover i {
    color: #fff;
}



.contact a{background: #3F51B5;font-size:24px;color: #fff;font-weight:700;text-transform:capitalize;position:relative;overflow:hidden;padding: 20px 20px;border: 2px solid white;}
.contact:before, .contact:after{\: 100%;\: \;top;}
.contact:after{ transform:skewX(64deg); left:inherit; right:-118px;}
.contact .whatsapp, .contact .phone{padding: 30px 0;}
.contact .whatsapp{/* border-right:10px solid #bf0703; */}
.contact i{vertical-align:middle; margin-right:10px; width:40px; height:40px; line-height:40px; border-radius:100%;} 
.contact .fa-phone::before {font-size:26px; text-align:center; display:block; color:#f3d58d; }
.contact .fa-whatsapp::before { font-size:49px; color:#fff; margin-left:-1px;}
.contact .whatsapp i{background:green;}  
.contact .phone i{background:#c40607;}  

.contact .phone a {
    background: #E91E63;
}

.whatsapp  a {
    background: #009688;
}

.mobile-logo{ background:#fff; padding:15px; display:none; align-items:center; }
.mobile-logo a{ width:100px; margin:0 auto;}
.mobile-logo span{font-size:22px; font-weight:700; width:204px; padding-left:15px; line-height:24px; font-style:italic; }
.mobile-logo span small{display:block; font-size:15px; font-weight:normal; color:#656565; padding-left:15px;}
.menu-text{ display:none; }
.min_logo img{ height:auto;}
.fa-times{position:fixed; top:12px; left:15px; font-size:27px;color:#000000; background:#F3D58D; display:none;}
.logo{display:block;}
.nav>li>a>img {
    max-width: 70px;
    align-items: center;
    /* padding-left: 29px; */
    margin-left:35px;
}
.date {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    background-color: #ffffff;
    font-weight: 900;
}
.name.pb-3 {
    font-size: 20px;
    font-style: italic;
    background: darkgoldenrod;
    padding-bottom: 30px;
}
/*sidenav */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.nav>li {

    width: 100%;
}
div.result-box .time {
    background: #ebe892;
    color: black;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    border-radius: 0px 8px 0 0;
    border-bottom: 1px solid gray;
}
.result-box .hours{ background-color:yellow; color:black; font-size:1.2rem;}
.result-box .dark{ background-color:yellow;}
.result-box .img{ max-width:3.1rem; }
.result-box .name{ color:#621c20; font-weight:600; }
  
.modal.fade .modal-dialog{ top:50%; left:50%;   transform:translate(-50%, -50%); position: absolute; width:320px;}  
.result-box .modal-header{ background:#f6f6f6; color:#c0c0c0; font-size:24px;}
.result-box .modal-header h4{font-size:18px; text-transform: uppercase;}
.result-box .modal-footer .w-100{ background:none;font-size:24px; color:#efdca3; }
.result-box .modal-content{ border-radius:0px; }
  
.resulth {
    font-size: 15px;
    border-radius: 5px;
    padding: 10px 51px;
    background: linear-gradient(45deg, #791111, #684e46);
}  
.patte-inner{ border:5px solid #F3D58D; border-radius:10px; margin-top:30px; margin-bottom:30px;background-color: #001427;}
.patte-inner .title{ background:#F3D58D; color:#bf0603; font-size:30px; font-weight:600;}
.patte-inner a{ display:block; padding:10px 0px;}
.patte-inner a img{ max-width:90px!important; margin:0 auto;}   
.patte-box{ background:#001427;}

.patte-detail-form h4.headig1{ border-radius:0px; }
.patte-detail-form select{ background:none; background:url(../images/drope.png) no-repeat right center !important; margin:0 15px; width:98%; border:none; padding:0; height:auto!important; border-radius:0px!important; color:#fff; text-align:center; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.patte-detail-form select:focus{ outline:none;  box-shadow:none;}
.patte-detail-form  select { text-align: center; text-align-last: center;}

.help-content {
    background: #111111;
    border-radius: 10px;
    color: #fff;
}
 .help-content p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
}
  
.footer{ color:#fff; text-align:center; margin-bottom:0px}
.footer img{ }
.footer.contact a{ color:#fff; } 
.footer.contact::before, .footer.contact::after { display:none;}
.footer.contact i{ display:block; margin:0 auto;}
.footer.contact .phone i{background:#fff; }
.footer.contact .fa-phone::before {color:#bf0603;} 
.footer.contact .whatsapp{ border:none;}
.footer.contact{ padding:0px; color:#fff; } 
.footer.contact span{ color:#000;}  
.footer .helpline{ height:100%; position:relative;}
.footer .helpline .in{ z-index:1; position: relative; padding-top:30px;}
.footer .helpline:before, 
.footer .helpline:after{ transform:skewX(-10deg); content:''; height:100%; width:360px; background:#F3D58D; position:absolute; top:-1px; left:0px;}
.footer .helpline:after{ transform:skewX(-10deg); left:inherit; right:0px;}
.footer h6{color: red; font-size:30px; margin:0;}

.fixbar{background:#28A745; padding:15px 0px 10px;   position:fixed; bottom:0px; width:100%; z-index:9;}
.fixbar ul{padding:0px 0px; list-style:none; margin:0px;}
.fixbar ul li{ width:25%; float:left; text-align: center;}
.fixbar ul li a{color:#000; text-align:center}
.fixbar ul li a i{display:block; font-size:24px;}
.fixbar ul li a:hover{ text-decoration:none; color:#bf0603;}
.menubar{display:none; }
  
.vertical-center {
  position: absolute;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 33%;
}
.is-size-7 {
    margin-top: 20px;
}
.is-size-7 p {
    font-size: 14px;
    font-weight: 700;
}
.is-size-7 {
    margin-top: 20px;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    font-size: 20px;
}
  
  .fixbar1 {
    background: #28A745;
    /* padding: 15px 0px 10px; */
    width: 100%;
    z-index: 9;
    padding-left: 34%;
    margin-top: 20px;
}
 


p.login-txt {
    font-size: 18px;
    padding: 17px 0;
    display: inline-block;
}

p.login-txt a {
    color: #009688;
    font-weight: bold;
}



.resulth p, .resulth b, .resulth h2 {
    color: white;
    font-size: 16px;
    font-weight: normal;
}

.resulth strong {
    font-weight: 600;
}

.Resultbox {
    font-size: 18px;
    background: #465655;
    color: white;
    padding: 20px 0;
    margin-bottom: 20px;
    border: 2px solid white;
    border-radius: 8px;
}
div.Resultbox .title i {
    font-size: 26px;
    font-style: normal;
    font-style: normal;
}

div.Resultbox .title {
    margin: 0;
}
.close-btn {
    position: absolute;
    left: -17px;
    top: -15px;
    border: 5px solid #6f8d81;
    border-radius: 100px;
}
.resulth h2, .resulth p {
    border: 1px solid white;
    padding: 10px;
    border-radius: 8px;
}

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

.nav li a{ padding:10px 20px; font-size:15px;}

.nav li a i{ margin-right:5px; }

}





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

.footer img{ height:auto;}

.menu .container{ padding:0px;}

.nav li{display:block; width: 100%; border-bottom:1px solid #828282; border-right:0px}    

.nav li a{ padding:12px 15px; line-height:normal; font-style:italic; font-style:14px;} 

.nav li a i{ margin-right:10px; font-size:20px;}

.header .container{ position:relative; }

.mobile-logo{ display:flex;}

.menubar{display:inline-block;font-size:24px; color:#000000; vertical-align:middle; margin-right:13px; padding:10px 0px; }

.menu-text{ color:#000000; display:inline-block;}

.menu-wrap{ position:fixed; left:-100%; top:60px; bottom:0; background:#001427; z-index:999999; width:200px; height:100%; overflow: scroll;}

.menu-overlay.active, .fa-times{ display:block;}
span.menu-text {
    font-size: 17px;
}



.menu-overlay{ position:fixed; background:rgba(0,0,0,0.5); height:100%; top:60px; left:0; right:0; bottom:0; width: 100%; display: none; transition: all 0.4s ease; z-index: 99999;}

.header .bell{ font-size:20px;}

.headerright .Welcome:before{ font-size:22px;}

.menu-overlay.active ~ .fa-bars{ display:none;}

.marketresult .inner img{ max-width:50px; }

.footer .helpline:before, .footer .helpline:after{ width:238px;}


}

  



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

.header-container{ /*padding-left:0px; padding-right:0px;*/ overflow:hidden; max-width:100%;}


.logo_box,
.contact{ margin-left:-22px; margin-right:-15px;} 

.header .btn-field{ padding:10px 15px;margin-left: 43px;}
.header .btn-field .btn{ padding:8px 10px; margin-right:5px;}
.header .btn-field .btn i{ margin-right:2px; font-size:16px;}
.headerright span{ padding-left:30px; font-size:12px;}
   

.body-box{ padding:0px 10px;}

.footer h5{ font-size:18px;} 
.footer h6{ font-size:20px; padding-top:0; }
.footer.contact{ margin-top:15px; margin-left:0; margin-right:0;}

.contact{ font-size:16px; margin-top: 10px;
    margin-bottom: 0px;}
.contact i{ height:26px; width:26px; line-height:26px; margin-right:4px; }
.contact .fa-phone::before{ font-size:18px;}
.contact .fa-whatsapp::before{ font-size:31px; }


.loginbox h2{ font-size:26px;}
.loginbox h2{ margin-bottom:15px;}
.loginbox .input-container{ margin-bottom:12px;}
.loginbox .form-control{ padding:10px 10px 10px 50px; font-size:14px;}
.loginbox .input-container .icon-field i{ font-size:20px; height:30px; width:30px; line-height:30px; }
.loginbox .custom-btn{ min-width:180px; line-height:normal!important; font-size:18px!important;}
.loginbox .forgotpass, .text-reg{ padding-top:5px;}
.Registerbox .radio-field{ width:70%;}
.Registerbox .radio-field p{ margin:0px;}
.loginbox [type="radio"]:checked + label, .loginbox [type="radio"]:not(:checked) + label{ padding-left:20px; }



.patte-inner .title{ font-size:24px; }
.patte-inner a img{ max-width:59px!important; margin:0 auto;}
.patte-detail-form input{ padding:5px 2px; font-size:9px;}
.patte-detail-form select{ width:95%;}


.tablewrap{width:100%; overflow:scroll;}
.tablewrap table th{ border-radius:0px;}
.tablewrap table .numer-tag{ font-size:14px;}
.tablewrap table th{ padding:5px;}
.tablewrap table th, .tablewrap table td{ font-size:15px; }


.half.patte-detail-form input{ background:#F3D58D; color:#534b27;}
.half.patte-detail-form .mt-0{ margin-top:15px!important;}
.half.patte-detail-form .mt-0 input{ text-align:center; }
.half.patte-detail-form .bg-khakhi{ background:#fff!important;}

.allresult table tr th { line-height:30px; background:#BF0503; color:#fff; font-size:11px; font-weight: bold;}
.allresult table tr td {line-height:30px; border:2px solid #001325; padding:2px; border-radius:9px; font-size: 12px !important;}
.footer .helpline:before, .footer .helpline:after{ width:75%;}

}





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

.header .btn-field .btn{ font-size:12px;}
.col-md-6 {
    margin-top: 25px;
}

.fixbar ul{display: flex; justify-content: space-between;}
.fixbar ul li{ float:none; width:auto;}
.fixbar ul li a{font-size:14px}
.fixbar ul li a i{font-size:18px} 

.contact .whatsapp, .contact .phone{ padding:10px 15px;} 
.footer.contact .whatsapp, 
.footer.contact .phone{ padding:10px 0px;} 
.contact:before, .contact:after{ width:165px;} 
.footer .helpline:before, .footer .helpline:after{ width:68%;} 
.footer .helpline .in{ padding-top:15px;}
.result-box .time{ font-size:0.900rem;}
.allresult {
    overflow-x: auto;
    width: 100%;
}

.allresult table {
    width: 100%;

}

.allresult table tr td {
    white-space: nowrap;
}
}

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

.marketresult .inner img{ max-width:100%;}

}
.pb-3, .py-3 {
    padding-bottom: .3rem!important;
}
.col-6.no-gutters {
  
    padding-left: 0px;
}
.no-gutters .col-6 {
   padding-left: 0px;
}

.col-6.left {
  
    padding-right: 100px;
}
span.hours.dark.py-1.px-1.d-block {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}
div.result-box .hours {
  font-size: 16px;
  color: black;
}
div.result-box {
    background: #b9221f;
    border-radius: 8px;
    padding: 1px;
}
div.result-box .name {
    background: #000;
    font-weight: 500;
    font-size: 15px;
    color: white;
    border-bottom: 1px solid #00655b;
    line-height: 26px;
}
@media only screen and (max-width:360px) {

.result-box .name {
    color: #621c20;
    font-weight: 600;
    font-size: 12px;
}
.result-box .hours {
    font-size: 11px;
}

span.hours.dark.py-1.px-1.d-block {
    font-size: 11px;
}
.result-box .img {
    max-width: 2.5rem;
}

}

.carousel-indicators {
    display:none;

}

.heading {
  font-size: 25px;
  margin-right: 25px;
}

.fa {
  font-size: 25px;
}

.checked {
  color: orange;
}

/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
span.openNavbtn {
    color: #fff;
    font-size: 32px;
    margin-right: 16px;
    background: #684e46;
    border-radius: 8px;
    padding: 0px 9px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ebe892;
}

@media only screen and (max-width: 767px) {
.body-box {
    padding: 0px 10px;
    background-color: #fafafa;
}
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}
.result-box .img {
    /* filter:  brightness(0) invert(1); */
}

.result-box a span {
    color: #684e46;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.result-box a img {
    vertical-align: middle;
}
.is-size-71 {
    margin-top: 20px;
} 
/* Individual bars */
.bar-5 {width: 90%; height: 18px; background-color: #04AA6D;}
.bar-4 {width: 5%; height: 18px; background-color: #2196F3;}
.bar-3 {width: 3%; height: 18px; background-color: #00bcd4;}
.bar-2 {width: 0%; height: 18px; background-color: #ff9800;}
.bar-1 {width: 1%; height: 18px; background-color: #f44336;}

.table-responsive.ox-auto table {
    width: 100%;
    background: rgb(255 255 255);
}

.table-responsive.ox-auto table td, .table-responsive.ox-auto table th {
    font-size: 14px;
    padding: 15px;
    border: 1px solid #efefef;
    color: #555;
}
.table-responsive.ox-auto table tr:nth-child(odd) {
    background: #fafafa;
}

.table-responsive.ox-auto table th {
    background: #fafafa;
    color: #000;
    font-weight: 600;
    font-size: 17px;
}
/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}