﻿.dr_submenu
{
    width: 200px;
    height:auto;
    background-color: #fff;
    float: left;
}

@media (max-width:900px)
{
    .dropdown-menu
    {
        width:auto;
    }
 
.dr_submenu > ul
{
    margin-top: 10px;
   
}
.dr_submenu > ul > li
{
    list-style: none;
    padding: 0px 0px;
    display: block;
}
.dr_submenu > ul > li > a:hover
{
    background-color:#0D9B6D;
    color: White;
    border-radius: 5px;
}
.dr_submenu > ul > li > a
{
    display: inline-block;
    height: 30px;
    list-style: none;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
}
}
@media (max-width:800px)
{
     
    .bg-none
    {
        background-color:transparent!important;
        color: #666!important;
    }
     .dropdown-menu
    {
        width:100%;
    }
   .dr_submenu > ul > li > a {
width:100%;
padding: 1% 10%;
margin: 0px;
}
    .dr_submenu
    {
        width:100%;
        padding:0px;
    }

}
@media (max-width:729px)
{
    .dr_submenu
    {
        width:auto;
        padding:0px;
    }

}
@media (max-width:704px)
{
    .dr_submenu > ul > li > a
    {
        margin-left: -15%;
    }
    .dr_submenu
    {
        width: auto;
        padding:0px;
    }

}
@media (max-width:667px)
{
    .dr_submenu > ul > li > a
    {
        margin-left: -14%;
    }
    .dr_submenu
    {
        width:auto;
    }

}
@media (max-width:626px)
{
    .scroll
{
   height: 170px;
overflow-x: scroll; 
}
    .dr_submenu > ul > li > a
    {
        width:100%;
        text-align: center;
        margin-left: -22%;
    }
    .dr_submenu
    {
        width:100%;
    }

}
@media (max-width:611px)
{
    .dropdown-menu
    {
        width: 100%;
    }
    .dr_submenu > ul > li > a
    {
        width: 315px;
        font-size: 13px;
          margin-left: -16%;
    }
}
@media (max-width:490px)
{

    .dr_submenu > ul > li > a
    {
        width: 300px;
         margin-left: -16%;
    }
}
@media (max-width:470px)
{

    .dr_submenu > ul > li > a
    {
        width: 260px;
    }
}
@media (max-width:395px)
{
    .dropdown-menu
    {
        width: 100%;
    }
    .dr_submenu > ul > li > a
    {
        font-size: 12px;
        height: 25px;
    }
}
@media (max-width:367px)
{
    .scroll {
height: 170px;
overflow-x:inherit;
}
    .dr_submenu > ul > li > a
    {
    margin-left: -10%;
}
.dr_submenu {
width: 200px;
}
}
@media (max-width:347px)
{
    .dropdown-menu
    {
        width: 110%;
    }
    .dr_submenu > ul > li > a {
 width:auto;
}
.dr_submenu
    {
        width:100%;
    }
}
@media (max-width:310px)

{
     .dr_submenu > ul > li > a {
margin-left: -15%;
     }
  .mult_line,input,.drwdth 
{
    width:100%!important;
}
input[type="radio"], input[type="checkbox"] {
box-shadow: none!important;
width:auto!important;
}

.col-lg-2,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-9,.col-lg-12 
{
    padding:0px!important;
}
}
@media (max-width:297px)
{
    .dr_submenu > ul > li > a
    {
        font-size:11px;
        margin-left: -34%;
    }
     .dropdown-menu
    {
      margin-left:-20%
    }

}

@media (max-width:287px)
{
    .dr_submenu > ul > li > a
    {
       
        
    }
    .dropdown-menu
    {
        width: 190px;
    }
}



