/** CSS reset: Eric Meyer */
@import url("reset.css");

/** Google Web Fonts*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);

.rederror {
    border: 1px solid #f00;
    display: inline-block;
}

/** Body CSS */
body {
    font-family: 'Cabin', sans-serif;
    font-size: 17px;
    color: #5d5546;
    color: #1b1b1b;
}

* {
    box-sizing: border-box
}

ul {
    display: block;
    content: "";
    clear: both;
}

/** General Elements CSS */

/** Heading Elements CSS */
h1 {
    font-size: 48px;
    color: #363025;
    font-weight: bold;
}

h1 span {
    font-size: 25px;
    color: #363025;
    font-weight: 300;
    display: block;
    line-height: 25px;
    padding-top: 5px;
}

h2,
h3,
h5 {
    color: #302b22;
}

h2 {
    font-size: 24px;
    padding-top: 5px;
}

.products h2 {
    font-size: 26px;
	font-weight: 600;
	margin-bottom: 5px;
}

.product-page-heading {
    font-size: 48px !important;
    color: #363025 !important;
    font-weight: bold !important;	
}


h2 span {
    font-size: 24px;
    color: #363025;
    font-weight: 300;
    display: block;
    line-height: 25px;
    padding-top: 5px;
 
}

.special span  {
    font-size: 24px;
    color: #363025;
    font-weight: 300;
    display: block;
    line-height: 25px;
    padding-top: 5px;
 
}


h3 {
    font-size: 21px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

h4 {
    font-size: 18px;
    font-weight: bold;
}

h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}

h6 {
    font-size: 32px;
    color: #363025;
}



/** Paragraph Element CSS */
p {
    padding: 5px 0 25px;
    line-height: 1.5em;
}

.row [class^="col"] P {
	padding-top: 20px;
}


/** Anchor Tag CSS */
a {
    color: #881834;
    font-size: 17px;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.request_form {
   background-color: #881834;
   background-image: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
   color: #fff;
   display: block;
   min-width: 170px;
   max-width: 210px;
   text-decoration: none;
   padding: 10px 15px;	
}

.request_form:hover {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
}


nav a {
    text-decoration: none;
    color: #5d5546;
}

/** Textbox CSS */
input[type="text"] {
    width: 30%;
    padding: 8px 5px;
    background: url("../images/input-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

input[type="email"] {
    width: 30%;
    padding: 8px 5px;
    background: url("../images/input-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

/** Textarea CSS */
textarea {
    height: 124px;
    width: 90%;
    background: url("../images/textarea-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    padding: 8px 5px;
}

/** Submit Button CSS **/
input[type="submit"] {
    background-color: #881834;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    border: 1px solid #DF2D8B;
    color: #FFFFFF;
    margin-left: 3px;
    text-decoration: none;
    cursor: pointer;
    padding: 5px 10px;
    font-family: 'Cabin', serif;
    font-size: 14px;
    color: #fff;
}

input[type="submit"] {
    border: solid 1px #a32645;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    padding: 10px 12px;
    background-color: #881834;
    text-decoration: none;
    color: #fff;
    margin: 5px 0 0 10px;
    font-family: 'Cabin', serif;
    font-size: 14px;
    width: 120px;
    position: relative;
    z-index: 999;
}

input[type="submit"]:hover {
    background: #881834;
    /* Old browsers */
    background: -moz-linear-gradient(top, #881834 0%, #a52041 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #881834), color-stop(100%, #a52041));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #881834 0%, #a52041 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #881834 0%, #a52041 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #881834 0%, #a52041 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #881834 0%, #a52041 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881834', endColorstr='#a52041', GradientType=0);
    /* IE6-9 */
    border: 1px solid #a32645;
}

/** Ordered List
	and Unordered List CSS*/
section ol {
    list-style-type: decimal;
    margin: 0 0 5px 50px;
    padding: 0 0 22px 0;
}

section ol li,
section ul li {
    line-height: 22px;
}

section ul {
    list-style-type: none;
    margin: 0 0 5px 32px;
    padding: 0 0 22px 0;
}

section ul li {
    background: transparent url("../images/check.png") no-repeat left center;
    padding-left: 20px;
}


.new-cat-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.new-cat-wrapper a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	margin: 10px 5px 30px 5px;
	transition: 0.5s;
}

.new-cat-wrapper a:hover {
	opacity: 0.8;
}

.new-cat-wrapper img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	margin-bottom: 15px;
}

.new-cat-wrapper H2 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 5px;
}

.sidebar h3 {
	padding-left: 36px;
	margin-bottom: 20px;
}


/** Clear Class */
.clr {
    clear: both;
}

/** Separator CSS */
.divider,
.divider2,
.divider3 {
    background: #d2c7b3;
    height: 1px;
    width: 100%;
    margin-bottom: 22px;
}

.product-page .divider {
    margin: 22px 0;
}

.divider2 {
    width: 100%;
    margin: 22px 0;
}

.divider3 {
    width: 315px;
    margin: 22px 0;
}


/* Wrapper Class CSS */
.wrapper {
    max-width: 960px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.h-bg-wrapper {
    /* background: url("../images/header-bg.png"); */
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: scroll;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    min-height: 253px;

}

.new-contact-band {
	width: 100%;
	display: flex;
	height: auto;
	padding: 30px 0px;
}

.form-side{
	width: 65%;
	height: auto;
		
}

.contact-size {
	width: 35%;
	height: auto;
}


/* Header CSS */

.h-divider {
    background: transparent url("../images/h-divider-bg.png");
    height: 2px;
    margin-top: 10px;
}

/** Logo CSS */
#logo {
    width: 25%;
    height: 80px;
    position: relative;
    float: left;
    margin-top: 15px;
}

#h-block {
    width: 75%;
    float: right;
    text-align: right;
}

#logo img {
    position: absolute;
}

/** Top Menu CSS */
.top-menu-wrapper { 
    display: block;
    display: flex;
    justify-content: flex-end;
}
#top-menu {
    border: solid 1px rgba(140, 129, 109, .4);
    border-width: 0 1px 1px 1px;
    background: transparent url("../images/topmenu-bg.png") repeat center top;
    
    
    padding: 10px 10px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#top-menu ul {
    text-align: center;
}

#top-menu ul li {
    display: inline;
    list-style-type: none;
    padding: 7px;
}

#top-menu ul li a {
    color: #948a79;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .75);
    font-size: 15px;
}

