/************************************************* Header ********************************************************************/
#Header + main { margin-top:150px;}
#Header.border-bottom { border-bottom-width:3px !important;}
#Header .btn {}
#Header .cart { font-size:14px;}
#Header .cart .fs { font-size:15px;}
#Header .form-control { height:40px;}
#Header .btn { height:40px; padding:11px 25px;}
.pagetitle{padding-top:30px;font-size:30px;}
/********** Sections CSS **************************************************************************************************/
.products .border-bottom:nth-child(2) .item-sec  { border-left:1px solid #333;border-right:1px solid #333;}
.products .border-bottom:nth-child(5) .item-sec  { border-left:1px solid #333;border-right:1px solid #333;}
.products .border-bottom:nth-child(8) .item-sec  { border-left:1px solid #333;border-right:1px solid #333;}
.border-end, .border-start, .border-top, .border-bottom, .border { border-color:#333 !important;}
.fs{ font-size:10px;}
.pagination .page-item { margin:0 5px;}
.pagination .page-item.active .page-link {color: #000; background-color: #e4e4e4;}
.pagination .page-link { color: #fff; background-color: #5a5a5a; font-size:14px; font-weight:600;}
.pagination .page-link:hover {color: #000; background-color: #e4e4e4;}
/********** Footer ***************************************************************************************************/
#Footer p { font-size:13px;line-height: 20px; font-weight:600;}
.social-rounded li a { background:#fff; width:33px; height:33px; line-height:35px; color:#a50405; font-size:18px;}
.social-rounded li a:hover { background:#a50405; color:#fff;}
/*************************************************************************************************************/
/*.container{max-width:;}*/
.shrink {background:rgba(255,255,255,1); z-index:999;}
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(0,0,0,0.9) !important; z-index:999;}
.navbar-brand img {max-height:124px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:110px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:0 !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (max-width: 1600px) {
}
@media (max-width: 1400px) {
#Header { position:absolute; top:0; left:0; width:100%; z-index:2;}
#Header + main {margin-top: 78px;}
}
@media (min-width: 1920px) {
.container{max-width:1600px;}
}
@media (min-width: 1600px){
.container{max-width:1600px;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {	
#Header + main {margin-top: 100px;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header + main {margin-top:150px;}
.btn {padding: 8px 16px;}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{padding-top:7px;}
#Header { position:static; padding:10px 0;}
#Header + main {margin-top: 0;}
.cart { position:absolute; top:-8px; right:15px; z-index:2;}
.navbar {left: 0px; top: 20%; transform: translateY(-50%);}
.products .border-bottom:nth-child(2) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(5) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(8) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(even) .item-sec  { border-left:1px solid #333 !important;}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:static; padding:10px 0;}
#Header + main {margin-top: 0;}
.mobile-nav-active .mobile-nav-toggle.active {right: 0;}
.navbar {left: 15px !important; top: 37% !important; transform:translateY(-50%) !important;}
.cart { position:absolute; top:50px !important; right:15px; z-index:2;}
.btn { padding:10px 20px;}
}
@media (max-width:768px) {
.navbar-nav>li+li {margin-left: 0;}
.navbar .navbar-nav .nav-link { padding: 25px 27px;}
.copyright { margin-top: 0;}
.products .border-bottom:nth-child(2) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(5) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(8) .item-sec  { border-left:1px solid transparent;border-right:1px solid transparent;}
.products .border-bottom:nth-child(even) .item-sec  { border-left:1px solid #333 !important;}
.cart { position:absolute; top:-8px; right:15px; z-index:2;}
.navbar {left: 0px; top: 20%; transform: translateY(-50%);}
}
@media (max-width:575.98px) {
.container { max-width:100%;}
#Header { position:static;}
#Header + main {margin-top: 0;}
#Footer {padding: 50px 0;}
.copyright { margin-top: 0;}
.cart {top: 25px !important;}
.navbar{position:absolute; left:10px !important; top: 16% !important; transform: translateY(-50%) !important; z-index:9999;}
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:360px) {	
#Footer {padding: 50px 0;}
.copyright { margin-top: 0;}
.btn { padding:10px 20px;}
}