#header .header-top {

    background-color: transparent;

    background-image: linear-gradient(180deg, #FFFFFF 0%, #BABCBF 100%) !important;

    padding: 0px 0;

}



@media (min-width: 1200px) {

    .container {

        width: 1300px !important;

        max-width: 100%;

    }

}



#header a:hover {

    color: #008457 !important;

    text-decoration: none;

}





body {

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

    font-size: 14px;

    list-style: 1.7rem;

}



h1,

h2,

h3,

h4,

h5 {

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

}



img {

    /* Responsive images (ensure images don't scale beyond their parents) */

    max-width: 100%;

    /* Part 1: Set a maxium relative to the parent */

    width: auto\9;

    /* IE7-8 need help adjusting responsive images */

    height: auto;

    /* Part 2: Scale the height according to the width, otherwise you get stretching */

    vertical-align: middle;

    border: 0;

    -ms-interpolation-mode: bicubic;

}





.headetTop {

    background-color: #008457;

    text-align: center;

    color: #FFF;

    padding: 12px 20px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

}



.logoArea {

    background-color: transparent;

    background-image: linear-gradient(180deg, #FFFFFF 0%, #BABCBF 100%);

    padding: 0px 0;

}





.searchBox {

    margin-top: 25px;

    width: 100%;

}



.searchBox form {

    width: 100%;

    display: flex;

}



.searchBox input {

    color: #333333;

    background-color: #ffffff;

    border-color: #008457;

    font-family: "Roboto", Sans-serif;

    font-weight: 400;

    text-align: left;

    border-width: 1px 1px 1px 1px;

    border-radius: 0px 0px 0px 0px;

    padding: 8px 8px 8px 8px;

    width: calc(100% - 80px);

}



.searchBox input[type="submit"] {

    color: #ffffff;

    background: url(../Images/search-icon.jpg) no-repeat center center;

    background-color: #008457;

    border-color: #E8E8E8;

    width: 80px;

    font-family: "Roboto", Sans-serif;

    font-weight: 400;

    border-width: 0px 0px 0px 0px;

    border-radius: 0px 0px 0px 0px;

    font-size: 0px;

    ;

}



.navArae {

    margin-top: 15px;

}



.navbar-light .navbar-nav .nav-link {

    display: block;

    padding: 0px 10px 0px 10px;

    color: #3A3A3A;

    text-decoration: none;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

    font-family: "Roboto", Sans-serif;

    font-size: 14px;

}



.navbar-light .navbar-nav .nav-link:hover {

    color: #068D2A
}



.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

    color: #068D2A
}



/****************videoArea***********************/



/***************************videoArea-end***************************/

.youtube-container {

    overflow: hidden;

    margin-top: 25px;

    width: 100%;

    /* Keep it the right aspect-ratio */

    aspect-ratio: 16/9;

    /* No clicking/hover effects */

    pointer-events: none;

}



.youtube-container iframe {

    /* Extend it beyond the viewport... */

    width: 300%;

    height: 100%;

    /* ...and bring it back again */

    margin-left: -100%;

}



/****************************accountManage*****************************/

.accountManage {

    margin-top: 34px;

}



#list {

    margin-top: -100px;







}



#list img {

    margin-top: 100px;

    opacity: 0;

    animation: fadeIn 1s ease-in both;

}







@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translate3d(0, -20%, 0);

    }



    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}





.accountManage ul {

    display: flex;

    width: 100%;

    padding: 0px;

}



.accountManage ul li {

    list-style: none;

    font-size: 12px;

    margin-right: 17px;

}



.accountManage ul li a {

    list-style: none;

    font-size: 12px;

    color: #333333;

    text-decoration: none;

    text-align: center;

}



.accountManage ul li a i {

    margin-left: 3px;

    font-size: 15px;

}



.so {

    width: 100%;

    margin-top: 19px;

}



.so ul {

    display: flex;

    text-align: center;

    padding: 0px;

}



.so ul li {

    list-style: none;

    font-size: 14px !important;

    text-align: center;

    font-weight: 400;

}



.so ul li a {

    color: #068D2A !important;

    text-decoration: none;

    padding: 0px 15px 0px 15px;

}



.sales {

    margin-top: 30px;

}





/****************************accountManage _end*****************************/

.ft {

    margin-top: 30px;

}



.ft ul {

    margin-top: 30px;

    display: flex;

    padding: 0px;

    margin: 0px;

}



.ft ul li {

    list-style: none;

    margin-right: 5px;

}



.ft ul li a {

    text-decoration: none;

    padding: 13px 25px;

    background-color: #f7f7f7;

    display: inline-block;

    color: #008457;

}



