﻿
@media only screen and (min-width: 150px) and (max-width:812px) {
    /* For mobile phones: */ /*768px*/
    [class*="col-"] {
        width: 100%;
    }
    #container2 { 
        height:770px !important;
    }
        body {
        font-weight: 400;
    }
    .drpdown .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
        width: auto;
    }

    .drpdown .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
        width: auto;
    }
    .homeiconlbl, .searchbar {
        display: none !important;
    }
    .userlog
    {
        display:none;
    }
    .homeicon {
        font-size: 20px !important;
        padding: 0px 5px;
    }

    .headerbar{
        height:75px !important;
    }
    .formlayout {
        height: auto;
        margin: 0px;
    }
    .card1 {
        top: 50px;
        border: none;
        border-radius: 10px;
        padding: 20px;
        height: 350px;
    }
    .divtab,.dtab{
        width:90% !important;
    }

    .lblshop1{
        font-size:36px;
    }
    .masterpage .topbar {
        display: block;
    }
    #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;
    }

    .head1 {
        position: absolute;
        top: 5px !important;
    }

    .head2 {
        position: absolute;
        top: -10px;/*    top: -20px;sl*/
        right: 5px;
    }

    .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: Cambria;
        font-weight: bold;
        font-size: 22px;
        top: 15px;
    }

    .hmenu{
        display:none;
    }

    .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;
    }

    .dropdowns ul {
        list-style: none;
        padding: 0px;
    }


    .submenu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dropdowns li:hover .submenu {
        display: block;
        max-height: 250px;
    }

    .submenu a {
        background-color: palevioletred;
        color: black;
        font-weight: bold;
    }

        .submenu a:hover {
            background-color: lightpink;
            color: black;
        }

    .submenu {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease-out;
    }

    .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;
    }
    .txtboxes1{
        text-align:right;
        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;
    }

    .lbltitle2{
        font-size:50px !important;
        top:120px;
        position:relative;
        font-family:'Agency FB';
    }

    .lbltitle1{
        font-size:30px !important;
    }

    .dcout, .dcin, .export, .purchase, .mark, .variety {
        overflow-x:scroll !important;
    }

    .mediascroll {
        overflow-x: scroll !important;
    }
}

@media only screen and (min-width: 100px) and (max-width:799px) and (orientation: landscape) {
    html {
        /*transform-origin: left top;
        width: 100%;
        overflow-x: hidden;
        top: 100%;
        left: 0;*/
   
        /*width: 100vh;*/
        /*position: absolute;*/
        /*transform: rotate(-90deg);*/
    }
}

/*@media only screen and (min-width: 800px) and (max-width:1024px) and (orientation: landscape) {
    html {
        font-size: 25px !important;
        top: 15px !important;
    }
}

@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) {
    
}*/
/*.Iconstyle {
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px black;
    background-color: #ababab;
}

    .Iconstyle:hover {
        border: solid 1px Black;
        background-color: #ffffff;
    }*/