@charset "utf-8";

body {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    background: #fff;
    color: #333;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #333;
}

p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
}

picture img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.caption {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    /* height: 77px; */
}

/* back to top */
#button {
    display: inline-block;
    background-color: #0044a9;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 75px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border: 2px solid #0044a9;
}

#button::after {
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #0044a9;
}

#button:hover i {
    color: #0044a9;
}

#button:active {
    background-color: #fff;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

#button i {
    font-size: 20px;
    line-height: 46px;
    color: #fff;
}

/* Hero Video */
.outter.hero-video {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 767px) {
    .outter.hero-video {
        height: 325px;
    }
}

.hero-video .video-container {
    height: 550px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .hero-video .video-container {
        height: 325px;
    }
}

.hero-video video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    height: 550px;
    width: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .hero-video video {
        height: 325px;
    }
}

.hero-video .video-container:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.hero-video h1 {
    text-transform: uppercase;
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1;
    color: white;
}

@media (max-width: 767px) {
    .hero-video h1 {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .hero-video h1 {
        font-size: 52px;
    }
}

.hero-video .desc {
    color: white;
    font-weight: 400;
    font-size: 18px;
}

.hero-video .callout {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 10;
    width: 70%;
    margin: auto;
}

@media (max-width: 767px) {
    .hero-video .callout {
        width: 90%;
    }
}

.hero-video .button {
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 20px;
    background-color: #002561;
    padding: 15px 30px;
    border-radius: 0px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

@media (max-width: 767px) {
    .hero-video .button {
        padding: 10px 20px;
    }
}

.hero-video .button:hover {
    cursor: pointer;
    background-color: #003671;
}

/*Common*/
.required-icon {
    color: red;
}

.container-fluid {
    padding: 0;
}

.container {
    max-width: 1230px !important;
    padding-right: 15px;
    padding-left: 15px;
}

.img100 {
    width: 100%;
}

.common-btn {
    font-size: 14px;
    background-color: #f6af26;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 700;
    border-radius: 0;
    position: relative;
    transition: all 0.3s ease;
}

.common-btn:hover {
    background: #172f57;
    color: #fff;
}

.common-btn::before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.common-btn:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    z-index: 1;
}

.DMarginTop20 {
    margin-top: 20px;
}

.DMarginTop80 {
    margin-top: 80px;
}

.header-top {
    /* background: #0044A9; */
    padding: 15px 0;
    height: 48px;
}

.DPhone {
    display: inline-flex;
    color: #fff;
    font-size: 18px;
}

.DPhone a {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
}

.DPhone p {
    font-size: 15px;
    line-height: 20px;
    padding: 0 7px;
}

.DPhone i {
    position: relative;
    top: 1px;
    font-size: 18px;
}

.DTopInfo {
    list-style: none;
    padding: 0;
    margin: 0;
}

.DTopInfo li {
    display: inline-flex;
}

.DLoginInfo {
    position: relative;
    display: inline-flex;
    padding-left: 15px;
}

.DLoginInfo span {
    color: #fff;
    padding: 0 10px;
    position: relative;
    top: -2px;
}

.DLoginInfo p {
    font-size: 14px;
    color: #fff;
    line-height: 15px;
}

.DLoginInfo a {
    line-height: 15px;
}

.paymentReview .table {
    width: 100%;
    color: #212529;
}

.paymentReview .table td,
.paymentReview .table th {
    padding: 0.35rem;
}

.social .VerysmGlobalBtn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 25px;
    margin-right: 5px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    border-radius: 26px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
}

.social .facebookBtn:before {
    font-family: "FontAwesome";
    content: "\f09a";
}

.social .linkedinBtn:before {
    font-family: "FontAwesome";
    content: "\f0e1";
}

.social .twitterBtn:before {
    font-family: "FontAwesome";
    content: "\f099";
}

.social .instagramBtn:before {
    font-family: "FontAwesome";
    content: "\f16d";
}

.social .youtubeBtn:before {
    font-family: "FontAwesome";
    content: "\f16a";
}

.social .DFooterTop {
    padding: 20px 0;
    background-color: #fff;
}

.header-top2 {
    background: #fff;
    padding: 15px 0
}

.FSocialLink {}

.FSocialLink ul {
    padding: 0;
    margin: 0;
}

.FSocialLink ul li {
    list-style: none;
    padding-left: 20px;
    display: inline;
}

.FSocialLink ul li a {
    font-size: 20px;
}

.FSocialLink ul li a:hover .fa-facebook-square {
    color: #3B5998;
}

.FSocialLink ul li a:hover .fa-twitter {
    color: #33CCFF;
}

.FSocialLink ul li a:hover .fa-instagram {
    color: #AF2FB5;
}

.FSocialLink ul li a:hover .fa-youtube-square {
    color: #CC0000;
}

.WishListIcon {
    text-align: right;
    margin-top: -5px;
}

.wishImage {
    max-width: 50px;
}

.IconList {
    display: inline-block;
    padding: 0 0 0 30px;
    margin: 0;
}

.IconList li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111111;
    margin-right: 20px;
    cursor: pointer;
}

.IconList span {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.IconList .icon_bag_alt {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.IconList li a {
    font-size: 18px;
    color: #fff;
    position: relative;
}

.IconList li a .tip {
    position: absolute;
    right: -20px;
    top: -12px;
    height: 20px;
    width: 20px;
    background: #E0BE3D;
    font-size: 10px;
    font-weight: 500;
    color: #111;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.WishListIcon2 {
    text-align: right;
    margin-top: -5px;
    display: none;
}

.IconList2 {
    display: inline-block;
    padding: 0 0 0 30px;
    margin: 0;
}

.IconList2 li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111111;
    margin-right: 20px;
    cursor: pointer;
}

.IconList2 span {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.IconList2 .icon_bag_alt {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.IconList2 li a {
    font-size: 18px;
    color: #fff;
    position: relative;
}

.IconList2 li a .tip {
    position: absolute;
    right: -20px;
    top: -12px;
    height: 20px;
    width: 20px;
    background: #E0BE3D;
    font-size: 10px;
    font-weight: 500;
    color: #111;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.DHeaderNav {
    z-index: 999;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.DHeaderNav .navbar {
    border: none;
    margin-bottom: 0;
    background: transparent;
    height: 50px;
}

.DHeaderNav .navbar-brand {
    padding: 0;
}

.DHeaderNav .navbar-nav>li>a {
    padding: 14px 9px 14px !important;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2px
}

.DHeaderNav .navbar-nav>li:last-child>a {
    padding-right: 0 !important;
}

.DHeaderNav .navbar-nav>li>a i {
    font-weight: bold;
}

.DHeaderNav .nav-item .nav-link:hover {
    color: #D2B643 !important;
    box-shadow: 0 -3px 0px 0px #E0BF3C inset;
    font-weight: 400;
    transition: 0.3s ease;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown>a:hover i {
    transition: 0.40s;
    -webkit-transition: 0.40s;
    -moz-transition: 0.40s;
    -ms-transition: 0.40s;
    -o-transition: 0.40s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.DHeaderNav .navbar-light .navbar-nav .nav-link {
    padding: 14px 9px 14px !important;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2px
}

.DHeaderNav .navbar-light .navbar-nav .nav-link:hover,
.DHeaderNav .navbar-light .navbar-nav .active {
    color: #D2B643 !important;
    box-shadow: 0 -3px 0px 0px #E0BF3C inset;
    font-weight: 500;
    transition: 0.3s ease;
}

.DHeaderNav .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
}

.DHeaderNav .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    margin: 0;
    padding: 0;
}

.DHeaderNav .dropdown-submenu {
    font-size: 14px;
    padding: .25rem 1.5rem;
    list-style: none;
}

.DHeaderNav .dropdown-submenu:hover {
    padding: .25rem 1.7rem;
    background: #F8F9FA;
}

.DHeaderNav .dropdown-submenu a:hover {
    color: #e0bf3c;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    transition: transform .3s, filter 1s ease-in-out;
}

.DHeaderNav .dropdown-item {
    font-size: 14px;
}

.DHeaderNav .dropdown-item:hover {
    color: #D2B643;
    padding: .25rem 1.7rem;
}

.navbar {
    padding: 0;
}

.DLogo img {
    margin-top: -15px;
    box-shadow: 0 0 3px 0 #00000030;
    z-index: 1;
    position: relative;
}

.DFLogo img {
    width: 144px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    background: #0044A9;
    border: none;
}

.sticky.DHeaderNav .navbar-nav>li>a {
    color: #fff !important;
}

.sticky.DHeaderNav .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

#navbarTogglerDemo01 {
    display: flex;
    justify-content: center;
}

.sticky #navbarTogglerDemo01 {
    justify-content: end;
}

;

.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
    text-decoration: none;
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
    color: #000;
    background-color: #F8F8F8;
    border-color: #303030;
    border-bottom-color: transparent;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.woodmart-logo.woodmart-sticky-logo {
    display: none;
}

.header-top2 .woodmart-logo.woodmart-sticky-logo {
    display: inline-block;
}

.header-top2 .woodmart-logo.woodmart-sticky-logo img {
    width: 250px;
}

.sticky .woodmart-logo.woodmart-sticky-logo {
    display: block;
}

.sticky .navbar-brand {
    display: none;
}

.StickyUser {
    display: none;
}

.sticky .StickyUser {
    display: block;
    margin-top: 28px;
}

.sticky .WishListIcon2 {
    display: block;
    margin-top: 10px;
}

.show {
    display: inline;
}

.hide {
    display: none;
}



.TopMenu {
    height: 70px;
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-box-shadow: 0 0 3px 0 #00000091;
    box-shadow: 0 0 3px 0 #00000091;
    position: relative;
    z-index: 9999;
}

.TopMenu .display-flex,
.TopMenu .display-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
}

.TopMenu .menu-left,
.menu-right {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    width: 20px;
}

.TopMenu .menu-left {
    padding-left: 5px;
}

.TopMenu .menu-right {
    padding-right: 5px;
}

.TopMenu .fa-w-11 {
    font-size: 14px;
    width: 15px;
}

.TopMenu .menu-search a {
    color: #0d4676;
    font-size: 20px;
}

.TopMenu .mr-auto.LogoDate {
    position: relative;
}

.TopMenu .DLogoMobile img {
    height: auto;
    width: 220px;
    padding: 5px 0;
}

.TopMenu .mr-auto.LogoDate span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -19px;
    color: #0d4676;
    font-size: 13px;
    text-align: center;
}

.MobileMenu {
    z-index: 9999;
    top: 70px;
    left: 0;
    overflow: scroll;
    position: fixed;
    max-height: 90vh;
}

.MobileMenu .LiveViewMenu {
    background: #ffff;
    position: relative;
}

.MobileMenuTop ul {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}

.MobileMenuTop ul li a {
    color: #333;
    padding: 13px 0 0;
    display: block;
    font-size: 16px;
}

.MobileMenuTop ul li a:hover {
    color: #ddd;
}

