/home/vianto5/ceibaresidencial.mx/assets/css
NameSizeModeActions
all.min.css723180644editdlrm
bootstrap.min.css1404210644editdlrm
default.css61410644editdlrm
fontawesome.css880250644editdlrm
meanmenu.css31890644editdlrm
nice-select.css40070644editdlrm
owl.carousel.min.css33510644editdlrm
responsive.css304130644editdlrm
style.css550880644editdlrm
venobox.min.css187260644editdlrm
Edit: /home/vianto5/ceibaresidencial.mx/assets/css/responsive.css (30413B)
/* XL Device :1200px. */ @media (min-width: 1200px) and (max-width: 1449px) { .header-logo a img { max-width: 250px; } .hero-area { height: 700px; } .hero-text h3 { font-size: 30px; } .hero-text h4 { font-size: 30px; } .hero-btn a { width: 260px; height: 60px; line-height: 65px; } .pro-video-text h3 { font-size: 44px; line-height: 57px; margin-bottom: 15px; } .pro-video-text p { font-size: 18px; line-height: 32px; } .single-fik p { font-size: 18px; line-height: 25px; } .single-fik h3 { font-size: 40px; line-height: 60px; } .all-title h3 { font-size: 30px; line-height: 48px; margin-bottom: 9px; } .galery-btn a { width: 340px; height: 50px; line-height: 50px; font-size: 16px; } .single-dpa h3 { font-size: 90px; line-height: 90px; } .single-dpa.sp1 { padding-left: 98px; } .call-title h3 { font-size: 30px; line-height: 53px; } .cell-content h2 { font-size: 50px; line-height: 54px; margin: 0; } .single-itemn img { max-width: 40px; } .single-itemn p { font-size: 18px; line-height: 42px; } .single-itemn { width: 158px; text-align: center; } .plan-icon-fx { width: 562px; } .plan-btn { font-size: 30px; } .visit-wrap h2 { font-size: 50px; line-height: 60px; } .visit-wrap a { width: 400px; height: 58px; line-height: 60px; font-size: 22px; margin-top: 20px; } .visit-area { height: 430px; } .footer-list-widget { width: 650px; } .cell-fx { width: 100%; margin: auto; } .cell-content { width: 478px; } .single-sell { width: 600px; } .header-area.header-2 { position: unset; height: 285px; } .edif-content h3 { font-size: 50px; margin-bottom: 10px; line-height: 42px; } .edif-content p { font-size: 19px; line-height: 26px; width: 100%; } .edif-content a { width: 377px; height: 47px; font-size: 16px; } .edif-content { margin-bottom: 37px; } .calo-wrap { width: 100%; float: unset; } .calo-hdn h2 { font-size: 40px; color: #3D253F; font-weight: 700; line-height: 50px; } .calo-hdn h2 br { display: none; } .sito-single { width: 174px; margin-bottom: 30px; } .colo-aera { padding-top: 50px; padding-bottom: 50px; } .house-list ul li { font-size: 32px; line-height: 59px; } .house-image { width: 499px; } .house-list ul li::before { position: absolute; width: 178px; left: -211px; } .plan-icon-fx { width: 100%; } .plan-btns { width: 100%; margin: auto; margin-top: 27px; margin-bottom: 20px; } .plan-btns a { width: 260px; height: 50px; line-height: 46px; font-size: 15px; } .hero-area.hero-sec { padding-bottom: 0; height: 500px; } .video-title h3 { font-size: 30px; line-height: 63px; } .pro-video-play.video { width: 100%; height: 500px; } .pro-video-play.video img { height: 100%; } .tour-wrap a img { max-width: 186px; } .tour-area { padding-top: 20px; padding-bottom: 30px; } .contact-wrap h3 { font-size: 50px; margin-bottom: 15px; line-height: 50px; } .single-form input { width: 100%; height: 45px; padding: 0 13px; font-size: 19px; } .plant-card { max-width: 525px; margin-left: auto; } } /* LG Device :992px. */ @media (min-width: 992px) and (max-width: 1200px) { .header-logo a img { max-width: 178px; } .hero-area { height: 600px; } .hero-text h3 { font-size: 30px; } .hero-text h4 { font-size: 30px; } .hero-btn a { width: 260px; height: 60px; line-height: 65px; } .pro-video-text h3 { font-size: 31px; line-height: 40px; margin-bottom: 15px; } .pro-video-text p { font-size: 18px; line-height: 32px; } .single-fik p { font-size: 16px; line-height: 22px; } .single-fik h3 { font-size: 33px; line-height: 56px; } .all-title h3 { font-size: 28px; line-height: 48px; margin-bottom: 9px; } .galery-btn a { width: 340px; height: 50px; line-height: 50px; font-size: 16px; } .single-dpa h3 { font-size: 50px; line-height: 64px; } .single-dpa.sp1 { padding-left: 50px; } .call-title h3 { font-size: 30px; line-height: 53px; } .cell-content h2 { font-size: 40px; line-height: 47px; margin: 0; } .single-itemn img { max-width: 40px; } .single-itemn p { font-size: 18px; line-height: 42px; } .single-itemn { width: 158px; text-align: center; } .plan-icon-fx { width: 100%; } .plan-btn { font-size: 30px; } .visit-wrap h2 { font-size: 40px; line-height: 49px; } .visit-wrap a { width: 400px; height: 58px; line-height: 60px; font-size: 22px; margin-top: 20px; } .visit-area { height: 340px; } .footer-list-widget { width: 586px; } .plan-btn { font-size: 25px; } .cell-content { width: 478px; } .footer-list-widget { width: 586px; } .header-logo a img { max-width: 170px; } .header-menu ul li a { font-size: 18px; } .header-menu ul li { margin-right: 70px; } .header-menu { padding-top: 49px; } .pro-video-text { width: 49%; } .pro-video-play { width: 49%; } .single-dpa.sp2 { padding-left: 183px; } .single-dpa.sp3 { padding-left: 325px; } .cell-content { width: 425px; } .plant-title h4 { font-size: 30px; line-height: 63px; } .cell-fx { width: 100%; } .single-sell { width: 480px; } .footer-ri img { max-width: 148px; } .footer-ri p { font-size: 18px; } .contact-wrap h3 { font-size: 30px; margin-bottom: -1px; line-height: 46px; } .single-form input { width: 100%; height: 45px; padding: 0 13px; font-size: 19px; } .contact-wrap p { font-size: 18px; line-height: 27px; } .single-link { width: 100%; margin-bottom: 26px; } .nice-select { line-height: 36px; height: 40px; padding: 0 13px; font-size: 19px; } .single-bytton button { width: 190px; height: 43px; background: transparent; border: 1px solid #908291; font-size: 20px; font-weight: 600; color: #3D253F; } .header-area.header-2 { position: unset; height: 215px; } .edif-content h3 { font-size: 36px; margin-bottom: 10px; line-height: 23px; } .edif-content p { font-size: 17px; line-height: 24px; width: 100%; } .edif-content a { width: 377px; height: 47px; font-size: 16px; } .edif-content { margin-bottom: 37px; } .calo-wrap { width: 100%; float: unset; } .calo-hdn h2 { font-size: 40px; color: #3D253F; font-weight: 700; line-height: 50px; } .calo-hdn h2 br { display: none; } .sito-single { width: 144px; margin-bottom: 30px; } .colo-aera { padding-top: 50px; padding-bottom: 50px; } .pro-video-play a img { max-width: 100px; height: 100px !important; } .edif-content { margin-bottom: 19px; } .sito-single ul li { font-size: 14px; line-height: 24px; } .house-list ul li { font-size: 32px; line-height: 59px; } .house-image { width: 499px; } .house-list ul li::before { position: absolute; width: 178px; left: -211px; } .plan-icon-fx { width: 100%; } .plan-btns { width: 100%; margin: auto; margin-top: 27px; margin-bottom: 20px; } .plan-btns a { width: 210px; height: 50px; line-height: 45px; font-size: 12px; } .hero-area.hero-sec { padding-bottom: 0; height: auto; position: unset; } .video-title h3 { font-size: 30px; line-height: 63px; } .pro-video-play.video { width: 100%; height: 350px; } .pro-video-play.video img { height: 100%; } .tour-wrap a img { max-width: 130px; } .tour-area { padding-top: 20px; padding-bottom: 30px; } .tour-bg { height: 350px; } .tour-bg img { height: 100%; width: 100%; } .mun-aera { padding-top: 50px; padding-bottom: 31px; } .footer-aera { padding: 60px 30px; background: #3D253F; } .plant-card { max-width: 525px; margin-left: auto; } .posw { max-width: 407px; top: 25%; } } /* MD Device :768px. */ @media (min-width: 768px) and (max-width: 991px) { .header-logo a img { max-width: 178px; } .hero-area { height: 555px; } .hero-text h3 { font-size: 26px; } .hero-text h4 { font-size: 26px; } .hero-btn a { width: 244px; height: 49px; line-height: 51px; font-size: 15px; } .pro-video-text h3 { font-size: 31px; line-height: 40px; margin-bottom: 15px; } .pro-video-text p { font-size: 18px; line-height: 32px; } .single-fik p { font-size: 16px; line-height: 22px; } .single-fik h3 { font-size: 26px; line-height: 46px; } .all-title h3 { font-size: 20px; line-height: 48px; margin-bottom: 9px; } .galery-btn a { width: 340px; height: 50px; line-height: 50px; font-size: 16px; } .single-dpa h3 { font-size: 31px; line-height: 45px; } .single-dpa.sp1 { padding-left: 37px; } .call-title h3 { font-size: 30px; line-height: 53px; } .cell-content h2 { font-size: 30px; line-height: 35px; margin: 0; } .single-itemn img { max-width: 40px; } .single-itemn p { font-size: 18px; line-height: 42px; } .single-itemn { width: 158px; text-align: center; } .plan-icon-fx { width: 625px; } .plan-btn { font-size: 30px; } .visit-wrap h2 { font-size: 30px; line-height: 38px; } .visit-wrap a { width: 320px; height: 51px; line-height: 48px; font-size: 17px; margin-top: 14px; } .visit-area { height: 270px; } .footer-list-widget { width: 586px; } .plan-btn { font-size: 25px; } .cell-content { width: 478px; } .footer-list-widget { width: 100%; } .header-logo a img { max-width: 170px; } .header-menu ul li a { font-size: 15px; } .header-menu ul li { margin-right: 70px; } .header-menu { padding-top: 49px; } .pro-video-text { width: 49%; } .pro-video-play { width: 49%; } .single-dpa.sp2 { padding-left: 129px; } .single-dpa.sp3 { padding-left: 231px; } .cell-content { width: 425px; } .plant-title h4 { font-size: 30px; line-height: 23px; text-align: left; } .cell-fx { width: 100%; } .single-sell { width: 378px; } .footer-ri img { max-width: 148px; } .footer-ri p { font-size: 18px; } .header-top-fl { padding: 0; } .header-top-fl a { font-size: 16px; } .hero-containt { padding: 0; } .pro-video-text h3 { font-size: 26px; line-height: 36px; margin-bottom: 8px; } .pro-video-text p { font-size: 16px; line-height: 26px; } .single-fik { width: 49%; margin-bottom: 30px; } .single-fik.z1 { margin-top: 0; } .single-fik.z2 { margin-top: 0; } .single-fik.z3 { margin-top: 0; } .zik-fl { margin-top: 30px; } .pro-video-play a img { max-width: 100px; } .pro-video-area { padding-top: 40px; padding-left: 20px; padding-right: 20px; } .galery-area { padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } .call-aera { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } .spa-area { padding-left: 20px; padding-right: 20px; } .cell-content { width: 320px; } .plant-img img { max-width: 497px; margin: auto; text-align: center; } .plant-img { text-align: center; } .footer-fx { display: block; justify-content: space-between; } .footer-ri { width: 100%; text-align: center; margin-bottom: 30px; } .footer-aera { padding: 40px 0; background: #3D253F; } .header-area.header-2 { position: unset; height: 215px; } .edif-content h3 { font-size: 36px; margin-bottom: 10px; line-height: 23px; } .edif-content p { font-size: 17px; line-height: 24px; width: 100%; } .edif-content a { width: 377px; height: 47px; font-size: 16px; margin: auto; } .edif-content { margin-bottom: 37px; } .calo-wrap { width: 100%; float: unset; } .calo-hdn h2 { font-size: 30px; color: #3D253F; font-weight: 700; line-height: 20px; } .calo-hdn h2 br { display: none; } .sito-single { width: 244px; margin-bottom: 30px; } .colo-aera { padding-top: 50px; padding-bottom: 0; } .pro-video-play a img { max-width: 70px; } .edif-content { margin-bottom: 19px; text-align: center; } .sito-single ul li { font-size: 14px; line-height: 24px; } .header-area.header-2 { padding-top: 29px; height: 175px; } .edif-img-1.mbl { display: block; } .edif-img-1 { display: none; } .edif-img-1.mbl { text-align: center; width: 500px; margin: auto; margin-bottom: 30px; } .edig-img { width: 500px; margin: auto; } .calo-img img { max-width: 476px; text-align: center; } .calo-img { text-align: center; margin-bottom: 40px; } .house-list ul li { font-size: 32px; line-height: 59px; } .house-image { width: 499px; } .house-list ul li::before { position: absolute; width: 178px; left: -211px; } .plan-icon-fx { width: 100%; } .plan-btns { width: 100%; margin: auto; margin-top: 27px; margin-bottom: 20px; text-align: center; } .plan-btns a { width: 210px; height: 50px; line-height: 45px; font-size: 12px; } .video-title h3 { font-size: 30px; line-height: 63px; } .pro-video-play.video { width: 100%; height: auto; } .pro-video-play.video img { height: 100%; } .tour-wrap a img { max-width: 130px; } .tour-area { padding-top: 20px; padding-bottom: 30px; } .tour-bg { height: 350px; } .tour-bg img { height: 100%; width: 100%; } .hero-area.hero-sec { height: 368px; padding-top: 0; } .contact-wrap h3 { font-size: 30px; margin-bottom: -1px; line-height: 46px; } .single-form input { width: 100%; height: 45px; padding: 0 13px; font-size: 19px; } .contact-wrap p { font-size: 18px; line-height: 27px; } .single-link { width: 100%; margin-bottom: 26px; } .nice-select { line-height: 36px; height: 40px; padding: 0 13px; font-size: 19px; } .single-bytton button { width: 190px; height: 43px; background: transparent; border: 1px solid #908291; font-size: 20px; font-weight: 600; color: #3D253F; } .mun-aera { padding-top: 50px; padding-bottom: 31px; } .contact-aera { padding-top: 28px; } .contact-form p { font-size: 17px; margin-bottom: 24px; } .cell-content.ct-pd { padding-left: 96px; } .footer-aera { padding: 60px 30px; background: #3D253F; } .posw { max-width: 540px; position: absolute; left: 0; top: 8%; display: none; position: unset; text-align: center; margin: auto; } } /* SM Small Device :320px. */ @media only screen and (min-width: 320px) and (max-width: 767px) { .header-logo a img { max-width: 178px; } .hero-area { height: auto; padding-top: 161px; } .hero-text h3 { font-size: 20px; } .hero-text h4 { font-size: 20px; } .hero-btn a { width: 244px; height: 49px; line-height: 51px; font-size: 15px; } .pro-video-text h3 { font-size: 31px; line-height: 40px; margin-bottom: 15px; } .pro-video-text p { font-size: 18px; line-height: 32px; } .single-fik p { font-size: 16px; line-height: 22px; } .single-fik h3 { font-size: 26px; line-height: 46px; } .all-title h3 { font-size: 20px; line-height: 48px; margin-bottom: 9px; } .galery-btn a { width: 160px; height: 42px; line-height: 43px; font-size: 13px; } .single-dpa h3 { font-size: 31px; line-height: 45px; } .single-dpa.sp1 { padding-left: 37px; } .call-title h3 { font-size: 30px; line-height: 53px; } .cell-content h2 { font-size: 24px; line-height: 33px; margin: 0; } .single-itemn img { max-width: 40px; } .single-itemn p { font-size: 18px; line-height: 42px; } .single-itemn { width: 129px; text-align: center; margin-bottom: 20px; } .plan-icon-fx { width: 100%; flex-wrap: wrap; } .plan-btn { font-size: 30px; } .visit-wrap h2 { font-size: 30px; line-height: 38px; } .visit-wrap a { width: 282px; height: 45px; line-height: 42px; font-size: 13px; margin-top: 14px; } .visit-area { height: 231px; } .footer-list-widget { width: 586px; } .plan-btn { font-size: 25px; } .cell-content { width: 478px; } .footer-list-widget { width: 100%; display: block; text-align: center; } .header-logo a img { max-width: 170px; } .header-menu ul li a { font-size: 15px; } .header-menu ul li { margin-right: 70px; } .header-menu { padding-top: 49px; } .pro-video-text { width: 100%; } .pro-video-text { width: 100%; margin-bottom: 28px; } .single-dpa.sp2 { padding-left: 95px; } .single-dpa.sp3 { padding-left: 160px; } .cell-content { width: 425px; } .plant-title h4 { font-size: 30px; line-height: 63px; } .cell-fx { width: 100%; display: block; } .single-sell { width: 100%; margin-bottom: 25px; } .footer-ri img { max-width: 114px; } .footer-ri p { font-size: 15px; } .header-top-fl { padding: 0; } .header-top-fl a { font-size: 14px; } .hero-containt { padding: 0; display: block; } .pro-video-text h3 { font-size: 26px; line-height: 36px; margin-bottom: 8px; } .pro-video-text p { font-size: 16px; line-height: 26px; } .single-fik { width: 100%; margin-bottom: 30px; } .single-fik.z1 { margin-top: 0; } .single-fik.z2 { margin-top: 0; } .single-fik.z3 { margin-top: 0; } .zik-fl { margin-top: 30px; } .pro-video-play a img { max-width: 63px; } .pro-video-area { padding-top: 40px; } .galery-area { padding-bottom: 30px; } .call-aera { padding-top: 30px; padding-bottom: 30px; } .cell-content { width: 100%; } .plant-img img { max-width: 100%; margin: auto; text-align: center; } .plant-img { text-align: center; } .footer-fx { display: block; justify-content: space-between; } .footer-ri { width: 100%; text-align: center; margin-bottom: 30px; } .footer-aera { padding: 40px 0; background: #3D253F; padding-bottom: 0; } .header-logo { display: none; } .header-area { padding: 25px 0; } .header-menu { padding-top: 49px; display: none; } .logo a img { max-width: 120px; } .bar a { font-size: 26px; color: #fff; height: 40px; width: 40px; background: #3D253F; display: flex; align-items: center; justify-content: center; border-radius: 5px; } .mobile-header { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; } .hero-text p { letter-spacing: 0px; font-size: 17px; line-height: 21px; } .hero-text a { width: 100%; height: 43px; line-height: 44px; letter-spacing: 0px; font-weight: 400; margin-bottom: 15px; } .hero-btn { text-align: center; } .pro-videp-fl { display: block; /* align-items: center; */ justify-content: space-between; } .pro-video-play { width: 100%; } .zik-para-area { padding-bottom: 0; } .visit-wrap h2 { font-size: 22px; line-height: 30px; } .single-list { margin-bottom: 20px; } .cell-content h2 br { display: none; } .mobile-header { display: flex; } .header-area.header-2 { position: unset; height: 215px; } .edif-content h3 { font-size: 36px; margin-bottom: 10px; line-height: 23px; } .edif-content p { font-size: 17px; line-height: 24px; width: 100%; } .edif-content a { width: 100%; height: 47px; font-size: 16px; margin: auto; } .edif-content { margin-bottom: 37px; } .calo-wrap { width: 100%; float: unset; } .calo-hdn h2 { font-size: 25px; color: #3D253F; font-weight: 700; line-height: 33px; } .calo-hdn h2 br { display: none; } .sito-single { width: 155px; margin-bottom: 30px; } .colo-aera { padding-top: 50px; padding-bottom: 0; } .pro-video-play a img { max-width: 50px; } .edif-content { margin-bottom: 19px; text-align: center; } .sito-single ul li { font-size: 14px; line-height: 24px; } .header-area.header-2 { padding-top: 29px; height: 175px; } .edif-img-1.mbl { display: block; } .edif-img-1 { display: none; } .edif-img-1.mbl { text-align: center; width: 100%; margin: auto; margin-bottom: 30px; height: 250px; } .edig-img { width: 100%; margin: auto; height: 250px; } .edig-img img{ height: 100%; width: 100%; } .calo-img img { max-width: 100%; text-align: center; } .calo-img { text-align: center; margin-bottom: 40px; } .edif-img-1.mbl img { height: 100%; width: 100%; } .house-list ul li { font-size: 19px; line-height: 34px; } .house-image { width: 100%; } .house-list ul li::before { position: absolute; width: 178px; left: -211px; display: none; } .plan-icon-fx { width: 100%; } .plan-btns { width: 100%; margin: auto; margin-top: 27px; margin-bottom: 20px; text-align: center; } .plan-btns a { width: 147px; height: 40px; line-height: 33px; font-size: 10px; } .house-area { padding-top: 24px; padding-bottom: 40px; } .house-wrap { display: block; align-items: center; } .video-title h3 { font-size: 24px; line-height: 63px; } .pro-video-play.video { width: 100%; height: 200px; } .pro-video-play.video img { height: 100%; } .tour-wrap a img { max-width: 83px; } .tour-area { padding-top: 20px; padding-bottom: 30px; } .tour-bg { height: 200px; } .tour-bg img { height: 100%; width: 100%; } .hero-area.hero-sec { height: auto; padding-top: 0; } .video-title.tour { text-align: left; padding-right: 0; padding-left: 15px; } .tour-wrap { position: absolute; top: 50%; transform: unset; text-align: center; left: 0; right: 0; } .contact-wrap h3 { font-size: 24px; margin-bottom: -1px; line-height: 46px; } .single-form input { width: 100%; height: 45px; padding: 0 13px; font-size: 19px; } .contact-wrap p { font-size: 18px; line-height: 27px; } .single-link { width: 100%; margin-bottom: 26px; } .nice-select { line-height: 36px; height: 40px; padding: 0 13px; font-size: 19px; } .single-bytton button { width: 190px; height: 43px; background: transparent; border: 1px solid #908291; font-size: 20px; font-weight: 600; color: #3D253F; } .mun-aera { padding-top: 50px; padding-bottom: 31px; } .contact-aera { padding-top: 28px; } .contact-form p { font-size: 15px; margin-bottom: 24px; } .cell-content.ct-pd { padding-left: 0; } .offcamva { position: fixed; width: 90%; height: 100%; background: #3D253F; z-index: 99999; top: 0; left: -100%; transition: .3s; } .offcanva-menu ul { margin: 0; padding: 0; list-style: none; } .offcanva-menu { margin-top: 70px; } .cross { position: absolute; top: 10px; right: 15px; } .cross a { font-size: 24px; color: #fff; } .offcanva-menu ul li a { font-size: 16px; color: #fff; font-weight: 500; padding: 12px 16px; display: block; border-bottom: 1px solid #ddd; transition: .3s; } .offcanva-menu ul li a:hover { padding-left: 30px; } .overlay { position: fixed; width: 100%; height: 100%; background: #3D253F; z-index: 1; opacity: .3; left: -100%; top: 0; transition: .3s; } .offcamva.active { left: 0; } .overlay.active { left: 0; } .offcamva { display: block; } .footer-aera { padding: 60px 30px; background: #3D253F; } .posw { max-width: 540px; position: absolute; left: 0; top: 8%; display: none; position: unset; text-align: center; margin: auto; } } /* SM Small Device :550px. */ @media only screen and (min-width: 576px) and (max-width: 767px) { }