#top-menu ul li a:hover {
    color: #fff;
}

/*Top navigation start*/
#main-menu {
    float: right;
    margin-top: 20px;

    width: 100%\9;
}

#main-menu ul {
    list-style: none;

    float: right\9;
}

#main-menu ul li:hover>a {
    color: #fff
}

#main-menu>ul>li {
    float: left;
    margin-left: 15px;
    position: relative;
}
#main-menu>ul>li.has_children {
    background: url("../images/arrow8.png") no-repeat right 0px top 8px;

}

#main-menu>ul>li.has_children:hover {
    background: url("../images/arrow9.png") no-repeat right 12px;
}

#main-menu ul>li>a {
    padding: 10px 15px 10px;
    font-size: 18px;
    color: #d2c7b3;
}

#main-menu>ul>li:last-child {
    padding: 0;
}

#main-menu>ul>li:last-child a { 
    background-color: #881834; 
    background-image: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));;
    color: #fff;
}

#main-menu>ul>li>a:hover {
    color: #ffffff;
}

#main-menu>ul>li>ul {
    opacity: 0;
    visibility: hidden;
    background-color: #d2c7b3;
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

#main-menu>ul>li:hover>ul {
    opacity: 1;
    top: 35px;
    visibility: visible;
}

#main-menu>ul>li>ul:before {
    content: '';
    display: block;
    border-color: transparent transparent #d2c7b3 transparent;
    border-style: solid;
    border-width: 15px;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -10px;
}

#main-menu>ul ul>li {
    position: relative;
}

#main-menu ul ul a {
    color: #323232;
    font-size: 13px;
    background-color: #d2c7b3;
    padding: 12px 14px;
    display: block;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    transition: background-color 0.1s;
    border-bottom: 1px solid #b2a896;
}

#main-menu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: #d2c7b3;
    text-align: left;
    width: 180px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

#main-menu ul ul>li:hover>ul {
    opacity: 1;
    left: 190px;
    visibility: visible;
}

#main-menu ul ul a:hover {
    background-color: #eae5dc;
    color: #b1005d;
}

#main-menu ul ul a:hover span {
    background: url("../images/arrow7.png") no-repeat right center;
    padding-right: 10px;
}

#main-menu ul ul a span {
    background: url("../images/arrow6.png") no-repeat right center;
    padding-right: 10px;
}

/* Top navigation css ends */

/** Full Image Slideshow CSS*/

.slider_div {
    height: 95vh;
    position: relative;
}

.cbp-bislideshow {
    color: #FFF;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .75);
}

.slider_content {
    position: relative;
    z-index: 9;
}

.slider_content .info {
/*     left: 35%; */
    position: relative;
    top: 29vh;
    width:  700px;
    max-width: 100%;
    display: block;
    margin: auto;
}

/*
.slider_content h1 {
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    padding-bottom: 15px;
}
*/

.slider_content .s2, .slider_content h1 {
    font-size: 62px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    display: block;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
}

.slider_content p {
    display: block;
    font-size: 20px;
    margin: 0 0 15px 10px;
    line-height: 40px;
    color: #fff;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
}

/* Link Class CSS */
a.link,
a.btn {
    border: solid 1px #a32645;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(255, 255, 255, .22));
    padding: 10px 12px;
    background-color: #881834;
    text-decoration: none;
    color: #fff;
    margin: 5px 0 0 10px;
    position: relative;
    z-index: 999;

}

a.btn {
    display: inline-block;
}

a.btn:first-of-type {
    margin-left: 0px;
}

a.link:hover,
a.btn:hover {
    background: #881834;
    /* Old browsers */
    background: -moz-linear-gradient(top, #881834 0%, #a52041 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #881834), color-stop(100%, #a52041));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #881834 0%, #a52041 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #881834 0%, #a52041 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #881834 0%, #a52041 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #881834 0%, #a52041 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881834', endColorstr='#a52041', GradientType=0);
    /* IE6-9 */
    border: 1px solid #a32645;
}

a.link span,
a.btn span {
    background: url("../images/arrow.png") no-repeat right center;
    padding: 0 10px 0 5px;
}

a.link:hover span,
a.btn:hover span {
    /*text-decoration: underline;*/
}

a.btn.ghost {
    background: #88183433;
    transition: background 250ms ease;
}

a.btn.ghost:hover {
    background: #881834;
    color: #fff; 
}

a.btn.ghost--dark {
    background: #000;
    transition: background 250ms ease;
}

a.btn.ghost--dark:hover {
    background: #881834;
    color: #fff; 
}



/** Normal Content Bands ***/

.max-width {
    max-width: 880px;
    margin: 0 auto;
}

.normal_content h2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    padding-bottom: 15px;
    opacity: 0.7;
}

.normal_content .s2 {
    font-size: 48px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    color: #3e1b28;
    padding-bottom: 30px;
    display: block;
}

.home .normal_content h2 {
    font-size: 48px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    color: #3e1b28;
    padding-bottom: 30px;
    display: block;
    opacity: 1;
}

.normal_content p {
    line-height: 1.25em;
}

.normal_content ul {
    padding-bottom: 15px;
}

.normal_content ul li {
    padding-left: 30px;
    position: relative;
    line-height: 1.5em;
}

.normal_content ul li:before {
    position: absolute;
    left: 0px;
    content: '•';
}

.normal_content a.ghost {
    color: #a32645
}

/** Sections ****/
.product_section,
.about_section,
.showcase_section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.product_section {
    background: #f9f8f7;
}

.about_section {
    border-bottom: 1px solid #ece1cf
}

.about_section .row {
    position: static;
}

.about_section img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50vw;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.hotspot {
    height: 200px;
    background-size: cover;
    padding: 10px;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    border: 1px solid #a99e8c;
    position: relative;
    text-decoration: none;
}

.hotspot:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: linear-gradient(15deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    transition: all 250ms ease;
    background-position: top right;
    background-size: 100%; 
}
.hotspot:hover:before { 
    background-size: 500%;
}

.hotspot>span {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
    z-index: 2;
    transition: all 250ms ease;
    transform: translateY(0);
    
}

.hotspot:hover>span {
    transform: translateY(-10px);
}

.hotspot h2 {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    font-size: 24px !important;
    position: relative;
    z-index: 2;
    transition: all 250ms ease;
    transform: translateY(0);
    
}

.hotspot:hover>h2 {
    transform: translateY(-10px) !important;
}