.no-scrollbar {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sticky2 {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999999;
    padding: 0;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    border-bottom: 0px;
    background: #fff;
}

.search-dropwown {
    background-color: #ccc;
    margin: 20px 0 30px;
    padding: 5px 10px;
}

.social-nav {
    margin: .5rem 0;
}

.social-nav {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.DEnBtn {
    margin-top: 10px;
}

.searchButton {
    width: 100%;
    height: 33px;
    border: 1px solid #e3e3e3;
    background: #F4F3F0;
    text-align: center;
    color: #323333;
    cursor: pointer;
    font-size: 16px;
    border-left: none;
}

.wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-sec {
    padding: 0;
    z-index: 999;
}

#pac-container .search-slt {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #e6e6e6;
    height: auto !important;
}

.wrn-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    border: none;
    border-radius: 0;
}

@media (min-width:992px) {
    .search-sec {
        position: relative;
        background: rgba(26, 70, 104, 0.51);
    }
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #4d4d4d;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
}

#menu {
    position: absolute;
    width: 300px;
    margin: -100px 0 0 0;
    padding: 25px;
    padding-top: 100px;
    right: -100px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
    padding: 10px 0;
    font-size: 18px;
    text-align: left;
}

#menuToggle input:checked~ul {
    transform: scale(1.0, 1.0);
    opacity: 1;
}

.navbar-nav li:hover>ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    left: 100%;
    background: #292929;
}

.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.dropdown-submenu:hover>ul.dropdown-menu {
    display: block;
}

.dropdown-submenu.active {
    background: #eee;
}

/* navbar-search */
.searchbox-wrap {
    position: relative;
    margin-left: 60px;
}

.searchBox {
    /* background-color: #fff; */
    /* border: 1px solid #D2B643; */
    position: absolute;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 50px;
    height: 45px;
    transition: all 300ms ease;
    right: 0;
}

.searchBox.active {
    transition: all 200ms ease;
    width: 300px;
    background: #fff;
    border: 1px solid #D2B643;
}

.searchBox.active .search,
.searchBox.active .close {
    min-width: 50px;
}

.searchBox.active .close {
    transition: 500ms;
    scale: 1;
}

.searchBox .search,
.searchBox .close {
    position: relative;
    min-width: 30px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    cursor: pointer;
}

.searchBox i {
    font-size: 18px;
    color: #f6af26;
    line-height: 45px;
}

.searchBox .close {
    scale: 0;
}

.searchBox .searchInput {
    position: relative;
    /* height:50px; */
    width: 100%;
    opacity: 0;
}

.searchBox.active .searchInput {
    opacity: 1;
}

.searchBox .searchInput form {
    height: 100%;
}

.searchBox .searchInput input {
    border: 0;
    outline: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.searchBox.active {
    box-shadow: none !important;
}

.mobile-search .searchBox {
    top: -21px;
}


/*Category_Page*/

.DCategoryListingItem .col-sm-4 {
    margin-top: 30px;
}

.DCategoryListingItem .col-sm-4:nth-child(1) {
    margin-top: 0
}

.DCategoryListingItem .col-sm-4:nth-child(2) {
    margin-top: 0
}

.DCategoryListingItem .col-sm-4:nth-child(3) {
    margin-top: 0
}

.InnerPageProductList .product-outer {
    height: 100%;
    padding: 15px 15px 0;
    position: relative;
}

.InnerPageProductList .product-outer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background-color: #f9f9f9;
    transition: all .5s ease-in-out;
}

.InnerPageProductList .product-outer:hover::before {
    top: 0;
    margin-top: 1px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .03);
}

.InnerPageProductList .product-outer .product-inner {
    position: relative;
    height: 100%;
    padding-bottom: 0;
}

.InnerPageProductList .product-outer .product-inner .product-image {
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    width: 200px;
}

.InnerPageProductList .product-outer .product-inner .product-image a {
    display: block;
}

.InnerPageProductList .product-outer .product-inner .product-image a img {
    width: 100%;
    object-fit: cover;
}

.InnerPageProductList .product-outer .product-inner .product-info {
    text-align: center;
}

.InnerPageProductList .product-outer .product-inner .product-link a:hover {
    color: #fff;
}

.InnerPageProductList .product-image {
    position: relative;
    overflow: hidden;
}

.InnerPageProductList .product-image img {
    -webkit-transform: perspective(1px) scale3d(1.0, 1.0, 1);
    transform: perspective(1px) scale3d(1.0, 1.0, 1);
    -webkit-transition: all 400ms;
    transition: all 400ms;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

.InnerPageProductList .product-image.social img {
    aspect-ratio: 0.8;
}

.InnerPageProductList .product-image:hover img {
    -webkit-transform: perspective(1px) scale3d(1.15, 1.15, 1);
    transform: perspective(1px) scale3d(1.15, 1.15, 1);
}


/*.InnerPageProductList .product-image:hover .PhotoPopup .PhotoIcon{opacity:1;-webkit-transform:perspective(1px) scale3d(1, 1, 1);transform:perspective(1px) scale3d(1, 1, 1);}*/


/*.InnerPageProductList .product-image:hover::after{opacity:1;}*/

.InnerPageProductList .product-image:hover .ProductInfoContent {
    opacity: 1;
    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
    transform: perspective(1px) translate3d(0, 0, 0);
}

.InnerPageProductList .product-image::after {
    opacity: 0;
    position: absolute;
    content: '';
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.31);
}


/*.InnerPageProductList .product-image .PhotoPopup .PhotoIcon{position:absolute;top:0;right:0;z-index:1;padding:6px 12px;background:#AE0A0E;color:#fff;opacity:0;-webkit-transform:perspective(1px) scale3d(0, 0, 0);transform:perspective(1px) scale3d(0, 0, 0);-webkit-transition:all 400ms;transition:all 400ms;}*/


/*.InnerPageProductList .product-image .PhotoPopup .PhotoIcon{color:#fff;}*/

.product-more-desc {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    max-height: 66px;
    transition: all .5s ease-in-out;
}

.product-more-desc p {
    color: #666;
    font-size: 13px;
    text-align: justify
}

.fade-in-block .BAddToCart {
    background: #0044A9;
    display: inline-block;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 50%;
    position: relative;
    left: 25%;
    top: 1px;
}

.social-list-section {
    margin-top: 6rem;
}

.social-list-section picture img {
    aspect-ratio: 4/5 !important;
}

.product-outer .fade-in-block {

    visibility: hidden;
    padding: 0 15px;
    opacity: 0;
    background: #fff;
    margin: 0 -15px;
    border-bottom: 3px solid #0044A9;
}

.product-outer:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease-in-out;
    /*transition: opacity 1.5s ease,visibility 1.5s ease;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, .03);
    z-index: 99999;
}

.product-outer:hover .product-title {
    color: #E0BF3C;
}

.product-outer:hover {
    transform: perspective(1px) scale3d(1.08, 1.08, 1);
    transition: all .75s ease-in-out;
}


/*.demo-area{*/
/*background:#f0f0f0;*/
/*border-radius:8px;*/
/*}*/