.ft ul li a.active {

    background-color: #018457;

    color: #FFF;

}



.fp {

    background-color: transparent;

    background-image: linear-gradient(180deg, #008457 0%, #FDC30D 100%) !important;

    padding: 60px 20px 0px 20px;



}

.prd-height {

    padding: 0px 0 8px 0 !important;

}

.btn-center {

    text-align: center;

    margin-bottom: 16px;

}

/* .product {

    background: #FFF;

} */



.product img {

    width: 100%;

}



.p-in {

    margin: 20px;

    padding-top: 15px;

    border-top: 1px solid #999;

    padding-bottom: 0px;

    min-height: 186px;

}



.p-in h4 {

    font-size: 14px;

}



.p-in h4 a {

    font-size: 14px;

    color: #07963C;

    text-decoration: none;

}



.p-in h5 {

    font-size: 14px;

    color: #5D5F5D;

}



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

.product-in {

    background: #FFFBFB;

    margin-bottom: 25px;

}



.product-in img {

    width: 100%;

}



.p-in-in {

    margin: 0 15px;

    padding-top: 15px;

    padding-bottom: 0px;

}



.p-in-in h4 {

    font-size: 12px;

}



.p-in-in h4 a {

    font-size: 12px;

    color: #07963C;

    text-decoration: none;

}



.p-in-in p {

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 5px;

}



.p-in-in h5 {

    font-size: 13px;

    color: #5D5F5D;

    font-weight: 700;

}



.p-in-in h6 {

    font-size: 10px;

    line-height: 10px;

}



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

.star i {

    color: #ccd6df;

    margin-right: 5px;

}



.star i.full {

    color: #f0ad4e;

}



.btnCart {

    text-align: center;

    padding: 25px 0;

}



.btn-cart {

    font-family: "Roboto", Sans-serif;

    font-size: 16px;

    font-weight: 700;

    border: 3px solid #ef8702;

    color: #F8870C;

    background-color: #FCFCFC;

    border-style: solid;

    border-radius: 1px 1px 1px 1px;

    padding: 10px 25px 10px 25px;

    text-decoration: none;

}



.btn-cart:hover {

    color: #FFF;

    background-color: #ef8702;

}



.btn50 {

    display: inline-block;

    line-height: 1;

    font-size: 15px;

    padding: 12px 24px;

    border-radius: 3px;

    color: #fff;

    text-align: center;

    transition: all .3s;

    font-weight: 500;

    background-color: #008457;

    margin-top: 20px;

    text-decoration: none;

}



.btn50:hover {

    color: #fff;

    text-align: center;

    transition: all .3s;

    font-weight: 500;

    background-color: #000000;



}



.title45 h2 {

    color: #2B861B;

    font-size: 32px;

    font-weight: 600;



}



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

.pss {

    background-color: #DEDEDE;

    padding: 30px 0 30px 0;

}



.se-box-area {

    padding: 0px;

}



.se-box-area ul {

    padding: 0px;

}



.se-box-area ul li {

    list-style: none;

    width: 18%;

    margin: 10px 1%;

    box-shadow: 5px 4px 10px 0px rgba(0, 0, 0, 0.19);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    background-color: #FFF;

    padding: 15px;

    float: left;

}



.se-box-area ul li {

    list-style: none;

    width: 18%;

    margin: 10px 1%;

    box-shadow: 5px 4px 10px 0px rgba(0, 0, 0, 0.19);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    background-color: #FFF;

    padding: 15px;

}



.se-box-area ul li h3 {

    color: #07963C;

    font-size: 15px;

    font-weight: 400;

    margin-top: 20px;

}



.se-box-area ul li h3 a {

    color: #07963C;

    text-decoration: none;



}



.se-box-area ul li p {

    color: #5D5F5D;

    font-size: 12px;

    font-weight: 400;

    line-height: 14px;

    margin-bottom: 0px;

    ;

}



.item-on-sales {

    padding: 60px 0;

}



.item-on-sales h2 {

    color: #FF0000;

    font-weight: 600;

    font-size: 32px;

}



.product-box-area {

    padding: 0px;

}



.product-box-area ul {

    padding: 0px;



}



.product-box-area ul li {

    list-style: none;

    width: 18%;

    margin: 15px 1%;

    background-color: #FFF;

    float: left;



}



.product-box-area ul li img {

    width: 100%;

}



.product-box-area ul li h3 {

    color: #07963C;

    font-size: 15px;

    font-weight: 400;

    margin-top: 20px;

}



.product-box-area ul li h3 a {

    color: #07963C;

    text-decoration: none;

}



.product-box-area ul li h5 {

    font-size: 13px;

    color: #000000;

    font-weight: 700;

    margin-top: 7px;

}



.product-box-area ul li h5 span {

    text-decoration: line-through;

    color: rgb(132, 132, 132);

}



.product-box-area ul li a.a-cart {

    font-family: "Roboto", Sans-serif;

    font-size: 13px;

    font-weight: 700;

    fill: #FFFFFF;

    color: #FFFFFF;

    background-color: #F8870C;

    border-style: solid;

    border-radius: 0px 0px 0px 0px;

    padding: 7px 15px 7px 15px;

    text-decoration: none;

    margin-top: 0px;

    display: inline-block;

}



.product-box-area ul li a.a-cart {

    font-family: "Roboto", Sans-serif;

    font-size: 13px;

    font-weight: 700;

    fill: #FFFFFF;

    color: #FFFFFF;

    background-color: #F8870C;

    border-style: solid;

    border-radius: 3px;

    padding: 7px 15px 7px 15px;

    text-decoration: none;

    margin-top: 0px;

    display: inline-block;

}



.product-box-area ul li a.a-cart:hover {

    color: #FFFFFF;

    background-color: #025217;

}





.btn60 {

    display: inline-block;

    line-height: 1;

    font-size: 15px;

    padding: 12px 24px;

    border-radius: 3px;

    color: #fff;

    text-align: center;

    transition: all .3s;

    font-weight: 500;

    background-color: #FF0606;

    margin-top: 20px;

    text-decoration: none;

}



.btn60:hover {

    background-color: #000000;

}



.page-title-green-01 {

    background-color: #288101;

    text-align: center;

    padding: 10px;

    color: #FFF;

}



.page-title-green-01 h2 {

    color: #F7FDFF;

    font-family: "Roboto", Sans-serif;

    font-size: 21px;

    font-weight: 600;

    margin-bottom: 0px;

}



.page-title-so {

    background-color: #000000;

    text-align: center;

    padding: 10px;

    color: #FFF;

}



.page-title-so h2 {

    color: #FBFBFB;

    font-family: "Roboto", Sans-serif;

    font-size: 38px;

    font-weight: bold;

    margin-bottom: 0px;

}



.page-title-green {

    background-color: #288101;

    text-align: center;

    padding: 10px;

    color: #FFF;

}



.page-title-green h2 {

    color: #FFFFFF;

    font-family: "Roboto", Sans-serif;

    font-size: 21px;

    font-weight: 600;

    margin-bottom: 0px;

}



.sideber-list ul {

    padding: 0px;

}



.sideber-list ul li {

    padding: 10px 20px;

    list-style: none;

}



.black-area {

    padding: 25px 25px 25px 25px;

    background-color: #000;

}



.black-area img {

    margin-bottom: 30px;

    ;

}



.project-area {

    padding: 60px 0;

}



.p-main {

    background-color: #19684A;

    text-align: center;

    margin-bottom: 25px;

}



.p-main img {

    width: 100%;

}



.p-main h4 {

    color: #FFFBFB;

    font-family: "Roboto", Sans-serif;

    font-size: 14px;

    font-weight: 700;

    padding: 10px 0;

}



.p-main a.btn5 {

    background-color: #04A26C;

    margin-bottom: 20px;

    font-size: 13px;

    padding: 10px 20px;

    border-radius: 2px;

    color: #FFF;

    display: inline-block;

    text-decoration: none;

}



.p-main a.btn5:hover {

    background-color: #b18b04;

}



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

.p-d-main {

    background-color: #155f1c;

    text-align: center;

    margin-bottom: 25px;

}



.p-d-main img {

    width: 100%;

}



.p-d-main a.btn5 {

    background-color: #45c023;

    margin-bottom: 25px;

    font-size: 13px;

    padding: 10px 20px;

    border-radius: 2px;

    color: #FFF;

    display: inline-block;

    text-decoration: none;

    margin-top: 25px;

}



.p-d-main a.btn5:hover {

    background-color: #1a3604;

}



.pd-gallery {

    margin-top: 25px;

}



.pd-gallery img {

    width: 25%;

    float: left;

}



.pd-btn a {

    font-family: "Roboto", Sans-serif;

    font-weight: 500;

    fill: #000000;

    color: #000000;

    background-color: #FFC206;

    text-decoration: none;

    padding: 12px 24px;

    border-radius: 3px;

    display: inline-block;

    margin-top: 20px;

    font-size: 14px;

}



.pd-btn a:hover {

    background-color: #96ef52;

}



.ad-01 {

    padding: 40px 0 40px 0;

    text-align: center;

}



.secrice-area {

    padding: 30px 0;

}



.secrice-area .container {

    background: #eaeaea;

    margin-bottom: 30px;

}



.no-padding {

    padding: 0px !important;

}



.no-padding img {

    width: 100%;

}



.service-details {

    padding: 10px 25px;

    color: #5D5F5D;

    font-family: "Roboto", Sans-serif;

    font-size: 12px;

    font-weight: 400;

}



.service-details h4 {

    color: #07963C;

    font-family: "Roboto", Sans-serif;

    font-size: 14px;

    font-weight: 800;

    padding: 10px 0;

    border-bottom: 1px solid #000;

}



.service-details h4 a {

    color: #07963C;

    text-decoration: none;

}



.btnRM {

    font-family: "Roboto", Sans-serif;

    font-size: 13px;

    font-weight: 500;

    background-color: #008457;

    color: #FFF;

    padding: 5px 12px;

    text-decoration: none;

    border-radius: 6px;

    float: right;

}



.btnRM:hover {

    background-color: #b18b04;

    color: #FFF;



}



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

.project-details {

    font-size: 16px;

    line-height: 24px;

    color: #7a7a7a
}



.project-details h2 {

    color: #000000;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 400;

}



.member-area {

    padding: 60px 0;

    font-size: 16px;

    line-height: 24px;

    color: #7a7a7a;

    border-bottom: 1px solid #000;

}



a.btn70 {

    font-family: "Roboto", Sans-serif;

    font-weight: 500;

    color: #000000;

    text-decoration: none;

    padding: 10px 25px;

    border-radius: 3px;

}



a.btn70:hover {

    background-color: #96ef52;

}



.karen {

    font-size: 16px;

    line-height: 24px;

    color: #7a7a7a;

}



.karen img {

    width: 100%;

}



.karen h3 {

    color: #000000;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 400;

    margin-top: 15PX;

}



.karen h4 {

    color: #000000;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 900;

}



.member-01 {

    font-size: 16px;

    line-height: 24px;

    color: #7a7a7a;

    margin-bottom: 50px;

    ;

}



.member-01 img {

    width: 100%;

}



.member-01 h3 {

    color: #000000;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 2px;

    margin-top: 10px;

}



.member-01 h4 {

    color: #000000;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 900
}



.member-01 a {

    font-family: "Roboto", Sans-serif;

    font-weight: 500;

    color: #000000;

    text-decoration: none;

}



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

.fs {

    background-color: #DEDEDE;

    padding: 60px 20px 40px 20px;



}



.serviceBox {

    background-color: #FFF;

    padding: 10px;

}



.serviceBox img {

    width: 100%;

}



.serviceBox h3 {

    color: #07963C;

    font-size: 14px;

    font-weight: 400;

    margin-top: 20px;

}



.serviceBox h3 a {

    color: #07963C;

    text-decoration: none;

    font-size: 14px;



}



.serviceBox p {

    color: #5D5F5D;

    font-size: 12px;

    font-weight: 400;

    line-height: 14px;

    margin-bottom: 0px;

    ;

}



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

.sbc {

    padding: 60px 0;

}



.sbc h2 {

    color: #030303;

    font-size: 25px;

    font-weight: 600;

    text-align: center;

}



.sbc-01 ul {

    padding: 0px;

}



.sbc-01 ul li {

    padding: 0px;

    width: 15.66%;

    margin: 10px .5%;

    float: left;

    list-style: none;

    text-align: center;

    min-height: 106px;

}



.sbc-01 ul li a {

    text-decoration: none;

    color: #04760E;

    font-size: 15px;

    font-weight: 400;

}



.ft .container {

    max-width: 99% !important;

}





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

.blackBG {

    background: #000000;

    padding: 60px 0;

    margin-bottom: 60px;

}



.blackBG .container {

    background-color: transparent;

    background-image: linear-gradient(180deg, #008457 0%, #12A83E 100%);

    width: 74% !important;

}



.newsletterSection {

    padding: 15px;

}



.gb .container {

    width: 74% !important;

}





.newsletterSection label {

    color: #FFFEFE;

    display: block;

    font-size: 16px;

    text-align: left !important;

}



.newsletterSection input {

    border-radius: 20px;

    color: #333333;

    background: #FFF;

    padding: 8px 15px;

    width: 100%;

    border: 0px;

    margin-bottom: 15px;

    ;

}



.newsletterSection input[type="submit"] {

    width: 105px;

    background-color: #F8CB0A;

    color: #0A0A0A;

    border-radius: 3px;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 20px;

}



.newsletterSection input[type="submit"]:hover {

    width: 105px;

    background-color: #def504;

    color: #0A0A0A;

    border-radius: 3px;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 20px;

}



.nl {

    color: #FDFEFF;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 23px;

    padding: 15% 25px;

}



.gb {

    margin-bottom: 40px;

    background-color: transparent;

    background-image: linear-gradient(281deg, #07563A 67%, #229031 100%);

}



.diy {

    padding: 15% 0;

    color: #FFF;

    line-height: 24px;

    font-size: 15px;

}



.diy h3 {

    color: #FFF;

    font-size: 17px;

    border-bottom: 1px solid #FFF;

    padding-bottom: 7px;

}



.diy a {

    font-family: "Roboto", Sans-serif;

    font-weight: 500;

    fill: #000000;

    color: #000000;

    background-color: #FFC206;

    text-decoration: none;

    padding: 12px 24px;

    border-radius: 3px;

    display: inline-block;

    margin-top: 20px;

}



.diy a:hover {

    background-color: #96ef52;

}



footer {
    background-color: transparent;
    background-image: linear-gradient(180deg, #02591A 0%, #051802 100%) !important;
}



.footer-top {

    padding: 30px 0;

    text-align: center;

    border-bottom: 1px solid #75A789;

    margin-bottom: 25px;

}





.footer-top a {

    padding: 0 0px;

    color: #FFF;

    text-decoration: none;

    margin: 0 30px;



}



.sl {

    color: #CDCFD1;

    font-family: "Roboto", Sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

}



.sl h3 {

    color: #CDCFD1;

    font-family: "Roboto", Sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 26px;

}



.sl h4 {

    color: #CDCFD1;

    font-family: "Roboto", Sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 26px;

    margin-top: 5px;

}



.policy {

    background-color: #08570D;

    padding: 10px;

    margin-bottom: 10px;

}



.footer-mid {

    margin-right: 3%;

}



.policy h3 {

    color: #CDCFD1;

    font-family: "Roboto", Sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    border-bottom: 1px solid #fff;

}



.policy ul {

    padding: 0px;

    ;

}



.policy ul li {

    font-size: 15px;

    list-style: none;

    font-weight: bold;

}



.policy ul li a {

    color: #FFF;

    text-decoration: none;

}



footer h3 {

    color: #CDCFD1;

    font-family: "Roboto", Sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 26px;



}



.dropdown-menu {

    position: absolute;

    z-index: 1000;

    display: none;

    min-width: 10rem;

    padding: 0 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: .0;

    background: #06B315F0;

    width: 220px;

}



.dropdown-menu li {

    border-bottom: 1px solid #18D23266;

}



.dropdown-menu li a {

    padding: 15px;

    color: #FFF;

}



.copy {

    background-color: #020C05;

    padding: 15px;

    color: #BABCBD;

    text-align: center;

}



.spc {

    padding: 40px 0;

}



.leftSideMenu {

    background-color: #fff;

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);

    margin-bottom: 40px;

}



.leftSideMenu h4 {

    color: #F7FDFF;

    font-family: "Roboto", Sans-serif;

    font-size: 13px;

    font-weight: 400;

    background-color: #008457;

    padding: 11px 11px 11px 11px;

    text-align: center;

    margin-bottom: 0px;

}



.leftSideMenu .dropdown-menu li a {

    padding: 7px 20px;

    color: #FFF;

    font-size: 14px;

}



.leftSideMenu .dropdown-menu li a:hover {

    color: #333 !important;

    font-size: 14px;

    background-color: #e9bf04;

}



.whitebtn {

    background: #FFF;

    font-family: "Roboto", Sans-serif;

    font-size: 18px;

    font-weight: 600;

    padding-left: 0px;

}



.con78 {

    font-family: "Roboto", Sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #666;

}



.con78 ul {

    padding-left: 12px;

    margin-top: 15px;

}



.galleryArea {

    padding: 0;

}



.galleryArea ul {

    padding: 0;

}



.galleryArea ul li {

    width: 31.5%;

    float: left;

    margin: 3px 1%;

    list-style: none;

}



.galleryArea ul li:first-child {

    width: 98%;

    float: left;

    margin: 3px 1%;

    list-style: none;

}



.galleryArea ul li:last-child {

    margin: 3px 0% 3px 1%;

    list-style: none;

}



.ad {

    padding: 40px 0 0px 0;

    text-align: center;

}





/*******************sideberNav*********************/

.sidebar li {

    position: relative;

    border-bottom: 1px solid #f2f2f2;

}



.sidebar .nav-link:hover {

    background-color: #e9bf04 !important;

    color: #333 !important;

}



.sidebar li .submenu {

    display: none;

    position: absolute;

    left: 100%;

    top: -1px;

    min-width: 240px;

}



[dir=rtl] .sidebar li .submenu {

    right: 100%;

    left: auto;

}



/* .sidebar li:hover {

    background: #e9bf04;

    color: #333 !important;

} */



.sidebar li:hover>.submenu {

    display: block;

}





/* ============ desktop view .end// ============ */





/* ============ small devices ============ */

@media (max-width: 991px) {



    .sidebar .submenu,

    .sidebar .dropdown-menu {

        position: static !important;

        margin-left: 0.7rem;

        margin-right: 0.7rem;

        margin-bottom: .5rem;

    }



}



/* ============ small devices .end// ============ */





.sidebar .nav-link {

    font-weight: 500;

    color: var(--bs-dark);

}



.sidebar .nav-link:hover {

    background: var(--bs-light);

    color: var(--bs-primary);

}



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

@media (min-width: 1200px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1300px;



    }

    .pd-video {

        margin: 0 -14px !important;

    }

}



@media (min-width: 1367px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1400px;



    }

}



@media all and (max-width: 1366px) {}



@media all and (max-width: 1280px) {}



@media all and (max-width: 1024px) {



    .navbar-light .navbar-nav .nav-link {

        padding: 0px 6px 0px 6px;

        color: #3A3A3A;

        font-size: 13px;

    }



    .accountManage ul li {

        margin-right: 10px;

    }



    .accountManage ul li a {

        font-size: 12px;

    }



    .accountManage ul li a i {

        margin-left: 0px;

        font-size: 11px;

    }



    .so {

        padding-left: 10px;

    }



    .so ul li {

        font-size: 13px;

    }



    .so ul li a {

        color: #068D2A;

        text-decoration: none;

        padding: 0px 7px 0px 7px;

    }

}



@media all and (max-width: 991px) {

    .se-box-area ul li {

        width: 31.33%;

    }



    .product-box-area ul li {

        width: 31.33%;

    }



    .sidebar .submenu,

    .sidebar .dropdown-menu {

        position: static !important;

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 0;

    }



    .sbc-01 ul li {

        padding: 0px;

        width: 24%;

        margin: 10px .5%;

        float: left;

        list-style: none;

        text-align: center;

        min-height: 106px;

    }



    .sbc-01 ul li a {

        text-decoration: none;

        color: #04760E;

        font-size: 13px;

        font-weight: 400;

    }



    .navbar-collapse {

        flex-basis: 100%;

        flex-grow: 1;

        align-items: center;

        background: #FFF;

        margin-top: 32px;

    }



    .nav-item {

        border-bottom: 1px solid #ededed;

    }



    .navbar-light .navbar-nav .nav-link {

        padding: 7px 15px 7px 15px;

        color: #3A3A3A;

        font-size: 16px;

    }



    .dropdown-menu {

        width: 100%;

    }



    .dropdown-menu li a {

        padding: 7px 15px;

    }



    .navbar-light .navbar-toggler {

        color: rgba(0, 0, 0, .55);

        border-color: rgba(0, 0, 0, .1);

        right: 0px;

        padding: a;

        position: absolute;

        top: 0px;

        background-color: #e5bd14
    }



    .searchBox {

        margin-top: 25px;

        width: 100%;

        position: relative;

        z-index: 10000;

    }



    .navArae {

        margin-top: -39px;

    }



    .accountManage {

        margin-top: 24px;

        width: 55%;

        float: left;

    }



    .so {

        width: 100%;

        margin-top: 24px;

        float: left;

    }



    .so ul li a {

        padding: 0px 5px 0px 5px;

    }



    .serviceBox {

        background-color: #FFF;

        padding: 20px;

        margin-bottom: 25px;

    }



    .diy {

        padding: 5% 0;



    }



    .gb {

        padding-bottom: 40px;

    }



    .sl h4 {

        color: #CDCFD1;

        font-family: "Roboto", Sans-serif;

        font-size: 13px;

        font-weight: 400;

        line-height: 26px;

        margin-top: 15px;

    }



    .policy {

        background-color: #08570D;

        padding: 10px;

    }



    .policy h3 {

        color: #CDCFD1;

        font-family: "Roboto", Sans-serif;

        font-size: 15px;

    }



    .policy ul li {

        font-size: 12px;

        list-style: none;

    }



    .sl h3 {

        color: #CDCFD1;

        font-family: "Roboto", Sans-serif;

        font-size: 15px;

        font-weight: 400;

        line-height: 26px;

    }



    footer h3 {

        color: #CDCFD1;

        font-family: "Roboto", Sans-serif;

        font-size: 15px;

        font-weight: 400;

        line-height: 26px;

    }

}



@media all and (max-width: 767px) {

    .se-box-area ul li {

        width: 46%;

        margin: 15px 2%;

    }



    .product-box-area ul li {

        width: 46%;

        margin: 15px 2%;

    }



    .footer-top a {

        margin: 0 12px;

    }



    .sl {

        color: #CDCFD1;

        font-family: "Roboto", Sans-serif;

        font-size: 13px;

        font-weight: 400;

        line-height: 18px;

        margin-bottom: 25px;

    }



    .policy {

        background-color: #08570D;

        padding: 20px;

        margin-bottom: 25px;

    }



    .sbc-01 ul li {



        width: 49%;

        margin: 10px .5%;

        min-height: 106px;

    }

}



@media all and (max-width: 575px) {

    .title45 h2 {

        font-size: 20px;

    }

    .product-mg {
        padding: 0px 30px 1px 30px !important;
    }


    .item-on-sales h2 {

        font-size: 20px;

    }



    .se-box-area ul li {

        width: 100%;

        margin: 15px 0%;

    }



    .product-box-area ul li {

        width: 100%;

        margin: 15px 0%;

    }



    .logoArea {

        text-align: center;

    }



    .accountManage {

        margin-top: 42px;

        width: 100%;

        float: left;

    }



    .accountManage ul li {

        margin-right: 25px;

    }



    .accountManage ul li a {

        font-size: 14px;

    }



    .accountManage ul li a i {

        margin-left: 8px;

        font-size: 16px;

    }



    .so ul li a {

        padding: 0px 20px 0px 20px;

    }



    .so {

        width: 100%;

        margin-top: 5px;

        float: left;

    }

}



/* ============ desktop view ============ */

@media all and (min-width: 992px) {

    .navbar .nav-item .dropdown-menu {

        display: none;

    }



    .navbar .nav-item:hover .dropdown-menu {

        display: block;

    }



    .navbar .nav-item .dropdown-menu {

        margin-top: 0;

    }

}



/* ============ desktop view .end// ============ */



/* New classes */



.d-flex {

    display: flex;

    flex-direction: row;

    margin-bottom: 19px;

    margin-top: 23px;

}

.top-menu {

    font-size: 12px !important;

}

.icon-size {

    font-size: 19px !important;

}

.mb-dropdown-item {

    text-align: left !important;

}

.arr-size {

    font-size: 17px;

}

.nav-link {

    display: block;

    padding: 0.5rem 1rem !important;

    text-decoration: none;

    margin: 0 !important;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}

.sub-cate {

    background: #06B315F0 !important;

    display: block;

    padding: 0.5rem 1rem !important;

    color: #fff !important;

}

.child-cate {

    display: flex;

}

.child-cate-width {

    width: 100% !important;

}

.dyi-project-list {

    margin: 14px !important;

}

.dyi-project-list a {

    color: #FFFBFB !important;

    font-family: "Roboto", Sans-serif;

}

.w-container {

    margin-left: auto;

    margin-right: auto;

    max-width: 940px;

}

.bg-cms-heading {

    color: #ffffff !important;

}

.prd-name {
    color: #027903;
    font-size: 25px;
    font-weight: 800;
}

.product-description {
    color: #000000;
}

.p-reference {
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
}

.add-to-cart {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.add-to-cart a {
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    color: #F8870C;
    border: 2px #F8870C solid;
    text-decoration: none;
    border-radius: 1px 1px 1px 1px;
    padding: 10px 100px 10px 100px;
}

.add-to-cart a:hover {
    background: #F8870C;
    color: #fff;
}

.sharing-buttons {
    text-align: center;
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}

.sharing-buttons p {
    margin-bottom: 28px;
    font-size: 13px;
}

.sharing-buttons a {
    padding: 10px;
    color: #fff;
}

.sharing-buttons i {
    width: 21px;
    margin: 2px;
}

.tabs .nav-tabs .nav-link.active {
    border: none;
    border-bottom: #07963C 3px solid;
    color: #fff !important;
    background-color: #027903 !important;
}

.tabs .nav-tabs .nav-link {
    text-transform: uppercase !important;
}


.tabs .nav-tabs .nav-link {
    text-transform: uppercase !important;
}

@media (max-width: 620px) {
    .tabs--sm {
        border: 1px solid #d4d4d4;
    }

    .tabs--sm .tabs__content {
        border-width: 0;
        border-top-width: 1px;
    }

    .tabs--sm .tabs__list {
        background-color: white;
        margin: 0;
        margin-bottom: -1px;
        display: inline-block;
        width: 100%;
    }

    .tabs--sm .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0;
    }

    .tabs--sm .tabs__list .tabs__item--active {
        height: auto;
        position: relative;
    }

    .tabs--sm .tabs__list--open .tabs__item {
        position: relative;
        height: auto;
    }

    .tabs--sm .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none;
    }

    .tabs--sm .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left;
    }

    .tabs--sm .tabs__item--active>.tabs__link {
        background-color: #333333;
        color: white;
        border: 0;
    }

    .tabs--sm .tabs__item--active>.tabs__link:hover {
        color: white;
    }

    .tabs--sm .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
        border-top-color: #ffffff;
        float: right;
        margin-top: 0.75em;
    }
}

