Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*carouse- section */
- .carousel {
- width: 360px !important;
- height: 405px !important;
- margin-right: 10px;
- }
- .carousel-title {
- text-align: center;
- }
- .carousel-control-prev,
- .carousel-control-next {
- top: 205px;
- bottom: initial;
- }
- .carousel-inner {
- height: inherit;
- }
- .carousel p {
- margin-bottom: 3px;
- }
- .carousel-main {
- margin-bottom: 70px;
- }
- /*botoes && collaspe section*/
- p .btn,
- .btn-close-up {
- width: 100% !important;
- margin: 0px;
- }
- .btn-close-up {
- margin-bottom: 4px !important;
- margin-top: 0px !important;
- }
- .cart-btn {
- margin-left: 20%;
- }
- table {
- margin: 0 auto;
- margin-bottom: 15px;
- text-align: center;
- }
- /*formulario*/
- .formulario {
- margin-top: 20px;
- }
- /*Checkout btn*/
- .container {
- margin-top: 0;
- }
- /*fazer footer ficar em baixo (mudar dps)*/
- footer {
- margin-top: 80px
- }
- /*modal*/
- .modal-body {
- height: 300px;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- .form-check {
- margin: 20px auto;
- }
- .btn {
- width: 100px;
- margin: 20px auto;
- }
- /*media queries*/
- @media (max-width:1130px) {
- .carousel {
- width: 340px !important;
- height: 385px !important;
- }
- .cart-btn {
- margin-left: 17%;
- }
- }
- @media (max-width:1070px) {
- .carousel {
- width: 320px !important;
- height: 365px !important;
- }
- .cart-btn {
- margin-left: 15%;
- }
- }
- @media (max-width:1010px) {
- .carousel {
- width: 300px !important;
- height: 335px !important;
- }
- .carousel-title h1 {
- font-size: 2rem;
- }
- }
- @media (max-width:950px) {
- .carousel {
- width: 280px !important;
- height: 318px !important;
- }
- .cart-btn {
- margin-left: 12%;
- }
- }
- @media (max-width:890px) {
- .carousel {
- width: 260px !important;
- height: 298px !important;
- }
- .cart-btn {
- margin-left: 8%;
- }
- }
- @media (max-width:830px) {
- .carousel {
- width: 240px !important;
- height: 270px !important;
- }
- .carousel-title h1 {
- font-size: 1.5rem;
- }
- .cart-btn {
- margin-left: 3%;
- }
- }
- @media (max-width:770px) {
- .carousel {
- width: 380px !important;
- height: 423px !important;
- margin-top: 50px;
- margin-right: initial;
- }
- .carousel-title h1 {
- font-size: 2.5rem;
- }
- .cart-btn {
- margin-left: 23%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement