.blg_wrapper {
    margin-top: 235px;
}

.left-gray-bar {
    background-color: #f7f7f7;
    padding: 36px 34px 80px 32px;
    margin-bottom: 34px;
}

.blg-left-head h3 {
    font: normal 24px 'Avenir-Black';
    text-transform: capitalize;
    padding-bottom: 12px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 15px;
}

.panel-title a {
    color: #04adbc;
    font: 18px 'Avenir-Black';
    display: flex;
    align-items: center;
}

.panel-title a span {
    padding-right: 8px;
    padding-bottom: 3px;
}

.panel-title a img {
    transition: all 0.3s;

}

.rotate-90 {
    transform: rotate(90deg);
}

.panel-title a:hover {
    text-decoration: none;
}

.panel-body a {
    width: 100%;
    display: block;
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
}

.left-gray-bar label {
    display: block;
    font: 18px 'Avenir-black';
    margin-bottom: 5px;
}

.left-gray-bar select {
    font-size: 12px;
    padding: 3px 2px;
    width: 100%;
    color: #969696;
    margin-bottom: 34px;
}

.blog-form .form-group {
    display: block;
    margin-bottom: 5px;
}

.blog-form .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.blog-form .form-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: 'Avenir-Light';
}

.blog-form .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #343434;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.blog-form .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 5px;
    height: 12px;
    border: solid #444444;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.blog-post {
    display: flex;
    margin-bottom: 68px;
}

.blog-image {
    max-width: 192px;
    height: 192px;
    width: 100%;
   
}

.blog-image img {
    width: 100%;
    height: 100%;
}

.blg-content h2 {
    font: 24px 'Avenir-Black';
    color: #000;
    margin-bottom: 7px;
}
.blg-content h2 a{
    color: #000;
    text-decoration: none;
}

.post-detail {
    display: flex;
}

.post-detail p:first-child {
    margin-right: 5px;
    font-size: 14px;
}

.post-detail p:last-child {
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
}

.key-tags {
    color: #04adbc;
    font-size: 14px;
    margin-bottom: 25px;
}

.blg-content {
    margin-left: 53px;
}

.blg-post-text a {
    color: #04adbc;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Avenir-Black';
}

.blg-post-text p {
    line-height: 26px;
}

.blg-post-text p a:hover {
    text-decoration: none;
}

.cus-pagination {
    width: 100%;
    margin-bottom: 70px;
}

.cus-pagination .pagination .page-item:first-child {
    margin-right: auto;
}

.page-link {
    border-radius: 50%;
    margin: 0 4px;
    padding: 6px 13px;
    color: #000;
    border: none;
}

.page-item:last-child .page-link:hover,
.page-item:first-child .page-link {
    background-color: transparent;
}

.cus-pagination .pagination .page-item:last-child {
    margin-left: auto;
}

.active-page-item .page-link {
    background-color: #ebebeb;
}

.cus-pagination .pagination .page-item:last-child .page-link img {
    margin-left: 10px;
}

.cus-pagination .pagination .page-item:first-child .page-link img {
    margin-right: 10px;
}

.mod-backtotop {
    margin-left: auto;
    margin-right: auto;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    display: flex;
    align-items: center;

}

.page-item:last-child .page-link p,
.page-item:first-child .page-link p {
    margin: 0;
}

.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item a {
    color: #000;
    font-size: 14px;
}

.breadcrumb-item.active a {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: ">";
    font-weight: 600;
    font-size: 14px;
}

.browse-pro-detail {
    font: 37px 'Avenir-Light';
    text-transform: capitalize;
}

.browse-pro-detail h3 {
    font: 37px 'Avenir-Light';
    text-transform: capitalize;
}

.browse-pro-detail h1 {
    font: 58px 'Avenir-Black';
    margin-bottom: 0;
    text-transform: capitalize;
}

.browse-pro-detail h5 {
    color: #00a9a9;
    font-size: 28px;
    margin-bottom: 20px;
}

.product-detail-text {
    margin-bottom: 62px;
}

.browse-get-quote {
    background-color: #40bfb9;
    font: 27px 'Avenir-Black';
    color: #fff;
    padding: 10px 22px;
    border-radius: 50px;
}
.browse-get-quote:hover {
    color: #fff;
    text-decoration: none;
}

.browse-pro-det-img {
    max-width: 530px;
    text-align: center;
    width: 100%;
    margin: auto;
}

.browse-mini-img div {
    max-width: 61px;
    max-height: 61px;
}

.browse-mini-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 260px;
    margin: auto;
    margin-bottom: 72px;
}
/* 
.browse-pro-det-img img {
    height: 100%;
} */

.browse-mini-img div {
    max-width: 61px;
    max-height: 61px;
    position: relative;
}

