@media screen and (max-width:480px) {

  .on-desktop {
    display: none;
  }

  body {
  	font-size: 12px;
  }

  body.page-home  {font-size:16px !important ;}

  #user-register-form .password-strength,
  #user-register-form div.password-confirm {
    display: none;
  }

  #page{
    padding: 0px 10px;
    margin-top: 37px;
  }
  
  #main {
    padding: 0px !important;
  }
  .pane-home-slogan {
    font-size: 14px;
  }
  #logo {
    background-size: 100% 100%;
    width: 139px;
    height: 18px;
    
    margin-top: 14px;
  }
  #logo h1{
    padding-top: 10px;
    font-size: 15px;
  }
  #logo .clear{
    clear: none;
  }
  .user-action .logged {
    display: none;
  }

  .celeb-header .update-info {
    display: none;
  }

  .celeb-table .celeb-rep-name a {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  }


  .represented-artists-list a{
  	
  	text-decoration: underline;
  	line-height: 30px;
  	
  }
  form#user-login{
    margin-bottom: 200px;
  }
  form#user-login .signup-now{
    position: absolute;
    top: 100%;
    width:100%;
  }
  form#user-login  .button,
  form#user-login .form-item,
  form#user-login input{
      width:100%;
  }
  body:before{
    height: 40px;
  }
  .region.region-header {
    clear: both;
    width:100%;
  }

  #whorepresents-core-search-top-form .form-item-search-name,
  #whorepresents-core-search-top-form .form-item  {
   width: 100%;
  padding-right: 70px !important; 
  }
  
  
  
  #whorepresents-core-search-top-form  input{
    height: 47px;

  }

  #whorepresents-core-search-top-form .form-item-search-name input {
    padding-left: 5px;
  }

   #whorepresents-core-search-top-form #edit-search {
    position: absolute;  
    top: 7px;
    right: 0px;
    margin-right: 10px;
    background:  #fff url('../images/icon-search.png') no-repeat;
    color: transparent;
    text-indent: 9999;
    background-position:center center;
    background-size: 52px 56px;
    width:50px;
  }
  #whorepresents-core-search-top-form #search-result:before{
    right: 62px  !important;
  }
  
  /****
  /***********user info block******/

  .user-action{
    margin: 0px;
  }
  .user-action .sign-up a,
  .user-action .login a{
    padding: 11px 5px;
    margin-top: -15px;
    font-size: 12px;
    border-radius:0px;
  }
  .user-action{
    float: left;
    margin-top: 3px;
  }
  .user-action li{
    float: none;
    display: inline;
  }
  .user-action li a{
    width:auto;
    margin-right: 10px;
  }

  .user-action .wel{
    display: none;
  }
  #block-whorepresents-core-whorepresents-core-user-info .user-action li {
    margin-left: 0;
  }

  #user-register-form input#edit-submit{
    width: 100%;
    font-weight: bold;
    font-size: 20px;
  }
  form#user-login .signup-now .button{
    padding: 10px 0px;
    text-transform: uppercase;
  }
  
  #admin-menu{
    display: none;
  }
  /* signup banner*/  
  #signup-banner .row{
    width: 100%;
  }
  #signup-banner .adv-caption{
    font-size: 20px;
    line-height: 25px;
    padding: 0px;
    text-align: center;
  }
  
   .pane-front-list-celebrity-or-representative .header-tabs li{
    font-size: 18px;
  }
  /*****fix for list celeb block****/
  .pane-front-list-celebrity-or-representative .show-more{
    color: transparent;
    width:0px;
    top: -5px;
  }

  .list-celebs .views-limit-grouping-group{
    width:48.7%;
  }

  .list-celebs .views-limit-grouping-group:nth-child(2n){
    margin-right: 0 !important;
  }

  .list-celebs .views-limit-grouping-group:nth-child(n+3) {
 
  }
  .top-search-table .col,
  .top-search-table .subheading{
      padding: 5px;
  }
  .top-search-table .col-wrapper{
    width: 100% !important;
  }  
  
  /*front banner*/
  #front-banner .banner{
    width:100%;
    
  }
  #front-banner .banner-1{
    margin-bottom: 20px;
  }
  
  /**list news**/
   #page .pane-news-list .pane-title, #page .pane-news-list .views-row, #page .pane-news-list .more-link {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  /**fix for node celeb ,rep page*/
  .edit-btn{
  top:-20px;
  width:250px;
  text-align: right;

  }
  .edit-btn{
    top:-5px;
  }
  #whorepresents-account-subscription-form .edit-btn{
    top:-16px;
  }
  .node-type-celeb .column,
  .node-type-rep .column{
    width:100%;
  }
  .celeb-table .info-link {
    position: relative;
  }
  .celeb-photo,
  .celeb-left-item {
    display: none;
  }
  .celeb-profile .celeb-photo,
  .celeb-profile .celeb-left-item {
    display: block;
  }
    .celeb-photo img {
    margin: auto
  }
  .celeb-table .info-link a {
    width:0px;
    color: transparent;
    position: absolute;
    right: 0px;
    top:-15px;

  }
  .celeb-rep .info .row{
    float: left;
    margin-bottom: 10px;
  }

  .celeb-rep .info .label{
    display: none;
  }
  .celeb-rep .info .info-agency-tilte{
    display: none;
  }
  .info-agency-address{
    width:100%;
  }
  .celeb-rep .info .info-agency-address .mobile {
    display: block !important;
  }
  .celeb-rep .info .info-phone,
  .celeb-rep .info .info-email{
    width:auto;
  }
  .celeb-rep .info .info-phone{
    margin-right: 20px;

  }
  .celeb-rep .info .info-phone .value{
    background: url("../images/icon-phone.png") no-repeat left center;
    background-size: 30px 30px;
    display: inline;
    padding: 10px 0px 10px 35px;
  }
  

  .celeb-rep .info .info-email .value{
    background: url("../images/icon-mail.png") no-repeat left center;
    background-size: 30px 30px;
    display: inline;
    padding: 10px 0px 10px 35px;
  }
  .node-type-rep .celeb-rep .info .info-phone ,
  .node-type-rep .celeb-rep .info .info-email {
    width: 100%;
    background: #eee;
  }
  .celeb-rep .info .more-info{
    padding: 10px;
    background: #eee;
  }
  .celeb-rep .info .info-fax{
     width: auto;
  }
 .celeb-rep .info .info-fax .value{
    float: left;
    background: url("../images/icon-fax.png") no-repeat 2px center;
    background-size: 20px 20px;
    display: inline;
    padding: 0px 0px 0px 35px;
  }

  .celeb-table .celeb-access.no-access{
    width: 100%;
  }

  /**fix for register page, profile page**/
  #user-register-form, #user-profile-form {
    width: 100%;
  }
  /**fix for subscription edit page**/
  .subs-page .form-select-type .form-row{
    float: left;
    width: 100%;

  }
  .subs-page .form-select-type .form-row.type{
    width: 100%;
    height: auto;
  }
  .subs-page .step_2 .form-row {
    clear: none;
    margin:0% 1.5%;
  }
  .subs-page .step_2 h2{
    margin-top: 25px;
  }
  .subs-page .step_2 .form-label{
    padding: 20px 5px;
  }
  .subs-page .step_2 .show-desc{
    display: none !important;
  }
  .subs-page .step_2 .desc-small{
    display: block;
  }
  .subs-page .step_3 {
    margin:0px;
    padding: 0px;
    float: left;
    width:100%;
  }
  .subs-page .step_3 .form-row{
    float: left;
    width: 50%;
  }

  .ui-dialog.subs-confirm{
    width:100% !important;
    left:0px !important;
    margin-left: 0px !important;
  }
  
  /*********Checkout panes***********/
  #block-system-main,
  .form-wrapper{
    padding: 0px !important;
  }
  .checkout-progress-bar li {
    padding: 0px 3px;
    height: 60px !important;
    width: 32%;
    margin-right: 2%;
    font-size: 15px;
    text-align: center;
  }

  .checkout-progress-bar li:first-child {
    line-height: 1.5em;
    padding: 5px 3px;
  }

  .form-item-panes-payment-payment-method{
    width:100% !important;
    
  }
   #edit-panes-payment-payment-method .form-item{
    width:50% !important;
    clear: none !important;
   }
   #edit-panes-payment-payment-method .form-item:nth-child(2){
    padding-right: 0px !important;
   }
   #edit-panes-payment-payment-method .form-item label,
   #edit-panes-payment-payment-method .form-item .credit-label {
    width: 100%;
    height: 50px;
    line-height: 15px;
    max-width: 100%;
    text-align: center !important;
   }
  .form-item-panes-payment-payment-method img {
    display: none;
  }
  
  
  .uc-cart-checkout-form .form-item,
  .uc-cart-checkout-form .form-actions{
  float: left;
  width: 100%;
  padding-right: 10px !important;
  }
  .uc-cart-checkout-form .form-item input,
  .uc-cart-checkout-form .form-item select {
    width:100%;
    font-size: 14px;
  }
  .uc-cart-checkout-form .form-item-panes-payment-details-cc-number,
  .uc-cart-checkout-form .form-item-panes-payment-details-cc-exp-month,
  .uc-cart-checkout-form .form-item-panes-billing-billing-street2,
  .uc-cart-checkout-form .form-item-panes-billing-billing-city
  {
    width:60%;
    clear: left;
  }
  .uc-cart-checkout-form .form-item-panes-payment-details-cc-cvv,
  .uc-cart-checkout-form .form-item-panes-payment-details-cc-exp-year,
  .uc-cart-checkout-form .form-item-panes-billing-billing-postal-code,
  .uc-cart-checkout-form .form-item-panes-billing-billing-zone {
    width:40%;
    clear: none;
  }
 .uc-cart-checkout-form label{
    font-size: 14px;
    word-wrap: break-word;
  max-width: 9em;
  }
  .uc-cart-checkout-form #edit-cancel,
  .order-review-table #edit-back{
    display: none;
  }
  
  .uc-cart-checkout-form #edit-continue,
  .order-review-table #edit-submit{
    width:100%;
    padding: 20px 0px !important;
  }
  .order-review-table .form-actions form{
    width:100%;
  }
