/* This type of CSS @media Queries called the DESKTOP First Design */
/* Large Devices, Wide Screens */

#menu {
    clear: both;
    width: 100%;
    margin: 0 auto;
    /*height: 52px;*/
    background: #f3f3f3;
    /*overflow: hidden;*/
}
#logo {
    padding-left: 20px;
    padding-top: 15px;
    float: left;
    margin-bottom: 14px;
    max-width: 100%;
}

    #logo img {
        max-width: 100%;
    }

.menu li {
    height: auto;
}

    .menu li:hover {
        height: auto;
    }

.executionStage {
    padding: 0 5px;
}
/*#container {
	max-width: 1920px;
	margin: 10px 20px 0 20px;
}*/

footer {
    margin-bottom: 0;
}

.menu {
    padding: 0 20px;
}

body #sitemap-content .siteMapHeader {
    font-size: 13px;
    padding-bottom: 5px;
}

body #sitemap-content ul.sitemap-col-01 li a {
    color: #636363;
    font-size: 12px;
}

    body #sitemap-content ul.sitemap-col-01 li a:hover {
        color: #0070af;
        font-size: 12px;
    }

.site-map-inner #toggle {
    height: 30px;
    border-bottom: #b3b3b3 solid 1px;
    padding-top: 6px;
    margin-bottom: 0px;
}

.site-map-inner .socialmedia-icons {
    padding-top: 0;
}

.sitemap-accord div {
    width: 18%;
}

    .sitemap-accord div:nth-of-type(2) {
        width: 27%;
    }

    .sitemap-accord div:last-child #sitemap-content ul {
        border-right: none !important;
    }

.sitemap-container-outline {
    width: 100% !important;
}