.demo-trigger {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.detail {
    position: absolute;
    width: 400px;
    left: 100%;
    float: left;
    height: 400px;
    z-index: -1;
    top: -5%;
    transition: all 400ms;
}

.detail {}

.DCategoryListingItem .col-sm-4:nth-child(3n) .detail {
    left: -100%;
}

.DCatContainer {
    background: #fff;
    padding: 0;

}

.demo-area img {
    box-shadow: 0 0 3px 0 #00000030;
}

.DCatContainer:hover {
    background: #fff;
}

.DCatContainer:hover .product-title {
    color: #E0BF3C;
}

.DCatContainer .product-title {
    font-size: 16px;
    padding: 15px 0;
    text-transform: capitalize;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 400;
}

@media (max-width: 610px) {

    .detail,
    .demo-trigger {
        float: none;
    }

    .demo-trigger {
        display: block;
        /*width: 50%;*/
        /*max-width: 200px;*/
        /*margin: 0 auto;*/
    }

    .detail {
        margin: 0;
        width: auto;
    }
}

a.mouseover-thumbnail-holder {
    position: relative;
    display: block;
    margin-right: 10px;
    z-index: 999;
}

.large-thumbnail-style {
    display: block;
    border: 10px solid #fff;
    box-shadow: 0px 0px 5px #aaa;
}

a.mouseover-thumbnail-holder .large-thumbnail-style {
    position: absolute;
    top: 0;
    left: -9999px;
    z-index: 1;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

a.mouseover-thumbnail-holder:hover .large-thumbnail-style {
    top: 0;
    left: 105%;
    z-index: 1;
    opacity: 1;
}


/*.ProductInfoContent ul{padding: 0;margin-bottom: 10px;list-style: none;}
.ProductInfoContent ul li{display: inline-flex;padding-right: 5px;}
.ProductInfoContent ul li a{color: #fff;}
.ProductInfoContent a .fa-heart{font-size: 20px;color: #fff;}*/

.ProductInfo {
    position: absolute;
    top: 44%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.ProductInfo .ProductInfoContent {
    text-align: center;
    opacity: 0;
    -webkit-transform: perspective(1px) translate3d(0, 15px, 0);
    transform: perspective(1px) translate3d(0, 15px, 0);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.ProductInfo .ProjectTitle {
    font-size: 1.31em;
    font-weight: bold;
    margin-bottom: 20px;
}

.ProductInfo .ProjectTitle a {
    color: #fff;
}

.ProductInfo .ProjectType {
    background: #0044A9;
    display: inline-block;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

.DFooter2 {
    /* background: #F4F3F0; */
    padding: 10px 0;
    border-top: 1px solid#ddd;
}

.DFooter2 a {
    font-weight: bold;
    color: #404041;
    font-size: 14px;
}

.DFooter2 p a {
    font-weight: normal;
    color: #0044A9;
    font-size: 14px;
}

.DFTitle {
    margin-bottom: 10px;
}

.DFTitle a {
    margin: 12px 0 18px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    color: #fff;
}

.DNewsletter input {
    margin-top: 10px;
    border-radius: 0;
    padding: 0 15px;
}

.DNewsletter button {
    margin-top: 10px;
    border-radius: 0;
}

.subscribe_area .subscribe_form input {
    min-width: 300px;
    background: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
    padding: 12px 20px;
}

.primary_btn.yellow_btn {
    background: #0D2C49 !important;
    border: 1px solid #0D2C49 !important;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}

.DFooterTop {
    padding: 50px 0 40px 0;
    /* background: #F4F3F0; */
    color: #404041;
    margin-top: 30px;
}

.DFooterTop a {
    /*color: #404041;*/
    display: block;
}

.Footer-Title {
    font-size: 20px;
    text-transform: uppercase;
}

.FooterAbout p {
    font-size: 15px;
    line-height: 23px;
    padding: 15px 0;
}

.FooterAbout p:first-of-type {
    display: none !important;
}

.FooterAbout p:last-of-type {
    display: none !important;
}

.FLogo img {
    width: 232px;
}

.textwidget {
    font-size: 15px;
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
}

.litextwidget {
    padding: 5px 0 3px 0;
    position: relative;
}

.litextwidget a:hover {
    color: #E0BF3C;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    transition: transform 0.3s, filter 1s ease-in-out;
}

.AddressInfo address {
    margin-bottom: 0 !important;
    font-style: normal;
    line-height: inherit;
}

.AddressInfo {
    margin-top: 10px;
}

.AddressInfo .Address {
    color: #404041;
    margin-bottom: 0;
    padding-bottom: 7px;
    font-size: 15px;
    line-height: 23px;
}

.AddressInfo .Phone {
    color: #404041;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.AddressInfo .Phone a {
    font-weight: bold;
    display: inline-block;

}

.AddressInfo .Email {
    color: #404041;
    padding-bottom: 0px;
}

.AddressInfo .Email a {
    font-weight: bold;
    display: inline-block;

}

.AddressInfo .Heading span {
    position: relative;
    margin-right: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #003671;
    color: #fff;
    border-radius: 20px;
    font-size: 12px
}

.AddressInfo .Details {
    color: #808080;
    line-height: 20px;
    margin-bottom: 10px;
}

.DCForm .form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}

.SponsorArea {}

.SponsorList {
    margin-top: 40px;
}

.PoweredBylist {
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin-bottom: 0;
}

.PoweredBylist .Title {
    font-size: 13px;
    margin-bottom: 0;
    color: #3B225B;
}

.PoweredBylist .DSponsorLogo {
    padding: 0 10px;
}

.PoweredBylist .SponsorLogo {
    width: 100px;
}

.PoweredBylist .SponsorLogo.BocolLogo {
    width: 75px;
    padding-top: 2px;
}

.PoweredBylist .SponsorLogo.IctLogo {
    width: 78px;
}

.PoweredBylist .SponsorLogo.LictLogo {
    width: 78px;
}

.PoweredBylist .SponsorLogo.BasisLogo {
    width: 60px;
}

.PoweredBylist .SponsorLogo.TechnoLogo {
    width: 50px;
}

.PoweredBylist .SponsorLogo.FbcciLogo {
    width: 60px;
}

.PoweredBylist .SponsorLogo.IbaLogo {
    width: 78px;
}

.PoweredBylist .DSponsorLogo:last-child {
    border-right: none;
}

.DBreadCum {
    list-style: none;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: left;
    align-items: center;
    background: #f2f3f4;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
    box-shadow: 0px 0px 7px -1px #d9d9d9;
    border-radius: 5px;
}

.DBreadCum li {
    position: relative;
    background: #fff;
    color: #333;
    height: 30px;
    padding: 0 15px 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 15px;
}

.DBreadCum .active a {
    font-weight: bold;
}

.DBreadCum li a {
    color: #333;
}

.DBreadCum li::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 15px;
    background: #fff;
    top: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #aeb4bb54;
    transform: skewX(45deg);
}

.DBreadCum li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 15px;
    background: #fff;
    bottom: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #aeb4bb54;
    transform: skewX(-45deg);
}


/*+++++++++Body+++++++++*/


/*About Us*/

.AboutUsPage {
    padding: 80px 0;
}

.DAboutUstext .AboutUsTitle {
    font-size: 28px;
    line-height: 1.2;
    color: #2d2a2a;
    font-weight: 600;
    margin-bottom: 15px;
}

.DAboutUstext .AboutUsSubTitle {
    font-size: 18px;
    color: #444;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.DAboutUstext .ShortBrief {
    font-size: 16px;
    color: #888;
    text-align: left;
    font-weight: 300;
    line-height: 28px;
    font-style: italic;
    margin-bottom: 25px;
}

.DAboutUstext .MoreBrief {
    font-size: 14px;
    color: #777;
    text-align: left;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}

.MoreDetails {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.PageTitleInner {
    position: relative;
    padding: 75px 0;
}

.PageTitleInnerBg {
    background: rgba(0, 0, 0, 0) url("/../media/common/6641.png") no-repeat scroll center center / cover;
    background-position-x: center;
    background-position-y: center;
    background-position-x: center;
    background-position-y: center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.SectionHeading {
    color: #333;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;
    margin-bottom: 0;
}

.SectionTitle p {
    font-size: 17px;
    line-height: 28px;
    color: #333;
    padding: 0 20px;
}

.PageTitleInner2 {
    position: relative;
    padding: 20px 0;
}

.PageTitleInnerBg2 {
    background: rgba(0, 0, 0, 0) url("../../media/common/6641.png") no-repeat scroll center center / cover;
    background-position-x: center;
    background-position-y: center;
    background-position-x: center;
    background-position-y: center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.SectionHeading2 {
    color: #333;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 0;
}

.SectionTitle2 p {
    font-size: 17px;
    line-height: 28px;
    color: #333;
    padding: 0 20px;
}

.DCategoryListingArea {
    margin-top: 80px;
}


/*Offers*/

.OffersArea {
    padding: 65px 0;
}

.DImgZoomBlock {
    position: relative;
    overflow: hidden;
    display: block;
    box-shadow: 1px 1px 3px 1px #00000030;
}

.DImgZoomBlock img {
    transform-origin: 50% 65%;
    transition: transform 2s, filter 1.5s ease-in-out;
}

.DImgZoomBlock img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.DImgZoomBlock img:hover {
    filter: brightness(100%);
    transform: scale(1.2);
}

/* ===================== offer details page */
/* /Offer Details/ */

.DDetailsContent .Title {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #222;
    line-height: 36px;
    margin-bottom: 5px;
}

.DDetailsContent .Date {
    color: #4a4a4a;
    font-size: 1em;
    line-height: 20px;
    margin-top: 10px;
    padding: 10px 0;
}

.contentDetails p {
    font-size: 17px;
    line-height: 28px;
    margin-top: 15px;
}

.DDetailsContent .DSocialTop {
    margin-top: 30px;
}

.DDetailsContent .fb-comments {
    margin-top: 30px;
    background: #f1f1f1;
    padding: 10px;
}

.DFBPage {
    margin-top: 20px;
}

.Imgresize {
    position: relative;
}

.ImgViewer {
    padding-top: 56.25%;
    margin: 0;
}

.FixingRatio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ImgRatio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.DReadMoreList {
    margin-bottom: 20px;
    background: #fff;
    width: 100%;
}

.DReadMoreList p {
    font-size: 18px;
    margin: 0;
    padding: 5px 8px;
    line-height: 25px;
}

/* /Category News/ */
.DCatNewsList {
    margin-top: 20px;
    background: #fff;
    width: 100%;
}

.DCatNewsList p {
    font-size: 18px;
    margin: 0;
    padding: 5px 8px;
    line-height: 25px;
}


/*======ShowRoom======*/

.SearchBtn {
    background: #0044A9 !important;
}

.SearchBtn:hover {
    background: #E0BF3C !important;
}

.search-sec {
    padding: 0;
    z-index: 11;
}

.search-slt2 {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(2.3rem + 2px) !important;
    border-radius: 0;
}

.wrn-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(2.3rem + 2px) !important;
    border-radius: 0;
}

@media (max-width: 992px) {
    .search-sec {
        background: #1A46689A;
    }
}

.RelatedPlaces {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 58, 15, .1);
    padding-bottom: 10px;
    border-right: 1px rgba(0, 58, 15, .1);
    padding-top: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}


/*.RelatedPlaces .col-sm-5{padding-right: 0px;}*/


/*.RelatedPlaces .col-sm-3{padding-left: 0px;}*/


/*.RelatedPlaces .col-sm-1{padding-left: 0px;}*/

.RelatedArea {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    color: #cf4d35;
}

.RelatedPlaceName {
    padding-top: 7px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

#mapWrapper .title {
    font-size: 16px;
    padding-bottom: 5px;
}

.DShowrooms {
    padding: 0;
}

.DShowroomList {
    margin-top: 20px;
    border: 1px solid#ccc;
    padding: 10px 10px;
    width: 100%;
}

.DShowroomList:hover {
    background: #f0f0f0;
}

.DShowroomList:hover a {
    color: #0069D9;
}

.DShowroomList .col-sm-4 {
    padding-right: 0;
}

.DShowroomList .UPTitle {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: bold;
    color: #0044A9;
    text-transform: uppercase;
}

.DShowroomList .UPDesig {
    font-size: 13px;
    color: #444;
    padding-bottom: 4px;
    line-height: 19px;
}

.DUserProList button {
    margin: 0;
    padding: 3px 5px;
    width: 100px;
}

.DUserProList .col-sm-8 {
    padding-left: 0;
}

.DUserProList .col-sm-9 {
    padding-left: 0;
}

/*job-post-page*/
.job-post-page {
    padding: 80px 0;
}

.job-opport-cat-list {
    margin-bottom: 30px;
    background-image: url(../../media/imgAll/bg-img-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.job-opport-cat-list h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #172f57;
}

.job-opport-cat-list p {
    font-size: 16px;
    margin: 25px 0;
}

.job-opport-cat-list p>strong {
    color: #172f57;
}

/* job-details */
.job-post-details-page {
    padding: 80px 0;
}

.job-post-details-page .post-date {
    color: rgba(0, 0, 0, .5);
}

.job-post-details-page .post-title {
    font-size: 30px;
    margin: 20px 0 30px 0;
    line-height: 30px;
    font-weight: 600;
}

.job-post-details-page .post-block.border-style {
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 35px 40px 20px;
    margin-bottom: 40px;
}

.job-post-details-page .block-numb {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #f6af26;
}

.job-post-details-page .block-title {
    font-size: 22px;
    margin: 0;
    font-weight: 600;
}

.job-post-details-page .post-block p {
    font-size: 16px;
    margin-top: 20px;
    line-height: 30px;
}

.job-post-details-page .list-type-one {
    padding: 0;
    margin: 0;
}

.job-post-details-page .list-type-one li {
    position: relative;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 30px;
    line-height: 1.882em;
    list-style: none;
}

.job-post-details-page .list-type-one li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #f6af26;
}

.job-post-details-page .list-type-two {
    margin: 0;
    padding: 0;
}

.job-post-details-page .list-type-two li {
    position: relative;
    font-size: 16px;
    margin-top: 25px;
    padding-left: 30px;
    list-style: none;
}

.job-post-details-page .list-type-two li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #f6af26;
}

.job-company-info {
    border-radius: 20px;
    padding: 20px;
    background: #eff6f3;
    position: sticky;
    top: 100px;
}

.job-company-info .job-meta-data span {
    font-size: 16px;
    color: rgba(36, 64, 52, .6);
}

.job-company-info .job-meta-data div {
    font-size: 16px;
    font-weight: 600;
    color: #172f57;
    margin: 4px 0 25px;
}

.job-company-info .job-meta-data {
    padding: 0;
    margin: 0;
}

.job-company-info .job-meta-data li {
    list-style: none;
}

/* job-application-form */
.sig-page-heading h5 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #172f57;
}

.apply-form-body .form-group {
    margin-bottom: 25px;
}

.apply-form-body .form-group label {
    color: #172f57;
    font-weight: 600;
    font-size: 14px;
}

.apply-form-body .form-group label span {
    color: red;
}

.apply-form-body .form-control {
    height: 50px;
    border-radius: 0px;
}

.file-input {
    padding: 13px 19px;
}

.form-control:focus {
    border-color: #f6af26;
    box-shadow: none;
}

/*===========gallery start===========*/
.DVideoCatListTop2 {
    width: 100%;
    margin-bottom: 20px;
    background: #f0f0f0;
    position: relative;
}

.videoIcon {
    position: relative;
}

.VideoTitle-view {
    font-size: 25px;
    margin-top: 10px;
}

picture img {
    aspect-ratio: 1.7777;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

span.play-btn-big {
    position: absolute;
    top: 40%;
    right: 46%;
    background: #f9a038;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    box-shadow: 0 0 5px #000;
}

span.play-btn-big i.fas.fa-play,
span.play-btn-big i.fa.fa-play {
    font-size: 22px;
    color: #fff;
    line-height: 45px;
    padding-left: 15px;
}

.DPortfolioList {
    margin-top: 20px;
}

nav>.nav.nav-tabs {

    border: none;
    color: #333;
    background: #fff;
    border-radius: 0;

}

nav>div a.nav-item.nav-link,
nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 7px 10px 4px 10px;
    color: #fff;
    background: #0044a9;
    border-radius: 0;
    text-align: center;
    display: block;
    min-width: 85px;
    border-bottom: 2px solid #0044a9;
    margin-right: 10px;
    font-weight: bold;
    position: relative;


}

nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 50%;
    border: 12px solid transparent;
    border-top-color: #0044a9;
    transform: translate(-50%);
}

.tab-content {
    line-height: 25px;
    padding: 30px 0;
}

nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus {
    border: none;
    background: #0044a9;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
    min-width: 85px;
    padding: 7px 10px 4px 10px;
    border-bottom: 2px solid #0044a9;
    margin-right: 10px;
    font-weight: bold;

}

.DPortfolio .nav-fill .nav-item {
    flex: 0 0 auto;
}

.DMediaList {
    margin-top: 20px;
    background: #fff;
    width: 100%;
}

.DMediaList img {
    box-shadow: 0 0 3px 0 #00000030;
}

.DMediaList p {
    font-size: 16px;
    padding: 10px 0 15px 0;
    text-transform: capitalize;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 400;
}

.DMediaList:hover p {
    color: #e0bf3c;
}

/*===========gallery end===========*/


/*===========reviewDelivery===========*/
.reviewDelivery nav>div a.nav-item.nav-link,
.reviewDelivery nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 10px 5px;
    color: #000;
    background: #fff;
    border-radius: 0;
}

