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

    .logo {
       margin-right: 25%;

    }

    .mainbody {
        width: 100%;
        height: auto;
        position: relative;
        
    }

    .para1 {
        margin-top: 5px;
        float: left;
        margin-left: 2%;
        width: 85%;
        /*background-color : blue;*/
    }

    .buttomdiv {
        float: left;
        height: auto;
        width: 100%;
        
        margin-top: 30px;
        list-style-type: none;
        font-weight: bolder;
        font-size: 11px;
        color: #4d4d4d;
        /*position: absolute;*/
        bottom: 0;
        display: block;
    }
    .button_address {
        width: 80px;
        margin-left: 30%;
        margin-bottom: 30px;
        float: left;
        align-content: center;
        height: 25px;
        background-color: #ababab;
        border-radius: 5px;
        border: 1px solid #d9d9d9;
        cursor: pointer;
    }

    .layerbutton {
        margin-right: 3px;
    }

    .forfinalpay {
        height: auto;
        width: 80%;
        margin-left: 2%;
        margin-top: 87px;
    }

    .formtemplate-wrapper {
        display: block;
        background-color: #fcfcfc;
        padding: 10px 0;
        text-align: left;
        font-weight: bold;
        width: 88%;
        margin-left: 5%;
        margin-right: 5%;
        box-shadow: 0 1px 2px 0 red;
        font-family: Arial;
        font-size: 12px;
    }


    .ctext3b {
        width: 17%;
        /*background-color  : red;*/
        height: 50px;
        border: solid 1px #A9A9A9;
        border-radius: 5px;
        /*display: inline-block;*/
        font-size: 10px;
    }

    .forhidemobile{
        visibility :hidden ;
    }

    .firstcontainer_home {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-top: -397px;
       
    }

    .newitem_button {
        width: 29%;
        margin-right: 3%;
        height: 35px;
    }


    .beforehead1 {
        width: 75.5%;
        margin-left: 1%;
        float: left;
       
        height: 20px;
        padding: 10px;
        /*position: fixed;*/
        color: black;
        margin-top: 0px;
        color: grey;
        
        outline: none;

    }

    .forheads {
        font-size: 12px;
        color: grey;
        font-family: Arial;
        font-weight: bolder;
        margin-top: 50px;
        margin-left: 15px;
        vertical-align: central;
    }

    .welcome {
        width: 60px;
        height: 40px;
        margin-left: 0px;
        color: red;
        /*background-color : blue;*/
        word-wrap: break-word;
        float: left;
        margin-top: 2px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 10px;
        font-weight: bolder;
        color: #333333;
        line-height: 15px;
    }













    .welcomename2 {
        width: 150px;
        height: 40px;
        margin-left: 10px;
        color: red;
        /*background-color : blue;*/
        word-wrap: break-word;
        float: left;
        margin-top: 17px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #333333;
        line-height: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

















    .welcomename {
        width: 150px;
        height: 40px;
        margin-left: -55px;
        color: red;
        /*background-color : blue;*/
        word-wrap: break-word;
        float: left;
        margin-top: 17px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #333333;
        line-height: 15px;


        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #slider figure img {
        width: 20%;
        float: left;
        max-height: 120px;
        /*z-index : -1;*/
      
    }

    

    .menu2div {
        margin-left: 5px;
        float: left;
        margin-top: -4px;
        /*background-color: blue;*/
        width: 200px;
    }

    .thirdline {
        background-color: white;
        height: 80px;
        display: block;
        width: 100%;
        top: 0px;
        left: 0px;
        float: left;
        /*background-color : black;*/

        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        /*margin-bottom: 500px;*/
    }

    .topboxes {
        width: 100%;
    }





    .ecomsize {
        width: 95%;
        margin-left: 5%;
        float: left;
      
        margin-top: 10px;
        border: 1px red;
        margin-top: -10px;
    }


    #animationbox {
        width: 100%;
        height: 3px;
        float: left;
        background-color: white;
        animation: 2s slider infinite;
      
        /*background-color: red;*/
    }

    .firstcontainer {
        width: 100%;
        height: 1000px;
        float: left;
        position: relative;
        margin-top: 0px;
        z-index: -1;
    }

    .epricen {
        font-size: 14px;
        color: black;
        font-family: Arial;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        color: #404040;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 10px;
    }

    .leftside {
        width: 80%;
        height: 270px;
        text-align: center;
        font-weight: 900;
        margin-left: 10%;
        float: left;
        margin-top: 9px;
    }

    .aftersearch {
        width: 100%;
        height: 70px;
        background-color: white;
        margin-top: 208px;
    }

    .smallp3 {
        float: left;
        text-align: left;
        margin-top: 15px;
        margin-left: 10px;
        font-size: 14px;
        color: #999999;
    }

    .centerside2 {
        width: 80%;
        height: 400px;
        text-align: center;
        font-weight: 900;
        /*background-color: blue;*/
        float: left;
        margin-left: 10%;
    }

    .b1 {
        margin-top: 50px;
        color: black;
        color: black;
        background-color: #bfbfbf;
        cursor: pointer;
        font-size: 14px;
        width: 48%;
        margin-left:26%;
        text-align: center;
        float: left;
        border: 2px solid #c9c9c9;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .ecommercelist_order {
        width: 100%;
        height: auto;
        float: left;
        margin: 30px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 15px;
        align-content: center;
        text-decoration: none;
        border-radius: 5px;
        /*background-color: red;*/
        margin-top: 5px;
        /*cursor: pointer ;*/
        position: relative;
        margin-bottom: -10px;
    }

    .eprice_order {
        font-size: 18px;
        color: #787878;
        font-weight: 200;
        float: left;
        display: block;
        margin-left: opx;
        /*margin-right: auto;*/
        width: 15%;
        margin-left: 0px;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 10px;
    }

    .checkout_h {
        width: 80%;
        margin-left: 20%;
        margin-top: 15px;
        margin-bottom: 20px;
        height: 50px;
        float: left;
        visibility: visible;
        /*background-color : yellow;*/
    }

    .b2_h {
        color: white;
        background-color: red;
        float: left;
        font-size: 14px;
        height: 40px;
        margin-bottom: 10px;
        width: 75%;
        margin-left: 25%;
        text-align: center;
        margin-top: 10px;
        cursor: pointer;
        visibility: visible;
        border: 2px solid #c9c9c9;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .amountbox{
        height: auto;
    }

    .amountbox2{
        width: auto;
        align-content: center;
        margin-left: 34%;
    }


    .image_down_order {
        float: left;
        width: 200px;
        /*background: black;*/
        height: 30px;
        margin-left: 0%;
        margin-top: 10px;
        font-family: Arial;
    }

    .eprice_order_total {
        font-size: 18px;
        color: red;
        font-weight: 200;
        float: left;
        display: block;
        /* margin-right: 5px;*/
        width: 35%;
        margin-left: 5px;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 10px;
    }



    .eprice_order_total_totalpaid {
        font-size: 18px;
        color: red;
        font-weight: 200;
        float: left;
        display: block;
        margin-right: auto;
        width: 20%;
        margin-left: 35px;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 10px;
    }

    #eprice_order_m {
        font-size: 18px;
        color: #787878;
        font-weight: 200;
        float: left;
        display: block;
        margin-left: 5px;
        /*margin-right: auto;*/
        width: 35%;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 20px;
    }

    #eprice_order_m_totalpayable {
        font-size: 18px;
        color: #787878;
        font-weight: 200;
        float: left;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
        margin-left: 15px;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 20px;
    }

    .epricen_order {
        float: left;
        font-size: 18px;
        color: #787878;
        font-weight: 200;
        margin-top: 3px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        width: auto
        /*background: red;*/
    }

    .sethid {
        display: none
    }

    .auto-style1 {
        width: 100%;
        /*background-color : red;*/
    }

    .auto-style4 {
        height: 21px;
    }


    .epricen_order_take {
        float: left;
        font-size: 18px;
        color: #787878;
        margin-left: 60px;
        font-weight: 200;
        margin-top: -0px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        /*background-color : red;*/
        /*background: red;*/
    }

    .auto-style1 {
        width: 100%;
        /*background-color : red;*/
    }

    .auto-style4 {
        height: 21px;
    }


    .b2 {
        margin-top: 20px;
        color: black;
        color: black;
        background-color: #bfbfbf;
        cursor: pointer;
        font-size: 14px;
        width: 48%;
        margin-left: 26%;
        margin-bottom:15px;
        text-align: center;
        float: left;
        border: 2px solid #c9c9c9;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .forpop {
        margin-left: 0%;
        /*margin-right : 30%;*/
        width: 90%;
        height: auto;
        background-color: white;
        margin-top: 50px;
        /*border:1px solid #c9c9c9;*/
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }



    .down3 {
        float: left;
        height: 150px;
        margin-top: 30px;
        width: 50%;
        list-style-type: none;
        font-weight: bolder;
        font-size: 15px;
        color:   #4d4d4d;
    }

    .socialimg {
        width: 40px;
        height: 40px;
        margin-left: 15px;
    }

    .hh5 {
        text-align: center;
        margin-left: 15px;
        font-size: large;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }

    li.k7 {
        clear: left;
        line-height: 100%;
        margin-left: 40px;
    }

    .desme {
        float: left;
        width: 130px;
        /*background-color : red;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .hidemobile {
        display: none;
        visibility: hidden;
    }

    .forimg_home {
        height: 136px;
       
        display: block;
        margin: 5px auto;
       
        width: 100%;
        margin-top: -9px;
        
    }

    .ecommercelist {
        width: 33.6%;
        height: 160px;
        float: left;
        margin: 10px;
        /*margin-top : -20px;
    margin-bottom : 10px;
    margin-left : 10px;*/
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 15px;
        align-content: center;
        text-decoration: none;
        border-radius: 5px;
        background-color: white;
        cursor: pointer;
    }




    .middle {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        /*height :100px;*/

        background-image: url('img/addicon.png');
        background-repeat: no-repeat;
        background-size: 50px 50px;
        background-position-x: center;
        background-position-y: 40%;
        width: 100%;
        height: 100%;
        float: left;
        /*margin: 10px;*/
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        /*padding: 15px;*/
        align-content: center;
        text-decoration: none;
        border-radius: 5px;
        margin-left: 0px;
        margin-top: 10px;
        border: solid 1px red;
        cursor: pointer;
    }
    .writeup{
        margin-left: -17%;
    }
    .contactbox {
      
        height: auto;
        background-color: gold;
        
        top: 0px;
        right: 12px;
        font-family: Arial;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        text-align: center;
        color: white;
        font-weight: bolder;
        padding: 5px;
        padding-bottom: -7px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        width: 100%;
    }



    .contactpara {
        font-size: 14px;
       
        margin-left: 48%;
    }

    .white_textdiv_mother {
        width: 100%;
        height: 40px;
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        /*background-color : green;*/
    }


    .menu1div {
        margin-left: 0%;
        float: left;
    }


    .forp1 {
        color: white;
        font-size: 11px;
        font-weight: bolder;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .down2{
        width: 100%;
        height: auto;
    }

    .mblock {
        display: none;
    }

    imagee {
        width: 10px;
    }

    .subdown1 {
        float: left;
        height: auto;
        width: 50%;
        list-style-type: none;
        font-weight: bolder;
        font-size: xx-large;
        color: #4d4d4d;
        margin-top: 30px;
    }

    .c44 {
        align-content: flex-end;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .subdown2 {
        float: left;
        height: auto;
        width: 50%;
        list-style-type: none;
        font-weight: bolder;
        font-size: xx-large;
        color: #4d4d4d;
        margin-top: 30px;
    }

    .image_down_order_under {
        float: left;
        color: #787878;
        font-size: 11px;
        margin-left: 5px;
        font-weight: bolder;
        cursor: pointer;
    }
}