.hotspot h3 {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    font-size: 24px !important;
    position: relative;
    z-index: 2;
    transition: all 250ms ease;
    transform: translateY(0);
    
}

.hotspot:hover>h3 {
    transform: translateY(-10px) !important;
}

.showcase_section {
    background: #f9f8f7;
}

.showcase_section .btn { margin-bottom: 30px;}
.showcase_section .s2 { padding-bottom: 15px; }

.owl-gallery .owl-stage {
    display: flex;
}

.owl-stage .owl-item {
    display: flex;
}

.owl-nav {
    position: absolute;
    top: 36%;
    left: 0px;
    right: 0px;
}

.owl-nav .owl-prev:before,
.owl-nav .owl-next:before {
    display: block;
    font-family: "FontAwesome";
    font-size: 4em;
    color: rgba(255, 255, 255, 0.7);
}

.owl-nav .owl-prev:before {
    content: '\f104';
    left: 10px;
    position: absolute;
}

.owl-nav .owl-next:before {
    content: '\f105';
    right: 10px;
    position: absolute;
}

.owl-nav span {
    display: none;
}

.owl-gallery img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.owl-gallery .owl-dot {
    width: 6px;
    height: 6px;
    background-color: #000 !important;
    border-radius: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.owl-gallery .owl-dot.active { 
    background-color: rgba(0,0,0,0.7)!important;
}

/* Footer Home Page Start*/
.footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    border-top: 1px solid #d2c7b3;
    border-bottom: 1px solid #d2c7b3;
    background: url("../images/footer-bg.png");
}

.bottom-wrapper {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
}

.subpage .bottom-wrapper,
.cat-page .bottom-wrapper,
.product-page .bottom-wrapper {
    position: relative;
}

.middle_footer {
    margin: 0 auto;
    width: 1056px;
}

.middle_footer a span:first-of-type {
    font-size: 31px;
    color: #d2c7b3;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .75);
    transform: skew(14deg) !important;
    display: block;
}



.middle_footer a {
    color: #FFF;
    text-decoration: none;
    display: block;
}

.arrow {
    background: url("../images/arrow.png") no-repeat right center !important;
    font-size: 17px !important;
    color: #FFF !important;
    padding-right: 10px;
    display: inline-block;
    transform: skew(14deg);
    text-align: center;
}

/** Home Page Blocks CSS */
.foo_block {
    /* min-width:200px;  */
    min-width: 290px;
    height: auto;
    border-left: 1px solid #d2c7b3;
    border-right: 1px solid #d2c7b3;
    transform: skew(-16deg);
    -o-transform: skew(-16deg);
    -moz-transform: skew(-14deg);
    -webkit-transform: skew(-14deg);
    float: left;
    padding: 30px;
    text-align: center;
}

.foo_block:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.subpage header {
    background: url("../images/banners/banner01.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: 300px;
}

header { z-index: 7899; position: relative}

.h-bg-wrapper .wrapper {
    position: relative;
    z-index: 999;
}
body.home .menu-wrapper { 
    position: absolute;
}
body.home .menu-wrapper.scroll { position: fixed;}

.h-bg-wrapper .menu-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 9999999;
    max-width: 100%;
}

.menu-wrapper:before { 
    content: ''; 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 0px;
    right: 0px;
    /* background: linear-gradient(90deg, rgba(0,0,0,0.23), rgba(0,0,0,0)); */
    background: rgba(0,0,0,0.5);
    bottom: -100px;
    z-index: -1;
    background: linear-gradient(-0deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
    transition: all 250ms ease; 
    transform: translateY(0);
    background-position: top center;
}

.top-menu-wrapper { transition: transform 250ms ease;}
.bottom-menu-wrapper { display: flex; justify-content: flex-end; transition: transform 250ms ease;}
.bottom-menu-wrapper #main-menu { float: none}
#logo img { transition: width 250ms ease; width: 228px;}
#logo { margin-top: 15px; transition: margin 250ms ease}
.menu-wrapper.scroll-down.prescroll #logo img { width: 150px; }
.menu-wrapper.scroll-up.prescroll #logo img { width: 228px;}
.menu-wrapper.scroll-down.prescroll:before { background-size: 500px 500px; transform: translateY(-125px); }
.menu-wrapper.scroll-up.prescroll:before { background-size: 500px 500px; transform: translateY(-75px);}
.menu-wrapper.scroll-down.prescroll #logo { margin-top: 5px;}
.menu-wrapper.scroll-up.prescroll #logo { margin-top: 15px;}
.menu-wrapper.scroll-down.prescroll .top-menu-wrapper { transform: translateY(-100%) }
.menu-wrapper.scroll-up.prescroll .top-menu-wrapper { transform: translateY(0%) }
.menu-wrapper.scroll-down.prescroll .bottom-menu-wrapper { transform: translateY(-100%)}
.menu-wrapper.scroll-up.prescroll .bottom-menu-wrapper { transform: translateY(0)}
.menu-wrapper { transition: all 250ms ease; }
.menu-wrapper.prescroll { transform: translateY(-100%); }
.menu-wrapper.scroll { position: fixed; transform: translateY(0); }
.menu-wrapper.scroll-up { position:fixed; }

.h-bg-wrapper .h-divider { display: none;}

.cat-page .h-bg-wrapper .fpm-cms {
    clear: both
}

.cat-page .h-bg-wrapper .fpm-cms h1 {
    padding-top: 30px\9
}


.cat-page header,
.product-page header {
    background: url("../images/banners/banner02.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 300px;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banners/banner02.jpg',
            sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banners/banner02.jpg',sizingMethod='scale')";

}

.subpage header h1,
.cat-page header h1,
.product-page header h1 {
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .75);
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    clear: both;
    color: #fff;
    padding-top: 70px;
}

.h4-wrapper { padding-top: 100px;}

.subpage header h4,
.cat-page header h4,
.product-page header h4 {
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .75);
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    clear: both;
    color: #fff;
    padding-top: 70px;
}

/* .product-page  */
.content-wrapper > .wrapper { max-width: 1920px;}

@media (max-width: 767px) {
    .h4wrapper { padding-top: 40px}
}

.content-wrapper h2{ 
	font-size: 36px;
    color: #363025;
    font-weight: bold}

/* Breadcrumb CSS */
#breadcrumb {
    background: #d2c7b3;
    overflow: hidden;
    padding: 8px 0;
    font-size: 17px;
}

