@media (max-width: 980px){
    .gdpr .head .head-bg{
        height: 260px;
    }
    .gdpr.second .head .head-bg{
        height: 180px;
    }
    .gdpr .container{
        padding: 15px;
        width: 100%;
    }
    .gdpr .head .h-cont {
        top: 80px;
        width: 345px;
        margin-left: -172px;
    }
    .gdpr.second .head .h-cont{
        top: 30px;
    }
    .gdpr div.vl{
        border-left: 0;
        border-top: 1px solid #000;
        width: 100%;
        margin: 30px 0;
        height: 1px;
    }
    .gdpr .atvi{
        width: 100%;
    }
    .gdpr .accounts ul.others{
        width: 100%;
    }
    .codMobile {
      margin-top: 0px;
    }
    .gdpr .content .submain{
        width: auto;
    }
    .gdpr .content .submain{
        padding-bottom: 50px;
    }
    .gdpr.second ul.req-type li a{
        padding: 15px 10px;
    }
    .gdpr.second ul.req-type li.view-new a,
    .gdpr.second ul.req-type li.download a,
    .gdpr.second ul.req-type li.delete a,
    .gdpr.second ul.req-type li.view-prev a{
        background-size: 100%;
    }
    .gdpr.second .panel-group .panel-heading+.panel-collapse>.panel-body,
    .gdpr.second .panel-group .panel-heading+.panel-collapse>.list-group{
        margin-left: 0;
    }
    .gdpr.second .panel-title > a{
        font-size: 19px;
        background-position: -5px -2px;
        padding-left: 30px;
    }
    .gdpr .panel-group .panel+.panel{
        margin-top: 20px;
    }
    .gdpr.second .accounts .main{
        display: block;
    }
    .gdpr.second .atvi{
        margin-top: 20px
    }
    .gdpr.second div.vl,
    .gdpr.second .panel-group.vp .panel-body .accounts div.vl{
        height: 1px;
    }
    .gdpr.second .accounts ul.others{
        margin-top: 10px;
    }
    .gdpr .social-media{
        margin:0 -15px;
        padding: 25px 15px;
    }
    .gdpr .social-media span{
        display: block;
        margin-left: 0;
    }
    .gdpr .social-media h4 span{
        display: inline-block;
    }
    .gdpr .social-media input[type="text"]{
        display: block;
        min-width: 350px;
        margin-top: 20px;
    }
    .gdpr .social-media input[type="text"]:first-of-type{
        margin-top: 0;
    }
    .gdpr.second .social-media ul{
        margin:10px 0;
    }
    .gdpr .social-media ul li:first-child a{
        margin-left: 0;
    }
    .gdpr.second .panel-group.vp .panel-body .accounts ul.others{
        margin-top: 0;
    }
    .gdpr.second .others-par .codMobile{
      margin-top:0px;
    }
    .gdpr.second .accounts ul.others {
        margin-top: 30px !important;
        justify-content: center;
    }
    .accounts {
        justify-content: flex-start;
    }
    .accounts .others-par .others {
        padding-left: 20px !important;
    }
    .accounts .others-par .others li {
        width: auto;
    }
    .accounts-message .account-details {
        flex-direction: column;
        padding: 13px 0;
    }
    .account-message .account-details .vl {
        margin: 15px 0 !important;
    }
    .accounts-message .account-details .detail-section:first-of-type {
        margin-bottom: 20px;
    }
    .game-title-container .title-selection {
        flex-direction: column;
    }
    .game-title-container .title-selection .title-list:first-of-type {
        margin-bottom: 20px;
    }
    .auth-modal-container .auth-modal {
        padding: 40px;
        max-height: 100vh;
        max-width: 100vw;
    }
    .auth-modal-container .auth-modal .atvi-login {
        align-items: center;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile {
        align-items: flex-start;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector {
        width: 100%;
        justify-content: center;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item > input {
        display: none;
    }
    .auth-modal-container .auth-modal .atvi-login .login-selector .selector-item {
        justify-content: center;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .auth-modal-container .auth-modal .atvi-login.atvi-primary .login-container .flex-group {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container > img,
    .auth-modal-container .auth-modal .atvi-login.atvi-primary .login-container .flex-group > img {
        margin: 20px auto;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container > input,
    .auth-modal-container .auth-modal .atvi-login.atvi-primary .login-container .flex-group > input{
        margin-bottom: 20px;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container > input,
    .auth-modal-container .auth-modal .atvi-login.atvi-primary .login-container .flex-group > input {
        border-left-width: 1px !important;
        border-radius: 4px !important;
        padding: 10px 12px;
        width: 100%;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container button { 
        margin-left: 0;
        border-radius: 4px;
        padding: 10px 32px;
        width: 80%;
        margin: auto;
    }
    .auth-modal-container .auth-modal .atvi-login.atvi-primary .login-container .flex-group button {
        margin-top: 20px;
    }
    .auth-modal-container .auth-modal .atvi-login .login-container {
        height: auto;
    }
    
    .auth-modal-container .auth-modal .atvi-login .login-container img {
        border: none;
        width: 152px;
    }
    .auth-modal-container .auth-modal .atvi-login .login-selector .selector-item .login-container .input-holder {
        border-left: 1px solid black;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    .auth-modal-container .auth-modal .atvi-login .login-selector .selector-item .login-container .input-holder input {
        flex-grow: 1;
    }
    .primary-accounts .vl {
        margin: 20px 90px !important;
        height: 50% !important;
        border-left: 1px solid black !important;
        width: unset !important;
    }
    .error-message {
        justify-content: center;
    }
    .auth-modal-container .auth-modal .atvi-login .login-selector .selector-item .login-container img {
        width: auto !important;
        max-width: 240px !important;
    }
    .auth-modal .atvi-login.codmobile .login-selector .input-holder .cod_tooltip > span {
        transform: translate(-80%, -103%);
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .top-input-wrapper {
        flex-direction: column;
        height: auto;
        align-items: center;
        margin: 0;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .top-input-wrapper img {
        margin-bottom: 20px;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .input-holder {
        width: 100%;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .bottom-input-wrapper .input-holder input {
        text-align: start;
        padding-left: 12px;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .bottom-input-wrapper {
        gap: 8px;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .bottom-input-wrapper .input-holder {
        margin-bottom: 0;
    }
    .auth-modal-container .auth-modal .atvi-login.codmobile .login-selector .selector-item .login-container .bottom-input-wrapper button {
        margin: auto;
    }
    .accounts {
        flex-direction: column;
        align-items: center;
    }
    .accounts .others {
        width: 515px;
    }
    .atvi-login.atvi-primary .atvi-login-group .flex-group {
        flex-direction: column;
    }
    .dpr-login-button, .atvi-login.atvi-primary .atvi-login-group .flex-group .modal-login-button {
        margin-top: 1rem;
        margin-left: 0;
    }
}
@media (max-width: 893px){
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container{
    margin-top:15px;
    margin-left: 0px;
  }
  /*.cod-ww2-conv .submain .case-info .accounts ul.others a {
  }*/
  .cod-ww2-conv .submain .case-info .accounts ul.others li.facebook {
    border:none;
    margin-right:0;
    padding-right:0;
  }
}
@media (max-width: 882px){
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container{
    margin-top:15px;
    margin-left: 0px;
  }
}
@media (max-width: 878px){
    .gdpr .data-cat-chkbxs .other{
        bottom: 0;
        top: unset;
    }
    .gdpr .btn.data-cat{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .gdpr.second .atvi-only,
    .gdpr.second .others,
    .gdpr.second .data-cat-radios div{
        border: none;
        padding: 0;
    }
    .gdpr.second .data-cat-radios div label{
        padding-left: 1px;
    }
    .gdpr.second .atvi-only{
        width: 100%;
    }
    .gdpr.second .others{
        margin-top: 10px;
    }
    .gdpr.second .atvi-only h2{
        margin-bottom: 10px;
    }
    .gdpr.second .data-cat-chkbxs ul{
        margin-top: 15px;
    }
    .gdpr.second .atvi-parent,
    .gdpr.second .others{
        width: auto;
        float: none;
    }
    .gdpr.second .data-cat-radios div:first-child label{
        margin-top: 0;
        padding-bottom: 0;
    }
    .gdpr.second .data-cat-radios h2{
        padding-bottom: 0;
    }
    .gdpr.second .data-cat-radios{
        margin-bottom: 0;
    }
    .gdpr.second ul.req-type li.view-new a:before,
    .gdpr.second ul.req-type li.delete a:before{
        background-size: 220px;
    }
    .gdpr.second ul.req-type li.download a:before{
        background-size: 300px;
    }
    .gdpr.second ul.req-type li.view-prev a:before{
        background-position: center right -10px;
        background-size: 120px;
    }
    .gdpr.second ul.req-type li.view-prev a:hover:before {
        transform: scale(1.25) translate(-14%, 0);
    }
    .gdpr.second ul.req-type li.opt-out-ca a:before{
        background: transparent url(../assets/img/padlock-locked.png) no-repeat;
        background-size: 70px;
        background-position: 10px;
        transition: all 1s;
    }
    .gdpr.second ul.req-type li.opt-out-ca a:hover:before{
        background: transparent url(../assets/img/padlock-locked.png) no-repeat;
        animation: none;
        background-position: 10px;
        background-size: 70px;
        transform: scale(1.3);
    }
    .gdpr.second .panel-group.download .panel-body .data-cat-chkbxs .atvi-only{
        border-right: none;
        margin-bottom: 0;
    }
    .gdpr.second .data-cat-radios div:nth-child(2){
        width: auto;
    }
    .gdpr.second .others{
        margin-bottom: 0;
    }
}
@media (max-width: 768px){
    .accounts .legend {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
    }
    .accounts .legend > div {
        white-space: normal !important;
    }
    .accounts .legend > div {
        justify-content: center;
    }
    .accounts .legend > div:first-of-type {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .accounts .legend > div:first-of-type {
        justify-content: flex-start;
        flex-grow: 1;
    }
    .accounts .legend > div:last-of-type {
        margin-left: 0;
    }
    .accounts .others-par .primary-accounts {
        flex-direction: column;
        height: auto;
        gap: 0;
    }
    .accounts .others-par .primary-accounts .account-button {
        flex-direction: column;
        margin-bottom: 32px;
    }
    .accounts .others-par .primary-accounts .account-button:first-of-type {
        margin-top: 32px;
        margin-left: 0;
    }
    .accounts .others-par .primary-accounts .vl {
        display: none;
    }
    .auth-modal-container .auth-modal {
        height: 100vh;
        width: 100vw;
        border-radius: 0;
        overflow: scroll;
    }
    .accounts.dpr .login-container input {
        width: 100%;
    }
    .auth-modal .atvi-login.codmobile .login-selector .input-holder .cod_tooltip > span {
        
    }
    .auth-modal .atvi-login.codmobile .login-selector .input-holder .cod_tooltip > span > p {
        padding: 0px 15px 10px 25px;
        margin: 10px 0 0;
    }
}
@media (max-width: 750px){
  .codMobile_container{
    width:100%;
    max-width:375px;
  }
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd .others .form input {
    margin-left:0px;
  }
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container .codMobile .form .ply_name,
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container .codMobile .form .ply_ID {
    border:transparent;
  }
  .gdpr .accounts ul.others li {
    margin-bottom: 15px;
  }
  .gdpr.second .others-par-cd ul.others li.facebook {
    border-right:0;
    padding-right:0;
  }
  .gdpr .accounts ul.others li {
    max-width: 502px;
  }
  .gdpr .accounts ul.others li.facebook a span {
    float:left;
  }
  .gdpr .accounts ul.others li.facebook a span.txt {
    float:left;
  }
  .gdpr .accounts ul.others a {
    width: 100%;
  }
}
@media (max-width: 733px){
    .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container div.codMobile .form .ply_submit{
      margin-left: 0px;
      padding-left:3px;
    }
    .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container div.codMobile .form .ply_toolTip.cod_tooltip:hover span{
      left:-265px;
    }
    .codMobile div.ply_name, .codMobile div.ply_ID, .codMobile_submt div.ply_name, .codMobile_submt div.ply_ID, .codMobile_pr div.ply_name, .codMobile_pr div.ply_ID {
      width: 90%;
      border: transparent;
    }
    .codMobile_logo img, .codMobile_submt img, .codMobile_pr img {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .codMobile input[type="text"], .codMobile_submt input[type="text"],  .codMobile_pr input[type="text"] {
      width:90%;
    }
    .ply_submit {
      width:100%;
      margin-left:0;
      border-radius: 4px;
    }
    .codMobile_pr .ply_submit {
      width:100%;
      margin-left:0;
      border-radius: 4px;
    }
    .ply_submit input[type="image"], codMobile_pr .ply_submit input[type="image"]{
      margin-right:2px;
      float:right;
    }
}
@media (max-width: 578px){
    .cod_tooltip span img{
      padding:0 20px;
    }
    .accounts .others-par,
    .accounts .others-par .others {
        width: 100% !important;
    }
}
@media (max-width: 480px){
    .gdpr .accounts ul.others li.codMobile_container{
      width: auto;
    }
    .gdpr .head .h-cont {
        top: 50px;
        width: 275px;
        margin-left: -137px;
    }
    .gdpr .head .head-bg {
        height: 200px;
    }
    .gdpr.second .head .head-bg{
        height: 150px;
    }
    .gdpr .lp .panel-title > a{
        padding: 0 0 15px;
    }
    .gdpr .lp .panel-default> .panel-heading .panel-title > a .ico{
        margin-right: 10px;
        margin-top: 16px;
        width: 40px;
        height: 40px;
    }
    .gdpr .content.lp{
        padding: 20px 0;
    }
    .gdpr .lp .panel-default> .panel-heading .panel-title > a div{
        width: auto;
        padding: 8px;
    }
    .gdpr .lp .panel-default> .panel-heading .panel-title > a h4{
        font-size: 19px;
    }
    .gdpr .panel-body,
    .gdpr.second .panel-group .panel-heading+.panel-collapse>.panel-body,
    .gdpr.second .panel-group .panel-heading+.panel-collapse>.list-group{
        padding: 0;
    }
    .gdpr .content h1{
        font-size: 21px;
    }
    .gdpr.second h2 span{
        display: block;
        margin-left: 0;
    }
    .gdpr .social-media input[type="text"]{
        width: 100%;
        min-width: unset;
    }
    .gdpr.second .social-media ul li{
        width: 40%;
        margin-bottom: 10px;
    }
    .gdpr .social-media ul li:nth-child(3) a{
        margin-left: 0;
    }
    .gdpr.second ul.req-type li.view-prev a{
        height: 74px;
        padding-top: 26px;
    }
    .gdpr .accounts ul.others {
        width: 100% !important;
      }
    .gdpr .accounts ul.others li{
      margin-left: 0px;
      margin-right: 20px;
    }
    .gdpr .accounts ul.others li,
    .gdpr .accounts ul.others li:nth-child(4),
    .gdpr .accounts ul.others li:nth-child(5),
    .gdpr .accounts ul.others li:nth-child(6),
    .gdpr .accounts ul.others li:nth-child(7){
        margin-top: 15px;
    }
    .gdpr .accounts ul.others li.facebook a span {
      float:left;
    }
    .gdpr .accounts ul.others li.facebook a span.txt {
      float:left;
    }
}
@media (max-width: 420px){
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container .codMobile .form .ply_name,
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container .codMobile .form .ply_ID {
        display: block;
        width:80%;
  }
  .cod-ww2-conv .submain .case-info .accounts .others-par-cd ul.others li.codMobile_container div.codMobile .form .ply_toolTip.cod_tooltip:hover span{
        left:-254px;
  }
  .accounts .others-par .others > li {
      margin: 10px 10px 10px 0 !important;
  }
  .game-title-container .title-selection .title-list label:not(:last-of-type) {
      align-items: flex-start !important;
  }
  .game-title-container .title-selection .title-list label > input{
      margin-top: 7px !important;
  }
  .game-title-container .title-selection .title-list label > input#other-game-title {
      margin-top: 3px !important;
  }
  .support-footer {
      padding-left: 30px !important;
  }
}
@media (max-width: 400px){
    .accounts .others-par .others {
        padding-left: 10px !important;
    }
}
@media (max-width: 380px){
    .accounts .others-par .others {
        padding-left: 5px !important;
    }
    .gdpr .accounts ul.others li {
        width: auto !important;
    }
    .gdpr .accounts ul.others a {
        min-width: 150px !important;
    }
}
@media (max-width: 355px){
    .gdpr .accounts ul.others li{
      margin-left: 0px;
    }
    .gdpr .accounts ul.others li:not(:nth-child(3n+1)){
      margin-top:0px;
    }
    .gdpr .accounts ul.others li,
    .gdpr .accounts ul.others li:nth-child(4),
    .gdpr .accounts ul.others li:nth-child(5),
    .gdpr .accounts ul.others li:nth-child(6),
    .gdpr .accounts ul.others li:nth-child(7){
        margin-top: 10px;
        width: 100%;
    }
    .gdpr div.vl{
        margin: 20px 0 10px;
    }
    .gdpr .accounts ul.others li.facebook a span {
      float:inline-start;
    }
    .gdpr .accounts ul.others li.facebook a span.txt {
      float:inline-start;
    }
    .accounts .others-par .others {
        padding-left: 0 !important;
    }
    .gdpr .accounts ul.others a {
        min-width: 135px !important;
    }
}
@media (max-width: 350px){
    .gdpr .accounts ul.others li.facebook a span {
      float:inline-start;
    }
    .gdpr .accounts ul.others li.facebook a span.txt {
      float:inline-start;
    }
}
@media only screen and (min-width: 846px) and (orientation: landscape) and (max-height:550px) {
    body.when-keyboard-showing .auth-modal {
        padding: 6px !important;
        height: 100vh !important;
        width: 100%;
    }
    body.when-keyboard-showing .auth-modal .login-header {
        display: none;
    }
    body.when-keyboard-showing .auth-modal .login-message {
        display: none;
    }
    body.when-keyboard-showing .auth-modal .login-container > img {
        display: none;
    }
    body.when-keyboard-showing .auth-modal .login-container  {
        flex-direction: column !important;
        justify-content: space-between !important;
        margin-top: 8px;
    }
    body.when-keyboard-showing .auth-modal .login-container > input  {
        margin-bottom: 0 !important;
        margin-right: 6px !important;
    }
    body.when-keyboard-showing .auth-modal .login-container > button  {
        margin-top: 0 !important;
    }    
}
@media (orientation: landscape) and (max-width: 850px) {
    .auth-modal-container .auth-modal {
        overflow-y: scroll;
    }
    .modalInst {
        display: none !important;
    }
}