@media screen and (max-width:980px){#registration .wrapper{width:100%}.step1 .box-gender,.step1 .box-looking-for{width:calc(25% - 15px)}.step1 .box-birthday{width:calc(50% - 30px)}.step3 .box-other-options .box-physical-options{padding:50px 30px 30px}.step3 .box-other-options .box-physical-options .box-attractiveness{flex-direction:column;align-items:flex-start}.step3 .box-other-options .box-physical-options .box-attractiveness .help{margin-left:0;margin-top:10px}}@media screen and (max-width:767px){#secbanner #banner-contents h1{font-size:37px}.step1 .box-gender,.step1 .box-looking-for{width:calc(50% - 15px)}.step1 .box-looking-for{margin-right:0}.step1 .box-birthday{width:100%}.step2 .box-city,.step2 .box-civil-status,.step2 .box-profession,.step2 .box-children{margin-right:30px}.step2 .box-qualifications,.step2 .box-smoking,.step2 .box-wantschildren,.step2 .box-drinking{margin-right:0}.step3 .box-upload .grid-upload{grid-gap:10px}.step3 .box-upload .grid-upload .has-no-photo a.add .icon{width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 10px)}.step3 .box-upload .grid-upload .has-no-photo a.add .icon:before{background-position:-60px 0;background-size:200px;width:10px;height:10px}.step3 .box-other-options .box-physical-options .box-eyes,.step3 .box-other-options .box-physical-options .box-height{width:calc(50% - 15px)}.step3 .box-other-options .box-physical-options .box-hair,.step3 .box-other-options .box-physical-options .box-look{width:calc(50% - 15px);margin-right:0}.step3 .box-other-options .box-physical-options .box-attractiveness{margin-bottom:0 !important}.step3 .box-other-options .box-physical-options .box-attractiveness .box-options{width:100%}.step3 .box-other-options .box-physical-options .box-attractiveness .box-options div{width:10%}#registration{padding-bottom:20px}#registration .btn{padding:0 30px}}@media screen and (max-width:600px){#secbanner{height:325px;padding:70px 0 120px;margin-top:-60px}#secbanner .clouds{background-position:center top;height:150px;bottom:0;background-size:auto 100%}#secbanner .wrapper .top{margin:25px auto 0 auto;width:95%}#secbanner .wrapper .top .step{position:relative}#secbanner .wrapper .top .step .number{top:-8px;width:25px;height:25px}#secbanner .wrapper .top .step .bar{height:10px;padding:2px}.step1 .box-profile-name,.step1 .box-password,.step1 .box-email,.step1 .box-confpassword,.step1 .box-gender,.step1 .box-looking-for{width:100%;margin-right:0}.step1 .box-birthday{width:100%}.step2 .box-profile-name,.step2 .box-birthday,.step2 .box-city,.step2 .box-qualifications,.step2 .box-smoking,.step2 .box-civil-status,.step2 .box-profession,.step2 .box-drinking,.step2 .box-description,.step2 .box-sports-hobbies,.step2 .box-children,.step2 .box-wantschildren,.step2 .box-sex-preference{width:100% !important;margin-right:0 !important}.step2:not(.step4) .box-sports-hobbies{display:none}.step3 .box-other-options .box-btns-other-options .btn{min-width:100%}.step3 .box-upload .grid-upload{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:480px){#secbanner #banner-contents h1{font-size:30px}.bot .box-btns a{width:200px;margin:0 10px 20px 10px !important;justify-content:center}.step3 .box-upload .grid-upload{grid-template-columns:repeat(3,1fr)}.step3 .box-upload .grid-upload .photo-wrap:first-child{grid-column:1/span 3}.step3 .box-other-options .box-physical-options{padding:50px 15px 15px 15px}.step3 .box-other-options .box-physical-options .box-eyes,.step3 .box-other-options .box-physical-options .box-height,.step3 .box-other-options .box-physical-options .box-hair,.step3 .box-other-options .box-physical-options .box-look{width:100%;margin-right:0}.step3 .box-other-options .box-physical-options .box-attractiveness .box-options{width:100%}.step3 .box-other-options .box-physical-options .box-attractiveness .box-options div{width:10%}.step3 .box-upload .grid-upload .has-photo a.delete{width:26px;height:26px;right:-13px;top:-13px}.step3 .box-upload .grid-upload .has-no-photo a.add .icon{width:34px;height:34px;left:calc(50% - 17px);top:calc(50% - 17px)}.step3 .box-upload .grid-upload .has-no-photo:first-child a.add .icon{width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px)}.step3 .box-upload .grid-upload .has-no-photo a.add .icon:before{background:url("/Images/icons.svg") no-repeat -90px 0;background-size:300px;content:"";width:15px;height:15px}}