#breadcrumb ul li {
    display: inline;
    list-style-type: none;
    margin-left: 10px;
}

#breadcrumb ul li a {
    color: #5d5546;
    line-height: 22px;
    font-size: 17px;
}

#breadcrumb ul li a:hover {
    text-decoration: underline;
}

#breadcrumb ul li img {
    vertical-align: middle
}

/* Content Wrapper */
.content-wrapper {
    /* background:url("../images/content-bg.jpg") repeat; */
    padding: 40px 8%;
    overflow: hidden;
    background: #fff;
}

#request_form {
    background: url("../images/content-bg.jpg") repeat;
    display: none;
    width: 650px;
    padding: 40px 50px 20px;
    overflow: hidden;
}

#request_form h4 {
    font-size: 32px;
    color: #363025;
}

#request_form h4 span {
    font-size: 25px;
    color: #363025;
    font-weight: 300;
    display: block;
    line-height: 25px;
    padding-top: 5px;
}

/** Sidebar CSS*/
aside {
    float: left;
    width: 16.667%;
    /* border-right: 1px solid #d2c7b3; */
    height: 70%;
}

#sidemenu ul li {
    padding: 10px 0;
    line-height: 20px;
    padding-left: 25px;
    font-size: 17px;
}

#sidemenu ul li.active {
    background: url("../images/sidebar-active.png") no-repeat left center;
}

#sidemenu ul li:hover {
    background: url("../images/sidebar-hover.png") no-repeat left center;
}

#sidemenu ul li span {
    /*background: url("../images/arrow3.png") no-repeat left 8px;*/
    padding-left: 10px;
    display: block;
}

/* Main Content CSS */
section.column-2 {
    padding-right: 38px;
    width: 83.333%;
    float: right;
    border-left: 1px solid #d2c7b3;
    padding-left: 35px;
}

img.imgstyle {
    float: right;
    margin: 0 0 20px 30px;
    border: solid 1px #a8a093;
}

/* Post Section CSS */
.post img {
    float: left;
    margin-right: 25px;
    border: 1px solid #a8a093;
    margin-top: 3px;
}

.post h3 {
    text-transform: uppercase;
}

.post a {
    padding-right: 8px;
    background: url("../images/arrow4.png") no-repeat right center;
}

/** Map CSS */
#map {
    width: 375px;
    height: 254px;
    border: 1px solid #a8a093;
}

/** Contact Info CSS */
#contact-info {
    overflow: hidden;
}

.contact-box {
    margin: 18px 0;
}

.contact-box h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    color: #302b22;
    padding: 3px 0;
}

.contact-box a {
    display: block;
    line-height: 22px;
}

.contact-box span {
    line-height: 22px;
}

.contact-wrapper {
    float: left;
    width: 240px;
    overflow: hidden;
}

.contact-detail {
    float: right;
    width: 420px;
    overflow: hidden;
}

.c-block1,
.c-block2 {
    width: 50%;
    float: left;
    overflow: hidden;
}

.c-block2 {
    width: 40%;
}

.blockstyle1 {
    margin-bottom: 0;
}

/**Contact form CSS*/
#contact-form p {
    padding: 5px 0 15px;
}

#contact-form a.link {
    padding: 8px 22px;
}

/** Footer CSS Start */
.footer-wrapper {
    /* border-bottom: 1px solid #c8c1b7; */
    /* border-top: 1px solid #c8c1b7; */
    padding: 45px 0;
    overflow: hidden;
    background: #7f0b37;
    background: #3e1b28;
}

.footer-wrapper .wrapper { 
    
}

.footer-wrapper h5 {
    color: #bc8097;
}

.footer-wrapper span {
    color: #bc8097;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}

.footer-wrapper .fblock>a {
    text-decoration: none;
}

.footer-wrapper p {
    color: #fff;
    font-size: 16px;
}

.footer-wrapper p strong {
    font-weight: bold;
}

.footer-wrapper p a {
    color: #dbb8c5;
    text-decoration: underline
}

.footer-wrapper>.wrapper:first-child {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.footer-wrapper>.wrapper:first-child p {
    color: #ffffff7d
}

.footer-wrapper>.wrapper:first-child:after {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer-wrapper .left-col {
    width: 70%;
    padding-right: 15px;
}

.footer-wrapper .right-col {
    padding-left: 15px;
    width: 30%
}

.right-col {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
}

.right-col {}

.fblock {
    float: left;
    overflow: hidden;
    width: 100%;
    max-width: 25%;

}

#footer-menu ul li {
    margin-bottom: 8px;
    padding: 0;
}

#footer-menu ul li a {
    font-size: 15px;
}

ul.f-links {
    margin-top: 10px;
    margin-bottom: 30px;
}

ul.f-links li {}

ul.f-links li a {
    color: #948d7f;
    color: #ebdbe1;
    font-size: 20px;
    line-height: 32px;
    text-decoration: none;
}

ul.f-links li a:hover {
    /* color: #b1005d; */
    text-decoration: underline;
}

/** Bottom Block */
.bottom-wrapper {
    background-color: #d2c7b3;
    background-color: #301620;
    overflow: hidden;
    padding: 10px 0;
}

.b-block1 ul li {
    display: inline;
    list-style-type: none;
}

.txtbox {
    background-image: none !important;
    border: none !important;
    background-color: #e9e5dd !important;
    padding: 4px 5px 5px !important
}

.b-block1 {
    width: 350px;
    float: left;
    overflow: hidden;
}

.b-block1 img,
.b-block2 img {
    vertical-align: middle;
}

.b-block1 {
    width: 350px;
    float: left;
    overflow: hidden;
}

.b-block1 span {
    padding-right: 5px;
}

.b-block2 {
    width: 350px;
    float: right;
    width: 580px;
    text-align: right;
}

/* Copyright Block CSS Start*/
.copyright,
.copyright a {
    font-size: 16px;
    color: #5D5546;
}

.copyright {
    color: #948d7f;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}

.copyright img {
    padding-left: 5px;
}

.copyright a {
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
}

/* Copyright CSS End */

/** Product page CSS */
section.column-1 {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.top-block-1 {
    width: 312px;
    float: left;
}

.top-block-2 {
    width: 610px;
    float: right;
    overflow: hidden;
}

/** Products List CSS */
ul.products {
    margin: 0;
    padding: 5px 0 15px 0;
    overflow: hidden;
}

ul.products li:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;
}

ul.products li span:hover {
    text-decoration: underline;
}

ul.products li a,
ul.products li a:hover {
    text-decoration: none;
}

ul.products li {
	
    list-style-type: none;
    background: none;
    float: left;
    width: 30%;
	margin-right: 2%;
	padding: 0 0 0 12px;
    position: relative;
}

ul.products li:first-child {
    padding: 0;
}

ul.products li img {
    border: 1px solid #a8a093;
}

ul.products li h3 {
    color: #746957;
    padding: 5px 0 0;
    font-size: 18px;
}

ul.products li a {
    line-height: 15px;
}

ul.products li a span {
    background: url("../images/arrow7.png") no-repeat right center;
    padding-right: 10px;
}

ul.products li div {
    width: 100%;
}

ul.list li div {
    width: 200px;
}

ul.list li {
    padding: 0 0 0 65px;
}

ul.list li label {
    display: block;
    line-height: 15px;
}

ul.products li a span.search_icon {
    position: absolute;
    bottom: 175px;
    right: 10px;
    background: none !important;
    padding: 0 !important;
}

ul.products li a span.more_icon {
    position: absolute;
    bottom: 175px;
    left: 10px;
    background: none !important;
    padding: 0 !important;
}

ul.products li a span.search_icon img,
ul.products li a span.more_icon img {
    border: none;
}

.multiple {
    display: none;
}

/** Products List CSS */

/** galleria css */

#fullscreen-container { display: none;}

.cat-page #galleria {
    float: right;
    width: 608px;
    height: 550px;
    /* border: 1px solid #a8a093; */
    margin-bottom: 30px;
}

.product-page #galleria {
    width: 100%;
    height: 550px;
    /* border: 1px solid #a8a093; */
    margin-bottom: 30px;
}