.reviewDelivery nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -35px;
    left: -15%;
    border: 10px solid transparent;
    border-top-color: #e0bf3c;
}

.reviewDelivery nav>div a.nav-item.nav-link:hover,
.reviewDelivery nav>div a.nav-item.nav-link:focus {
    border: none;
    background: #fff;
    color: #e0bf3c;
    border-radius: 0;
    transition: background 0.20s linear;
}

/* new dropdown */
.DTopInfo .dropdown-menu {
    right: -25px;
    left: auto;
}

.setting__menu.menu_item span a {
    font-size: 14px;
}

/*===========Writers List===========*/

.DWritersList {
    margin: 80px 0 !important;
}

.DWritersListTitle {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.DWritersList nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

.DWritersList nav>div a.nav-item.nav-link {
    border: none;
    padding: 10px 5px;
    color: #0044A9;
    background: #E1E9EE;
    border-radius: 0;
}

.DWritersList nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 10px 5px;
    color: #fff;
    background: #0044A9;
    border-radius: 0;
    text-align: center;
}

.DWritersList nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -45px;
    left: -10%;
    border: 10px solid transparent;
    border-top-color: #0044A9;
}

.DWritersList {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 4px solid #0044A9;
    border-bottom: 1px solid #0044A9;
    padding: 10px 0 20px;
}

.DWritersList nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:active {
    border: none;
    background: #004F80;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}

.DWritersList .form-group {
    margin-bottom: 5px;
    margin-top: 10px;
}

.DWritersList .input-group>.form-control {
    background: #ccc;
    text-align: center;
}

.DUserProfile {
    padding: 0 20px;
}

.DUserProList {
    margin-top: 30px;
    border: 1px solid#ccc;
    padding: 10px;
    width: 100%;
    margin-left: 15px;
}

.DUserProList:hover {
    background: #f0f0f0;
}

.DUserProList:hover a {
    color: #0069D9;
}

.UPTitle {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: bold;
    color: #0044A9;
    text-transform: uppercase;
}

.UPDesig {
    font-size: 13px;
    color: #444;
    padding-bottom: 4px;
    line-height: 19px;
}

.DLocationImg {
    width: 35%;
    float: left;
}

.DLocationImg img {
    margin-left: -25px;
}

.DLocationText {
    width: 65%;
    float: left;
    margin-left: -10px;
}

.pac-card {
    border-bottom: 1px solid #ccc;
}

.DUserProList button {
    margin: 0;
    padding: 3px 5px;
    width: 100px;
}

.DUserProList .col-sm-8 {
    padding-left: 0;
}

.DUserProList .col-sm-9 {
    padding-left: 0;
}

.user_dasboard_profile_photo {
    height: 19px;
    width: 19px;
    position: absolute;
    top: -15px;
    border-radius: 50%;
}

.menu_position>.dropdown-menu {
    display: block;
    width: 150px;
    right: -22px !important;
    left: unset;
    margin: 0.7rem 0 0 !important;
    padding: 10px;
    text-align: center;
}


/*.TopSection{padding:30px 0 0;}*/

.TopSection .carousel-item:nth-child(1) {
    background: #002561
}

.TopSection .carousel-item:nth-child(2) {
    background: #f6c32e;
}

.TopSection .carousel-item:nth-child(3) {
    background: #F4F3F0;
}

.TopSection .carousel-indicators li {
    height: 2px;
    background-color: #E0BF3C;
    opacity: 1;
}

.TopSection .carousel-indicators .active {
    background-color: #002561;
}


/*.TopSection .carousel-item img{padding-left: 220px;}*/

.CategoryTitle {
    background: #E0BF3C;
    color: #333;
    padding: 12px 12px 12px 18px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 22px;
}

#sidebar {
    position: absolute;
    z-index: 9;
    width: 90%;
    background-color: #fff;
    top: 77px;
    height: 70vh;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    box-shadow: 0 0 3px 0 #00000030;
}

#sidebar.DCategoryPage {
    top: 54px;
}

.LocalMenu {}

.LocalMenu a {
    color: #333;
}

.LocalMenu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.LocalMenu li {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.LocalMenu li:hover {
    background: #f9f9f9;
}

.LocalMenu li a {
    color: #333;
    font-size: 14px;
    display: block;
}

.LocalMenu li a:hover,
.LocalMenu li a.submenu_active {
    color: #E0BF3C;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    transition: transform 0.3s, filter 1s ease-in-out;
}


/*.TopProductView{margin-top:10px;padding:0 20px;}*/

.TopProductView {
    position: relative;
    /*transform: translate(-50%,0);position: relative;width: calc(100%-200px;)*/
    height: 550px;
}

/* .TopProductView img{height: 550px;} */
.TopProductDesc .ProductTitle {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}

.TopProductDesc .ProductType {
    font-size: 18px;
    margin-bottom: 20px;
}

.TopProductDesc .ProductType span {
    padding: 0 10px;
}

.TopProductDesc .ProductDescription {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}

.TopProductView .carousel-caption h5 {
    background: #f9f9f9;
    color: #000;
    padding: 15px 30px;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    opacity: 0.8;
    font-size: 2.4em;
}

.TopProductView .min-vh-100 {
    min-height: 90% !important;
}

.DetailsBtn {
    background: #0040AA;
    padding: .7em 1.2em;
    border: none;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    margin-top: 10px;
    margin-right: 15px;
}

.DetailsBtn:hover {
    background: #E0BF3C;
    color: #333;
}

.AddToCartBtn {
    background: #E0BF3C;
    padding: .7em 1.2em;
    border: none;
    text-transform: capitalize;
    font-weight: 400;
    color: #333;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    margin-top: 10px;
}

.AddToCartBtn:hover {
    background: #0040AA;
    color: #fff;
}

.TopProductImg {
    box-shadow: 0 0 3px 0 #00000030;
}

.CategoryHeading {
    text-align: center;
    padding-top: 80px;
}

.CategoryHeading h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.9em;
    color: #000;
}

.CategoryHeading .SubHead {
    font-size: 15px;
    line-height: 26px;
    color: #333;
    padding: 10px 10px 50px;
}

.colorbox1 {
    width: 25px;
    height: 2px;
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    margin-top: 7px;
    background-color: #0040AA;
    border-radius: 3px;
}

.colorbox2 {
    width: 75px;
    height: 2px;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    background-color: #E0BF3C;
    border-radius: 3px;
}

.Imgresize {
    position: relative;
}

.TopSection .ImgViewer {
    padding-top: 40%;
    margin: 0;
}

.ImgViewer {
    padding-top: 56.25%;
    margin: 0;
    box-shadow: none;
}

.LatestNewsList .ImgViewer {
    padding-top: 60%;
    margin: 0;
}

.DTopNews1List .ImgViewer {
    padding-top: 63%;
    margin: 0;
}

.FixingRatio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.zoom-desktop {
    transform: none;
    transition: transform .1s ease-out;
}

.ImgRatio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.FeatureCategoryTop .ImgViewer {
    padding-top: 90.55%;
    margin: 0;
}

.FeaturedCategoryArea .col-lg-6.col-sm-12:nth-child(3) {
    margin-top: 30px;
}

.FeaturedCategoryArea .col-lg-6.col-sm-12:nth-child(4) {
    margin-top: 30px;
}

.ProjectArea {
    padding: 80px 0;
}

.ProjectArea .col-lg-6:nth-child(3) .FeatureCategoryTop {
    margin-top: 30px;
}

.ProjectArea .col-lg-6:nth-child(4) .FeatureCategoryTop {
    margin-top: 30px;
}

.FeatureCategoryList .ImgViewer {
    padding-top: 84%;
    margin: 0;
}

.FeatureCategoryList a {
    color: #fff;
}

.grid {
    position: relative;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    font-weight: 600;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 16px;
    padding: 10px 0;
    text-transform: capitalize;
}

.FeatureTopProductDesc {
    background: #0044A9B8
}


.FeatureListDesc {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000cf);
}


/*.ViewDetailsBtn{background:#E0BF3C;padding:.3em 0.6em;border:none;text-transform:capitalize;font-weight:bold;color:#333;-webkit-transition:background .3s ease;transition:background .3s ease;}*/

.FeatureCategoryList .ListHeading {
    font-size: 15px !important;
    color: #fff;
}

figure.effect-lily img {
    max-width: none;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: 50% 65%;
    transition: transform 2s, filter 1.5s ease-in-out;
}

figure.effect-lily:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption:hover {
    transition: transform 2s;
}

figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    width: 100%;
}

figure.effect-lily h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 18px;
}


/*figure.effect-lily h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;font-size:25px !important;}*/


/*figure.effect-lily p{color:rgba(255,255,255,0.8);opacity:0;-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;}*/

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
}


/*figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}*/

figure.effect-lily:hover h2 {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    transition: transform 1s, filter 2s ease-in-out;
}


/*figure.effect-lily:hover p{-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;transition: transform 1s, filter 2s ease-in-out;}*/

.customer-logos {
    margin: 0 -12px;
}

