body{
    overflow-x:hidden;
}

#Menu nav{
    position:absolute;
    z-index:9;
}

#Menu .Mobile-Sticky-Menu {
    display: none;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    width: 100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
}

#Menu .Mobile-Menu {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#Menu .Mobile-Menu img,
#Menu .Mobile-Sticky-Menu img{
    width:100%;
    height:auto;
    padding:10px 5px;
}

@media only screen and (max-width: 768px) {
    #Menu .Mobile-Menu {
        display: flex;
    }
    #Menu nav{
        position:inherit;
        background-color:#fff;
    }
}

#BreakNews a {
    display: inline-flex;
    color: #000;
}

#BreakNews .Text {
    display: flex;
    background-color: #febf00;
}

#BreakNews .Triangle-Prev {
    width: 0;
    height: 0;
    border-bottom: 24px solid #febf00;
    border-left: 24px solid transparent;
}

#BreakNews .Triangle-Next {
    width: 0;
    height: 0;
    border-top: 24px solid #febf00;
    border-right: 24px solid transparent;
}

#BreakNews .Slash {
    width: 24px;
    height: 24px;
    background: #febf00;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);
}

#Products1 {
    padding-top: 100px;
    background: url('../img/Product1Bg.png');
    background-size: 100% auto;
}

#Products1 .Product,
#Products2 .Product {
    width: 100%;
    height: auto;
    position: inherit;
    padding:50px;
}

#Products1 .Product img {
    border: 10px solid #febf00;
    border-radius: 100%;
    position:relative;
}

#Products1 .Product .Title{
    padding-top:25px;
    text-align:center;
}

.text-center {
    text-align: -webkit-center !important;
}

.pb-100px {
    padding-bottom:100px;
}

#Products1 .Detail .Price,
#Products1 .Detail .CompanyName {
    width: 138.66px;
    height: 43px;
    border-radius: 5px;
    background-image: repeating-linear-gradient(#fec108 97%, #fff 100%);
    color: #29282f;
    font-size: 26px;
    font-weight: bolder;
    text-align: center;
}

#Products1 .Detail .CompanyName {
    position: absolute;
    top: 90px;
    left: 0px;
}

#Products1 .Detail .Price {
    position: absolute;
    /*top: 30px;
    right: 70px;*/
    display: none;
}

#Products1 .Detail .OrderNow {
    position: absolute;
    /*top: 80px;
    right: 70px;*/
    display: none;
}

#Products2 {
    background-color: #000;
    padding:100px 0px;
}

#Products2 .Title{
    color:#fff;
}

#Products2 .Product{
    border-radius:25px;
    background-color:#000;
}

#Products2 .Product:hover{
    background-color:#fff;
}

.WhiteBg {
    padding:1px;
    width: calc(100%+2px);
    height: 202px;
    border-radius: 25px;
    background-image: linear-gradient(to bottom, #fff 10%, #000 100%);
}

#OurMotto {
    padding-top:100px;
    background-color: #febf00;
}

#OurMotto img{
    width:100%;
    height:auto;
}

#OurMotto .Info{
    padding: 10px;
    display:grid;
    grid-template-areas:"Left Right";
    position: inherit;
    bottom: 120px;
    background-color:#9592a8;
}

#OurMotto .Info .Right{
    grid-area:Right;
    text-align:right;
    font-size:18px;
    color:#fff;
}

#OurMotto .Info .Left{
    grid-area:Left;
    text-align:left;
    font-size:18px;
    color:#fff;
}

#Footer1{
    background-color:#000;
    padding:100px 0px;
}

#Footer1 .Address{
    color:#fff;
}

#Footer1 .Social-Btn .Facebook,
#Footer1 .Social-Btn .WhatsApp,
#Footer1 .Social-Btn .Youtube,
#Footer1 .Social-Btn .Twitter{
    background-color:#fff;
    color:#000;
    padding:5px;
    width:30px;
    height:30px;
    align-items: center;
    justify-content: center;
    display:inline-flex;
    border-radius:5px;
}

#Footer1 .Social-Btn .Facebook:hover,
#Footer1 .Social-Btn .WhatsApp:hover,
#Footer1 .Social-Btn .Youtube:hover,
#Footer1 .Social-Btn .Twitter:hover{
    background-color:#000;
    color:#fff;
    padding:5px;
    width:30px;
    height:30px;
    align-items: center;
    justify-content: center;
    display:inline-flex;
    border-radius:5px;
    text-decoration: none;
}

#Footer2 {
    padding: 100px 0px;
    background-color: #29282f;
}

#Footer2 .Title{
    color:#fff;
}

#Footer2 img{
    padding-right:10px;
}

#Footer2 .Info{
    color:#fff;
}

