@media (min-width: 980px)  and (max-width: 1280px) 
        { 
.wrapper {
    margin: 0 auto;
}
#support-main {
    margin: 0 auto;
}
  
        }
   @media (min-width: 640px) and (max-width: 980px)
        { 
            
.wrapper {
    margin: 0 auto;
 
}
#support-main {
    margin: 0 auto;

}
#company-header h2 {
    font: normal 22px iran_sans;
    color: #333;
    text-align: right;
    margin-right: 0px;
}
.support-search-small {
 
    width: 100%;
}
 

            }
            
   @media (min-width: 450px) and (max-width: 639px) 
     {
 

         .support-search-small {

    width: 100%;
}
.wrapper {
    margin: 0 auto;
}
#company-header h2 {
    font: normal 22px iran_sans;
    color: #333;
    text-align: right;
    margin-right: 0px;
}
#support-main {
    margin: 0 auto;
 
}
 .support-search-small .q {
    border: 0;
    border: 1px solid #CCC;
    color: #000;
    font:normal 10pt tahoma;
    color:#444;
     text-align:right;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 10px 30px 10px 5px;
    width: 100%;
    outline: none;
    outline-width: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }

  #support-main .dashboard .topic {

    margin: 0;
    text-align: right;

}
    .supportmenu{ padding:10px 0px 10px;}
         }
   @media (min-width: 320px) and (max-width: 451px) 
     { 
  .support-search-small {
  width:100%;
 
}
.wrapper {
    margin: 0 auto;
    width: 80%;
}
#support-main {
    margin: 0 auto;

}
#support-main .dashboard .topic {

 
    margin: 0;
    text-align: right;
    height:350px;
 
}
 #company-header h2 {
    font: normal 22px iran_sans;
    color: #333;
    text-align: right;
    margin-right: 0px;
}
   .supportmenu{ padding:10px 0px 10px; text-align:center;}
         }