.FeaturedProductArea {
    margin-bottom: 20px;
}

.FeatureProductList {
    padding: 15px;
    box-shadow: 0 0 3px 0 #00000030;
    position: relative;
    margin-top: 20px;
    background: #F9F9F9;
}

.FeatureProductList .PopupDetails {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 6%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    text-align: center;
    width: 88%;
}

.FeatureProductList:hover .Model {
    opacity: 0.6;
}

.FeatureProductList:hover .PopupDetails {
    opacity: 1;
}

.FeatureProductList .PopupDetails .ProductDetails {
    background-color: transparent;
    color: #333;
    font-size: 15px;
    margin-bottom: 30px;
}

.FeatureProductList .ProductName {
    font-size: 16px;
    font-weight: normal;
    color: #0040AA;
    letter-spacing: .5px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}

.FeatureProductList .ProductCode {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    letter-spacing: .5px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}

.ProductDetailsBtn {
    background: #0040AA;
    padding: 5px 20px 7px;
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    line-height: 16px;
}

.column {
    margin: 0 -15px;
    padding: 0;
}

.column:last-child {
    padding-bottom: 60px;
}

.column::after {
    content: '';
    clear: both;
    display: block;
}

.column div {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.column div:first-child {
    margin-left: 0;
}

.column div span {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 10px;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
    background: #f0f0f0
}

.FeatureCategoryList figure {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 3px 0 #00000030;
}

figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.single-product .product-outer {
    height: 320px;
    overflow: hidden;
    padding: 20px 15px 0;
    position: relative;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.single-product .product-outer:hover {
    height: 320px;
    overflow: visible;
    padding: 20px 15px 0;
    position: relative;
    transition: transform .3s ease, -webkit-transform .3s ease;
}


/*.single-product .product-outer::before {content: '';position: absolute;left: 0;right: 0;top: 60px;bottom: 0;background-color: #f0f0f0;box-shadow: 0 0 10px rgba(0,0,0,.03);z-index: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}*/

.single-product .product-outer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background-color: #f0f0f0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .03);
    z-index: 1;
    transform: translateY(-5px) translateZ(0);
}

.single-product .product-outer:hover::before {
    top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background-color: #fff;
}

.single-product .product-outer .product-inner {
    position: relative;
    height: 100%;
    z-index: 2;
    padding-bottom: 0px;
}

.single-product .product-outer .product-inner .product-image {
    display: block;
    border: 1px solid #eee;
    position: relative;
}

.single-product .product-outer .product-inner .product-image a {
    display: block;
}

.single-product .product-outer .product-inner .product-image a img {
    width: 100%;
    object-fit: cover;
}

.single-product .product-outer .product-inner .product-info {
    text-align: center;
}

.DetailsBtn2 {
    background: #0040AA;
    padding: .7em 1.2em;
    border: none;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    text-transform: uppercase;
    font-weight: normal;
}

.single-product .product-outer .product-inner .product-link a:hover {
    color: #fff;
}

.FeatureProductDetailsShort .product-title {
    font-size: 16px;
    padding: 15px 0;
    text-transform: capitalize;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 400;
}

.product-info .product-title {
    font-size: 1rem;
    margin-bottom: 0px;
    text-transform: capitalize;
    line-height: 1.15;
    padding: 20px 0
}

.product-info .product-name {
    font-size: 1rem;
    margin-bottom: 15px;
    text-transform: capitalize;
    line-height: 1.15;
    color: #E0BF3C
}

.product-info .product-details {
    font-size: 15px;
    margin-bottom: 15px;
    color: #222;
    padding: 0 10px
}

.single-product .product-outer .product-inner .product-info .product-category {
    font-size: .925rem;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: .5px;
}

.single-product .product-outer .product-inner .product-link {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 13px;
}

.single-product .product-outer:hover>.FeatureProductDetails {
    margin-top: -0px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


/*.single-product{position: relative;*/


/*transition: -webkit-transform .5s ease;*/


/*transition: transform .5s ease;*/


/*transition: transform .5s ease,-webkit-transform .5s ease;}*/


/*.single-product:hover{z-index: 20;*/


/*    -webkit-transform: translateY(-5px) translateZ(0);*/


/*    transform: translateY(-5px) translateZ(0);}*/

.FeatureProductDetails {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.FeatureProductDetails {
    border-bottom: 2px solid#0040AA;
    margin: 0 -15px;
}

.single-product .product-outer:hover .FeatureProductDetails {
    overflow: visible;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    background: #fff;
    position: absolute;
}

.SpecialPackage {
    position: relative;
    padding: 0 0 70px 0;
}

h3.TrendingTitle {
    background: #E0BF3C;
    color: #333;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.SpecialProductBg {
    background: rgba(0, 0, 0, 0) url("../../media/common/Trending section-bg.jpg") no-repeat scroll center center / cover;
    background-position-x: center;
    background-position-y: center;
    background-position-x: center;
    background-position-y: center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*.SpecialProductBg::after {*/
/*    background: #1b4180;*/
/*    content: "";*/
/*    height: 100%;*/
/*    left: 0;*/
/*    opacity: 0.8;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 100%;*/
/*}*/

.SProductDetails {
    color: #fff;
    margin-top: 30px;
}

.SProductDetails .Title {
    font-size: 2.5em;
    line-height: 35px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #fff;
}

.SProductDetails .Details {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    line-height: 26px;
}

.AddtoCartBtn {
    margin-top: 20px;
    background: #E0BF3C;
    padding: .5em 0.8em;
    border: none;
    text-transform: capitalize;
    font-weight: 400;
    color: #333;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 30px;
    background-color: transparent !important;
}

.RomaSpecility {
    padding-bottom: 80px;
}

.Speciality-List {
    border: none;
    padding: 0 15px;
    text-align: center;
    background: #fff;
}

.Speciality-List img {
    width: 120px;
    margin-bottom: 20px;
}

.Speciality-List2 img {
    width: 230px;
    margin-bottom: 20px;
}

.Speciality-Title {
    font-size: 15px;
    color: #333;
    text-align: center;
}

.Speciality-List:hover .Speciality-Title {
    color: #1b4180;
}

.Speciality-List {
    margin-bottom: 40px;
}

/* .Speciality-List :nth-child(4n+3) { margin-bottom: 0; } */


/* Why Roma SVG flip-card */


/*.flip-card {*/


/*!*background-color: transparent;*!*/


/*!*perspective: 1000px;*!*/


/*}*/


/*.flip-card-inner {*/


/*position: relative;*/


/*width: 100%;*/


/*height: 100%;*/


/*text-align: center;*/


/*transition: transform 0.8s;*/


/*transform-style: preserve-3d;*/


/*}*/


/*.flip-card:hover .flip-card-inner {*/


/*transform: rotateY(180deg);*/


/*}*/


/*.flip-card-front, .flip-card-back {*/


/*position: absolute;*/


/*width: 100%;*/


/*height: 100%;*/


/*backface-visibility: hidden;*/


/*}*/


/*.flip-card-front {*/


/*}*/


/*.flip-card-back {*/


/*transform: rotateY(180deg);*/


/*}*/

.flip-card-back {
    display: none;
}

.flip-card-inner:hover .flip-card-front {
    display: none;
}

.flip-card-inner:hover .flip-card-back {
    display: inline-block;
}

.LatestNewsBg {
    background: #F9F9F9;
    padding-bottom: 80px;
}

.LatestNewsList {
    background: #fff;
    box-shadow: 0 0 3px 0 #00000020;
}

.CertificateList {
    margin-top: 30px;
    background: #fff;
    box-shadow: 0 0 3px 0 #00000020;
}

.CertificateList .NewsDesc .Title {
    margin: 0;
}

.CertificateList .ImgViewer {
    padding-top: 125%;
    margin: 0;
}

.CertificateList .Imgresize img {
    transform-origin: 50% 65%;
    transition: transform 2s, filter 1.5s ease-in-out;
}

.LatestNewsList .Newstags {
    background: #0043A8;
    text-align: center;
    position: absolute;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    left: 22%;
    top: 45%;
    width: 56%;
    line-height: 18px;
}

.NewsDesc {
    padding: 30px;
    text-align: center;
}

.NewsDesc .Title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 10px;
    color: #333;
    margin-bottom: 15px;
}

.NewsDesc .PDate {
    font-size: 15px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 500;
}

.NewsDesc .Details {
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    color: #555;
    margin-bottom: 15px;
    max-height: 70px;
    overflow: hidden;
    font-weight: 400;
}


.Readmore {
    color: #E0BF3C;
    font-size: 16px;
    text-decoration: underline;
}

.Readmore:hover {
    color: #404041;
    text-decoration: underline;
}

.LatestNewsList .FixingHeight {
    min-height: 173px;
    overflow: hidden;
}

.wrapper .details table {
    width: 100% !important;
    margin-top: 15px !important;
}

.wrapper .details table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.wrapper .details table tr td {
    padding: 5px 10px !important;
    margin: 0 !important;
}




/*****************globals*************/

.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


@media screen and (max-width:996px) {
    .preview {
        margin-bottom: 20px;
    }
}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}

.preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%;
}

.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block;
}

.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0;
}

.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0;
}

.tab-content {
    overflow: hidden;
}

.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.card {
    margin-top: 70px;
    background: transparent;
    padding: 0;
    line-height: 1.5em;
    border: none;
}

.xzoom-container {
    display: inline;
}

.xzoom-thumbs {
    border: none;
    margin-top: 10px;
    width: 107%;
    text-align: left;
}

.xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5 {
    margin-left: 0;
    margin-bottom: 0px;
}

.xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5,
.xactive {
    border: none;
    box-shadow: none;
}

.xzoom-thumbs img {
    width: 17%;
    margin-right: 10px;
}


/*.xzoom-thumbs img:last-of-type{margin-right:0px;}*/

@media screen and (min-width:997px) {
    .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/*.colors{
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1; }
*/

.DCartSec tfoot td {
    padding: 6px 5px;
}

.product-title {
    font-weight: bold;
    font-size: 23px;
}

.product-description {
    padding-bottom: 20px;
}

.price,
.sizes,
.colors {
    font-weight: bold;
    font-size: 16px;
}

.checked,
.price span {
    color: #FECF41;
}

.sizes p {
    font-weight: normal;
    padding-top: 10px;
}

.product-title {
    margin-bottom: 20px;
}

.rating,
.price {
    margin-bottom: 20px;
}

.vote {
    margin-bottom: 20px;
}

.colors {
    margin-bottom: 20px;
}

.sizes {
    margin-bottom: 20px;
}

.product-title {
    margin-top: 0;
}

.size {
    margin-right: 10px;
}

.size:first-of-type {
    margin-left: 40px;
}

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px;
}

.color:first-of-type {
    margin-left: 20px;
}

.add-to-cart.contact-us {
    background: #E0BF3C;
    color: #333;
}

.add-to-cart,
.like {
    background: #0044A9;
    padding: .6em 1.2em;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    margin-top: 12px;
    border-radius: 3px;
}

.add-to-cart2 {
    background: #0044A9;
    padding: .6em 1.2em;
    border: none;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    margin-top: 12px;
    border-radius: 3px;
}

