.container-d {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    caret-color: transparent;
    position: relative;

}

.container-d2 {
    width: 100%;
    margin-top: 10px;
    float: left;
    caret-color: transparent;
   
    
}

.container-d2 .menu1 {
    width: 25%;
    float: left;
}

.container-d2 .menu1 img {
    width: 100% !important;
    cursor: pointer;
    padding: 3%;
    border-right: none;
    border-left: none;
}

.container-c {
    width: 100%;
    float: left;
    cursor: grab;
}

.contentd {
    width: 100%;
    float: left;
    min-height: 300px;

}

.contentd img {
    width: 100%;
    display: none;
    box-shadow: none;

}



.promo50 {
    width: 50%;
    float: left;
}

.promo45 {
    width: 47.4%;
    float: left;
    position: relative;
}

.promo55 {
    width: 52.6%;
    float: left;
}


.promo100 {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.promo60 {
    width: 60%;
    float: left;
    padding: 1%;
    padding-top: 0;
    position: relative;
}

.promo40 {
    width: 40%;
    float: left;
    padding: 1%;
}

.promo33 {
    width: 33%;
    float: left;
}

.promo30 {
    width: 30%;
    float: left;
}

.promo70 {
    width: 70%;
    float: left;
}

.promo100 img,
.promo60 img {
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
}

.promo40 h3,
.promo100 h3 {
    font-weight: bolder;
    font-size: 1.2rem;
}

.promo100 h2 {
    font-weight: bolder !important;
    font-size: 1.4rem !important;
    color: #000 !important;
    margin-bottom: 5px !important;
}

.desktopimg {
    display: block;
}

.mobileimg {
    display: none;
}

.fontright-d {
    text-align: right;
    font-weight: bold;
    padding-right: 2%;
    font-size: 1.6rem;
    margin-bottom: 15px;
    display: none;
    caret-color: transparent;
}

.box-d {
    border: 1px solid #ccc;padding: 1%; margin-top: 0px; background-color: #f7f7f7;
}

.nomargin-d {
    margin-top: 0px;
}

.mypopupd {
    width: 80%;
min-height: 500px;
margin: 8%;
position: absolute;
z-index: 2;
margin-left: 8%;
caret-color: transparent;
    display: none;
}

.mypopupd img {
    width: 70% !important;
    margin-left: 15% !important;
    border: 6px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.close-d {
float: right;
text-align: center;
width: auto;
background-color: #000;
color: #fff;
font-size: 1.4rem;
border-radius: 20px;
padding: 5px;
padding-right: 10px;
padding-left: 10px;
border: 2px solid #fff;
position: absolute;
right: -1%;
top: -3%;
margin-right: 15%;
cursor: pointer;
display: none;
caret-color: transparent;
}

.open-d {
float: right;
text-align: center;
width: auto;
background-color: red;
color: #fff;
font-size: 1.3rem;
border-radius: 20px;
padding: 3px;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
border: 2px solid #fff;
position: absolute;
right: -1%;
top: -6%;
margin-right: -1%;
cursor: pointer; 
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.popupd {
cursor: pointer;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 1;

}

.popupd:hover {
opacity: 0.8;
}

.contentd .open-d {
display: none !important;
}

.arrow-d {
width: 50px;
height: 70px;
background-color: #000;
position: absolute;
right: 0px;
top: 44%;
color: #fff;
text-align: center;
line-height: 65px;
opacity: 0.4; 
font-size: 1.7rem;
border-radius: 5px;
z-index: 9999;
font-weight: bolder;
cursor: pointer;
caret-color: transparent;
display: none;
}


.arrow-dl {
width: 50px;
height: 70px;
background-color: #000;
position: absolute;
left: 0px;
top: 44%;
color: #fff;
text-align: center;
line-height: 65px;
opacity: 0.4; 
font-size: 1.7rem;
border-radius: 5px;
z-index: 9999;
font-weight: bolder;
cursor: pointer;
caret-color: transparent;
display: none;
}

.textpadding {
float: left;
padding-top: 10%;
padding-left: 3%;
padding-right: 3%;
}

.color-red {
color: #ff4b4b;
font-weight: bolder;
}

@media (max-width: 1172px) {

    .box-d {
    border: none; padding: 0; margin-top: 0px; background-color: #f7f7f7;
}
    .promo33,
    .promo40,
    .promo50,
    .promo45,
    .promo55,
    .promo60 {
        width: 100% !important;
    }

    .desktopimg {
        display: none;
    }

    .mobileimg {
        display: block;
    }

    .container-d {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;

    }

    .fontright-d {
margin-bottom: 15px;
}
.open-d {
display: none;
}

}