@media only screen and (min-width : 1200px)
{
    .container 
    {
        width: 970px !important;
    }
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width : 1024px)
{
    .companySearchBar
    {
        width: 60% !important;
    }
    
}
@media only screen and (max-width : 991px)
{
    .companySearchBar
    {
        width: 80% !important;
    }
    .banner
    {
        padding: 30px 0;
    }
    .companySearchBar
    {
        width: 80% !important;
    }
    .search-section
    {
        width: 60% !important;
    }
    .districts li
    {
        width: 90% !important; 
    }
    .companysearch-section
    {
        margin: 10px 15px 0 !important;
        width: 62.5% !important;
    }
    #sidebar.affix
    {
        top: 165px !important;
        position: static !important;
    }
    .wrapper
    {
        top: 140px !important;
    }
    .logo-section
    {
        padding: 38px !important;
    }
    .logo-bar img 
    {
        width: 100%;
        margin: 30px 0;
    }
}
@media only screen and (max-width : 767px)
{
    .banner
    {
        padding: 30px !important;
    }
    .logo-section
    {
        padding: 20px !important;
        margin: 10px 0;
    }
    .logo-bar, .filter-section, .companysearch-section
    {
        width: 45% !important;
    }
    .searchTextarea
    {
        width: 75%;  
    }
    .btnSearchNew
    {
        width: 25%;
    }
    .search-section 
    {
        width: 100% !important;
        padding: 0 !important;
    }
    .search-section > .col-md-2
    {
        margin:10px 0 !important;
    }
     .districts li
    {
        width: 92% !important; 
    }
    .districs-view, .ad-section
    {
        width: 50% !important;
        border: none !important;
    }
    .ad-1 img
    {
        width: 100%;
        margin: 10px 0
    }
    .filter-section
    {
        padding: 0 !important;
        margin: 10px 0 0 0 !important; 
    }
    .ucfilter
    {
        margin: 0 15px !important; 
    }
    .company-search
    {
        margin-top: 10px !important;
    }
    .company-search2
    {
        margin-top: 0px !important;
    }
    .left-bar
    {
        width: 35% !important;
    }
    .right-bar
    {
        width: 63% !important;
        border: none !important;
    }
    #sidebar.affix, #sidebar.affix-top
    {
        width: 155px !important;
    }
}
@media only screen and (max-width : 460px)
{
    .searchicon, .companySearchBar
    {
        width: 100% !important;
        padding: 0 !important; 
    }
    .companySearchBar
    {
        margin: 10px 0 0 0;
    }
    .districts li
    {
        margin: 5px 0 !important;
    }
    .districs-view, .ad-section
    {
        width: 100% !important;
    }
    .company-search
    {
        margin: 0 !important;
    }
    .search-section > .col-md-2
    {
        margin:0 !important;
    }
    .logo-bar img
    {
        margin: 5px 0 !important;
    }
    .selectSearch
    {
        padding: 0 !important;
    }
    .logo-bar, .filter-section, .companysearch-section
    {
        width: 100% !important;
    }
    .companysearch-section, .ucfilter
    {
        margin: 10px 0 0 0 !important;
    }
    .company-search2, .search-btn2
    {
        padding: 5px !important;
    }
    .ucfilter .form-control
    {
        height: 30px !important;
    }
    .select-icon
    {
        margin-top: -25px;
    }
    .left-bar, .right-bar
    {
        width: 100% !important;
    }
    .company-detail
    {
        margin: 5px 0 !important;
    }
    .wrapper 
    {
        top: 180px !important;
    }
    #sidebar.affix, #sidebar.affix-top
    {
        width: 100% !important;
    }
}
@media only screen and (max-width : 300px)
{
    .wrapper h1
    {
        font-size: 25px !important;
    }
}