body{ left:0; padding:0; margin:0; background:; //background-image:url("images1/pizza.png"); background-repeat: no-repeat; background-size: cover; } .box{ height:740px; width:46%; //background:red; background-image:url("card/card1/a (2).jpg"); background-repeat: no-repeat; background-size: 100% 100%;; margin:0px 0px 0px 27%; padding:0; z-index:1; border:2px solid #fff; margin-top:0px; padding:10px 0% 0px 0%; border-radius:2px; box-shadow:0px 0px 25px 0px yellow; } .box1{ height:100px; width:18%; //background:red; background-image:url("card/text/1 (11).png"); background-repeat: no-repeat; background-size: 100% 100%;; margin:0px 0px 0px 41%; padding:0; z-index:1; border:0px solid #fff; margin-top:0px; padding:10px 0% 0px 0%; border-radius:10px; box-shadow:0px 0px 0px 0px #ddd; } .boxi{ height:610px; width:76%; margin:60px 0px 0px 12%; background:; border:0px solid #fff; float:left; } .boxi1{ height:330px; width:76%; margin:180px 0px 0px 12%; background:; border:0px solid #333; float:left; } .n1{ height:50px; width:100%; background:; float:left; margin:10px 0px 0px 0px; } .n2{ height:44px; width:auto; margin:5px 2px 0px 2px; float:center; } .n3{ height:65px; width:100%; background:; float:left; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .n4{ height:65px; width:auto; margin:0px 2px 0px 2px; float:center; } .n5{ height:auto; width:100%; background:; float:left; padding:0px 0px 0px 0px; text-align:center; margin:40px 0px 20px 0px; } .n6{ background:; width:70%; margin:0px 0px 0px 15%; } .n7{ height:30px; width:20%; background:; margin:0px 0px 0px 0px; float:left; } .n8{ height:30px; width:60%; line-height:30px; color:#333; background:; font-size:17px; float:left; font-family:sans-serif; tex-align:center; font-family:; } .n81{ height:26px; width:26px; } .n9{ height:30px; width:20%; background:; margin:0px 0px 0px 0px; float:left; } .n10{ height:40px; width:100%; backgrond:#ffd700; float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; float:left; text-align:center; } .n11{ font-size:24px; margin:10px 0px 0px 0px; } .n12{ height:85px; width:100%; background:; float:left; margin:0px 0px 0px 0px; padding:20px 0px 5px 0px; } .n121{ height:75px; width:auto; margin:0px 2px 0px 2px; float:center; } .n13{ height:auto; width:100%; background:; float:left; font-size:21px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; text-align:center; } .n14{ height:auto; width:90%; font-size:15px; float:left; background:; margin:30px 0px 0px 5%; } .rsvp{ height:auto; width:46%; background:; float:left; //font-style:italic; font-size:20px; padding:0px 0px 0px 0px; text-align:center; margin:50px 0px 0px 27%; border:2px solid #fff; border-radius:50px; //box-shadow:0px 0px 15px 0px yellow; } .rsvn{ height:auto; width:82%; background:; float:left; font-style:italic; font-size:15px; margin:0px 6% 0px 6%; padding:15px 3% 15px 3%; border-radius:40%; border:1px solid #ddd; box-shadow:0px 0px 25px 0px yellow; } .m1{ height:auto; width:100%; background:; float:left; margin:20px 0px 0px 0px; padding:35px 0px 10px 0px; text-align:center; } .ven{ height:auto; width:46%; background:#fff; float:left; font-size:13px; // box-shadow:0px 0px 15px 0px orange; margin:45px 0px 0px 27%; } .venbo{ height:auto; width:100%; text-align:center; font-size:15px; background:#fff; color:#333; line-height:30px; margin:5px 0px 0px 0px; font-family:sans-serif; } .kjzpv{ height:auto; width:100%; background:; float:left; padding:10px 0px 20px 0px; text-align:center; } .kjzp19v{ min-height:100px; height:auto: background:; width:87%; float:left; padding:3%; margin:0px 0px 0px 4%; border:1px solid #ddd; border-radius:10px; box-shadow:0px 0px 15px 0px yellow; } .a1{ text-decoration:none; color:#a1a1a1; font-family:sans-serif; } .mob{ height:45px; width:150px; background:; float:left; font-size:13px; margin:0px 0px 0px 5px; line-height:45px; } .xe{ cursor:pointer; font-family:sans-serif; height:62px; background:#fff; border-radius:3px; border:1px solid #ddd; margin:3px 10px; line-height:62px; color:#333; padding:10px 15px; box-shadow:0px 0px 15px 0px yellow; } .xe:hover{ background:#fff; color:#00FA9Af; border:1px solid #a1a1a1; box-shadow:0px 0px 5px 0px #yellow; } .col{ height:auto; width:100%; float:left; margin:0px 0px 0px 0px; background:#f1f1f1; } .whatsapp_float{ position:fixed; bottom:60px; right:20px; } .hl{ height:35px; width:100%; float:left; line-height:35px; background:#333; font-size:12px; cursor:pointer; color:#ddd; font-family:sans-serif; text-align:center; margin:0px 0px 0px 0px; } f{ font-size:14px; COLOR:#333; } .tye{ height:auto; width:100%; float:left; text-align:center; background:#fff; margin:0px 0px 5px 0px; } .tye1{ height:auto; width:100%; float:left; text-align:center; background:#fff; margin:10px 0px 0px 0px; } .tye2{ height:auto; width:100%; float:left; text-align:center; background:; margin:0px 0px 20px 0px; } .brg1{ height:auto; width:22%; background:; float:left; padding:45px 0px 45px 0px; } .brgim1{ height:150px; width:65px; margin:0px 2px 0px 2px; float:right; } .brgb1{ height:auto; width:56%; background:; float:left; padding:25px 0px 10px 0px; } .ft1{ height:auto; width:100%; background:; float:left; } .ft2{ height:auto; width:100%; background:; float:left; margin:5px 0px 0px 0px; } .ft3{ height:auto; width:100%; background:; float:left; margin:5px 0px 0px 0px; } .ft4{ height:100%; width:100%; background:; float:left; margin:0px 0px 0px 0px; padding:0px; } .ft2im{ height:70px; width:70px; margin:0px 0px 0px 0px; float:center; } .brbimg{ height:auto; width:22%; float:right; background:; padding:45px 0px 45px 0px; } .brbimg1{ height:150px; width:65px; margin:0px 2px 0px 0px; float:left; } .cimg1{ height:100%; width:100%; margin:0px 0px 0px 0px; float:left; } .o1{ height:30px; width:30px; margin:0px 2px 15px 2px; float:; } .oop2{ height:200px; width:100%; margin:10px 0px 0px 0px; float:left; } .kjzc{ height:1px; width:100%; background:; float:left; margin:0px 0px 0px 0px; } .kjzp19c{ height:auto; min-height:100px; width:93%; background:#fff; float:left; margin:0px 0px 5px 4%; font-family:sans-serif; font-size:16px; border:1px solid #ddd; opacity:.9; padding:5px 0px 5px 0px; border-radius:10px; z-index:-1; box-shadow:0px 0px 15px 0px yellow; } .kjzc1{ height:1px; width:100%; background:#ddd; float:left; margin:0px 0px 0px 0px; } .prt{ height:46px; width:100%; background:; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; border-top:1px solid #fff; border-bottom:1px solid #f1f1f1; float:left; } .prt1{ height:46px; width:100%; background:; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; border-top:1px solid #fff; border-bottom:0px solid #f1f1f1; float:left; } .a2{ text-decoration:none; font-family:sans-serif; color:#333; } .cc{ height:44px; width:44px; float:left; background:#fff; box-shadow:1px 1px 50px 5px #f1f1f1; border:1px solid #ddd; border-radius:50px; margin-top:0px; margin-left:35px; margin-bottom:15px; } .oop3{ height:38%; width:42%; margin:30%; float:left; } .cou{ width:100%; font-size:15px; height:30px; background:; font-family:sans-serif; float:left; margin:55px 0px 3px 0px; } .kjzp19c1{ height:auto; min-height:100px; line-height:30px; width:93%; background:; float:left; margin:15px 0px 20px 4%; font-family:sans-serif; font-size:16px; border:1px solid #ddd; opacity:.9; padding:0px 0px 5px 0px; border-radius:10px; z-index:-1; box-shadow:0px 0px 15px 0px yellow; } .kjzc2{ height:1px; width:100%; background:#ddd; float:left; margin:0px 0px 0px 0px; } .fut{ height:auto; width:100%; background:; margin:5px 0px 5px 0%; float:left; text-align:center; } .ioy2c{ height:50px; width:100%; float:left; text-align:center; } .oop6{ height:40px; width:40px; margin:10px; cursor:pointer; } .jiu{ text-decoration :none; color:#333; font-size:14px; } .ft9{ height:80px; width:100%; float:left; background:#f1f1f1; text-align:center; font-size:13px; margin:70px 0px 0px 0px; line-height:80px; font-family:sans-serif; border-top:1px solid #ddd; } a{ font-size:14px; COLOR:#333; text-decoration:none; font-family:sans-serif; } .te{ width:80%; margin:0px 0px 0px 10%; height:26px; font-family:sans-serif; background:#fff; font-size:13px; line-height:28px; padding:5px 0px; } .fds2{ height:auto; background:#fff; font-size:12px; color:#333; font-family:sans-serif; padding:0px 0px; } @media(max-width:900px){ .box{ height:550px; width:88%; padding:0; margin:0px 0px 0px 5%; padding:10px 0% 0px 0%; border:2px solid #fff; } .box1{ height:70px; width:36%; padding:0; margin:0px 0px 0px 32%; padding:10px 0% 0px 0%; border:0px solid #fff; } .boxi{ height:480px; width:80%; margin:15px 0px 0px 10%; float:left; } .boxi1{ height:auto; width:80%; margin:70px 0px 0px 10%; float:left; } .n1{ height:50px; width:100%; background:; float:left; margin:10px 0px 0px 0px; } .n2{ height:38px; width:auto; margin:10px 2px 0px 2px; float:center; } .n3{ height:57px; margin:22px 0px 0px 0px; } .n4{ height:57px; margin:0px 2px 0px 2px; } .n5{ height:auto; margin:25px 0px 20px 0px; } .n6{ height:26px; background:; width:62%; margin:6px 0px 0px 19%; } .n7{ height:26px; width:18%; margin:0px 0px 0px 0px; } .n8{ height:26px; width:64%; line-height:26px; color:#333; font-size:16px; float:left; } .n81{ height:24px; width:24px; } .n9{ height:30px; width:18%; margin:0px 0px 0px 0px; float:left; } .n10{ height:40px; width:100%; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .n11{ font-size:21px; margin:0px 0px 0px 0px; } .n12{ height:80px; width:100%; background:; float:left; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; } .n121{ height:64px; width:auto; font-size:26px; margin:0px 2px 0px 2px; float:center; } .n13{ height:auto; width:100%; background:; float:left; font-size:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; text-align:center; } .n14{ height:auto; width:100%; font-size:12px; float:left; background:; margin:25px 0px 0px 0%; } .rsvp{ width:88%; margin:35px 0px 0px 5%; border:2px solid #fff; } .m1{ height:auto; width:100%; background:; float:left; margin:0px 0px 0px 0px; padding:15px 0px 10px 0px; text-align:center; } .ft9{ margin:40px 0px 0px 0px; } .ven{ height:auto; width:88%; float:left; margin:35px 0px 20px 5%; }