@media only screen and (max-width : 1200px) {
    body {
        background: silver;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body {
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #wrapper {
        margin-top: 0px;
    }
    .tabs div.slider {
        width: auto !important;
    }

    .w960 {
        width: 100%!important;
    }

    .container {
        margin: 0 10px;
    }

    .clear-3 {
        clear: none;
    }

    .clear-2 {
        clear: both;
    }

    .lead-info ul li {
        width: 50%;
    }

        .bidding-details ul li.view-remarks .items, .lead-info ul li.view-remarks .items {
            width: 25%;
        }

        .bidding-details ul li.view-remarks .details, .lead-info ul li.view-remarks .details {
            width: 75%;
        }

    .site-map-container {
        display: none;
    }

    .leadDetails {
        margin: 0;
    }

        .leadDetails .form-group {
            width: 50%;
            box-sizing: border-box;
        }

            .leadDetails .form-group.lr {
                margin: 0;
            }

        .leadDetails .executionStage table tr {
            width: 50%;
            float: left;
        }

        .leadDetails .askExecution .radio, .executionStage .radio {
            width: 50%;
        }

        .leadDetails .remarks-box {
            width: 70%;
        }

    .leadDetails-action {
        width: 70%;
    }

    .bidding-details .uploaded-docs {
        width: 100%;
    }

    .sitemap-accord div {
        width: 33%;
    }

        .sitemap-accord div:nth-of-type(2) {
            width: 66%;
        }

    .bidding-details .details-info > ul > li {
        width: 50%;
    }

    .lead-status-tab .export-excel {
        padding-top: 0px;
    }
    /*************RESPONSIVE CSS FOR TRACK YOUR LEAD PAGE:STARTS HERE*************/
    .leadList.res-grid .leadList-header {
        display: none;
    }

    .leadList.res-grid > ul > li > ul > li {
        display: block;
        width: 100% !important;
        padding-left: 50%;
        border-right: none;
    }
    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(3) {
    width: 100%!important;
}
    .leadList.res-grid ul > li > ul > li:before {
        position: absolute;
        left: 5px;
        font-weight: bold;
    }

    .leadList.res-grid ul > li > ul > li:after {
        content: ":";
        font-weight: bold;
        position: absolute;
        left: 48%;
        top: 5px;
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(1):before {
        content: "Date of Creation";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(2):before {
        content: "Unique ID";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(3):before {
        content: "Project Name";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(4):before {
        content: "Description";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(5):before {
        content: "Status";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(6):before {
        content: "Details";
    }

    .trackLead.hide-left-menu .leadList.res-grid ul > li > ul > li:nth-child(7):before {
        content: "Request";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(1):before {
        content: "Date of Creation";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(2):before {
        content: "Unique ID";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(3):before {
        content: "Project Name";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(4):before {
        content: "Contact No.";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(5):before {
        content: "Status";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(6):before {
        content: "Action";
    }

    .leadList.res-grid ul > li > ul > li:nth-child(7):before {
        content: "Details";
    }

    .trackLead.lead-scroll .leadList-box .leadList.res-grid {
        width: 100%;
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(1):before {
        content: "Date of Creation";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(2):before {
        content: "Unique ID";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(3):before {
        content: "Project Name";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(4):before {
        content: "Contact No.";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(5):before {
        content: "Status";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(6):before {
        content: "Action";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(7):before {
        content: "Details";
    }

    .trackLead.lead-scroll .leadList.res-grid > ul > li > ul > li:nth-child(8):before {
        content: "Request";
        border-left: none;
    }

    .trackLead .tabs-list {
        width: 100%;
    }

        .trackLead .tabs-list > ul {
            width: auto;
            float: left;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 10px;
        }

            .trackLead .tabs-list > ul > li {
                display: block;
                float: none;
                text-align: left;
            }

    .trackLead .lead-status-tab {
        width: 100%;
    }

    .lead-status-tab .select-status {
        width: 100%;
    }

    .trackLead .lead-status, .trackLead .bid-status {
        border-left: none;
    }

    .lead-status-tab .select-status .form-group {
        width: 33%;
        float: none;
        clear: both;
    }

    .lead-status-tab .select-filter {
        padding-top: 10px;
    }

    .trackLead .lead-status-tab .opportunity {
        padding-left: 0px;
        border-left: none;
    }
    /*************RESPONSIVE CSS FOR TRACK YOUR LEAD PAGE:ENDS HERE***************/
    /*********CSS FOR THE RESPONSIVE MENU- MOBILE VIEW:START HERE************/
    .menu-container {
        position: absolute;
        width: 250px;
        margin: 50px 0 0 0;
        z-index: 999;
        background: #f3f3f3;
    }

    .main-menu > ul > li:hover .level-two {
        display: none;
    }

    .main-menu ul li {
        display: block;
    }

        .main-menu ul li a {
            display: block;
            position: relative;
            font-size: 13px;
            color: #444;
            padding: 10px 15px;
        }

            .main-menu ul li a:hover {
                background: #eee;
                border-bottom: none;
                padding-bottom: 10px;
                color: #444;
            }

    .main-menu > ul > li > a {
        font-weight: bold;
    }

        .main-menu > ul > li > a.highlighted {
            background: #eee;
            padding-bottom: 7px;
            border-bottom: 1px solid#ccc;
        }

    .main-menu ul li a .sub-arrow {
        display: block;
    }

    .main-menu a span.sub-arrow {
        position: absolute;
        left: auto;
        text-align: center;
        overflow: hidden;
        height: 36px;
        width: 36px;
        right: 4px;
        font-size: 18px;
        margin-top: -8px;
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(90deg);
    }

    .main-menu a.highlighted span.sub-arrow:before {
        display: block;
        content: '<';
        height: 36px;
        width: 36px;
    }

    .main-menu .level-two {
        display: none;
        padding-left: 10px;
        background: #eee;
        border-bottom: 1px solid #ccc;
    }

    .main-menu .level-three {
        display: none;
        padding-left: 20px;
    }

    .main-menu .level-two li a {
        font-weight: normal;
        padding: 8px 12px;
    }

        .main-menu .level-two li a:hover {
            padding: 8px 12px;
        }

    .main-menu .level-three li a {
        font-size: 12px;
        padding: 4px 6px;
    }

        .main-menu .level-three li a:hover {
            padding: 4px 6px;
        }

    .lead-info ul li .items {
        width: 50%;
    }

    .view-details .comments-box {
        width: 100%;
    }

    .opportunity .form-group {
        width: 50%;
    }

    .opportunity .radio {
        width: 50%;
    }

    .opportunity .fg9 {
        margin-top: 17px;
    }

    .bidding-create .form-group {
        width: 50%;
    }

        .bidding-create .form-group.remarks-box {
            width: 100%;
        }

    .bidding-create .radio {
        width: 50%;
    }

    .bidding-create .fg9 {
        margin-top: 17px;
    }

    /*********CSS FOR THE RESPONSIVE MENU- MOBILE VIEW:START HERE************/

    /*********CSS FOR THE RESPONSIVE RESPONSIVE POPUP:START HERE*************/
    #rejectLead {
        width: 360px;
    }

        #rejectLead .form-group label {
            width: 100%;
        }

        #rejectLead .form-group #LeadRejection {
            width: 100% !important;
        }

    #longTerm {
        width: 360px;
    }

    #PreloginpopupDiv {
        width: 360px !important;
        height: 600px !important;
    }

        #PreloginpopupDiv .login-side {
            width: 100%;
            padding: 0;
        }

        #PreloginpopupDiv .register-side {
            width: 100%;
            padding: 0;
            border-left: none;
            border-top: 1px solid #ccc;
            padding-top: 6px;
        }

    #attachDocuments {
        width: 360px;
    }

        #attachDocuments .lft, #attachDocuments .rgt {
            width: 100%;
        }

    /*********CSS FOR THE RESPONSIVE RESPONSIVE POPUP:END HERE***************/
    /*RESPONSIVE CSS FOR PARTNER LOCATE PAGE*/
     .partner-locate .partner-search {
        width: 100%;
    }
    .partner-locate .contact-hon {
        width: 100%;   
    }
    .search-list .list.res-grid .list-header {
        display: none;
    }
    .search-list .list.res-grid > ul > li > ul > li {
        display: block;
        width: 100% !important;
        padding-left: 50%;
        border-right: none;
    }
    .search-list .list.res-grid ul > li > ul > li:before {
        position: absolute;
        left: 5px;
        font-weight: bold;
    }
    .search-list .list.res-grid ul > li > ul > li:after {
        content: ":";
        font-weight: bold;
        position: absolute;
        left: 48%;
        top: 5px;
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(1):before {
        content: "Select";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(2):before {
        content: "Product";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(3):before {
        content: "Brand";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(4):before {
        content: "Name";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(5):before {
        content: "Address";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(6):before {
        content: "Contact #";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(7):before {
        content: "Email ID";
    }
    .search-list .list.res-grid ul > li > ul > li:nth-child(8):before {
        content: "Locate";
    }
    /*RESPONSIVE CSS FOR PARTNER LOCATE PAGE*/

    /***********RESPONSIVE CSS RELATED TO PRODUCT PAGE CHANGES********/
    .left-col.product-res {
    width: 30%!important;
    }
    .right-col.product-res{
        width: 70%;
    }
    /***********RESPONSIVE CSS RELATED TO PRODUCT PAGE CHANGES********/
    #createSection .track-bid-create .form-group {
        width: 50%;
    }
    #createSection .track-bid-create .BiddingSource table tr {
        width: 50%;
    }
     #createSection .track-bid-create .form-group.fg9 {
         margin-top:15px;
     }
     #proceedSection .opportunity .form-group.fg11 {
        margin-top:0px!important;               
     }
     .upload-sfdc .upload-box {
        width: 80%;
    }
     #pc-footer {
        height: 60px !important;
    }
     .partner-locate .search-result .search-action .action {
         margin-top:0px;
         width:100%;
     }
     .partner-locate .search-result .search-action .action div {
         margin:5px!important;
     }
     .partner-locate .search-result .brand-filter {
    float: left;
    width: 75%;
}
     .partner-locate .search-result .search-action .mr-20 {
    margin-right: 0!important;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
     .partner-locate .search-result .brand-filter {
    float: left;
    width: 100%;
}

    body {
    }
    .footer-copyright {
        float:left;
    }
    .bidding-details .details-info > ul > li {
        width: 100%;
    }

    .lead-stage {
        display: none;
    }

    .leadDetails .form-group {
        width: 100%;
    }

    .leadDetails .productSize .form-group input {
        width: 100%;
    }

    .leadDetails .executionStage table tr {
        width: 100%;
        float: left;
    }

    .leadDetails .askExecution .radio, .executionStage .radio {
        width: 100%;
    }

    .leadDetails-action {
        width: 100%;
    }

    .sitemap-accord div {
        width: 100%;
    }

        .sitemap-accord div:nth-of-type(2) {
            width: 100%;
        }

    body #sitemap-content ul {
        border-right: none !important;
    }

    body ul.sitemap-col-01 {
        min-height: auto;
    }

    .sitemap-container-outline {
        width: 100% !important;
    }

    .sitemap-container-outline {
        width: auto !important;
        padding-right: 30px;
        height: auto !important;
    }

    body ul.sitemap-col-01 {
        height: auto !important;
    }

    .lead-info ul li {
        width: 100%;
    }

        .bidding-details ul li.view-remarks .items, .lead-info ul li.view-remarks .items {
            width: 50%;
        }

        .bidding-details ul li.view-remarks .details, .lead-info ul li.view-remarks .details {
            width: 50%;
        }

    .opportunity .form-group {
        width: 100%;
    }

    .opportunity .radio {
        width: 100%;
    }

    .opportunity .fg9, .opportunity .fg11 {
        margin-top: 0px;
    }

    .bidding-create .form-group {
        width: 100%;
    }

    .bidding-create .radio {
        width: 100%;
    }

    .bidding-create .fg9, .bidding-create .fg11 {
        margin-top: 0px;
    }
    /*************RESPONSIVE CSS FOR TRACK YOUR LEAD PAGE:STARTS HERE*************/
    .bid-status .select-status, .lead-status .select-status {
        width: 100%;
    }

        .bid-status .select-status .form-group, .lead-status .select-status .form-group {
            width: 50%;
            margin: 0;
        }

        .bid-status .select-status .select-filter, .lead-status .select-status .select-filter {
            margin-left: 6px;
            padding-right: 5px;
            padding-top: 5px;
        }
    /*************RESPONSIVE CSS FOR TRACK YOUR LEAD PAGE:ENDS HERE***************/
     /*************RESPONSIVE CSS FOR TRACK YOUR LEAD PAGE:ENDS HERE***************/
     .search-faq .faq-search-box {
        width: 100%;
    }
    .search-faq .or-box {
        width: 100%;
        padding-top: 10px;
        margin-bottom: -15px
    }
    .search-faq .or-box span {
        width: 45%;
        float: left;
    }
    .search-faq .or-box .or {
        width: 10%;
    }
    .search-faq .or-box .v-line .bar {
        border: none;
        border-bottom: 1px solid #ccc;
        height: 0px;
        width: 30px;
        margin-top: 8px;
    }
    .search-faq .or-box .v-line .l-bar {
        float: right;
    }
    /*RESPONSIVE CSS FOR PARTNER LOCATE PAGE*/
    .partner-locate .partner-search {
        width: 100%;
    }
    .partner-search .category .form-group {
        width: 100%;
    }
    .partner-search .or-box .or {
        width: 10%;
        float: left;
    }
    .partner-search .or-box span {
        width: 45%;
        float: left;
    }
    .partner-search .or-box .v-line .bar {
        height: 0px;
        width: 40px;
        margin-top: 8px;
        border-bottom: 1px solid #ccc;
    }
    .partner-search .or-box .v-line .bar.l-bar{
        float: right;
    }
    .partner-search .location .select-location {
        width: 100%;
    }
    .partner-search .location .or-box {
        width: 100%;
    }
    .partner-search .location .use-location {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .partner-locate .contact-hon {
        width: 100%;
    }
    /*RESPONSIVE CSS FOR PARTNER LOCATE PAGE*/
    /************RESPONSIVE CSS FOR PRODUCT DETAILS PAGE:STARTS HERE*****/
    .right-col.product-res {
        width: 100%;
    }
    .left-col.product-res {
        width: 100%!important;
    }
    .right-col.product-res .tabHolder1{
        width:auto;
    }
    /************RESPONSIVE CSS FOR PRODUCT DETAILS PAGE:ENDS HERE*******/
     #createSection .track-bid-create .form-group {
        width: 100%;
    }
    #createSection .track-bid-create .BiddingSource table tr {
        width: 100%;
    }
    #createSection .track-bid-create .form-group.fg9 {
         margin-top:0px;
     }
    .upload-sfdc .upload-box {
        width: 90%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    body {
        min-width: 320px;
    }
}