trhfont-face {
    font-family: 'builttitlingrg';
    src: url('../fonts/builttitlingrg.eot');
    src: url('../fonts/builttitlingrg.eot') format('embedded-opentype'),
         url('../fonts/builttitlingrg.woff2') format('woff2'),
         url('../fonts/builttitlingrg.woff') format('woff'),
         url('../fonts/builttitlingrg.ttf') format('truetype'),
         url('../fonts/builttitlingrg.svg#builttitlingrg') format('svg');
}
@font-face {
    font-family: 'builttitlingbd';
    src: url('../fonts/builttitlingbd.eot');
    src: url('../fonts/builttitlingbd.eot') format('embedded-opentype'),
         url('../fonts/builttitlingbd.woff2') format('woff2'),
         url('../fonts/builttitlingbd.woff') format('woff'),
         url('../fonts/builttitlingbd.ttf') format('truetype'),
         url('../fonts/builttitlingbd.svg#builttitlingbd') format('svg');
}


body{background-color: #F6F6F6; font-family: 'Lato', sans-serif;}

/* navigation section */
.nav-gray {background-color: #484848; padding: 0px 15px;}
.container-fluid { max-width: 1920px;}
.navbar-light .navbar-nav .nav-link { line-height: normal; font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.nav-gray .dropdown-toggle::after { vertical-align: 0.155em;}
ul.social-icon { display: flex; margin: 0px; padding: 0px;}
ul.social-icon li{margin: 0px 5px; list-style: none; }
/* navigation section */


/* banner section */
.banner { background: url(../images/banner-img.png) no-repeat; background-size: cover; padding: 30px 30px 40px; text-align: center;}
.banner strong{font-size: 56px; font-family: 'Roboto', sans-serif;  font-weight: bold; color: #fff; text-transform: uppercase;}
.banner h1{font-size: 178px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0px; color: #fff; text-transform: uppercase; line-height: 139px;}
.banner .btn-banner { margin-top: 40px; font-family: 'Roboto', sans-serif; font-weight: bold; background-color: #FFB300; padding: 5px 55px; border-radius: 0px; font-size: 36px; color: #fff; }

.customcard h2 { font-size: 22px;  margin: 0px 0px 10px; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; color: #025F83;}
.customcard {padding: 15px; border-bottom: #025F83 solid 3px; background-color: #fff; box-shadow: 0px 0px 4px #efefef;}
.customcard strong{font-family: 'Open Sans', sans-serif; margin: 0px 0px; display: block; font-size: 16px; font-weight: bold; color: #484848;}
.custom-carousel .carousel-control-next-icon {    background-image: url(../images/right-arrow.png);}
.custom-carousel .carousel-control-prev-icon {    background-image: url(../images/left-arrow.png);}
.custom-carousel .carousel-control-prev-icon, .carousel-control-next-icon {width: 20px; height: 34px;}
.veiw-all {color: #025F83; font-size: 16px;}
.cardborder { border: #D1D1D1 solid 1px; width: 100%; height: 100%;}
.cardborder .imgcard { padding: 10px; width: 100%; text-align: center; background: #fff; }
.cardborder .graycard{ background-color: #F6F6F6; padding: 25px 15px;}
.cardborder .graycard .smalltext  { color: #444444; font-size: 12px; font-family: 'Open Sans', sans-serif;}
.cardborder .graycard h3 {color: #025F83; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin: 15px 0px;}
.cardborder .graycard .text1  { color: #444444; margin-bottom: 15px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.cardborder .graycard .priceingtext{ color: #444444; font-size: 14px; font-family: 'Open Sans', sans-serif; text-decoration: line-through;}
.cardborder .graycard .logintext {color: #4F8318; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.table.customtable th {text-transform: uppercase; border-top: none; font-family: 'Lato', sans-serif; font-size: 14px; color: #484848;}
.table.customtable td {border: none;}
.table-list-img { padding:5px; background-color: #fff; border: #D1D1D1 solid 1px; width: 60px; height: 60px;}
.table-list-img img {display: block; width: 100%;}
.w-65 { width: 65px;}
.headingtext{
    font-size: 22px;
    margin: 0px 0px 10px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #025F83;
}
.slideitem{padding: 10px;}
.slide-img { text-align: center;}
.slick-slide .slide-img img { display: inline-block; width: 100%; max-width: 114px;}
.slidetext{color: #444444;font-family: 'Open Sans', sans-serif; text-align: center; font-size: 14px; }
.slide-item { width: 100%; height: 100%; border: #D1D1D1 solid 1px; padding: 15px; text-align: center;}
.customslider .slick-next:before {    content: '';    background: url(../images/right-arrow.png) no-repeat; position: absolute;    width: 19px !important; height: 33px !important;    right: 0px;    top: 0px;}
.customslider .slick-prev {    left: -14px;}
.customslider .slick-next {    right: -14px;}
.customslider .slick-prev:before {    content: ''; background: url(../images/left-arrow.png) no-repeat; position: absolute;    width: 19px !important; height: 33px !important;    left: 0px; top: 0px;}
.customslider .slick-prev,.customslider .slick-next {width: 19px; height: 33px;}
a { color: #025F83;}
.customcard strong.strongtext {    color: #025F83;    font-size: 16px;    font-weight: bold;    font-family: 'Open Sans', sans-serif;    margin: 0px 0px 3px;}
.ptext{    color: #444444;    font-size: 14px;    font-family: 'Open Sans', sans-serif;}
.customslider .slick-slide img {display: inline-block;}
/* Search Result page */
.sidebarnavigation {padding-bottom: 50px; border-right: #D1D1D1 solid 1px; padding-top: 20px;}
.sidebarnavigation ul { margin: 0px 0px 0px; padding: 0px;}
.sidebarnavigation ul li{list-style: none; margin: 0px 0px 10px;}
.sidebarnavigation ul li a{ position: relative; padding-left: 22px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 16px;}
.sidebarnavigation ul li a:hover{text-decoration: none;}
.sidebarnavigation ul li a::after{content: ""; width: 15px; height: 15px; background: url(../images/plus-icon.png) no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -7.5px;}


/* Product detail page */
.customcardbock { background: #fff; border-top: #D1D1D1 solid 1px; padding: 30px 50px;}
.image-gallery { display: flex; align-items: center; justify-content: center; padding: 0px;}
.image-gallery li {list-style: none;   margin: 15px;}
.image-gallery li:first-child{margin-left: 0px;}
.image-gallery li:last-child{margin-right: 0px;}
.image-gallery li a {display: block; border: #E2E2E2 solid 1px; padding: 5px;}
.image-gallery li a .thumbnail-image { width: 110px;
    height: 110px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}
.image-gallery li a img {width: 100%;}

.bigimg{
    width: 100%;
    height: 590px;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
}

.list-img { width: 37px; height: 37px; background: url(../images/list-img.png) no-repeat;}
.grid-img { width: 37px; height: 37px; background: url(../images/grid-img.png) no-repeat;}
.list.cardborder {padding: 20px 25px;}
.list.cardborder .graycard {    padding: 0px 25px;}
.list.cardborder .imgcard {width: 200px;}
.list.cardborder .graycard {width: calc(100% - 200px);}
.list.cardborder .imgcard img{width: 100%; max-width: 150px;}
.nav a.active .list-img {background: url(../images/list-img-active.png) no-repeat;}
.nav a.active .grid-img {background: url(../images/grid-img-active.png) no-repeat;}

.productdetailpricing-section {border: #D1D1D1 solid 1px;}
.productdetailpricing-section .smalltextbold {color: #025F83; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.productdetailpricing-section h2 {color: #025F83; font-weight: bold; margin: 0px; font-size: 36px; font-family: 'Open Sans', sans-serif; }
.textborder { border-top:#DADADA  solid 1px; border-bottom:#DADADA  solid 1px; padding: 25px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #444444;}

.radio_container {
    display: flex;
}

.radio_container input[type="radio"] {
    appearance: none;
    display: none;
}

.radio_container label {
    font-family: 'Open Sans', sans-serif; 
    font-size: 16px;
    display: flex;
    line-height: normal;
    justify-content: center;
    padding-right: 8px;
    border-radius: 5px;
    padding-left: 8px;
    margin-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    align-items: center;
    background-color: #EEEEEE;
    text-align: center;
    overflow: hidden;
    transition: linear 0.3s;
    color: #8C91A3;
}

.price-section {
 border-top: #D1D1D1 solid 1px; background-color: #EEEEEE; padding: 15px;
}
.price-section .list-price {color: #484848; font-size: 16px; font-family: 'Open Sans', sans-serif; }
.price-section .list-price span { text-decoration: line-through;}
.price-section h3{font-family: 'Open Sans', sans-serif; color: #025F83; font-size: 36px; font-weight: bold; list-style: none; margin: 0px;}
.price-section .addtocart input{background-color: #fff; text-align: left; padding: 15px 215px 15px 15px; border: #D1D7DC solid 1px; border-radius: 5px; font-family: 'Open Sans', sans-serif;}
.price-section .addtocart .quantityinput {font-size: 16px;  box-shadow: 0px 0px 6px #d2d2d2;   height: calc(1.5em + 1rem + 15px); font-family: 'Open Sans', sans-serif; color: #BBBBBB;}
.price-section .addtocart { position: relative; margin-top: 7px;}
.price-section .addtocart .addtocart-btn { position: absolute; right: 0px; top: 0px; height: 55px; color: #fff; background-color: #4F8318; font-weight: bold; border-radius: 0px 5px 5px 0px; width: 211px; font-family: 'Lato', sans-serif; font-size: 14px;}
.bluebg-section{background-color: #025F83; padding: 12px 15px; text-align: center; color: #fff; font-size: 16px;  font-family: 'Open Sans', sans-serif;}
.bluebg-section a{ color: #fff; text-decoration: underline;}
.radio_container input[type="radio"]:checked + label {    background-color: #025F83;    color: #f1f3f5;    transition: 0.3s;}
.icon-expand { display: block; width: 28px; height: 28px; background: url(../images/plus-expand.png) no-repeat;}
.btn-link-custom:not(.collapsed) .icon-expand { background: url(../images/minus-expand.png) no-repeat !important;}
.accodiontext { font-size: 24px; color: #025F83; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.accodiontext:hover{ text-decoration: none;}
.btn-link-custom { padding-top: 10px; padding-bottom: 10px;}
.btn-link-custom:hover{    text-decoration: none;}
.custom-accordian-list .card-header { margin: 0px; padding: 0px; background-color: transparent; border-bottom: none;}
.custom-accordian-list ul li { list-style: none;}
.customborder { border-bottom: #D6D6D6 solid 1px; border-left: 0px; border-top: 0px; border-right: 0px;}
.customborder:first-child {border-top: #D6D6D6 solid 1px;}
.customborder button:focus { outline: none; box-shadow: none; border:none; text-decoration: none; }
.customborder .card-body {    padding: 0.2rem 2.6rem 1rem;  font-family: 'Open Sans', sans-serif; font-size: 16px; color: #444444; }
.customcardbockblue{background-color: #025F83; text-align: center; padding: 15px;}
.borderbottom-blue { border-bottom: #025F83 solid 4px;}
.banner-img { margin-top: 25px; margin-bottom: 25px;}
.strike {text-decoration: line-through;}
.totalprice-section  {
    border-top: #D3D3D3 solid 1px;
    border-bottom: #D3D3D3 solid 1px;
    padding-top: 15px; padding-bottom: 15px;
}
.totalprice-section .pricetext { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 16px; color: #025F83;}
.address-card{  background-color: #FFFFFF; padding: 15px; margin-bottom: 15px;}
.address-card .iconblock { width: 50px; height: 50px; background-color: #E2E2E2; display: flex; align-items: center; justify-content: center;}
.address-card strong{ font-weight: bold; font-family: 'Open Sans', sans-serif; color: #484848; line-height: normal;}
.address-card .bluetext{ font-weight: normal; font-family: 'Open Sans', sans-serif; color: #025F83; line-height: normal;}




/* checkout page */
.checkout-accordian .card{border: none;}
.checkout-accordian .card .card-header { background-color: #fff; border-bottom: none; padding-left: 0px; padding-right: 0px;}
.checkout-accordian .card .card-header button { padding-top: 0px; padding-bottom: 0px; font-family: 'Open Sans', sans-serif; padding-left: 0px; padding-right: 0px; font-size: 22px; font-weight: bold; color: #BBBBBB;}
.checkout-accordian .card .card-header button:focus{ outline: none; border: none; box-shadow: none; }
.checkout-accordian .card .card-body { padding-left: 0px; padding-right: 0px; }
.checkout-accordian .card .card-header button:not(.collapsed){color: #025F83;}
.checkout-accordian .completed .card-header button { color: #4F8318;}
label { font-family: 'Open Sans', sans-serif; color: #444444; }


.customc-cardblock {
  position: relative;
  background-color: #F6F6F6;
  padding-bottom: 60px;
}

.viewdetailblock {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

/* download pdf css */
.customflexbox {
  display: flex;
  align-items: center;
}

a.pdfblock {
  display: flex;
  padding: 15px;
  margin-top: 20px;
  border-radius: 10px;
  background: #606060;
}

a.pdfblock:hover {
  text-decoration: none
}

a.pdfblock .pdf-section {
  width: calc(100% - 74px);
  padding-right: 5px;
}

a.pdfblock .pdf-section h3 {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
}

a.pdfblock .pdf-section p {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-bottom: 0px;
}

a.pdfblock .pdf-img5 {
  width: 74px;
  margin-top: -25px;
}


/* promotion page */
.myaccount-sidebar { background-color: #e5e5e5; padding-bottom: 45px; width: 380px; position: absolute; left: 0px; bottom: -47px; top: -24px; overflow-x: hidden;    overflow-y: auto;    min-height: 570px;    z-index: 1;}
.sidebar-title { background-color:#025F83; padding: 15px 25px;}
.sidebar-title h2 { margin: 0px; font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 28px;}
.myaccount-sidebar .text1 { font-size: 16px; color: #514f4e; font-family: 'Open Sans', sans-serif;line-height: normal; }
.myaccount-sidebar .text2 { font-size: 18px; font-weight: 700; color: #025F83; font-family: 'Open Sans', sans-serif; line-height: normal; }
.myaccount-sidebar .text-4 { color: #025F83; font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.myaccount-sidebar .text-5 { color: #514f4e; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.myaccount-sidebar ul.sidebarnav { margin: 45px 0px 0px; padding: 0px;}
.myaccount-sidebar ul.sidebarnav li {margin: 0px 0px;list-style: none; }
.myaccount-sidebar ul.sidebarnav li a{color: #514f4e;  padding: 10px 25px; display: block;   font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.myaccount-sidebar ul.sidebarnav li a.active, .myaccount-sidebar ul.sidebarnav li a:hover { background-color: #025F83; color: #fff;}
.myaccount-sidebar ul.sidebarnav li a:hover { text-decoration: none;}
.icon-img { margin-left: -16px;    position: absolute;}
.custom-card-footer {position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 15px; background-color: #025F83;}
.custom-card-footer span{font-size: 12px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #fff;}
.custom-card-footer span a{font-size: 12px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #fff;}
.custom-card-footer span.h3{font-size: 18x; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #fff;}
.w-12 {width: 12px;}
.pb-56{ padding-bottom: 56px;}
.slick-dots li button:before { font-size: 14px;}
.slick-dots li.slick-active button:before {color: #4F8318; opacity: 1;}
.mainsection {    padding-left: 388px;    padding-right: 0px;}

/* modal page */
.custom-modal h2{ font-size: 20px; color: #484848; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.border-right {    border-right: 1px solid #CECECE !important;}
/* documentation page */
.documentation-content p,.documentation-content strong {font-family: 'Open Sans', sans-serif;}
.border-lg-right { border-right: 0px;}
.closeimg { position: absolute; right: 5px; top: 2px;}
.radio {    margin: 0.5rem;    position: relative;  }
.radio input[type=radio] {    position: absolute;    opacity: 0;  }
.radio input[type=radio] + .radio-label:before {    content: "";    background: #f4f4f4;    border-radius: 100%;    border: 1px solid #b4b4b4;    display: inline-block;    width: 1em;    height: 1em;    position: absolute;    left: 0px;    top: 0.2em;    margin-right: 1em;    vertical-align: top;    cursor: pointer;    text-align: center;    transition: all 250ms ease;  }
.radio input[type=radio]:checked + .radio-label:before {    background-color: #025F83;    box-shadow: inset 0 0 0 2px #f4f4f4;  }
.radio input[type=radio]:focus + .radio-label:before {    outline: none;    border-color: #025F83;  }
.radio input[type=radio]:disabled + .radio-label:before {    box-shadow: inset 0 0 0 2px #f4f4f4;    border-color: #b4b4b4;    background: #b4b4b4;  }
.radio input[type=radio] + .radio-label:empty:before {    margin-right: 0;  }  
.radio label{ margin-bottom: 0px; padding-left: 25px;}
.radio label strong { font-weight: bold; font-family: 'Open Sans', sans-serif; color: #4F8318;}
.radio label span { display: block; margin-bottom: 15px; font-weight: normal; font-family: 'Open Sans', sans-serif; color: #484848; line-height: normal;}
.radio.disbled label strong{color: #b8b8b8;}
.radio.disbled label span{color: #b8b8b8;}
.form-select {display: block;    width: 100%;    padding: 0.375rem 2.25rem 0.375rem 0.75rem;    -moz-padding-start: calc(0.75rem - 3px);    font-size: 1rem;   font-weight: 400;    line-height: 1.5;    color: #484848;    background-color: #fff;    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");    background-repeat: no-repeat;    background-position: right 0.75rem center;    background-size: 16px 12px;    border: 1px solid #ced4da;    border-radius: 0.25rem;    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;  }
  @media (prefers-reduced-motion: reduce) {
    .form-select {transition: none;}
  }
  .form-select:focus {border-color: #86b7fe;    outline: 0;    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);  }
  .form-select[multiple], .form-select[size]:not([size="1"]) {    padding-right: 0.75rem;    background-image: none;  }
  .form-select-lg {    padding-top: 0.7rem;    padding-bottom: 0.7rem;   padding-left: 1rem;    border-radius: 0.3rem;  }
/* common css */
.gx-2 { margin-right: -5px; margin-left: -5px;}    
.p-relative { position: relative;}
.gx-2 > *{padding-left: 5px; padding-right: 5px;}
.fs-14 { font-size: 14px;}
.fs-16 { font-size: 16px;}
.fs-24 { font-size: 24px !important;}
.fs-20 { font-size: 20px !important;}
.w-235px {width: 235px !important;}
.custom-pt-2{padding-top: 2px;}
.ptext-white{    color: #fff;    font-size: 16px;    font-family: 'Open Sans', sans-serif;}
.humber-icon { display: none;} 


/* College punchout page */
.innerbannerbg {background: url(../images/innerbannerbg.png); padding: 8px 15px;}
.welcomtext {font-family: 'builttitlingrg'; font-size: 80px; color: #fff; line-height: 72px; }
.welcomtext2 {font-family: 'builttitlingbd'; font-size: 24px; color: #fff;}
.innerbanner-img { background: url(../images/banner-img-1.png) no-repeat;}
.innerbanner-img { margin-top: 15px;}
.myorderbg { background-color: #025F83; border-radius: 5px; position: relative; overflow: hidden; box-shadow: 0px 0px 5px #939393;}
.myorderbg .myorderblcok {padding: 18px 86px 18px 20px;}
.myorderbg .myorderblcok h3 { color: #fff; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px;}
.myorderbg .myorderblcok p { color: #fff;  font-family: 'Open Sans', sans-serif; font-size: 16px; margin-bottom: 0px;}
.myorderbg .magnifire-img  {  position: absolute; top: 0px; right: 0px; height: 80px;    width: 85px; display: flex; background-color: #4CACD1; align-items: center; justify-content: center;}

.myfavoratebg { padding: 17px 20px; background-color: #4F8318; border-radius: 5px 5px 0px 0px; position: relative; overflow: hidden; box-shadow: 0px 0px 5px #939393;}
.myfavoratebg h3 { color: #fff; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px;}
.myfavoratebg p { color: #fff;  font-family: 'Open Sans', sans-serif; font-size: 16px; margin-bottom: 0px;}
a.d-block:hover { text-decoration: none;}
.favorate-img { border: #707070 solid 1px;}
.whitebg { background-color: #fff; overflow: hidden;}
.whitebg .whitebg-card  h2{    font-size: 22px;    margin: 0px 0px 10px;    font-family: 'Lato', sans-serif;    font-weight: bold;    text-transform: uppercase;    color: #025F83;}
ul.custom-list {margin: 0px; padding: 0px;}
ul.custom-list li { list-style: none; margin-bottom: 10px; padding-left: 15px; position: relative;}
ul.custom-list li::after{ content: ""; position: absolute; left: 0px; top: 12px; width: 4px; height: 4px; background-color: #444444; border-radius: 50%; }
.card-custom { text-align: center;}
.card-custom .img{ margin-bottom: 10px;}
.card-custom p{ margin-bottom: 20px;}
.bluebg-card{background-color: #025F83; padding: 45px 0px 45px 45px; position: relative; max-width: 450px;}
.bluebg-card::before{ content: ""; background-color: #025F83; position: absolute; top: 0px; bottom: 0px; width: 870px; right: -870px;}
.bluebg-card h3 {color: #fff; margin-bottom: 24px; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.imgblock-div { width: 100px; height: 100px; background-color: #fff;}
.product-specialist h4 {font-family: 'Lato', sans-serif; font-size: 22px; color: #fff;}
.product-specialist p {font-family: 'Lato', sans-serif; font-size: 16px; color: #fff; margin: 0px;}
.product-specialist a {font-family: 'Lato', sans-serif; font-size: 16px; color: #fff; margin: 0px; text-decoration: underline;}
.product-specialist a.contactbtn {border: #fff solid 1px; text-transform: uppercase; padding: 10px 25px; margin-top: 20px; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none;}
.product-specialist a.contactbtn:hover { text-decoration: none;}
.minibanner1  { position: relative;}
.minibanner1 .bgtranparent1 {padding: 15px 15px 15px 35px;  background: rgba(11, 83, 112, 0.7); position: absolute; bottom: 20px;}
.minibanner1 .bgtranparent1 h3 { color: #fff; font-family: 'Lato', sans-serif; font-size: 30px; margin: 0px; text-transform: uppercase; font-weight: bold; }
.minibanner1 .bgtranparent { padding: 25px 45px; background: rgba(11, 83, 112, 0.7); position: absolute; bottom: 50px; width: 515px;}
.minibanner1 .bgtranparent h4{font-weight: bold; font-size: 48px; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif;}
.minibanner1 .bgtranparent p{font-weight: normal; font-size: 18px; color: #fff; font-family: 'Lato', sans-serif; margin-bottom: 0px;}
.minibanner1mt-4 { margin-top: 44px;}
.tag-img { position: absolute; color: #FFFFFF; font-size: 18px;  font-family: 'Open Sans', sans-serif; font-weight: bold; padding: 10px; background-color: #78BE20;}
.bottombg {background-color: #202020;}
.bottombg {color: #FFFFFF; font-size: 14px; font-family: 'Lato', sans-serif;}

/* best seller */
.cardborder-custom {background-color: #F6F6F6 !important;}
.subheading {
    font-weight: bold;
    color: #484848;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
  }

  .subheading a {
    color: #78BE20;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
  }

  .cardborder {
    border: #D1D1D1 solid 1px;
    width: 100%;
    height: 100%;
  }

  .cardborder .imgcard {
    padding: 10px;
    width: 100%;
    text-align: center;
    background: #fff;
  }

  .customslider .slick-slide img {
    display: inline-block;
  }

  .customslider5 .slideitem {
    padding: 5px;
  }

  .customslider5 .slick-arrow {
    border: none;
    width: 49px;
    height: 49px;
    border-radius: 0px;
    background: transparent
  }

  .customslider5 .slick-arrow:before {
    display: none
  }

  .customslider5 .slick-next {
    background: url('../images/custom-right-arrow.png') no-repeat;
    right: -47px
  }

  .customslider5 .slick-prev {
    background: url('../images/custom-left-arrow.png') no-repeat;
    left: -47px
  }

  .cardborder .graycard {
    background-color: #F6F6F6;
    padding: 25px 15px;
  }

  .cardborder .graycard .smalltext {
    color: #444444;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
  }

  .cardborder .graycard h3 {
    color: #025F83;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0px;
  }

  .cardborder .graycard .text1 {
    color: #444444;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
  }

  .cardborder.cardborder-custom .graycard h3 {
    margin: 10px 0px;
  }

  .cardborder.cardborder-custom .graycard .priceingtext {
    color: #444444;
    text-decoration: line-through;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
  }

  .cardborder.cardborder-custom .graycard a.logintext {
    color: #78BE20;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
  }

  .graycard-box {
    background: #EFEFEF;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .cardborder-custom .buget {
    position: absolute;
    color: #fff;
    top: 0px;
    left: 0px;
    background: #78BE20;
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
  }

  .cardborder-custom .imgcard {
    position: relative;
  }

  .section-gray {
    background: #EFEFEF;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .container2 {
    padding: 0px 140px;
  }

  .customslider5 .slick-track {
    margin-left: 0;
  }

  @media only screen and (max-width: 767.5px) {
    .customslider5 .slick-arrow {
      top: 42%;
    }

    .customslider5 .slick-prev {
      left: 3px;
    }

    .customslider5 .slick-next {
      right: 3px;
    }

    .container2 {
      padding: 0px 25px
    }
  }

  @media only screen and (max-width: 576.5px) {
    .container2 {
      padding: 0px 15px
    }
  }


.navbar-toggler {margin-left: auto;}
@media only screen and (max-width: 1350px) {
    .myorderbg .magnifire-img {width: 55px;}
    .myorderbg .magnifire-img img {width: 25px;}
    .myorderbg .myorderblcok {
        padding: 20px 56px 20px 20px;
    }
}
@media only screen and (max-width: 1199px) {
    .minibanner1 .bgtranparent h4 { font-size: 28px;}
    .minibanner1 .bgtranparent {padding: 15px 30px; bottom: 30px;}
    .minibanner1 .bgtranparent1 h3 {font-size: 18px;}
    
    .minibanner1 .bgtranparent p { font-size: 16px;}
    .myfavoratebg h3, .myorderbg .myorderblcok h3{ font-size: 16px;}
    .myorderbg .myorderblcok p,.myfavoratebg p { font-size: 14px;}
    .bluebg-card { padding: 45px 45px 45px 45px; max-width: max-content; margin: auto;}
    
    .bluebg-card::before{display: none;}
.w-235px {width: 162px !important;}
h2 {font-size: 1.7rem;}
.customcardbock { padding: 30px 0px;}
.image-gallery li a .thumbnail-image{ width: 78px; height: 78px;}
.minibanner1mt-4 {
    margin-top: 33px;
}
.myorderbg .magnifire-img {height: 80px;}
}
@media only screen and (max-width: 1175px) {
    .navbar-light .navbar-nav .nav-link {font-size: 12px;     padding-right: 3px;}
}
@media only screen and (max-width: 991px) {
    .navbar-light .navbar-nav .dropdown-menu {border-radius: 0px; background-color: #e2e2e2;}
    .navbar-light .navbar-nav .nav-link{    font-size: 14px;}
    .minibanner1mt-4 {
        margin-top: 27px;
    }
    .myorderbg .magnifire-img {
        width: 74px;
    }
    .myorderbg .myorderblcok {
        padding: 20px 76px 20px 20px;
    }
    .minibanner1 .bgtranparent{    width: 325px;}
    .minibanner1 .bgtranparent1{padding: 10px 15px 10px 15px;}
    .minibanner1 .bgtranparent1 h3 {
        font-size: 14px;
    }
    .minibanner1 .bgtranparent1{bottom: 10px;}
    .minibanner1 .bgtranparent h4 {
        font-size: 22px; margin: 0px;
    }
    .minibanner1 .bgtranparent p{ line-height: normal;  font-size: 14px;}
    .welcomtext{font-size: 72px;}
    .welcomtext2{font-size: 21px;}
.banner h1 {     font-size: 118px;     line-height: 91px;}
.banner strong {font-size: 50px;}
.headingtext {font-size: 18px;}
.customcard h2 {font-size: 18px;}
.customcard strong{ font-size: 14px; line-height: normal;}
.slidetext { line-height: normal;}
.customtable{    width: 875px;}
header .myaccountsection .myaccountblock strong,header .myaccountsection .cartblock strong { font-size: 14px;}
header .myaccountsection {width: 260px; justify-content: space-between;}
header .myaccountsection .myaccountblock,header .myaccountsection .cartblock { width: auto;}
.w-235px {    width: 262px !important;}
.myaccount-sidebar {width: 300px;}
.mainsection { padding-left: 308px;}
}
@media only screen and (max-width: 767px) {
    .minibanner1mt-4{ margin-top: 0px;}
.myaccount-sidebar {transition: all 0.5s; }
.myaccount-sidebar {width: 255px;}
.humber-icon { display: block;}
.slick-dots li button:before {font-size: 10px;}
.myaccount-sidebar { margin-left: -300px;}
.mainsection {padding-left: 0px;}
.productdetailpricing-section h2 { font-size: 26px;}
.radio_container-767{flex-direction: column;}
.w-235px {width: 151px !important; }
.sidebarnavigation ul li{width: 50%; float: left;}
.sidebarnavigation { padding-bottom: 0px; border-right: none;}
.carousel-item img.w-100 { max-width: 275px !important; margin: auto;}
.bottombg { text-align: center;}
.bottombg ul.social-icon { justify-content: center; margin-top: 8px;}
header .myaccountsection { margin-top: 0px; margin-bottom: 15px;}
.logo{text-align: center;}
header .myaccountsection { width: auto; justify-content: end; margin-bottom: 20px;}
header .searcbar{margin-bottom: 0px;}
.banner h1 { font-size: 88px; line-height: 71px;}
.banner strong {    font-size: 40px;}
.banner .btn-banner { font-size: 24px;}
}

@media only screen and (max-width: 575px) {
    .imgblock-div {margin: auto;}
    .product-specialist { text-align: center; margin-top: 15px;}
    .minibanner1 .bgtranparent {
        width: 281px;
    }
    .bluebg-card { padding: 25px;}
    .minibanner1 .bgtranparent{bottom: 0px;}
    .bluebg-card h3 { text-align: center; font-size: 18px;}
.price-section .addtocart .addtocart-btn {width: 141px;}
.price-section h3 { font-size: 30px;}
.bigimg { height: 410px;}
.price-section .addtocart input {padding: 15px 155px 15px 15px;}
.btn-link-custom:not(.collapsed) .icon-expand { background: url(../images/minus-expand.png) no-repeat center!important;  background-size: 19px 19px !important;}
.image-gallery li a .thumbnail-image { width: 48px; height: 48px;    }
.textborder {padding: 15px 25px;}
.custom-accordian-list .accodiontext { font-size: 18px;}
.icon-expand {display: block;        width: 22px;        height: 22px;        background: url(../images/plus-expand.png) no-repeat  center;  background-size: 19px 19px !important;    }
.list.cardborder .imgcard { width: 90px;}
.list.cardborder .graycard { width: calc(100% - 90px);}
.list.cardborder .graycard h3{ margin: 5px 0px;}
.list.cardborder .graycard .text1{ margin-bottom: 5px}
.list.cardborder .align-items-center {align-items: flex-start !important;}
.list.cardborder { padding: 9px;}
h2 {font-size: 1.4rem;    }
.form-inline .form-group {width: 100%;}
.w-235px { width: 100% !important;    }
header .searcbar { margin-top: 5px; margin-bottom: 15px;}
ul.social-icon {width: 100%; margin-top: 10px;}
.banner h1 {font-size: 53px; line-height: 47px;    }
.banner strong { font-size: 22px;    }
}
@media only screen and (max-width: 450px) {
.sidebarnavigation ul li{width: 100%; float: left;}
.list.cardborder .imgcard {width: 60px;}
.list.cardborder .graycard {width: calc(100% - 60px);}
.bigimg { height: 260px;}
.productdetailpricing-section h2 { font-size: 20px;}
.customborder .card-body {padding: 0.2rem 0rem 1rem;}
.fs-20 { font-size: 18px !important; line-height: normal;}
.mb-mobile-10px { margin-bottom: 10px;}
.image-gallery li { margin: 7px;}
.card-custom p { font-size: 12px;}
}

@media only screen and (max-width: 380px) {
    .wm-50px {width: 50px;}
}