@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    font-family: 'Samsung Sans';
    box-sizing:border-box;
}
body {
    text-decoration: none;
    font-family: 'Samsung Sans';
    font-size:16px;
    color:#505050;
}
.c1 {
    background-color:#fff !important;
    color:#333 !important;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
@font-face {
    font-family: 'Samsung Sans';
    src: url('../fonts/SamsungSans-Regular.eot');
    src: url('../fonts/SamsungSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSans-Regular.woff2') format('woff2'), url('../fonts/SamsungSans-Regular.woff') format('woff'), url('../fonts/SamsungSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Samsung Sharp Sans';
    src: url('../fonts/SamsungSharpSans-Bold.eot');
    src: url('../fonts/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans-Bold.woff2') format('woff2'), url('../fonts/SamsungSharpSans-Bold.woff') format('woff'), url('../fonts/SamsungSharpSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.clear {
    clear: both
}
audio, ::selection {
    background:#8cc248;
    color: #fff;
}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
.grecaptcha-badge{
    display:none !important;
}
.img-full{
    width: 100%;
    height:auto;
    display: block
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
    width:100%;
    padding-left:5%;
    padding-right:5%
}
.desk-view{
    display:block
}
.mob-view{
    display:none
}
.login-container{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login {
    width: 30%;
    height: auto;
    background: #fff;
    padding: 40px;
    border-radius: 15px;
}
.outer-wrap img{
		width:100%;
		height:auto;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display:flex;
		justify-content:center;
		align-items:center;
		z-index:999;
	}
.user::before {
    content: "";
    display: block;
    width: 16px;
    height: 22px;
    float: left;
    margin: 12px 20px 0 0;
    background: url(../images/user.png);
  }
  .password::before {
    content: "";
    display: block;
    width: 14px;
    height: 19px;
    float: left;
    margin: 12px 20px 0 0;
    background: url(../images/password.png);
  }

  .user-type::before {
    content: "";
    display: block;
    width: 18px;
    height: 17px;
    float: left;
    margin: 12px 20px 0 0;
    background: url(../images/type.png);
  }



.address-enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-top: 40px;
 }
 .address-enquiry-full{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
 }
 .address-enquiry-submit{
    width:100%;
    height:auto;
    margin-bottom:20px;
    display:flex;
    justify-content:center;
 }
 .address-enquiry:nth-child(2n+2){ margin-right:0%;}
 .contact-box-area {
    width: 100%;
    height:60px;
    border-bottom:1px solid #ccc;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 1em;
    padding-top: 1em;
    font-family:inherit;
    background-color:transparent;
 }

 .enquiry-box{
    width:90%;
    height:40px;
    border-bottom:1px solid #ccc;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color:#333;
    font-size:1em;
    background-color: inherit;
    font-family:inherit;
    margin-bottom:0.5em
 }

 textarea.contact-box-area::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 textarea.contact-box-area:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }

 input.enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
 }
 input.enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
 }

 .contact-submit{
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:35px;
     padding-right:35px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1em !important;
     font-weight: normal;
     text-align:center;
     margin-top:1em;
 }
 .contact-submit:before, .contact-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#b08946;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
 }
 .contact-submit:before {
     background:#4f4e4e;
     z-index:-2;
     transform:translate3D(0,0,0);
 }
 .contact-submit:hover {
     color:#fff;
 }
 .contact-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
 }
 .login-logo{
    width: 100%;
    height: auto;
    text-align: center;
 }
 .login-logo img{ width: 180px }
 .address-enquiry .select {
    position: relative;
    display: inline-block;
    width: 90%;
    float: left;
   }
   .address-enquiry .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 0px 15px;
    outline: 0;
    border-radius: 0;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size:1em;
    font-family:inherit;
    height: 40px;
    border:none;
    border-bottom: 1px solid #ccc;
    background: transparent;
   }
   .address-enquiry .select select::-ms-expand {
    display: none;
   }
   .address-enquiry .select select:hover,
   .select select:focus {
    color: #000;
    background: #fff;
   }
   .address-enquiry .select select:disabled {
    opacity: 0.5;
    pointer-events: none;
   }
   .address-enquiry .select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
   }
   .address-enquiry .select select:hover ~ .select__arrow,
   .address-enquiry .select select:focus ~ .select__arrow {
    border-top-color: #000;
   }
   .address-enquiry .select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
   }

   .dashbord-wraper {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0em 5em;
    justify-content: center;
  }
  .dashborad-content{
    width: 200px;
    height: 200px;
    box-shadow: 0px 1px 22px -12px #607D8B;
background-color: #fff;
padding: 25px 35px 25px 30px;
margin-right: 5%;
margin-bottom: 5%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;

  }

  .dashborad-content i{ font-size: 6em; color: #999; }
  .dashborad-content h2{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.25em;
    font-family: inherit;
    color: #333;
    font-weight: normal;
    margin-top: 2em;
  }

  .dashborad-content:nth-child(3n+3){ margin-right: 0%;}

  .card_label{ text-transform: uppercase; text-align: center; font-size:1.45em; font-family: inherit; font-weight: 600; 
     letter-spacing: 1px; color: #666;}
body.dashboard .card.box_panel{
border-radius: 10px;padding: 14px 0;
  box-shadow: unset !important;
   background-color: #333333
}
body.rounded-btns {
    background: #000000;
}
/*img.footer-bg {
    width: 100%;
    opacity: .2;
    position: absolute;
    left: 0;
    top: -25px;
}*/
  .card {
    height: auto !important;
    margin-bottom: 5em !important;
    -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 2em 3em; background: #fff;
    width: 100% !important;
    max-width:100% !important;
  }
.count{
   text-align: center;
  display: block;
  color: #666;
  width: 60px;
  height: auto;
  margin: 0.5em auto;
  border-radius: 10px;
  border: 2px solid #555;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 0.25em;
  font-size: 0.85em;
}
 .card_body {
    padding: 0 !important;
}
  .admin-for {
    border-radius: 50%;
    width: 150px !important;
    height: 150px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #000;
  }
 .icon {
    width: 80px;
}
  .topcart-cart{
    font-size:0.75em;
    color:#fff;
    font-family: inherit;
    width:30px;
    height:30px;
    background-color:#ed1c24;
    position:absolute;
    top: -15px;
    left: 34px;
   border-radius: 50%;
   display:flex;
   justify-content:center; align-items:center;
   -webkit-text-stroke-width: 0px;
   line-height: 30px;
}
.topcart a:hover{
    color:#000;
    font-family: inherit;
}
.txt_error {
    color: #ed1c24 !important;
  }
  .half_whole{width:45%;}
  .half_whole a{ text-decoration: none !important;}
.page-content{padding-top: 20px;}
  .footer{
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 0px 0px;
    border-top: 1px solid  #333333;
    /*margin-top: 6em;*/
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    z-index: 9;

  }
  #sidemenu{ z-index: 10 !important }
  .footer-contact{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
  }
  .main-menu ul li a {
    padding-bottom: 0.5em;
}
#header .menu-button{ background: #000 !important;  }
  .main-menu ul li{   margin-bottom: 0px !important;  border-bottom: 1px solid #000; }
  .main-menu li:hover a{ background: #000 !important; }
  #sidemenu{background: #333333!important;  }
.main-menu li a{color: #fff !important}
  .stats_row > .stats_item{ padding: 0.75rem 1rem !important }
  .stats{ height: unset !important; display: flex!important;     padding-top: 10px;
    align-items: center; justify-content: center; }
  .txt_white{color: #fff}
  .footer-contact-container{
    width:  100%;
    margin: 0% 0%;


    display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
  }
  .footer-content{
    width:100%;
    height: 70px;
    float: left;
    border-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-content:nth-child(1){  padding-left: 0%;  border-left: 0px solid #888; }


  .footer-contact-container p{
    text-align: center;
    color: #fff;
    line-height: 2;
    font-weight: normal;
    font-family: 'Poppins';
    font-size: 0.9em;
  }

  .footer-contact-container p a{
    color: #fff;
    font-family: 'Poppins';
    font-size: 1em;
  }
  .footer-contact-container p a:hover{
    color: #b08946;
    font-family: 'Poppins';
    font-size: 1em;
  }

  .footer-contact-icon {
    width: 43px;
    height: 43px;
    color: #ddd;
    font-size: 1.15em;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 1em;
    display: none;
  }

  .footer-wraper {
    width:100%;
    height:auto;
    background-color:#fff;
}
.copy-right {
    width:auto;
    height:auto;
    float:left;
    color:#333;
    font-family:inherit;
    font-size:1em;
    font-weight:400;
    line-height:55px
}
.designed {
    width: auto;
    height: auto;
    float: right
}
.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    padding-top:15px;
    width: auto;
    color:#fff
}
.designed p {
    width: auto;
    height: auto;
    float: right;
    color:#fff;
    font-family:inherit;
    font-size:1em;
    font-weight:400;
    line-height:55px
}
.designed p a {
    text-decoration: none;
    color:#333;
    font-family:inherit;
    font-size:1em;
    font-weight:400
}
.designed p a:hover {
    text-decoration: none;
    color:#b08946;
    font-family:inherit;
    font-size:1em
}
[type=checkbox] {
  width: 2rem;
  height: 2rem;
  color: dodgerblue;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
      border-radius: .25rem;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
}


/* Pseudo element for check styling */

[type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}


/* Checked */

[type=checkbox]:checked {
  background-color: #222;
}

[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;    background: #666;
  }

  table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }

  table tr {
    padding: .75rem; background: #666666;
    border-top: 1px solid #000;
  }
  table td input[type="text"] {
  border: 1px solid #cccccc; background: unset;color: #cccccc;
}
table tbody tr:nth-of-type(odd) {
    background-color: #333333;
}
.text-left{ text-align: left !important; }
thead tr,thead {     background: #666666; }
  table th,
  table td {
    padding: 1em 1.5em;
    text-align: center;color: #cccccc;
  font-size: 0.9em;
  line-height: 1.5;
  }


  table th {
    font-size:0.9em;color: #cccccc;
    letter-spacing: .1em;
    text-transform: uppercase;
background: #666666;
    vertical-align: bottom;
border-bottom: 2px solid #000;
padding: 1.5em;
  }

  @media screen and (max-width: 600px) {
    table {
      border: 0;
    }

    table caption {
      font-size: 1.3em;
    }

    table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    table tr {
     /* border-bottom: 3px solid #ddd;*/
      display: block;
      margin-bottom: 1em;
    }

    table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }

    table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }

    table td:last-child {
      border-bottom: 0;
    }
  }

  .wrapper {
    padding: 0rem 1rem;
    max-width: 90%;
    margin: 0 auto;
    /*min-height: 70vh;*/
 padding-bottom: 150px;
    overflow-y: scroll;
  }
  body.dashboard .wrapper{overflow: hidden !important;}
  .text-center {
    /*text-align: center !important;*/
  }


::-webkit-scrollbar {
  width: 2px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #666666;
}

.wrapper::-webkit-scrollbar { display: none;}
/**/

/*::-webkit-scrollbar {
  width: 0px;
  border: 0px solid #000;
}

::-webkit-scrollbar-track {
  border-radius: 0; display: none;
  background: #000;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;display: none;
  background: #000;
}*/

  .btn{
    display:inline-block;
    font-weight:400;
    line-height:1.25;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    padding:.5rem 1rem;
    font-size:1rem;
    border-radius:.25rem;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.btn:focus,.btn:hover{
    text-decoration:none
}
.btn.focus,.btn:focus{
    outline:0;
    -webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);
    box-shadow:0 0 0 2px rgba(2,117,216,.25)
}
.btn.disabled,.btn:disabled{
    cursor:not-allowed;
    opacity:.65
}
.btn.active,.btn:active{
    background-image:none
}
.btn-success{
    color:#fff;
    background-color:#5cb85c;
    border-color:#5cb85c
}
.btn-success:hover{
    color:#fff;
    background-color:#449d44;
    border-color:#419641
}
.btn-success.focus,.btn-success:focus{
    -webkit-box-shadow:0 0 0 2px rgba(92,184,92,.5);
    box-shadow:0 0 0 2px rgba(92,184,92,.5)
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#5cb85c;
    border-color:#5cb85c
}
.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{
    color:#fff;
    background-color:#449d44;
    background-image:none;
    border-color:#419641
}
.btn-warning{
    color:#fff;
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.btn-warning:hover{
    color:#fff;
    background-color:#ec971f;
    border-color:#eb9316
}
.btn-warning.focus,.btn-warning:focus{
    -webkit-box-shadow:0 0 0 2px rgba(240,173,78,.5);
    box-shadow:0 0 0 2px rgba(240,173,78,.5)
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{
    color:#fff;
    background-color:#ec971f;
    background-image:none;
    border-color:#eb9316
}
.btn-danger{
    color:#fff;
    background-color:#d9534f;
    border-color:#d9534f
}
.btn-danger:hover{
    color:#fff;
    background-color:#c9302c;
    border-color:#c12e2a
}
.btn-danger.focus,.btn-danger:focus{
    -webkit-box-shadow:0 0 0 2px rgba(217,83,79,.5);
    box-shadow:0 0 0 2px rgba(217,83,79,.5)
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#d9534f;
    border-color:#d9534f
}
.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{
    color:#fff;
    background-color:#c9302c;
    background-image:none;
    border-color:#c12e2a
}
.btn-outline-success{
    cursor: pointer;
     color:#fff;
    background-color: #b08946;
    border-color: #b08946;}


.btn-outline-success:hover{
      color:#666;
    background-image:none;
    background-color:transparent;
    border-color:#666;
}
.btn-outline-success.focus,.btn-outline-success:focus{
    -webkit-box-shadow:0 0 0 2px rgba(102,102,102,.5);
    box-shadow:0 0 0 2px rgba(102,102,102,.5)
}
.btn-outline-success.disabled,.btn-outline-success:disabled{
    color:#666;
    background-color:transparent
}
.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{
    color:#fff;
    background-color:#666;
    border-color:#666
}
.btn-outline-warning{
    color:#5cb85c;
    background-image:none;
    background-color:transparent;
    border-color:#5cb85c
}
.btn-outline-warning:hover{
    color:#fff;
    background-color:#fff;
    border-color:#5cb85c
}
.btn-outline-warning.focus,.btn-outline-warning:focus{
    -webkit-box-shadow:0 0 0 2px rgba(92,184,92,.5);
    box-shadow:0 0 0 2px rgba(92,184,92,.5)
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
    color:#5cb85c;
    background-color:transparent
}
.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{
    color:#fff;
    background-color:#5cb85c;
    border-color:#5cb85c
}
.btn-outline-danger{
    cursor: pointer;
     color:#fff;
    background-color:#d9534f;
    border-color:#d9534f
}
.btn-outline-danger:hover{
    color:#d9534f;
    background-image:none;
    background-color:transparent;
    border-color:#d9534f;

}
.btn-outline-danger.focus,.btn-outline-danger:focus{
    -webkit-box-shadow:0 0 0 2px rgba(217,83,79,.5);
    box-shadow:0 0 0 2px rgba(217,83,79,.5)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{
    color:#d9534f;
    background-color:transparent
}
.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{
    color:#fff;
    background-color:#d9534f;
    border-color:#d9534f
}



.control {
  display: block;
  position: relative;
 /* padding-left: 30px;
  margin-bottom: 15px;*/
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  /*position: absolute;
  top: 0px;
  left: 0;*/
  height: 38px;
  width: 50px;
  background: none;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background:  none;
}
.control input:checked ~ .control__indicator {
  background:  none;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: none;

}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
    left: 20px;
    top: 10px;
    width: 6px;
    height: 15px;
  border: solid #5cb85c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}



.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.for-msg{
    width: auto;
    height: auto;
    float: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    color:#b08946 ;
}

.page-title{
    width: auto;
    height: auto;
    font-family: inherit;
    font-size: 1.25em;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;

}
.page-title::before {
    content: "";
    display: block;
    width: 2em;
    height: 1px;
    float: left;
    margin: 15px 20px 0 0;
    background-color: #b08946;
  }

  .page-title::after {
    content: "";
    display: inline-block;
    width: 2em;
    height: 1px;
    background-color: #b08946;
    margin-bottom: 8px;
    margin-left: 0.5em;
  }

.top-btns{display: flex; align-items: center;}
.top-btns a:first-child{ margin-right: 1em; }

  .add-new-for{
    width: 100%;
    /*display: flex;

    justify-content: flex-end;*/
    margin-top: 1em;
    margin-bottom: 2em !important;

    display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
  }
.add-new-wrap .card {     background: #333333 !important; }


  .addnew{
    color:#b08946;
     outline:none;    background: #000;
     padding-left:30px;
     padding-right:30px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.15em !important;
     font-weight:500;
     text-align:center;
     float: right;
     border: 1px solid #b08946;
}
.addnew:before, .addnew:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
.addnew:before {
     /*background:#b08946;*/
     z-index:-2;
     transform:translate3D(0,0,0);

}
.addnew:hover {
    color:rgba(255,255,255,0.75);
    background-color: #b08946;
}
.addnew:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}






.admin-submit{
    color:#ed1c24;
     outline:none;
     background:transparent;
     padding-left:30px;
     padding-right:30px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.15em !important;
     font-weight:500;
     text-align:center;
     border: 1px solid #ed1c24;
     margin: 3em auto;
}
.admin-submit:before, .admin-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
.admin-submit:before {
     z-index:-2;
     transform:translate3D(0,0,0);
}
.admin-submit:hover {
    color:rgba(255,255,255,0.75);
    background-color: #ed1c24;
}
.admin-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}




.enquiry {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 3%;
  }
  .address-enquiry{margin-bottom: 3%;}



  .calback-box1 {
    width: 100%;
    height: 180px;
	padding-left: 2.5%;
    padding-right: 2.5%;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	color: #333;
    font-size: 1em;
    padding-top: 1em;
	font-family:inherit;
    background-color: #fff;
}

.contact-enquiry-box{
    width:100%;
    height:60px;
    padding-left:2.5%;
    padding-right:2.5%;
    line-height:60px;
    font-weight:normal;
    font-style:normal;
    color: #333;
    font-size:1em;
    background-color: #fff;
	font-family:inherit
}
.enquiry-title{
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 3.222em;
}



textarea.calback-box1::-webkit-input-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1::-moz-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-ms-input-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-moz-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.contact-enquiry-box::-webkit-input-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box::-moz-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-ms-input-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-moz-placeholder{
    color: #333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.enquiry-for{ padding-top:1.5em; width:100%; clear:both}

.add-new-wrap{
     display: flex;
     justify-content: center;
}

.contact-enquiry-box-main {
    border-bottom: 1px solid #ccc;
  }

  .add-top {
    width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 0.5em;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
background-color:  #d2a860;
padding: 1em;
  }

  .export-button{
    color:#fff;
    outline:none;
    background:transparent;
    padding-left:20px;
    padding-right:20px;
    line-height:30px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em !important;
    font-weight: normal;
    text-align:center;
    margin-top:1em;
}
.export-button:before, .export-button:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#b08946;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.export-button:before {
    background:#4f4e4e;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.export-button:hover {
    color:#fff;
}
.export-button:hover:after {
    transform:translate3D(0,0,0);
    transition:all .5s;
}


.search__container {
    padding-top: 0px;
    float: left;margin-right:1em;
}



.search__input {
    width: 100%;
    padding: 12px 24px;

    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 14px;
    line-height: 18px;

    color: #333;
    background-color: #fff;
/*         background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 95% center;
    border-radius: 50px;
    border: 1px solid #fff;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.search__input::placeholder {
        color: rgba(0, 0, 0, 0.8);
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

.search__input:hover,
    .search__input:focus {
        padding: 12px 10px;
        outline: 0;
        border: 1px solid transparent;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        background-position: 100% center;
    }

.credits__container {
    margin-top: 24px;
}

.credits__text {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}

.credits__link {
    color: #ff8b88;
    text-decoration: none;
    transition: color 250ms ease-in;
}

.credits__link:hover,
    .credits__link:focus {
        color: rgb(191, 137, 135);
    }


    .booking-form-full {
        width:100%;
        height:auto;
        margin-bottom:1.5em;
       }
       .booking-form-full-text {
        width:100%;
        height:auto;
        text-align:left;
        font-family:inherit;
        font-size:1em;
        color:#999;
        font-weight:400;
        line-height:30px;
        padding-bottom:5px;
       }
       .booking-box {
        width:100%;
        height:auto;
       }
       .contact-enquiry-box {
        width: 100%;
        height: 48px;
        border: 1px solid #333;
        padding-left:2.5%;
        padding-right:2.5%;
        line-height: 48px;
        font-weight: normal;
        font-style: normal;
        color:#666;
        font-size: 1em;
        background-color:#000;
       }
       .booking-double {
        width:48%;
        height:auto;
        float:left;
        margin-right:4%;
       }
       .booking-double:nth-child(2) {
        margin-right:0%;
       }
       .booking-tripple {
        width:32%;
        height:auto;
        float:left;
        margin-right:2%;
       }
       .booking-tripple:nth-child(3) {
        margin-right:0%;
       }



       .booking-quarter {
        width:23.5%;
        height:auto;
        float:left;
        margin-right:2%;
       }
       .booking-quarter:nth-child(4) {
        margin-right:0%;
       }
       .select {
        position: relative;
        display: inline-block;
        width: 100%;
       }
       .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 0px 15px;
        outline: 0;
        border-radius: 0;
        color: #666;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border:1px solid #ccc;
        font-size:1em;
        font-family:inherit;
        line-height:40px;
       }
       .select select::-ms-expand {
        display: none;
       }
       .select select:hover,
       .select select:focus {
        color: #000;
        background: #fff;
       }
       .select select:disabled {
        opacity: 0.5;
        pointer-events: none;
       }
       .select__arrow {
        position: absolute;
        top: 16px;
        right: 15px;
        width: 0;
        height: 0;
        pointer-events: none;
        border-style: solid;
        border-width: 8px 5px 0 5px;
        border-color: #7b7b7b transparent transparent transparent;
       }
       .select select:hover ~ .select__arrow,
       .select select:focus ~ .select__arrow {
        border-top-color: #000;
       }
       .select select:disabled ~ .select__arrow {
        border-top-color: #ccc;
       }
       .btn-radio {
        cursor: pointer;
        display: inline-block;
        float: left;
        -webkit-user-select: none;
        user-select: none;
        line-height:32px;
       }
       .btn-radio:not(:first-child) {
        margin-left: 20px;
        line-height:32px;
       }
       @media screen and (max-width: 480px) {
        .btn-radio {
         display: block;
         float:left;
        }
        .btn-radio:not(:first-child) {
         margin-left: 0;
         margin-top: 0px;
         margin-left:1em;
        }
       }
       .btn-radio svg {
        fill: none;
        vertical-align: middle;
       }
       .btn-radio svg circle {
        stroke-width: 2;
        stroke: #C8CCD4;
       }
       .btn-radio svg path {
        stroke: #666;
       }
       .btn-radio svg path.inner {
        stroke-width: 6;
        stroke-dasharray: 19;
        stroke-dashoffset: 19;
       }
       .btn-radio svg path.outer {
        stroke-width: 2;
        stroke-dasharray: 57;
        stroke-dashoffset: 57;
       }
       .btn-radio input {
        display: none;
       }
       .btn-radio input:checked + svg path {
        transition: all 0.4s ease;
       }
       .btn-radio input:checked + svg path.inner {
        stroke-dashoffset: 38;
        transition-delay: 0.3s;
       }
       .btn-radio input:checked + svg path.outer {
        stroke-dashoffset: 0;
       }
       .btn-radio span {
        display: inline-block;
        vertical-align: middle;
        color:#666;
       }
       .calback-box1 {
        width: 100%;
        height: 140px;
        border: 1px solid #ccc;
        padding-left: 2.5%;
        padding-right: 2.5%;
        line-height: 26px;
        font-weight: normal;
        font-style: normal;
        color:#666;
        font-size: 1em;
        padding-top: 1em;
       }
       .button-submit {
        color:#fff;
        outline:none;
        background:transparent;
        border:none;
        padding:0px 35px;
        line-height:40px;
        position:relative;
        display:inline-block;
        cursor:pointer;
        text-decoration:none;
        overflow:hidden;
        transition:all .5s;
        z-index:1;
        font-family: inherit;
        font-size:1em;
        font-weight:500;
        float:left;
        text-transform:uppercase;
       }
       .button-submit:before,
       .button-submit:after {
        content:'';
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        height:100%;
        background:#666;
        z-index:-1;
        transform:translate3D(0,-100%,0);
        transition:all .5s;
       }
       .button-submit:before {
        background:#b08946;
        z-index:-2;
        transform:translate3D(0,0,0);
       }
       .button-submit:hover {
        color:white;
       }
       .button-submit:hover:after {
        transform:translate3D(0,0,0);
        transition:all .5s;
       }
       .vehicle-list-add{
        width: 70%;
        padding-bottom: 3em;
       }

.export{
    font-size: 2em;
    color: #fff;
  }
  .export:hover{ color:#ccc ;}

  .employee-title{
    width: 100%;
    height: auto;
    margin-top: 2em;
    position: relative;
    margin-bottom: 1em;
  }
  .employee-title-sub {
    width: auto;
    height: auto;
    font-family: inherit;
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;
    padding: 0px 0.5em;
    background-color: #333333 ;
    line-height: 1.7;
    float: left;
    padding-left: 0;
    position: relative;
    z-index: 1;
  }
  .employee-border{
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .address-for {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%;
  }

  .address-outer {
    -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
    width: 100%;
    height: 100%;
    margin: 2em 0px;
  }

  .address-outer-for {
    padding: 20px 0 15px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;

  }

  .address-content {
    width: 100%;
    height: auto;
  }

  .address-outer-for i {
    color: #999;
    height: 73px;
    width: 73px;
    border-radius: 50%;
    text-align: center;
    line-height: 73px;
    /*box-shadow: 0px 0px 30px 0px rgba(148,146,245,.2);*/
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    font-size: 3em;
    transform: rotate(0deg);
    margin-bottom: 0.5rem;
    z-index: 2;
position: relative;
  }

  .contact-title {
    font-family: inherit;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    font-size: 22px;
    color: #14133b;
    margin: 10px 0 10px;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .address-outer-for p {
    width: 100%;
    height: auto;
    font-family: inherit;
    line-height: 1.7;
    color: #333;
    font-size: 1em;
    margin-bottom: 1rem;
  }

.icon-for-contact{
    width: 100%;
    height: auto;
    position: relative;
}

.contact-bg-title {
    z-index: 0;
    font-family: 'Roboto';
font-size: 3.056em;
color: #f0f0f0;
overflow: hidden;
padding: 0;
top: -0.25em;
left: 0;
position: absolute;
right: 0;
font-weight: 900;
  }

  .top-menu ul{ display: block; margin: 0px; padding: 0px; list-style-type: none;}

  .top-menu ul li{
    float: left;
    color: #666;
    position: relative;
    margin-left: 1em;
  }

  .top-menu ul li a{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    color: #666;
    position: relative;
  }

  .top-menu ul li a:hover span{
    background-color: #666;
    color: #fff;
  }
.top-menu ul li a span{
  float: left;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  box-shadow: rgba(103, 103, 103, 0.2) 0px 8px 24px;
  position: relative;
}
#nav-icon3 span{ background: #d2a860 !important  }
.main-menu li a span{ color: #d2a860 !important }
.top-menu {
  width: auto;
  height: 40px;
  float: right;
  position: absolute;
  right: 5%;
  top: 2em;
}




.drop-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.drop-menu ul li{
     font-size: 1em;
     margin-left: 0em;
}

.drop-menu ul li a {
  /*height: 70px;*/
display: inline-block;
position: relative;
color: #fff;
-webkit-transition: color .3s, background .3s;
font-size: 1em;
transition: all .4s ease-in-out;

}
.nav-dropdown > li > a{ background: #fff !important;}

.drop-menu ul li ul li a{
  color: #333;
  margin: 0;
  font-size: 1em;
  padding: 10px 15px;
  justify-content: flex-start !important;
}
.drop-menu ul li ul li a span{color: #ed1c24; margin-left: 0.5em; box-shadow: none !important;  width: auto !important; height: auto !important;}
.drop-menu ul li ul li a:hover span{ background:  none !important; color:#ed1c24 ;}

.drop-menu ul li ul {
display: none;
    min-width: 100px;
    left: 30%;
    margin-top: 0px;
    position: relative;
    top: 1em;
    box-shadow: rgba(103, 103, 103, 0.2) 0px 8px 24px; padding: 0.5em .5em;
    z-index: 9;
    background: #fff;
}

.drop-menu ul li:hover ul {
  display: flex;
  flex-direction: column;
}
.drop-menu ul li ul li a:hover{
  color: #ed1c24;
}

.nav-dropdown ul li:hover a {
  color: #ed1c24;
}
/*.expiry-notification{ background-color: #ed1c24;}
.expiry-notification td{ color: #fff;}
.expiry-notification .control input:checked ~ .control__indicator, .btn-outline-success, .btn-outline-danger, .control__indicator{ background: #fff ;}
.expiry-notification .btn-outline-success:hover{color:#000; background: #fff ;}
.expiry-notification .btn-outline-danger:hover{color:#f00; background: #fff ;}
.expiry-notification .control input:checked ~ .control__indicator:hover{color:#5cb85c; background: #fff ;}*/

.expiry-notification td:nth-child(1)::before{
  background: url(../images/expired.png) no-repeat;
  width: 24px; height: 24px;
  content: "";
display: block;
float: left;
position:absolute;

}
.third_whole{
          width: 33% !important;
}


@media (min-width: 1023px) and (max-width: 1279px) {
    body {
        font-size:13px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }
   .vehicle-list-add{ width: 92%;}
   .login {width: 40%;    height: auto;      padding: 20px 40px;}
   .enquiry-box{ width: 90%;}
   .top-menu ul li a span{ width: 40px !important; height: 40px !important;}
   .topcart-cart{ left: 25px; width: 26px;  height: 26px;}

   .admin-for{
    height: 80px !important; width:80px !important; line-height: 80px !important; margin-bottom: 10px;
   }
   .wrapper {
    max-width: 90%!important
  }
  .card{ padding:  1em 1em !important }
.stats_row > .stats_item {
    padding: 0.75rem 0rem !important;
}
 .login-logo img{ width: 150px }
.address-enquiry {
    margin-bottom: 0%;margin-top: 5px;
}
.count{ width: 40px;
    height: 40px; }
.btn{ padding: .3rem .7rem }
table th,  table td{ padding: 1em .3em }
.icon {
    width: 45px;
}
.graph{ height: unset !important; }
}
@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }
   .header-logo{ width: 12% !important;}
   .header-logo img{ max-width: 100% !important;}
   .vehicle-list-add{ width: 90%;}
   .login {width: 30%;    height: auto;  }
   .enquiry-box{ width: 90%;}
   .top-menu ul li a span{ width: 40px !important; height: 40px !important;}
   .topcart-cart{ left: 25px; width: 26px;  height: 26px;}
   .top-menu{ top: 3em;}
   .admin-for{
    height: 120px !important; width:120px !important; line-height: 120px !important; margin-bottom: 10px
   }
   .wrapper {
    max-width: 90%!important
  }
  .card{ padding:  3em 1em !important }
.stats_row > .stats_item {
    padding: 0.75rem 0rem !important;
}
 .login-logo img{ width: 150px }
 .login{ width: 36% }
.count{ width: 40px;
    height: 40px; }
.btn{ padding: .3rem .7rem }
table th,  table td{ padding: 1em .3em }
.icon {
    width: 55px;
}
.graph{ height: unset !important; }


}

@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:15px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }
   .header-logo{ width: 12% !important;}
   .header-logo img{ max-width: 100% !important;}
   .vehicle-list-add{ width: 90%;}
   .login {width: 28%;    height: auto;  }
   .enquiry-box{ width: 90%;}
   .top-menu ul li a span{ width: 40px !important; height: 40px !important;}
   .topcart-cart{ left: 25px; width: 26px;  height: 26px;}
   .top-menu{ top: 3em;}
  .admin-for{
    height: 120px !important; width:120px !important; line-height: 120px !important;
    margin-bottom: 15px;
   }
   .wrapper {
    max-width: 90%!important
  }
  .card{ padding:  3em 1em !important }
.stats_row > .stats_item {
    padding: 0.75rem 0rem !important;
}
 .login-logo img{ width: 170px }
 .login{ width: 36% }
.count{ width: 40px;
    height: 40px; }
.btn{ padding: .3rem .7rem }
table th,  table td{ padding: 1em .3em }
.icon {
    width: 65px;
}
.graph{ height: unset !important; }
body.dashboard .card.box_panel{padding: 24px 0 !important}
}
@media (min-width: 1400px) and (max-width: 1441px) {
    body {
        font-size:16px !important;
   }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5%
   }
  .admin-for{
    height: 120px !important; width:120px !important; line-height: 120px !important;
    margin-bottom: 15px;
   }
   .wrapper {
    max-width: 90%!important
  }
  .card{ padding:  3em 1em !important }
.stats_row > .stats_item {
    padding: 0.75rem 0rem !important;
}
 .login-logo img{ width: 170px }
 .login{ width: 35% }
.count{ width: 40px;
    height: 40px; }
.btn{ padding: .3rem .7rem }
table th,  table td{ padding: 1em .3em }
.icon {
    width: 65px;
}
.graph{ height: unset !important; }
body.dashboard .card.box_panel{padding: 24px 0 !important}

}
@media (min-width: 1441px) and (max-width: 1599px) {
    body {
        font-size:16px !important;
   }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5%
   }
  .admin-for{
    height: 120px !important; width:120px !important; line-height: 120px !important; margin-bottom: 15px
   }
   .wrapper {
    max-width: 90%!important
  }
  .card{ padding:  3em 1em !important }
.stats_row > .stats_item {
    padding: 0.75rem 0rem !important;
}
 .login-logo img{ width: 170px }
 .login{ width: 35% }
 .icon {
    width: 65px;
}
.graph{ height: unset !important; }
body.dashboard .card.box_panel{padding: 24px 0 !important}

}
@media (min-width:1600px) and (max-width:1680px) {
    body {
        font-size:16px !important;
   }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5%
   }

}
@media (min-width:1681px){
    body {
        font-size:18px !important;
   }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5%
   }
}
.hide-menu{ display: none;}



@media (max-width:420px) {
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }

    .desk-view{
        display: none
   }
    .mob-view{
        display: block
   }
   .wrapper{ max-width: 96% !important;}
   .card{padding: 2em 1em; padding-bottom: 0px; margin-bottom: 2em !important; clear: both;}
   .stats{ margin-top: 0px !important;}
   .stats_item_number{ font-size: 2em !important;}
   .text-center{ text-align: end !important;}
   .add-new-for{ display: inherit;}
   .page-title::before{ display: none;}
   .page-title::after{ display: none;}
   .page-title{ font-size: 1em; text-align: center; margin-bottom: 1em;}
   .add-top{ display: inherit;}
   .addnew{ float: none; display: flex; justify-content: center; margin: 0 auto;}
   .search__container{ width: 100%; margin-top: 0.25em; margin-bottom: 0.25em;}
   .export{ display: flex; justify-content: center;}

   .booking-tripple{ width: 100%;}
   .booking-double{ width: 100%;}
   .vehicle-list-add{ width: 96%;}
   .footer-contact-container{ display: inherit;}
   .footer-contact{ display: inherit;}
   .footer-content{ height: inherit; border: none;}
   #sidemenu{ display: none !important;}
   #content-wrapper{ padding-left: 0% !important; padding-top: 0px !important;}
   #header .menu-button{ display: none !important;}
   table td{ font-size: 1em;}
   table td::before{ font-size: 0.85em;}
   .login{ width: 96%;}






}
@media (min-width:421px) and (max-width:480px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }

    .desk-view{
        display: none
   }
    .mob-view{
        display: block
   }

   .wrapper{ max-width: 96% !important;}
   .card{padding: 2em 1em; padding-bottom: 0px; margin-bottom: 2em !important; clear: both;}
   .stats{ margin-top: 0px !important;}
   .stats_item_number{ font-size: 2em !important;}
   .text-center{ text-align: end !important;}
   .add-new-for{ display: inherit;}
   .page-title::before{ display: none;}
   .page-title::after{ display: none;}
   .page-title{ font-size: 1em; text-align: center; margin-bottom: 1em;}
   .add-top{ display: inherit;}
   .addnew{ float: none; display: flex; justify-content: center; margin: 0 auto;}
   .search__container{ width: 100%; margin-top: 0.25em; margin-bottom: 0.25em;}
   .export{ display: flex; justify-content: center;}

   .booking-tripple{ width: 100%;}
   .booking-double{ width: 100%;}
   .vehicle-list-add{ width: 96%;}
   .footer-contact-container{ display: inherit;}
   .footer-contact{ display: inherit;}
   .footer-content{ height: inherit; border: none;}
   #sidemenu{ display: none !important;}
   #content-wrapper{ padding-left: 0% !important; padding-top: 0px !important;}
   #header .menu-button{ display: none !important;}
   table td{ font-size: 1em;}
   table td::before{ font-size: 0.85em;}
   .login{ width: 80%;}



}
@media (min-width:481px) and (max-width:580px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3%
   }

    .desk-view{
        display: none
   }
    .mob-view{
        display: block
   }

   .wrapper{ max-width: 96% !important;}
   .card{padding: 2em 1em; padding-bottom: 0px; margin-bottom: 2em !important; clear: both;}
   .stats{ margin-top: 0px !important;}
   .stats_item_number{ font-size: 2em !important;}
   .text-center{ text-align: end !important;}
   .add-new-for{ display: inherit;}
   .page-title::before{ display: none;}
   .page-title::after{ display: none;}
   .page-title{ font-size: 1em; text-align: center; margin-bottom: 1em;}
   .add-top{ display: inherit;}
   .addnew{ float: none; display: flex; justify-content: center; margin: 0 auto;}
   .search__container{ width: 100%; margin-top: 0.25em; margin-bottom: 0.25em;}
   .export{ display: flex; justify-content: center;}

   .booking-tripple{ width: 100%;}
   .booking-double{ width: 100%;}
   .vehicle-list-add{ width: 96%;}
   .footer-contact-container{ display: inherit;}
   .footer-contact{ display: inherit;}
   .footer-content{ height: inherit; border: none;}
   #sidemenu{ display: none !important;}
   #content-wrapper{ padding-left: 0% !important; padding-top: 0px !important;}
   #header .menu-button{ display: none !important;}
   table td{ font-size: 1em;}
   table td::before{ font-size: 0.85em;}
   .login{ width: 70%;}




}
@media (min-width:581px) and (max-width:680px){
   body {
       font-size:14px !important;
  }
   .container{
       width:100%;
       padding-left:3%;
       padding-right:3%
  }

   .desk-view{
       display: none
  }
   .mob-view{
       display: block
  }

  .wrapper{ max-width: 96% !important;}
   .card{padding: 2em 1em; padding-bottom: 0px; margin-bottom: 2em !important; clear: both;}
   .stats{ margin-top: 0px !important;}
   .stats_item_number{ font-size: 2em !important;}
   .text-center{ text-align: end !important;}
   .add-new-for{ display: inherit;}
   .page-title::before{ display: none;}
   .page-title::after{ display: none;}
   .page-title{ font-size: 1em; text-align: center; margin-bottom: 1em;}
   .add-top{ display: inherit;}
   .addnew{ float: none; display: flex; justify-content: center; margin: 0 auto;}
   .search__container{ width: 100%; margin-top: 0.25em; margin-bottom: 0.25em;}
   .export{ display: flex; justify-content: center;}

   .booking-tripple{ width: 100%;}
   .booking-double{ width: 100%;}
   .vehicle-list-add{ width: 96%;}
   .footer-contact-container{ display: inherit;}
   .footer-contact{ display: inherit;}
   .footer-content{ height: inherit; border: none;}
   #sidemenu{ display: none !important;}
   #content-wrapper{ padding-left: 0% !important; padding-top: 0px !important;}
   #header .menu-button{ display: none !important;}
   table td{ font-size: 1em;}
   table td::before{ font-size: 0.85em;}
   .login{ width: 65%;}



}
@media (min-width:681px) and (max-width: 768px){
   body {
       font-size:14px !important;
  }
   .container{
       width:100%;
       padding-left:3%;
       padding-right:3%
  }

   .desk-view{
       display: none
  }
   .mob-view{
       display: block
  }

  .wrapper{ max-width: 96% !important;}
   .card{padding: 2em 1em; padding-bottom: 0px; margin-bottom: 2em !important; clear: both;}
   .stats{ margin-top: 0px !important;}
   .stats_item_number{ font-size: 2em !important;}
   .text-center{ text-align: end !important;}
   .add-new-for{ display: inherit;}
   .page-title::before{ display: none;}
   .page-title::after{ display: none;}
   .page-title{ font-size: 1em; text-align: center; margin-bottom: 1em;}
   .add-top{ display: inherit;}
   .addnew{ float: none; display: flex; justify-content: center; margin: 0 auto;}
   .search__container{ width: 100%; margin-top: 0.25em; margin-bottom: 0.25em;}
   .export{ display: flex; justify-content: center;}

   .booking-tripple{ width: 100%;}
   .booking-double{ width: 100%;}
   .vehicle-list-add{ width: 96%;}
   .footer-contact-container{ display: inherit;}
   .footer-contact{ display: inherit;}
   .footer-content{ height: inherit; border: none;}
   #sidemenu{ display: none !important;}
   #content-wrapper{ padding-left: 0% !important; padding-top: 0px !important;}
   #header .menu-button{ display: none !important;}
   table td{ font-size: 1em;}
   table td::before{ font-size: 0.85em;}
   .login{ width: 60%;}




}
@media (min-width:769px) and (max-width:991px){
    .about-service{ width: 50%; float: left;}

}
@media (min-width:992px) and (max-width:1199px){
}
@media (max-width:992px) {
    .welcome-title{ font-size: 2em;}
    .service-title-home{ font-size: 2em;}
    .welcome-title br{ display: none;}
    .half_whole{width:80%;}
}

.section-main-bunner {
   position: relative;
   background: #232323;
   overflow: hidden;
}



@media (min-width: 992px) {
   .section-main-bunner {
       min-height:100vh;
height:100vh;
display: flex;
align-items: center;
justify-content: center;

   }
}

.section-main-bunner .main-bunner-img {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   opacity: 1;
}

@media (min-width: 1200px) {
   .section-main-bunner .main-bunner-img {
       left: 0px;
       right: 0px;
       bottom: -30px;
       top: -30px;
       animation: bunner-img 10s infinite;
   }
}

.section-main-bunner .main-bunner-inner {
   position: relative;
   flex: 1;
   z-index: 1;
   text-align: center;
}

.banner-caption{
   width: 100%;
   height: auto;
   position: absolute;
   left: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   padding-bottom: 0%;
}
.banner-caption-logo{
   width: 100%;
   height: auto;
   text-align: center;
}

.featured-text {
   color: #ababab;
   position: relative;
   font-family: 'Samsung Sharp Sans';
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   text-align: center;
   font-size:1.75em;
   line-height: normal;
 }
 .featured-text-inner {
   color: #7c5a26;
   position: relative;
   font-family: 'Samsung Sharp Sans';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   text-align:left;
   font-size:3em;
   line-height: normal;
 }

 .init-text {
   font-size: 1em;
   line-height: 1.5;
   font-family: inherit;
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   text-align: left;
   margin-top: 1em;
 }




.section-main-bunner.section-main-bunner-filter .main-bunner-img {
   opacity: 1;
}


@keyframes bunner-img {
   0% {
       transform: rotate(0deg);
   }
   50% {
       transform: rotate(1deg) scale(1.02);
   }
   100% {
       transform: rotate(0deg);
   }
}

.section-transform-top {
   position: relative;
   z-index: 1;
   transform: translateY(-12%);
}

@media (min-width: 992px) {
   .section-transform-top {
       transform: translateY(-50%);
   }
}


@media (max-width:992px) {
  .top-bar ul{ display: none;}
    #quick_view_bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: auto;
        background-color: #fff ;
       }
       .hide-menu{
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          z-index: 99999;
              padding: 15px 20px;
               visibility: visible;
               display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
overflow: auto;
       }

          .hide-menu a {
          width: auto;
          line-height: 1;
          font-size: 1.5em;
          float: left;
          display: flex;
          justify-content: center;
          margin: 0px 10px;

       }

       .hide-menu img {
          display: block;
          justify-content: center;
          margin: 0 auto;
       }


       .bottom-menu {
          width: 50px;
          height: 50px;
          display: flex !important;
          justify-content: center;
          align-items: center;
          /*border: 1px solid #f7f7f7;*/
            background-color: #fff;
            color: #666;
            border-radius: 50%;
            box-shadow: rgba(103, 103, 103, 0.2) 0px 8px 24px;

        }
       .section-main-bunner{ height:100vh; margin-bottom: 0px;}

       .footer-contact{ padding-bottom: 80px;}
       .footer{ padding-bottom: 125px;}
       #top-bar img{ height: 60px !important;}
       #top-bar{ padding:1em 0em !important}
       #header .menu-button{ display: none !important;}
       #sidemenu{ display: none !important;}
       .drop-menu ul li ul{ left: 0%; box-shadow: rgba(103, 103, 103, 0.2) 0px 8px 24px; padding: 0.5em 0.5em; background-color: #fff; z-index: 9;}
       .drop-menu ul li ul li a{ justify-content: center !important;}
       .top-menu{ top: 1em;}
       .drop-menu ul li a{  font-size: 1.35em;}
       .top-menu ul li{ margin-left: 0px;}
       .main-bunner-img { background-size: cover !important;}
       .address-enquiry .select{ width: 90%;}
       .user-type::before{margin: 12px 10px 0 0;}




}

@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
    .section-main-bunner{ height: auto;}
    .banner-main{ height: auto;}
    .welcome-left-pic{ display: none;}
    .welcome-left-title br{ display: none;}
    .values{ width: 33%;}
    .footer-content:nth-child(3){ width: 50%;}
    .footer-content:nth-child(2){ width: 50%;}
    .copy-right{ width: auto; text-align: left;}
    .designed{ width: auto; display: inherit;}
    .whats-app{ bottom: 70vh;}

    }