#Footer2 .Social-Btn .Facebook,
#Footer2 .Social-Btn .WhatsApp,
#Footer2 .Social-Btn .Youtube,
#Footer2 .Social-Btn .Twitter {
    background-color: #fff;
    color: #000;
    padding: 5px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 5px;
}

#Footer2 .Social-Btn .Facebook:hover,
#Footer2 .Social-Btn .WhatsApp:hover,
#Footer2 .Social-Btn .Youtube:hover,
#Footer2 .Social-Btn .Twitter:hover {
    background-color: #000;
    color: #fff;
    padding: 5px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 5px;
    text-decoration: none;
}

.border-left{
    padding:0px 10px;
}

#Product-BigImage img{
    width:100%;
    height:auto;
}

#Product-Detail {
    padding: 100px 0px;
}

#Product-Detail .Title {
    color: #000;
    text-align: center;
}

#Product-Detail .OrderNow{
    margin-top:10px;
    width:100%;
}

#Product-Detail .Price {
    width: 100%;
    height: 43px;
    border-radius: 5px;
    background-image: repeating-linear-gradient(#fec108 97%, #fff 100%);
    color: #fff;
    font-size: 26px;
    font-weight: bolder;
    text-align:center;
}

#Product-Detail .OrderNow a {
    width: 100%;
}

#Product-Detail .Detail{
    border-left:1px solid #febf00;
}

#Product-Detail .Info{
    display:grid;
    grid-template-areas:"Img Title Value";
    grid-template-columns:50px 1fr 1fr;
    padding:20px 0px;
}

#Product-Detail .Info .Title{
    grid-area:Title;
    color:#febf00;
    text-align:left;
    border-bottom:1px solid #706c69;
}

#Product-Detail .Info .Value{
    grid-area:Value;
    color:#000;
    text-align:right;
    border-bottom:1px solid #706c69;
}

#Product-Detail .Info .Img{
    grid-area:Img;
    padding:0px 10px;
}

#Product-Detail img {
    width:100%;
}

#GetDetail{
    padding:100px 0px;
    background-image:url('../img/GetDetail.png');
    background-size:100% auto;
}

#GetDetail .Title{
    color:#fff;
}

#GetDetail textarea{
    background-color:transparent;
    width:100%;
    border:1px solid #fff;
    color:#fff;
}

#GetDetail textarea::placeholder{
    color:#fff;
}

#GetDetail .Send{
    margin:10px 5px;
    color:#000;
    background-color:#fff;
}

#Review .Title{
    color:#000;
    text-align:center;
    padding:50px 0px;
}

#Review .Mid {
    background-color: #000;
}

#Review .Mid .Title{
    color:#fff;
}

#Review .Bottom{
    padding:50px 0px;
    text-align:center;
}

#Review .Bottom .ContactUs,
#Review .Bottom .OrderNow {
    padding: 10px;
    color: #fff;
    background-color: #000;
    position:relative;
    top:-5px;
    display:unset;
}

#Review .Bottom .ContactUs::after,
#Review .Bottom .OrderNow::before {
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0px;
    height:100%;
    width:5px;
}

#Review .Bottom .OrderNow::before {
    border-radius: 0 50% 50% 0;
    left: 0px;
}

#Review .Bottom .ContactUs::after {
    border-radius: 50% 0 0 50% ;
    right: 0px;
}

#Review .Bottom .Yes{
    background-color: #29afa2;
    border-bottom-right-radius:25px;
    border-top-right-radius:25px;
}

#Review .Bottom .No{
    background-color: #cb0e31;
    border-bottom-left-radius:25px;
    border-top-left-radius:25px;
}

#Review .Bottom .Yes,
#Review .Bottom .No{
    font-size:32px;
    padding: 10px 25px;
    color: #fff;
    margin:10px;
}

.vertical {
    border-left: 4px solid #929295;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -4px;
}

#AboutUs1 img{
    width:100%;
    height:auto;
}

#AboutUs1 .Item{
    position:relative;
    width:100%;
}

#AboutUs1 .Vertical-Moving-Top img{
    width:60px;
    height:auto;
}

#AboutUs1 .Vertical-Moving-Top {
    position: absolute;
    /*top: -300px;*/
    left: calc(50% - 30px);
    z-index: -1;
    display:block;
}

@media only screen and (max-width: 767px) {
    #AboutUs1 .Vertical-Moving-Top {
        display:none;
    }
}

.Top-Left-Round {
    border-top-left-radius: 50px;
}
.Top-Right-Round {
    border-top-right-radius: 50px;
}
.Bottom-Left-Round {
    border-bottom-left-radius: 50px;
}
.Bottom-Right-Round {
    border-bottom-right-radius: 50px;
}

#AboutUs1 {
    padding: 50px 0px;
    position: relative;
}