/*webform*/
  .webform-client-form label{
    display: none;
  }
  .webform-client-form input.form-text,
  .webform-client-form select,
  .webform-client-form .form-textarea-wrapper{
    width:100% !important;
  }
  .webform-client-form .captcha img{
  margin-left: 0%;
  }
  .webform-client-form .form-actions,
  .webform-client-form .form-actions input{
    width:100%;
  }
  
  /*.field-name-field-user-newsletter {display: none;}*/
  #footer-message .safe-notice {
   display: none;
  }
  
  #page .pane-whorepresents-core-whorepresents-core-ticker-new .pane-title,
  #page .view-news-list .views-row,
  #page .view-news-list .more-link,
  .hl-block-title{
    padding-left:  5px;
    padding-right: 5px;
  }
  .hot-list-block a{
    width: 100%;
    margin-left: 0% !important;
  }
  .pane-whorepresents-core-whorepresents-core-ticker-new .more-link a{
    color: transparent;
  }
  
  #quick-searh-result-tabs .block-title{
    font-size: 13px;
    margin-right: 2%;
  }

  .remaining-credits {
    font-size: 12px;
  }
  .alacarte-popup-content{
     max-width:95%;
     left: 2% !important;
  }
  
  .alacarte-popup .astep2 img {
    margin-bottom: 0px;   
  }

  .pane-app-banners .app-banners img {
    width: 120px;
  }

  .pane-app-banners .app-banners a {
    margin: 0 5px;
  }

  .pane-app-banners .subheading div:nth-child(1) {
    font-size: 18px;
  }

  .pane-app-banners .subheading div:nth-child(2) {
    font-size: 15px;
  }

  .pane-whorepresents-core-whorepresents-core-search-top {
    margin-bottom: 2em;
  }

  .videos-grid .views-row {
    padding-bottom: 0;
    height: auto;
    width: 100%;
  }

  .videos-grid .views-field-nothing {
    position: relative;
    left: 0;
    right: 0;
    font-size: 3.5vw;
  }

  .videos-grid .image .icon-play {
    width: 4em;
    height: 4em;
  }

  .share-menu .dropdown {
    top: 2em;
    right: -1em;
  }
}

@media (max-width: 375px) {
  #logo {
    width: 100px;
  }
  .user-tabs {
    font-size: 10px;
  }
}

@media screen and (max-width: 320px) {
  .pane-home-slogan {
    font-size: 12px;
  }
}