.product_thumb {
    position: relative;
}

.mm-page {
    /* position: static !important; */
    height: 95vh;
}

/* ================================= Common For All mobile definitions #mx ================================= */
@media screen and (max-width: 767px) {
    .product_section, .about_section, .showcase_section { padding-top: 30px; padding-bottom: 30px; }
    .slider_content .info { left: 0px; padding-left: 40px; padding-right: 40px;}
    .slider_content .s2, .slider_content h1 { font-size: 50px}
    .about_section .row { display: flex; flex-direction: column-reverse;}
    .about_section .col-6 { width: 100%; }
    .about_section img {  position: relative; width: 100%; }
    .cbp-bicontrols { display: none!important}
    .slider_content p { line-height: 1.5em; margin-left: 0px;}
    .cbp-bislideshow { background: none!important}
    .normal_content .s2 { font-size: 32px}
    
    .home .normal_content h2 {font-size:32px;}

	.new-contact-band {
		flex-direction: column;
	}

	.form-side{
		width: 100%;
	}

	.contact-size {
		width: 100%;
	}

	
    .footer-wrapper>.wrapper:first-child {
        display: flex;
        flex-wrap: wrap 
    }

    .footer-wrapper .left-col {
        order: 2;
        width: 100%;
        text-align: center;
    }

    .footer-wrapper .right-col {
        order: 1;
        width: 100%;
        justify-content: center;
        padding-bottom: 30px;
    }

    .fblock {
        float: none;
        width: 100%;
        max-width: 100% !important;
        text-align: center;
    }

    .fblock img+a {
        display: block;
    }

    .wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cbp-bislideshow h2 {
        font-size: 30px;
    }

    .cbp-bislideshow .info {
        left: auto;
        padding-left: 60px;
        padding-top: 58px;
        position: relative;
        top: auto;
    }

    .cbp-bislideshow .info label {
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 12px;
    }

    .cbp-binext>img {
        width: 50%;
        margin-left: 37px;
    }

    .cbp-bicontrols span {
        top: 6px;
        left: 65px;
        position: static !important;
        height: auto;
        width: auto
    }

    .cbp-biprev>img {
        width: 50%;
        margin-left: 9px;
    }

    .cbp-biprev {
        top: 6px;
        left: -26px !important;
    }

    .foo_block {
        padding: 13px;
        padding: 13px;
        border-left: none;
        border-right: none
    }

    .middle_footer {
        margin: 0 auto;
        overflow: hidden;
        padding: 20px 0;
        width: auto;
        max-width: 312px;
    }

    .footer {
        bottom: 0px;
        position: static !important;
        border-bottom: none;
        border-top: none;
    }

    .middle_footer h4 {
        font-size: 22px;
        padding-bottom: 5px;
    }

    #h-block {
        display: none
    }

    .b-block2 {
        line-height: 20px;
        text-align: center;
        width: 100%;
        float: left;
    }

    .b-block1 {
        float: none;
        overflow: hidden;
        padding-bottom: 8px;
        width: 100%;
    }

    .bottom-wrapper {
        width: 100% !important;
        bottom: 0px;
        position: static !important;
        overflow: auto;
    }

    .b-block1 span {
        padding-left: 6px;
        padding-right: 6px;
        display: block;
        padding-bottom: 15px;
    }

    input[type="email"] {
        width: 178px;
    }

    .cbp-bislideshow {
        position: static !important;
        background: #5d5546;
        height: 300px !important;
    }

    .h-bg-wrapper {

        min-height: 74px;
        background: none
    }

    #logo img {
        max-width: 130px;
        padding-left: 9px;
        padding-top: 14px;
        position: static;
        width: 100%;
    }

    .cbp-bislideshow li {
        width: 100% !important;
        left: auto !important;
    }

    .cbp-bicontrols {
        left: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        position: relative !important;
        top: -159px !important
    }


    .clr {
        display: none
    }

    .h-divider {
        display: none
    }

    .product-page #galleria {
        width: 100%;
        height: 350px;
        margin-bottom: 30px;
    }

    #logo {
        background: #000000 none repeat scroll 0 0;
        height: 54px;
        margin-top: -58px;
        position: relative;
        width: 100%;
        z-index: 99;
    }

    .copyright>span {
        display: inline-block;
        padding: 0 15px;
        line-height: 1.25em;
    }

    .c-block2 {
        width: 50%;
    }

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background: #d2c7b3 url("../images/close.png") no-repeat scroll center center !important;
        background-size: none !important;
    }

    .slider_div {
        padding-top: 0;
        position: relative;
    }

    .cbp-bicontrols span {
        height: 0 !important
    }

    .validate {
        text-align: center;
        width: 100%;
    }

    .galleria-image>img {
        width: 100% !important;
        max-width: 290px !important;

    }

    .galleria-image-nav-left {
        left: 33px !important;
    }

    .galleria-image-nav-right {
        right: 34px !important;
    }

    .galleria-container {
        width: 100% !important;
    }

    .galleria-images {
        height: 100% !important;
    }

    img.imgstyle {
        float: none;
        margin: 0 0 20px 30px;
        border: solid 1px #a8a093;
        max-width: 100%;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }

    .product-block.last-column img {
        max-width: 288px;
        width: 100%;
    }

    .divider2 {
        margin: 22px 0;
        width: auto;
    }

    /******mm-menucss*******/

    a.navicon {
        /* top: -4px !important; */
        background: #d2c7b3 !important;
        color: #fff !important;
        text-decoration: none;
        right: 0 !important;
        z-index: 999 !important;
    }

    .mm-opened .closee {
        display: block;
    }

    .mm-opened .openn>span {
        display: none
    }

    .openn {
        padding: 17px 5px;
    }

    .closee {
        display: none;
    }

    .openn {
        padding: 17px 5px;
    }

    .openn>span {
        font-family: "Cabin", serif;
        text-transform: capitalize;
    }

    .closee>span {
        display: block;
        margin-top: -21px;
        padding-bottom: 21px;
        padding-left: 10px;
        padding-right: 6px;
        text-transform: capitalize;
    }

    .mm-menu .mm-navbar>*,
    .mm-menu .mm-navbar a {
        color: #fff !important;
    }

    .mm-menu {
        background: #d2c7b3 !important;
    }

    .nav_listing.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important;
    }

    .mm-listview .mm-next {
        background: #000 !important;
    }

    .mm-listview>li>a:hover,
    .mm-listview>li>span:hover,
    .mm-listview>li.active_nav a,
    .mm-listview>li.active_nav>span,
    .mm-prev:hover {
        background: #000 !important;
        color: #fff !important
    }

    .nav_listing.mm-listview a:hover {
        background: #fff
    }

    .mega_menu.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important
    }

    .mm-btn.mm-prev {
        background: #000 !important;
        color: #fff;
    }

    .mm-prev::before {
        color: #ffffff !important;
        content: "Back" !important;
        display: block !important;
        font-size: 14px !important;
        padding: 15px 0 !important;
        text-transform: none !important;
		font-family: Cabin, sans-serif;
    }

    .mm-listview .mm-next::before {
        background: rgba(0, 0, 0, 0) url("/images/arrow.png") no-repeat scroll 0 0;
        content: "";
        height: 86px;
        left: 24px;
        position: absolute;
        top: 19px;
        width: 100%;
    }

    .mm-listview>li>a,
    .mm-listview>li>span {
        font-size: 15px !important;
    }

    a.link {
        margin: 5px 0 0 14px;
    }

    /*****************************inspiration****************************/


    .subpage header h1,
    .cat-page header h1,
    .product-page header h1 {
        font-size: 40px;
    }

    #breadcrumb {
        display: none
    }

    .products img {
        display: block;
        margin: auto auto 8px;
    }

    .products>li {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .products a {
        text-align: center;
        display: block
    }

    ul.products li h3 {
        padding: 5px 0 10px;
    }

    .products span {
        text-align: center
    }

    .footer-wrapper {
        padding: 45px 21px;
    }

    .products div {
        width: auto !important;
    }

    /**************************natural-stone-products*************************/

    section.column-2 {
        width: auto !important;
/*        padding-left: 0px !important; */
		padding: 15px 0px !important;
        float: none !important;
        border-left: 0px
    }

    .post img {
        display: block;
        float: none;
        margin: auto auto 18px;
        max-width: 119px;
        width: 100%;
    }

    .content-wrapper {
        padding-top: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*****************************about***************************/

    .subpage header h4,
    .cat-page header h4,
    .product-page header h4 {
        font-size: 40px;
        padding-left: 25px;
        padding-right: 25px;
    }

    h2 span {
        font-size: 21px;
        line-height: 30px;
    }

    .footer-wrapper h5 {
        padding-bottom: 0;
        padding-top: 17px;
    }

    aside {
        float: none;
        width: auto;
        height: auto !important;
    }


    /**************************contact**************/

    #map {
        display: block;
        float: none;
        margin: auto auto 17px;
        max-width: 273px;
        width: 100%;
    }

    .contact-detail {
        width: 100%;
        float: none
    }

    #contact-form {
        padding-left: 15px;
        padding-right: 15px;
    }

    textarea {
        width: 100%;
    }

    .contact-box a {
        display: block;
        font-size: 13px;
        line-height: 22px;
    }

    input[type="text"] {
        margin-bottom: 7px;
    }

    h1 span {
        color: #363025;
        display: block;
        font-size: 20px;
    }

    .contact-wrapper {
        float: none;
        width: auto;
    }

    /********wall-stones****************/

    .wrapper.aline {
        display: flex;
        flex-flow: column nowrap;
        margin: 0 auto;
        max-width: 960px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .fancybox-inner {
        width: 276px;
    }

    .fpm-cms {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidebar {
        padding-top: 30px;
        order: 2;
        border-top: 1px solid #d2c7b3;
        margin-top: 19px;
        padding-top: 15px;
    }

    .galleria-info {
        left: 15px !important;
        top: -4px;
        max-width: 89% !important;
    }

    .request_form>span {
        display: block;
        padding-left: 18px;
    }

    #fullscreen {
        padding-left: 18px;
    }

    /*******************fabrication/stone-design****************/

    #request_form {
        padding: 25px 21px 4px;
        width: auto;
    }

    #request_form h4 {
        font-size: 27px;
    }

    #request_form h4 span {
        font-size: 20px;
        line-height: 22px;
    }

}

