/*Responsive*/
@media screen and (max-width: 1366px) {
    .overlayWi {
        height: 130vh;
    }

    .overlayW {
        /*height: 170vh;*/
        height: 0px;
    }
}

@media screen and (max-width: 1280px) {
    .overlayW {
        /*height: 170vh;*/
        height: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .overlayW {
        /*height: 180vh;*/
        height: 0px;
    }

    .ContainerSlide {
        width: 70%;
        padding-top: 25%;
    }

    .onlyPad {
        padding: 0px 60px;
    }

    .pastActive {
        width: 340px;
    }

    .changeInv {
        padding-left: 20px;
    }

    #ideasFloat {
        margin-top: -12%;
    }

    .overlayWi {
        height: 190vh;
    }

    .buttonsRes {
        right: 15px;
    }

    .countNumber {
        right: 0;
    }

    .checkListGi {
        right: 15px;
    }

    .gifList {
        width: 150%;
    }

    .menuGif {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .dangerEv {
        width: 35%;
    }
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
    .modal-dialog {
        max-width: 720px;
    }
}

@media screen and (max-width: 768px) {
    .overlayW {
        /*height: 140vh;*/
        height: 0px;
    }

    .overlayWi {
        height: 145vh;
    }

    .ContainerSlide {
        width: 70%;
        padding-top: 5%;
    }

    .contenrInvite {
        padding: 30px 0px 0px;
    }

    .search {
        padding: 0 60px;
    }

    .onlyPad {
        padding: 0px 15px;
    }

    .front {
        left: 0;
        right: 0;
    }

    #ideasFloat {
        margin-top: -16%;
    }

    .modal-dialog {
        max-width: 700px;
    }

    .modal-body {
        padding-right: 10px;
        padding-left: 10px;
    }

    .buttonsRes {
        right: 15px;
    }

    .countNumber {
        right: 0;
    }

    .checkListGi {
        right: 15px;
    }

    .gifList {
        width: 150%;
    }

    .menuGif {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .dangerEv {
        width: 40%;
        text-align: left;
    }
}

@media screen and (max-width: 768px) and (min-width: 413px) {
    .owl-carousel {
        display: block !important;
    }

    .ideasOp {
        display: none;
    }

    .activities {
        display: none;
    }

    #decorationId {
        display: none;
    }

    .gifList {
        width: 150%;
    }

    .dangerEv h2 {
        display: none;
    }

    .dangerEv {
        width: 20%;
    }

    .titleCar h2 {
        padding: 0px 45px 0px 0px;
    }

    .checkBtn {
        position: absolute;
    }

    .intCheck span {
        padding-left: 40px;
        padding-right: 15px;
    }

    .barProgress {
        padding: 0 50px;
    }

    .TitleAct h2 {
        margin-top: 20px;
    }

    .giftDis {
        width: 220px;
    }

    .innerGift {
        width: 220px;
    }

    .overlayW {
        /*height: 170vh;*/
        height: 0px;
    }
}

