.btn:active, .btn:focus, .btn:hover, .form-control:focus, button:focus{outline:0; box-shadow:none;}
body {font-family: 'Montserrat', sans-serif; line-height:normal; /*min-width:1200px;*/ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

.navbar-light .navbar-brand {max-width:222px; }
.navbar-light .navbar-nav .nav-link{color:#333333; font-size:16px; padding:8px 15px; position:relative; }
.navbar-light .navbar-nav .nav-link:hover {color:#333333; }
.navbar-light .navbar-nav li + li .nav-link{border-left:solid 1px #CCCCCC; }
.navbar-light .navbar-nav .nav-link:hover{color:#666; }
.edit{padding:12px 18px 4px 0px; font-size:14px; color:#767676; text-indent:-7px;}
.navbar-light .navbar-nav li .hi-user{
		text-align:center;
    background: #FFF;
    border: solid 2px #dddddd;
    color: #656565;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: -5px;
    left: -10px;
    line-height: 21px;
    z-index: 10;
}
.navbar-light .navbar-nav li .hi-user:before { position: absolute; content:""; top: -7px; left: -7px; height: 34px; width: 34px; z-index: 7; border: 5px solid #dddddd; border-radius: 50%; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.navbar-light .navbar-nav .nav-link i { font-size: 22px; color: #999; }
.navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start;}
.navbar-expand-sm .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; }
.navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
.container {
    width: 1170px;
		max-width:100%;
}
.fancybox-slide{pointer-events: none;}
.modal-open {overflow:hidden; overflow-y:auto;}
.point{cursor: pointer;}
#carouselThought.carousel-fade .carousel-item p{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both;-webkit-animation-name:zoomOut;animation-name:zoomOut}
#carouselThought.carousel-fade .carousel-item.active p{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.slide-menu .nav-pills .nav-link.active, .slide-menu .nav-pills .show>.nav-link { color: #007bff; background-color: transparent; }
.table-responsive tr td,.table-responsive thead th{text-transform: uppercase;}
.stock_list.bg-success td,
.stock_list.bg-danger td,
.stock_list.bg-info td,
.stock_list.bg-secondary td{ color: #fff; }
.table_scroll{overflow-x: scroll;}
.f-details h4 {     color: #333;
    font-size: 25px;
    font-weight: 700;
    padding: 7px 0px 0px 0px;}

/* Loading message ------------------------------------------------------------------------------ */
#loading_container {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 1111;

}
#loading_container2 {
  width: 100%;
  height: 100%;
  display: table;
}
#loading_container3 {
  display: table-cell;
  vertical-align: middle;
}
#loading_container4 {
  width: 200px;
  height: 180px;
  position: relative;
  /*background-color: #fff;*/
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #666;
  padding: 120px 0 6px 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing:     border-box;
  box-sizing:          border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  margin: 0 auto 0 auto;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}
#loading_container4:before {
    width: 100%;
    position: absolute;
    top: 27px;
    left: 0;
    font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 6rem;
    line-height: 4rem;
    text-align: center;
    color: #6ebe51;
    content: '\f013';
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
#TScroll .table .bg-secondary thead th {background: #6c757d !important;}


.alert .alert-danger p { color: #a94442; }
.alert .alert-success p { color: #3c763d; }
.alert .alert-info p { color: #31708f; }
.alert .alert-warning p { color: #8a6d3b; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform:         rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform:         rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform:         rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform:         rotate(359deg);
  }
}
/* ----------------------------------------------------------------------- Loading message */





/* ==============================
     Responsive
   ============================== */

@media only screen and (min-width:576px) {
}

@media only screen and (min-width:768px) {
}

@media only screen and (min-width:992px) {
  .custom-search{padding-right:56px; }
}

@media only screen and (min-width:1200px) {
  .form-group.px-2 {
    padding: 0 15px !important;
}

}


@media only screen and (max-width:1620px) {
	.pro-list li{width:33.33%; padding:7px 2px; }
	.pro-list {max-width:640px; }
	.anything img {width: auto; height: 100px;}
	.pro-list li:nth-child(3n+0) {padding-left:20px; }
	.anything h4{font-size:25px; }
	.contant-left.p-5.border-0.shadow-t .p-details .col-8{-ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	
	
}
@media only screen and (max-width:1359px) {
	.business-profile .requirement{display:none;}
}

@media only screen and (max-width:1299px) {
	.f-details span.Kraft {display:block; padding-bottom:18px;}
	.md-w-100 {width:100% !important;}
	

}

@media only screen and (max-width:1279px) {
	.pro-list li{font-size:14px; padding:5px 2px; }
	.anything img {width:auto; height: 100px; }
	.anything h4{font-size:23px; }
}
@media only screen and (max-width:1200px) {
  .navbar-light .navbar-nav .nav-link {font-size: 13px; padding: 8px 9px;}
  li.nav-item .nav-link span.whatsapp:before {font-size: 25px;}


}

@media only screen and (max-width:767px) {
	.p-details .btn-primary span {float:left;}
  .font-14 {font-size: 14px;}
}

@media only screen and (max-width:575px) {



}

@media only screen and (max-width:359px) {
}


@media (min-width: 1200px) and (max-width: 1649px) {

}
