/*

* Theme Name: NS - Grand Imperial

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     



  :root {

            --brand-lime: #cde02d;

            --dark-card: #212529;

            --text-muted: #6c757d;

        }

.mm-listitem:after {

    left: 0;

}

.mm-menu--offcanvas {

    position: absolute;

}

body {

    margin:0 auto;

    font-family: 'Poppins', sans-serif;

}

h1,h2,h3,h4,h5,h6{

    font-family: 'Poppins', sans-serif;

}








/* Pagination */



ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}

.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget-content h3 a {

    text-decoration: none;

    color: #000;

    font-size: 18px;

}



.mywidget {

    align-items: center;

    border-bottom: 1px solid #c0d72f;

    margin-bottom: 14px;

    padding: 10px;

}



.widget-img {

    border-right: 1px dotted #c0d72f;

}

.mywidget:hover .widget-content h3 a {

    color: #c0d72f;

}



.widget h2 {

    font-size: 20px;

    color: #c0d72f;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}



/***************************/

/* 

Slideshow */



.slide-item.carousel-item>img {

    height: 840px;

    object-fit: cover;

}

.main-slide-caption.carousel-caption h2 {

    font-weight: 500;

    font-size: 48px;

    line-height: 100%;

    letter-spacing: 0%;

}

.slide-item.carousel-item {

    height: 840px;

    background-repeat: no-repeat;

    background-size: cover;

    /* display: flex;

    align-items: center; */

    background-position: center;

}

.main-slide-caption.carousel-caption {

    text-align: left;

    padding: 0 15px;

    height: 100%;

    display: flex;

    align-items: center;     

}

.item-caption p {

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5rem;

   

}

.follow-us-caption.carousel-caption {

    right: 0;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: end;

}

.main-slide-caption.carousel-caption .row {

    align-items: center;

}

.follow-us-text-vertical {

    transform: rotate(-90deg);

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

}

.follow-us-text-vertical p{

    margin-bottom: 0;

}

.follow-us-text-vertical {

    position: relative;

    transform: rotate(-90deg);

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    left: 50%;

}

.follow-us-text-vertical img {

    transform: rotate(90deg);

}

img.line {

    margin: 0 19px;

}

.follow-us.item-caption {

    float: right;

}



/* Menu */



nav.nav.navbar.navbar-expand-md.navbar-light.ds-menu {

    float: right;

}

.ds-menu .navbar-nav .nav-link.active, 

.ds-menu .navbar-nav .nav-link.show {

    color: #c0d72f;

}

.ds-menu a.nav-link {

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    color: #fff;

    margin-left: 40px;

}

.item-caption a.btn {

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    background: #C0D72F;

    border-color: transparent;

    padding: 14px 24px 14px 24px;

    color: #1E1E1E;

}

.ds-menu a.nav-link:hover{

    color: #C0D72F;

}

/* div#carouselHome {

     clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 92%, 92% 100%, 8% 100%, 0% 92%, 0 0);

} */



.slide-item.carousel-item:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 40%);

}



header {

    position: absolute;

    z-index: 999;

    left: 0;

    right: 0;

    padding-top: 15px;

} 

header {

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;

    /*border-top: 8px solid #0c4da2;*/

    /*padding-top: 17px;*/


    

}

header.is-sticky {

    position: fixed;

    top: 0;

    z-index: 999;

    background-color: transparent;

    width: 100%;

    left: 0;

    right:0;

    animation: smoothScroll 1s forwards;

    box-shadow: 1px -1px 7px #000;

    padding-top:15px;

}



@keyframes smoothScroll {



  0% {



    transform: translateY(-40px);



  }



  100% {



    transform: translateY(0px);



  }



}



.badge-lime {

    background-color: var(--brand-lime);

    color: #000;

    font-weight: 600;

    padding: 5px 12px;

    border-radius: 4px;

    font-size: 0.75rem;

    text-transform: uppercase;

}



.btn-lime {

    background-color: var(--brand-lime);

    border: none;

    color: #000;

    font-weight: 600;

    font-size: 0.85rem;

    transition: all 0.3s ease;

}