.add-to-cart:hover,
.like:hover,
.add-to-cart2:hover {
    background: #0D2C49;
    color: #fff;
}

.not-available {
    text-align: center;
    line-height: 2em;
}

.not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff;
}

.orange {
    background: #FECF41;
}

.green {
    background: #85ad00;
}

.blue {
    background: #0076ad;
}

.tooltip-inner {
    padding: 1.3em;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

select {
    -webkit-appearance: none;
    outline: none;
    font-size: 1rem;
    box-sizing: border-box;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    padding: 0.5em 3.5em 0.5em 1em;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 4px 4px, 5px 4px, 1px 1.5em;
    background-repeat: no-repeat;
}

select {
    color: black;
}

.placeholder {
    color: gray
}

.color1 {
    background-color: #CCCDC7;
}

.color2 {
    background-color: #C5B69A;
}

.color3 {
    background-color: #DE7646;
}

.color4 {
    background-color: #737470;
}

.color5 {
    background-color: #C2B9A1;
}

/* .color6 {
    background-color: #3E434B;
} */

.slick-slide {
    margin: 0 15px;
    padding: 20px 0;
}

.FeaturedProductArea .slick-slide {
    margin: 0 15px;
}

.moreVideo {
    margin-bottom: 80px;
}

.slick-next::before {
    content: '';
    background: url("../../media/common/right-icon.svg") no-repeat center center;
    background-size: auto;
    background-size: 30px 30px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    width: 25px;
}

.slick-prev::before {
    content: '';
    background: url("../../media/common/right-icon.svg") no-repeat center center;
    background-size: auto;
    background-size: 30px 30px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    width: 20px;
    transform: rotate(180deg);
}

.carousel-control-next-icon {
    content: '';
    background: url("../../media/common/right-icon.svg") no-repeat center center;
    background-size: auto;
    background-size: 30px 30px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    width: 25px;
    right: 0;
}

.carousel-control-prev-icon {
    content: '';
    background: url("../../media/common/right-icon.svg") no-repeat center center;
    background-size: auto;
    background-size: 30px 30px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    width: 20px;
    left: 0;
    transform: rotate(180deg);
}

.RbdSpCat {
    padding-top: 25px;
    padding-bottom: 70px;
}

.DClientLogoList p {
    font-size: 14px;
    line-height: 24px;
    padding: 5px;
    color: #333;
    text-align: center;
    font-weight: 400;
}

.DClientLogoList img {
    /*padding: 10px;*/
}


/*# sourceMappingURL=style.css.map */

.Product-Quality-Title {
    color: #ca9964;
    font-size: 2.2em;
    line-height: 2em;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #DDD;
}

.Product-Quality-List h3 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}

.Product-Quality-List {
    margin-top: 20px;
}

.Product-Quality-List p {
    font-size: 14px;
    color: #777;
    text-align: left;
    font-weight: 300;
    line-height: 24px;
}


/*======Footer CSS END=====*/


/*======Recent News CSS=====*/

#carousel .carousel-item .DSlideCaption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: #fff;
    animation-duration: 1s;
    animation-delay: 2s;
    position: absolute;
    top: 350px;
}

.contact-card {
    margin-top: 20px;
    background: #fff;
    padding: 0;
    line-height: 1.5em;
    border: 1px solid rgba(0, 0, 0, .05);
}

.contact-card .bg-primary {
    background: #0044A9 !important;
}

.contact-card .bg-primary h3 {
    margin-bottom: 0;
}

.form-title {
    padding: 25px;
    font-size: 30px;
    font-weight: 300;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form-group .form-control {
    -webkit-box-shadow: none;
    border-bottom: 1px;
    border-style: none none solid none;
    border-radius: 0;
    border-color: #ccc;
    font-size: 13px;
    padding: 3px 5px;
}

.form-group .form-control:focus {
    box-shadow: none;
    border-width: 0 0 2px 0;
    border-color: #ccc;
}

textarea {
    resize: none;
}

.btn-mod.btn-large {
    height: auto;
    padding: 13px 30px;
    font-size: 15px;
}

.btn-mod.btn-border {
    color: #000000;
    border: 1px solid #ccc;
    background: transparent;
}

.btn-mod,
a.btn-mod {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34, 34, 34, .9);
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-mod.btn-border:hover,
.btn-mod.btn-border:active,
.btn-mod.btn-border:focus,
.btn-mod.btn-border:active:focus {
    color: #fff;
    border-color: #0044A9;
    background: #0044A9;
    outline: none;
}

@media only screen and (max-width: 500px) {
    .btn-mod.btn-large {
        padding: 6px 16px;
        font-size: 11px;
    }

    .form-title {
        font-size: 20px;
    }
}

.relative {
    position: relative;
}

.Imgresize {
    min-height: 1px;
}

picture.Ratio.Ratio16x9 {
    padding-top: 56.25%;
}

picture.Ratio {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

picture.Ratio img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
}

.svg-inline--fa.fa-w-14 {
    width: 0.9em;
    color: #0d4676;
}

.AboutUs {
    padding: 20px 0;
}


/*.AboutUs .Title{margin-bottom:20px;margin-top:0px;font-size:30px;line-height:30px;color:#333;letter-spacing:.5px;font-weight:bold;}
.AboutUs  p{margin-bottom:15px;font-size:16px;line-height:26px;color:#333;}*/

.carousel-control-next {
    justify-content: right;
}

.carousel-control-prev {
    justify-content: left;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #333;
    height: 40px;
}

.carousel-control-next,
.carousel-control-prev {
    z-index: 0
}

.Products-Headline-Title {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 600;
    color: #545454;
    margin-bottom: 20px;
    margin-top: 20px;
}

.Products-Headline-Title2 {
    font-size: 2.2em;
    line-height: 2em;
    font-weight: 600;
    color: #545454;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #DDD;
}

.Product-List-Title {
    font-size: 1.12em;
    line-height: 20px;
    font-weight: 600;
    color: #ac0000;
    margin-bottom: 10px;
    border-left: 4px solid #333;
    padding-left: 5px;
}

.Product-List {
    margin-top: 30px;
}

#carousel img {
    display: block;
    opacity: .5;
    cursor: pointer;
}

#carousel .flex-active-slide img {
    opacity: 1;
    cursor: default;
}

.flexslider {
    margin-bottom: 5px;
    border: none;
}


/*#slider3 .flex-control-nav, .flex-direction-nav, .slides, .slides > li{display:none;}*/

.Choose-Brief {
    font-size: 1.2em;
    line-height: 1.55em;
    margin: 20px 0 0;
    text-align: center;
    color: #4d4d4d;
    padding: 0 15px;
}

.DPartners {
    background: #fff;
    padding-bottom: 80px;
}


/*.DCategoryListingItem{position:absolute;display: block;}*/


/*.InnerPageProductList{*/


/*position: relative;*/


/*display:inline-block;*/


/*border:0;*/


/*position: relative;*/


/*-webkit-transition: all 800ms ease-in;*/


/*-webkit-transform: scale(1); */


/*-ms-transition: all 800ms ease-in;*/


/*-ms-transform: scale(1); */


/*-moz-transition: all 800ms ease-in;*/


/*-moz-transform: scale(1);*/


/*transition: all 800ms ease-in;*/


/*transform: scale(1);   */


/*}*/


/*.InnerPageProductList:hover*/


/*{*/


/*z-index: 9999;*/


/*-webkit-transition: all 800ms ease-in;*/


/*-webkit-transform: scale(1.1);*/


/*-ms-transition: all 800ms ease-in;*/


/*-ms-transform: scale(1.1);   */


/*-moz-transition: all 800ms ease-in;*/


/*-moz-transform: scale(1.2);*/


/*transition: all 800ms ease-in;*/


/*transform: scale(1.2);*/


/*}*/

/*Add to Minicart*/
body.show-sidebar-cart {
    overflow: hidden !important;
    height: 100% !important;
}

body.show-sidebar-cart #sidebar-cart {
    right: 0;
    visibility: visible;
}

#sidebar-cart {
    background: #fff;
    color: #75757a;
    padding: 15px 15px 0 15px;
    position: fixed;
    display: block;
    width: 320px;
    height: 100vh;
    z-index: 9999999999;
    top: 0;
    right: -340px;
    box-shadow: -10px 0 15px rgba(0, 0, 0, 0.1);
    transition: right 0.5s ease-in-out;
}

#sidebar-cart a.close-button {
    height: 16px;
    width: 16px;
    margin: 0 0 15px 0;
    text-decoration: none;
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
}

#sidebar-cart a.close-button span.close-icon {
    width: 16px;
    height: 16px;
    background: #000;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
    transition: all 0.5s linear;
}

#sidebar-cart a.close-button:active span.close-icon,
#sidebar-cart a.close-button:hover span.close-icon {
    background: #969696;
}

#sidebar-cart h2 {
    color: #000;
    font-family: Muli;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1;
    margin: 5px 0 25px 0;
    display: flex;
    justify-content: center;
}

#sidebar-cart h2 span.count {
    color: #fff;
    background: #0044A9;
    padding: 8px;
    margin-left: 6px;
    position: relative;
    top: -1px;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sidebar-cart ul.products {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
    height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    position: relative;
    z-index: 0;
}

#sidebar-cart ul.products:after {
    background: #fff;
    height: 30px;
    width: 300px;
    z-index: 1;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

#sidebar-cart ul.products li.product {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    min-height: 30px;
    background: #f0f0f0;
    border-radius: 3px;
    color: #000;
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row nowrap;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product:active,
#sidebar-cart ul.products li.product:hover {
    background: #fff;
}

#sidebar-cart ul.products li.product:active span.product-details h3,
#sidebar-cart ul.products li.product:hover span.product-details h3 {
    color: #4dc0e3 !important;
}

#sidebar-cart ul.products li.product:active img,
#sidebar-cart ul.products li.product:hover img {
    border-color: #d7d7de !important;
}

#sidebar-cart ul.products li.product a.product-link {
    width: 100%;
    color: #000;
    padding: 10px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#sidebar-cart ul.products li.product a.product-link span.product-image {
    display: inline-block;
    width: 75px;
    height: 50px;
    padding-right: 10px;
}

#sidebar-cart ul.products li.product a.product-link span.product-image img {
    width: 60px;
    height: 50px;
    border: 1px solid #d7d7de;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.product-link span.product-details {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    color: #75757a;
}

#sidebar-cart ul.products li.product a.product-link span.product-details h3 {
    margin: 3px 25px 5px 0;
    font-size: 13px;
    font-weight: 500;
    color: #44444a;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 5px;
    margin-top: 8px;
}

