@charset "utf-8";
@media only screen and (max-width: 960px) {
    .buttonOuter {
    
        width: 100%;
       
        text-align: center;
    }
      .buttonOuter a {
        margin: 0 0 15px 0;
        clear: both;
        /* float: left; */
        max-width: 500px;
        display: inline-block;
        width: 70%;
        padding: 10px 33px 25px 0;
    }
    .triangleUp{ border-width: 0px 0px 200px 400px;}
    .product ul li.margin {
        margin: 0 38px 40px 38px;
    }
    .product ul li a{    padding: 12px 15px;}
    .product ul li span {font-size: 16px;}

}
@media only screen and (max-width: 768px) {
    .product ul li , .product ul li.margin{margin: 0 15px 40px 15px;width: 45%;} 

}
@media only screen and (max-width: 640px) {

    .right {
        float: left;
        width: 100%;
         
    }
    /* .bottom {
        width: 100%;
        position: relative;
        float: left;
    } */
    .rightTop {
        position: absolute;
        right: 14px;
        top: 0px;
        width: 39%;
    }    
    .rightTop ul {
        /* display: flex; */
        float: left;
        width: 100%;
    }
    .rightTop ul li {
        width: 100%;
        margin-bottom: 15px;
        height: 130px;
    }
.left {  width: 50%;}
 h1 { font-size: 17px;}
 h1 span {  font-size: 13px;  }
 .left a{    padding: 9px 29px;    font-size: 14px;
 width: 100%; }
  .rightTop ul li span {  margin: 12px 0;  }
 
.details ul li { float: left; width: 90%;    word-break: break-all;}
.Bottriangle{ min-height: 40%; height:auto;}
.bottom{ position: relative;}
.product ul li, .product ul li.margin {
   
    width: 44%;
}
.product ul li h3{font-size: 22px;}
.product ul li span {
    font-size: 15px;
}
}
@media only screen and (max-width: 463px) {
    .product ul li, .product ul li.margin {
        margin: 0 20px 40px 20px;
        width: 100%;
    }
    .Bottriangle {
        min-height: 35%;
        
    }
    .productListTop h1 {
        font-size: 30px;}
        .productListTop h4 {
            font-size: 19px;}
            .productListTop {
                 
               
                padding: 60px 0;
            }
            .CouponDuniaTerms, .prescribedTerm{    padding: 50px 20px 50px 20px;}

}
@media only screen and (max-width: 439px) {
    .left{ width:100%; margin:0 auto 15px;}
    .rightTop{ position: static; margin:0 auto 10px;  width:100%;}
    .triangleUp {

        border-width: 0px 0px 150px 300px;
    
    }
}

@media only screen and (max-width: 360px) {
    .left {
        padding: 28px 20px;
    }
    body{    font-size: 14px;}
    h1{    padding: 23px 0;}
    .buttonOuter a{    width: 90%;}
}