/************************************************* Header ********************************************************************/
/*.Leftimg{background:url(../images/left.png) repeat-y top left; position:absolute; top:0px; left:0px; right:0px; height:100%; z-index:-1;}
.Rightimg{background:url(../images/right.png) repeat-y top right; position:absolute; top:0px; left:0px; right:0px; height:100%; z-index:-1;}*/

#Header + main {margin-top:52px;}
#Header .Toplink a{color:#fff;} #Header .Toplink a:hover{color:#2f2c2c;}  
#Header a{color:#fff;} #Header a:hover{color:#35bacd;}
#Header .input-group{width:100%;}
#Header .input-group .form-control{border-color:#ccc; border-radius:0px; box-shadow:none; color:#fff; font-size:12px; height:36px;border-right:none;font-family: 'Montserrat', sans-serif;} 
#Header .input-group .btn{padding:1px 10px; border-radius:0px; border-color:#ccc; border-left:none; color:#fff; font-size:12px; height:36px;} 
#Header .input-group .btn:hover{color:#fff;}
#Header .form-control::placeholder{color:#ccc;}


#search {z-index:99; right:15px; width:270px; top:30px;}
#search .form-control{height:36px; border-radius:0px; border-color:#fff; font-size:12px;} 
#search .btn{height:36px;border-radius:0px; padding:10px 14px !important;border-color:#666666; background:#666666; font-size:12px; letter-spacing:.050em;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0;left:0;bottom:-8%;right:0; font-size:80px; line-height:.9; text-shadow:5px 5px 5px rgba(0,0,0,.5);} 

#Category .position-relative{border:solid 1px #dadada; box-shadow:10px 10px 10px rgba(0,0,0,.07);}
.CatText{position:absolute; left:0px; right:0px; bottom:0px; position:absolute; z-index:99; background:rgba(255,255,255,.7); padding:5px; font-size:20px;}
.CatText a {color:#464646!important;}
.Sliderpro .ProImg{border:solid 1px #dadada;}
.Sliderpro .Textbox{padding:15px 20px;} .Sliderpro .Textbox .ProName{line-height:25px; font-size:14px; min-height: 105px;}
.Sliderpro .btntext a{padding:8px 25px; color:#fff;} .Sliderpro .btntext a:hover{color:#000;}
.Sliderpro .Slider {position:relative; padding:0px;}
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {position:absolute; top:33%; right:-20px; z-index:99; cursor:pointer;}
.Sliderpro .Slider .cycle-prev {left:-20px; right:auto;}.Sliderpro .Slider .slideshow {overflow:hidden;}
.Sliderpro .Slider .slideshow .isItem {white-space:normal; vertical-align:top;}


/********** Additional CSS **************************************************************************************************/

.NewProducts .pro-img {height: 200px;object-fit: contain;}
.BestSellers .pro-img {height: 200px;object-fit: contain;}
.sold-title {color: red;font-weight: bold;}
.aws-container .aws-search-form {width: 130%!important;}
.aws-container .aws-show-clear .aws-search-field {padding-right: 10px!important;}

/********** Testimonials **************************************************************************************************/
#TestiArea{padding:60px 0 0px 0; color:#79787f; font-size:20px; line-height:35px;} 
#Testimonials .Name{font-size:16px; color:#000; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700;}
#Testimonials .carousel-indicators {position:static; margin-top:40px;}
#Testimonials .carousel-indicators li{width:8px; height:8px; margin:0 2px; background-color:#464646;border:solid 1px #464646; border-radius:50%; opacity:1;}
#Testimonials .carousel-indicators li.active {background-color:#000; border:solid 1px #000;}

.Newsletter .input-group{width:798px;}
.Newsletter .input-group .form-control{background:#ededed; border-radius:0; border:0 !important; box-shadow:none; color:#6a6a6a; height:60px; padding-left:25px;} 
.Newsletter .input-group .btn{height:60px; padding:13px 25px; background:#ededed; color:#0090df; font-size:22px;}.Newsletter .input-group .btn:hover{color:#000;}
.Newsletter .form-control::placeholder{color:#6a6a6a;}

.SplOffer {background:url(../images/home-btmimg.jpg) no-repeat top center; min-height:450px; display:flex;justify-content:center;align-items:center;margin:auto;top:0;left:0;bottom:0;right:0; font-size:80px; text-shadow:5px 5px 5px rgba(0,0,0,.5);line-height:.9;}

#Footer{color:#061822; font-size:13px; line-height:30px;} #Footer h3{font-size:15px;}
#Footer a,#Footer .SoacilLink a:hover{color:#033b59;} #Footer a:hover,#Footer .SoacilLink a{color:#000;}
#Footer .list-inline-item:not(:last-child) {margin-right:10px;}
#Footer hr{background-color:#0d6595 !important; margin:30px 0px; opacity:1;}
#Footer .Copytext{letter-spacing:.1em; font-size:12px;}

.Listing {padding:0px; margin:0px; list-style-type:none;}
.Listing li{background:url(../images/icon1.png) no-repeat 1.1em .45em; padding:4px 0 4px 45px;}
#Innerpages{min-height:500px;} .imgop{opacity:.3;}

/*************************************************************************************************************/
.container-fluid{}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */

/* 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,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:10px 0px 0px 0px;}
.shrink .navbar-brand{padding:7px 0px;}

.col-1-5{
    width:25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.container{max-width:990px !important;}
}

@media (min-width: 1920px) {}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.col-1-5{
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
.MainBanner .carousel-caption {bottom:-25%; font-size:50px;} 
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static; background:#000;padding:8px 0px;} #Header + main {margin-top:0px;} 
.MainBanner .mask{display:none;} .MainBanner .carousel-caption {bottom:0%; font-size:40px;} 
.Newsletter .input-group{width:100%;}
.SplOffer {min-height:unset; font-size:50px; padding:100px 0px;}
.boxheight{min-height:200px;}
.col-1-5{
    width:33.333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .aws-container .aws-search-form {width: 100% !important;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header {position:static; background:#000; padding:0px 0px 8px;} #Header + main {margin-top:0px;} 
.MainBanner .mask{display:none;} .MainBanner .carousel-caption {bottom:0%; font-size:40px;} 
.Newsletter .input-group{width:100%;}
.SplOffer {min-height:unset; font-size:50px; padding:100px 0px;}
.boxheight{min-height:200px;}
.col-1-5{
    width:50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.container{max-width:96% !important;}
.ls-2{letter-spacing:.1em !important;}
.aws-container .aws-search-form {width: 100% !important;}
}

@media (max-width:575.98px) {
.Homebnr img {
    height:170px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.col-1-5{
    width:100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.MainBanner .carousel-caption {bottom:0%; font-size:26px;} 
.SplOffer {min-height:unset; font-size:30px; padding:70px 0px;}
.Leftimg,.Rightimg{background:none;}
.CatText {padding:4px; font-size:14px;}
}
/* X-Small devices (portrait phones, less than 576px) */