﻿
@media only screen and (min-width: 150px) and (max-width:812px) {
    /* For mobile phones: */ /*768px*/
    [class*="col-"] {
        width: 100%;
    }

    body {
        font-weight: 400;
    }

    .homeiconlbl, .searchbar {
        display: none !important;
    }
    .btn-primary {
        background-color: #800060;
        border-color: #800060;
    }
    .lblshop1{
        font-size:x-large;
    }

    #ContentPlaceHolder1_AdRotator1 img{
        height:250px !important;
    }

        #ContentPlaceHolder1_AdRotator2 img, #ContentPlaceHolder1_AdRotator3 img, #ContentPlaceHolder1_AdRotator4 img
        {
            height:200px !important;
            margin-left:10px;
            width:90%;
        }

    #ContentPlaceHolder1_AdRotator4 img
    {
        margin-top:30px;
    }

    .lblcat {
            font-size: 20px;
    }

    .whyustxt{
        width:94%;
        margin:5px 0px;
    }

    .whyus{
        height:400px;
    }

    .contactus{
        font-size:15px;
    }

    .ourpromise{
        margin-top:40px;
    }

    .flip-box-inner, .flip-box, .flip-box-front, .flip-box-back{
        width:140px;
        margin-left:0px;
    }

    #ContentPlaceHolder1_listbrands, #ContentPlaceHolder1_listloved {
        overflow-x: scroll;
    }

    .ourpromise p {
        font-size: 11px;
    }

    .prodimglat, .prodimg {
        margin: -10px;
        height: 100px !important;
        width: 125px !important;
        margin-bottom:5px;
    }

    .listviewdiv {
        position: relative;
        left: 0px;
    }

    .lnkview, .lnkviewclicked{
        margin:0px;
        font-size:20px;
    }

    .drpsort {
        width: 105px;
    }

    .qview{
        display:none;
    }

    #ContentPlaceHolder1_listourprod td{
        width:50%;
    }

    .lblprod
    {
        font-weight:300;
    }

    .listviewdiv .lblphead {
        font-size: 24px;
    }

    .lblhead{
        font-family:'Monotype Corsiva';
        font-weight:bold;
    }

    .lblphrate, .lblprate{
        font-size:17px;
    }

    .wishicon{
        display:none;
    }

    .imgprod{
        margin-left:1px;
        margin-top:10px;    
        width:280px;
        height:250px;
    }

    .viewproddetail2{
        margin-left:-3%;
    }

    .similarprod{
        overflow-x:scroll;
    }

    .hnavbar{
        display:none !important;
    }

    .burgermenu {
        display: inline-block !important;
    }

    .dropdowns {
        float: left; 
        position: relative;
        display: inline-block !important;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: whitesmoke; /* #f1f1f1; */
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        /*right: 0;*/
        z-index: 1;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

    .dropdowns a:hover {
        background-color: mediumvioletred;
        color: yellow;
        text-decoration: none;
        font-weight: bold;
    }

    .show {
        display: block !important;
    }

    .container1 {
        display: inline-block !important;
        cursor: pointer;
        margin-right: 15px;
        margin-top: 15px;
    }

    .bar1, .bar2, .bar3 {
        width: 30px;
        height: 4px;
        background-color: whitesmoke;
        margin: 5px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }

    .lbllbl{
        font-weight:300;
        font-size:15px;
    }

    .simiproddiv {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .displbl {
        width: 130px;
        height: 30px;
    }

    .sprod{
        font-size:19px;
    }

    .txttrack{
        width:95px;
    }

    .pnllogin {
        width: 80%;
        margin-left: 15px;
    }

    .pnlreg {
        margin-left: 25px;
        width: 80%;
        margin-bottom: 15px;
    }

    .accprofile {
        margin-left: 0px;
        width: 90%;
    }

    .txtboxes,.txtboxesD{
        width:130px;
    }

    .lblphm {
        font-size:18px;
    }

    .wishimg{
        height: 125px;
        width : 125px;
    }

    .existingadd{
        width : 85%;
    }

    .imgord{
        margin-left:3%;
    }

    .ordbtn1{
        left:6%;
        margin-top:20%;
    }

    .ordbtn2{
        left:69%;
    }

    .lblDm{
        left:-7%;
        position:relative;  
    }

    .ordprod{
        left:26px;
    }
}

@media only screen and (min-width: 100px) and (max-width:812px) and (orientation: landscape) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1920px) {
   
}

@media only screen and (min-width: 1600px) and (max-width:1790px) {
   
}

@media only screen and (min-width: 1400px) and (max-width:1590px) {
  
}

@media only screen and (min-width: 1930px) and (max-width:2060px) {
    
}

@media only screen and (min-width: 1024px) and (max-width:1390px) {
    
}