.fornewdiv{    background-color: #33325a !important;  color: white;}
.fornewdiv h6{    font-size: 20px;    padding: 10px;    color: #fff !important;    font-weight: 400 !important;}
.fornewdiv2{    background-color: #f6f6f6 !important;}
.fornewdiv2 h6{padding: 10px 0 0 0;}
.forbrandtextcolor{    color:#caa63f;}
.dine ul li img {    width: 100%;    margin: 0 auto 10px;    display: block;    border-radius: 20px 20px 0 0;}
.dine p {
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0;
}

.dine ul li {
    width: 22%;
    float: left;
    list-style: none;
    height: 350px;
    position: relative;
    padding: 20px 0 0 0;
    margin: 0 1.5%;
    border-bottom: 0px solid #d9d9d9;
}


.dine ul li h6{
    text-align: center;
}


.pseudo-search-home button, .pseudo-search-home i {
    border: none;
    background: none;
    cursor: pointer;
    color: white;
    background-color: #9a9a9a;
    padding: 8px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 1.23rem;
    font-weight: 400;
  }


  .brandtwo ul li img{
border: 1px solid #9695b0;
background: #f6f6f6;
  }


  .brandtwo ul li h6{
    font-size: 20px;
      }


.brands-inside{background: #33325a;
height: 300px;    position: relative;}


.brands-inside-on{width: 300px;
    height: 300px;
    margin:5% 42%;
    -webkit-box-shadow: -2px 2px 13px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 2px 13px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 2px 13px 15px rgba(0, 0, 0, 0.2);
    background: #fff;
    position: absolute;}

    .brands-inside-on img{width: 100%;
        margin: 25% 0;}


        .div-main-text{padding: 40px 0 0;}

        .div-main-text h3{font-size: 55px; color: #535353; text-align: center; font-weight: 400;}
        .div-main-text p{ font-size: 25px; color:#535353; text-align: center; font-weight: 400;}

.main-ww{      width: 80%;
    margin: 0 10%;
    background: #fff;
    float: left;
    padding: 4%;}
.main-ww-01{    width: 30%;
    float: left;
    margin: 0 5% 0 0;
    border-right: 1px solid #33325a;}
    .main-ww-01 p{color:#33325a; font-size: 25px; }

.main-ww-02{width: 65%; float: left;}
.main-ww-02 p{color:#33325a; font-size: 25px; }

.main-ww-01 p strong{font-weight: 700;}

.div-main-color{background: #f8f8f8;}



@media only screen and (min-width: 0px) and (max-width: 1000px) {
.dine ul li h6 {
        font-size: 14px;
        font-weight: 300;
        text-align: center;
    }
 .dine ul li {
        width: 100%;
        float: left;
        list-style: none;
        height: auto;
        position: relative;  padding: 20px 0 0 0; margin: 0 0%; border-bottom: 0px solid #d9d9d9; }
        .brands-inside-on img {
            width: auto;
            margin: 0 auto;
            float: right;
            float: none;
            display: block;
          }

        .brands-inside-on {
            width: 75%;
            height: auto;
            margin: 10% 12.5%;}

            .brands-inside {
                background: #33325a;
                height: 210px;
                position: relative;
              }

            .div-main-text h3 {
                font-size: 20px;}
                .div-main-text p {
                    font-size: 1rem;}

                    .main-ww-01 {
                        width: 100%;
                        
                        margin: 0 5% 0 0;
                        border-right: 0px solid #33325a;
                        border-bottom: 1px solid #33325a;}
                        .main-ww-01 p { text-align: center;
                            font-size: 15px;}
                            .main-ww-02 {
                                width: 100%;}
                                .main-ww-02 p {
                                  
                                    font-size: 14px;
                                    text-align: center;
                                    margin-top: 1rem;
                                  }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {

    .brands-inside-on img {
        width: 100%;}

}



@media only screen and (min-width: 1001px) and (max-width: 1100px) {
    .dine ul li h6 {
        font-size: 14px;
    }

    .brandtwo ul li h6{
        font-size: 14px;
          }

    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }

    .brands-inside-on {
        width: 280px;
        height: 280px;
        margin: 5% 37%;}

        .div-main-text h3 {
            font-size: 20px;}

            .div-main-text p{ 
            font-size: 1rem;}
            .main-ww-02 p{ font-size: 1rem;}
            .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .dine ul li h6 {
        font-size: 15px;
    }

    .brandtwo ul li h6{
        font-size: 15px;
          }

    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }
    .div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 280px;
            height: 280px;
            margin: 5% 37%;}
    
            .div-main-text h3 {
                font-size: 20px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .dine ul li h6 {
        font-size: 15px;
    }

    .brandtwo ul li h6{
        font-size: 15px;
          }


    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }.div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 282px;
            height: 282px;
            margin: 5% 39%;}
    
            .div-main-text h3 {
                font-size: 30px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1301px) and (max-width: 1400px) {
    .dine ul li h6 {
        font-size: 15px;
    }

    .brandtwo ul li h6{
        font-size: 15px;
          }


    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }

    .div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 282px;
            height: 282px;
            margin: 5% 39%;}
    
            .div-main-text h3 {
                font-size: 30px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1401px) and (max-width: 1500px) {
    .dine ul li h6 {
        font-size: 15px;
    }

    .brandtwo ul li h6{
        font-size: 15px;
          }


    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }
    .div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 290px;
            height: 290px;
            margin: 5% 40%;}
    
            .div-main-text h3 {
                font-size: 30px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1501px) and (max-width: 1600px) {
    .dine ul li h6 {
        font-size: 16px;
    }

    .brandtwo ul li h6{
        font-size: 16px;
          }


    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }
    .div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 300px;
            height: 300px;
            margin: 5% 41%;}
    
            .div-main-text h3 {
                font-size: 30px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}



@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    .dine ul li h6 {
        font-size: 16px;
    }

    .brandtwo ul li h6{
        font-size: 16px;
          }

    .dine ul li {
        border-bottom: 0px solid #d9d9d9;
    }

    .div-main-text p{ 
        font-size: 1rem;}
        .brands-inside-on {
            width: 290px;
            height: 290px;
            margin: 5% 41.5%;}
    
            .div-main-text h3 {
                font-size: 30px;}
    
                .div-main-text p{ 
                font-size: 1rem;}
                .main-ww-02 p{ font-size: 1rem;}
                .main-ww-01 p{ font-size: 1rem;}
}


@media only screen and (min-width: 1701px) and (max-width: 1800px) {
    .dine ul li h6 {     font-size: 16px; }
 .brandtwo ul li h6{  font-size: 16px;   }
.dine ul li {    border-bottom: 0px solid #d9d9d9;  }
}
@media only screen and (min-width: 1801px) and (max-width: 1900px) {
    .dine ul li h6 {  font-size: 16px; }
 .brandtwo ul li h6{ font-size: 16px;  }
.dine ul li {     border-bottom: 0px solid #d9d9d9;}
}