.owl-carousel button.btn.btn-lime {

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    padding: 14px 74px 14px 74px;

    max-width: 262px;

}



.pd-heading button.btn.btn-lime {

    font-family: Poppins;

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    padding: 14px 24px 14px 24px;

}



.pd-heading .badge-lime {

    padding: 12px;

    border-radius: 10px;

}



.btn-lime:hover {

    background-color: #b8cc28;

    transform: translateY(-2px);

}



h1.page-h1-title {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 29px;

    text-align: center;

    margin-bottom: 50px;

}



/* Hero Section */

.hero-section {

    padding: 80px 0;

}

/* 

.hero-img {

    max-width: 100%;

    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1));

} */



/* Products Section */

.products-bg {

   background-color: #f8f9fa;

    padding: 60px 0;

    margin: 40px 0;

    clip-path: polygon(7% 0%, 93% 0%, 100% 10%, 100% 93%, 93% 100%, 7% 100%, 0% 93%, 0% 9%);

}

.products-bg .owl-stage-outer.owl-height {
    height: 400px !important;
}

.pd-heading .btn {
    padding: 12px 24px 12px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}

.product-card {

    /* background: linear-gradient(145deg, #2c2c2c, #1a1a1a); */

    border-radius: 20px;

    border: none;

    padding: 30px;

    text-align: center;

    transition: transform 0.3s ease;

    position: relative;

    background: radial-gradient(46.65% 49.86% at 50.12% 50.14%, #565656 0%, #1E1E1E 100%);

    height: 353px;

}

/* .product-card:before {

    content: '';

    position: absolute;

    height: 336px;

    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);

    width: auto;

    left: 0;

    right: 0;

    z-index: -1;

    border-radius: 30px;

    top: 13px;

} */



/* .product-card:hover {

    transform: translateY(-10px);

} */

 

.product-card a {

    color: initial;

    text-decoration: none;

}

.product-card h5 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.product-img {

    /* height: 120px;

    object-fit: contain; */

    margin-bottom: 20px;

}



.dot-indicator {

    height: 10px;

    width: 10px;

    background-color: #bbb;

    border-radius: 50%;

    display: inline-block;

    margin: 0 5px;

    cursor: pointer;

}



.dot-indicator.active {

    background-color: var(--brand-lime);

    width: 25px;

    border-radius: 10px;

}



/* Services Section */

.service-number {

    color: var(--brand-lime);

    font-weight: 800;

    font-size: 1.5rem;

    margin-right: 20px;

    min-width: 30px;

}



.service-item {

    border-bottom: 1px solid #eee;

    padding: 20px 0;

    display: flex;

    align-items: center;

}



.service-img img{

    border-radius: 15px;

    /* overflow: hidden; */

    box-shadow: 0 10px 30px rgba(0,0,0,0.1);

}



section.sub-banner {

    height: 274px;

    margin-bottom: 50px;

    display: flex;

    align-items: end;

    position: relative;

    filter: brightness(2.5);

}



section.sub-banner:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgb(4 4 0 / 40%);

}

a.home-breadcrumb {

    color: #000;

    font-weight: 500;

    opacity: 1;

    text-decoration: none;

}



.breadcrumbs {

    position: relative;

    padding: 10px 0;

    float: right;

    filter: brightness(0.5);

}



.breadcrumbs span.seperator {

    margin: 0 10px;

}

#breadcrumbs li.sperator img {

    width: 18px;

}

#breadcrumbs li.sperator {

    margin: 0 5px;

}

a.front_page {

    color: #808285;

    text-decoration: none;

    font-weight: 700;

}

span.bread-current {

    color: #7b7676;

}

section.container.hero-section h1 {

    font-weight: 400;

    font-size: 36px;

    line-height: 100%;

    letter-spacing: 0%;

}



span.badge-lime.mb-3.d-inline-block {

    font-weight: 400;

    font-size: 20px;

    line-height: 100%;

    letter-spacing: 0%;

    text-transform: uppercase;

}



.moh-img {

    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;

}

.products-bg .owl-theme .owl-dots .owl-dot.active span, 

.products-bg .owl-theme .owl-dots .owl-dot:hover span {

    background: #C0D72F !important;

}