/* #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty,
  #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
  } */
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button {
    width: 25px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #cdcdd1;
    background: #f0f0f9;
    color: #75757a;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    transition: all 0.3s linear;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:hover,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:hover {
    color: #fff;
    background: #0044A9;
    border-color: #0044A9;
    cursor: pointer;
    outline: none;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:focus,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:focus {
    outline: none;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input {
    width: 50px;
    height: 24px;
    text-align: center;
    border: 1px solid #cdcdd1;
    border-radius: 3px;
    margin: 0 2px;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:hover {
    border: 1px solid #0044A9;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:focus {
    outline: none;
    border: 1px solid #0044A9;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-inner-spin-button,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
    color: #0044A9;
    font-weight: 500;
    font-size: 13px;
    display: inline-flex;
}

#sidebar-cart ul.products li.product a.remove-button {
    height: 16px;
    width: 16px;
    margin: 10px 10px 0 0;
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
    display: flex;
}

#sidebar-cart ul.products li.product a.remove-button span.remove-icon {
    width: 15px;
    height: 16px;
    background: rgba(117, 117, 122, 0.5);
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='currentColor' d='M30.9 2.3h-8.6L21.6 1c-.3-.6-.9-1-1.5-1h-8.2c-.6 0-1.2.4-1.5.9l-.7 1.4H1.1C.5 2.3 0 2.8 0 3.4v2.2c0 .6.5 1.1 1.1 1.1h29.7c.6 0 1.1-.5 1.1-1.1V3.4c.1-.6-.4-1.1-1-1.1zM3.8 32.8A3.4 3.4 0 0 0 7.2 36h17.6c1.8 0 3.3-1.4 3.4-3.2L29.7 9H2.3l1.5 23.8z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='currentColor' d='M30.9 2.3h-8.6L21.6 1c-.3-.6-.9-1-1.5-1h-8.2c-.6 0-1.2.4-1.5.9l-.7 1.4H1.1C.5 2.3 0 2.8 0 3.4v2.2c0 .6.5 1.1 1.1 1.1h29.7c.6 0 1.1-.5 1.1-1.1V3.4c.1-.6-.4-1.1-1-1.1zM3.8 32.8A3.4 3.4 0 0 0 7.2 36h17.6c1.8 0 3.3-1.4 3.4-3.2L29.7 9H2.3l1.5 23.8z'/%3E%3C/svg%3E");
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.remove-button:active span.remove-icon,
#sidebar-cart ul.products li.product a.remove-button:hover span.remove-icon {
    background: #cc0000;
}

#sidebar-cart div.totals {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 45px;
    background: #e1e1e7;
    border-bottom: 1px solid #d7d7de;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#sidebar-cart div.totals div.subtotal,
#sidebar-cart div.totals div.shipping,
#sidebar-cart div.totals div.tax {
    padding: 15px;
    text-align: center;
    color: #44444a;
    border-bottom: 1px solid #d7d7de;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#sidebar-cart div.totals div.subtotal span.amount,
#sidebar-cart div.totals div.shipping span.amount,
#sidebar-cart div.totals div.tax span.amount {
    color: #000;
    margin-left: 10px;
    font-weight: 600;
}

#sidebar-cart div.action-buttons {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    display: block;
    white-space: nowrap;
}

#sidebar-cart div.action-buttons a.view-cart-button,
#sidebar-cart div.action-buttons a.checkout-button {
    display: inline-block;
    padding: 10px;
    margin: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    transition: all 0.5s linear;
}

#sidebar-cart div.action-buttons a.view-cart-button {
    background: #fff;
    border-color: #0044A9;
    margin-right: 5px;
    color: #0044A9;
    width: 80px;
}

#sidebar-cart div.action-buttons a.view-cart-button:active,
#sidebar-cart div.action-buttons a.view-cart-button:hover {
    background: #0044A9;
    color: #fff;
}

#sidebar-cart div.action-buttons a.checkout-button {
    border-color: #0044A9;
    background: #0044A9;
    margin-left: 5px;
    color: #fff;
    width: 200px;
}

#sidebar-cart div.action-buttons a.checkout-button:after {
    content: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -5px;
    z-index: 1;
}

#sidebar-cart div.action-buttons a.checkout-button:active,
#sidebar-cart div.action-buttons a.checkout-button:hover {
    background: #0D2C49;
    border-color: #0D2C49;
}

#sidebar-cart-curtain {
    background: rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11111111;
    height: 1200px;
}




/* outlet details */
.outlet-details-wrapper {
    padding-top: 50px;
    padding-bottom: 20px;
}

.outlet-details-wrapper .DLocationText .UPTitle {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 7px;
    font-weight: bold;
    color: #0044A9;
    text-transform: uppercase;
}

.outlet-details-wrapper .DLocationText .UPDesig {
    font-size: 18px;
    color: #444;
    padding-bottom: 10px;
    line-height: 24px;
}

.outlet-details-wrapper .DLocationImg {
    width: 350px;
}

.map-area {
    margin-top: 30px;
}

.map-area iframe {
    height: 450px;
    width: 100%;
}

.map-heading {
    text-align: center;
    margin-top: 50px;
}

.map-heading h3 {
    font-size: 25px;
    line-height: 31px;
    font-weight: 600;
}

/*Dashboard Menu  */
.dashboard_menu {
    margin-top: 30px;
    background-color: #f6f6f6;
    box-shadow: 0 0 3px 0 #00000030;
}

.dashboard_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dashboard_menu ul li {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.dashboard_menu ul li:hover {
    background-color: #0044a9;
}

.dashboard_menu ul li:hover .nav-link {
    color: #e0bf3c;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    transition: transform .3s, filter 1s ease-in-out;
}

.dashboard_menu ul li .nav-link.active {
    color: #333;
    font-size: 16px;
    display: block;
    padding: 0;
    border: 0;
    background-color: transparent !important;
}

.dashboard_menu ul li .nav-link {
    color: #333;
    font-size: 16px;
    display: block;
    padding: 0;
    border: 0;
}

/*.dashboard_menu ul li a:hover{color: #e0bf3c;-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);transition: transform .3s,filter 1s ease-in-out;}*/
#user-dashboard .card-body {
    margin-top: 0px;
}

#user-dashboard .d-flex.align-items-end.up_msg {
    position: absolute;
    top: -40px;
}

/*Cart page*/
.DCart {
    margin-top: 30px;
}

.DCart h4 {
    font-size: 20px;
    text-transform: uppercase;
}

.DCart .nomargin {
    font-size: 15px !important;
    line-height: 20px;
}

.DCart .table {
    margin-top: 30px;
}

.DCart .table thead th {
    font-size: 15px;
    text-transform: capitalize;
    padding: 8px 5px;
}

.DCartCalculate {
    margin-top: 30px;
    border: 1px solid #ccc;
}

.DCartSec tbody td .row .col-sm-3 {
    padding-right: 0;
}

/*CheckOut Page*/
.DCheckOut {
    margin-top: 20px;
    margin-bottom: 20px;
}

.DCheckOut h2 {
    font-size: 20px;
    text-transform: uppercase;
}

.DCheckOut p {
    border-bottom: 1px dotted#000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.DShippingAdd .form-group {
    padding: 0 15px;
}

.DCheckOutPanel p span {
    font-weight: bold;
}

.DCheckOutPanel .panel {
    border-radius: 0;
    border: 1px solid#C8C8C8;
    margin-top: 20px;
}

.DCheckOutPanel .panel:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24);
}

.DCheckOutPanel .panel-heading {
    border-radius: 0;
    background: #F0F0F0;
    border-bottom: 1px solid #C8C8C8;
    padding: 9px 15px;
}

.DCheckOutPanel .panel-heading span {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #0044A9;
    margin-right: 10px;
}

.DCheckOutPanel .panel-heading .panel-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
}

.DCheckOutPanel .panel-body {
    padding: 15px;
}

.DCheckOutPanel label {
    margin-bottom: 0;
}

.DCheckOutPanel .form-group .form-control {
    padding: 0 10px;
}

button.ship_diff_address {
    border: unset;
    outline: unset;
    width: 100%;
    text-align: left;
}

/*Login*/
.account-icon {
    padding-left: 20px;
}

.account-icon a {
    text-decoration: none;
    color: #fff;
}

.account-icon a p {
    margin-bottom: 0;
    font-size: 14px;
}

.account-icon a p i {
    padding: 0 10px;
}

.account-icon .modalText {
    text-align: left !important;
}

.account-icon .modal-footer a {
    color: #003961
}

/* register-page */
.registration-form {
    box-shadow: 0px 0px 5px 0px #00000040;
    padding: 40px;
}

.myaccount-wrapper {
    max-width: 400px !important;
}

.registration-form .form-title {
    padding: 25px 0;
}

.form-title h5 {
    display: inline-block;
}

.myaccount-btn {
    padding: 14px 31px;
    font-size: 15px;
    background: #003961;
    width: 100%;
}

.gender-reg {
    font-weight: 500;
    width: 30%;
    color: #000000b0;
}

.gender-title {
    margin-top: 7px;
}

.regi-submit-btn {
    font-size: 15px;
    padding: 15px 25px;
    background: #003961;
    width: 100%;
}

.login-go {
    font-size: 14px;
    color: #000;
}

.login-go a {
    text-decoration: none;
    color: #003961;
    font-weight: 600;
}

.datepicker {
    color: #00000091;
}

/*checkout-sucess*/
.DCheComplete h1 {
    border-bottom: 1px dotted#000;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
}

.DCheComplete p {
    padding-bottom: 10px;
    line-height: 22px;
    color: #000000c7;
}

.DCheComplete a {
    color: #003961;
    text-decoration: none;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.Back-up-top .btn-danger {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    color: #fff;
    background-color: #313C39;
    border: 2px solid #0b0505;
    font-size: 25px;
    padding-top: 2px;
    padding-left: 9px;
}

.MobileMenuShow {
    display: none;
}

/* header-top */
.m-menu {
    width: 25%;
}

.m-logo {
    width: 50%;
    padding: 0;
}

/* .DLogoMobile{margin-top:17px;} */
.DLogoMobile {
    display: flex;
    align-items: center;
}

.m-header-icon {
    width: 25%;
}

.header-top-icon {
    margin-top: 26px;
    float: right;
}

.header-top-icon ul {
    padding: 0;
    margin: 0;
}

.header-top-icon ul li {
    display: inline-block;
    padding-left: 30px;
}

.header-top-icon ul li:last-of-type {
    display: inline-block;
    padding-left: 10px;
}

.header-top-icon ul li a {
    position: relative;
}

.header-top-icon ul li a>i {
    font-size: 20px;
    line-height: 16px;
    color: #fff;
}

.m_user_profile_photo {
    height: 19px;
    width: 19px;
    border-radius: 50%;
}

/* header-top-icon */


/* mobile-menu-area */
a.meanmenu-reveal {
    left: 0 !important;
    top: -60px !important;
}

.mean-container .mean-bar {
    background: none !important;
    padding: 0 !important;
    min-height: 0px !important;
}

.mean-container .mean-nav {
    background: none !important;
    margin-top: 0 !important;
}

.mean-container .mean-nav ul li a.mean-expand {
    padding: 1px 12px !important;
    line-height: 30px !important;
}

.mean-container .mean-nav ul li a {
    padding: 7px 5% !important;
}

.mean-container .mean-nav ul li li a {
    padding: 7px 10% !important;
    font-size: 14px;
}

.mean-container .mean-nav ul li li li a {
    width: 100%;
    padding: 7px 15% !important;
    font-size: 14px;
}

.mean-container .mean-nav ul li li li li a {
    padding: 7px 20% !important;
}

.mean-container a.meanmenu-reveal {
    padding: 15px 15px;
}

.m-header-icon .tip {
    position: absolute;
    right: 0;
    top: -11px;
    height: 14px;
    width: 14px;
    background: #E0BE3D;
    font-size: 10px;
    font-weight: 500;
    color: #111;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
}

#wa-widget-send-button {
    z-index: 1660 !important;
}

