::placeholder { color: #fff; opacity: 1; /* Firefox */} header{ /*grid-area: header;*/ height: 121px; /*position:relative;*/ border-top: 2px solid #192855;} /*header*/ .header-uper-wrap{ position: absolute; width: 100%; border-bottom:1px solid #e6e6e6; border-top: 3px solid #192855; z-index:1002; background-color:#fff; } .header-uper{ display: flex; width: 100%; margin: 0 auto; height:67px; background-color:#fff; } .h-burger{display: block; width: 70px; height: 67px; background-image:url(../nimg/burger-icon.svg); background-position:center; background-size:27px 20px; background-repeat:no-repeat; transition: visibility 0.4s ease 0.3s;} /*.h-burger::after{ display:block; position: absolute; content:" "; top:3px; right:0px; width:1px; height:59px; border-right:1px dotted #a4a4a4; }*/ .h-burger:hover .hb-menu-wrapper { visibility: visible; transition: visibility 0.4s ease 0.1s; } .h-logo-block{ position: relative; width:330px; height:67px; } .h-logo-block::before{ display:block; position: absolute; content:" "; top:3px; left:0px; width:1px; height:59px; border-right:1px dotted #a4a4a4; } .h-logo-block::after{ display:block; position: absolute; content:" "; top:3px; right:0px; width:1px; height:59px; border-right:1px dotted #a4a4a4; } .h-logo-block a{ display: block; height: 67px; padding: 21px 0 0 69px; background-image:url(../nimg/miami-residence-logo.svg); background-size:43px 42px; background-repeat:no-repeat; color:#232f53; background-position:top 12px left 18px; font-size:20px; line-height:14px; font-weight: 700; text-decoration:none; } .h-logo-block a span{display: block; font-size:11px; letter-spacing: 0.7px; font-weight: 500;} .h-upper-links{ display:flex; margin-left: auto; padding:18px 0 0 16px; } .h-upper-links a{ display:block; width:32px; height:32px; margin-right:14px; } .h-u-favorites{ background-image:url(../nimg/h-u-fav-icon.svg); text-align: center; padding-top: 9px; font-size:13px; line-height:13px; color:#f56800; text-decoration:none; font-weight:600; } .h-u-socials{ background-image:url(../nimg/h-u-social-icon.svg); } .h-u-user{ position: relative; background-image:url(../nimg/h-u-user-icon.svg); } .h-u-menu{ display:flex; margin-right:28px; } .h-u-menu li{ margin-left:24px; align-self:center; } .h-u-menu li a{color:#232f53; font-size:17px; line-height:17px; text-decoration:none; /*font-family: 'Murecho', sans-serif; */font-weight: 700;} .h-u-phone{ position: relative; display:block; height: 67px; padding: 0 18px 0 18px; color:#232f53; font-size:20px; line-height:20px; font-weight: 600; text-decoration:none; align-content:center; font-family: 'Murecho', sans-serif; } .h-u-phone::after{display:block; position: absolute; content:" "; top:3px; left:0px; width:1px; height:59px; border-right:1px dotted #a4a4a4; } .header-lower-wrap{background-color:#192855; -webkit-box-shadow: 0px 3px 11px -6px #000000; box-shadow: 0px 3px 11px -6px #000000; z-index:1001; } .header-lower{ display: flex; width: 100%; margin: 0 auto; height: 50px; } .h-l-search-wrapper{ display: inline-flex; margin-left:400px; width: auto; background-color:#111c3d; height:50px; padding-right:30px; padding-left:8px; } .h-l-header-menu-item{position: relative; flex-shrink: 0; padding: 0 34px 0 18px; margin-left: 1px; } .h-l-header-menu-item span{ position: relative; font-size:15px; color:#fff; font-size: 16px; line-height: 49px; font-weight: 600; cursor: pointer;} .h-l-header-menu-item span::after{position: absolute; display: block; top: 6px; right: -18px; width: 12px; height: 7px; content: ' '; background-image: url(../nimg/h-l-check.svg); background-repeat: no-repeat; } .h-l-search-box{ position: relative; width:330px; margin:8px 0 0 0; } .h-l-search-box input{ display: block; height: 34px; width: 100%; border: 0px; padding: 0px 0 0 34px; margin: 0px; border-radius:17px; background-image:url(../nimg/h-l-search-icon.svg); background-size:24px 24px; background-repeat:no-repeat; background-position:left 5px top 5px; color:#fff; font-size: 15px; line-height:15px; background-color: #3f4a6c; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/ } .h-l-search-box input::placeholder{color:#fff;} .h-l-search-box a{ position: absolute; top: 9px; right: 10px; display:block; width:17px; height:17px; background-image:url(../nimg/h-l-search-clear-icon.svg); background-repeat:no-repeat; } .h-l-search-box a:hover{ background-image:url(../nimg/h-l-search-clear-icon-act.svg); } .h-l-clear{ padding-top:11px; } .h-l-clear a{display: inline-block; padding: 5px 12px; border-radius: 16px; font-size:14px; line-height:14px; color: #fff; border:1px solid #6e7ba0; text-decoration: none;} .h-l-map{ display:flex; margin-left:auto; margin-right:6px; } .h-l-map p{ font-size:15px; color:#fff; align-self:center; } /* slider button Map Search*/ .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; margin: 13px 6px 0 6px;} .toggle-switch .toggle-input { display: none;} .toggle-switch .toggle-label { position: absolute; top: 0; left: 0; width: 44px; height: 26px; background-color: #eaeaea; border-radius: 34px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px inset; transition: background-color 0.3s;} .toggle-switch .toggle-label::before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; top: 2px; left: 2px; background-color: #fff; border: 3px solid #ff4b0c; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: transform 0.3s;} .toggle-switch .toggle-input:checked + .toggle-label { background-color: #ff4b0c;} .toggle-switch .toggle-input:checked + .toggle-label::before { transform: translateX(16px); border: 3px solid #ffffff; background-color: #ff4b0c;} /* Light tema */ .toggle-switch.light .toggle-label { background-color: #BEBEBE;} .toggle-switch.light .toggle-input:checked + .toggle-label { background-color: #9B9B9B; } .toggle-switch.light .toggle-input:checked + .toggle-label::before { transform: translateX(6px); } /* Dark tema */ .toggle-switch.dark .toggle-label { background-color: #4B4B4B;} .toggle-switch.dark .toggle-input:checked + .toggle-label { background-color: #717171;} .toggle-switch.dark .toggle-input:checked + .toggle-label::before { transform: translateX(16px); } /* Buger menu */ .hb-menu-wrapper{position:absolute; display: flex; visibility: hidden; flex-direction: row; top:68px; left: 0px; width:100%; min-height: 100px; padding: 40px 0 110px 0; z-index:100; background-color:#fff; border-bottom:1px solid #dcdcdc; transition: visibility 0.4s ease 0.1s; background-image: url(../nimg/hm-bg2.svg); background-repeat: repeat-x; background-size: 501px 90px; background-position: bottom 3px center; box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3); } .hb-left{ flex: 1; flex-basis: 60%; /* width: 60%;*/ padding-left: 26px; } .hb-left ul{ display: flex; flex-direction: row; flex-wrap: wrap; } .hb-left ul li{ width: 33.333%; margin-bottom: 36px; } .hb-left ul li a{ display: block; width: 90%; min-height: 32px; padding-left: 44px; text-decoration: none; color: #000; background-size: 32px 32px; background-repeat: no-repeat; background-position: left top ;transition: color 0.3s ease; } .hb-left ul li a:hover div, .hb-left ul li a:hover p{ color: #0050b2; transition: color 0.3s ease; } .hb-left ul li a div{ font-size: 16px; line-height: 16px; font-weight: 600; } .hb-left ul li a p{ margin-top: 6px; font-size: 13px; line-height: 13px;} a.hbm-oceanfront-condos{ background-image: url(../nimg/hbm-oceanfront-condos.svg); } a.hbm-single-family{ background-image: url(../nimg/hbm-single-family.svg); } a.hbm-new-dev{ background-image: url(../nimg/hbm-new-development.svg); } a.hbm-comercial{ background-image: url(../nimg/hbm-commercial.svg); } a.hbm-estimate{ background-image: url(../nimg/hbm-estimate.svg); } a.hbm-trends{ background-image: url(../nimg/hbm-market.svg); } a.hbm-exclusive{ background-image: url(../nimg/hbm-exclusive.svg); } a.hbm-foreclosures{ background-image: url(../nimg/hbm-foreclosures.svg); } a.hbm-virtual{ background-image: url(../nimg/hbm-virtual.svg); } a.hbm-tallest{ background-image: url(../nimg/hbm-tallest.svg); } a.hbm-just-listed{ background-image: url(../nimg/hbm-just-listed.svg); } a.hbm-agents{ background-image: url(../nimg/hbm-agent.svg); } .hbm-cont-lang-wrap{flex: 1; flex-basis: 40%; display: flex; flex-direction: row; } .hb-company{flex: 1; flex-basis: 50%; /*width: 20%;*/ padding: 0 0 0 24px; border-left: 1px solid #dcdcdc; } .hb-company h4{ font-size: 17px; line-height: 17px; font-weight: 600; } .hb-company ul { display: flex; flex-wrap: wrap; width: 135px; margin-top: 2px; } .hb-company ul li{} .hb-company ul li a{ display: block; width: 36px; height: 36px; margin:9px 9px 0 0; border: 1px solid; border-color: #486bb2; border-radius: 100%; } .hb-company ul li a:hover{ border-color: #1dadff; } .hbf-fb{ background-image: url(../nimg/hb-soc-fb.svg); } .hbf-linked-in{ background-image: url(../nimg/hb-soc-in.svg); } .hbf-instagram{ background-image: url(../nimg/hb-soc-insta.svg); } .hbf-telegram{ background-image: url(../nimg/hb-soc-telegram.svg); } .hbf-x{ background-image: url(../nimg/hb-soc-x.svg); } .hbf-youtube{ background-image: url(../nimg/hb-soc-ytube.svg); } .hb-company h5{ margin-top: 28px; font-size: 17px; line-height: 17px; font-weight: 600; } .hbc-telegram{ background-image: url(../nimg/hb-cont-telegram.svg); } .hbc-whatsapp{ background-image: url(../nimg/hb-cont-whatsapp.svg); } .hbc-teams{ background-image: url(../nimg/hb-cont-teams.svg); } .hb-phone{ display: block; margin-top: 8px; font-size: 19px; line-height: 19px; color: #053b84; text-decoration: none; } .hb-contact-agent{ display: flex; align-items: center; margin-top: 10px; } .hb-contact-agent span{ display: block; width: 34px; height: 34px; border-radius: 100%; border: 1px solid #979bad; background-image: url(../nimg/hb-agents.svg ); background-repeat: no-repeat; background-size: 20px 25px; background-position: center; } .hb-contact-agent p{ padding:0px 0 0 10px; font-size: 16px; line-height: 16px; white-space: nowrap; color: #000; } .hb-contact-agent p br{ display: none; } .hb-lang{flex: 1; flex-basis: 50%; padding: 0 0 0 24px; /* width: 20%;*/ border-left: 1px solid #dcdcdc; } .hb-lang h3{ font-size: 17px; line-height: 17px; font-weight: 600;} .hb-lang-wrapper{ margin-bottom: 30px; } .hb-lang-wrapper form { display: flex; flex-direction: row;} .hb-lang-wrapper label { cursor: pointer; position: relative;} .hb-lang-wrapper label + label { margin-left: 0px;} .hb-lang-wrapper input[type="radio"] { opacity: 0; /* hidden but still tabable */ position: absolute;} .hb-lang-wrapper input[type="radio"] + span { display: block; width: 62px; height: 15px; color: #B3CEFB; margin-top: 15px; padding: 0px 0 0 38px; font-size: 14px; line-height: 14px; color: #213356; ackground-size: 22px 15px; background-repeat: no-repeat; background-position: left 10px center; transition: all 0.4s; -webkit-transition: all 0.4s;} .hb-lang-wrapper label input[type="radio"]:checked + span { position: relative; color: #0073d4; font-weight: 600;} .hb-lang-wrapper label input[type="radio"]:checked + span::before{ position: absolute; left: 0; top: -3px; display: block; width: 6px; height: 6px; color: #0073d4; content: '•'; font-size: 18px; line-height: 18px; } .hb-lang-wrapper input[type="radio"]:focus + span { color: #213356;} .f3-en span { background-image: url(../nimg/nf-lang-eng.svg); } .f3-es span{ background-image: url(../nimg/nf-lang-sp.svg); } .f3-ru span{ background-image: url(../nimg/nf-lang-ru.svg); } .hb-ca-banner{ display: block; width: 186px; height: 49px; margin-top: 7px; background-image: url(../nimg/ca-banner.png); background-size: 186px 49px; } .hb-sw-banner{display: block; width: 186px; height: 49px; margin-top: 7px; background-image: url(../nimg/swf-banner.png); background-size: 186px 49px;} .mob-logo{ display: block; min-height: 35px; padding-left:48px; padding-top: 12px; text-decoration:none; background-image:url(../nimg/logo-mobile.svg); background-repeat:no-repeat; background-size:35px 35px; background-position:top 7px left 6px; } .mob-logo p{font-size:16px; line-height:16px; text-transform:uppercase; color:#232f53; font-weight:700; } .mob-logo span{display: block; font-size: 9px; line-height: 9px; text-transform: uppercase; color:#232f53; font-weight:700; letter-spacing: 0.9px;} ul.mob-buttons{ display:flex; margin-left:auto; } ul.mob-buttons li{} ul.mob-buttons li a{ display:block; width:46px; height:49px; background-size:29px 25px; background-position:center; background-repeat:no-repeat; } .mob-burger a{ background-image:url(../nimg/mob-burger.svg); } .mob-contact a{ background-image:url(../nimg/mob-contact.svg); } .mob-search a{ background-image:url(../nimg/mob-search.svg); } .mobile-header { display: none; /* Скрыт по умолчанию */ height: 49px; border-bottom: 1px solid #d4d4d4; box-shadow: 0px 2px 8px -6px #000000; } .header-mobile { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; transition: transform 0.3s ease; z-index: 1000;} .header-mobile--pinned { transform: translateY(0); } .header-mobile--unpinned { transform: translateY(-100%); } /* hidding top menu */ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;} .header-uper-wrap { position: absolute; width: 100%; border-bottom: 1px solid #e6e6e6; border-top: 3px solid #192855; z-index: 1002; background-color: #fff;} .header-uper { display: flex; width: 100%; margin: 0 auto; height: 67px; background-color: #fff;} .header-lower-wrap { background-color: #192855; -webkit-box-shadow: 0px 3px 11px -6px #000000; box-shadow: 0px 3px 11px -6px #000000; z-index: 1001;} .header-lower { display: flex; width: 100%; margin: 0 auto; height: 50px; } .header-top { transition: transform 0.3s ease;} .header-bottom { position: fixed; top: 71px; left: 0; width: 100%; transition: top 0.3s ease; z-index: 1001; } .header-top--unpinned { transform: translateY(-100%);} .header-bottom--unpinned { top: 0 !important; } .header-top--pinned { transform: translateY(0);} .header-bottom--pinned { top: 71px; } /******************************************************/ .header-top--unpinned .h-burger{ /*position: absolute;*/ margin-top: 70px; top: 70px; height: 48px; background-image: url(../nimg/h2-burger-white.svg); background-size: 26px 16px; border-left: 0; border-right: 0; background-position: top 13px center; z-index:1003;} .header-top--unpinned .h-burger::after{ height:40px; } .header-top--unpinned .h-logo-block a{position: absolute; top: 60px; left: 70px; height: 49px; background-image: url(../nimg/miami-residence-logo-white.svg); background-size: 36px 36px; background-position:top 14px left 18px;} .header-top--unpinned .h-logo-block a{ color:#fff; font-size:15px; line-height:15px; padding: 19px 0 0 62px;} .header-top--unpinned .h-logo-block a p span{font-size: 10px; letter-spacing: 0.2px;} .header-top--unpinned .h-upper-links{ margin-left:70px; } .header-top--unpinned .hb-menu-wrapper{ top:116px; } /******************************************************/ /* search menus */ .drop-block{ position: absolute; left: 0; padding: 14px 20px 20px 20px; border: 1px solid #e8e9eb; border-radius: 10px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.04); background-color: #fff; z-index:3; } .drop-block h3{font-size:16px; line-height:16px; font-weight: 600;} .drop-sep{ margin-top: 11px; width:100%; height:1px; background-color:#d0d0d0; } .drop-city{ width:100%; } .drop-city ul{ width:100%; } .drop-city ul li{ display:flex; margin-bottom:12px; } .drop-city ul li input{ width:16px; height:16px; margin:0; } .drop-city ul li label{ margin-left:9px; font-size:15px; line-height:15px; } .drop-type{ width:200px; } .drop-type-wrap{display: flex; flex-direction: column; } .drop-type-wrap div{display: flex; flex-direction: row; margin-top:13px; } .drop-type-wrap div input{ position: relative; width:20px; height:20px; margin: 0px; border:1px solid #4b4b4b; border-radius: 3px; appearance: none; background-color:#fff; } .drop-type-wrap div input:checked::after { content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; color: #ff0000; width:15px; height:12px; background-repeat:no-repeat; } .drop-type-wrap div label{ font-size:16px; line-height:16px; padding-top: 4px; padding-left: 6px; } .sr-condos-check input:checked::after{ background-image:url(../nimg/sr-condos-check.svg); } .sr-condos-check input:checked{ border-color:#11b800; } .sr-homes-check input:checked::after{ background-image:url(../nimg/sr-homes-check.svg); } .sr-homes-check input:checked{ border-color:#0d7ef2; } .sr-rent-check input:checked::after{ background-image:url(../nimg/sr-rent-check.svg); } .sr-rent-check input:checked{ border-color:#3f3f3f; } .sr-newdev-check input:checked::after{ background-image:url(../nimg/sr-newdev-check.svg); } .sr-newdev-check input:checked{ border-color:#8952d8; } .bedbath-type{} .drop-bed-wrap{display: flex; flex-direction: row; margin-top: 12px; } .drop-bb-toggle-btn{ display: block; width:44px; height:34px; margin-right: 1px; border: 1px solid #6c6c6c; border-radius:3px; font-size:16px; line-height:16px; font-family: 'Reddit Sans', sans-serif; } .drop-bb-toggle-btn[aria-pressed="true"] { background-color: #027bd9; color:#fff; } .drop-bb-toggle-btn[aria-pressed="true"]:hover{background-color: #0087f0;} .drop-bb-toggle-btn[aria-pressed="false"] { background-color: #fff; } .drop-bb-toggle-btn:hover { background-color:#efefef; } .drop-bb-toggle-btn:focus { outline: 1px solid #2ba1fc; outline-offset: -2px; } .drop-bb-toggle-btn:disabled { background-color: #bdbdbd; color: #6d6d6d; cursor: not-allowed; } .drop-bb-toggle-btn-small-text{ font-size:13px; } .drop-bb-margin{ margin-top:22px; } .drop-range{ display:flex; margin-top:12px; width:280px; } .drop-range select{ display: block; height:34px; width: 100%; padding: 0 0 0 8px; border:1px solid #979797; border-radius:4px; background-color:#fff; appearance: none !important; background-image: url(../nimg/dropdown-arrow-1.svg); background-repeat:no-repeat; background-position: right 6px top 13px; background-size: 13px 8px; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/ font-size: 16px; line-height: 18px; font-family: 'Reddit Sans', sans-serif; } .drop-range select option{ font-size: 16px; } .drop-range-min{ width:45%; } .drop-range-to{ width:10%; margin-top: 8px; text-align: center;} .drop-range-max{ width:45%;} .drop-range-buttons{ display: flex; margin-top:11px; } .drop-range-buttons a{ margin-top: 6px; margin-left: 5px; font-size: 16px; line-height: 16px; color:#265aa6; text-decoration:underline; } .drop-range-buttons button{ display:block; margin-left: auto; width:47%; height:30px; background-color:#2f8ade!important; border:none; border-radius:5px; color:#fff; font-weight:bold; font-size:15px; text-transform: none; background-image:none; } .drop-range input.input-range { display: block; height:34px; width: 100%; padding: 0 0 0 8px; border:1px solid #979797; border-radius:4px; background-color:#fff; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/ font-size: 16px; line-height: 18px; font-family: 'Reddit Sans', sans-serif; } .drop-range-min input.input-range::placeholder{ color:#858585; } .drop-range-max input.input-range::placeholder {color:#858585; } /* filters */ .drop-shade { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1001; } .drop-filters{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 700px; padding: 25px; background-color: #fff; z-index: 1002; border-radius: 5px; border:1px solid #e8e8e8;} .drop-f-top{ display:flex; } .drop-filters h3{font-size:22px; line-height:22px; font-weight:600; } .drop-f-close{display: block; margin-left: auto; width: 20px; height: 20px; background-size: 20px 20px; background-image: url(../nimg/fav-close-icon.svg); z-index: 2;} .drop-filters-wrap{ display: flex; width: 100%; margin-top: 0px; } .drop-f-line{ display:flex; width: 100%; margin-top:22px; } .drop-f-line-left{ width:47%; margin-right:6%; } .drop-f-line-right{ width:47%; } .drop-f-line h5{ white-space:nowrap; margin-bottom:5px; } .drop-line-input{ width:100%; } .drop-line-input input{ display:block; width:100%; padding: 0 2%; height:42px; font-size: 15px; color: #000; border:1px solid #8f8f9d; border-radius:3px; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/ } .drop-line-input input::placeholder{ color:#7d7d7d; } /* header search option */ .drop-ch-line{display:flex; flex-direction: column; width: 100%; margin-top:22px;} .drop-ch-line h5{ margin-bottom:4px; } .drop-ch-line-wrapper{ display:flex; } .drop-head-filters-wrap{display: flex; flex-direction: column; width: 100%; margin-top: 0px; } .drop-filters-left{ width:42%; margin-right:6%; } .drop-filters-right{ width:52%; } .drop-head-filters-wrap h5{ font-size:15px; line-height:15px; font-weight:600; } .drop-head-filters-wrap .drop-range{ margin-top:5px; } /*.drop-filters-wrap .drop-range-to{ padding-top:6px; }*/ .drop-range-wide{ display: flex; width:100%; } .drop-line2-wrapper{ display:flex; } .drop-left-part{ width:50%; } .drop-right-part{ width:50%; } .drop-radio{ margin-top:6px; } .drop-radio input { margin: 0; border: 1px solid #000 !important; height: 16px; width: 16px;} .drop-radio label{ font-size:16px; line-height:16px; } .drop-check{} .drop-check-wrap{ display:flex; margin-top:5px; margin-bottom:9px; } .drop-check-wrap input{position: relative; margin: 0; width:20px; height:20px; border:1px solid #4b4b4b; border-radius: 3px; appearance: none; background-color:#fff;} .drop-check-wrap input:checked::after { content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; color: #ff0000; width:15px; height:12px; background-repeat:no-repeat; background-image:url(../nimg/sr-rent-check.svg); } .drop-check-wrap label{font-size:14px; line-height:14px; padding-top: 4px; padding-left: 5px;} .drop-button{ margin-left: auto; margin-top: 0px; width: 130px; height: 34px; font-size: 15px; line-height: 15px; font-weight: 600; color: #fff; background-color: #2f8ade; font-family: 'Reddit Sans', sans-serif; border: none; border-radius: 4px; cursor: pointer;} .drop-button:hover{ background-color:#3f9cf1; } .drop-bb-nopadding{ padding:0; } .drop-buttons-line{ display:flex; width:100%; } .drop-buttons-line .drop-button{ margin-left:0; margin-right:5px; } .drop-buttons-line a{position: relative; display:block; margin-left:auto; margin-top:0px; color:#0c6dc7; } .drop-buttons-line a::after{ position:absolute; display:block; top: 14px; left: -14px; width:10px; height:10px; background-image:url(../nimg/hs-adv-search.svg); content:' '; } .sr-drop-button{ display: block; width: 120px; height: 34px; margin-top: 16px; background-color:#2f8ade; border:none; color:#fff; font-size:16px; font-weight:600; font-family: 'Reddit Sans', sans-serif; cursor:pointer; border-radius:5px; } /* header search mob */ /**/ .mb4-title2{ margin-top: 16px; font-size: 19px; line-height: 19px; font-weight: 600; } .hsm-types{ display:flex; flex-direction:row; flex-wrap:no-wrap; margin-top:8px; justify-content:space-between; } .hsm-types.drop-type-wrap div { /*width:33%;*/ margin-bottom: 17px; margin-top: 0px;} .hsm-types.drop-type-wrap div input { width: 24px; height: 24px;} .hsm-types.drop-type-wrap div label { padding-left: 6px;} .drop-resp-wrap{ display:flex; } .drop-resp-left{ width:47%; margin-right:6%; } .drop-resp-right{width:47%;} .srb-line{ margin-top:0px; } .srb-line.drop-resp-left{ width:100%; } .srb-line h5{font-size: 15px; line-height: 15px; font-weight: 600; } .srb-line .drop-range{ width:100%; margin-top:7px; } .srb-line .drop-range select { height: 42px; background-position: right 6px top 16px; } .hsm-line{ margin-top:26px; } .hsm-line h5{font-size: 15px; line-height: 15px; font-weight: 600; } .hsm-line .drop-line-input{ margin-top:7px; } .hsm-line .drop-bed-wrap{ } .hsm-line .drop-bed-wrap button{ width:13.85%; margin-right:0.5%; height:38px; } .hsm-btn-last{ margin-right:0; } .hsm-line .drop-bed-wrap { margin-top: 7px;} .hsm-line .drop-range{ width:100%; margin-top:7px; } .drop-bed-wrap.drop-bath-wrap button{ width:16.25%; } .hsm-checkbox-wrap{ display:flex;} .hsm-checkbox-wrap .drop-check-wrap{ margin:0; } .hsm-checkbox-wrap div:nth-child(odd){ width:55%; } .hsm-checkbox-wrap div:nth-child(even){ width:45%; } .hsm-checkbox-wrap.hsm-special-line .drop-check-wrap label{ color:#0866ae; font-weight:600; font-size:16px; } .drop-f-line-left.hsm-checkbox-wrap.hsm-halfbath{ order:2; margin-right:0; margin-left:6%; } .hsm-line .drop-range select { height: 36px;} .hsm-checkbox-wrap .drop-check-wrap input { width: 24px; height: 24px; border: 1px solid #979797; flex-shrink: 0;} .hsm-checkbox-wrap .drop-check-wrap label { padding-top: 5px; font-size:15px; white-space:nowrap; } .hsm-checkbox-wrap .drop-check-wrap label span{display: block; font-size:13px; padding-top: 2px; /*margin-left:4px;*/ } .hsm-4-check{ margin-top:7px; flex-wrap:wrap; } .hsm-check-2lines label{ padding-top:0!important; } .hsm-4-check.hsm-checkbox-wrap div:nth-child(3), .hsm-4-check.hsm-checkbox-wrap div:nth-child(4), .hsm-4-check.hsm-checkbox-wrap div:nth-child(5), .hsm-4-check.hsm-checkbox-wrap div:nth-child(6){ margin-top:14px; } .drop-f-line-left.hsm-checkbox-wrap .drop-check-wrap{ margin-top:0px; margin-bottom:10px; } .hsm-button-line{ position: sticky; bottom: 0; display: flex; width: 100%; height: 60px; padding-top:10px; background-color:#fff; border-top: 1px solid #e3e3e3; } .hsm-button-line button{ width:135px; height:40px; border-radius:5px; font-family: 'Reddit Sans', sans-serif; cursor:pointer; } .hsm-search{ background-color:#ff6d00; border:none; margin-right: 5px; color: #fff; font-size: 18px;} .hsm-clear{ background-color:#fff; border:1px solid #2f8ade; color:#2f8ade; font-size:16px; } .drop-ch-line-wrapper.hsm-drop{ display:flex; flex-wrap:wrap; } .drop-ch-line-wrapper.hsm-drop div:nth-child(3), .drop-ch-line-wrapper.hsm-drop div:nth-child(4){ margin-top:12px; } .drop-radio {display: flex; flex-wrap: wrap; } .drop-radio div{ display:flex; } .hsm-furni-no{ margin-left:20px; } .drop-radio input{ width:22px; height:22px; } .drop-radio label{ margin-left:5px; margin-top:4px; } .hsm-furnished-wrap{ flex-direction:column; } .hsm-sep{ margin-top: 10px; height:1px; width:100%; background-color:#0866b7; } .hsm-condo{ margin-top: 12px; background-color:#f8f8f8; padding:10px 6px 10px 7px; } .hsm-condo-trigger{ display: block; height: 22px; padding: 3px 0 0 0px; background-repeat: no-repeat; background-position: left center; background-size: 25px 25px; font-size: 16px; line-height: 16px; text-decoration: underline; font-weight: 600; color:#0364c8; } .hsm-condo-trigger:focus{ text-decoration: underline; } .hsm-condo-trigger div{ float: right; width: 18px; height: 18px; background-image: url(../nimg/spoiler-plus.svg); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; } .hsm-condo.active div{background-image: url(../nimg/spoiler-minus.svg);} .hsm-condo-block{ display:none; } .hsm-condo-content{} .hsm-condo-content ul{ display:flex; flex-wrap:wrap; margin-top:6px; } .hsm-condo-content ul li{display: flex; width:49%; padding:7px 0; margin-right: 2%; align-items: center } .hsm-condo-content ul li:nth-child(even){ margin-right:0; } .hsm-condo-content ul li input{ margin:0; width:20px; height:20px; } .hsm-condo-content ul li label{ font-size:14px; line-height:14px; font-weight:400; margin-left:4px; } /*rent*/ .hsm-rent-content .hsm-types.drop-type-wrap div { width: 50%; } /*search from tabs*/ .hsm-tabs { max-width: 100%; margin: 20px 0 0 0px;} .hsm-tabs__caption { display: flex; flex-wrap: wrap; position: relative; margin: -1px 0 0 -1px; border-bottom:1px solid #979797!important; } .hsm-tabs__caption:after { content: ''; display: table; clear: both;} .hsm-tabs__caption li { padding: 11px 0; /*width: 35%;*/ width: 49.75%; margin-bottom: -1px; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #000; position: relative; border: 1px solid #979797; text-align: center; font-size: 21px; line-height: 21px; font-weight: 600; background-color: #f3f3f3; } .hsm-tabs-2nd{margin-left: 0.5%; } .hsm-tabs__caption li:not(.active) { cursor: pointer;} .hsm-tabs__caption li:not(.active):hover { color: #169dcf; } .hsm-tabs__caption .active { background: #FFF; font-size: 21px; line-height: 21px; } .hsm-tabs__caption .active:after { position: absolute; bottom: -1px; left: 0px; height:1px; width:100%; background-color:#fff; content:' '; } /* white line */ .hsm-tabs__content { display: none; } .hsm-tabs__content.active { display: block;} /* user menu */ .h-u-user-wrapper{ position:relative; } .h-u-user-menu{ position:absolute; right:0; width: 250px; padding: 15px 15px 20px 15px; background-color:#fff; border:1px solid #e8e9eb; border-radius:8px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.08);} .h-u-user-menu p{ font-size:16px; line-height:16px; font-weight:600; } .h-u-user-sep{ width:100%; height:1px; margin-top: 11px; margin-bottom: 15px; background-color:#d0d0d0; } .h-u-user-menu ul{ width:100%; } .h-u-user-menu ul li{ margin-top:12px; } .h-u-user-menu ul li a{ background:none; white-space:nowrap; width:auto; height:auto; text-decoration:none; color:#000; } /* SEARCH MOBILE / contact agent form */ .cn-shade-layer{ position: fixed; /*display: flex;*/ display: none; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0,0,0,0.8); justify-content: center; align-items: center; padding: 48px 16px; } .cn-contact-form{position: relative; display: flex; width: 600px; min-height: 0px; max-height: 100%; margin: 0 auto; border-radius:12px; background-color: #fff; } .mb-body-section{ width: 100%; display: flex; flex-direction: column; padding: 0 10px 0 10px; border-radius:12px; padding-bottom: 3px;} .cn-contact-form .menu__header2 { display: flex; justify-content: space-between; padding: 20px 10px 10px 10px; } .menu__header2 { display: flex; justify-content: space-between; padding: 12px 10px 9px 10px;} .menu__header2 p { padding-top: 9px; font-size: 22px; line-height: 22px; font-weight: bold; vertical-align: center; white-space: nowrap;} .menu__header2 button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; cursor: pointer;} .menu__header2 button div { width: 20px; height: 1px; background-color:#192855; position: relative; transform: rotate(5.5rad);} .menu__header2 button div:before { content: ''; width: 1px; height: 20px; background-color:#192855; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .sch-separator2{ padding: 0 10px; } .sch-separator2 p{ width: 100%; height:1px; background-color:#b6b6b6;} .mb4-content{ display: flex; flex-direction: column; width: 100%; padding-bottom: 74px; padding-right: 10px; padding-left: 10px; overflow-y: auto; } .mb4-contact-call{ margin-top: 14px; padding: 11px 10px 16px; background-color:#f4f5fb; } .mb4-contact-call p{ font-size:14px; line-height:17px; font-weight:400; } .mb4-contact-call a{ display:block; height: 37px; margin-top: 8px; padding-left: 45px; font-size:20px; line-height:34px; color:#004fc5; font-weight:600; background-image:url(../nimg/cn-call-icon.svg); background-size:34px 37px; background-repeat:no-repeat; background-position:left; } .mb4-contact-call span{ display:block; margin-top: 4px; font-size:14px; line-height:17px; font-weight:600; }/* cn-call-icon.svg cn-live-chat-icon.svg */ .mb4-contact-livechat{ margin-top: 6px; padding: 11px 10px 16px; background-color:#f3f7fd; } .mb4-contact-livechat a{ display:block; height: 37px; margin-top: 8px; padding-left: 45px; font-size:20px; line-height:34px; color:#004fc5; font-weight:600; background-image:url(../nimg/cn-live-chat-icon.svg); background-size:34px 37px; background-repeat:no-repeat; background-position:left; } .mb4-contact-livechat p{ margin-top: 4px; font-size:14px; line-height:17px; font-weight:600; } .mb4-footer{ position:absolute; bottom: 0; left: 0; right: 0; background-color: #f7f7f7; z-index:10; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } .mb4-footer-buttons{ display:flex; padding:10px 20px 10px; } .mb4-footer-buttons a{ display: block; width:auto; margin-left: auto; height: 40px; font-size: 17px; line-height: 40px; border-radius:6px; text-decoration: none; text-align: center; font-weight: 600;} .mb4-footer-request{ background-color:#22a5d5; color: #fff; } .mb4-footer-request:hover{ background-color:#23b2e6; } .mb4-footer-showing{ background-color:#fff; border:1px solid #22a5d5; color:#22a5d5; } .mb4-footer-showing:hover{ background-color:#e5f8ff; } .mb4-footer-buttons p{ width:10%; font-size:17px; line-height:40px; color:#000; text-align:center; } .mb4-button-center{ margin:0 auto; width:60%!important; } .mobile-search{ min-width:650px; } .mobile-search .mb4-content{ padding-bottom:100px; } /* mobile menu */ .mobile-menu{ } .mm-page.mm-slideout{ } .mm-navbar__title{ } .mm-menu--theme-light { --mm-color-background: #fff!important;} .mm-navbar__title span{ font-size: 15px; line-height: 16px; text-transform: uppercase; color: #232f53; font-weight: 700; } .mm-btn--close::before{ content:' '!important; width:19px; height:19px; background-image:url(../nimg/mmenu-colse.svg); background-size:19px 19px; } .mobile-menu .mm-btn.mm-hidden + .mm-navbar__title:not(:last-child) { padding-inline-start: 20px; justify-content:start; } /*.mm-listitem__text{ font-size: 16px; }*/ .mm-menu--theme-light { --mm-color-border: rgba(0, 0, 0, 0.07)!important; } .mm-listitem::after { inset-inline-start: 0px!important;} /* line from the start */ .mm-fav-wrap{ display:flex!important; flex-direction:row!important; } .mm-fav{ min-width:20px; height: 22px; margin-left: 6px; padding: 0px 10px; border-radius:10px; background-color:#f4f4f4; border: 1px solid #d7d7d7; color:#ff6d02; font-size:16px; line-height:20px; box-sizing:border-box; } .mobile-menu ul li.mm-b-item{ font-size:18px!important; font-weight:700; background-color:#f8f8f8; } .mm-social{ display:flex; flex-direction: row; height:90px; padding-top:38px!important; padding-left:20px!important; padding-bottom: 18px!important; /*border:none!important; */ } .mm-social a{ display: block; flex-basis: 34px!important; width: 34px!important; height: 34px; flex-grow: 0!important; padding: 0!important; margin: 0px 9px 0 0; border: 1px solid; border-color: #486bb2; border-radius: 0; border-radius: 17px;} .mm-social-fb{ background-image: url(../nimg/hb-soc-fb.svg); } .mm-social-insta{ background-image: url(../nimg/hb-soc-insta.svg); } .mm-social-yt{background-image: url(../nimg/hb-soc-ytube.svg); } .mm-contact{ flex-direction: column; padding-left:20px!important; padding-top:18px!important; background-color:#fafafa; } .mm-contact::after{ display:none!important; } .mm-contact p{position: relative; padding-left: 44px; font-size:13px!important; line-height:14px!important; } .mm-contact a{ padding:1px 0 0 44px!important; font-size: 17px; line-height: 17px; color: #053b84!important; text-decoration: underline!important; } .mm-contact p::before{ position:absolute; top: 0; left: 0; display:block; height:32px; width:32px; content:" "; border:1px solid #486bb2; border-radius: 17px; z-index:1; background-image:url(../nimg/mm-call-icon.svg); background-repeat:no-repeat; background-position:center; background-size:18px 18px; } .mm-contact2{display:flex; flex-direction: row!important; flex-direction: column; padding-left:20px!important; padding-bottom: 18px!important; padding-top:15px!important; background-color:#fafafa; } .mm-contact2 a{display: block; flex-basis: 34px!important; width: 34px!important; height: 34px; flex-grow: 0!important; padding: 0!important; margin: 0px 9px 0 0; border: 1px solid; border-color: #486bb2; border-radius: 0; border-radius: 17px;} .mm-cont-telegram{ background-image: url(../nimg/hb-cont-telegram.svg); } .mm-cont-whatsapp{background-image: url(../nimg/hb-cont-whatsapp.svg);} .mm-cont-teams{background-image: url(../nimg/hb-cont-teams.svg);} .mm-language{ flex-direction: row!important; padding-left:20px!important; margin-top:18px!important; padding-bottom: 18px!important; } .mm-language a{ display: block; flex-basis: 34px!important; width: 34px!important; height: 34px; flex-grow: 0!important; padding: 0!important; margin: 0px 9px 0 0; border: 1px solid; border-color: #b4b4b4; border-radius: 0; border-radius: 5px; background-size: 22px 15px; background-repeat: no-repeat; background-position: center;} .mm-lang-eng{ background-image: url(../nimg/nf-lang-eng.svg); } .mm-lang-esp{background-image: url(../nimg/nf-lang-sp.svg);} .mm-lang-rus{background-image: url(../nimg/nf-lang-ru.svg);} .mm-lang-active{ background-color:#e9e9e9; border-color: #616161!important; } .mm-ca{padding-left:20px!important; padding-top:18px!important; background-color:#fafafa;} .mm-ca::after{ display:none!important; } .mm-ca a{ position:relative; display: flex; padding: 0; padding-top: 6px; padding-left: 40px; padding-bottom:18px; } .mm-ca a span{ color:#ff0000; } .mm-ca a::before{ position:absolute; top: 0; left: 0; display:block; height:32px; width:32px; content:" "; border:1px solid #999999; border-radius: 17px; z-index:1; background-image:url(../nimg/mm-ca-logo-2.svg); background-repeat:no-repeat; background-position:center; background-size:25px 10px; } .mm-swf{padding-left:20px!important; padding-top:0px!important; background-color:#fafafa;} .mm-swf a{position:relative; display: flex; padding: 0; padding-top: 6px; padding-left: 40px; padding-bottom:28px; } .mm-swf a span{ color:#ff8b00; } .mm-swf a::before{ position:absolute; top: 0; left: 0; display:block; height:32px; width:32px; content:" "; border:1px solid #999999; border-radius: 17px; z-index:1; background-image:url(../nimg/mm-swf-logo-2.svg); background-repeat:no-repeat; background-position:center; background-size:25px 10px; } /* MEDIA */ @media screen and (min-width: 2560px) { .header-uper, .header-lower {width:2540px; margin: 0 auto; } } @media screen and (max-width: 2300px) { .hb-left{ flex-basis: 70%;} .hbm-cont-lang-wrap{ flex-basis: 30%;} } @media screen and (max-width: 1920px) { .h-logo-block { width: 290px;} .h-l-search-wrapper{ margin-left:360px;} } @media screen and (max-width: 1600px) { header { height: 96px; } .header-uper { height: 46px; } .h-logo-block { height: 46px; } .h-burger { height: 46px; } .h-u-phone { height: 46px; } .h-logo-block a { height: 46px; font-size: 18px; line-height: 14px; background-size: 38px 38px; padding: 11px 0 0 60px; background-position: top 5px left 14px; } .h-logo-block a span { font-size: 10px; letter-spacing: 0.6px; } .h-logo-block::after, .h-logo-block::before, .h-burger::after, .h-u-phone::after { height: 38px; } .h-u-menu li a { font-size: 16px; line-height: 16px; } .h-upper-links { padding: 8px 0 0 16px; } .header-bottom { top: 51px; } .header-bottom--pinned { top: 51px; } .h-u-phone { font-size: 17px;} .header-lower { height: 40px;} .toggle-switch { margin: 8px 5px 0 5px;} .h-l-search-wrapper { height: 40px;} .h-l-header-menu-item span { font-size: 14px; line-height: 46px;} .h-l-search-box { margin: 5px 0 0 0;} .h-l-search-box a { top: 7px;} .h-l-header-menu-item span { line-height: 40px; } .h-l-clear { padding-top: 8px;} .header-top--unpinned .h-burger{ margin-top: 45px; height:38px; background-position: top 13px center; } .header-top--unpinned .h-logo-block a{ top: 33px; background-size: 31px 31px; background-position: top 17px left 18px; margin-left: -74px;} .h-l-search-box input { height: 30px;} /*header *******/ .header-top--unpinned .hb-menu-wrapper{ top:85px; } .hb-menu-wrapper { top: 48px; } .hb-left { flex-basis: 65%;} .hbm-cont-lang-wrap { flex-basis: 35%; } .drop-city ul{ height:500px; overflow-y:scroll; } } /* 1600 */ @media screen and (max-width: 1500px) { /*.h-l-search-wrapper { margin-left: 125px; }*/ .header-top--unpinned .h-logo-block a { left: 65px;} }/* 1500*/ @media screen and (max-width: 1400px) { .h-logo-block { width: 246px; } .h-burger { width: 55px;} .h-logo-block a span { letter-spacing: 0.4px;} .h-l-search-wrapper { margin-left: 300px; } .header-top--unpinned .h-logo-block a { left: 55px; font-size: 14px; line-height: 14px; } .header-top--unpinned .h-logo-block a p span { font-size: 9px; letter-spacing: 0.4px;} .h-l-map p { font-size: 13px;} .hb-menu-wrapper { padding: 40px 0 80px 0; background-size: 445px 80px;} .drop-city ul{ height:410px; } }/* 1400*/ @media screen and (max-width: 1300px) { .h-u-menu li a { font-size: 15px; line-height: 15px;} .h-u-phone { padding: 0 14px 0 14px; font-size: 18px; line-height: 18px;} .header-top--unpinned .h-logo-block a p{ display:none; } .header-bottom--unpinned .h-l-search-wrapper { margin-left: 120px; } .hb-left { flex-basis: 60%;} .hbm-cont-lang-wrap { flex-basis: 40%; } .hb-left ul li { margin-bottom: 26px;} .hb-company h4 { font-size: 16px; line-height: 16px;} .hb-company h5{ margin-top: 20px; font-size: 16px; line-height: 16px;} .hb-company ul li a { width: 32px; height: 32px; margin: 5px 7px 0 0;} .hb-contact-agent p { font-size: 15px; line-height: 15px;} .hb-lang h3 { font-size: 16px; line-height: 16px;} .h-l-search-wrapper { padding-right: 10px; margin-right: 6px;} .h-l-header-menu-item { padding: 0 34px 0 8px;} .drop-city{width:250px; } }/* 1300 */ @media screen and (max-width: 1230px) { .h-l-header-menu-item { padding: 0 34px 0 4px; } } @media screen and (max-width: 1200px) { .h-l-header-menu-item { padding: 0 34px 0 10px;} .h-l-map p{ margin-left:8px; } .h-u-phone { font-size: 16px;} .h-u-menu li { margin-left: 16px;} .h-u-menu li a {font-size: 14px;line-height: 14px; } .h-l-search-wrapper { margin-left: 0px; } .hb-left{ flex-basis: 75%;} .hb-left ul li a p { margin-top: 5px; font-size: 12px; line-height: 12px;} .hb-left ul li { margin-bottom: 26px;} .hb-left ul li a{display: flex;} .hb-left ul li a p{ display: none; } .hb-left ul li a div{ display: flex; align-items: center; font-size: 15px; line-height: 15px;} .hb-company { flex-basis: 45%;} .hb-company h5 { margin-top: 20px;} .hb-lang { flex-basis: 55%; margin-top: 20px; } .hb-contact-agent p { font-size: 14px; line-height: 16px; white-space: wrap; } .hb-contact-agent p br{display: block;} .drop-city{width:100%; } .hbm-cont-lang-wrap{ flex-basis: 25%;} }/* 1200 */ @media screen and (max-width: 1100px) { .h-l-map p { font-size:14px; } .h-l-map p span{ display:block; } } @media screen and (max-width: 1024px) { header { display: none; /* hide main header*/ } .mobile-header { display: flex; /* show mobile header */ } .drop-filters, .drop-shade{ display:none; } } @media screen and (max-width: 850px) { .header-search-mob{ min-width: 600px;} } @media screen and (max-width: 700px) { .header-search-mob{ min-width: 90%;} .drop-resp-wrap{ flex-direction:column; } .drop-resp-left{ width:100%; margin-right:0; } .drop-resp-right{width:100%;} /* search --mob*/ .drop-f-line-left.hsm-checkbox-wrap.hsm-halfbath{ order:0; margin-right:6%; margin-left:0; } /* contact agent form */ .mobile-search{ min-width:100%; } .cn-shade-layer{ padding:0; } .cn-contact-form{ width: auto; width: 100%; height:100%; border-radius:0px; overflow-y:scroll; } .cn-contact-form .menu__header {padding: 8px 0px 8px 0px; } .menu__header button { width: 36px; height: 36px;} .mb4-footer-buttons{ border-radius:0px;} .mb4-content{ padding-bottom: 70px; overflow-y: scroll;} .mb4-footer{ position:fixed; bottom: 0; left: 0; right: 0; } } @media screen and (max-width: 450px) { .header-search-mob{ min-width: 100%;} .header-search-mob { padding: 10px 10px 0px 10px;} .hsm-line .drop-range-min {width: 47%;} .hsm-line .drop-range-to {width: 6%; font-size: 13px; margin-top: 11px;} .hsm-line .drop-range-max { width: 47%;} .hsm-checkbox-wrap div:nth-child(2n+1) { width: 53%;} .hsm-checkbox-wrap div:nth-child(2n) { width: 47%;} .hsm-checkbox-wrap .drop-check-wrap label span{ display:block; margin-left:0; margin-top:3px; } .hsm-line {margin-top: 26px;} } @media screen and (max-width: 450px) { .hsm-types.drop-type-wrap div{ align-items:center; } .hsm-types.drop-type-wrap div label{ display:flex; flex-direction:column; padding-top:0; } } @media screen and (max-width: 360px) { .hsm-types div label { font-size: 15px;} /* contact agent form */ .mb4-footer-buttons { padding: 5px 10px 10px;} .mb4-footer-buttons a { font-size: 16px;} } @media screen and (max-width: 350px) { .hsm-types div label { font-size: 14px; } }