MAINHACK

Viewing / Editing File: style.css

html, body{ margin:0; font-size: 100%; font-family: 'Lato', sans-serif; background: #fff; }
body a {  text-decoration: none !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
 text-decoration:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } a:hover{ text-decoration:none; }
input[type="button"],input[type="submit"]{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Federo', sans-serif;  }	
p{ margin:0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
a{text-decoration: none !important; outline:none !important;}
ul{ margin:0; padding:0; }
label{ margin:0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
*{ margin:0; padding:0; }
input::placeholder {color: #000; opacity: 1; /* Firefox */}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000;}
input::-ms-input-placeholder { /* Microsoft Edge */color: #000;}

img.captcha-hed { width: 100%; height: 40px; margin: 0 0 6px; border-radius: 8px; position: relative; }
span.captcha-text { position: absolute; content: ""; top: 5px; left: 40px; right: 0; width: 25%; margin: 0; font-size: 18px; font-weight: bold; color: #000; letter-spacing: 1px; background: none; }
span.captcha-text input{ background: none; outline: none; border: none;}

/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}

body{ width:100%; font-family: "Abel-Regular"; background-attachment: fixed;background-size: cover;      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}

#myModal .modal-dialog { width: 700px !important; margin: 100px auto !important; }
#myModal .modal-dialog { cursor: no-drop !important;  background: #0000009e !important;   width: 100% !important; margin: 0 auto !important; text-align: center !important; height: 100vh; padding: 100px 0 0 0; }
#myModal .modal-content {    width: 55% !important; margin: 0px auto !important; text-align: center !important;  position: relative; background: url(../images/ppup-up.jpg)no-repeat center; padding: 0;}
#myModal .form-group { margin-bottom: 15px; margin: 0px !important; }
#myModal .form-group h5 { font-family: 'Archivo Black', sans-serif; text-align: center; font-size: 15px; color: #FFF; line-height: 20px; padding: 7px 0; width: 13%; display: inline-block; background: #fff; border-radius: 4px; }
#myModal .modal-header h4.modal-title{     font-family: revert; font-size: 25px; text-align: center; color: #1a1a42; font-weight: bold; text-transform: uppercase;  }
#myModal .modal-body { position: relative; padding: 15px; display: inline-block;    width: 100%;}
#myModal .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
#myModal .btn-primary {    color: #fff !important; background-color: #ff000b !important; border-color: #ffffff !important; margin: 15px 0 0 0; float: right; padding: 8px 25px; }
#myModal p.pup-text{     text-align: left; margin: 0; color: #484d65; font-size: 16px; line-height: 1.7; font-family: arial; text-transform: none; padding: 0 0 10px; }
#myModal .btn-primary:hover{ color: #08266f !important; background-color: #fff !important; border-color: #ffffff !important; }
#myModal .form-control {display: block;width: 100%;height: 35px !important;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #05135a;background-color: #fff;background-image: none;border: 1px solid #fff !important;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;background: rgba(255,255,255,0.7) !important; }

#myModal .modal-body form .form-group{  width: 85%; position: relative; overflow: hidden; float: right; height: 200px; }
#myModal .modal-body form .form-group label{ width: 30%; position: relative; overflow: hidden; float: left; text-align: left;     color: #ffeae0}
#myModal .modal-body form .form-group select{ display:block;  width: 100%; position: relative; overflow: hidden; float: right; text-align: left; background: rgb(255 255 255 / 66%); border: none; outline: none; border-bottom: 1px solid #ffffff; border-radius: 6px; padding: 5px 20px 10px 10px; }
#myModal .modal-body form .form-group input{ width: 100%; position: relative; overflow: hidden; float: right; text-align: left; background: rgb(255 255 255 / 66%); border: none; outline: none; border-bottom: 1px solid #ffffff; border-radius: 6px; padding: 5px 20px 10px 10px; }
#myModal .modal-body .contact-form-pupup input[type="submit"] { border: none; padding: 6px 25px; font-size: 15px; outline: none; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; background: #f85101; color: #fff; width: 70%; display: inline-block; float: right; border-bottom: 2px solid #ffffff; border-radius: 6px; }
#myModal .modal-body .contact-form-pupup input:hover[type="submit"] { border-bottom: #f85101;  }
.show, .show1, .show2, .show3, .show4, .show5, .show6, .show7, .show8, .show9, .show10, .show11, .show12, .show13, .show14, .show15, .show16, .show17, .show18, .show19, .show20, .show21, .show22, .show23, .show24, .show25, .show26, .show27, .show28, .show29, .show30, .show31, .show32, .show33, .show34, .show35, .show36, .show37, .show38, .show39, .show40, .show41, .show42, .show43, .show44, .show45, .show46, .show47, .show48, .show49, .show50, .show51, .show52, .show53, .show54, .show55, .show56, .show57, .show58, .show59, .show60, .show61, .show62, .show63, .show64, .show65, .show66, .show67, .show68, .show69, .show70, .show71,  .show72 { padding: 5px; border-bottom: 1px #8a8a8a dashed; font-size: 13px; list-style: none; text-align: left; }
#myModal .modal-body form .form-group ol, ul { padding: 0; margin: 0; }

.container{ width:1300px; overflow: hidden; }
.body-left{ position: fixed; left: -10px; z-index: 9999; top: 180px; }
.body-left img{ width: 50%; }

.body-right{ position: fixed; right: -10px; z-index: 9999; top: 300px; display: none; }
.body-right ul{ padding: 0; margin: 0; }
.body-right ul li{ padding: 0; margin: 0; list-style: none; }
.body-right ul li a{  padding: 10px 10px; margin: 0 -70px 0 0px; color: #fff;text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; display: block; background: #006eb8; transition:500ms ease-in-out;}
.body-right ul li a:hover{  padding: 10px 10px; margin: 0 0px 0 0px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}
.body-right ul li a i.fa{     color: #fff; font-weight: bold; padding: 0 10px 0 0; }

/*/*header-sticky*/
/*.sticky { position: fixed; top: 0; width: 100%; z-index: 99999 }
.sticky + .banner { padding-top: 102px; }*/

/*header-top*/
.header-top{ position: relative; width: 100%; height: auto; background: #c7003d; padding: 1px 0; margin: 0px 0; z-index: 999;}
.header-top .barnd-text{ position: relative; width: 100%;  }
.header-top .barnd-text p{    padding: 0 0 0; line-height: 22px; display: inline; text-transform: lowercase; color: #ededed; font-size: 14px; letter-spacing: 1px; }
.header-top .barnd-help{ position: relative; width: 100%; color: #d60646; }
.header-top .barnd-help a{ text-decoration: none; color: #ededed; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 13px; padding: 0 9px;}
.header-top .barnd-help a:hover{ text-decoration: none; color: #fff; }

.header-bottom .barnd-catag{ width:100%; position: relative; }
.header-bottom .barnd-catag .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-bottom .barnd-catag .dropbtn img{ width: 45%; }
.header-bottom .barnd-catag .dropbtn { width: 100%; color: #ffffff; padding: 5px 0; font-size: 13px; border: none; border-right: 1px solid #b90039; outline: none; border-right: 1px solid rgba(0,0,0,0.07);
    border-left: 1px solid rgba(0,0,0,0.07); border-radius: 4px;  transition: all 600ms ease-in-out; text-transform: uppercase; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; letter-spacing: 2px;     height: 64px; }
.header-bottom .barnd-catag .dropdown { position: relative; display: inline-block;     width: 100%;}
.header-bottom .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: -50px; top: 65px;}
.header-bottom .barnd-catag .dropdown-content a {    color: black; padding: 8px 0 10px 15px; text-decoration: none; display: block; font-size: 15px; line-height: 20px; }
.header-bottom .barnd-catag .dropdown-content a:hover {background-color: #ddd}
.header-bottom .barnd-catag .dropdown:hover .dropdown-content {display: block}
.header-bottom .barnd-catag .dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }

/*.header-bottom{ position: absolute; width: 100%; padding: 0px 0; z-index: 99; height: 70px; overflow: visible !important; margin: 0 auto; background: url(../images/overlay.png)repeat; background: url(../images/overlay.png)repeat,#ffffff1c; -webkit-box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.27); box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.27); }*/
.header-bottom{position: absolute; width: 100%; padding: 0px 0; z-index: 99; overflow: visible !important; margin: 0 auto; background: url(../images/overlay.png)repeat; background:none;}
.header-bottom .barnd-logo{ width: 100%; overflow: hidden; background: none; text-align: left; position: absolute; top: 0; }
.header-bottom .barnd-logo img{ width: 9%; padding: 5px 0 0; }
.header-bottom .barnd-logo a sup{ font-weight: bold; font-family: Okra, Helvetica, sans-serif;font-family: 'Aclonica', sans-serif; color: #fff; font-size: 45px; line-height: 40px; padding: 0 0 0 0; display: inline-block; margin: 0 0 0 0; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.61); top: 10px; } 
.header-bottom .barnd-logo a sup b{ color: #ff841b; }
.header-bottom .w3l_search{  width: 85%; padding: 0; margin: 12px auto 0; overflow: hidden; border-radius: 6px; }
.header-bottom .w3l_search form{  width: 100%; }
.header-bottom .w3l_search form .search-container{  width: 65%;  background: #ccc;  float: right;}
.header-bottom .w3l_search form .search-container input[type="text"] {     width: 90%; background: #ffffff; border: none; outline: none; padding: 10px 10px; margin: 0; float: right; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; }
.header-bottom .w3l_search form .search-container button[type="submit"] {      width: 10%; background: #dcdcdc; border: none; outline: none; padding: 9px 0; margin: 0; float: left; text-align: center; color: #575252; font-size: 17px; }
.header-bottom .w3l_search form .select-container{  width: 35%;  background: #efefef; float: left;}
.header-bottom .w3l_search form .select-container select{  width: 80%; background: #ffffff; border: none; outline: none; padding: 9px 10px 10px; margin: 0; float: right; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; color: #020416; }
.header-bottom .w3l_search form .select-container span{ width: 20%; float: left; text-align: center; background: #dcdcdc; color: #f00; font-size: 30px; }
.header-bottom .barnd-cart{ float: left; width: 35%; display: inline-block; text-align: center; border-right: 1px solid #8a858566; margin: 0; box-shadow: 10px 0px 15px -10px rgba(0, 0, 0, 0.37); padding: 15px 0 0; }
.header-bottom .barnd-cart a{ text-decoration: none; font-size: 15px; display: block; vertical-align: text-top; padding:21px 0 25px; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.header-bottom .barnd-cart a:hover{ color: #fff;}
.header-bottom .barnd-cart a i.fa{     font-size: 18px; padding: 0 0 0 7px; color: #ff841b; }
.header-bottom .barnd-login{ float: right; width: 65%; display: inline-block; padding: 15px 0 0; text-align: center;  }
.header-bottom .barnd-login .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-bottom .barnd-login .dropbtn img{ width: 90%; }
.header-bottom .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 12px 0 15px 0; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; display: block;width:100%; }
.header-bottom .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
.header-bottom .barnd-login .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out; border-radius: 4px 0px 4px 4px; background-color: #333; left: 0px;}
.header-bottom .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px; }
.header-bottom .barnd-login .dropdown-content ul li { margin: 0; float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 32px; padding-left: 15px; color: #ededed; text-transform: capitalize; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; }
.header-bottom .barnd-login .dropdown-content ul li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

.header-bottom .barnd-login .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left;padding: 4px 0 10px; border-top: 2px solid #ff9b05; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #ffbf00; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 600; text-transform: uppercase; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

/*.header-bottom .barnd-login .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.header-bottom .barnd-login .dropdown-content a:hover {background-color: #ddd; transition: color 0.25s ease-in-out, }*/
.header-bottom .barnd-login .dropdown:hover .dropdown-content {display: block; transition: color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown:hover .dropbtn {background-color: #333; transition: color 0.25s ease-in-out,   }
.header-bottom .barnd-login .dropbtn i.fa{ width: 35px; height: 35px; border-radius: 50px; padding: 5px; background-color: rgb(255, 132, 27); color: #e7f3f7; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }

img.app-download{ position: relative; width: 40%; z-index: 99; margin: -80px auto 0; display: block; text-align: center; left: 0; right: 0; border: 10px solid #012438; }

.dec-kkki{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff;}
.dec-kkki img.kkki-img{ width: 100%;}
.dec-kkki .dec-kkki-dec{ position: absolute; width: 50%; content: ""; top: 18%; left: 5%;  margin: 0 auto; z-index: 9;  height: 100%; }
.dec-kkki .dec-kkki-dec a.log-kkki {background: #366c2d;
  width: 25%;
  display: inline-block;
  text-align: center;
  border-radius: 14px;
  border-bottom: 3px solid #152d11;
  padding: 10px 0;
  margin: 20px 15px 15px 0;
  text-transform: uppercase !important;
  font-size: 17px !important;
  color: #fff !important;
  font-weight: bold !important;}
.dec-kkki .dec-kkki-dec a.log-kkki:hover { background: #000; }
.dec-kkki .dec-kkki-dec h3{color: #000; font-size: 20px; line-height: 30px; padding: 2px 0 7px; margin: 0; text-shadow: 3px 1px 2px rgba(74, 50, 50, 0.2); font-weight: bold; font-style: italic; text-transform: uppercase; }
.dec-kkki .dec-kkki-dec h2{  color: #fff; font-weight: 300;font-weight: bold; font-size: 35px; line-height: 46px; letter-spacing: 0px; padding: 0 0 15px; margin: 0; font-family: Okra, Helvetica, sans-serif;}
.dec-kkki .dec-kkki-dec p{color: #fff;
  margin: 0;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-size: 23px;
  line-height: 35px;
  letter-spacing: 1px;
  padding: 0 0 5px;}

.icon-heder{ width: 100%; text-align: center; padding: 0; margin: 0; }
.icon-heder ul{ padding: 0; margin: 0;}
.icon-heder ul li{list-style: none; display: inline-block; padding: 0; margin: 0 15px; width: 14%; }
.icon-heder ul li img{width: 100%;}

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0; margin: 0;  background:#fff; height:480px; overflow: hidden; }
.banner .banner-item{ background:#fff; height:480px; padding: 0; margin: 0;}
.banner .banner-item img.banner-img{ width: 100%; padding: 0; margin: 0;  height:480px; }

.banner .dec-banner{ position: absolute; width: 100%; content: ""; top: 25%; left: 0; right: 0; margin: 0 auto; z-index: 9;  height: 100%;}
.banner .dec-banner{ position: absolute; width: 100%; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 9; height: 100%; background: #00000052; background: url(../images/overlay2.png)repeat,#00000070; }

.banner .dec-banner .dec-banner-text{text-align: center; padding:150px 0 0; margin: 0 auto; background: #ffc9454a; background:none; width: 80%; border: 15px double #f2f6fa; border:none; }
.banner .dec-banner .dec-banner-text h3{ color: #fff; font-size: 45px; line-height: 50px; padding: 0 0 5px; margin: 0; font-weight: bold; font-family: Okra, Helvetica, sans-serif;}
.banner .dec-banner .dec-banner-text h3 span{ color: #ff841b;}
.banner .dec-banner .dec-banner-text h5{ color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-family: 'Nunito', sans-serif; font-weight: 300; font-size: 20px; line-height: 40px; letter-spacing: 1px; padding: 0 0 10px; margin: 0; }
.banner .dec-banner .dec-banner-text a{ color: #fff; background: #ffffff5e; background: #ff841b; padding: 0 40px 5px; font-size: 15px; line-height: 36px; border-radius: 45px; display: inline-block; border-bottom: 2px solid #b7b7b7; font-weight: bold; margin: 5px 0 0; }

.banner .dec-banner .dec-banner-text a:hover{background: #ffffff5e;}
.banner .dec-banner .dec-banner-text .w3l_search{ width: 70%; padding: 0; margin: 0 auto; border-radius: 6px; height: 85px; }
.banner .dec-banner .dec-banner-text .w3l_search form{  width: 100%; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container{  width: 100%; background: #ccc; float: left; margin: 14px 0 10px; border-radius: 20px; overflow: hidden; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container input[type="text"] { width: 80% !important; background: #efefef; border: none; outline: none; padding: 10px 20px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container button[type="submit"] {     width: 20%; background: #ff841b; border: none; outline: none; padding: 10px 10px; margin: 0; float: right; }
.banner .dec-banner .dec-banner-text .w3l_search form .select-container{  width: 50%;  background: #efefef; float: right;}
.banner .dec-banner .dec-banner-text .w3l_search form .select-container select{  width: 100%; background: #ff0000; border: none; outline: none; padding: 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #fff; }

/*Food Option*/
.food-option{ width:100%; position:relative; display:block; background:#fff; padding: 30px 0; margin: 0; }
.food-option .category-block{ width: 100%; position: relative; padding: 0; margin: 0; display: inline-block; }
.food-option .category-block .food-option-block{width: 10.5%;padding: 0 5px;margin: 0 12px 20px;text-align: center;float: left;transition: 400ms ease-in-out;background: #fff;-webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);-webkit-animation: menu_sticky 0.7s ease-in-out;animation: menu_sticky 0.7s ease-in-out;border-radius: 5px; }
.food-option .category-block .food-option-block img{ width: 100%; }
.food-option .category-block .food-option-block:hover{box-shadow:none; transition: 600ms ease-in-out;}
.food-option .category-block .food-option-block:hover img{  -webkit-transform: scaleX(-1); transform: scaleX(-1);transition: 600ms ease-in-out; }
.food-option .category-block .food-option-block h5{ font-size: 17px;line-height: 20px;color: #0f3927;font-weight: 300;padding: 0 0 10px; margin: 0;letter-spacing: 0;}
.food-option .category-block .food-option-block:hover h5{color: #0d6641; transition: 600ms ease-in-out;}

/*About*/
.about-top{  width: 100%; height: auto; background: #fff; padding:0 0px; margin: 10px 0; background: #fff; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.about-top h2{text-align: center;  font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.about-top h3{text-align: center; font-family: "Abel-Regular"; font-size: 17px; color: #585656; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-top h3 span{ font-weight: bold; }
.about-top p{text-align: center; }

/*About*/
.about-in{  width: 100%; height: auto;  padding:10px 0px;  background: #fff; }
.about-in h3{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.about-in p{    text-align: justify; font-family: inherit; font-size: 16px; color: #1b1a1a; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-in h3 span{ font-weight: bold; }
.about-in p{text-align: center; }
.about-in img.about-in-img{ width:100%; margin:50px 0 0;}

.founder-img{width: 100%; background: #fbf7f1; border: 1px dotted #f0770f69; padding: 5px; border-radius: 15px; margin: 0 0 30px; }
.founder-img img.founder1-icon{ width:100%; }
.founder-img h4{ text-align: center; font-size: 13px; text-transform: uppercase; line-height: 20px; padding: 5px 0; margin: 0; background: #ee760f; color: #fff; font-weight: bold; border-radius: 5px; }

/*terms-in*/
.terms-in{  width: 100%; height: auto;  padding:10px 0px;  background: #fff; }
.terms-in h3{text-align: left;  font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.terms-in p{    text-align: justify; font-family: inherit; font-size: 16px; color: #1b1a1a; line-height: 30px; padding: 0 0 10px; margin: 0; }

/*policy-in*/
.policy-in{  width: 100%; height: auto;  padding:10px 0px;  background: #fff; }
.policy-in h3{text-align: left;  font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.policy-in p{    text-align: justify; font-family: inherit; font-size: 16px; color: #1b1a1a; line-height: 30px; padding: 0 0 10px; margin: 0; }

/*results-in*/
.results-in{  width: 100%; height: auto;  padding:30px 0px;  background: #fff; }
.results-in h3{text-align: left;  font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.results-in p{    text-align: justify; font-family: inherit; font-size: 16px; color: #1b1a1a; line-height: 30px; padding: 0 0 10px; margin: 0; }
.results-in .results-box{ width: 100%; height: auto; padding: 5px; background: #fff; border: 1px solid #ccc; display: inline-block;margin: 15px 0;}
.results-in .results-box .results-box-lt{width: 100%; float: left; height: 190px; overflow: hidden;}
.results-in .results-box .results-box-lt img{width: 100%; height: 190px;}
.results-in .results-box .results-box-rt{width: 100%;float: right;}
.results-in .results-box .results-box-rt h4{text-align: center; color: #000; font-weight: normal; font-size: 16px; line-height: 20px; margin: 5px 0px 7px; padding: 0; font-family: inherit; }
.results-in .results-box .results-box-rt h5{font-size: 13px; line-height: 17px; color: #595858; padding: 0; margin: 0; height: 45px;text-align: center; }
.results-in .results-box .results-box-rt ul{padding: 0; margin: 0;}
.results-in .results-box .results-box-rt ul li{list-style: none; padding: 0; margin: 0;}
.results-in .results-box .results-box-rt ul li img{width: 35%; padding: 0 0 0 10px;}
.results-in .results-box .results-box-rt ul li sub{text-align: right; float: right; top: 5px; font-size: 13px; line-height: 20px; color: #7b7b7b; font-weight: normal; }
.results-in .results-box .results-box-rt a{font-size: 14px; line-height: 20px; background: #ff841b; border-radius: 5px; padding: 3px 13px; display: block; color: #fff; margin: 10px auto 5px; width: 37%; text-align: center; }
/*recent-product*/
.recent-advantages{ display:none; width: 100%; height: auto; background: #f7f6f6; padding:40px 0px 10px; margin: 0px 0;}
.recent-advantages .advantages-box{ margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.recent-advantages .advantages-box .advantages-box-img{  width: 100%; margin: 0 0 0px; padding:0px 0px 0px;} 
.recent-advantages .advantages-box .advantages-box-img img{  width: 100%; } 
.recent-advantages .advantages-box .advantages-box-text{width: 100%; position: relative; margin: 15px 0 20px 0; padding: 0 0 0px; display: inline-block; }
.recent-advantages .advantages-box .advantages-box-text .advantages-text-L-one{ width: 15%; float: left; padding: 0; text-align: center; background: #ff841b; border: 5px solid #f77304; }
.recent-advantages .advantages-box .advantages-box-text .advantages-text-L-one h2{ color: #fff; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.27); font-family: Okra, Helvetica, sans-serif;font-size: 40px; line-height: 80px; }
.recent-advantages .advantages-box .advantages-box-text .advantages-text-R-one{ width: 80%; float: right; padding: 0; margin: 0; }
.recent-advantages .advantages-box .advantages-box-text .advantages-text-R-one h3{font-family: Okra, Helvetica, sans-serif;color: #2d2c2c; font-size: 25px; line-height: 35px; padding: 0 0 4px; margin: 0; }
.recent-advantages .advantages-box .advantages-box-text .advantages-text-R-one h5{ font-family: 'Federo', sans-serif; font-size: 17px; line-height: 25px; color: #000000a3; padding: 0; margin: 0; }

/*recent-product*/
.recent-product{width: 100%; height: auto; background: #f7f6f6; padding:30px 0px 10px; margin: 0px 0;position: relative;}
p.w3ls-title-sub { text-align: center; font-size: 21px; color: #353535; letter-spacing: 0px; font-weight: normal; padding: 15px 0 5px; font-family: 'Nunito', sans-serif; }
h3.w3ls-title { font-size: 33px; color: #000; padding: 0px 0 5px; text-align: center; font-weight: bold; font-family: Okra, Helvetica, sans-serif; text-shadow: none; line-height: 40px; text-transform: capitalize;}
h3.w3ls-title span {color: #ff7500; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.2);}
.Kitchen-text h3.w3ls-title { font-size: 35px; font-weight: 600; color: #02202d; padding: 30px 0 30px; text-align: center; font-family: Okra, Helvetica, sans-serif;position: relative; }

.recent-product .recent-box{  background: none; margin: 0px auto 0; z-index: 99; position: relative; width: 96%; overflow: hidden; }
.recent-product .recent-box .box-fast-food{ width: 100%; background: #fff; margin: 0 0 20px; border: 1px solid #f2f2f2; border-radius: 10px; height: 360px; overflow: hidden; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0), 0 5px 8px 0 rgba(0, 0, 0, 0.05), -5px 10px 20px 3px rgba(0, 0, 0, 0); padding: 0;} 
.recent-product .recent-box .box-fast-food:hover{   box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 4%);}
img.use-icon-top-img {width: 40% !important; position: absolute; z-index: 99; right: 5px; border-radius: 5% !important; box-shadow: -1px 4px 31px -8px rgb(255 255 255 / 75%); -webkit-box-shadow: -1px 9px 11px 0 rgba(0, 0, 0, 0.39); -moz-box-shadow: -1px 4px 31px -8px rgba(255,255,255,0.75); background: none; height: 20% !important; border: 1px solid #fff; top: 4px; }

img.use-icon-top2-img { height: 150px !important; width: 150px !important; position: absolute; z-index: 9; right: 0; border-radius: 50% !important; box-shadow: -1px 4px 31px -8px rgb(255 255 255 / 75%); -webkit-box-shadow: -1px 4px 31px -8px rgba(0, 0, 0, 0.59); -moz-box-shadow: -1px 4px 31px -8px rgba(255,255,255,0.75); background: #000; bottom: 80px; left: 0; margin: 0 auto; border: 5px solid #fff; }

.recent-product .recent-box .item{padding: 0px 0px; margin: 0 10px 20px; }
.recent-product .recent-box .box-secend-food{width: 19%; border: 1px solid #e8e8e8a8; background: #fff; border-radius: 10px; padding: 3px; overflow: hidden; color: #fff; transition: color 0.25s ease-in-out; float: left; margin: 0 15px 40px; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; } 
.recent-product .recent-box .box-secend-food:hover{ background: #fff;  transition: color 0.25s ease-in-out;  box-shadow: 10px 10px 15px -6px rgba(0, 0, 0, 0.14); }
.recent-product .recent-box .box-three-food{ margin: 0 0 40px; border: 1px solid #fff; border-radius: 10px; } 
.recent-product .recent-box .box-three-food:hover{   box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 4%);}
.recent-product .recent-box .box-four-food{ margin: 0 0 40px; border: 1px solid #f7f6f6;  background: #f7f6f6; border-radius: 10px;     padding: 15px; } 
.recent-product .recent-box .box-four-food:hover{  box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 4%);}
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 180px; border-radius: 5px; }
.recent-product .recent-box img{ width: 100%; padding: 0px; margin: 0px; height: 200px; border-radius: 5px; }

.recent-box-order{}
.recent-box-order .item{ padding: 0px 0px !important; margin: 0 10px 0px !important; display: inline-block; }
.recent-box-order .recent-order{ width: 100%; border: 1px solid #e8e8e8a8; background: #fff; border-radius: 10px; padding: 2px; overflow: hidden; color: #fff; transition: color 0.25s ease-in-out; float: left; margin: 0 1px 40px; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }

.recent-box-order .recent-order h4 {text-align: center; color: #0f3927; font-weight: 500; font-size: 17px; line-height: 30px; margin: 0; padding: 2px 0 0 0; font-family: inherit;}
.recent-box-order .recent-order p {text-align: center; color: #082418; font-weight: normal; font-size: 13px; line-height: 30px; margin: 0; padding: 0; font-family: arial;}  
.recent-box-order .recent-order h4 {text-align: center; color: #0f3927; font-weight: 500; font-size: 18px; line-height: 30px; margin: 0; padding: 2px 0 0 0; font-family: inherit;}
.recent-box-order .recent-order:hover h4{color: #0d6641; transition: 600ms ease-in-out;}
.recent-box-order .recent-order:hover p{color: #0d6641; transition: 600ms ease-in-out;}
.recent-box-order .recent-order .product-review{  width: 100%; }
.recent-box-order .recent-order .product-review li{ list-style: none;}
.recent-box-order .recent-order .product-review li img{ width: 45%; height: auto; margin: 10px auto 11px; display: block;}

.recent-product .recent-box a{ text-decoration: none; }
.recent-product .recent-box h4 {text-align: center; color: #0f3927; font-weight: 500; font-size: 15px; line-height: 25px; margin: 0; padding: 2px 0 0 0; font-family: inherit; }
.recent-product .recent-box p {text-align: center; color: #082418; font-weight: normal; font-size: 11px; line-height: 25px; margin: 0 0 5px; padding: 0; font-family: arial; }  
.recent-product .recent-box h5 {text-align: left; color: #252323; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; margin: 0; line-height: 25px; padding: 5px 0 4px 10px; }

.recent-product .recent-box .box-secend-food:hover h4{color: #0d6641; transition: 600ms ease-in-out;}
.recent-product .recent-box .box-secend-food:hover p{color: #0d6641; transition: 600ms ease-in-out;}

.recent-product .recent-box small{font-size: 14px;color: #000;padding: 2px 0 0 10px;margin: 0;display: block;text-align: left;font-weight: normal;font-family: revert;letter-spacing: 0;}
.recent-product .recent-box h5{ text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 15px; margin: 0; line-height: 22px; padding: 5px 0 5px 10px; text-transform: uppercase; }
.recent-product .recent-box h6{ text-align: left; color: #01212b; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; padding: 0 0 0 10px; margin: 0; letter-spacing: 0;}
.recent-product .recent-box h6 small{ font-size: 15px; color: #002531; padding: 2px 0 2px 10px; margin: 0; display: inline-block; font-family: inherit; }
.recent-product .recent-box .product-review ul{ padding:6px 0 5px 0; margin: 0; }
.recent-product .recent-box .product-review ul li{ list-style: none; padding: 0; margin: 0; }
.recent-product .recent-box .product-review ul li img{ margin: 0 20px 0 10px; width: 35%; height: auto; }
.recent-product .recent-box .product-review ul li sub{ color: #000; font-size: 16px; }
.box-secend-food .product-review{ width: 100%; padding: 0; margin: 4px auto 10px; text-align: center;}
.box-secend-food .product-review li{  list-style: none; width: 100%;}
.box-secend-food .product-review li img{width: 45%; height: auto;  }
.box-secend-food .product-review li sub{ text-align: right; float: right; bottom: 0; top: 0; font-size: 14px; line-height: 20px; color: #8a8484; font-weight: bold;}
.box-secend-food .product-review ul{ padding:6px 0 5px 0; margin: 0; }
.box-secend-food .product-review ul li{ list-style: none; padding: 0; margin: 0; }
.box-secend-food .product-review ul li img{ margin: 0 10px 0 0; width: 28%; height: auto;  }
.box-secend-food .product-review ul li sub{ color: #000; font-size: 16px; }

.agileinfo_mail_grid_left ul.big{ padding: 0; margin: 0 0 20px 0; display: inline-block; }
.agileinfo_mail_grid_left ul.big li{ list-style: none; padding: 0; margin: 0; float: left; font-size: 18px; line-height: 25px; color: #012b3c;  }
.agileinfo_mail_grid_left ul.big li i.fa { list-style: none; padding: 0 15px 0 0; margin: 0; color: #034569; font-size: 16px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity: 1; border: 1px solid #ededed; }

img.gallery-pic{     width: 100%; border-radius: 5px; height: 200px; margin: 0 0 30px 0; }

.recent-product .recent-box form.index-add input[type="submit"] {border: none; background: #ff9b05; color: #fff; padding: 4px 15px 1px; line-height: 19px; font-size: 12px; border-radius: 27px; font-weight: bold; border-bottom: 3px solid #ee9207; text-decoration: none; position: absolute; bottom: 28px; text-transform: uppercase; margin: 0 0 0 10px; }
.recent-product .recent-box form.index-add input:hover[type="submit"] {border-bottom: 3px solid #013a4d; }

.recent-product .recent-box form.index-add input[type="button"] {border: none; background: #013a4d; color: #fff; padding: 6px 16px 3px; line-height: 20px; font-size: 14px; border-radius: 15px; font-weight: 400; border-bottom: 5px solid #033242;  text-decoration: none;  position: absolute; bottom: 25px; }
.recent-product .recent-box form.index-add input:hover[type="button"] {border-bottom: 3px solid #013a4d; }

/*PRODUCT PAGE*/
.restaurant-in{width: 100%; display: block; padding: 30px 0 0; margin: 0; background: #cccccc24;}
.restaurant-in .box-secend-food-product{ width:100%; border: 1px solid #e8e8e8a8; background: #fff; border-radius: 10px; padding: 3px; overflow: hidden; color: #fff; transition: color 0.25s ease-in-out; position: relative; margin: 0 15px 40px; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out;}
.restaurant-in .box-secend-food-product img.templates-cook{width: 100%;height: 230px; }
.restaurant-in .box-secend-food-product img.prod-veg{width: 10%; position: absolute; content: ""; top: 2px; left: 2px; z-index: 99; padding: 2px; margin: 0; background: #fff;}
.restaurant-in .box-secend-food-product img.star-food{width: 25%; display: block; margin: 8px auto 0;}
.restaurant-in .box-secend-food-product h4{color: #05281a; transition: 600ms ease-in-out; font-family: 'Federo', sans-serif; text-align: center; font-size: 19px; line-height: 25px; padding: 8px 0 2px; margin: 0;}
.restaurant-in .box-secend-food-product h5{position: absolute; content: ""; top: 211px; right: 3px; margin: 0; background: #ff7500; font-size: 12px; padding: 5px 12px 4px; border-radius: 1px; font-weight: bold; color: #fff; }
.restaurant-in .box-secend-food-product p{color: #041a11; transition: 600ms ease-in-out; font-family: 'Federo', sans-serif; text-align: center; font-size: 14px; line-height: 30px; padding: 0 0; margin: 0;}
.restaurant-in .box-secend-food-product a{display: block; width: 25%; margin: 16px auto 12px; text-align: center; background: #275f4b; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 13px; line-height: 20px; padding: 3px 0 4px; border-radius: 30px; border-bottom: 2px solid #000;transition: 400ms ease-in-out;}
.restaurant-in .box-secend-food-product a:hover{text-align: center; background: #ff7500; transition: 600ms ease-in-out;}

/*food-single*/
.food-single{ position: relative; width: 100%; overflow: hidden; background: #fff; padding: 50px 0; background: url(../images/dots-bg.png) repeat, #fff; background: #cccccc0a;}
.food-single .single-box{  background: #fff; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.food-single .food-single-box{ width: 100%; overflow: hidden; padding: 0; margin: 0; background: #fff; border: 1px solid #e9e9e9; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.75); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 20px; margin: 0 0 50px; }
.food-single .food-single-box .food-single-box-img{  position: relative; border-radius: 5px;  width: 100%; height: 400px; overflow: hidden; padding: 0; margin: 0; }
.food-single .food-single-box .food-single-box-img img{ width: 100%; height: 400px; }
.food-single .food-single-box .food-single-box-img .single-veg{position: absolute; top: 9px; z-index: 999; width: 6%; content: ""; right: 10px; opacity: 0.6; }

.food-single-box-text{width: 100%; position: relative; background: #ffffffa8; padding: 5px; margin: 0;}
.food-single-box-text .food-single-logo-text{}
.food-single-box-text .food-single-logo-text img.hotel-logo{width: 10%; height: auto; margin: 0 0 10px;}
.food-single-box-text .food-single-logo-text h2{font-size: 30px; line-height: 45px; color: #102a1f; font-weight: bold; letter-spacing: -0.5px; padding: 0 0 0; margin: 0 0 10px;}
.food-single-box-text .food-single-logo-text h2 span{color: #0d6c1e; font-weight: normal; font-size: 23px; line-height: 35px; padding: 0 0 0 20px; margin: 0;}
.food-single-box-text .food-single-logo-text h3{font-size: 16px; line-height: 25px; font-weight: 200; color: #102a1fd1; text-align: justify; padding: 0 0 13px; margin: 0;}
.food-single-box-text .food-single-logo-text h4{font-size: 18px; line-height: 26px; font-weight: 200; color: #102a1f; text-align: justify; padding: 0 0 10px; margin: 0;}
.food-single-box-text .food-single-logo-text a{background: #0d442d; font-size: 16px; line-height: 20px; padding: 10px 30px; display: inline-block; margin: 10px 0 0; border-radius: 5px; color: #fff; border-bottom: 5px solid #0b6640;}
.food-single-box-text .food-single-logo-text a:hover{border-bottom: 5px solid #054f30; background: #275f4b;}
.food-single-box-text .food-single-logo-text img.star-food{width: 30%; margin: 0 0 13px;}
.food-single-box-text .food-single-logo-text a.ratingsreviews{background: none; border: none; padding: 0; margin: 0;}
.food-single-box-text .food-single-logo-text a.ratingsreviews img{}

.food-single .food-single-box h4{text-align: center; color: #373d40; font-size: 25px; line-height: 50px; margin: 70px 0 0; padding: 5px 0 15px; font-weight: bold; font-family: Okra, Helvetica, sans-serif;letter-spacing: 1px; } 
.food-single .food-single-box h5{  text-align: left; color: #032330; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; margin: 0 0 15px; line-height: 30px; padding: 0;}
.food-single .food-single-box h6{     display: inline-block; text-align: left; color: #363636; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; line-height: 25px; padding: 0; margin: 0 0 30px; }
.food-single .food-single-box a{ background: #ff004e; color: #fff; padding: 7px 18px; line-height: 20px; font-size: 16px; border-radius: 10px; font-weight: 400; border-bottom: 5px solid #b90039; float: right; text-decoration: none; }
.food-single .food-single-box a:hover{ background: #b90039;  }
.food-single .food-single-photo{  width: 45%; float: left; overflow: hidden; padding: 0; margin: 0 9px 17px; height: 100px; background: #022430; border-radius: 5px; }
.food-single .food-single-photo img{ width: 100%; opacity: 0.6; height: 100px; transition:0.25s ease-in-out, }
.food-single .food-single-photo img:hover{ opacity: 1; transition:0.25s ease-in-out, }
.food-single .food-single-photo a{ text-align: center; text-decoration: none; color: #fff; padding: 0px 0 0; display: block; }
.food-single-photo a.view-more-food{ text-align: center; text-decoration: none; color: #fff; padding: 35px 0 0; display: block; }

.recommended-block{width: 100%; display: inline-block; position: relative; background: #fff; padding: 20px; margin: 0; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 0.5px solid #ccccccab;}
.recommended-block h6{position: absolute; content: ""; top: -14px; font-size: 20px; background: #fff; padding: 0 10px; color: #000; line-height: 23px;}
.recommended-block ul{width: 100%; padding: 0 0; margin: 0; position: relative;display: inline-block;}
.recommended-block ul li{position: relative; display: inline-block; padding: 10px 0px 15px; margin: 0 0 0; width: 25%; float: left;  transition: 500ms ease-in-out;}
.recommended-block ul li a{}
.recommended-block ul li img{width: 20%; float: left;}
.recommended-block ul li span{font-weight: 300; font-size: 16px; line-height: 25px; color: #102a1fd1; padding: 0 0 0 10px;  }
.recommended-block ul li:hover span {color: #000000d1; font-weight: 400;  transition: 600ms ease-in-out;}
.recommended-block ul li button{outline: none;
  border: none;
  background: none;
  text-align: left;}

.recommended-foodblock{ width: 100%;position: relative; display: inline-block; padding: 15px; margin: 40px 0 30px; background: #fffffff5; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 0.5px solid #cccccc78; }
.recommended-foodblock h6{position: absolute; content: ""; top: -14px; font-size: 20px; background: #fff; padding: 0 10px; color: #000; line-height: 23px;}

.recommended-foodblock .recommended-foodblock-product{ width: 23%; padding: 0 0; margin: 15px 12px 25px; float: left; overflow: hidden; position: relative; background: #ffffffa3; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.25); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }  
.recommended-foodblock .recommended-foodblock-product img.templates-cook{ width: 100%; height: 200px; }   
.recommended-foodblock .recommended-foodblock-product img.prod-veg{position: absolute; content: ""; top: 1px; left: 1px; width: 15%; background: #fff; padding: 5px; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); -webkit-animation: menu_sticky 0.7s ease-in-out; }    
.recommended-foodblock .recommended-foodblock-product img.star-food{ width: 40%; display: block; margin: 10px auto 10px;}   
.recommended-foodblock .recommended-foodblock-product h4{color: #05281a; transition: 600ms ease-in-out; font-family: 'Federo', sans-serif; text-align: center; font-size: 19px; line-height: 25px; padding: 8px 0 2px; margin: 0;}
.recommended-foodblock .recommended-foodblock-product h5{color: #f00; transition: 600ms ease-in-out; font-family: 'Federo', sans-serif; text-align: center; font-size: 19px; line-height: 30px; padding: 3px 0 0; margin: 0;}
.recommended-foodblock .recommended-foodblock-product h5 b{color: #041a11;}
.recommended-foodblock .recommended-foodblock-product a{display: block; width: 30%; margin: 16px auto 12px; text-align: center; background: #c1c1c138; text-transform: uppercase; font-weight: bold; color: #f00; font-size: 13px; line-height: 20px; padding: 3px 0 4px; border-radius: 20px; border-bottom: 2px solid #0000003d; transition: 400ms ease-in-out;}
.recommended-foodblock .recommended-foodblock-product a:hover{ background:#f00; color:#fff;}
.recommended-foodblock .recommended-foodblock-product input{display: block; width: 30%; margin: 16px auto 12px; text-align: center; background: #c1c1c138; text-transform: uppercase; font-weight: bold; color: #f00; font-size: 13px; line-height: 20px; padding: 3px 0 4px; border-radius: 20px; border-bottom: 2px solid #0000003d; transition: 400ms ease-in-out;}
.recommended-foodblock .recommended-foodblock-product input:hover{ background:#f00; color:#fff;}

.tab-left{width: 100%; overflow: hidden; position: relative; padding: 15px; margin: 0; display: block; border-radius: 15px; background: #e9e9e9;}
.tab-left h3{ font-family: 'Federo', sans-serif; color: #fff; text-align: left; font-size: 20px; line-height: 25px; padding: 10px 20px; background: #013a4d; }
.tab-left ul{ padding: 0; margin: 0; }
.tab-left ul li{ padding: 0; margin: 0; list-style: none; }
.tab-left ul li button{ width: 100%; text-align: left; font-size: 15px; line-height: 20px; padding: 8px 15px; border: 1px dotted #3938386b; background: #fff;}
.tab-left ul li button:hover{border: 1px dotted #0000006b; background: #e9e9e9; color: #000; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #013a4d; border: 1px solid #ddd; border-bottom-color: #013a4d; }
.nav-tabs>li>a { font-size: 18px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;margin: 0 0 15px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; color: #012734; }
.nav-tabs>li>a:hover { border-color: #eee #eee #ddd; background: #013a4d; color: #fff; }
.tab-content{display: inline-block;background: #fff; padding: 10px; border-radius: 10px;width: 100%;}
.tab-content>.tab-pane h3{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; color: #ffb6b6; padding: 10px 0 10px; font-size: 17px;}
.all-reviews{ position: relative; width: 70%; overflow: hidden; float: left; }
.all-reviews .all-reviews-show{ width: 100%; overflow: hidden; position: relative; padding: 10px 30px 10px 0; margin: 0; display: block; }
.all-reviews .all-reviews-show .lt-box-icon{ position: relative; width: 10%; overflow: hidden; float: left; }
.all-reviews .all-reviews-show .lt-box-icon img{ width: 80%; }
.all-reviews .all-reviews-show .lt-box-text{ position: relative; width: 90%; overflow: hidden; float: right;   }
.all-reviews .all-reviews-show .lt-box-text h4{ color: #032e3c; font-size: 19px; line-height: 30px; padding: 0 0 5px; margin: 0; }
.all-reviews .all-reviews-show .lt-box-text p{     color: #042834; font-size: 16px; line-height: 20px; padding: 10px 0 5px; margin: 0; }
.all-reviews .all-reviews-show .lt-box-text li{ list-style: none; }
.all-reviews .all-reviews-show .lt-box-text li img{ width:20%; }
.all-recommended{ position: relative; width: 70%; overflow: hidden; float: left;    border-bottom: 1px solid #ebebeb; }
.all-recommended .all-recommended-show{ width: 100%; overflow: hidden; position: relative; padding: 10px 30px 10px 0; margin: 0; display: block; }
.all-recommended .all-recommended-show .lt-recommended-icon{ position: relative; width: 35%; overflow: hidden; float: left; }
.all-recommended .all-recommended-show .lt-recommended-icon img{ width: 100%; border-radius: 5px; border: 5px solid #e9e9e9; }
.all-recommended .all-recommended-show .lt-recommended-text{ position: relative; width: 65%; overflow: hidden; float: right;   }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non{ width: 25%; overflow: hidden; padding: 0 0 0 13px; margin: 0; height: 40px; }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non img.veg-icon{ width: 25%; margin: 5px 5px 0 0; }    
.all-recommended .all-recommended-show .lt-recommended-text h4{ color: #093b4a; font-size: 18px; line-height: 20px; padding: 0 0 5px 15px; margin: 0; font-weight: revert-layer; font-family: Okra, Helvetica, sans-serif; }
.all-recommended .all-recommended-show .lt-recommended-text p{ color: #031a21; font-size: 15px; line-height: 21px; padding: 0 0 5px 15px; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text li{ list-style: none; }
.all-recommended .all-recommended-show .lt-recommended-text h6{ text-align: left; color: #211f1fcc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 17px; line-height: 25px; padding: 2px 0 10px 15px; margin: 0; display: block; }
.all-recommended .all-recommended-show .lt-recommended-text a{ display: none; background: #c4c1c1; color: #000; padding: 3px 10px 0; line-height: 20px; font-size: 11px; border-radius: 10px; font-weight: 400; border-bottom: 5px solid #9a9a9a; float: right; text-decoration: none; }
.all-recommended .all-recommended-show .lt-recommended-text a:hover{     background: #013a4d; color: #fff; border-bottom: 5px solid #0d0c0c;}
.all-recommended .all-recommended-show .lt-recommended-text input{ border: none; background: #ff841b; color: #fff; padding: 6px 20px 7px; line-height: 17px; font-size: 11px; border-radius: 7px; font-weight: bold; border-bottom: 3px solid #d0c9c9; float: left; text-decoration: none; text-transform: uppercase; margin: 8px 0 0 13px; }
.all-recommended .all-recommended-show .lt-recommended-text input:hover{ background: #013a4d; color: #fff; border-bottom: 5px solid #0d0c0c;}

.all-recommended-full{ position: relative; width: 100%; overflow: hidden; float: left; padding:15px 0 0;  border-bottom: 1px solid #ebebeb; }
.all-recommended-full .item-food{ width: 25%; float: left; border: 5px solid #FFF; background: #f7f5f5; padding: 0;  margin: 0 0 20px; }
.all-recommended-full .item-food img{  width: 100%; }
.all-recommended-full .item-food h4{ text-align: center; color: #000; font-weight: normal; font-size: 20px; line-height: 30px; margin: 0; padding: 10px 0 0 0; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.17); font-family: Okra, Helvetica, sans-serif;letter-spacing: 1px; }
.all-recommended-full .item-food p{text-align: center; font-family: 'Federo', sans-serif; font-size: 15px; line-height: 23px; color: #000000c2; padding: 4px 16px 2px; margin: 0; }
.all-recommended-full .item-food .product-review-item{ width: 100%; text-align: center; padding: 10px 0; margin: 0; }
.all-recommended-full .item-food .product-review-item li img{width: 30%; }
.all-recommended-full .item-food .product-review-item li{ list-style: none;}
.all-recommended-full .item-food .product-review-item li sub{ bottom: -2px; color: #000000c2; font-size: 15px; padding: 0 0 0 10px; }
    
.home-made-food-photo{ position: relative; width: 30%; overflow: hidden; float: right; background: #ffffff; border-radius: 7px; text-align: center; }
.home-made-food-photo img{     width: 50%;opacity: 0.9;cursor: all-scroll;transition: 0.25s ease-in-out,;float: left;margin: 0px; }
.home-made-food-photo img:hover{ opacity: 1; transition:0.25s ease-in-out;box-shadow: -5px 29px 210px -27px rgb(0 0 0 / 54%); -webkit-box-shadow: -20px 19px 30px -27px rgb(0 0 0 / 40%); -moz-box-shadow: -5px 29px 34px -27px rgba(0,0,0,0.54);  }

.w3_login_module{ position: relative; width: 30%; overflow: hidden; float: right; background: #ffffff; border-radius: 7px; text-align: center; box-shadow: -5px 29px 210px -27px rgb(0 0 0 / 54%); -webkit-box-shadow: -20px 19px 30px -27px rgb(0 0 0 / 40%); -moz-box-shadow: -5px 29px 34px -27px rgba(0,0,0,0.54); }
.w3_login_module form{ padding: 20px 0 20px; border-radius: 10px; }
.w3_login_module form input[type="text"]{     border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.w3_login_module form input[type="email"]{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.w3_login_module form textarea{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.rating1 { direction: ltr; font-weight: bold; color: #00bfff; font-size: 16px; }
.food-tab-photo { width: 100%; overflow: hidden; position: relative; }
.food-tab-photo img{     border-radius: 5px; width: 12%; margin: 0 0 5px; }

/*sing-up*/
.sing-up{ width: 100%; height: auto; background: #fff; padding:50px 0px 30px; margin: 0px 0;  }
.sing-up .sing-up-text{ width: 53%; margin: 50px auto 0; overflow: hidden; padding: 25px; background: url(../images/overlay.png)repeat,#f4f2f2;background: #ff841b; }
.sing-up .sing-up-text-bg{background: #fff;padding: 20px 0; 
background: url(http://thesajh.com/product_img/60f6a33d96335210720.jpg); background-size: auto;background-size: cover;}
.sing-up .sing-up-text h3{text-align: center; font-weight: 600; font-size: 35px; color: #fff; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgb(13, 13, 13); }
.sing-up .sing-up-text h3 span{color: #ff841b;}
.sing-up .sing-up-text h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 22px; line-height: 40px; color: #fff; }
.sing-up .sing-up-text h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #000; }
.sing-up .sing-up-text h5 a{color: #0ff; text-shadow: 3px 1px 2px rgb(13, 13, 13); }
span.T-conditions{background: #fff; padding: 4px 10px 7px; border-radius: 15px;}
.sing-up .sing-up-text .sing-up-form{     width: 50%; float: left; padding: 0 0 0; margin: 30px 0 0; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 15px; }
thead.cooks-sign {}
thead.cooks-sign tr{}
thead.cooks-sign tr th{ font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 12px; color: #051036; line-height: 20px; }
.tr_input{}
.tr_input tr td input{ padding: 0 !important; border:none !important; text-align: center; font-size: 16px; line-height: 30px; color: #000; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l input{width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #000; padding: 3px 0 3px 15px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l select{ width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-size: 15px; line-height: 30px; color: #000; padding: 10px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px; background: #fff; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l textarea{ width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #000; padding: 3px 0 3px 15px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px;  }

.sing-up .sing-up-text .form-left-to-w3l label{ display:none; width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 30px; color: #000; padding: 0 0 0 10px; margin: 0; }
.sing-up .sing-up-text .form-left-to-w3l input[type="text"]{ width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #000; padding: 3px 0 3px 15px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px;  }
.sing-up .sing-up-text .form-left-to-w3l select{width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #000; padding: 3px 0 3px 15px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px; }
.sing-up .sing-up-text .form-left-to-w3l textarea{width: 100%; outline: none; border: none; border-bottom: 1px solid #00000029; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #000; padding: 3px 0 3px 15px; margin: 5px 0 0; font-weight: normal; font-family: Okra, Helvetica, sans-serif; border-radius: 8px; }
.sing-up .sing-up-text .form-left-to-w3l input[type="submit"]{     width: 50%; outline: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 30px auto 0; text-align: center; display: block; background: #3483ff; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 20px; font-weight: 300; padding: 4px 0 6px; line-height: 38px;  }

.sing-up .sing-up-text .sing-up-form .form-sub-acc{     margin: 50px 0 0;  width: 50%; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub{ width: 50%; float: left; background: #ffc301; padding: 10px 16px; border-radius: 5px; font-weight: normal; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #000; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57); transition: 600ms ease-in-out; margin: 10px 0 0 0;}
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub input{font-weight: bold; width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }
.sing-up .sing-up-text .sing-up-social img.facebook-img{ padding: 100px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-img{ width: 80%; text-align: right; float: right;  padding: 0 0 100px 0; }

.sing-up .sing-up-text .sing-up-social img.facebook-log-img{ padding: 30px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-log-img{ width: 80%; text-align: right; float: right;  padding: 0 0 50px 0; }
.abcRioButton{ width: 80% !important; text-align: center !important; float: right !important; }
.abcRioButtonContentWrapper { height: 100%; width: 100%; background: #fff; color: #000;font-size:20px; }

a.forget{ font-size: 11px; text-align: center; display: inline-block; color: #000; background: #ffc301; border-radius: 15px; padding: 5px 15px; font-weight: bold; text-transform: uppercase; float: right; border: 1px solid #eee; }
.reset{  width: 70% !important; margin: 50px auto !important; display: block; float: none !important; text-align: center; }
a.forget-otp{ font-size: 11px; text-align: center; display: inline-block; color: #fff; background: #77b331; border-radius: 15px; transition: 600ms ease-in-out;padding: 5px 15px; font-weight: bold; text-transform: uppercase; float: left; border: 1px solid #eeeeeecf; }
a.forget-otp:hover{background: #213706;transition: 500ms ease-in-out;}
a.forget-pass{ font-size: 11px; text-align: center; display: inline-block; color: #000; background: #ffc301; transition: 600ms ease-in-out;border-radius: 15px; padding: 5px 15px; font-weight: bold; text-transform: uppercase; float: right; border: 1px solid #eee; }
a.forget-pass:hover{color: #fff;
  background: #ff8f00;transition: 500ms ease-in-out;}

h6.terms-box{ font-size: 16px !important; text-align: left !important; font-weight: normal !important; font-family: revert !important; color: #000 !important;}
h6.terms-box a{padding: 0 6px; font-weight: bold; color: #3483ff;}
h6.terms-box input{ padding: 0;margin: 0 10px 0 0; }
#map { width: 100%; height: 350px !important; }
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan{ width: 500px; height: 350px !important; }
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{ width: 500px; height: 350px !important;}
p#demo .form-left-to-w3l input[type="text"] { width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; color: #000; padding: 0 0 0 10px; outline: none; }
p#demo .form-left-to-w3l { width: 100%; padding: 0; margin: 0 0 20px; }

/*-----User LOGIN---(NEW)--*/
.user-login{ width: 100%; display:block; background: url(../images/Dootkart-login2.png) no-repeat top right; background-size: cover;background-attachment: fixed; padding:0 0; margin:0 0; }
.user-login .sing-up-text{ width: 42%; margin: 150px auto 90px; padding: 25px;  background: #ffffffc7; background: #dae1dce0; transition: 500ms ease-in-out; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.37); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; }
.user-login .sing-up-text:hover{ transition:500ms ease-in-out;}
.user-login .sing-up-text .sing-up-text-bg{ }
.user-login .sing-up-text .sing-up-text-bg h3{ text-align: center; font-weight: 600; font-size: 35px; color: #000; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0); }
.user-login .sing-up-text .sing-up-text-bg h3 span{ color: #ec0207;color: #fff;  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09); }
.user-login .sing-up-text .sing-up-text-bg h5{text-align: center; font-weight: 600; font-size: 18px; line-height: 20px; color: #ff3d01; color: #fff; border-bottom: 2px dotted #fff; padding: 0 0 15px; box-shadow: 0px 23px 35px -12px rgba(35, 35, 35, 0.7); }
.user-login .sing-up-text .sing-up-text-bg h5 a{color: #fff;  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09);}
.user-login .sing-up-text form{  position: relative; }
.user-login .sing-up-text form .log-input { position: relative; width: 100%; background: #f4e7d100; display: inline-block; border: 0.5px solid #d9d9d9; border: 0.5px solid #ffffff6e; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.user-login .sing-up-text form .log-input:hover {border: 0.5px solid #9b9494;}
.user-login .sing-up-text form .log-input span { position: absolute; content: ""; top: -10px; font-size: 14px; line-height: 15px; color: #000; left: 7px; padding: 1px 10px; background: #d2d8d3; z-index: 9; }
.user-login .sing-up-text form .log-input span b{ color: #f00; }
.user-login .sing-up-text form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 10px 0 0 15px; margin: 0; color: #fffffff5; border-right: 0.5px solid #ffffffa3; }
.user-login .sing-up-text form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-login .sing-up-text form .log-input select { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-login .sing-up-text form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-login .sing-up-text form .submitbox { position: relative; width: 100%; background: none; display: inline-block; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);}
.user-login .sing-up-text form .submitbox input { width: 22%; float: left; background: #ffc301; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #000; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57); transition: 600ms ease-in-out;}
.user-login .sing-up-text form .submitbox input:hover{box-shadow: 0px 15px 14px -15px rgb(0, 0, 0);transition: 500ms ease-in-out;}
.user-login .sing-up-text form a.next { float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }
.user-login .sing-up-text form .log-input input::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.user-login .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }
.user-login .sing-up-text form .log-input select::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.user-login .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }

/*-----User SING---(NEW)--*/
.user-sing{ width: 100%; display:block; background: url(../images/Dootkart-login3.png) no-repeat top right; background-size: cover;background-attachment: fixed; padding:0 0; margin:0 0; }
.user-sing .sing-up-text { width: 42%; margin: 190px auto 90px; padding: 25px; background: #ffc301f0; background: #f4e7d1f5; transition:500ms ease-in-out;-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.37); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; border: 0.5px solid #f4e7d1b2; }
.user-sing .sing-up-text:hover{background: #f4e7d1;transition:500ms ease-in-out;}
.user-sing .sing-up-text h3 span { color: #ec0207; }
.user-sing .sing-up-text h3 { text-align: center; font-weight: 600; font-size: 30px; color: #000; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.11); }
.user-sing .sing-up-text h5 { text-align: center; font-weight: 600; font-size: 18px; line-height: 20px; color: #ff3d01; }
.user-sing .sing-up-text h5 a { color: #000; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09);}
.user-sing .sing-up-form form{  position: relative; }
.user-sing .sing-up-form form .log-input { position: relative; width: 100%; background: #f4e7d100; display: inline-block; border: 0.5px solid #d9d9d9; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.user-sing .sing-up-form form .log-input span { position: absolute; content: ""; top: -10px; font-size: 14px; line-height: 15px; color: #000; left: 7px; padding: 1px 10px; background: #f4e7d1; }
.user-sing .sing-up-form form .log-input span b{ color: #f00; }
.user-sing .sing-up-form form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 10px 0 0 15px; margin: 0; color: #686660ad; border-right: 0.5px solid #cac5c55e; }
.user-sing .sing-up-form form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-sing .sing-up-form form .log-input:hover {border: 0.5px solid #9b9494;}
.user-sing .sing-up-form form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }

.user-sing .sing-up-form form .checkboxbox{ position: relative; width: 100%; background: #f4e7d1; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.user-sing .sing-up-form form .checkboxbox label{ width: 100%; padding: 0; font-weight: normal !important; outline: none; font-size: 15.5px; color: #ec0207; }
.user-sing .sing-up-form form .checkboxbox label input{width: 6%; float: left;}
.user-sing .sing-up-form form .submitbox{ position: relative; width: 100%; background: #f4e7d1; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.user-sing .sing-up-form form .submitbox input{width: 16%; float: left; background: #ffc301; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #000; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57);transition:600ms ease-in-out;}
.user-sing .sing-up-form form .submitbox input:hover{ background: #f4e7d1; font-size: 15px; line-height: 20px; color: #575757; box-shadow: 10px 5px 24px -15px rgb(35, 35, 35); transition:500ms ease-in-out;}
.user-sing .sing-up-form form a.next{float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }

.user-sing .sing-up-text form .log-input input::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.user-sing .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }
.user-sing .sing-up-text form .log-input select::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.user-sing .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }

/*-----Restaurant LOGIN---(NEW)--*/
.resturant-login{ width: 100%; display:block; background: url(../images/Dootkart-login1.png) no-repeat top right; background-size: cover; padding:0 0; margin:0 0; }
.resturant-login .sing-up-text{ width: 42%; margin: 150px auto 90px; padding: 25px;  background: #ffffffc7; transition: 500ms ease-in-out; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.37); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; }
.resturant-login .sing-up-text:hover{background: #ffebaa; transition:500ms ease-in-out;}
.resturant-login .sing-up-text .sing-up-text-bg{ }
.resturant-login .sing-up-text .sing-up-text-bg h3{ text-align: center; font-weight: 600; font-size: 35px; color: #000; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0); }
.resturant-login .sing-up-text .sing-up-text-bg h3 span{ color: #ec0207; }
.resturant-login .sing-up-text .sing-up-text-bg h5{text-align: center; font-weight: 600; font-size: 18px; line-height: 20px; color: #ff3d01; }
.resturant-login .sing-up-text .sing-up-text-bg h5 a{color: #000; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09); }
.resturant-login .sing-up-text form{  position: relative; }
.resturant-login .sing-up-text form .log-input { position: relative; width: 100%; background: #f4e7d100; display: inline-block; border: 0.5px solid #d9d9d9; border: 0.5px solid #f9e4a0; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.resturant-login .sing-up-text form .log-input span { position: absolute; content: ""; top: -10px; font-size: 14px; line-height: 15px; color: #000; left: 7px; padding: 1px 10px; background: #b6b3b40f; z-index: 9; }
.resturant-login .sing-up-text form .log-input span b{ color: #f00; }
.resturant-login .sing-up-text form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 10px 0 0 15px; margin: 0; color: #686660ad; border-right: 0.5px solid #cac5c55e; }
.resturant-login .sing-up-text form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-login .sing-up-text form .log-input select { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-login .sing-up-text form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-login .sing-up-text form .submitbox { position: relative; width: 100%; background: none; display: inline-block; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);}
.resturant-login .sing-up-text form .submitbox input { width: 16%; float: left; background: #ffc301; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #000; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57); transition: 600ms ease-in-out;}
.resturant-login .sing-up-text form a.next { float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }
.resturant-login .sing-up-text form .log-input input::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.resturant-login .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }
.resturant-login .sing-up-text form .log-input select::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.resturant-login .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }

/*-----Restaurant Sing---(NEW)--*/
.resturant-sing{ width: 100%; display:block; background: url(../images/Dootkart-login.png) no-repeat top right; background-size: cover; padding:0 0; margin:0 0; }
.resturant-sing .sing-up-text { width: 42%; margin: 190px auto 90px; padding: 25px; background: #ffc301f0; background: #f4e7d1f5; transition:500ms ease-in-out;-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.37); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; border: 0.5px solid #f4e7d1b2; }
.resturant-sing .sing-up-text:hover{background: #f4e7d1;transition:500ms ease-in-out;}
.resturant-sing .sing-up-text h3 span { color: #ec0207; }
.resturant-sing .sing-up-text h3 { text-align: center; font-weight: 600; font-size: 30px; color: #000; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.11); }
.resturant-sing .sing-up-text h5 { text-align: center; font-weight: 600; font-size: 18px; line-height: 20px; color: #ff3d01; }
.resturant-sing .sing-up-text h5 a { color: #000; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09);}
.resturant-sing .sing-up-form form{  position: relative; }
.resturant-sing .sing-up-form form .log-input { position: relative; width: 100%; background: #f4e7d100; display: inline-block; border: 0.5px solid #d9d9d9; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.resturant-sing .sing-up-form form .log-input span { position: absolute; content: ""; top: -10px; font-size: 14px; line-height: 15px; color: #000; left: 7px; padding: 1px 10px; background: #f4e7d1; }
.resturant-sing .sing-up-form form .log-input span b{ color: #f00; }
.resturant-sing .sing-up-form form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 10px 0 0 15px; margin: 0; color: #686660ad; border-right: 0.5px solid #cac5c55e; }
.resturant-sing .sing-up-form form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }

.resturant-sing .sing-up-form form .log-input select { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-sing .sing-up-form form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-sing .sing-up-form form .log-input .twoinput{ background: #f4e7d100; width: 90%; float: right; padding: 1px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000;  }
.resturant-sing .sing-up-form form .log-input .twoinput input[type="text"] { background: #f4e7d100; width: 50%; float: left; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-sing .sing-up-form form .log-input .twoinput input[type="file"] { background: #f4e7d100; width: 49%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.resturant-sing .sing-up-form form .restaurantcategory-img{}
.resturant-sing .sing-up-form form .restaurantcategory-img .restaurantcategory {width: 33%; float: left; padding: 0; margin: 0 auto; text-align: center;}
.resturant-sing .sing-up-form form .restaurantcategory-img .restaurantcategory input{position: relative; top: 16px; left: 20px; accent-color: #f00; height: 15px;}
.resturant-sing .sing-up-form form .restaurantcategory-img .restaurantcategory label{ width: 100%; padding: 0; margin: 0; outline: none; font-size: 13.5px; color: #000000; font-weight: normal;border: none; }
.resturant-sing .sing-up-form form .restaurantcategory-img .restaurantcategory label img{ width:45%;}
.resturant-sing .sing-up-form form .restaurantcategory-img .Groceryfood label img{ width: 30%; margin: 10px 20px 15px 0; }

.resturant-sing .sing-up-form form .log-input input::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.resturant-sing .sing-up-form form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }
.resturant-sing .sing-up-form form .log-input select::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.resturant-sing .sing-up-form form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }

.resturant-sing .sing-up-form form .subCategory{}
.resturant-sing .sing-up-form form .subCategory .restaurantsubcategory{width: 25%; float: left; padding: 0; margin: 10px auto 0; text-align: center; height: 135px; }
.resturant-sing .sing-up-form form .subCategory .restaurantsubcategory label{width: 100%; padding: 0; margin: 0; text-align: center; border: none; font-weight: normal; color: #000c; }
.resturant-sing .sing-up-form form .subCategory .restaurantsubcategory input{width: 20%;
  float: none;
  accent-color: #f00;
  position: relative;
  top: -95px;
  left: 55px;
  box-shadow: 1px 1px 10px 3px #ffc301;
  height: 18px;}
.resturant-sing .sing-up-form form .subCategory .restaurantsubcategory label img{ width:89%;}
.resturant-sing .sing-up-form form .subCategory .restaurantsubcategory small {
  position: relative;
  top: -10px;
  right: 10px;
  font-size: 15px;
  color: #000;
  line-height: 15px;
}

.resturant-sing .sing-up-form form .log-input:hover {border: 0.5px solid #9b9494;}
.resturant-sing .sing-up-form form .checkboxbox{ position: relative; width: 100%; background: #f4e7d1; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.resturant-sing .sing-up-form form .checkboxbox label{ width: 100%; padding: 0; font-weight: normal !important; outline: none; font-size: 15.5px; color: #ec0207; }
.resturant-sing .sing-up-form form .checkboxbox label input{width: 6%; float: left;}
.resturant-sing .sing-up-form form .submitbox{ position: relative; width: 100%; background: #f4e7d1; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.resturant-sing .sing-up-form form .submitbox input{width: 16%; float: left; background: #ffc301; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #000; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57);transition:600ms ease-in-out;}
.resturant-sing .sing-up-form form .submitbox input:hover{ background: #f4e7d1; font-size: 15px; line-height: 20px; color: #575757; box-shadow: 10px 5px 24px -15px rgb(35, 35, 35); transition:500ms ease-in-out;}
.resturant-sing .sing-up-form form a.next{float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }

/*user-profile-menu*/
.user-profile-menu{ width: 100%; border-radius: 15px; padding: 0; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 17%), 0 5px 8px 0 rgb(0 0 0 / 5%), -5px 10px 20px 3px rgb(0 0 0 / 20%); margin: 0; border: 7px solid #275f4b; background: #10291f; }
.user-profile-menu .user-profile-icon{ width: 100%; background: #fff; padding: 5px 0 10px; margin: 0 0 20px; border-radius: 10px; border-bottom: 5px solid #01202d; }
.user-profile-menu .user-profile-icon .lt-box{ width: 30%; float: left; text-align: center; color: #00293f; font-size: 40px; padding: 0; margin: 0; }
.user-profile-menu .user-profile-icon .rt-box{  width: 70%; float: right; }
.user-profile-menu .user-profile-icon .rt-box p{ font-size: 14px; line-height: 25px; color: #000;  }
.user-profile-menu .user-profile-icon .rt-box h4{ font-size: 14px; font-weight: bold; line-height: 25px; color: #00273c;  }
.user-profile-menu ul{ padding: 0; margin: 0; }
.user-profile-menu ul li { list-style: none; padding: 0 0 0 30px; margin: 0 0 0; }
.user-profile-menu ul li a{ font-family: inherit; color: #fff; font-size: 20px; font-weight: 400; line-height: 32px; padding: 0 0 10px; display: block; margin: 0;     text-decoration: none;}
.user-profile-menu ul li a i.fa{  color: #ff9200; font-size: 20px; line-height: 25px; padding: 0 15px 0 0; } 
.user-profile-menu ul li a:hover{color: #ff9200; }
.user-profile-menu ul li.active a{color: #ff9200; }

/*profile*/
.profile{ width: 100%; height: auto;  padding: 35px 0px; margin: 0px 0;background: #fff; }
.profile .profile-box{     display: inline-block;width: 100%;background: #f7f7f7;border-radius: 0;padding: 15px 10px; margin: 0 0 40px; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 17%), 0 5px 8px 0 rgb(0 0 0 / 5%), -5px 10px 20px 3px rgb(0 0 0 / 10%);border-left: 0px solid #e7e7e7; }
.profile .profile-box h3{ background: #275f4b; color: #fff; font-family: arial; font-weight: bold; padding: 10px 0px 13px 15px; margin: 0; font-size: 20px; }
.profile .profile-box .form-left-to-w3l {     width: 50%; float: left; height: 65px; overflow: hidden; padding: 0 15px; margin: 0; }
.profile .profile-box .form-left-to-w3l label{display: inline-block; width: 30%; outline: none; float: left; border: none; font-weight: 300; font-size: 20px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0;  }
.profile .profile-box .form-left-to-w3l input[type="text"]{ float: right; width: 69%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  outline-style: none; outline-color: none; background: none;}
.profile .profile-box .form-left-to-w3l input[type="email"]{ float: right; width: 69%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline-style: none; outline-color: none; background: none; }
.profile .profile-box .form-left-to-w3l input[type="password"]{float: right; width: 69%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  }
.profile .profile-box .form-left-to-w3l select{ float: right; width: 69%;outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  outline-style: none; outline-color: none; background: none;}
.profile .profile-box .form-left-to-w3l select{ float: right; width: 69%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  outline-style: none; outline-color: none; background: none;}
.profile .profile-box .form-left-to-w3l textarea{float: right; width: 69%; height: 40px; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 15px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none; outline-style: none; outline-color: none; background: none;}
    
.profile .profile-box input[type="submit"]{ width: 19%; outline: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 30px auto 0; text-align: center; background: #10291f; color: #fff; border: 3px solid #275f4b; border-radius: 25px; font-size: 18px; font-weight: 300; padding: 3px 0 5px; line-height: 35px; }
.profile .profile-box input:hover[type="submit"]{ background: #3483ff; background: #275f4b; color: #fff;  }

/*given-reviews*/
.given-reviews{ width: 100%; height: auto;  padding: 0px 0px 0px; margin: 0px 0;background: #fff; }
.w3_login_module1{     position: relative; width: 30%; overflow: hidden; background: #ffffff; border-radius: 7px; text-align: center; box-shadow: -5px 29px 210px -27px rgb(0 0 0 / 54%); -webkit-box-shadow: -20px 19px 30px -27px rgb(0 0 0 / 40%); -moz-box-shadow: -5px 29px 34px -27px rgba(0,0,0,0.54); margin: 0 auto 100px; }
.w3_login_module1 form{ padding: 20px 0 20px; border-radius: 10px; }
.w3_login_module1 form input[type="text"]{     border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.w3_login_module1 form input[type="email"]{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.w3_login_module1 form textarea{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }
.w3_login_module1 .rating1 { direction: ltr; font-weight: bold; color: #00bfff; font-size: 16px; }

/*checkout*/
.checkout{ width: 100%; height: auto;  padding:20px 0px 50px; margin: 0px 0;background: #fff; }
.checkout .checkout-box{     display: inline-block; width: 100%; background: #ffffff; border-radius: 0; padding: 15px 10px; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 17%), 0 5px 8px 0 rgb(0 0 0 / 5%), -5px 10px 20px 3px rgb(0 0 0 / 10%); border-left: 0px solid #e7e7e7; margin: 0 0 30px; }
.checkout .checkout-box h3{ background: #275f4b; color: #fff; font-family: arial; font-weight: bold; padding: 10px 0px 13px 15px; margin: 0; font-size: 20px; }
.checkout .checkout-box .form-sub-acc{     width: 100%; float: left; display: inline-block; }
.checkout .checkout-box .form-left-to-w3l {     width: 95%; float: left; height: 50px; overflow: hidden; padding: 0 15px; margin: 0 0 0 15px; background: #fff; border-radius: 10px; }
.checkout .checkout-box .form-left-to-w3l label i.fa{ color: #003c55; font-size: 16px; line-height: 22px; padding: 0 10px 0 0px; }
.checkout .checkout-box .form-left-to-w3l label{ width: 30%; height: 100%; float: left; outline: none; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: 1px solid #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; color: #000000a3; padding: 0; margin: 0; }
.checkout .checkout-box .form-left-to-w3l input[type="text"]{     float: right; width: 60%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  }
.checkout .checkout-box .form-left-to-w3l input[type="email"] { float: right; width: 60%; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 40px; color: #000000cf; padding: 0 0 0 10px; margin: 0; outline: none; outline-style: none; outline-color: none; background: none; }
.checkout .checkout-box .form-left-to-w3l input[type="password"]{ float: right; width: 60%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  }
.checkout .checkout-box .form-left-to-w3l input[type="radio"]{     outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0; margin: 15px 0 0 85px; outline: none; display: inline-block;  }

.checkout .checkout-box .form-left-to-w3l .textarea-d{ float: right; width: 75%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #000; padding: 0; margin: 0; outline: none;}
.checkout .checkout-box .form-left-to-w3l .textarea-d input[type="radio"] { outline: none; border: none; border-bottom: 1px solid #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0; margin: 0px 0 0 0px; outline: none; display: inline-block; }

.checkout .checkout-box .form-left-to-w3l select{ float: right; width: 60%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  }
.checkout .checkout-box .form-left-to-w3l select{ float: right; width: 60%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none;  }
.checkout .checkout-box .form-left-to-w3l textarea{ float: right; width: 60%; height: 40px; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; outline: none; }
    
.checkout .checkout-box input[type="submit"]{ width: 16%; outline: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 30px auto 0 25px; text-align: center; background: #10291f; color: #fff; border: 3px solid #265e4a; border-radius: 25px; font-size: 17px; font-weight: 300; padding: 4px 0 6px; line-height: 30px; }
.checkout .checkout-box input:hover[type="submit"]{ background: #3483ff; color: #fff; border: 1px solid #3483ff; }
a.ship{    font-size: 14px; float: right; margin-right: 15px; text-transform: uppercase; font-weight: bold; color: #f00; text-decoration: none; background: #ffffff; padding: 10px 20px 0 0; border-radius: 5px; margin: 0; }

.checkout .checkout-box th.t-head {background: #10291f; color: #FFFFFFD6; font-size: 1em !important; padding: 6px 0 7px !important; border: 1px solid #275F4B !important; text-align: center; width: 20%; font-weight: normal; }
.checkout .checkout-box tr{ text-align: center; }
.checkout .checkout-box .place-box{     width: 45%; float: left; background: #fff; margin: 0 0 0px 20px; padding: 5px; border-radius: 10px;  }
.checkout .checkout-box .place-box .place-box-lt{width: 40%; float: left; font-size: 13px; color: #10291fcc; text-transform: uppercase; }
.checkout .checkout-box .place-box .place-box-rt{    width: 60%; float: right; font-size: 15px; color: #272c2d; text-transform: none; line-height: 25px; }

.checkout .checkout-box .bill-box{     width: 35%; float: right; }
.checkout .checkout-box .bill-box .bill-box-lt{ width: 100%; float: right; /* background: #00293f; */ color: #00293f !important; border-radius: 15px; text-align: right; padding: 0 0 10px; margin: 0; font-weight: normal; font-size: 15px !important; }
.checkout .checkout-box .bill-box .bill-box-md{   width: 80%; float: right; }
.checkout .checkout-box .bill-box .bill-box-md a{width: 50%;outline: none;border-bottom: 3px solid #bbb;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin: 10px auto 0;text-align: center;background: #034a67;float: right;border-radius: 30px; }
.checkout .checkout-box .bill-box .bill-box-rt{ display:none; width: 80%; float: right; }
.checkout .checkout-box .bill-box .bill-box-md input:hover[type="submit"] { background: #3483ff; color: #fff; border: 1px solid #3483ff; }
.checkout .checkout-box .bill-box .bill-box-md input[type="submit"] { width: 100%; outline: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 10px auto 0; text-align: center; background: #00293f; color: #fff; border: 1px solid #000000; border-radius: 25px; font-size: 16px; font-weight: 300; padding: 4px 0 6px; line-height: 30px; }

/*Cart New Update SUJOY*/

.checkout-left-box{ width: 55%; float: left; margin: 0 0 30px; border-radius: 5px; padding: 0; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0), 0 5px 8px 0 rgba(0, 0, 0, 0.05), -5px 10px 20px 3px rgba(0, 0, 0, 0.1); border: 0; background: #fff;}
.checkout-left-box .checkout-box-block{ width: 98%; border: 1px solid #ddddddb8; padding: 10px; margin: 5px 0 10px; display: inline-block; background: #f9f6f6; position: relative;}
.checkout-left-box .checkout-box-block .checkout-image-content{ width: 20%; float: left; padding: 0; margin: 0; height: 120px; border-radius: 5px; overflow: hidden; border: 2px solid #fff; }
.checkout-left-box .checkout-box-block .checkout-image-content img{ width: 100%;  height: 100%; }
.checkout-left-box .checkout-box-block .checkout-dec-content{ width: 78%; float: right; text-align: left; }
.checkout-left-box .checkout-box-block .checkout-dec-content h4{ font-size: 15px; line-height: 18px; color: #013a4d; padding: 5px 0; margin: 0; font-weight: 600;}
.checkout-left-box .checkout-box-block .checkout-dec-content h5{ font-size: 14px; line-height: 18px; color: #013a4d; padding: 5px 0; margin: 0; font-weight: 400;}
.checkout-left-box .checkout-box-block .checkout-dec-content h5 del{ color: #a1a1a1; padding: 0 20px 0 5px; }
.checkout-left-box .checkout-box-block .checkout-dec-content h5 span{ color: #f00; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity{ width: 100%; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity label{ font-size: 14px; line-height: 18px; color: #013a4d; font-weight: 500; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity select{border: 1px solid #ddd; padding: 2px 10px; background: none; color: #013a4d; font-size: 14px; line-height: 18px; font-weight: 400; }
.checkout-left-box .checkout-box-block .checkout-dec-content .close{ cursor: pointer; position: absolute; right: 15px; top: 15px; transition: color 0.2s ease-in-out; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity p{font-size: 14px; line-height: 18px; color: #013a4d; padding: 5px 0; margin: 0; font-weight: 400; }
.checkout-left-box .checkout-box-block .checkout-dec-content .close i{ color: #FFFFFF; font-size: 16px; width: 30px; height: 30px; border-radius: 50px; text-align: center; line-height: 30px; background: #040404; }
.checkout-left-box .checkout-box-block .checkout-dec-content h6{ font-size: 16px; line-height: 18px; color: #008ed3; padding: 10px 0; margin: 0; font-weight: 400; }

.checkout-right-box{ width: 40%; float: right; margin: 0 0 40px; border-radius: 5px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0), 0 5px 8px 0 rgba(0, 0, 0, 0.05), -5px 10px 20px 3px rgba(0, 0, 0, 0.1); border: 0; background: #275f4b; }
.checkout-right-box .total-checkout{   width: 100%; border-bottom: 1px solid #00ff9f; padding: 15px; margin: 0 0 30px; background: none; position: relative; float: right; text-align: left;}
.checkout-right-box .total-checkout p{ font-size: 18px; color: #fff; letter-spacing: 0px; font-weight: normal; padding: 0 0 5px; font-family: 'Nunito', sans-serif; line-height: 30px; }
.checkout-right-box .total-checkout p span{ text-align: right; float: right; color: #fff; font-weight: bold; letter-spacing: 1px; }
.checkout-right-box .total-checkout p span a{ color:#f00; }
.checkout-right-box .total-checkout p span.price-values{ color:#f00; }
.checkout-right-box .total-checkout p span.free{ color: #f7ff00;  font-weight: bold; }
.checkout-right-box .total-checkout a{ font-size: 14px; line-height: 18px; color: #ff841b; padding: 0; margin: 0; font-weight: 400; text-align: right; width: 100%; display: inline-block; }
.checkout-right-box .total-checkout .price-breakup-final{ padding: 10px 0 0; margin: 20px 0 0; width: 100%; border-top: 3px solid #fff; }
.checkout-right-box .total-checkout .price-breakup-final p{ font-size: 20px; line-height: 22px; color: #fff; padding: 0; margin: 0; font-weight: 500; }
.checkout-right-box .total-checkout .price-breakup-final p span{ float:right; color: #fff; }

#promocode{ width: 100%; display: inline-block; padding: 0 0; margin: 5px 0 0 0; }
#promocode p{ width: 49%; float: left; font-size: 18px; color: #fff; letter-spacing: 0px; font-weight: normal; padding: 0 0 5px; font-family: 'Nunito', sans-serif; line-height: 30px;}
#promocode #promocodeinput{width: 50%; float: right;} 
#promocode  #promocodeinput #promo{ background: #d5f2e8; border: 1px solid #00ff9f !important; font-size: 15px; line-height: 25px; padding: 3px 0 5px 10px; color: #275f4b; outline: none; height: 40px; width: 70%; float: left; }
#promocode  #promocodeinput #promo_apply{background: #129969; font-size: 15px; line-height: 25px; padding: 0 0; color: #fff; outline: none; height: 40px; border-radius: 1px; font-weight: bold; width: 30%; border: 1px solid #00ff9f !important;}
#promocode  #promocodeinput #promo_apply:hover{background: #275f4b; border: 1px solid #00ff9f !important;color: #fff;}

/*modal*/
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
h4.modal-title { font-family: 'Oswald', sans-serif; font-size: 22px; text-align: center; color: #fff; }
.modal-body form { position: relative; width: 100%; padding: 0 0; margin: 0 0; }
.form-horizontal .form-group label { width: 35%; border: 1px solid #989898; padding: 5px 15px; margin: 0 0 10px; color: #fff; float: left; background: #013a4d; text-transform: uppercase; height: 33px; font-size: 13px; }
.form-horizontal .form-group input { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; min-height: 33px;}
.form-horizontal .form-group textarea { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; min-height: 33px; }
.form-horizontal .form-group select { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; min-height: 33px; }
.top_brand_home_details input:hover[type="button"] { background: #3483ff; color: #fff; border: 1px solid #3483ff; }
.top_brand_home_details input[type="button"] { float: left;width: 50%; outline: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 30px auto 0; text-align: center; background: #00293f; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 20px; font-weight: 300; padding: 4px 0 6px; line-height: 38px; }
.top_brand_home_details button:hover[type="button"] { background: #3483ff; color: #fff; border: 1px solid #3483ff; }
.top_brand_home_details button[type="button"] { float: left;width: 50%; outline: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; margin: 30px auto 0; text-align: center; background: #00293f; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 20px; font-weight: 300; padding: 4px 0 6px; line-height: 38px; }
.top_brand_home_details{     background: #fff; width: 100%; position: relative; display: inline-block; }

/*about-us*/
.about-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.about-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.about-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.about-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.about-us .abo-rt-box{ width: 100%; padding: 0; margin: 0; }
.about-us .abo-rt-box h5{     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; text-align: left; padding: 0 0 10px; font-size: 22px; line-height: 30px; margin: 0; }
.about-us .abo-rt-box p{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; text-align: left; font-size: 18px; line-height: 30px; padding: 0 0 30px; margin: 0; }

/*faq*/
.faq{ position: relative; width: 100%; padding: 15px 0 50px; margin: 30px 0 0; background: #03091e; }
.faq h2{font-family: 'Changa One', cursive; font-size: 40px; line-height: 45px; font-weight: 700;text-align: center; color: #f0efef; letter-spacing: 1px; padding: 0 0 30px; display: block; }
.faq h4{font-family: 'Parisienne', cursive; text-align: center; font-size: 25px; font-weight: bold; color: #1c1b1b; line-height: 35px; padding: 0 0 25px; letter-spacing: 2px; margin: 0; }

ul.accordion-list { position: relative; display: block; width: 100%; height: auto; padding: 20px; margin: 0; list-style: none; background-color: #f9f9fabd; }
ul.accordion-list li { position: relative; display: block; width: 100%; height: auto; background-color: #FFF; padding: 10px 20px; margin: 0 auto 15px auto; border: 1px solid #eee; border-radius: 5px; cursor: pointer;}
ul.accordion-list li h3 { font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 20px; letter-spacing: 0px; color: #1c3254; display: block; padding: 0; margin: 0; cursor: pointer; }
ul.accordion-list li h3 { font-size: 20px; letter-spacing: 0.01em; cursor: pointer; text-align: left; text-transform: capitalize; font-family: "Abel-Regular"; color: #2f1805; font-weight: normal; line-height: 26px; }
ul.accordion-list li h3::after { content: "+"; font-family: "material-design-iconic-font"; position: absolute; right: 5px; top: 15px; color: #003aa4; transition: all 0.3s ease-in-out; font-size: 18px; font-weight: bold; }
ul.accordion-list li.active h3::after { transform: rotate(45deg); }
    
div.answer { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer;}
.answer p {position: relative; display: block; font-weight: 300; padding: 10px 10px; cursor: pointer;margin: 10px 0 0; font-size: 16px; color: #000; font-family: revert; background: #f3f3f4; line-height: 30px; }
.answer p a{background: #ff7500; color: #fff; padding: 10px 20px; font-weight: bold; margin: 0 0 0px; display: inline-block; }
.answer p a:hover{background: #2f2c2a; color: #fff; }
ul.answer-ul{ margin: 0; padding: 0; }
ul.answer-ul li{ cursor: pointer; padding: 6px 0 5px 20px; border: none; font-style: italic; color: #000; font-size: 15px; line-height: 20px; margin: 0; position: relative; display: block; width: 100%; height: auto; background-color: #FFF;}

/*banner-inner*/
.banner-inner{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: url(../images/overlay.png)repeat,#000; height: 300px;}
.banner-inner img{ width: 100%; opacity: 0.7; }

/*--checkout- WISHLIST CART -*/
.check-out{    text-align: center; padding:0em 0 50px; }
.check-out h3{ text-align: center; font-size: 30px; color: #03353c; padding: 0 0 30px; margin: 0; letter-spacing: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600;}
table.table { width: 100%; border: 1px solid #D0D0D0; }
td.t-data {width: 30%;  text-align: center; border: 1px solid #D2D2D2; padding: 0 10px !important; color: #044852; vertical-align: middle !important; font-size: 1em !important; text-align: center; }
th.t-head { background: #053f51; background: #275f4b; color: #FFFFFF; font-size: 1em !important; padding: 0.6em !important; border: 1px solid #D2D2D2 !important; text-align: center; }
a.at-in { float: left; }
a.at-in{ border: none; padding: 0; margin-left: 0%; width: 100%; text-align: center; display: inline-block; }
.sed { float: right; width: 59%; }
.sed2 { float: left; width: 40%; }
.sed2 img{ float: left; width: 100%; }
table input { width: 100%; border: none; text-align: center; outline: none; }

.check-out .subtotal{     width: 32%; float: right; margin: 0 30px 0 0; }
.check-out .submit-chekout{width: 34%;
  background: #fff;
  border-radius: 3px;
  padding: 0;
  float: right;
  margin: 0 10px 15px 0;
  border-bottom: 3px solid #00ff9f; }
.check-out .totall{   width: 100%; background: #ffffff; border-radius: 5px; padding: 6px 0; float: right; border-bottom: 1px solid #fff; text-align: right; }
.check-out .totall label{ width: 30%; background: #fff; border-radius: 4px; padding: 0; float: right; margin: 0 10px 15px 0; border-bottom: 3px solid #00ff9f; }

.check-out .totall input{ width: 20%; float: right; text-align: center; background: none; border: none; outline: none; color: #090a0a; display: inline-block; padding: 5px 0 0; margin: 0 auto; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; }
.check-out .submit-chekout input{ background: none; border: none; outline: none; color: #0c422f; display: inline-block; text-align: center; padding: 4px 0; margin: 0 auto; width: 100%; }

.check-out .totall button{width: 20%; float: right; text-align: center; border: none; outline: none; color: #fff; display: inline-block; padding: 1px 0 5px; margin: 5px auto 0 10px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: bold; font-size: 12px; line-height: 20px; background: #ea0612; border-radius: 5px; }

.check{ width:6%; }
.sed h5 { color: #044852; font-size: 18px; margin-top: 0px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; line-height: 30px; width: 100%; text-align: center; display: block; }
.ring-in{ position:relative; width:45%; }
.ring-in img{ width:30%;  }
.close1, .close2, .close3 { cursor: pointer; position: absolute; left: 30%; top: 30px; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.close1 i,.close2 i,.close3 i{ color: #FFFFFF; font-size: 12px; width: 32px; height: 32px; border-radius: 100px; text-align: center; line-height: 2.7em; background: #EA0612;	 }
.add-1 { text-decoration: none; color: #fff; padding: 7px 10px; width: auto; font-size: 1em; background: #013445; }
.add-1:hover { text-decoration: none; background: #0685af; color: #fff; }

/*order-history*/
.checkout-box .order-history{ width: 45%; float: left; padding: 10px; margin: 0 0 20px 20px; background: #fff; border-radius: 8px; }
.checkout-box .order-history .fsat-box-history { width: 30%; float: left; padding: 0; position: relative; margin: 0 0 15px; display: inline-block; }
.checkout-box .order-history .fsat-box-history h4{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #383838; display: inline-block; text-align: center; }
.checkout-box .order-history .fsat-box-history h4 span{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; color: #000; padding: 0; display: block; }
.checkout-box .order-history .fsat-box-history img.img-history{ width: 98%; border-radius: 6px; float: left; margin: 0 20px 0 0; height: 90px; } 
.checkout-box .order-history .fsat2nd-box-history{width: 69%;  float: right; padding: 0; margin: 0; }
.checkout-box .order-history .fsat2nd-box-history label.hikk{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; color: #342f2f; display: block; font-size: 13px;    padding: 0 0 5px 0; }
.checkout-box .order-history .fsat2nd-box-history label.hikk span{ color: #012430; font-weight: 600; font-size: 13px;padding: 0 10px 0 0; }    
.checkout-box .order-history .fsat2nd-box-history label.hikk a{     color: #013a4d; text-decoration: none; font-size: 17px; font-weight: bold; padding: 10px 0 6px 0; display: inline-block; }
.checkout-box .order-history .fsat2nd-box-history label.hikk a.button{ color: #ffffff; text-decoration: none; font-size: 15px; font-weight: normal; padding: 6px 14px 4px 14px; display: inline-block; background: #013246; border-radius: 7px; border-bottom: 3px solid #000; }
.checkout-box .order-history .fsat2nd-box-history label.hikk a.button:hover{ color: #ffffff; background: #000; }

.checkout-box p.last-box{ width: 100%; padding: 0; margin: 0; }
.checkout-box p.last-box label.hikk{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; color: #342f2f; display: block; font-size: 14px;    padding: 0 0 5px 0; }
.checkout-box p.last-box label.hikk span{ color: #012430; font-weight: 600;     padding: 0 10px 0 0; }    
.checkout-box p.last-box label.hikk a{     color: #013a4d; text-decoration: none; font-size: 17px; font-weight: bold; padding: 10px 0 6px 0; display: inline-block; }
.checkout-box p.last-box label.hikk a.button{ color: #ffffff; text-decoration: none; font-size: 15px; font-weight: normal; padding: 6px 14px 4px 14px; display: inline-block; background: #013246; border-radius: 7px; border-bottom: 3px solid #000; }
.checkout-box p.last-box label.hikk a.button:hover{ color: #ffffff; background: #000; }

/*--quantity-starts--*/
.quantity{ margin: 1.5em 0; }
.value-minus,
.value-plus{ height: 40px; line-height: 24px; width: 30px; margin-right: 3px; display: inline-block; cursor: pointer; position: relative; font-size: 18px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border:1px solid #b2b2b2; vertical-align: bottom; }
.quantity-select .entry.value-minus:before,
.quantity-select .entry.value-plus:before{ content: "";  width: 13px; height: 2px;  background: #000; left: 50%; margin-left: -7px;  top: 50%; margin-top: -0.5px; position: absolute; }
.quantity-select .entry.value-plus:after{ content: ""; height: 13px; width: 2px;  background: #000; left: 50%;  margin-left: -1.4px; top: 50%; margin-top: -6.2px; position: absolute; }
.value  { cursor: default; width: 40px; height:40px; padding: 8px 0px; color: #A9A9A9; line-height: 24px; border: 1px solid #E5E5E5; background-color: #E5E5E5; text-align: center; display: inline-block; margin-right: 3px; }
.quantity-select .entry.value-minus:hover,
.quantity-select .entry.value-plus:hover{ background: #E5E5E5; }
.quantity-select .entry.value-minus{ margin-left: 0; }
span.span-1 { margin: 0 !important; }
/*--quantity-end--*/

/*--wishlist CART--*/

/*-- Ratings --*/
.bootstrap-tab-text-grid{ padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #d8d8d8; }
.add-review a{background: #ffbc00; padding: 7px 20px; margin: 0; border: 4px double #dadada; transition: all 600ms ease-in-out; color: #FFF; text-transform: capitalize; font-size: 15px; }

.rating1 { direction:ltr; }
.starRating:not(old) { display: inline-block; height: 17px; width:100px; overflow: hidden; }
.starRating:not(old) > input{ margin-right :-26%; opacity      : 0; }
.starRating:not(old) > label { float: right; background: url(../images/1.png); background-size: contain; margin-right: 2px; }
.starRating:not(old) > label:before{ 
content         : ''; 
display         : block; 
width           : 16px; 
height          : 16px; 
background      : url(../images/2.png); 
background-size : contain; 
opacity         : 0; 
transition      : opacity 0.2s linear; 
    
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
opacity : 1;
}
/*-- Ratings --*/
/*--  Review --*/ 
.man-revew-left{ padding: 0 0 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;  display: inline-block; }
.man-revew-left img{ width: 100%; }
.man-revew-right{ padding: 0 0 0; width: 80%; float: right; }
.man-revew-right ul{ padding:0 0 0; margin:0 0; }
.man-revew-right ul li{ padding: 0 0 0; margin: 0 0; display: inline-block; float: left; width: 50%; }
.man-revew-right ul li a{ padding: 0 0 0; margin: 0 0; font-size: 15px; line-height: 20px; display: inline-block; color: #0c5f88; }
.man-revew-right p{display: inline-block; padding: 15px 0 0; text-align: justify; font-size: 13px;}

.add-review{ padding:0 0 0; }
.add-review h4{padding: 0 0 0; font-size: 19px; line-height: 25px; color: #122e3c; text-align: left; }
.add-review form{ margin:2em 0 0; }
.add-review input[type="text"],.add-review input[type="email"],.add-review textarea{ outline: none; padding: 10px; border: 1px solid #D2D2D2; width: 48%; font-size: 15px; color: #888; margin: 0; }
.add-review input[type="email"]{ margin-left: 1.55%; }
.add-review textarea{ width: 100% !important; min-height: 120px; margin: 1em 0; resize: none; }
.add-review input[type="text"]:nth-child(3){ width:100%; margin:1em 0; }
.add-review input[type="submit"]{ outline: none; padding: 12px 0; background: #2fdab8; border: none; width: 40%; font-size: 1em; color: #fff; font-weight: 700; letter-spacing: 2px; margin: 0; }
.add-review input[type="submit"]:hover{ background: #000; }
/*-- // Review --*/

/*faq-us*/
.faq{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.faq h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.faq h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.faq h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.faq .faq-box{ width: 100%; padding: 0; margin: 0; }
.faq .faq-box h5{     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; text-align: left; padding: 0 0 10px; font-size: 22px; line-height: 30px; margin: 0; }
.faq .faq-box p{font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; text-align: left; font-size: 17px; line-height: 30px; padding: 0 0 30px 20px; margin: 0; color: #5d5b5b; }

/*contact-us*/
.contact-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.contact-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.contact-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.contact-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.contact-us .con-box-form{ width: 60%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; }
.contact-us .con-box-text{     width: 35%; float: right; margin: 30px 0px 0 0; overflow: hidden; padding: 0; }
.contact-us .con-box-text h3{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; } 
.contact-us .con-box-text p{    margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 15px; line-height: 24px; padding: 0 0 30px; }

.contact-us .con-box{ width: 23%; float: left; margin:0 18px 25px 0; overflow: hidden; padding: 0; }
.contact-us .con-box h3{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; } 
.contact-us .con-box h3 i.fa{     color: #0070bb; font-size: 20px; font-weight: bold; padding: 0 10px 0 0; }
.contact-us .con-box ul { padding: 0; margin: 0; } 
.contact-us .con-box ul li{  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; } 
.contact-us .con-box ul li a{ text-decoration: none;  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; color: #616161; font-size: 15px; line-height: 25px; padding: 0 0 5px; display: block; } 
.contact-us .con-box ul li a:hover{ color: #000; }

.contact-us .con-box-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.contact-us .con-box-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc{     margin: 20px 0 60px; width: 25%; }
.contact-us .con-box-form .form-sub-acc .form-sub{ width: 100%; text-align: center; background: #3483ff; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.contact-us .con-box-form .form-sub-acc .form-sub input{ width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .form-left-to-w3l textarea{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }

.service-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
img.pro-img{  width: 100%; border-radius: 30px; text-align: center; background: #f1f1f1; padding: 10px; margin: 0 auto; }
.service-top a{ text-align: center;text-align: center; position: relative; display: block; color: #fff; font-weight: normal; font-size: 20px; line-height: 40px; width: 40%; border-radius: 20px; margin: 10px auto; text-decoration: none; background: linear-gradient(to bottom, #002bff 50%, #000000 100%);  }
.service-top a:hover{ background: #007eff; }

/*gallery*/
.gallery-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.gallery-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.gallery-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*video*/
.video-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.video-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.video-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*FEEDBACKS*/
.feedback-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;     display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.feedback-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.feedback-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.feedback-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.feedback-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.feedback-top input[type="submit"]:hover { background: #333; color: #fff; }

/*enquuiry*/
.enquuiry-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;    display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.enquuiry-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.enquuiry-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.enquuiry-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.enquuiry-top .input-group textarea { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.enquuiry-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.enquuiry-top input[type="submit"]:hover { background: #333; color: #fff; }

/*-- article --*/
.blog { position: relative; width: 100%; padding: 25px 0; margin: 0; background: #fff; }
.blog h2{  font-family: 'Raleway', sans-serif; color: #000; font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; text-align: center;}
.blog h6{ font-size: 14px; line-height: 26px; color: #565555; padding: 0 250px 40px; display: block; margin: 0; text-align: center; }
.blog .blog_box { width: 100%; padding:10px; margin: 20px 0; background: #f7f6f6; text-align: center; transition:500ms ease-in-out;}
.blog .blog_box:hover{background: #fff; opacity: 0.8; transition:500ms ease-in-out;} 
.blog .blog_box img { width: 100%; height:190px; border-radius: 0px; }
.blog .blog_box h3 { font-size: 15px; font-family: system-ui; color: #fff; line-height: 22px; padding: 10px 0; margin: 0px 0; text-align: center; text-decoration: none; background: #ff841b; font-weight: bold; }
.blog .blog_box  p { color: #1f1f1f; font-size: 15px; line-height: 24px; text-align: center; padding: 5px 0 5px; letter-spacing: 0; }
.blog .blog_box a {display: inline list-item; color: #000; background: #ffb100; padding: 7px 20px; border-radius: 5px; font-weight: bold; font-size: 13px; line-height: 15px; margin: 0; }
.blog .blog_box a:hover { background: #000;color: #fff; }

.blog-single-peag { position: relative; width: 100%; padding: 25px 0; margin: 0; background: #fff; }
.blog-single-peag h2{  font-family: 'Raleway', sans-serif; color: #000; font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; text-align: center;}
.blog-single-peag .blog-single-peag_box { width: 100%; padding: 0px 10px 10px; margin: 20px 0; background: #f5f5f5; border: 1px solid #ecececcc; }
.blog-single-peag .blog-single-peag_box h6{ background: #f5f5f5; font-size: 20px; color: #000c; padding: 5px 5px 6px; margin: 0 0 5px 0; font-weight: bold; font-family: Okra, Helvetica, sans-serif; text-shadow: none; line-height: 30px;}
.blog-single-peag .blog-single-peag_box h3 {    background: #f5f5f5; font-size: 17px; font-family: math; color: #323232; font-weight: bold; line-height: 25px; padding: 5px 5px 6px; margin: 0 0 5px 0;}
.blog-single-peag .blog-single-peag_box img.exam_calendar_single_img { width: 100%; height: 350px; border-radius: 10px; }
.blog-single-peag .blog-single-peag_box p { color: #1f1f1f; font-size: 15px; line-height: 26px; text-align: justify; padding: 10px 0 5px; letter-spacing: 0; }

.blog-single-peag .blog-single-peag_box-right { width: 80%;padding: 0px 10px 10px;margin: 20px 10px;background: #f5f5f533;border: 1px solid #ecececcc;float: left; }
.blog-single-peag .blog-single-peag_box-right h3 {font-size: 13px; color: #323232d9; font-weight: normal; line-height: 21px; padding: 0; margin: 10px 0 5px; font-family: Okra, Helvetica, sans-serif;}
.blog-single-peag .blog-single-peag_box-right img.exam_calendar_single_img { width: 100%; height: 350px; border-radius: 10px; }
.blog-single-peag .blog-single-peag_box-right p { color: #1f1f1f; font-size: 15px; line-height: 26px; text-align: justify; padding: 10px 0 5px; letter-spacing: 0; }

/*OFFER*/
.success-blog { position: relative; width: 100%; overflow: hidden; padding: 0px; margin: 0 0 30px; background: #fff; }
.success-blog img.gal-img { width: 100%; }
.success-blog h2 {    font-weight: bold; color: #404040; font-size: 13px; padding: 10px 0 0; }
.success-blog h6 {     font-family: inherit; font-size: 15px; padding: 10px 0 10px; color: #4c4949; font-weight: 400; line-height: 18px; }
.success-blog p { display: none; font-family: 'Poppins', sans-serif; font-size: 13px; text-align: left; letter-spacing: 0; color: #000; line-height: 22px; padding: 0 0 10px; margin: 0; }
.success-blog h2 span { color: #f00; font-weight: 500; padding: 0 0 0 5px; font-family: 'Poppins'; }

.success-blog-single{  }
.success-blog-single img.gal-img { width: 100%; }
.success-blog-single h2 { font-family: 'Poppins', sans-serif; font-weight: 400; color: #292929; font-size: 18px; padding: 10px 0 0px; }
.success-blog-single h2 span { color: #f00; font-weight: 500; padding: 0 0 0 5px; font-family: 'Poppins'; }
.success-blog-single h6 { font-family: 'Open Sans', sans-serif; font-size: 22px; padding: 10px 0 10px; color: #091229; font-weight: bold; line-height: 40px; }
.success-blog-single p { font-family: 'Poppins', sans-serif;font-size: 17px;text-align: justify;letter-spacing: 0;color: #444444;line-height: 30px;padding: 0 0 10px;margin: 0; }

/*payment*/
.payment-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.payment-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.payment-top .pay-det{ width: 100%; padding: 0 0 30px; margin: 0; }
.payment-top .pay-det h3{ font-weight: bold; font-size: 20px; line-height: 30px; padding: 0; margin: 0; }
.payment-top .pay-det p{ font-size: 17px; color: #000; line-height: 30px; display: block; }
.payment-top .pay-det p span{ text-align: right; float: right; font-size: 16px; color: #484848; line-height: 20px; padding: 0; margin: 0; }

.foot-bg-index{ position: relative; width: 100%; overflow: hidden; padding: 0px; margin: 0 0 0px; }
.foot-bg-index .container-min{ }
.foot-bg-index img{ width: 100%;  }
.foot-bg-index .foot-bg-index-dec{ position: absolute; top: 90px; right: 60px; width: 33%; margin: 0; padding: 0; }
.foot-bg-index .foot-bg-index-dec ul{ padding: 0; margin: 0; }
.foot-bg-index .foot-bg-index-dec ul li{ padding: 0; margin: 0 0 0 8px; list-style: none; width: 48%; float: left; text-align: center; }
.foot-bg-index .foot-bg-index-dec ul li a{text-transform: capitalize; background: #ff841b; display: block; color: #fff; font-weight: bold; font-size: 16px; line-height: 25px; border-radius: 30px; padding: 10px 0; border-bottom: 5px solid #000; }
.foot-bg-index .foot-bg-index-dec ul li a:hover{ }

/*footer-menu*/
footer{ width: 100%;  background: url(../images/footer-bg.png) no-repeat top left;    position: relative; background-size: cover; padding: 40px 0 0;  margin: 10px 0 0; }
.footer-box h3{text-align: left; color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: bold; padding: 0 0 20px; text-transform: uppercase;}

.footer-box li{  display: block; color: #cacaca;     text-align: justify;font-size: 14px; line-height: 23px; padding: 0; margin: 0; list-style: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; }
.footer-box li a{  color: #cacaca; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-size: 14px; text-transform: none; }
.footer-box li a:hover{ color: #fff; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.footer-box li a span{     display: block;}
a.log-v{      background: #ff9d19; width: 100%; display: block; text-align: center; border-radius: 8px; border-bottom: 4px solid #6d4003; padding: 5px 0; margin: 0 0 15px; text-transform: uppercase !important; font-size: 11px !important; color: #fff !important; font-weight: bold !important;  }
.cpy-right{ margin: 20px 0 0; padding: 10px 0; background: rgb(48, 13, 0); color: #fff; border: 1px solid #3c1203; }
.cpy-right p{ text-align: center; color: #bdbdbd; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; font-size: 14px; }
.cpy-right p a{     text-decoration: none; color: #ff9402; font-family: 'Abel-Regular'; font-size: 17px; }
.cpy-right p a:hover{ color: #bdbdbd;}
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }
#link_wrapper table.table thead tr{margin: 10px 0 0 0px; }
#link_wrapper table.table thead tr th{ text-align: left;background: #eaeaea;}
#link_wrapper table.table tbody tr td{ text-align: left; background: #f7f7f7;}
#link_wrapper table.table tbody tr td a{ color: white; background: red; border-radius: 5px; padding: 2px 10px; font-size: 13px; margin: 0 0 0 10px; }
a.restaurantlogin-footer{font-size: 16px; text-align: center; line-height: 25px; font-weight: bold; text-transform: capitalize; color: #fff; display: block; border-radius: 30px; padding: 7px 0px; border-bottom: 2px solid #e1bfac; margin: 20px 0 0; background: #f05f04;transition: 500ms ease-in-out;}
a.restaurantlogin-footer:hover{  background: #1c4134;transition: 600ms ease-in-out;}
.chef-testmonial{ position: relative; width: 100%; padding:0; margin:0px; background: #fff;}
.chef-testmonial img.c-t-bg{width:100%; height:auto; display: none;}
.chef-testmonial .testmonial-dec{ position: absolute;position: relative;width: 100%;height: 100%;content: "";top: 0;left: 0px;right: 0;margin: 0 auto;z-index: 99;overflow: hidden;padding: 0px 0 0 0; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box h4{ color: #fff;font-size: 25px;text-transform: uppercase;font-weight: bold;line-height: 30px;padding: 0 0 5px;margin: 0;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box { width: 90%; text-align: center; overflow: hidden; padding: 30px 0 0; margin: 0 auto; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img{ width: 70%; height: auto; border-radius: 8px; overflow: hidden; margin: 0 auto; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img img{width: 100%; height:auto; margin: 30px 0 0;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box p{text-align: justify; color: #000000ab; padding: 40px 10px 0 0; font-style: italic; margin: 0 0 10px; font-family: 'Federo', sans-serif; font-size: 17px; line-height: 30px;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6{color: #f05f04; font-size: 18px; letter-spacing: 0px; font-style: italic; text-align: left; padding: 10px 0 0; }
.check-out .totall small{ width: 100%; display: inline-block; }
.check-out .totall small a{ color: #f00; }

/* ======RESPONSIV   raj======== */

/*I-pad 12.9 / 1024 view*/
@media screen and (max-width:1080px){
.container { width: 1000px; }
.header-bottom{ height:50px; }
.header-bottom .barnd-catag .dropbtn{ height:50px; }
.header-bottom .barnd-cart{ height:50px; }
.header-bottom .barnd-cart a { text-decoration: none; font-size: 15px; display: block; vertical-align: text-top; padding: 16px 0 15px; }
.header-bottom .barnd-login .dropbtn {  font-size: 10px; padding: 8px 0 9px 0; }
.header-bottom .barnd-login .dropbtn i.fa {width: 30px; height: 30px; border-radius: 50px; padding: 5px; background-color: rgba(0,0,0,0.1); color: #e7f3f7; font-size: 15px; line-height: 17px; margin: 0 0 0 5px; text-align: center; }
.header-bottom .w3l_search form .select-container select { width: 83%; background: #ffffff; border: none; outline: none; padding: 4px 0 4px 5px; margin: 0; float: right; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; color: #020416; font-size: 13px; }
.header-bottom .w3l_search form .select-container span { width: 17%; float: left; text-align: center; background: #dcdcdc; color: #f00; font-size: 20px; }
.header-bottom .w3l_search form .search-container input[type="text"] { width: 90%; background: #ffffff; border: none; outline: none; padding: 4px 0 4px 10px; margin: 0; float: right; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; font-size: 14px; }
.header-bottom .w3l_search form .search-container button[type="submit"] { width: 10%; background: #dcdcdc; border: none; outline: none; padding: 3px 0; margin: 0; float: left; text-align: center; color: #575252; font-size: 16px; }
.header-bottom .barnd-logo img { width: 90%; padding: 7px 0 0 0; }
.header-bottom .barnd-catag .dropdown-content{ right:0; min-width: 144px;}
.header-bottom .barnd-catag .dropdown-content a { color: black; padding: 5px 0 5px 15px; text-decoration: none; display: block; font-size: 13px; line-height: 20px; }

.recent-product .recent-box img { width: 100%; padding: 0px; margin: 0px; height: 150px; border-radius: 5px; }
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 150px; border-radius: 5px; }

.recent-product .recent-box h4{ font-size: 14px; line-height: 21px; margin: 0; padding: 5px 0 3px; color: #013a4d; }
.recent-product .recent-box .product-review ul li sub { color: #f00; font-size: 11px; font-weight: 500; padding: 0 0 0 10px; }
.recent-product .recent-box h6 { color: #0f0e0e; font-size: 15px; line-height: 20px; padding: 3px 0 6px; }
.recent-product .recent-box form.index-add input[type="submit"] { background: #ff9428; color: #000; border-radius: 7px; padding: 3px 20px; border-bottom: 2px solid #d06c07; font-size: 13px; }
.recent-product .recent-box form.index-add input:hover[type="submit"] {border-bottom: 2px solid #ff9428; }
.recent-product .recent-box .box-secend-food { margin: 0 0 20px; border: 1px solid #f7f6f6; background: #f7f6f6; border-radius: 10px; padding: 15px; }

p.w3ls-title-sub { text-align: center; font-size: 20px; padding: 20px 0 0; }
h3.w3ls-title { font-size: 25px; font-weight: 600; color: #333; padding: 5px 0 15px; text-align: center; }

.footer-box h3{ padding: 0 0 10px; font-size: 18px; }
.footer-box li {  font-size: 11px; line-height: 18px; }
.footer-box li a{  font-size: 11px; line-height: 18px; }
a.log-v { background: #ff9d19; width: 100%; display: block; text-align: center; border-radius: 5px; border-bottom: 2px solid #6d4003; padding: 5px 0; margin: 0 0 15px; text-transform: uppercase !important; font-size: 9px !important; color: #fff !important; font-weight: bold !important; }
.cpy-right p{ font-size: 12px; }
.cpy-right p a { text-decoration: none; color: #ff9402; font-family: 'Abel-Regular'; font-size: 14px; }

th.t-head { background: #053f51; color: #FFFFFF; font-size: 13px !important; }
table input { width: 100%; border: none; text-align: center; outline: none; font-size: 14px; }
.value-minus, .value-plus { height: 20px; line-height: 24px; width: 20px; margin-right: 3px; display: inline-block; cursor: pointer; position: relative; font-size: 15px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border: 1px solid #e5e5e5; vertical-align: bottom; }
.value { cursor: default; width: 35px; height: 25px; padding: 0; color: #7F7D7D; line-height: 24px; border: 1px solid #E5E5E5; background-color: #F0F0F0; text-align: center; display: inline-block; margin-right: 3px; }   
.close1, .close2, .close3 { cursor: pointer; position: absolute; left: 30%; top: 15px; }
.check-out .totall label{ font-size: 13px; }  
.user-profile-menu ul li { list-style: none; padding: 0 0 0 20px; margin: 0 0 0; }
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 15px; font-weight: 400; line-height: 30px; }
.checkout .checkout-box .form-left-to-w3l input[type="text"]{ font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l input[type="email"] {font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l input[type="password"]{ font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l input[type="radio"]{  font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l select{ font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l select{ font-size: 14px; }
.checkout .checkout-box .form-left-to-w3l textarea{ font-size: 14px; }
.checkout .checkout-box .place-box .place-box-lt {width: 40%; float: left; font-size: 13px; color: #10291fb2; text-transform: uppercase; }   
.checkout .checkout-box .place-box .place-box-rt { width: 60%; float: right; font-size: 13px; color: #000; text-transform: none; line-height: 20px; }
.checkout .checkout-box th.t-head {background: #10291f; color: #FFFFFFE5; font-size: 1em !important; padding: 7px 0 7px !important; border: 1px solid #739F8F !important; text-align: center; width: 20%; font-weight: normal; }   
.user-profile-menu { width: 100%; background: #012734; border-radius: 20px 5px 5px 20px; padding: 15px 10px; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 17%), 0 5px 8px 0 rgb(0 0 0 / 5%), -5px 10px 20px 3px rgb(0 0 0 / 20%); border-left: 2px solid #fff; background: url(../images/footer-bg.png) no-repeat top right; }   
.profile .profile-box .form-left-to-w3l { height: 50%; }
.profile .profile-box .form-left-to-w3l select { font-size: 15px; padding: 10px 0 10px 10px; }
.profile .profile-box .form-left-to-w3l input[type="text"]{ font-size: 15px; }
.profile .profile-box .form-left-to-w3l textarea{ font-size: 15px; height: 50px; }
.checkout-box .order-history .fsat2nd-box-history label.hikk { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 200; color: #342f2f; display: block; font-size: 14px; line-height: 23px; }
.checkout-box .order-history .fsat-box-history h4{ font-size: 18px; }
.checkout-box .order-history .fsat-box-history h4 span { font-size: 14px; line-height: 20px; color: #444242; padding: 2px 0 0; }
.checkout-box .order-history .fsat2nd-box-history label.hikk a { color: #013a4d; text-decoration: none; font-size: 14px; font-weight: bold; padding: 5px 0 6px 0; display: inline-block; }
.checkout-box .order-history .fsat2nd-box-history label.hikk a.button { color: #ffffff; text-decoration: none; font-size: 13px; font-weight: normal; padding: 0 20px 0 20px; display: inline-block; background: #013246; border-radius: 5px; border-bottom: 3px solid #000; }
.banner .dec-banner .dec-banner-text { text-align: center; padding: 20px 0; margin: 0 auto; background: none; width: 100%; border: none; }
.box-secend-food .product-review li { width: 100%; list-style: none; }
.recent-product .recent-box a { text-decoration: none !important; }

}

/*CHEK 820*/
@media screen and (max-width:850px){
 .container { width: 800px; }   
    
    
}

/*I-pad / 768 view*/
@media screen and (max-width:768px){
.container { width: 750px; }
.header-bottom .w3l_search { width: 100%; padding: 0; margin: 8px auto 0; overflow: hidden; border-radius: 6px; }
.header-bottom .barnd-cart a { text-decoration: none; font-size: 12px; display: block; vertical-align: text-top; padding: 15px 0 15px; }
.header-bottom .barnd-catag .dropbtn{ border:none; }
.header-bottom { height: 45px; }   
.header-bottom .barnd-cart a i.fa { font-size: 15px; padding: 0 0 0 5px; color: #fff; }
.header-bottom .barnd-cart { height: 45px; }
.header-bottom .barnd-login .dropbtn { font-size: 10px; padding: 8px 0 5px 0; }
.header-bottom .barnd-catag .dropbtn { height: 45px; }
th.t-head { background: #053f51; color: #FFFFFF; font-size: 10px !important; padding: 10px 5px !important; }
.check-out .subtotal { width: 30%; float: right; margin: 0 30px 0 0; }
.user-profile-menu ul li { list-style: none; padding: 0 0 0 10px; margin: 0 0 0; }
.user-profile-menu .user-profile-icon .lt-box { width: 30%; float: left; text-align: center; color: #00293f; font-size: 25px; }
.user-profile-menu .user-profile-icon .rt-box h4 { font-size: 12px; font-weight: bold; line-height: 18px; color: #00273c; }
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 12px; font-weight: 400; line-height: 20px; }
.user-profile-menu ul li a i.fa { color: #ff9200; font-size: 15px; line-height: 25px; padding: 0 10px 0 0; }
.checkout .checkout-box .form-left-to-w3l label {font-size: 15px;}
.checkout .checkout-box .form-left-to-w3l { width: 90%; float: left; height: 50px; overflow: hidden; padding: 0; }
.checkout .checkout-box input[type="submit"] { width: 25%; margin: 20px auto 0; text-align: center; background: #00293f; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 15px; font-weight: 300; padding: 0px 0 6px; line-height: 30px; }
.checkout .checkout-box .place-box { width: 100%; float: left; background: #fff; margin: 0; padding: 5px; border-radius: 10px; }
.checkout .checkout-box .place-box .place-box-lt { width: 20%; float: left; font-size: 11px; color: #50585b; text-transform: uppercase; }
.checkout .checkout-box .place-box .place-box-rt { width: 77%; float: right; font-size: 14px; color: #000; text-transform: none; line-height: 20px; }   
.checkout .checkout-box .bill-box .bill-box-lt { width: 25%; float: left; color: #00293f !important; border-radius: 15px; text-align: center; padding: 7px 0 10px; margin: 0; font-weight: bold; }   
.profile .profile-box { padding: 10px; background: #fff; border-radius: 0; padding: 15px 10px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.26), 0 5px 8px 0 rgba(0, 0, 0, 0.05), -5px 10px 20px 3px rgba(0, 0, 0, 0.01); border-left: 1px solid #dadada; }    
.profile .profile-box input[type="submit"]{ line-height: 28px;  width: 20%; }
.contact-us .con-box-text h3{ font-size: 17px; }  
.contact-us .con-box-text p{ font-size: 13px; line-height: 20px; padding: 0 0 20px; }  
.contact-us .con-box-form .form-left-to-w3l { width: 100%; padding: 0; margin: 0 0 10px 0; }
.contact-us .con-box-form { width: 60%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; height: 310px; }
.contact-us .con-box-text { width: 35%; float: right; margin: 30px 0px 0 0; overflow: hidden; padding: 0; height: 280px; }
.contact-us .con-box { width: 22%; float: left; margin: 0 15px 25px 0; overflow: hidden; padding: 0; }
.contact-us .con-box h3{ font-size: 14px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; }
.contact-us .con-box h3 i.fa { color: #0070bb; font-size: 15px; font-weight: bold; padding: 0 10px 0 0; }
.contact-us .con-box ul li a{ font-size: 12px; line-height: 20px; padding: 0 0 5px; }
.recent-product .recent-box .box-fast-food{ height: 340px; }
.all-recommended .all-recommended-show .lt-recommended-icon { position: relative; width: 30%; overflow: hidden; float: left; }
.all-recommended .all-recommended-show .lt-recommended-text { position: relative; width: 70%; overflow: hidden; float: right; }
.all-recommended .all-recommended-show .lt-recommended-text h4 { color: #023f53; font-size: 15px; }
.all-recommended .all-recommended-show .lt-recommended-text p { color: #031a21; font-size: 12px; line-height: 19px; padding: 0 0 5px 15px; margin: 0; }

.sing-up .sing-up-text h3{ font-size: 25px; color: #0a153c; padding: 0 0 10px; margin: 0; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l select{ font-size: 18px; line-height: 40px; color: #000; padding: 5px 0 4px 10px; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l { width: 100%; padding: 0; margin: 0 0 10px; }
.sing-up .sing-up-text { width: 70%; margin: 0 auto; overflow: hidden; padding: 0; }

#myModal .modal-content { width: 90% !important; margin: 0px auto !important; text-align: center !important; position: relative; background: url(../images/ppup-up.jpg)no-repeat center; padding: 0; }

.banner .dec-banner .dec-banner-text { text-align: center; padding: 20px 0; margin: 0 auto; background: #ffc945a3; width: 90%; border: 15px double #f2f6fa; }
.banner .dec-banner .dec-banner-text h3{ font-size: 25px; line-height: 40px; padding: 0 0 10px; }
.banner .dec-banner .dec-banner-text h5{ font-size: 15px; line-height: 30px; letter-spacing: 0px; }
#banner-slider .owl-nav{ display:none !important;}
.banner .dec-banner { position: absolute; width: 100%; content: ""; top: 10%;} 
#special-demo .owl-nav{ display:none !important; }  
#nonveg-demo .owl-nav{ display:none !important; }   
#veg-demo .owl-nav{ display:none !important; }  
.header-bottom .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: -100px; top: 45px; }
  
.header-bottom .col-xs-9{  padding: 0 0 0px;}
.banner .dec-banner .dec-banner-text a { color: #fff; background: #ff841b; padding: 3px 20px; font-size: 12px; line-height: 20px; border-radius: 45px; display: inline-block; border-bottom: 2px solid #b7b7b7; font-weight: bold; margin: 3px 0 5px; }
  
/*NEW */
.header-bottom .barnd-logo img { width: 15%; padding: 7px 0 0 0; }
.header-bottom .barnd-logo a sup{ font-size: 30px; line-height: 40px; }
.banner .dec-banner .dec-banner-text {text-align: center; padding: 65px 0 0 0; margin: 0 auto; background: none; width: 100%; border: none; }
.banner { height: 300px;}
.banner .banner-item { height: 300px;}
.banner .banner-item img.banner-img { width: 100%; padding: 0; margin: 0; height: 300px; }
.banner .dec-banner .dec-banner-text h3 { font-size: 20px; line-height: 30px; padding: 0; }
.banner .dec-banner .dec-banner-text .w3l_search { width: 55%; padding: 0; margin: 0 auto; border-radius: 6px; height: 65px; }
.icon-heder { width: 100%; padding: 0; margin: 0; display: inline-block; }
.icon-heder ul { padding: 0; margin: 0; width: 100%; }
.icon-heder ul li { list-style: none; display: inline-block; padding: 0; margin: 10px 0 0; width: 10%; }
.header-bottom .barnd-cart { height: auto; width: 25%; display: inline-block; text-align: center; border-right: 1px solid #9d9d9d; box-shadow: none; padding: 0; }
.header-bottom .barnd-login { float: right; width: 75%; display: inline-block; padding: 0; text-align: center; }
.header-bottom .barnd-login .dropbtn { font-size: 15px; padding: 8px 0 5px 0;text-align: right; }
.header-bottom .barnd-login .dropbtn i.fa { width: 30px; height: 30px; border-radius: 50px; padding: 5px; background-color: rgb(255, 132, 27);}
.header-bottom .barnd-login .dropdown-content{background-color: #2f2f2f; right: 0px;}
.recent-product{padding: 20px 0px 10px;} 
h3.w3ls-title { font-size: 30px; font-weight: 600; color: #333; padding: 0px 0 10px !important; text-align: center; } 
.recent-product .recent-box .item { padding: 0px 0px; margin: 0 5px 20px; background: #fff; width: 23.5% !important; float: left !important; }
.recent-product .recent-box .box-secend-food { margin: 0 0 0px; border: 1px solid #ececec; background: #fff; border-radius: 10px; padding: 5px; } 
.box-secend-food .product-review li { width: 100%; list-style: none; }
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 120px;}
.recent-product .recent-box { background: #f7f6f6; margin: 0px auto 0; z-index: 99; position: relative; width: 95%; overflow: hidden; }
.box-secend-food .product-review li sub { text-align: right; float: right; bottom: 0; top: 0; font-size: 10px; line-height: 15px; color: #f00; font-weight: normal; }
.box-secend-food .product-review { width: 100%; padding: 10px 5px 5px; display: inline-block; }
a { text-decoration: none !important; }
a { outline: none !important; }
.dec-kkki .dec-kkki-dec { width: 50%; content: ""; top: 10%; left: 2%;}
.dec-kkki .dec-kkki-dec h2{ font-size: 25px; line-height: 35px; letter-spacing: 0px; padding: 0 0 10px; }
.dec-kkki .dec-kkki-dec p{ font-size: 12px; line-height: 20px; letter-spacing: 0px; padding: 0 0 10px; }
.dec-kkki .dec-kkki-dec a.log-kkki { width: 30%; display: inline-block; text-align: center; border-radius: 12px; border-bottom: none; margin: 0; padding: 8px 0; font-size: 11px !important; line-height: 15px; }
#testmonial-slider .item { padding:0px 0px !important; background: none; margin: 0; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: justify; color: #000000ab; padding: 0; font-style: italic; margin: 0; font-family: 'Federo', sans-serif; font-size: 12px; line-height: 22px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6 { color: #f05f04; font-size: 12px; letter-spacing: 0px; font-style: italic; text-align: left; padding: 5px 0 0; }
.chef-testmonial img.c-t-bg { width: 130% !important; height: 210px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img { width: 100%; height: auto; border-radius: 0; text-align: right; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img img { width: 65%; height: auto; border-radius: 10px; }
.chef-testmonial .testmonial-dec { position: absolute; width: 100%; height: 200px;}
.chef-testmonial { position: relative; width: 100%; padding: 0; margin: 20px 0 20px; }
.foot-bg-index img { width: 90%; }
.foot-bg-index .foot-bg-index-dec { position: absolute; top: 0; right: 10px; width: 40%; margin: 0; padding: 0; }
.foot-bg-index .foot-bg-index-dec ul li { padding: 0; margin: 0 8px 0 0; list-style: none; width: 47%; float: left; text-align: center; }
.foot-bg-index .foot-bg-index-dec ul li a { text-transform: uppercase; background: #ff841b; display: block; color: #fff; font-weight: bold; font-size: 11px; line-height: 20px; border-radius: 10px; padding: 6px 0; border-bottom: 3px solid #000; margin: 35px 0 0 0; }
.foot-bg-index .foot-bg-index-dec ul li a:hover{ background: #260d00; border-bottom: 3px solid #f05f04;}
.footer-box h3 { padding: 0 0 10px; font-size: 20px; color: #ff7500; text-shadow: 3px 1px 2px rgb(13, 13, 13); }
.footer-box li { font-size: 15px; line-height: 25px; font-style: italic; color: #eaeaea; }
.footer-box li a { font-size: 15px; line-height: 30px; font-style: normal; padding: 0 0 0 10px; margin: 0; } 
.footer-box { margin: 0 0 20px; width: 100%; padding: 0; }

.sing-up .sing-up-text { width: 90% !important; margin: 50px auto 0px; overflow: hidden; padding: 30px; border-radius: 10px; }
.sing-up .sing-up-text h3 { font-size: 25px; color: #fff; padding: 0 0 10px; margin: 0; }
 
.food-single {  padding: 10px 0 0; } 
.Kitchen-text h3.w3ls-title {font-size: 25px;font-weight: 600;color: #221001;} 
.food-single .food-single-photo { width: 48%; float: left; overflow: hidden; padding: 0; margin: 0 2px 5px; height: 70px; background: #022430; border-radius: 5px; }
.food-single .food-single-photo img { cursor: pointer; width: 100%; opacity: 0.6; height: 70px; transition: 0.25s ease-in-out,; }
img.gallery-pic { width: 100%; border-radius: 5px; height: 120px; margin: 0 0 30px 0; }
.food-single .food-single-box .food-single-box-img img { width: 100%; height: 300px; border: 5px solid #e9e9e9; border-radius: 15px; }
img.use-icon-top2-img { height: 100px !important; width: 100px !important; background: #000; top: 250px; left: 0; margin: 0 auto;}
.food-single .food-single-box h4{ color: #0e0f0f; font-size: 20px; line-height: 40px; margin: 0px 0 0; padding: 5px 0 10px; letter-spacing: 0; }
.tab-left { width: 100%; position: relative; padding: 5px; margin: 0; display: block; border-radius: 5px; background: #e9e9e9; overflow: hidden; }
.tab-left h3 { font-family: 'Federo', sans-serif; color: #fff; text-align: left; font-size: 15px; line-height: 20px; padding: 6px; background: #013a4d; font-weight: bold; }
.tab-left ul li button { width: 100%; text-align: left; font-size: 13px; line-height: 15px; padding: 10px 10px; border: 1px dotted #3938386b; background: #fff; margin: 0 0 2px; }
.nav-tabs > li.active > a{ color: #fff; cursor: default; background-color: #013a4d; border: 1px solid #ddd; border-bottom-color: rgb(221, 221, 221); border-bottom-color: #013a4d; font-size: 13px; font-weight: bold; border-radius: 5px; }
.nav-tabs > li > a{ color: #013a4d; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-bottom-color: #91918f; font-size: 13px; font-weight: bold; border-radius: 5px; cursor: pointer; }
.tab-content > .tab-pane h3 {font-weight: 600; color: #f00; padding: 5px 0; font-size: 15px; font-style: italic; }
.all-recommended { position: relative; width: 80%;}
.all-recommended .all-recommended-show { width: 100%; overflow: hidden; position: relative; padding: 10px 0 0 0; margin: 0 0 20px; display: block; }
.all-recommended .all-recommended-show .lt-recommended-icon { position: relative; width: 40%; overflow: hidden; float: left; }
.all-recommended .all-recommended-show .lt-recommended-text { position: relative; width: 60%; overflow: hidden; float: right; }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non { width: 15%; overflow: hidden; padding: 0 0 0 13px; margin: 0; height: 25px; }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non img.veg-icon { width: 70%; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text h4 { color: #000; font-size: 14px; line-height: 19px; padding: 5px 0 0 10px; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text h6{ font-size: 15px; line-height: 25px; padding: 3px 0 2px 10px; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text h6 small{ font-weight: 400; line-height: 1; color: #0087ff; font-size: 14px !important; padding: 0 0 0 5px; }
.all-recommended .all-recommended-show .lt-recommended-text input{ padding: 5px 15px 6px; line-height: 15px; font-size: 11px; border-radius: 7px; font-weight: bold; border-bottom: 2px solid #3c3b3b; float: left; text-decoration: none; text-transform: uppercase; margin: 5px 0 0 11px; }
.food-tab-photo img { border-radius: 5px; width: 25%; margin: 0 0 5px; }

.check-out .submit-chekout { width: 50%; float: right; background: #013a4d; border-radius: 18px; padding: 6px 0; }
.ring-in img { width: 90%; }
.close1 i, .close2 i, .close3 i { color: #FFFFFF; font-size: 12px; width: 25px; height: 25px; border-radius: 100px; text-align: center; line-height: 25px; background: #EA0612; margin: 10px 0 0; }
.check-out .subtotal { width: 60%; float: right; margin: 0; }
.check-out .totall small{ width: 100%; display: inline-block; }
.check-out .totall small a{ color: #f00; }
p.w3ls-title-sub { text-align: center; font-size: 20px; padding: 0px 0 0; }
.user-profile-menu { width: 100%; background: #2a0f00; border-radius: 5px; padding: 5px 5px; box-shadow: none; border: none; }
.user-profile-menu .user-profile-icon { width: 100%; background: #fff; padding: 5px 0 5px; margin: 0 0 10px; border-radius: 10px; border-bottom: 5px solid #01202d; }
.user-profile-menu .user-profile-icon .lt-box { width: 20%; float: left; text-align: center; color: #2a0f00; font-size: 20px; }
.user-profile-menu .user-profile-icon .rt-box { width: 75%; float: right; }
.user-profile-menu .user-profile-icon .rt-box p { font-size: 12px; line-height: 20px; color: #000; }
.checkout .checkout-box { display: inline-block; width: 100%; background: #ffffff; padding: 15px 10px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0), 0 5px 8px 0 rgba(0, 0, 0, 0.05), -5px 10px 20px 3px rgba(0, 0, 0, 0.05); border-left: 0px solid #e7e7e7; border-radius: 10px; }
.checkout .checkout-box h3 { background: #2a0f00; color: #fff; font-family: fangsong; font-weight: bold; padding: 10px 0 10px 20px; margin: 0 0 10px; font-size: 18px; border-radius: 7px; }
.profile .profile-box h3{ background: #2a0f00; color: #fff; font-family: fangsong; font-weight: bold; padding: 10px 0 10px 20px; margin: 0 0 10px; font-size: 18px; border-radius: 7px; }
a.ship { font-size: 12px; float: right; text-transform: uppercase; font-weight: bold; color: #f00; text-decoration: none; background: #ffffff; padding: 0 10px 0 0px; border-radius: 5px; margin: 0; }
a.ship:hover {color: #00abff;}
.checkout .checkout-box input[type="submit"] { width: 25%; margin: 20px auto 0; text-align: center; background: #2a0f00; color: #fff; border: 2px solid #f00; border-radius: 25px; font-size: 15px; padding: 3px 0 6px; line-height: 30px; font-weight: bold; }
.profile .profile-box .form-left-to-w3l label { display: inline-block; width: 100%;}
.profile .profile-box .form-left-to-w3l input[type="text"] { float: right; width: 100%;}
.profile .profile-box .form-left-to-w3l textarea { float: right; width: 100%;}
.profile .profile-box .form-left-to-w3l select { float: right; width: 100%;}
.profile .profile-box .form-left-to-w3l input[type="password"] { float: right; width: 100%;}
.checkout-box .order-history { width: 48%; float: left; padding: 10px; margin: 0 10px 0 0; background: #fff; border-radius: 8px; }
.checkout-box .order-history .fsat-box-history h4 { font-size: 13px; }
.checkout-box .order-history .fsat2nd-box-history label.hikk{ font-size: 11px; line-height: 20px; }
.checkout-box .order-history .fsat2nd-box-history label.hikk span { color: #012430; font-weight: 600; font-size: 11px; padding: 0 5px 0px 0; }
.checkout-box p.last-box label.hikk span { color: #012430; font-weight: 600; padding: 0 10px 0 0; font-size: 12px; }
.checkout-box p.last-box label.hikk{ font-size: 12px; padding: 0 0 5px 0; display: -webkit-box; }
.checkout-box p.last-box label.hikk a.button { color: #ffffff; font-weight: bold; font-size: 13px; padding: 4px 15px 4px 15px; display: inline-block; background: #f00; border-radius: 7px; border-bottom: 2px solid #000; margin: 10px 0 0 0; }
h3.w3ls-title { font-size: 20px; font-weight: 600; color: #333; padding: 0px 0 1px !important; text-align: center; line-height: 30px;}
p.w3ls-title-sub { text-align: center; font-size: 17px; padding: 0px 0 0; }
.blog .blog_box img { width: 100%; height: 150px; border-radius: 0px; }
.blog .blog_box { width: 100%; padding: 5px; margin: 5px 0; background: #f7f6f6; text-align: center; transition: 500ms ease-in-out; }
.blog .blog_box h3 { font-size: 13px; font-family: system-ui; color: #fff; line-height: 15px; padding: 10px 0; margin: 0px 0;}
.blog .blog_box p { color: #1f1f1f; font-size: 12px; line-height: 20px; text-align: center; padding: 1px 0 5px; letter-spacing: 0;height: 55px; overflow: hidden; }
.blog .blog_box a { color: #000; font-weight: bold; font-size: 12px; line-height: 15px; display: inline-block; }
.blog-single-peag .blog-single-peag_box img.exam_calendar_single_img { width: 100%; height: 250px; border-radius: 10px; }
.blog-single-peag .blog-single-peag_box h6 { background: #f5f5f5; font-size: 18px; color: #000; padding: 5px 5px 6px; margin: 0 0 5px 0;}
.blog-single-peag .blog-single-peag_box-right { width: 48%; padding: 5px; margin: 20px 5px 0 0; background: #f5f5f533; border: 1px solid #ecececcc; float: left; }
.blog-single-peag .blog-single-peag_box-right p { color: #1f1f1fd1; font-size: 12px; line-height: 19px; text-align: left; padding: 1px 0 5px; letter-spacing: 0; }

}

/*MObile / 575 view*/
@media screen and (max-width:600px){
.container { width: 500px; }
.header-bottom { height: 85px; }
.banner { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 340px; }
.banner img.banner-img {width: 210%;padding: 0;margin: 0;height: auto; }
.banner .dec-banner { position: absolute; width: 100%; content: ""; top: 0; padding: 40px 0 0 0; }
.dec-kkki .dec-kkki-dec { position: absolute; width: 70%; content: ""; top: 10%; left: 4%; }
.dec-kkki .dec-kkki-dec h2 {font-size: 25px; line-height: 37px; }
.dec-kkki .dec-kkki-dec h3 { font-family: Okra, Helvetica, sans-serif;color: #ff7500; font-size: 15px; line-height: 15px; padding: 10px 0 5px; margin: 0; }
.dec-kkki .dec-kkki-dec p { font-family: 'Nunito', sans-serif; font-size: 13px; line-height: 20px; }
.dec-kkki .dec-kkki-dec a.log-kkki { background: #013a4d; width: 40%; display: inline-block; text-align: center; border-radius: 14px; border-bottom: 4px solid #00212c; padding: 9px 0; margin: 15px 10px 10px 0; text-transform: uppercase !important; font-size: 10px !important; color: #fff !important; font-weight: bold !important; }
.g-signin2 { width: 100% !important; background: #000; display: inline-block;}

/*NEW    */
.header-bottom .barnd-cart a i.fa { font-size: 13px; padding: 0 0 0 2px; color: #fff; }   
.header-bottom .barnd-cart{ border: none; }
.banner{ height: 250px; }
.banner .banner-item{ height: 250px; }  
.banner .banner-item img.banner-img{ height: 250px; }  
.banner .dec-banner .dec-banner-text { padding: 40px 0 0 0;}
.banner .dec-banner .dec-banner-text .w3l_search { width: 80%;height: 60px; } 
.icon-heder ul li { margin: 1px 0 0; width: 13%; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container input[type="text"]{ font-size: 13px; line-height: 20px; }
h3.w3ls-title { font-size: 23px; padding: 0px 0 10px !important; line-height: 30px; }
.recent-product .recent-box .item { width: 31% !important;}
.dec-kkki .dec-kkki-dec h2 { font-size: 15px; line-height: 21px; padding: 0 0 5px 0; }
.dec-kkki .dec-kkki-dec p { font-size: 10px; line-height: 15px; padding: 0; margin: 0; }
.dec-kkki .dec-kkki-dec a.log-kkki { width: 30%; display: inline-block; border-radius: 10px; border-bottom: 2px solid #00212c; padding: 6px 0; margin: 5px 0 0;}
.chef-testmonial { position: relative; width: 100%; padding: 0; margin: 20px 0 20px; height: 200px; overflow: hidden; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box { width: 95%; text-align: center; overflow: hidden; padding: 20px 0 0; margin: 0 auto; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p{ font-size: 10px; line-height: 17px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img img { width: 70%; height: auto; border-radius: 10px; margin: 10px 0 0 0; }
.foot-bg-index img { width: 70%; }
.foot-bg-index .foot-bg-index-dec {width: 55%;}
.foot-bg-index .foot-bg-index-dec ul li {margin: 0 5px 0 0; width: 48%;}
.foot-bg-index .foot-bg-index-dec ul li a{padding: 5px 0; border-bottom: 3px solid #000; margin: 15px 0 0 0; }
.cpy-right p a { color: #ff9402; font-family: 'Abel-Regular'; font-size: 14px; display: block; }
.cpy-right { margin: 20px 0 0; padding: 10px 0; background: rgb(62, 20, 1); color: #fff; border: 1px solid #6c1f04; }
.sing-up .sing-up-text { width: 100% !important; margin: 30px auto 0px; overflow: hidden; padding: 20px; border-radius: 10px; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub input{ font-size: 16px; line-height: 20px; }
.sing-up .sing-up-text .sing-up-social{ width: 30% !important;}
.sing-up .sing-up-text .sing-up-form { width: 100% !important; float: left; padding: 0 0 0; margin: 20px 0 0; }
.sing-up .sing-up-text .sing-up-social { width: 30% !important; float: none; margin: 15px auto 0; border: none; }
.g-signin2 { width: 100% !important; background: #fff; display: inline-block; }
.food-single .food-single-box { width: 80%; overflow: hidden; padding: 0; margin: 0 auto; }
.food-single .food-single-box .food-single-box-img img { width: 100%; height: 200px;}
.food-single .food-single-box .food-single-box-img { border-radius: 5px; width: 100%; height: 250px;}
img.use-icon-top2-img { top: 140px;}
.food-single .food-single-box h4 { color: #0e0f0f; font-size: 20px; line-height: 30px;}
.food-single .food-single-photo { width: 32%; margin: 0 2px 5px; height: 100px;}
.food-single .food-single-photo img{ height: 100px; }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non { width: 20%; overflow: hidden; padding: 0 0 0 10px; margin: 0; height: 20px; line-height: 9px;}
.mob-problem-bg{}
.all-recommended .all-recommended-show .lt-recommended-text h4 { color: #000; font-size: 13px; line-height: 15px; padding: 5px 0 0 10px; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text h6 { font-size: 12px; line-height: 20px; padding: 1px 0 2px 10px; margin: 0; } 
.all-recommended { position: relative; width: 100%; }
.all-recommended .all-recommended-show .lt-recommended-text input { padding: 4px 10px 5px; line-height: 15px; font-size: 10px; border-radius: 7px; font-weight: bold; border-bottom: 1px solid #3c3b3b;} 
.all-recommended .all-recommended-show { width: 100%; overflow: hidden; position: relative; padding: 10px 0 0 0; margin: 0 0 10px; display: block; }
.check-out { text-align: center; padding: 10px 0 50px; }   
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 15px; font-weight: 400; line-height: 20px; }  
.checkout .checkout-box input[type="submit"] {width: 25%;margin: 20px auto 0;text-align: center;background: #2a0f00;color: #fff;border: 2px solid #f00;border-radius: 25px;font-size: 11px;padding: 3px 0 6px;line-height: 20px;font-weight: bold;margin: 150px 0 0 0;}
.profile .profile-box input[type="submit"] { line-height: 28px; width: 30%; font-size: 15px; font-weight: bold; background: #2a0f00; border: 1px solid #f00; }
.checkout-box .order-history { width: 100%; float: left; padding: 10px;}
.checkout-box .order-history .fsat2nd-box-history label.hikk span { color: #012430; font-weight: 600; font-size: 14px;}
.checkout-box .order-history .fsat2nd-box-history label.hikk { font-size: 14px; line-height: 22px; color: #000; }
.checkout-box p.last-box label.hikk { font-size: 15px; padding: 0 0 5px 0; display: -webkit-box; }
.checkout-box p.last-box label.hikk span{ font-size: 15px; }
.all-reviews .all-reviews-show .lt-box-icon { position: relative; width: 20%; overflow: hidden; float: left; }
.all-reviews .all-reviews-show .lt-box-text { position: relative; width: 75%;}
.all-reviews .all-reviews-show .lt-box-text li img { width: 25%; }
.faq { width: 100%; height: auto; background: #fff; padding: 20px 0 0; margin: 0px 0; }
ul.accordion-list { position: relative; display: block; width: 100%; height: auto; padding: 10px;}
ul.accordion-list li h3 { font-size: 16px;}
.answer p{ font-size: 15px;line-height: 25px;}
.about-in p { text-align: justify; font-family: inherit; font-size: 14px; color: #1b1a1a; line-height: 25px;}
p.w3ls-title-sub{ text-align: center !important; font-family: inherit; font-size: 12px; color: #1b1a1a; line-height: 23px; padding: 0 0 5px; margin: 0; }
.policy-in h6{ font-size: 18px;line-height: 25px; }
.policy-in h6 span{ font-size: 18px !important; line-height: 25px !important;  }
.policy-in p { text-align: justify; font-family: inherit; font-size: 14px; color: #1b1a1a; line-height: 23px; padding: 0 0 5px; margin: 0; }
.policy-in h2 span{ font-size: 16px !important; line-height: 25px !important;  }
.blog .blog_box p{height:auto;}
.success-blog-single img.gal-img { width: 70%; margin: 0 auto; display: block; }
.success-blog-single h6 { font-size: 18px; padding: 10px 0 10px; line-height: 30px; }
.success-blog-single p { font-family: 'Poppins', sans-serif; font-size: 14px; text-align: justify; letter-spacing: 0; color: #444444; line-height: 25px;}
.success-blog-single h2 { font-family: 'Poppins', sans-serif; font-weight: 400; color: #292929; font-size: 15px; padding: 10px 0 0px; }
.contact-us .con-box-form { width: 85%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; height: 330px; }
.contact-us .con-box-text { width: 90%; float: left; margin: 30px 0px 30px 0; overflow: hidden; padding: 0; height: auto; display: inline-block; }
.contact-us .con-box { width: 90%; float: left; margin: 0 0 20px; overflow: hidden; padding: 0; }
.contact-us .con-box h3 { font-size: 18px; text-align: left; color: #323232; padding: 0 0 10px; margin: 0; }
.contact-us .con-box ul li a { font-size: 15px; line-height: 25px; padding: 0 0 5px; }

}

/*MObile / 480 view*/
@media screen and (max-width:480px){
.container { width: 440px; }
#myModal .modal-body form .form-group select{  display:none;  width: 100%; position: relative; overflow: hidden; float: right; text-align: left; background: rgb(255 255 255 / 66%); border: none; outline: none; border-bottom: 1px solid #ffffff; border-radius: 6px; padding: 5px 20px 10px 10px; }
#myModal .modal-body form .form-group input{ display:block;   width: 100%; position: relative; overflow: hidden; float: right; text-align: left; background: rgb(255 255 255 / 66%); border: none; outline: none; border-bottom: 1px solid #ffffff; border-radius: 6px; padding: 5px 20px 10px 10px; }
.recent-product .recent-box .box-fast-food { margin: 0 0 20px; border: 1px solid #f4f3f3d6; border-radius: 10px; width: 50%; padding: 15px; }
.recent-product .recent-box .box-secend-food{ margin: 0 0 20px; border: 1px solid #f4f3f3d6; border-radius: 10px; width: 50%; padding: 15px; }
.footer-box { min-height: 210px; }
.all-recommended { position: relative; width: 100%; overflow: hidden; float: left; }
.home-made-food-photo { position: relative; width: 100%; }

.contact-us .con-box-text h3 { font-size: 15px; }
.contact-us .con-box-form .form-sub-acc { margin: 20px 0 60px; width: 70%; }
.contact-us .con-box { width: 46%; float: left; margin: 0 15px 25px 0; overflow: hidden; padding: 0; display: inline-block; }
.food-single .food-single-box .food-single-box-img { border-radius: 5px; width: 100%; height: 226px; overflow: hidden; padding: 0; margin: 0; background: #e8e8e8; }
.food-single .food-single-box h4 { text-align: left; color: #29363c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 23px; line-height: 40px; margin: 0; padding: 5px 0 15px; }
th.t-head { background: #053f51; color: #FFFFFF; font-size: 11px !important; padding: 10px 0 8px 0 !important; }
.check-out .subtotal { width: 50%; float: right; margin: 0 30px 0 0; }  
.check-out .totall input{ font-size: 13px; }
.sed2 { float: left; width: 100%; }
.sed { float: right; width: 100%; }
td.t-data { width: 15%; padding: 0; }
.value-minus, .value-plus { height: 10px; line-height: 10px; width: 10px; margin-right: 3px; display: inline-block; cursor: pointer; position: relative; font-size: 10px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border: 1px solid #e5e5e5; vertical-align: bottom; }
.checkout .checkout-box .bill-box { width: 50%; float: right; }
.checkout .checkout-box .bill-box .bill-box-lt { width: 100%; float: left; color: #00293f !important; border-radius: 15px; text-align: right; padding: 0px 0 4px; margin: 0; font-weight: normal; font-size: 13px !important; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 5px 0 5px 0; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-size: 12px; } 
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 20px; font-weight: 400; line-height: 20px; } 
.user-profile-menu ul li a i.fa { color: #ff9200; font-size: 23px; line-height: 25px; padding: 0 10px 0 0; }
.checkout .checkout-box .place-box .place-box-lt { width: 35%; float: left; font-size: 14px; color: #50585b; text-transform: uppercase; }
.checkout .checkout-box .place-box .place-box-rt { width: 64%; float: right; font-size: 14px; }
img.gallery-pic { width: 100%; border-radius: 5px; height: 150px; margin: 0 0 30px 0; }   
.header-bottom .barnd-logo { width: 100%; overflow: hidden; background: no-repeat; text-align: center; border-radius: 5px; }   
.banner .dec-banner .dec-banner-text { text-align: center; padding: 0px 0; margin: 0 auto; background: #000000a3; width: 100%; border: 5px double #f2f6fa47; }
.banner .dec-banner .dec-banner-text h3 { font-size: 20px; line-height: 30px; padding: 5px 0 0; }
.banner .dec-banner .dec-banner-text h5 { font-size: 13px; line-height: 20px; letter-spacing: 0px; }
.header-bottom .barnd-logo img { width: 75%; padding: 5px 0; }
.header-bottom .barnd-login {float: right; width: 75%; display: inline-block; text-align: right; }
p.w3ls-title-sub { text-align: center; font-size: 16px; padding: 0px 0 10px; }
.recent-product .recent-box .box-secend-food { margin: 0 0 20px; border-radius: 10px; width: 100%; padding: 20px; height: 230px; border: 1px solid #ccc; }
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 170px; border-radius: 5px; }
h3.w3ls-title { font-size: 20px; font-weight: 600; color: #333; padding: 5px 0 4px; text-align: center; }
p.w3ls-title-sub { text-align: center; font-size: 16px; padding: 4px 0 12px; }
.recent-product .recent-box .box-fast-food { margin: 0 0 20px; border: 1px solid #f4f3f3d6; border-radius: 10px; width: 100%; padding: 15px; height: 360px; }
.recent-product .recent-box img { width: 100%; padding: 0px; margin: 0px; height: 180px; border-radius: 5px; }
.recent-product .recent-box .product-review ul li img { margin: 0 10px 0 0; width: 23%; height: auto; }    
.recent-product .recent-box form.index-add input[type="button"] { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; background: #013a4d; color: #fff; padding: 2px 14px 0px; line-height: 20px; font-size: 13px; border-radius: 15px; font-weight: 400; border-bottom: 5px solid #033242; text-decoration: none; position: absolute; bottom: 30px; }
.recent-product .recent-box h6 { color: #0f0e0e; font-size: 13px; line-height: 15px; padding: 3px 0 6px; }
.recent-product .recent-box h6 small { font-size: 15px;}
.recent-product .recent-box small { font-size: 14px; color: #02212b; padding: 2px 0 2px; margin: 0; display: block; }
.cpy-right p { font-size: 10px; }
.footer-box h3 { padding: 0 0 10px; font-size: 15px; }
.footer-box { min-height: 180px; }
.cpy-right p a { text-decoration: none; color: #ff9402; font-family: 'Abel-Regular'; font-size: 11px; }
.sing-up .sing-up-text { width: 100%; margin: 0 auto; overflow: hidden; padding: 0; }
.sing-up .sing-up-text h5 { text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; color: #000; }  
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l input{ font-weight: 300; font-size: 13px; line-height: 35px; color: #000; padding: 0 0 0 10px; margin: 0 !important; } 
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l select{ font-weight: 300; font-size: 13px; line-height: 35px; color: #000; padding: 0 0 0 10px; margin: 0 !important; }
.header-bottom .barnd-login .dropbtn { font-size: 12px; padding: 8px 0 5px 0; }   
.food-single .food-single-box h4 { text-align: left; color: #29363c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; margin: 0; padding: 5px 0 15px; }   
.header-bottom .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: -100px; top: 40px; }
footer { width: 100%; background: url(../images/footer-bg.png) no-repeat top left; background-size: auto; position: relative; background-size: cover; padding: 40px 0 0; overflow: hidden; }  
#link_wrapper table.table thead tr th{ text-align: center;}
#link_wrapper table.table tbody tr td{ text-align: center;}
.banner img.banner-img { width: 120%; padding: 0; margin: 0; height: auto; }
.banner .dec-banner { position: absolute; width: 100%; content: ""; top: 12px; background: none; }
.banner .dec-banner .dec-banner-text h3 { font-size: 18px; line-height: 25px; padding: 5px 0 0; }
.banner .dec-banner .dec-banner-text h5 { font-size: 12px; line-height: 17px; letter-spacing: 0px; }
.recent-product { width: 100%; height: auto; background: #f7f6f6; padding: 20px 0px 10px;}
.dec-kkki .dec-kkki-dec { position: absolute; width:55%; content: ""; top: 10%; left: 6%; margin: 0 auto; z-index: 9; height: 100%; }
.dec-kkki .dec-kkki-dec h3 { font-family: Okra, Helvetica, sans-serif;color: #ff7500; font-size: 11px; line-height: 20px; padding: 0 0 0; margin: 0; }
.dec-kkki .dec-kkki-dec p { font-family: 'Nunito', sans-serif; font-size: 11px; line-height: 16px; color: #000000a3; font-weight: normal; padding: 0; margin: 0; }
.dec-kkki .dec-kkki-dec h2 { font-size: 13px; line-height: 20px; color: #013445; font-weight: bold; display: none;}
.dec-kkki img.kkki-img { width: 120%; } 
.dec-kkki .dec-kkki-dec a.log-kkki { background: #013a4d; width: 49%; display: inline-block; text-align: center; border-radius: 14px; border-bottom: 4px solid #00212c; padding: 5px 0; margin: 10px 2px 0 0; text-transform: uppercase !important; font-size: 8px !important; color: #fff !important; font-weight: bold !important; float: left; }

/*NEW*/
.header-bottom .barnd-logo img { width: 20%; padding: 5px 0; }
.header-bottom .barnd-logo { width: 100%; overflow: hidden; background: no-repeat; text-align: left; border-radius: 5px; padding: 0 0 0 10px; }
.header-bottom .barnd-logo a sup { font-size: 25px; line-height: 30px; }
.banner .dec-banner .dec-banner-text { text-align: center; padding: 0px 0; margin: 0 auto; background: none; width: 100%; border: none; }
.banner .dec-banner { top: 35px; background: none; }
.icon-heder ul li {  margin: 1px 0 0; width: 15%; }
.recent-product .recent-box .item { width: 45% !important; margin: 0 10px;background: none; }
.recent-product .recent-box .box-secend-food { margin: 0 0 20px 5px; border-radius: 10px; width: 97%; padding: 5px; height: 230px; border: 1px solid #ccc; }
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 150px; border-radius: 5px; }
.recent-product .recent-box h4 { font-size: 14px; line-height: 22px; margin: 0; padding: 5px 0 3px; color: #000; }
.box-secend-food .product-review li sub{ font-size: 11px; line-height: 15px; color: #f00; }
.dec-kkki .dec-kkki-dec { width: 65%;  top: 10%; left: 3%;}
.dec-kkki .dec-kkki-dec h2 { font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; }
.dec-kkki .dec-kkki-dec p { font-family: 'Nunito', sans-serif; font-size: 11px; line-height: 15px; color: #fff;}
.dec-kkki .dec-kkki-dec a.log-kkki { background: #013a4d; width: 30%; display: inline-block; text-align: center; border-radius: 14px; border-bottom: 4px solid #00212c; padding: 5px 0; margin: 6px 2px 0 0;}
.chef-testmonial img.c-t-bg {  width: 100% !important; height: auto; display: none; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { font-size: 10px; line-height: 17px; background: #fff; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6{background: #fff; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img img { width: 100%; height: auto; border-radius: 10px; margin: 10px 0 0 0; border: 3px solid #f58323; }
.foot-bg-index .foot-bg-index-dec { width: 60%; }
.foot-bg-index img { width: 60%; }
.foot-bg-index .foot-bg-index-dec ul li a { padding: 5px 0; border-bottom: 2px solid #000; margin: 8px 0 0 0; }
.header-bottom .barnd-logo a sup { font-size: 25px; line-height: 30px; top: 4px; }
.sing-up .sing-up-text .sing-up-form { width: 100% !important; float: left; padding: 15px; margin: 10px 0 0; }
.sing-up .sing-up-text { width: 100%; margin: 50px auto 0; overflow: hidden; padding: 0; }
.sing-up .sing-up-text h5{ color: #fff;}
.food-single .food-single-box .food-single-box-img { border-radius: 10px; width: 100%; height: 240px; overflow: hidden; padding: 0; margin: 0; background: none; }
.food-single .food-single-box h4 { text-align: center;}
.food-single .food-single-box h5 { text-align: center;}
.tab-left { width: 100%; position: relative; padding: 0; margin: 10px 0 0;}
.tab-left h3 { font-family: 'Federo', sans-serif; color: #fff; text-align: left; font-size: 11px; line-height: 20px; padding: 5px;}
.tab-left ul li button { width: 100%; text-align: left; font-size: 14px; line-height: 15px; padding: 6px 10px; border: 1px dotted #013246; background: #fff; margin: 0 0 1px; }
.mob-problem-bg { margin: 10px 0 0; padding: 5px !important;} 
.nav-tabs > li.active > a{font-size: 12px;}
.all-recommended .all-recommended-show .lt-recommended-icon { position: relative; width: 50%; overflow: hidden; float: left; }  
.all-recommended .all-recommended-show .lt-recommended-text { position: relative; width: 50%; overflow: hidden; float: right; }
.table > tbody > tr > td{padding: 1px !important; line-height: 1.42857143; border-top: 1px solid #ddd; font-size: 10px !important;} 
table input { width: 100%; border: none; text-align: center; outline: none; font-size: 11px; padding: 0; }
.value { cursor: default; width: 30px; height: 25px; padding: 0; color: #000; line-height: 24px; border: 1px solid #E5E5E5; background-color: #F0F0F080; text-align: center; display: inline-block; margin-right: 3px; }   
.check-out .subtotal { width: 100%; float: right; margin: 0 0px 0 0; }
.check-out .totall label {width: 70%;}
.check-out .totall input {width: 30%;}   
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; }
.checkout .checkout-box .place-box .place-box-lt { width: 35%; float: left; font-size: 12px; color: #50585b; text-transform: uppercase; }
.checkout .checkout-box .place-box .place-box-rt { width: 64%; float: right; font-size: 12px; line-height: 18px; }
.profile .profile-box .form-left-to-w3l label { height: auto; display: inline-block; width: 100%; font-size: 17px; font-weight: bold; color: #2a0f00; letter-spacing: 0px; }
.profile .profile-box .form-left-to-w3l { width: 100%;} 
.profile .profile-box .form-left-to-w3l { width: 100%; height: auto; margin: 0 0 20px; }  
.profile { width: 100%;  height: auto;  padding: 10px 0px;  margin: 0px 0;  background: #f7f7f7; }  
.all-reviews .all-reviews-show .lt-box-text h4 { color: #032e3c; font-size: 16px; line-height: 25px; padding: 0 0 5px; margin: 0; }  
.terms-in p { text-align: justify; font-family: inherit; font-size: 13px; color: #1b1a1ac7; line-height: 25px; padding: 0 0 10px; margin: 0 !important; } 
.blog .blog_box img { width: 100%; height: 120px; border-radius: 0px; }
.success-blog { position: relative; width: 100%; overflow: hidden; padding: 15px; margin: 0 0 30px; background: #f5f5f6; border-radius: 15px; border: 1px solid #e6e6e6; }
.founder-img { width: 60%; background: #fbf7f1; border: 1px dotted #f0770f69; padding: 5px; border-radius: 15px; margin: 0 auto; display: block; }

}

/*MObile I-PHONE 678+ / 414 view*/
@media screen and (max-width:430px){
.container { width: 399px; }
.recent-product .recent-box img { width: 100%; padding: 0px; margin: 0px; height: 110px; border-radius: 5px; }
.cpy-right p { font-size: 8px; }   
#myModal p.pup-text { text-align: left; margin: 0; color: #484d65; font-size: 12px; line-height: 1.7; font-family: arial; text-transform: none; padding: 0 0 10px; }  
#myModal .modal-content { width: 90% !important; margin: 0px auto !important; text-align: center !important; position: relative; background: url(../images/ppup-up.jpg)no-repeat left; padding: 0; }    
#myModal .modal-header h4.modal-title { font-family: revert; font-size: 18px; text-align: center; color: #1a1a42; font-weight: bold; text-transform: uppercase; }    
#myModal .modal-body form .form-group { width: 100%; position: relative; overflow: hidden; float: right;}
#myModal .modal-body form .form-group input { display: block; width: 100%; position: relative; overflow: hidden; float: right; text-align: left; background: rgb(255 255 255 / 66%); border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; border-bottom: 1px solid #ffffff; border-radius: 6px; padding: 0 0 0 10px; }  
.all-recommended .all-recommended-show .lt-recommended-text p { color: #031a21; font-size: 11px; line-height: 16px; padding: 0 0 5px 15px; margin: 0; letter-spacing: 0; }  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff; cursor: default; background-color: #013a4d; border: 1px solid #ddd; border-bottom-color: rgb(221, 221, 221); border-bottom-color: #013a4d; font-size: 13px;}
.nav-tabs > li > a { font-size: 15px;}
.ring-in img { width: 60%; text-align: center; margin: 0 auto; } 
.check-out .subtotal { width: 100%; float: right; margin: 0; } 
#link_wrapper table.table thead tr th{ text-align: center;}
#link_wrapper table.table tbody tr td{ text-align: center;}
.banner img.banner-img { width: 120%; padding: 0; margin: 0; height: auto; }
.banner .dec-banner { position: absolute; width: 100%; content: ""; top: 12px; background: none; }
.banner .dec-banner .dec-banner-text h3 { font-size: 18px; line-height: 25px; padding: 5px 0 0; }
.banner .dec-banner .dec-banner-text h5 { font-size: 12px; line-height: 17px; letter-spacing: 0px; }
.recent-product { width: 100%; height: auto; background: #f7f6f6; padding: 20px 0px 10px;}

/*NEW*/
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 120px; border-radius: 5px; }
.recent-product .recent-box .box-secend-food { margin: 0 0 20px 5px; border-radius: 10px; width: 95%; padding: 5px; height: 200px; border: 1px solid #ccc; }
.dec-kkki .dec-kkki-dec { width: 80%; top: 10%; left: 2%;}
.dec-kkki .dec-kkki-dec p { font-family: 'Nunito', sans-serif; font-size: 10px; line-height: 16px; color: #fff; padding: 5px 0 0; }
.dec-kkki .dec-kkki-dec a.log-kkki { background: #013a4d; width: 25%; display: inline-block; text-align: center; border-radius: 14px; border-bottom: 2px solid #00212c; padding: 4px 0; margin: 4px 2px 0 0; }
.chef-testmonial { position: relative; width: 100%; padding: 0; margin: 0 0 0; min-height: 220px; overflow: hidden; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { font-size: 10px; line-height: 15px; background: #fff; }  
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6 { color: #f05f04; font-size: 10px;}  
.foot-bg-index img { width: 50%; height:40px; } 
.foot-bg-index .foot-bg-index-dec { width: 65%; } 
.foot-bg-index .foot-bg-index-dec ul li a { padding: 5px 0; border-bottom: 1px solid #000; margin: 0; font-size: 8px; }
.foot-bg-index .foot-bg-index-dec ul li { margin: 5px 0 0 10px; width: 45%; }
.cpy-right p { font-size: 10px; }
.banner-inner img { width: 120%; opacity: 0.5; }
.nav-tabs > li > a { font-size: 12px; padding: 8px 12px; }
.nav-tabs > li.active > a { font-size: 12px; padding: 8px 12px; }
.food-single .food-single-photo img { height: 70px; }
.food-single .food-single-photo { width: 32%; margin: 0 2px 5px; height: 70px; }
.food-single-photo a.view-more-food { padding: 20px 0 0;}
.tab-left h3 { font-family: 'Federo', sans-serif; color: #fff; text-align: center; font-size: 10px; line-height: 20px; padding: 10px 0; }
.tab-left ul li button { width: 100%; text-align: left; font-size: 12px;}
.tab-content > .tab-pane h3 { font-weight: 600; color: #f00; padding: 0 0 4px; font-size: 12px; font-style: italic; }
.all-recommended .all-recommended-show .lt-recommended-icon { position: relative; width: 45%;}
.all-recommended .all-recommended-show .lt-recommended-text { position: relative; width: 54.5%;}
.all-recommended .all-recommended-show .lt-recommended-text .veg-non { margin: 0; height: 15px;}
.all-recommended .all-recommended-show .lt-recommended-text h4 { color: #000; font-size: 12px; line-height: 15px; padding: 3px 0 0 10px; margin: 0; }
.all-recommended .all-recommended-show .lt-recommended-text h6 { font-size: 12px; line-height: 16px; padding: 1px 0 2px 10px; margin: 0; }    
.all-recommended .all-recommended-show .lt-recommended-text input { padding: 4px 10px 5px; line-height: 13px;}
.all-recommended .all-recommended-show .lt-recommended-icon img { width: 100%; border-radius: 5px; border: 5px solid #e9e9e9; height: 90px; }  
.footer-box li { font-size: 13px; line-height: 21px; font-style: italic; color: #eaeaea; }
.footer-box { min-height: 100%; } 
.footer-box li a { font-size: 13px; line-height: 25px;} 
.all-reviews { position: relative; width: 100%; overflow: hidden; float: left; } 
.sing-up .sing-up-text .sing-up-social { width: 50% !important;}
.terms-in p { text-align: justify; font-family: inherit; font-size: 13px; color: #1b1a1ac7; line-height: 20px; padding: 0 0 7px; margin: 0 !important; }
ul.accordion-list li { position: relative; display: block; width: 100%; height: auto; background-color: #FFF; padding: 10px 10px;}
.answer p { font-size: 12px; line-height: 22px; text-align: justify; }
.policy-in h6 span { font-size: 15px !important; line-height: 25px !important; }   
img.gallery-pic { width: 100%; border-radius: 5px; height: 110px; margin: 0 0 30px 0; } 
.check-out h3 { text-align: center; font-size: 25px; color: #03353c; padding: 0 0 14px;}
.checkout .checkout-box .form-left-to-w3l input[type="radio"] { font-size: 10px; margin: 0 0 0 30px; }
.checkout .checkout-box .form-left-to-w3l .textarea-d{font-size: 12px; line-height: 19px;}
.checkout .checkout-box .form-sub-acc { width: 30% !important;}
.checkout .checkout-box input[type="submit"]{ margin: 180px 0 0 0; }
.checkout .checkout-box th.t-head { background: #034a67; color: #FFFFFF; font-size: 10px !important; }
.checkout .checkout-box .place-box .place-box-lt { width: 35%; float: left; font-size: 11px;}
.checkout .checkout-box .bill-box { width: 80%; float: right; }
.checkout .checkout-box .bill-box .bill-box-lt { width: 100%; float: left; color: #00293f !important; padding: 0px 0 10px; font-size: 14px !important; }
.checkout-box .order-history .fsat2nd-box-history label.hikk span { color: #012430; font-weight: 600; font-size: 12px; line-height: 15px; }
.checkout-box .order-history .fsat2nd-box-history label.hikk { font-size: 14px; line-height: 22px; color: #000; padding: 0 0 3px; }  
.checkout-box .order-history .fsat2nd-box-history label.hikk a.button { color: #ffffff; text-decoration: none; font-size: 11px; font-weight: normal; padding: 3px 20px 0 20px;}
.checkout-box .order-history .fsat-box-history h4 { font-size: 10px; }
.checkout-box .order-history .fsat-box-history h4 span { font-size: 13px; line-height: 10px; color: #444242; padding: 2px 0 0; }   
.checkout-box .order-history .fsat-box-history { width: 40%;}
.checkout-box .order-history .fsat2nd-box-history { width: 59%;}
  
  
  
}

/*MObile I-PHONE 678 IOS / 375 view*/
@media screen and (max-width:380px){
.container { width: 375px; }
/*NEW*/
.header-bottom {height: 65px; }
.checkout-box .order-history .fsat-box-history { width: 100%; text-align: center;}
.checkout-box .order-history .fsat-box-history img.img-history { width: 100%; border-radius: 6px; float: left; margin: 0 20px 0 0; height: 200px; }
.checkout-box .order-history .fsat2nd-box-history { width: 99%; }
.checkout-box .order-history .fsat-box-history h4 { font-size: 15px; color: #000; line-height: 30px; }
.checkout-box p.last-box { width: 90%; padding: 0; margin: 0 0 0 10px; }
.recent-product .recent-box .item { width: 44% !important;}
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 100px;}
.recent-product .recent-box .box-secend-food { margin: 0 0 20px 5px; border-radius: 10px; width: 95%; padding: 5px; height: 175px;}
.dec-kkki .dec-kkki-dec p { padding: 0px 0 0;}
.dec-kkki .dec-kkki-dec { width: 90%; top: 16%; left: 2%; }
.food-single .col-xs-4{ width: 100%;}
.tab-left h3 { color: #fff; text-align: left; font-size: 15px; line-height: 20px; padding: 10px 10px; background: #ee6e00; }
.tab-left ul li button { width: 100%; text-align: left; font-size: 16px; line-height: 22px; border: 1px dotted #0000006b; }
.mob-problem-bg { margin: 20px 0 0 10px; padding: 5px !important; width: 94%; display: inline-block; }
.all-recommended .all-recommended-show .lt-recommended-text .veg-non img.veg-icon { width: 55%; margin: 0; }
.sed h5 input{border: none; text-align: center; text-align: left; outline: none; font-size: 10px; padding: 0; transition: height 0.4s ease-in-out, width 0.4s ease-in-out, background 0.4s ease-in-out; animation-name: smooth; animation-duration: 0.5s; animation: smooth 0.5s forwards; width: auto; height: 20px; line-height: 15px;}
.value { cursor: default; width: 25px; height: 20px; padding: 0 0 0; color: #000; line-height: 19px; border: 1px solid #E5E5E5; background-color: #F0F0F02E; text-align: center; display: block; margin: 3px auto;}
.quantity-select .entry.value-plus::after { content: ""; height: 11px; width: 1px; background: #00000070; left: 70%; margin-left: -1.4px; top: 50%; margin-top: -6px; position: absolute; } 
.quantity-select .entry.value-plus::before { content: ""; width: 11px; height: 1px; background: #00000070; left: 50%; margin-left: -7px; top: 50%; margin-top: -0.5px; position: absolute; }
.quantity-select .entry.value-minus::before, .quantity-select .entry.value-plus::before { content: ""; width: 11px; height: 1px; background: #00000070; left: 70%; margin-left: -7px; top: 50%; margin-top: -0.5px; position: absolute; }
.value-minus, .value-plus{border: 1px solid #fff;}
.check-out .totall label { font-size: 15px; }
.checkout { width: 100%; height: auto; padding: 5px 0px 50px; margin: 0px 0; background: #fff; } 
.user-profile-menu ul li a { font-family: inherit; color: #fff; font-size: 13px;}
.checkout .checkout-box .form-left-to-w3l { width: 90%; float: left; height: auto; height: auto !important; overflow: hidden; padding: 0; }
.checkout .checkout-box .form-left-to-w3l label { font-size: 14px; width: 100% !important; height: auto !important; line-height: 18px;}
.checkout .checkout-box .form-left-to-w3l input[type="text"] { font-size: 14px; width: 100%; height: auto; line-height: 25px; padding: 2px 10px 5px; margin: 0 0 15px; }
.checkout .checkout-box .form-left-to-w3l input[type="email"] { font-size: 14px; width: 100%; height: auto; line-height: 25px; padding: 2px 10px 5px; margin: 0 0 15px; }
.checkout .checkout-box .form-left-to-w3l input[type="radio"] { font-size: 10px; margin: 0 0 20px 10px; }
.checkout .checkout-box .form-left-to-w3l input[type="text"] { font-size: 14px; width: 100%; height: auto; line-height: 25px; padding: 2px 10px 5px; margin: 0 0 15px; }
.checkout .checkout-box .form-left-to-w3l .textarea-d { font-size: 14px; line-height: 25px; width: 90%; float: left; margin: 10px 0 10px; }
.checkout .checkout-box .form-sub-acc { width: 50% !important; }
.checkout .checkout-box input[type="submit"] { margin: 20px 0 0; }  
.header-bottom .mob-small-view{ padding:0;}
.header-bottom .barnd-login .dropbtn i.fa { width: 25px; height: 25px; border-radius: 50px; padding: 3px; background-color: rgb(255, 132, 27); } 
.banner .dec-banner .dec-banner-text h3 { font-size: 15px; line-height: 20px; padding: 5px 0 0; }
.banner .dec-banner .dec-banner-text .w3l_search { width: 90%; height: auto; margin: 10px auto; }
.banner .dec-banner .dec-banner-text .w3l_search form { width: 100%; display: inline-block; }  
.banner .dec-banner .dec-banner-text .w3l_search form .search-container { width: 100%; background: #fff;margin: 0;}
.banner .dec-banner .dec-banner-text .w3l_search form .search-container input[type="text"] { font-size: 13px; line-height: 20px; background: #fff; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container button[type="submit"] { width: 20%; background: #ff7500; color:#fff;}
.banner { height: 220px; }
.banner .banner-item { height: 220px; }  
.banner .banner-item img.banner-img { height: 220px; } 
.banner .dec-banner { position: absolute; width: 100%; content: ""; top: 20px; background: none; }
.founder-img { width: 100%;}
.sing-up .sing-up-text h6{ font-size: 15px; line-height: 30px;}
ul.accordion-list li h3 { font-size: 12px; line-height: 20px; }
  
}

/*MObile I-PHONE 678 IOS / 360 view*/
@media screen and (max-width:365px){
.container { width: 350px; }
/*NEW*/
.recent-product .recent-box .item { width: 96% !important; }
.recent-product .recent-box img.templates-cook { width: 100%; padding: 0px; margin: 0px; height: 200px; }
.recent-product .recent-box .box-secend-food { margin: 0 0 20px 5px; border-radius: 10px; width: 95%; padding: 5px; height: 300px; }
.recent-product .recent-box h4 { font-size: 16px; line-height: 22px;}
.box-secend-food .product-review li img { width: 35%; height: auto; float: left; }
.box-secend-food .product-review li sub { font-size: 13px; line-height: 15px; color: #f00; font-weight: bold; top: 5px; } 
.recent-product .recent-box h4 { font-size: 16px; line-height: 22px; margin: 0; padding: 10px 0 0 0; color: #000; height: 55px; } 
.dec-kkki img.kkki-img { width: 150%; float: left; margin: 0 0 0 -50px; }
#testmonial-slider .item .col-xs-4{ width: 100%;} 
#testmonial-slider .item .col-xs-8{ width: 100%;} 
.chef-testmonial .testmonial-dec { position: absolute; width: 100%; height: 500px; }
.chef-testmonial { position: relative; width: 100%; padding: 0; margin: 0 0 0; min-height: 490px; overflow: hidden; }
  
  
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info