@media (max-width: 760px) {
    .tabs--md {
        border: 1px solid #d4d4d4;
    }

    .tabs--md .tabs__content {
        border-width: 0;
        border-top-width: 1px;
    }

    .tabs--md .tabs__list {
        background-color: white;
        margin: 0;
        margin-bottom: -1px;
        display: inline-block;
        width: 100%;
    }

    .tabs--md .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0;
    }

    .tabs--md .tabs__list .tabs__item--active {
        height: auto;
        position: relative;
    }

    .tabs--md .tabs__list--open .tabs__item {
        position: relative;
        height: auto;
    }

    .tabs--md .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none;
    }

    .tabs--md .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left;
    }

    .tabs--md .tabs__item--active>.tabs__link {
        background-color: #333333;
        color: white;
        border: 0;
    }

    .tabs--md .tabs__item--active>.tabs__link:hover {
        color: white;
    }

    .tabs--md .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
        border-top-color: #ffffff;
        float: right;
        margin-top: 0.75em;
    }
}

@media (max-width: 990px) {
    .tabs--lg {
        border: 1px solid #d4d4d4;
    }

    .tabs--lg .tabs__content {
        border-width: 0;
        border-top-width: 1px;
    }

    .tabs--lg .tabs__list {
        background-color: white;
        margin: 0;
        margin-bottom: -1px;
        display: inline-block;
        width: 100%;
    }

    .tabs--lg .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0;
    }

    .tabs--lg .tabs__list .tabs__item--active {
        height: auto;
        position: relative;
    }

    .tabs--lg .tabs__list--open .tabs__item {
        position: relative;
        height: auto;
    }

    .tabs--lg .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none;
    }

    .tabs--lg .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left;
    }

    .tabs--lg .tabs__item--active>.tabs__link {
        background-color: #333333;
        color: white;
        border: 0;
    }

    .tabs--lg .tabs__item--active>.tabs__link:hover {
        color: white;
    }

    .tabs--lg .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
        border-top-color: #ffffff;
        float: right;
        margin-top: 0.75em;
    }
}

