@media screen and (max-width: 991px) {
  .pane-video-grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .videos-grid .views-row {
    padding-bottom: 34%;
  }
}

@media screen and (max-width: 800px) {
  #block-whorepresents-core-whorepresents-core-user-info .user-action li.logged {
    display: none;
  }

  .pane-video-grid {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
    float: none;
    padding-bottom: 1px;
  }

  .videos-grid .views-row {
    padding-bottom: 37%;
  }

  .join-message {
    font-size: 0.9em;
  }

  .join-message span {
    font-size: 1.3em;
  }
}

@media screen and (min-width:481px) and (max-width:800px) {
  #page{
    padding: 0 10px;
  }
  #logo {
    background-size: 100% 100%;
    width: 240px;
    height: 36px;
    margin-top: 28px;
  }
  .region.region-header {
    clear: both;
    width:100%;
  }

  .on-desktop {
    display: none;
  }
  
  #whorepresents-core-search-top-form .form-item-search-name,
  #whorepresents-core-search-top-form .form-item  {
  width: 100%;
  padding-right: 110px !important;
  }
  #whorepresents-core-search-top-form #search-result .views-field{
    width:75%;
  }
  #whorepresents-core-search-top-form #search-result .views-field-php{
    width:20%;  
}
  #whorepresents-core-search-top-form  input{
  height: 47px;
  }
  #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;
    background-position:center center;
    background-size: 52px 56px;
    width:90px;
  }
    #whorepresents-core-search-top-form #search-result:before{
    right: 102px !important;
  }
  
  /***********user info block******/

  .user-action{
    margin: 0;
  }
  .user-action .sign-up a,
  .user-action .login a{
    padding: 26px 10px;
    margin-top: -12px;
  }
  form#user-login .signup-now .button{
    padding: 10px 0px;
    text-transform: uppercase;
  }

    /* signup banner*/
  #signup-banner {
    text-align: center;
  }
  #signup-banner .adv-caption{
    width: 100%;
    text-align: center;
  }
  
  #signup-banner .adv-action{
   width:80% !important;
   float: none;
   display: inline-block;
   margin: 20px auto;
   text-align: left;
  }
  .pane-front-list-celebrity-or-representative .header-tabs li{
    font-size: 18px;
  }
  
  
  /**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 list celeb block****/
  .list-celebs .views-limit-grouping-group{
    width:31.6%;

  }
  .list-celebs .views-limit-grouping-group:nth-child(3n){
    margin-right: 0 !important;
  }
  .list-celebs .views-limit-grouping-group:nth-child(n+4) {
   
    
  }
  .list-celebs .views-limit-grouping-group:nth-child(n+10){
    display: none !important;
  }
  .pane-front-list-celebrity-or-representative .show-more{
      color: transparent;
  }
  .top-search-table .col,
  .top-search-table .subheading{
      padding: 5px;
  }
  
  /**fix for node celeb ,rep page*/

  .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: 0;
    color: transparent;
    position: absolute;
    right: 0;
    top:-10px;

  }
  .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: 10%;

  }

  .celeb-rep .info .info-phone .value{
    background: url("../images/icon-phone.png") no-repeat left center;
    background-size: 30px 30px;
    display: inline;
    padding: 10px 0 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 0 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;
  }
  div.celeb-table {
    min-height: 240px;
  }
  div.celeb-table .action{
    float: none !important;
    display: block;
    margin-right: auto !important;
    margin: auto;
    width:200px;
  }
  div.celeb-table .action .child{
    display: inline;
    color: #fff;

  }
  div.celeb-table .action .child.login a{
    color: #fff;
    text-decoration: underline;
  }

  /**fix for register page, profile page**/
  #user-register-form, #user-profile-form {
    width: 70%;
  }
  /**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 .desc-small{
    display: block;
  }
  .subs-page .step_2 .show-desc{
    display: none !important;
  }
  .subs-page .step_3 {
    margin: 0;
    padding: 0;
    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;
  }

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

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

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

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

  #splash-screen {
    top: 86px;
  }
}

@media screen and (max-width: 640px) {
  .pane-app-banners .app-banners img {
    width: 160px;
  }

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

  #whorepresents-account-data-form .form-actions {
    text-align: center;
  }

  .pane-video-grid .pane-title {
    font-size: 1.2rem;
  }

  .videos-grid .views-row {
    width: 50%;
    padding-bottom: 52%;
  }

  .videos-grid .views-field-nothing {
    font-size: 13px;
  }

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

  .node-blog .submitted .partner {
    display: block;
    margin-left: 0;
  }
}