/********************************* ipad portrait #ip ********************************/

@media only screen and (min-width : 768px) and (max-width: 1000px) {

    .wrapper {
        padding-left: 0px;
        padding-right: 0px;
        max-width: inherit;
    }

    .cbp-bislideshow h2 {
        font-size: 30px;
    }

    .cbp-bislideshow .info {
        left: auto;
        padding-left: 89px;
        padding-top: 86px;
        position: relative;
        top: auto;
    }

    .cbp-bislideshow .info label {
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 12px;
    }

    .cbp-binext>img {
        width: 50%;
        margin-left: 32px;
    }

    .cbp-bicontrols span {
        top: 6px;
        left: 65px;
        position: static !important;
        height: auto;
        width: auto
    }

    .cbp-biprev>img {
        width: 50%;
        margin-left: 15px;
    }

    .cbp-biprev {
        top: 6px;
        left: -26px !important;
    }

    .foo_block {
        padding: 0px;
        min-width: auto;
        padding: 13px;
        border-left: none;
        border-right: none;
        width: 100%;
    }

    .middle_footer {
        margin: 0 auto;
        overflow: hidden;
        padding: 20px 10px;
        width: 100%;
        max-width: inherit
    }

    .footer {
        bottom: 0px;
        position: static !important;
        border-bottom: none;
        border-top: none;
        padding: 0;
    }

    .middle_footer h4 {
        font-size: 22px;
        padding-bottom: 10px;
        padding-right: 24px;
        ;
    }
    


    .middle_footer a span:first-of-type {
        padding-right: 24px;
    }

    #h-block {
        display: none
    }

    header {
        position: relative;
        right: 0px;
        padding: 0 0 0 0x;
    }

    .b-block2 {
        float: none;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }

    .b-block1 {
        float: none;
        overflow: hidden;
        padding-bottom: 8px;
        width: 100%;
        text-align: center;
    }

    .bottom-wrapper {
        width: 100%;
        bottom: 0px;
        position: static;
        overflow: auto;
    }

    .b-block1 span {
        padding-left: 6px;
        padding-right: 6px;
    }

    input[type="email"] {
        width: 178px;
    }

    .cbp-bislideshow {
        position: static !important;
        background: #5d5546;
        height: 300px !important;
    }

    .h-bg-wrapper {

        min-height: 74px;
        background: none
    }

    .galleria-container.fullscreen {
        background: #000
    }

    #logo img {
        max-width: 168px;
        padding-bottom: 6px;
        padding-left: 15px;
        padding-top: 11px;
        position: static;
        width: 100%;
    }

    .cbp-bislideshow li {
        width: 100% !important;
        left: auto !important;
    }

    .cbp-bicontrols {
        left: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        position: relative !important;
        top: -159px !important
    }

    .clr {
        display: none
    }

    .h-divider {
        display: none
    }

    #logo {
        background: #000000 none repeat scroll 0 0;
        height: 62px;
        margin-top: -61px;
        position: relative;
        width: 100%;
        z-index: 99;
    }

    .slider_div {
        padding-top: 0;
        position: relative;
    }

    .cbp-bicontrols span {
        height: 0 !important
    }

    .wrapper.aline {
        display: flex;
        flex-flow: column nowrap;
        margin: 0 auto;
        max-width: 960px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .content-wrapper {
        padding: 40px 15px;
    }

    .sidebar {
        order: 2;
        padding-left: 22px;
        border-top: 1px solid #d2c7b3;
        margin-top: 19px;
        padding-top: 15px;
    }

    .request_form {
        padding-left: 16px;
    }

    #contact-form {
        padding-left: 9px;
    }

    #fullscreen-container>a {
        padding-left: 16px;
    }

    /******mm-menucss*******/


    a.navicon {
        top: 0px !important;
        background: #d2c7b3 !important;
        color: #fff !important;
        text-decoration: none;
        display: block !important;
        z-index: 999 !important;
    }

    .mm-opened .closee {
        display: block;
    }

    .mm-opened .openn>span {
        display: none
    }

    .closee {
        display: none;
    }

    .middle_footer a {
        color: #ffffff;
        display: inline-block;
        float: left;
        padding: 10px;
        text-decoration: none;
        width: 33.33%;
    }

    .openn {
        padding: 19px 9px;
    }

    .galleria-container.fullscreen {
        background: #000
    }

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background: #d2c7b3 url(../images/close.png) no-repeat scroll center center !important;
    }

    .openn>span {
        font-family: "Cabin", serif;
        text-transform: capitalize
    }

    .closee>span {
        display: block;
        margin-top: -21px;
        padding-bottom: 21px;
        padding-left: 10px;
        padding-right: 6px;
        text-transform: capitalize;
    }

    .mm-menu .mm-navbar>*,
    .mm-menu .mm-navbar a {
        color: #fff !important;
    }

    .mm-menu {
        background: #d2c7b3 !important;
    }

    .nav_listing.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important;
    }

    .mm-listview .mm-next {
        background: #000 !important;
    }

    .mm-listview>li>a:hover,
    .mm-listview>li>span:hover,
    .mm-listview>li.active_nav a,
    .mm-listview>li.active_nav>span,
    .mm-prev:hover {
        background: #000 !important;
        color: #fff !important
    }

    .mm-listview .mm-next:hover::before {
        color: #000 !important;
    }

    .mega_menu.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important
    }

    .mm-btn.mm-prev {
        background: #000 !important;
        color: #fff;
    }

    .mm-prev::before {
        color: #ffffff !important;
        content: "Back" !important;
        display: block !important;
        font-family: "FontAwesome" !important;
        font-size: 14px !important;
        padding: 15px 0 !important;
        text-transform: none !important;
    }

    .mm-listview .mm-next::before {
        background: url("/images/arrow.png") no-repeat scroll 0 0;
        content: "";
        height: 86px;
        left: 24px;
        position: absolute;
        top: 19px;
        width: 100%;
    }

    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
        top: 30px !important;
    }

    .fancybox-inner {
        left: 0px !important;
    }

    #request_form {
        padding: 38px 39px 20px;
    }

    .divider2 {
        width: auto;
        margin: 22px 13px;
    }

    /*****************************inspiration****************************/

    .fpm-cms {
        padding-left: 15px;
        padding-right: 15px;
    }

    .subpage header h1,
    .cat-page header h1,
    .product-page header h1 {
        font-size: 40px;
    }

    #breadcrumb {
        display: none
    }

    .products div {
        width: 100%;
        padding-top: 15px;
    }

    .products h3 {
        font-size: 15px !important;
    }

    .products img {
        width: 100%
    }

    ul.products {
        margin: 0 11px;
        overflow: hidden;
        padding: 0px;
    }

    .products span {
        text-align: center;
        font-size: 13px;
    }

    .footer-wrapper {
        padding: 45px 21px;
    }

    #sb001 {
        padding-left: 28px
    }


    /************************************natural-stone-products**************************/

    aside {
        float: none;
        width: auto;
        height: auto !important;
    }

    section.column-2 {
        padding-top: 15px;
        border-left: none;
        width: auto;
        padding-left: 35px;
        padding-right: 67px;
    }

    /**********************about*****************************/

    img.imgstyle {
        float: none;
        margin-left: 20px;
        margin-bottom: 15px;
    }

    /*********************contact*********************/

    #map {
        float: none;
        margin-bottom: 15px;
        margin-left: 19px;
    }

    .contact-detail {
        float: right;
        margin-top: -178px;
    }

    .divider {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .menu-wrapper { position: fixed; top: 0px; z-index: 999}
    .menu-wrapper.scroll-down.prescroll #logo { margin-top: unset;}
    .menu-wrapper.scroll-up.prescroll #logo { margin-top: unset; }
    .menu-wrapper::before { display: none}
    #logo { margin-top: 0px; }
    a.navicon { position: absolute!important;  top: 0px; right: 0px; z-index: 99999!important}
}