@media (max-width: 1070px) {
    .tabs--xl {
        border: 1px solid #d4d4d4;
    }

    .tabs--xl .tabs__content {
        border-width: 0;
        border-top-width: 1px;
    }

    .tabs--xl .tabs__list {
        background-color: white;
        margin: 0;
        margin-bottom: -1px;
        display: inline-block;
        width: 100%;
    }

    .tabs--xl .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0;
    }

    .tabs--xl .tabs__list .tabs__item--active {
        height: auto;
        position: relative;
    }

    .tabs--xl .tabs__list--open .tabs__item {
        position: relative;
        height: auto;
    }

    .tabs--xl .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none;
    }

    .tabs--xl .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left;
    }

    .tabs--xl .tabs__item--active>.tabs__link {
        background-color: #333333;
        color: white;
        border: 0;
    }

    .tabs--xl .tabs__item--active>.tabs__link:hover {
        color: white;
    }

    .tabs--xl .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
        border-top-color: #ffffff;
        float: right;
        margin-top: 0.75em;
    }
}

.tabs__list {
    margin: 0;
    margin-bottom: -1px;
}

.tabs__item {
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.tabs__item--active>.tabs__link {
    border: 1px solid #d4d4d4;
    background: white;
    border-bottom: 0;
    position: relative;
    z-index: 3;
    color: #333333;
}

.tabs__item--active>.tabs__link:hover {
    color: #262626;
}

.tabs__link {
    font-weight: 500;
    color: #333333;
    padding: 0.5em 1em;
    line-height: 2;
    display: block;
    text-decoration: none;
}

.tabs__link:hover {
    text-decoration: underline;
}

.tabs__area {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    height: 0;
}

.tabs__area--active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    height: auto;
}

.tabs__content {
    margin-bottom: 0;
    background: #fff;
    border: 1px solid #dadacb;
    overflow: hidden;
    position: relative;
    clear: both;
    padding: 22px;
    padding: 2.2rem;
}