.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.margin0 {
    margin: 0;
}

.BlackBg {
    background-color: #000;
}

.GrayBg, .bg_gray {
    background-color: #efefef;
}

.GalleryBg {
    background-color: #f5f5f5;
}

.GalleryBg2 {
    background-color: #f5f5e9;
}

.WightBg, .bg_white {
    background-color: #fff;
}

.SpecialContents {
    background-color: #fcfbf5;
}

.FeaturedContents {
    background-color: #e9ece1;
}


.clrBlue {
    color: #25aae1;
}

.padding0 {
    padding: 0;
}

.paddingB0 {
    padding-bottom: 0;
}

.marginT0 {
    margin-top: 0;
}

@media screen and (max-width:992px) {
    .myproductPop {
        width: 94%;
    }

    .in-block,
    .in-large-block {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .myThankYou {
        width: 94%;
    }

    .menuopen {
        display: block!important;
    }

    .navigation {
        position: fixed;
        left: 0;
        top: 0;
        width: 250px;
        background-color: #fff;
        height: 100%;
        padding: 30px 0;
        margin-left: -250px;
    }

        .navigation li {
            float: none!important;
            line-height: 40px;
        }

    .footTerms {
        width: 100%;
    }

        .footTerms li {
            float: none;
            display: block;
            margin: 0;
        }

    .socialMiddle {
        width: 100%;
    }

        .socialMiddle li {
            float: none;
            text-align: right;
        }

            .socialMiddle li a {
                display: block;
            }

    .new::after {
        right: auto;
        top: auto;
        left: 20px;
        bottom: 25%;
    }

    .newsLIst li {
        padding: 0;
    }

    .newDate {
        font-weight: 600;
        position: relative;
        display: block;
        font-size: 16px;
    }

    .pageTopLeft, .pageTopRight {
        margin: 5px 0;
    }

    .plist li, .face, .profile {
        display: block;
        width: 100%;
    }

    .face {
        padding: 0;
        text-align: center;
        margin-bottom: 25px;
    }

        .face figure {
            position: static;
            width: 180px;
            height: 180px;
            margin: 0 auto 20px;
        }

    .wellchallenge, .cat1 {
        padding: 0;
    }

    .filter-search .form-control {
        margin-bottom: 15px;
    }

    .authorizeddistributorsList li {
        padding: 0;
    }

    .cont ol li ul li {
        padding-left: 0;
    }

        .cont ol li ul li .date {
            position: static;
        }

    .tableForm tbody tr td {
        display: block;
    }

    .text aside .wrapper {
        background-color: #fff;
        padding: 20px;
    }

    .myproductPop {
        width: 94%;
    }

    .TableBob tr td {
        display: block;
    }

    .proSlider, #exteriorDesign .proSlider {
        width: 100%;
    }

    .slideActv img {
        height: 60px !important;
        width: 100px !important;
    }

    .slideActv li {
        width: 104px !important;
    }

    .NewsImgPro {
        width: 100%;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0 !important;
    }

    .flex-direction-nav .flex-next {
        right: 0 !important;
    }
}

#preloader {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a9a0a0de;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}


#status {
    position: absolute;
    left: 40%;
    top: 40%;
    /*background: url();*/
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 200px;
    height: 200px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /*background-size: 400px;*/
    background-repeat: no-repeat;
    background-position: center;
    /*margin: -100px 0 0 -100px;*/
}