﻿.ac_results {
    padding: 0;
    margin: 3px 0 -1px;
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    z-index: 90;
    font-size: 15px;
    position: fixed;
    width: 800px;
    top: 91px;
    left: 422px;
}

.ac_shadow {
    -moz-box-shadow: 0 0 5px 5px #9c9c9c;
    -webkit-box-shadow: 0 0 5px 5px #9c9c9c;
    box-shadow: 0 0 4px 2px #9C9C9D;
}

.ac_results ul {
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin: 0;
}

.ac_results iframe {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    filter: mask();
    width: 3000px;
    height: 3000px;
    background-color: #fff;
    border: 3px solid #000;
    overflow: hidden;
}

.results-dv {
    border-top: solid 1px #ccc;
    width: 100%;
    height: 1px;
    /*z-index:999;
    background-color:red;*/

}

.ac_loading {
    background: url(https://palladium-web.s3.ap-south-1.amazonaws.com/Images/loader-20px.gif) right center no-repeat;
}

.ac_over {
    background-color: #fff;
    overflow: hidden;
}

.ac_mainres {
    height: 50px;
    margin: 0;
    cursor: pointer;
    padding: 8px 15px;
    color: #1d1d1d;
    overflow: hidden;
    z-index: 90;
    background-color:white;
    font-family:Poppins;
    font-size:20px;
    border-bottom: 1px solid lightgray;
}
    .ac_mainres:hover {
        background-color:#f1f1f1;
    }
.ac_blue {
    float: right;
    font: 400 13px OpensansRegular;
    color: darkgray;
    padding-right: 30px;
    padding-top:8px;
    display: block;
}

.ac_strong {
    font: 20px ;
}
.divresult {
    width: 760px;
    box-shadow:3px 3px 3px 3px #f1f1f1;
}
.spn_cartCount {
    position: absolute;
    left: 12px;
    top: -5px;
    color: #FFF;
    font-size: 11px;
    background-color: #00AEEF;
    height: 15px;
    width: 17px;
    display: none;
    border-radius: 3px;
}

.search-container {
    width: 640px;
    height: 0;
    position: relative;
    z-index: 50;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.search-pos1 {
    position: absolute;
    width: 640px;
    height: 74px;
    z-index: 49;
    background-color: #fff;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
    opacity: .4;
    border-radius: 4px;
}

.search-pos2 {
    position: absolute;
    width: 640px;
    padding: 18px 0;
    height: 38px;
    z-index: 200;
}

.search-box {
    width: 600px;
    height: 38px;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 2px #909090;
}

.search-textbox {
    margin-left: 15px;
    float: left;
    width: 545px;
    height: 36px;
    outline: none;
    border: solid 0 red;
    padding: 0;
    /*background-color: Transparent;*/
    font: 13px OpenSansRegular;
    color: #7a7a7a;
}

.search-image {
    float: right;
    margin: 9px;
    cursor: pointer;
}

/*=====Media Queries=====*/

/*Most of the Smartphones Mobiles (Portrait)*/
@media (min-width: 320px) and (max-width: 480px) {
    .ac_mainres {
        font-size:14px;
        padding: 15px 15px;
    }
    .divresult {
        width: 330px;
    }
    .ac_blue {
        padding-top: 3px;
    }
}

/*Low Resolution Tablets, Mobiles (Landscape)*/
@media (min-width: 481px) and (max-width: 767px) {
    
}

/*Tablets, Ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1023px) {
    .divresult {
        width: 600px;
        box-shadow: none;
    }
}

/*Tablets, Ipads (landscape)*/
@media (min-width: 850px) and (max-width: 1024px) and (orientation: landscape) {
    
}

/*Ipad Pro (portrait)*/
@media (min-width: 1024px) and (max-width: 1050px) and (orientation: portrait) {
    .divresult {
        width: 700px;
         box-shadow:none; 
    }
}

/*1152×648, 1280×720, 1366×768,*/
@media (min-width: 1152px) and (max-width: 1599px) {
}

/*1600x800*/
@media (min-width: 1600px) and (max-width: 1919px) {
}
/*HD Displays 1920x1080*/
@media (min-width: 1920px) {
}