﻿/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .li-news{
        display:block;
    }
    .page-item:not(:last-child) {
        display: none;
    }
    .page-item:first-child{
        display:inline-block;
    }
    
    .page-item:not(:first-child) {
        display: none;
    }
    .page-item:last-child {
        display: inline-block;
    }
    .left-menu ul > li:hover ul.menu-level-1 {
        display: none;
    }
    .left-menu > ul > li > a img, #mobilemenu ul.maincate > li > a img {
        display: none;
    }
    .frmSearchmob {
        padding-left: 0;
        padding-right: 0;
    }
    .wrapmob {
        padding-left: 0;
        padding-right: 0;
    }
        .wrapmob ul{
            text-align:center;
        }
            .wrapmob ul li:first-child{
                height:50px;
            }
                .wrapmob ul li:first-child a{
                    display:inline-block;
                    line-height:50px;
                }
            .wrapmob ul li:last-child {
                height: 50px;
            }
            .wrapmob ul li:last-child a {
                display: inline-block;
                line-height: 50px;
            }
            .wrapmob ul li.recentlyview {
                text-align: left;
            }
            .lnkrecentmobile {
                font-size: 12px;
                line-height: 14px;
                width: 56px;
                display: inline-block;
            }
    .lnkmobile {
    }
    .dropdown-toggle::after {
        margin-left: -2px;
    }
    .brand.logo {
        display: block;
    }

    #frmSearch {
    }

    .btn-menu {
        font-size: 24px;
    }
    .spcartcount {
        right: 6px;
    }
    header{
        padding:0;
        height:unset;
    }
    .header {
        height: 50px;
        -webkit-align-items:center;
    }
    
    .homeproduct li {
        flex: 0 0 50%;
    }
    .po-item-header h2{
        font-size:18px;
        text-transform:capitalize;
    }
    ul.maincate {
        display: flex;
        flex-flow: row wrap;
        padding: 0 3px;
    }
    .left-menu {
        box-shadow:unset;
        height:unset;
        padding:15px 0;
    }
        .left-menu > ul > li {
            padding: 2px;
            border-left: 0;
            float: left;
            width: 25%;
            display: table;
        }
            .left-menu > ul > li:nth-child(n+8){
                display:none;
            }
    .left-menu > ul > li.viewmorecate{
        display:table;
    }
    .left-menu > ul > li > a {
        display: block;
        color: #4a90e2;
        height: 42px;
        vertical-align: middle;
        display: table-cell;
        line-height: 16px;
        text-align: center;
        border: 1px solid #4a90e2;
        border-radius: 4px;
        padding: 0 5px;
        font-size: 13px;
        white-space: unset;
        background: #f1f1f1;
        background: -moz-linear-gradient(top,#fff 0,#f1f1f1 100%);
        background: -webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
        background: linear-gradient(to top,#f1f1f1 0,#fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);
        float:none;
    }
    .left-menu ul > li > i.fa{
        display:none;
    }
    .wrmobimenu{
        padding:0;
    }
    .viewmorecate .hmc {
        display: none;
    }

    .maincate.expanded > li:nth-child(n+10) {
        display:table;
    }
    .maincate.expanded .viewmorecate .hmc{
        display:inline;
    }
    .maincate.expanded .viewmorecate .vmc{
        display:none;
    }
    .property-filter > ul > li {
        width: 25%;
        margin-bottom: 10px;
        float: left;
        padding-right: 8px;
    }
    .lstSelectedProp li{
        margin-bottom:5px;
    }
    .property-filter .list-inline-item:not(:last-child) {
        margin-right: 0;
    }
    .property-filter a.dropdown-toggle {
        color: #333;
        background-color: #f3f3f3;
        padding: 3px 5px;
        display: block;
        font-size:14px;
    }
    #mobilemenu ul.maincate > li {
        border-left: 0;
        display: block;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }
        #mobilemenu ul.maincate > li > a {
            display: block;
            color: #4a90e2;
            line-height: 16px;
            padding: 8px;
            font-size: 13px;
            white-space: unset;
            text-transform: capitalize;
            width: calc(100% - 30px);
            float: left;
        }
            #mobilemenu ul.maincate > li > a 
            .owl-homebanner .owl-item img {
                min-height: unset;
            }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    
}
@media only screen and (min-device-width : 321px) and (max-device-width : 375px) {
    
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}