.top-half-shade:before {
    content: '';
    position: absolute;
    top: 0;
    border-top: 34px solid #fff;
    border-right: 124px solid transparent;
    left:0;
}
.top-half-shade:after {
    content: '';
    position: absolute;
    top: 0;
    border-top: 34px solid #fff;
    border-left: 124px solid transparent;
    right: 0;
}
.bottom-half-shade:before {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 34px solid #fff;
    border-left: 124px solid transparent;
    right:0
}
.bottom-half-shade:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 34px solid #fff;
    border-right: 124px solid transparent;
    left: 0;
}

.bg-shade:before {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 34px solid #fff;
    border-left: 124px solid transparent;
    right:0
}
.bg-shade:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 34px solid #fff;
    border-right: 124px solid transparent;
    left: 0;
}

/* .bottom-half-shade{position: relative;}
.top-half-shade{ position: relative;}
.banner-half-shade{
    position:relative;
} */

.banner-half-shade:before {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 19px solid #fff;
    border-right: 124px solid transparent;
    left:0;
}

.banner-half-shade:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 19px solid #fff;
    border-left: 124px solid transparent;
    right: 0;
}

.products-bg{
    position: relative;
}

footer {
    background: #1e1e1e;
    z-index: -1;
}
div#page {
    overflow: hidden;
}

div#go-top i.bi {

    color: #1e1e1e;

}

div#go-top {

    position: absolute;

    bottom: 0;

    right: 100px;

    background: #cde02d;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

}

.f_widget {

    color: #fff;

}

.footer-section {

    padding-top: 50px;

}

