* {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px !important;
}

.list-mix-match-section .dropdown-menu.show {
    /*margin-top: 40px !important;*/
}
nav.navbar.navbar-Concept.navbar-center.navbar-custom.navbar-fixed-top.top-nav-collapse{
    overflow:unset;
}
/*nav.navbar.navbar-Concept.navbar-center.navbar-custom.navbar-fixed-top{
    overflow:hidden;
}*/
    nav.navbar.navbar-Concept.navbar-center.navbar-custom.navbar-fixed-top .logo img,
    nav.navbar.navbar-Concept.navbar-center.navbar-custom.navbar-fixed-top .logodark img {
        width: 150px !important;
    }
.prefix {
    position: relative;
    right: -100px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.dyl-search-box-center{
    display:flex;
}

    .dyl-search-box-center .group_button {
        margin-left: auto;
    }
input.has-prefix {
    margin-left: -40px;
    border: 1px solid silver;
    /* padding: 10px 4px 6px 140px;*/
    padding: 0px 47px 0px 140px;
    line-height: 36px;
    color: #000;
    text-align: center;
}

.suffix {
    position: relative;
    /*left: -33px;*/
    left: -25px;
    color: #fff;
    background-color: #545151;
    padding: 9px 8px 11px 8px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0px 14px 14px 0px;
}

.input-box-search {
    margin-left: -93px;
}

.input-box-search-field {
    width: 100%;
    border: 1px solid silver;
    padding: 6px 0px;
    display: inline-block;
}

    .input-box-search-field .prefix-field {
        width: 38%;
        padding-left: 6px;
        font-size: 15px;
    }

    .input-box-search-field .input-field {
        border: none;
        width: 54%;
    }

    .input-box-search-field .suffi-field {
        width: 6%;
    }

.config {
    font-family: Montserrat, sans-serif!important;
}
.tabarea.wishtab .button.btn.btn-dark{
    margin-top:0px!important
}
#ddlMixmatchType {
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
}
    .items.listwidth .carticon {
    position: absolute;
    right: auto;
    font-size: 16px;
    top: 8px;
    left: 10px;
    z-index: 9999;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .mobile-block,
    .d-sm-none {
        display: block
    }
    .row.d-sm-none {
        display: block
    }
    .mobile-none,
    .d-sm-block {
        display: none
    }
    .group_button .retrive-desg-search-w-120 {
        width: 300px !important;
    }
    .input-group.presuffix {
        margin-left: -70px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .mobile-block,
    .d-sm-none {
        display: block
    }
    .row.d-sm-none {
        display: block
    }
    .mobile-none,
    .d-sm-block {
        display: none
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .mobile-block,
    .d-sm-none {
        display: block
    }
    .row.d-sm-none {
        display: block
    }
    .mobile-none,
    .d-sm-block {
        display: none
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .mobile-block,
    .d-sm-none {
        display: none
    }
    .row.d-sm-none {
        display: none
    }
    .mobile-none,
    .d-sm-block {
        display: block
    }

    .input-group.presuffix {
        margin-left: 0px;
    }

    input.has-prefix {
        margin-left: -16px;
        border: 1px solid silver;
      /*  padding: 10px 47px 10px 140px;*/
        color: #000;
        padding-left: 20px !important;
        width: 190px;
    }

    .prefix {
        right: 0px;
    }
    .suffix {
        left: -28px;
    }
 }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .mobile-block,
    .d-sm-none {
        display: none
    }
    row.d-sm-none {
        display: none
    }
    .mobile-none,
    .d-sm-block {
        display: block
    }
}


.list-mix-match-page .fixtureimg#fixtureImage {
    height: 20em;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .small-header.list-page {
        padding-top: 70px;
    }
    .list-mix-match-page #shadesimg .item-list-other-img-mixmatch {
        max-width: 100%;
        max-height: 100%;
    }

    .list-mix-match-page #shadesimg .item-list-other-options-mixmatch {
        height: 10rem;
        width: 10rem;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .dropdown .list-filter-nav button.btn.btn-primary.dropdown-toggle {
        padding: 0px;
    }
    .list-mix-match-page #shadesimg .item-list-other-img-mixmatch {
        max-width: 100%;
        max-height: 100%;
    }

    .list-mix-match-page #shadesimg .item-list-other-options-mixmatch {
        height: 10rem;
        width: 10rem;
    }
}

.swiper-common.color-box-random h6 {
    margin-bottom: 0px;
}
    .swiper-common.color-box-random h6 a,
    .btn-curve {
        color: #fff;
    }
/**,
.btn-curve {
    font: 500 12px / 1.6 Montserrat, sans-serif;
}*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}
.portfolio .gallery .items .item-img.bg-img:hover {
    transform: unset;
}
.portfolio .gallery.twsty .four-column .item-img {
    height: unset!important;
}
.portfolio .gallery.twsty #Tab2 .four-column .item-img {
    height: 140px!important;
}
.custom_tab.design-your-light-tabs h6 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
.portfolio .gallery .items .item-img img {
    /*    height: 100%;
    width: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: unset;
    width: unset;
    left: 0;
    top: 0px;
    margin: auto;
    right: -0;
    /* position: absolute; */
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: inline-block;
}
div#itemOtherColours {
    padding-top:6px;
}


.dyl-dd-align-left{
    text-align: left !important;
    padding-left: 20px !important;
}

.filter-bar .dropdown-menu.width.dyl-dd-view.show {
    z-index: 999 !important;
    top: 40px;
}
.font-12 {
    font-size: 12px !important;
    line-height: 20px !important;
}
.font-12-30 {
    font-size: 12px !important;
    line-height: 30px !important;
}
.font-12-20 {
    font-size: 12px !important;
    line-height: 20px !important;
}

.list-filter-nav button.btn.btn-primary.dropdown-toggle.font-12-20 {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 5px;
    margin:0px;
}

.popupimage{
    display:flex;
    margin:auto;
}
.carticon.iconstyle.hover_text {
    position: absolute;
    display: none;
}

.hover-select:hover .carticon.iconstyle.hover_text {
    display: flex;
}

.carticon.iconstyle.hover_text:hover .hover_text_item {
    display: block
}

.hover_text_item {
    display: none;
}

a.hover_text {
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

    a.hover_text:hover > span.hover_text_item {
        text-indent: 0;
        margin-left: 5px;
    }

span.hover_text_item {
    display: inline-block;
    text-indent: -200px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    /*letter-spacing: .05em;*/
    text-transform: uppercase;
    color: black;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.6em;
    vertical-align: middle;
    font-family: sans-serif;
}

/*.item-img.bg-img img {*/
    /* height: 150px !important; */
    /* height: 122px !important; */
    /*height: auto!important;
    width: 155px;
    object-fit: contain !important;
    margin: auto;
    display: flex;
    margin-left: -14px;
}*/
a.listitem.dropdown-item {
    display: flex;
    align-items: center;
    margin: 3px !important;
    padding: 5px;
    padding-left: 8px !important;
}
.listitem.dropdown-item input[type=checkbox] {
    margin: 0px;
    margin-right: 5px;
}

#Configure .btn{
    font-size:10px!important;
}

/*# iphone tab air */
@media screen and (min-width: 820px) and (max-width: 1180px) {

   body #msgbox {
        transform: translate(-50%, -143%);
    }
}

.button.m-0.btn.btn-dark.col.col-lg-4.col-md-6.dyl-btn-all.ptb-2{
    margin-bottom:10px!important;
}

.black-222-color
{
    display:none !important;
}