#AboutUs1 .Title {
    background-color: rgba(254,191,0,0.7);
    text-align: center;
    width: 100%;
    position: inherit;
    bottom: 80px;
    padding: 5px;
}

@media only screen and (max-width: 767px) {
    .Mobile-Top-Round {
        border-top-left-radius: 50px !important;
        border-top-right-radius: 50px !important;
    }

    .Mobile-Bottom-Round {
        border-bottom-left-radius: 50px !important;
        border-bottom-right-radius: 50px !important;
    }

    .Top-Left-Round {
        border-top-left-radius: 0px;
    }

    .Top-Right-Round {
        border-top-right-radius: 0px;
    }

    .Bottom-Left-Round {
        border-bottom-left-radius: 0px;
    }

    .Bottom-Right-Round {
        border-bottom-right-radius: 0px;
    }
}

#AboutUs2{
    background-color:#febf00;
    padding:100px 0px;
}

#AboutUs2 .Title{
    color:#fff;
}

#AboutUs2 .Item{
    display:grid;
    grid-template-areas:"Icon Detail";
    grid-template-columns:100px auto;
}

#AboutUs2 .Icon img{
    width:100%;
    height:auto;
    padding:10px;
}

#AboutUs2 .Icon{
    grid-area:Icon;
}

#AboutUs2 .Detail{
    grid-area:Detail;
    border-left:2px solid #fff;
    padding:10px;
    margin-bottom:50px;
}

#ContactUs {
    padding:100px 0px;
    background-image: url('../img/ContactUsBg.png');
    background-size: 100% auto;
}

#ContactUs input,
#ContactUs textarea{
    width:100%;
    background-color:transparent;
    border:2px solid #504e54;
    margin-bottom:10px;
}

#ContactUs .Send{
    background-color:#febf00;
    padding:10px 20px;
    margin-top:10px;
}

@media only screen and (max-width: 767px) {
    .border-left {
        padding: unset;
        border-left:unset !important;
    }
}

@media only screen and (max-width: 470px) {
    #Review .Bottom .Yes,
    #Review .Bottom .No {
        font-size: 32px;
        padding: 20px 32px;
        color: #fff;
        margin: 10px;
    }

    #Review .Bottom .ContactUs,
    #Review .Bottom .OrderNow {
        display:none;
    }
}

#Category .Product img{
    max-width:300px;
}

#Category .Title {
    border-top: 2px solid #000;
    cursor: pointer;
    padding: 10px 0px;
    margin-bottom: 0px;
}

#Category .Title:hover {
    background-color:#febf00;
    border-top: 2px solid #febf00;
}

#Category .CompanyName {
    position: absolute;
    top: 10px;
    right: 50px;
}

#Category .ProductList {
    border-top: 10px solid #febf00;
    border-bottom: 10px solid #febf00;
    padding: 100px 0px;
    background-image: url('../img/GetDetail.png');
    background-size: 100% auto;
    width: 100vw;
    position: relative;
    z-index: 1;
    display:none;
}

#Category .ProductList .Product-Name{
    background-color:#febf00;
    padding:5px 0px;
}

#Category .ProductList .Product-Info{
    background-color:#febf00;
    padding:10px;
}

#EmergencyContact{
    padding:50px 0px;
    text-align:center;
}

#Company {
    background-color: #29282f;
    padding:100px 0px;
}

#Company .ProductList{
    color:#fff;
}

#Company .Item {
    padding-bottom: 250px;
}

#Company .Item .Company-Logo {
    position: relative;
    cursor: pointer;
    display: flex;
    float: right;
    padding: 10px 5px;
    border: 5px solid #fdbf00;
    border-radius:15px;
}

#Company .Item .Company-Logo img{
    background-color:#fff;
    padding:10px;
    width:200px;
    height:200px;
}

#Company .Item .Company-Products{
    display:none;
    color:#fff;
    right: 0px;
    margin-left:350px;
}

#Company .White-Right {
    margin-left:-1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0px 100px 100px;
    border-color: transparent transparent transparent #fff;
}

#Company .White-Left {
    margin-right:-1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 100px 0px;
    border-color: transparent #fff transparent transparent;
}

#Company .White-Bottom {
    margin-left:-1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0px 100px;
    border-color:  #fff transparent transparent transparent;
}

#Company .Item .Company-Products ul {
    list-style: none;
}

#Company .Item .Company-Products ul li {
    padding:10px 0px;
}

#Company .Item .Company-Products ul li img{
    width:25px;
    height:25px;
}

#Company .Item .Company-Products ul li a {
    color:#fff;
    text-decoration:unset;
}

@media only screen and (max-width: 425px) {
    #Company .Item .Company-Products {
        margin-left: 0px;
    }
}