/********************************* ipad landscape #il ********************************/
@media only screen and (min-width : 1001px) and (max-width: 1024px) {

    

    .fpm-cms {
        padding-left: 22px;
        padding-right: 22px;
    }

    .content-wrapper {
        padding: 40px 21px;
    }

    .post img {
        max-width: 92px;
        width: 100%;
    }

    img.imgstyle {
        margin-left: 0;
        margin-bottom: 15px;
    }

    #map {
        margin-bottom: 15px;
    }

    .contact-detail {
        float: right;
        margin-top: 0px;
    }

    .wrapper {
        padding-left: 0px;
        padding-right: 0px;
        max-width: inherit
    }

    .cbp-bislideshow h2 {
        font-size: 30px;
    }

    .cbp-bislideshow .info {
        left: auto;
        padding-left: 83px;
        padding-top: 121px;
        position: relative;
        top: auto;
    }

    .cbp-bislideshow .info label {
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 12px;
    }

    .cbp-binext>img {
        width: 50%;
        margin-left: 37px;
    }

    .cbp-bicontrols span {
        top: 6px;
        left: 65px;
        position: static !important;
        height: auto;
        width: auto
    }

    .cbp-biprev>img {
        width: 50%;
        margin-left: 15px;
    }

    .cbp-biprev {
        top: 6px;
        left: -26px !important;
    }

    .foo_block {
        min-width: auto;
        padding: 13px;
        border-left: none;
        border-right: none
    }

    .middle_footer {
        margin: 0 auto;
        max-width: inherit;
        overflow: hidden;
        padding: 20px 10px;
        width: auto;
    }

    .middle_footer a span:first-of-type {
        padding-top: 10px;
    }

    .footer {
        bottom: 0px;
        position: static !important;
        border-bottom: none;
        border-top: none;
    }

    .middle_footer h4 {
        font-size: 22px;
        padding-bottom: 5px;
        text-align: center;
    }

    header {
        position: relative;
        z-index: 99;
        right: 0px;
    }

    #h-block {
        display: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .b-block2 {
        float: none;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }

    .b-block1 {
        float: none;
        overflow: hidden;
        padding-bottom: 8px;
        width: 100%;
        text-align: center;
    }

    .bottom-wrapper {
        width: 100%;
        bottom: 0px;
        position: static;
        overflow: auto;
    }

    .b-block1 span {
        padding-left: 6px;
        padding-right: 6px;
    }

    input[type="email"] {
        width: 178px;
    }

    .cbp-bislideshow {
        position: static !important;
        background: #5d5546;
        height: 300px !important;
    }

    .h-bg-wrapper {

        min-height: 74px;
        background: none
    }

    #logo img {
        max-width: 157px;
        width: 100%;
        position: static;
        padding-top: 7px;
    }

    .cbp-bislideshow li {
        width: 100% !important;
        left: auto !important;
    }

    .cbp-bicontrols {
        left: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        position: relative !important;
        top: -159px !important
    }

    .clr {
        display: none
    }

    .h-divider {
        display: none
    }

    .footer-wrapper {
        padding: 45px 24px;
    }

    #logo {
        background: #000000 none repeat scroll 0 0;
        height: 55px;
        /* margin-top: -62px; */
        padding-left: 27px;
        position: relative;
        width: 100%;
        z-index: 99;
    }

    .slider_div {
        padding-top: 0;
        position: relative;
    }

    .cbp-bicontrols span {
        height: 0 !important
    }


    .divider2 {
        margin: 22px 0;
        width: 42%;
    }

    /******mm-menucss*******/
    a.navicon {
        top: -7px !important;
        background: #d2c7b3 !important;
        color: #fff !important;
        text-decoration: none;
        display: block !important;
    }

    .mm-opened .closee {
        display: block;
    }

    .mm-opened .openn>span {
        display: none
    }

    .closee {
        display: none;
    }

    .openn {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .openn>span {
        font-family: "Cabin", serif;
        text-transform: capitalize
    }

    .closee>span {
        display: block;
        margin-top: -21px;
        padding-bottom: 21px;
        padding-left: 10px;
        padding-right: 6px;
        text-transform: capitalize;
    }

    .mm-menu .mm-navbar>*,
    .mm-menu .mm-navbar a {
        color: #fff !important;
    }

    .mm-menu {
        background: #d2c7b3 !important;
    }

    .nav_listing.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important;
    }

    .mm-listview .mm-next {
        background: #000 !important;
    }

    .mm-listview>li>a:hover,
    .mm-listview>li>span:hover,
    .mm-listview>li.active_nav a,
    .mm-listview>li.active_nav>span,
    .mm-prev:hover {
        background: #000 !important;
        color: #fff !important
    }

    .mm-listview .mm-next:hover::before {
        color: #fff !important;
    }

    .mega_menu.mm-listview a:hover {
        background: #000 !important;
        color: #fff !important
    }

    .mm-btn.mm-prev {
        background: #000 !important;
        color: #fff;
    }

    .mm-prev::before {
        color: #ffffff !important;
        content: "Back" !important;
        display: block !important;
        font-family: "FontAwesome" !important;
        font-size: 14px !important;
        padding: 15px 0 !important;
        text-transform: none !important;
    }

    .mm-listview .mm-next::before {
        background: url("/images/arrow.png") no-repeat scroll 0 0;
        content: "";
        height: 86px;
        left: 24px;
        position: absolute;
        top: 19px;
        width: 100%;
    }







}

@media only screen and (min-width : 1025px) and (max-width: 1100px) {}

/* ================================= Small Computer #Sc ================================= */
@media only screen and (min-width : 1300px) {}