.browse-mini-img div:before {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.browse-mini-img div:hover~.browse-mini-img div:before {
    display: block;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 35px;
}

th,
td {
    text-align: center;
}

td {
    padding: 8px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #b7b7b7;
}

.prod-detail-head {
    font-size: 34px;
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 25px;
}

.prod-det-list ul {
    padding-left: 0;
    list-style: none;
}

.prod-det-list ul li {
    font: 21px 'Avenir-Black';
}

.prod-det-list ul li span {
    font: 21px 'Avenir-Light';
}

td:first-child {
    border-left: 1px solid #000000;

}

td:last-child {
    border-right: 1px solid #000000;

}

.req-this-product {
    text-align: right;
}

.req-this-product a {
    background-color: #40bfb9;
    font: 21px 'Avenir-Black';
    color: #fff;
    padding: 10px 22px;
    border-radius: 50px;
}
.req-this-product a:hover {
    text-decoration: none;
}

.container-fluid.gray-bg {
    background-color: #efefef;
    margin-top: 35px;
    padding: 62px;
}
.product-color-options {
    max-width: 493px;
}
.product-color-options span {
    display: inline-block;
    width: calc((100% / 12) - 8px);
    height: 33px;
    color: transparent;
    text-indent: -5000px;
    background-size: cover;
    box-sizing: content-box;
    background-position: center center;
    margin: 4px;
    cursor: pointer;
    float: left;
    background-color: #acacac;
}
.max-1300 {
    max-width: 1300px;
    margin: auto;
}
.colored-productdet {
    max-width: 425px;
    max-height: 425px;
    margin: auto;
}
.browse-getqute {
    margin-bottom: 75px;
}
.card-slider-cus h2 {
    font: 34px 'Avenir-Light';
    color: #000;
    text-align: center;
    margin: 26px 0;
}
.card {
    border: none;
}
.browse-pro-detail h4 {
    font: 48px 'Avenir-Light';
    margin-bottom: 20px;
}
.browse-pro-detail p{
    font-size: 18px;
}
.product-detail-text ul li {
    margin-bottom: 10px;
}
.cw-start-designing {
    background-color: #40bfb9;
    padding: 10px 25px;
    border-radius: 33px;
    color: #fff;
    font-family: 'Avenir-Black';
}
.cw-start-designing:hover {
    color: #fff;
    text-decoration: none;
}
.cw-border-bottom {
    border-bottom: 2px solid #a6a6a6;
    margin-bottom: 70px;
}
.your-personl-grad {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: space-between;
    /*margin: 0 -62px;*/
}
.yp-grad{
    margin: 20px 0px !important;
    max-width: 100% !important;
}
.yp-grad h2 {
    color: #262626;
    font: 30px 'Avenir-Black';
    text-align: center;
    text-transform: uppercase;
}
.your-personl-grad div {
    margin: 20px 57px;
    max-width: 94px;
}
.your-personl-grad div img{
    width: 100%;
}
.start-designing {
    margin-bottom: 30px;
}
.lern-more-stole {
    width: 100%;
    padding: 65px 61px;
    background-color: #000;
    max-height: 548px;
    margin-top: 93px;
    margin-bottom: 60px;
    background: url(./images/bottom-banner.png) no-repeat;
    background-size: cover;
}
.lern-more-stole h2 {
    font-size: 28px;
    max-width: 250px;
}
.lern-more-stole p {
    line-height: 25px;
    font-size: 21px;
    color: #fff;
    margin-bottom: 53px;
    max-width: 250px;
}
.readmore {
    background-color: #fff;
    border-radius: 25px;
    border: none;
    color: #000;
    font: normal 18px 'Avenir-Black';
    text-transform: uppercase;
    cursor: pointer;
    padding: 8px 46px;
    text-align: center;
    box-shadow: none;
    text-decoration: none;
}
.head-image p {
    font-size: 36px;
    text-align: center;
    line-height: 46px;
    margin-bottom: 40px;
}
.mbot-cw {
    margin-bottom: 30px;
    text-align: center;
}
.card-slider-cus{
    max-width: 712px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 90px;
}
.card-slider-cus .item{
    height: 175px !important;
    width: 175px !important;
}
.card-slider-cus .owl-prev {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
     left: -20px;
    
}
.card-slider-cus .owl-next{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    right: -20px
    
}
.back-to-top-new{
    margin-bottom: 60px;
}
.owl-nav span{
    font-size: 51px;
    font-weight: bold;
}
#landingSwatches{
    padding-bottom: 50px;
}
#landingSwatches .nextend-thumbnail-scroller{
    background: #fff !important;
}
.lern-more-stole p:nth-child(3){
    max-width: none;
}
#landingSwatches .n2-ss-slide-background-image{
    background-size: contain !important;
    background-position: 50% 50% !important;
}
@media (min-width: 920px){
    .card-slider-cus .owl-next{
        right: -90px;
    }
    .card-slider-cus .owl-prev {
        left: -90px
    }
}
@media (max-width: 767px) {
    .card-slider-cus .owl-next{
        right: 20px;
    }
    .card-slider-cus .owl-prev {
        left: 20px
    }
    .blog-post {
        flex-direction: column;
    }
    .your-personl-grad h2 {
        text-align: left;
    }
    .blog-image {
        margin: 0 auto 30px;
    }

    .blg-content {
        margin: 0 10px;
    }

    .page-item:last-child .page-link p,
    .cus-pagination .pagination .page-item:first-child p {
        display: none;
    }
    .container-fluid.gray-bg {
        padding: 30px 0;
    }
    .product-color-options span {
        height: 40px;
        width: calc((100% / 6) - 8px);
    }
    .max-1300 .col-md-6 {
        text-align: center;
        margin: 0px auto;
        margin-bottom: 40px;
    }
    .product-color-options {
        margin: 40px auto;
        max-width: 340px;
    }
    .cw-border-bottom {
        padding-bottom: 40px;
    }
    .your-personl-grad {
        margin: 0;
    }
    .your-personl-grad div {
        margin: 20px 25px;
    }
}
@media (max-width: 374px) {
    .browse-get-quote {
        font: 20px 'Avenir-Black';
    }
    .req-this-product a {
        font: 17px 'Avenir-Black';
    }
    .lern-more-stole {
        width: 100%;
        padding: 65px 30px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .cus-pagination{
    max-width: 886px;
   }
   .mod-backtotop{
    width: 100%;
   }
}