@media screen and (max-width: 414px) {
    .pastActive {
        height: 68.5%;
    }

    .ContainerSlide {
        width: 100%;
        padding-top: 0;
    }

    .topslide {
        margin-top: 35%;
    }

    .circIdeas img {
        width: 78px;
        height: 78px;
    }

    .circIdeas h4 {
        font-size: 14px;
    }

    .displayBot {
        transform: translate(-5px, -40px)
    }

    .front {
        width: 384px;
    }

    .addEvent {
        height: 90px;
    }

    .imgTit2 img {
        display: none;
    }

    .imgTit img {
        width: 100%;
        float: none;
        margin: auto;
    }

    .paddsArr {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .owl-carousel {
        display: block !important;
    }

    .ideasOp {
        display: none;
    }

    .activities {
        display: none;
    }

    .cirAct img {
        width: 170px !important;
    }

    .titMBS {
        width: 80% !important;
    }

    .ContainerSlide img {
        width: 80%;
    }

    .ContainerSlide p {
        font-size: 16px;
        line-height: 1.38;
        padding: 0% 20%;
    }

    #IndexContent {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .infoOp {
        padding-bottom: 40px;
    }

    h5.modal-title {
        padding: 0 60px;
        margin: 0;
    }

    .mainTitle h4 {
        font-size: 18px;
        padding: 0 25px;
        line-height: 1.44;
    }

    .separatorB {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .6);
    }

    .FaceLog {
        position: relative;
        top: 0;
        bottom: 0;
    }

    .PaddingTop {
        padding-top: 20px;
    }

    .formRegTit {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .btnFacebook {
        margin-bottom: 30px;
    }

    .modal-body {
        padding-top: 30px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .formReg {
        padding: 20px 0px 20px;
    }

    .modal-footer {
        padding-bottom: 30px;
    }

    .cent {
        padding-bottom: 20px;
    }

    .btnGoogle {
        margin-bottom: 10%;
    }

    .padsRes {
        padding: 0;
    }

    .footConfirm {
        width: 100%;
    }

    .search {
        padding: 0 40px;
    }

    .contenrInvite {
        padding: 30px 0px 0px;
    }

    .inviteP {
        padding: 10px 20px;
    }

    .inviteList {
        height: 295px;
    }

    .btn-MBS {
        font-size: 16px;
    }

    .regBTN {
        padding: 5px 10px;
    }

    .barProgress {
        width: 100%;
        padding: 0;
        display: block;
    }

    .containProgress {
        width: 100%;
        position: relative;
        transform: translate(0px, 30px);
    }

    .numProgress {
        width: 100%;
        text-align: center;
        transform: translate(0px, -30px);
        margin-left: 0;
    }

    .homeComplete {
        padding: 0;
        width: 100%;
    }

    .imgEdit {
        display: none;
    }

    .intCheck {
        width: 90%;
        padding: 0 10px;
    }

    .radioCheckTar {
        padding: 15px 0;
    }

    .checkBtn {
        width: 28px;
        height: 28px;
        margin-top: -2px;
        position: absolute;
    }

    .intCheck span {
        margin-left: 50px;
    }

    .accordionList {
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
    }

    .EditRespo {
        display: block;
        cursor: pointer;
    }

    .titleCar h2 {
        padding: 0px 45px 0px 0px;
    }

    .black {
        font-size: 20px !important;
    }

    .overlayW {
        /*height: 250vh;*/
        height: 0px;
    }

    .onlyMobEv {
        display: block;
    }

    .eventDesk {
        display: none;
    }

    .dangerEv h2 {
        display: none;
    }

    .warimg img {
        margin-right: 25px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .formAdd {
        padding: 0;
    }

    #decorationId {
        display: none;
    }

    .decorIdea {
        padding-left: 15px;
        padding-right: 15px;
    }

    .DeskInv {
        display: none;
    }

    .MobInv {
        display: block;
    }

    .space-menu {
        padding-top: 86px;
    }

    .ChangeDesig {
        padding-bottom: 20px;
        font-weight: 600;
    }

    .iconEditText img {
        margin-right: 39px;
        margin-top: -9px;
    }

    .displayButtons {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
    }

    .row-flex {
        display: inline-flex;
    }

    .mainTitle p {
        font-size: 16px;
        padding: 0 20px;
    }

    .imgInv img {
        width: 100%;
    }

    .formatSelec p {
        margin-bottom: 15px;
        margin-left: 35px;
    }

    .responsiveBtnDo {
        display: none;
    }

    .responsiveDonte {
        display: flex;
        width: 100%;
    }

    .imgMod img {
        padding-bottom: 20px;
    }

    .shreRow {
        padding: 0;
    }

    .shareIcon p {
        font-size: 14px;
    }

    .paddRes {
        padding: 0;
    }

    .centParag p {
        padding: 30px 0px;
    }

    .numbreIcon img {
        left: -60px;
    }

    #continueList {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .addGift {
        width: 170px;
        height: 247px;
    }

    .imgAdd {
        right: -5%;
        top: 25%;
        bottom: 25%;
    }

    .giftDis {
        width: 170px;
        height: 247px;
    }

    .checkListGi {
        width: 30px;
        height: 32px;
        right: 15px;
    }

    .countNumber {
        right: 7px;
        top: 98px;
        padding: 0px 5px;
    }

    .innerGift {
        width: 170px;
        height: 119px;
    }

    .innerGiftInfo {
        padding: 5px 5px 5px 5px;
    }

    .innerGiftInfo h6 {
        font-size: 14px;
    }

    .innerGiftInfo p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .smallPrice {
        font-size: 12px;
    }

    .buttonsDel img {
        width: 20px;
        height: 20px;
    }

    .menuGif {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .gifList {
        width: 150%;
    }

    .activeMor::before {
        top: 35px;
        height: 7px;
    }

    .padingsTar {
        padding: 0;
    }

    .linkCopy p {
        font-size: 12px;
    }

    .linkCopy {
        padding: 100px 0px;
    }

    .infoGift {
        margin-top: 30px;
    }

    .btnShareFloat {
        position: absolute;
        z-index: 1;
        right: 0;
        left: 0;
        margin: auto;
        text-align: center;
        margin-top: 80%;
    }

    .imgAdd4 {
        margin-left: 7px;
    }

    .imgPutOne img {
        transform: scale(1.5) translate(0px, 10px);
    }

    #ideasFloat {
        margin-top: -25%;
    }

    .padBot {
        margin-bottom: 0px;
    }

    .titIdeasInv h2 {
        padding-bottom: 0;
    }

    .titIdeasInv {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .info p {
        font-size: 20px;
    }

    .info ul li {
        font-size: 20px;
    }

    .padCon {
        padding: 30px 10px;
    }

    .padCons {
        padding: 50px 0px;
    }

    .buttonsRes {
        right: 15px;
    }

    .overlayWi {
        height: 100vh;
    }

    .titleMyEvent {
        border-radius: 7px;
    }

    .menuHide {
        display: none;
    }

    .footHide {
        display: none;
    }

    .exitLink {
        text-align: right;
    }

    .activeDateOso p {
        font-size: 12px;
        line-height: 17px;
    }

    .smaaltextOso p {
        font-size: 12px;
        line-height: 17px;
        padding: 0 40px;
    }

    .bigNameOso h3 {
        font-size: 35px;
        height: 40px;
    }

    .infoBottom {
        bottom: 15px;
    }

    .cardInvi {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .activeDateLeon p {
        font-size: 12px;
        line-height: 17px;
    }

    .smaaltextLeon p {
        font-size: 12px;
        line-height: 17px;
        padding: 0 40px;
    }

    .bigNameLeon h3 {
        font-size: 35px;
        height: 40px;
    }

    .activeDateUnicornio p {
        font-size: 12px;
        line-height: 17px;
    }

    .smaaltextUnicornio p {
        font-size: 12px;
        line-height: 17px;
        padding: 0 40px;
    }

    .bigNameUnicornio h3 {
        font-size: 35px;
        height: 40px;
    }

    .responseveInvi {
        width: 357px;
        height: 428px;
    }

    .smaaltextEstrella p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .estrellaDes p {
        font-size: 15px;
        line-height: 15px;
    }

    .bigNameEstrella h3 {
        margin-top: 10px;
        height: 40px;
        font-size: 40px;
    }

    .week {
        font-size: 18px;
    }

    .day {
        font-size: 50px;
        line-height: 50px;
    }

    .month {
        font-size: 14px;
    }

    .bigNameNubes h3 {
        height: 40px;
        font-size: 40px;
    }

    .smaaltextNubes p {
        font-size: 12px;
    }

    .dayNubes {
        font-size: 40px;
        line-height: 40px;
    }

    .weekNubes {
        font-size: 18px;
    }

    .monthNubes {
        font-size: 14px;
    }

    .nubesDes p {
        font-size: 12px;
        margin-top: 5px;
    }

    .bigNameLuna h3 {
        height: 40px;
        font-size: 40px;
        margin-top: 30px;
    }

    .lunaDes p {
        font-size: 10px;
        padding: 0 80px;
        margin-top: 10px;
    }

    .padding10 p {
        padding: 0 50px;
    }

    .onePhoto {
        width: 260px;
        height: 155px;
    }

    .imgAdd2 {
        height: 155px;
        padding-top: 40px;
    }

    .thankYou p {
        margin-top: 0;
    }

    .imgAddto {
        height: 155px;
    }

    .marg10 {
        margin-bottom: 15px;
    }

    .oso img {
        margin-top: 80px !important;
    }

    .twoPhot {
        width: 150px;
        height: 155px;
    }

    .anotWid {
        width: 100%;
    }

    .header-cardText img {
        width: 132px;
        margin-top: 40px !important;
    }

    .header-cardTextTop img {
        width: 132px;
        margin-top: 22px !important;
    }

    .bigNameText h3 {
        height: 40px;
        font-size: 40px;
        margin-top: 20px !important;
    }

    .smaaltext p {
        font-size: 12px;
        margin-top: 15px !important;
        line-height: 15px !important;
    }

    .smalltextActor p {
        font-size: 12px;
        line-height: 15px !important;
    }

    .lineDes p {
        font-size: 12px;
        margin-top: 20px;
        padding: 0 80px;
    }

    .smallTextAgra {
        bottom: 5px;
    }

    .padding40 p {
        padding: 0 40px;
    }

    .secondAg {
        padding-top: 70px;
    }

    .titAgr h2 {
        font-size: 16px;
    }

    .bigNameAgra h3 {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .bigNameAgraLines h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 35px;
    }

    .secondOne {
        width: 200px;
        height: 90px;
    }

    .secondTwo {
        height: 90px;
        width: 110px;
    }

    .secondLayAdd {
        height: 90px;
    }

    .secondLayPlus {
        height: 90px;
        padding-top: 9px;
    }

    .secondLayTit {
        bottom: 60px;
    }

    .secondLayPadd p {
        padding: 0px 50px;
        height: 95px;
    }

    .thankYou p {
        font-size: 12px;
    }

    .layPaddings {
        padding: 0 55px;
    }

    .banderinP p {
        font-size: 20px;
        line-height: 22px !important;
    }

    .banderinImg img {
        margin-top: 5px !important;
    }

    .margtop50 {
        margin-top: 50px;
    }

    .marginTops {
        margin-top: 30px;
    }

    .thirdText {
        padding-top: 25px;
    }

    .resTop img {
        margin-top: 20px !important;
    }

    .dangerEv {
        width: 30%;
        text-align: center;
    }

    .italicP p {
        margin-top: 30px;
    }

    /*AlfGR*/
    .dateNubes {
        margin-top: 52px;
    }

    .dateLin p {
        font-size: 15px;
    }

    .intoRibbon {
        font-size: 10px;
        line-height: 15px !important;
    }

    img.decor {
        width: 25px;
        height: 35px;
    }

    .header-card img {
        margin-top: 10px;
    }

    .second-image {
        margin-bottom: 10px;
    }

    .deskAdd {
        display: none;
    }

    .MobAdd {
        display: block;
    }

}

@media screen and (max-width: 375px) {
    .front {
        width: 345px;
    }

    .overlayW {
        /*height: 270vh;*/
        height: 0px;
    }

    .btnShareFloat {
        margin-top: 84%;
    }

    .addGift {
        transform: scale(.8);
    }

    .giftDis {
        transform: scale(.8);
    }

    .addEvent {
        transform: scale(.9);
    }

    .eventMobile {
        transform: scale(.9);
    }

    .responseveInvi {
        transform: scale(.9);
    }
}

@media screen and (max-width: 360px) {
    .front {
        width: 330px;
    }

    .overlayW {
        /*height: 210vh;*/
        height: 0px;
    }

    .btnShareFloat {
        margin-top: 95%;
    }

    .addGift {
        transform: scale(.8);
    }

    .giftDis {
        transform: scale(.8);
    }
}

@media screen and (max-width: 320px) {
    .front {
        width: 290px;
    }

    .overlayW {
        /*height: 250vh;*/
        height: 0px;
    }

    .btnShareFloat {
        margin-top: 115%;
    }
}