.DOrdRevCont .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width:1024px) {
    .container {
        width: 1024px;
    }
}

@media screen and (max-width:768px) {
    .MobileHide {
        display: none;
    }

    .MobileShow {
        display: block !important;
    }

    .MobileMenuShow {
        display: block;
    }

    .MobileMenuHide {
        display: none;
    }

    .MobileMenuShow {
        display: block;
        background: #0044A9;
    }

    .container {
        width: 768px;
    }

    .section-heading {
        font-size: 20px;
        color: #101010;
    }

    .section-subHeading {
        font-size: 18px;
        color: #101010;
    }

    #sidebar {
        display: none;
    }

    .FeatureCategoryTop {
        margin-bottom: 20px;
    }

    .FeatureCategoryList {
        margin-bottom: 20px;
    }

    .FeaturedCategoryArea .col-lg-6.col-sm-12:nth-child(3) {
        margin-top: 0;
    }

    .FeaturedCategoryArea .col-lg-6.col-sm-12:nth-child(4) {
        margin-top: 0;
    }

    .RomaSpecility .col-sm-3 {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    .rowresize {
        flex: 0 0 100% !important;
        max-width: 100.0% !important;
    }

    .DFooterTop .col-lg-6.col-sm-4.pl-5 {
        width: 50%;
        float: left;
        padding-left: 15px !important;
    }

    .DFooterTop .col-lg-6.col-sm-4.pl-3 {
        width: 50%;
        float: left;
        padding-left: 0 !important;
    }

    .TopProductView {
        height: 100%;
    }

    .SpecialPackage .offset-4 {
        margin-left: 0;
    }

    h3.TrendingTitle {
        margin-left: 0;
    }

    .RomaSpecility .offset-3 {
        margin-left: 0;
    }

    .LatestNewsList {
        margin-bottom: 15px;
    }

    .slick-next {
        right: 0px;
    }

    .slick-prev {
        left: 0px;
    }

    .FeaturedProductArea .slick-prev {
        top: 30%;
    }

    .FeaturedProductArea .slick-next {
        top: 30%;
    }

    .SectionTitle p {
        padding: 15px 0;
        font-size: 16px;
    }

    .PageTitleInner {
        padding: 30px 0;
    }

    .DCategoryListingItem .col-sm-4 {
        width: 50%;
        float: left;
    }

    .DCatContainer .product-title {
        padding: 0 0 10px 0;
    }

    .social-nav {
        float: none;
        display: block;
    }

    .DCategoryListingItem .col-sm-4 {
        margin-top: 0;
    }

    .TopSection .ImgViewer {
        padding-top: 70%;
    }

    .registration-form {
        margin-right: 15px;
    }

    .registration-form .card {
        margin-top: 0;
    }

    .registration-form .card-body {
        padding: 0;
    }

    .registration-form .card-title.text-center {
        font-size: 18px;
    }

    body #whatsapp_chat_widget #wa-widget-send-button {
        padding: 0 0;
    }

    #wa-widget-send-button>div {
        display: none;
    }

    .DOrdRevCont .col-sm-3:first-of-type {
        width: 20%;
        float: left;
        padding-right: 0;
    }

    .DOrdRevCont .col-sm-6 {
        width: 60%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }

    .DOrdRevCont .col-sm-3:last-of-type {
        width: 20%;
        float: left;
        padding-left: 0;
    }

    .menu_item {
        background: #fff;
        margin-top: 50px;
    }

    .menu_item a {
        padding: 3px 5px;
        font-size: 12px;
        line-height: 16px;
        display: block;
    }
}

@media screen and (max-width:736px) {
    .container {
        width: 736px;
    }

    .header-top {
        display: none;
    }

    .home .TagName::after {
        bottom: 34px;
    }

    .home .TagName::before {
        bottom: 34px;
    }

    .DLogo {
        margin-top: -10px;
    }

    .hero-text {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .DPhotoGallery {
        padding: 80px 0 0 0;
    }

    .about-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .DFooterLogo img {
        padding: 0;
    }

    .DHeading3 {
        color: #ef5734;
        font-size: 17px;
    }

    .DHeading2 {
        color: #ef5734;
        font-size: 17px;
    }

    .about-area {
        padding: 40px 0;
    }

    .about-area .col-sm-12 {
        padding-bottom: 15px;
    }

    .DPhotoGallery .col-sm-7 {
        margin-left: 0;
    }

    .LogoStory {
        margin-top: 0px;
    }

    .offer-area .col-sm-12 {
        width: 100%;
        margin-left: 0;
    }

    .Project-area .col-sm-6 .hovereffect a.info2 {
        margin-top: 150px;
    }

    .outlet-details-wrapper .DLocationImg {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
        overflow: hidden;
    }

    .outlet-details-wrapper .DLocationText {
        width: 65%;
        margin: 0 auto;
    }
}

@media screen and (max-width:667px) {
    .container {
        width: 667px;
    }
}

@media screen and (max-width:640px) {
    .container {
        width: 640px;
    }
}

@media screen and (max-width:568px) {
    .container {
        width: 568px;
    }

    .DHeader .col-sm-3 {
        width: 20%;
        float: left;
    }

    .DHeader .col-sm-7 {
        width: 60%;
        float: left;
    }

    .DHeader .col-sm-2 {
        width: 20%;
        float: left;
    }

    .DPhotoGallery .col-sm-6 {
        margin-bottom: 10px;
    }

    .filtr-container .col-sm-6 {
        width: 50%;
        float: left;
    }

    .Project-area .col-sm-6 {
        width: 50%;
        float: left;
    }

    .DAbout1 {
        padding: 40px 0 0;
    }

    #about h3 {
        margin: 0;
    }

    #about .message-body {
        margin-bottom: 10px;
    }

    .DAbout1 .col-sm-6 {
        margin-bottom: 30px;
    }

    .carousel-inner .col-sm-6 {
        margin-bottom: 30px;
    }

    #DFooterTop .col-sm-6 {
        width: 60%;
        float: left;
    }

    #DFooterTop .col-sm-4 {
        width: 40%;
        float: left;
    }

    #DFooterTop .col-sm-2 .DFooterLogo {
        display: none;
        width: 100%;
    }

    .hero-text {
        padding-bottom: 10px;
    }

    .home .SiteName {
        font-size: 25px;
    }

    .SiteName {
        font-size: 25px;
    }

    .sticky .SiteName {
        font-size: 25px;
    }

    .offer-area .col-sm-4 {
        margin-bottom: 15px;
    }

    .map-nd-form-area .part-map {
        margin-bottom: 15px;
    }

    .contact-area {
        padding: 60px 0
    }

    .DPhotoGallery .col-sm-5 {
        display: none
    }

    .DPhotoGallery .col-sm-7 {
        width: 100%;
        float: left;
    }

    .Description {
        min-height: 408px;
    }
}

@media screen and (max-width:480px) {
    .container {
        width: 480px;
    }

    .hovereffect a.info {
        margin: 100px 0 0;
    }

    .AddressDetails {
        font-size: 13px;
    }

    .Description {
        min-height: 365px;
    }

    .home .SiteName {
        font-size: 18px;
        margin-top: 5px;
    }

    .sticky .SiteName {
        margin-top: 5px;
        font-size: 18px;
    }

    .home .TagLine .TagTitle {
        font-size: 12px;
    }

    .home .TagLine .TagTitle::before {
        width: 30px;
        margin-left: -122px;
    }

    .home .TagLine .TagTitle::after {
        width: 30px;
        margin-left: 92px;
    }

    .home .SiteName {
        font-size: 18px;
        margin-top: 5px;
    }

    .SiteName {
        font-size: 18px;
        margin-top: 5px;
    }

    .TagLine .TagTitle {
        font-size: 12px;
    }

    .TagLine .TagTitle::before {
        width: 30px;
        margin-left: -122px;
    }

    .TagLine .TagTitle::after {
        width: 30px;
        margin-left: 92px;
    }

    .sticky .TagLine .TagTitle {
        font-size: 12px;
    }

    .sticky .TagLine .TagTitle::before {
        width: 30px;
        margin-left: -122px;
    }

    .sticky .TagLine .TagTitle::after {
        width: 30px;
        margin-left: 92px;
    }

    .navbar {
        padding: 0;
    }

    .Project-area .col-sm-6 {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .DLogo {
        margin-top: -4px;
    }

    .TopProductView .carousel-caption h5 {
        font-size: 2.0em;
    }
}

@media screen and (max-width:414px) {
    .container {
        width: 414px;
    }

    .filtr-container .col-sm-6 {
        width: 100%;
        float: left;
    }

    .Project-area .col-sm-6 {
        width: 100%;
        float: left;
    }

    .hovereffect a.info {
        margin: 183px 0 0;
    }

    #DFooterTop .col-sm-6 {
        width: 100%;
        float: left;
    }

    #DFooterTop .col-sm-4 {
        width: 100%;
        float: left;
        text-align: center !important;
    }

    .DHeading2 {
        margin-top: 5px;
        text-transform: uppercase;
        text-align: center;
    }

    ul.social-network {
        float: none;
    }

    .Footersocial {
        margin-bottom: 15px;
    }

    .TopProductView .carousel-caption h5 {
        font-size: 1.6em;
    }
}

@media screen and (max-width:375px) {
    .container {
        width: 375px;
    }

    .DLogo {
        margin-top: 5px;
    }

    .simplefilter li,
    .multifilter li,
    .sortandshuffle li {
        padding: 7px 15px;
    }

    .simplefilter li,
    .multifilter li,
    .sortandshuffle li {
        margin: 0 !important;
    }

    .TopProductView .carousel-caption h5 {
        font-size: 1.4em;
    }
}

@media screen and (max-width:360px) {
    .container {
        width: 360px;
    }

    .TopProductView .carousel-caption h5 {
        font-size: 1.2em;
    }
}

@media screen and (max-width:320px) {
    .container {
        width: 320px;
    }

    .home .TagLine .TagTitle {
        font-size: 11px;
    }

    .home .TagLine .TagTitle::before {
        width: 30px;
        margin-left: -115px;
    }

    .home .TagLine .TagTitle::after {
        width: 30px;
        margin-left: 86px;
    }

    .simplefilter li,
    .multifilter li,
    .sortandshuffle li {
        font-size: 13px;
    }

    #gallery .simplefilter>li {
        padding: 6px 8px;
    }

    .hovereffect a.info {
        margin: 145px 0 0;
    }

    .DHeader .col-sm-3 {
        width: 20%;
        float: left;
    }

    .DHeader .col-sm-7 {
        width: 65%;
        float: left;
    }

    .DHeader .col-sm-2 {
        width: 15%;
        float: left;
        padding: 0;
    }

    .TagLine .TagTitle {
        font-size: 11px;
    }

    .sticky .TagLine .TagTitle {
        font-size: 11px;
    }

    .section-header .section-title {
        font-size: 22px;
    }
}


@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -3px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}