.f_widget h3 {

    font-weight: 700;

    font-size: 24px;

    line-height: 29px;

    letter-spacing: 0%;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.address address span:nth-child(1) {

    flex: 0 0 19%;

    font-weight: 600;

    font-size: 18px;

    line-height: 100%;

    letter-spacing: 0%;

}

.address address {

    display: flex;

}

.address address span a {

    text-decoration: none;

    color: #fff;

    margin-right: 6px;

}

.social-media a {

    margin-right: 15px;

}

.f_widget.follow-us {

    margin-top: 56px;

}

.copy_right {

    border-top: 1px solid #c3c3c3;

    margin-top: 15px;

    padding-top: 6px;

}

.f_widget .btn {

    background-color: #C0D72F;

    padding: 8px 18px 8px 18px;

    color: #1e1e1e;

}

.copy_right p a {

    text-decoration: none;

    color: #fff;

}

.copy_right p {

    font-weight: 400;

    font-size: 14px;

    line-height: 100%;

    letter-spacing: 0%;

    color: #fff;

    text-align: center;

    margin-top: 10px;

}



.products-bg h2 {

    font-weight: 400;

    font-size: 36px;

    line-height: 100%;

    letter-spacing: 0%;

}

.about-text p:first-letter {

    color: #c0d72f;

    font-size: 3em;

    font-weight: bold;

    float: left;

    line-height: 1;

    margin-right: 0.1em;

}

.section-one-img img {

    width: 368px;

}

/* .product_box a {

    background: #f0eded;

    display: block;

    padding: 2rem;

    text-decoration: none;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

} */







.product_box {

    margin-bottom: 20px;

}



.thumb {

    margin: 0 auto;

    text-align: center;

}



.pd-content h3 {

    font-size: 20px;

    color: #000;

}



.product_box {

    margin-bottom: 20px;

    background: #f4f4f4;

    display: block;

    border-radius: 20px;

    padding: 60px 40px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    background-color: #f3f3f3;

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    z-index: 999;

    height: 100%;

}

a.product_box:before {

    background: #cde02d;

    position: absolute;

    content: '';

    transition: all .6s ease;

    background-size: 101% 101%;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: -100%;

    z-index: -1;

}

.pd-content p {

    color: #707070;

}

.row.pd-row {

    row-gap: 26px;

    margin-bottom: 80px;

}

a.product_box {

    text-decoration: none;

    /* pointer-events: none; */

}

a.product_box:hover:before {

    bottom: 0;

    left: 0;

}

a.product_box:hover button{

    background-color: #000;

    color:#cde02d;

}

span.parent_page a {

    color: #fff;

    text-decoration: none;

}

.section-two-thumb:after {

    content: '';

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.section-two-thumb:hover:after {

    height: 250%;

    transition: all 600ms linear !important;

    background-color: transparent;

}



.section-two-thumb {

    position: relative;

    overflow: hidden;

}



.detail-bolg {

    margin-bottom: 40px;

}





a.btn.btn-lime.about-more {
    padding: 12px 24px 12px 24px;
    font-family: Poppins;
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
}

.lighting{
    position: relative;
    overflow: hidden;
}

.lighting:after {

    content: '';

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}
.lighting:hover:after {

    height: 250%;

    transition: all 600ms linear !important;

    background-color: transparent;

}

.form_wrap textarea {
    resize: none;
}

.form-wrap h4 {
    font-size: 19px;
}
button.btn.btn-success.mt-3.g-recaptcha {
    background-color: #c0d72f;
    border-color: transparent;
    color: #1e1e1e;
    padding: 12px 24px 12px 24px;
}

.google_map {
    border-radius: 30px;
    overflow: hidden;
    margin-top: 50px;
}
form#contact-form .form-control {
    border-color: #c0d72f;
}
form#contact-form .form-control::placeholder {
    color: #636f18;
    font-weight: 300;
    font-size: 13px;
}
form#contact-form .form-control:focus::placeholder {
    color: #1e1e1e;
}
form#contact-form .form-control:focus {
    background-color: #c0d72f;
    border-color: #c0d72f !important;
    box-shadow: none;
    color: #1e1e1e;
}
.form_wrap .alert.alert-success,
.form_wrap .alert.alert-warning {
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #939090;
}
.form_wrap .row {
    align-items: center;
}
.mm-menu--theme-light {
    --mm-color-background: #dae78e;
    --mm-color-text-dimmed: #333;
}
.mm-menu .current-menu-item {
    background: #333;
    color: #dae78e;
}
@media (max-width:991px){
    .slide-item.carousel-item {
        height: auto;
        aspect-ratio: 6/3;
    }
}
@media (max-width:767.99px){
    header {
        position: relative;
        background: #333;
        padding-bottom: 10px;
    }

    .web__logo {
        margin: 0 auto;
        text-align: center;
    }

    .menu .ds-menu {
        display: none;
    }

    div#go-top {
        bottom: 80px;
        right: 20px;
    }
    .copy_right p {
        font-size: 13px;
        line-height: 1.2rem;
    }
    .contact-img.lighting {
        margin: 0 auto;
        text-align: center;
    }

    .form-wrap {
        margin-top: 30px;
        text-align: center;
    }
}
@media (min-width:331px) and (max-width:767.99px){
    .follow-us.item-caption {
        display: none;
    }
    .follow-us.item-caption {
        display: none;
    }

    .main-slide-caption.carousel-caption h2 {
        font-size: 13px;
    }

    .item-caption p {
        font-size: 10px;
        line-height: 1rem;
    }

    .item-caption a.btn {
        padding: 10px 12px 10px 12px;
        font-size: 14px;
    }
    .main-slide-caption.carousel-caption .container {
        min-width: 300px;
    }

    .main-slide-caption.carousel-caption {
        left: 0;
        top: 0;
    }
}
@media (min-width:767.98px){
    button#my-icon {
        display: none;
    }
    
}
@media (min-width:575px) and (max-width:768.98px){
    .banner-half-shade:before {
        border-bottom: 19px solid #fff;
        border-right: 58px solid transparent;
    }
    .banner-half-shade:after {
        border-bottom: 19px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:after {
        border-top: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:before {
        border-top: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bottom-half-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bottom-half-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bg-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bg-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    
}
@media (min-width:767.99px) and (max-width:991.98px){

    div#go-top {
        bottom: 60px;
    }
    .main-slide-caption.carousel-caption h2 {
        font-size: 27px;
    }

    .main-slide-caption.carousel-caption {
        top: 60px;
    }

    .ds-menu a.nav-link {
        margin-left: 6px;
        font-size: 14px;
    }

    .follow-us-text-vertical {
        transform: none;
        left: 0 !important;
    }

    .follow-us-text-vertical a img {
        transform: none;
    }

    .item-caption a.btn {
        padding: 10px 12px 10px 12px;
        font-size: 14px;
    }

    .products-bg h2 {
        font-size: 23px;
    }

    .products-bg{
        margin-bottom: 0;
    }

    .service-item {
        padding: 0;
    }

    .service-img {
        margin: 0 auto;
        text-align: center;
    }
    .banner-half-shade:before {
        border-bottom: 19px solid #fff;
        border-right: 58px solid transparent;
    }
    .banner-half-shade:after {
        border-bottom: 19px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:after {
        border-top: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:before {
        border-top: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bottom-half-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bottom-half-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bg-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bg-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    
}

@media (min-width:991.99px) and (max-width:1200.98px){
    .ds-menu a.nav-link {
        font-size: 15px;
    }
    .main-slide-caption.carousel-caption h2{
        font-size:24px;
    }
    div#go-top {
        bottom: 60px;
    }
    .banner-half-shade:before {
        border-bottom: 19px solid #fff;
        border-right: 58px solid transparent;
    }
    .banner-half-shade:after {
        border-bottom: 19px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:after {
        border-top: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:before {
        border-top: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bottom-half-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bottom-half-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bg-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bg-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    div#go-top {
        bottom: 60px;
    }
}
@media (min-width:1200.99px) and (max-width:1400.98px){
    .main-slide-caption.carousel-caption h2{
        font-size: 32px;
    }
    .banner-half-shade:before {
        border-bottom: 19px solid #fff;
        border-right: 58px solid transparent;
    }
    .banner-half-shade:after {
        border-bottom: 19px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:after {
        border-top: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:before {
        border-top: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    div#go-top {
        bottom: 60px;
    }
}
@media (max-width:1400px){
    .product-card{
        height: auto;
    }
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background: #c0d72f;
}
button#my-icon {
    position: absolute;
    left: 10px;
    top: 0;
}
@media (max-width:575px) {
    .address address {
        font-size: 14px;
    }
    .products-bg h2 {
        font-size: 20px;
        margin-bottom: 34px;
    }

    .pd-heading {
        display: block !important;
    }

    .pd-heading button.btn.btn-lime {
        background: transparent;
        padding: 0;
        font-size: 14px;
    }

    .pd-heading .btn {
        background-color: transparent;
        padding: 0;
        font-size: 15px;
    }

    .product-card {
        transition: none;
    }

    .banner-half-shade:before {
        border-bottom: 19px solid #fff;
        border-right: 58px solid transparent;
    }
    .banner-half-shade:after {
        border-bottom: 19px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:after {
        border-top: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .top-half-shade:before {
        border-top: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bottom-half-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bottom-half-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }
    .bg-shade:before {
        border-bottom: 34px solid #fff;
        border-left: 58px solid transparent;
    }
    .bg-shade:after {
        border-bottom: 34px solid #fff;
        border-right: 58px solid transparent;
    }

    .products-bg{
        clip-path: none;
    }

    .f_widget {
        margin-top: 30px;
    }

    .f_widget.follow-us {
        margin-top: 50px;
    }

    .factory-address {
        margin-top: 50px;
    }
    img.hero-img.img-fluid {
        width: 48%;
    }
    .stone-thumb {
        margin: 0 auto;
        text-align: center;
    }
    .service-img {
        margin: 0 auto;
        text-align: center;
    }

    section.sub-banner.page-banner {
        height: 138px;
    }

    .breadcrumbs {
        padding: 20px 20px;
    }
    section.sub-banner.cat-default {
        height: 150px;
    }
    .section-one-img img {
        width: 200px;
    }
}
@media (max-width:330px){
    .item-caption {
        display: none;
    }

    .follow-us.item-caption {
        display: none;
    }

    .main-slide-caption.carousel-caption {
        display: none;
    }

    div#carouselHome {
        margin-top: -1px;
    }
    
}

section.about-us-section {
    padding: 80px 0 0;
}
span.current-breadcrumb {
    color: #fff;
}
.more-size small {
    color: #707070;
}