#intro { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; } #intro video { display: block; width: 100%; height: 100%; object-position: center; object-fit: cover; } #side-navigation { position: fixed; top: 50%; right: 20px; z-index: 1001; padding-bottom: 195px; transform: translateY(-50%); } #side-navigation.nav-active-section-sliders { color: var(--tertiary) } #side-navigation::after { content: ''; background: var(--primary); width: 1px; height: 100px; position: absolute; left: 50%; bottom: 0; } #side-navigation.nav-active-section-sliders::after { background: var(--tertiary) } #side-navigation .aios-section-nav { display: none !important; color: var(--primary); } .social-side { display: flex; flex-direction: column; align-items: center; } .social-side a { font-size: 17px; color: var(--primary); margin: 15px 0; transition: all 0.3s ease; } .social-side a:hover { opacity: 0.6; } #side-navigation.nav-active-section-sliders a { color: var(--tertiary); } .social-side-text { display: block; width: 75px; position: absolute; bottom: 175px; left: 50%; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; transform: rotate(90deg) translateY(-50%); transform-origin: left top 0; white-space: nowrap; } #sliders { position: relative; } #sliders canvas { height: 100vh; } #sliders .search-for-homes { position: absolute; top: 50%; left: 50%; z-index: 12; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; max-width: 401px; width: 100%; min-height: 75px; padding: 10px; font-family: var(--font-family-title); font-size: 24px; color: var(--tertiary); text-transform: uppercase; letter-spacing: .15em; border: solid 1px var(--tertiary); transition: all .3s linear; } #sliders .search-for-homes::before { content: ''; width: 3px; height: 35px; margin-right: 17px; background-color: var(--tertiary); } #sliders .search-for-homes:hover { background-color: var(--tertiary); border-color: var(--secondary); color: var(--primary); } #sliders .search-for-homes:hover::before { background-color: var(--primary); } .icon-scroll, .icon-scroll::before { position: absolute; left: 50%; z-index: 11; transition: all .3s linear; } .icon-scroll { width: 20px; height: 39px; margin-left: -10px; bottom: 75px; box-shadow: inset 0 0 0 1px var(--tertiary); border-radius: 25px; } .icon-scroll:hover { background-color: var(--tertiary); } .icon-scroll::before { content: ''; width: 3px; height: 9px; background: var(--tertiary); margin-left: -2px; top: 7px; border-radius: 4px; } .icon-scroll:hover::before { background: var(--secondary); top: 20px; } #quick-search { max-width: 1380px; width: 100%; position: relative; z-index: 100; } #quick-search .row { display: flex; align-items: center; flex-wrap: wrap; } #quick-search .col { padding: 0 15px; width: 31%; } #quick-search .quick-search-form { /*flex-grow: 1;*/ width: 69%; padding: 25px 70px; } #quick-search .form-title { font-family: var(--font-family-title); font-size: 28px; letter-spacing: .1em; text-transform: uppercase; } #quick-search form { display: flex; align-items: center; margin-top: 30px; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; } .quick-search-col { padding: 0 15px; width: 165px; } .quick-search-fields { display: flex; padding-left: 0; padding-right: 0; flex-wrap: wrap; /*flex-grow: 1;*/ width: calc(100% - 165px); } .quick-search-input { width: 50%; padding: 0 15px 40px; } .quick-search-input.checkboxes { display: flex; flex-wrap: wrap; padding-bottom: 0; width: 100%; } .quick-search-input.checkboxes label { display: flex; align-items: center; position: relative; cursor: pointer; user-select: none; padding-right: 30px; margin-bottom: 5px; } .quick-search-input.checkboxes label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { top: 0; left: 0; height: 19px; width: 19px; margin-right: 13px; border: solid 2px var(--primary); } .quick-search-input.checkboxes label:hover input ~ .checkmark { background-color: var(--primary); } .quick-search-input.checkboxes label input:checked ~ .checkmark { background-color: transparent; } .checkmark:after { content: ""; position: absolute; display: none; } .quick-search-input.checkboxes label input:checked ~ .checkmark:after { display: block; } .quick-search-input.checkboxes label .checkmark:after { left: 7px; top: 3px; width: 6px; height: 11px; border: solid var(--primary); border-width: 0 2px 2px 0; transform: rotate(45deg); } .quick-search-col label { font-size: 12px; color: var(--primary); letter-spacing: 0.15em; text-transform: uppercase; } #quick-search .irs { height: auto; top: 0; margin-top: 18px; } #quick-search .irs-line { top: 0; height: 2px; border: none; background-color: var(--secondary); } #quick-search .irs-bar { top: 0; height: 100%; background: var(--primary); } #quick-search .irs-handle { top: calc(50% - 7.5px); width: 13px; height: 13px; border-radius: 50%; background: var(--primary); } #quick-search .irs-handle i { display: none !important; } #quick-search .irs-from, #quick-search .irs-to { top: 28px; -webkit-transform: translateY(-100%); transform: translateY(-100%); font-family: inherit; font-size: 12px; color: var(--primary); letter-spacing: 0.15em; background: transparent; padding: 0; } #quick-search .irs-from:before, #quick-search .irs-to:before { display: none; } #quick-search .irs-from { left: 0 !important; visibility: visible !important; } #quick-search .irs-to { left: auto !important; right: 0 !important; visibility: visible !important; } #quick-search .irs-from::after, #quick-search .irs-to::after { content: 'M'; } #quick-search .irs-min, #quick-search .irs-max, #quick-search .irs-single { display: none; } .quick-search-input input {} .quick-search-input .bootstrap-select>.dropdown-toggle, .quick-search-input .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .quick-search-input .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active { outline: 0 !important; border-radius: 0; border: 0; border-bottom: 2px solid var(--primary); width: 100%; height: auto; font-size: 13px; color: var(--primary); letter-spacing: 0.15em; text-transform: uppercase; padding: 0 0 12px; box-shadow: none !important; } .quick-search-input .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-family: var(--font-family-default); font-size: 14px; letter-spacing: 0.15em; width: 100%; text-overflow: ellipsis; } .quick-search-input .bootstrap-select>.dropdown-toggle { background-color: transparent !important; } .quick-search-input.beds .bootstrap-select>.dropdown-toggle, .quick-search-input.baths .bootstrap-select>.dropdown-toggle { display: flex; align-items: center; position: relative; } .quick-search-input.beds .bootstrap-select>.dropdown-toggle::before, .quick-search-input.baths .bootstrap-select>.dropdown-toggle::before { content: ""; background: url(../images/icons.png) no-repeat 0 -16px; width: 16px; height: 16px; margin-right: 14px; } .quick-search-input.baths .bootstrap-select>.dropdown-toggle::before { background-position: -16px -16px; } .quick-search-input .bs-searchbox .form-control { color: var(--primary); } .quick-search-input .bootstrap-select.btn-group .dropdown-menu:not(ul) { border-radius: 0 !important; min-width: 100%; border: 0; margin-top: -2px; } .quick-search-input .bs-searchbox .form-control { border-radius: 0; border: solid 1px var(--primary); } .quick-search-input select { appearance: none; background-color: transparent; border: 0; border-bottom: solid 2px var(--primary); width: 100%; height: 62px; font-weight: 400; font-size: 14px; letter-spacing: 0.1em; color: var(--primary); text-transform: uppercase; } .quick-search-input .bootstrap-select.btn-group .dropdown-toggle .bs-caret { color: var(--primary); position: absolute; top: 50%; right: 12px; line-height: 0; margin-top: -13px; } .quick-search-input .bootstrap-select.btn-group .dropdown-toggle .caret { display: inline-block; border-top: 0 !important; border-bottom: 0 !important; border-right: 0 !important; border-left: 0 !important; position: relative; font-family: agentimage!important; speak: none; font-style: normal; font-weight: 400; font-size: 10px; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .quick-search-input .bootstrap-select.btn-group .dropdown-toggle .caret::before { content: "\b1004"; } .quick-search-input .bootstrap-select.btn-group.open .dropdown-toggle .caret { transform: rotate(180deg); } #quick-search form input[type=submit] { appearance: none; min-width: 135px; width: 100%; height: 75px; background-color: transparent; border: solid 1px var(--secondary); font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 37px; transition: all .3s linear; } #quick-search form input[type=submit]:hover { background-color: var(--primary); border-color: var(--primary); color: var(--tertiary); } #meet-ali { display: block; max-width: 1600px; width: 100%; margin: 90px auto 0; padding: 0 70px; position: relative; } #meet-ali::before { content: ''; position: absolute; top: 0; left: auto; right: 0; bottom: 25%; z-index: 0; width: 27.25%; } .meet-ali-monologo { background: url(../images/monologo.png) no-repeat; position: absolute; bottom: 0; left: 24%; z-index: 1; width: 449px; height: 525px; } #meet-ali .container { position: relative; z-index: 1; max-width: 1430px; width: 100%; padding-top: 60px; } #meet-ali .row { display: flex; align-items: flex-start; } #meet-ali .col { padding-right: 15px; padding-left: 15px; } #meet-ali .content { position: relative; width: 59.79%; padding-right: 60px; padding-left: 60px; padding-bottom: 50px; border: solid 2px var(--secondary); } #meet-ali .content .heading-title { display: inline-block; background: var(--tertiary); padding-left: 25px; padding-right: 25px; margin-top: -55px; margin-bottom: 25px; } #meet-ali .content .details { padding-left: 25px; padding-right: 25px; } #meet-ali .content .details p { font-weight: 300; font-size: 14px; line-height: 2.1; margin-bottom: 25px; } #meet-ali .content div { position: relative; z-index: 1; } #meet-ali .image { position: relative; z-index: 3; margin-top: 140px; margin-left: -80px; } #meet-ali .image img { display: block; width: 100%; height: auto; } #featured-properties { position: relative; margin-top: 75px; overflow: hidden; } .ftpro-items { position: relative; z-index: 1; margin-top: 80px; margin-left: -1px; margin-right: -1px; font-size: 0; } .ftpro-actions-container { display: inline-block; width: 33.33333%; position: absolute; right: 0; bottom: 1px; z-index: 2; } .ftpro-actions-container.bottom-pos { position: relative; width: 100%; } .ftpro-actions-container.bottom-pos canvas { height: 200px; } .ftpro-actions-container canvas { display: block; width: 100%; height: auto; background: url(../images/pattern.jpg) no-repeat center fixed; background-size: cover; } .ftpro-actions { display: flex; align-items: center; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%); } .ftpro-actions .primary-button { margin-left: 30px; margin-right: 30px; white-space: nowrap; } #past-sales { display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 75px; overflow: hidden; } #past-sales .textwidget { width: 100%; } .psales-items { display: flex; position: relative; z-index: 1; width: 100%; margin-top: 80px; margin-left: -1px; margin-right: -1px; font-size: 0; } .psales-item { width: 33.333333%; } .past-sales-actions { display: flex; justify-content: center; margin-top: 50px; } .property-item { position: relative; border-right: solid 1px var(--tertiary); border-bottom: solid 1px var(--tertiary); overflow: hidden; } .property-item::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 77.957%; z-index: 3; background: url(../images/property-hover.png) no-repeat center center; background-size: contain; opacity: 0; transform: translateY(-50%); transition: opacity .3s linear; } .property-item:hover::before { opacity: 1; } .property-item::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .property-item canvas { background-color: #000000; display: block; width: 100%; height: auto; } .property-item img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; object-position: center; object-fit: cover; transition: opacity .3s linear; } .property-item:hover img { opacity: .5; } .property-item-details { display: flex; flex-direction: column; position: absolute; bottom: 0; left: 0; z-index: 2; padding: 0 35px 35px; transition: opacity .3s linear; } .property-item:hover .property-item-details { opacity: 0; } .property-item-detail { color: var(--tertiary) !important; } .property-price { font-weight: 300; font-size: 32px; letter-spacing: 0.05em; margin-bottom: 15px; } .property-address { font-family: var(--font-family-title); font-size: 20px; margin-bottom: 15px; } .property-features { display: flex; align-items: center; } .property-feature { display: flex; align-items: center; font-weight: 300; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; margin-right: 14px; } .property-feature::before { content: ""; background: url(../images/icons.png) no-repeat 0 0; width: 15px; height: 14px; margin-right: 8px; } .property-feature.baths::before { background-position: -15px 0; } .property-feature.size::before { background-position: -30px 0; } .property-item-view { position: absolute; bottom: 35px; left: 50%; z-index: 4; transform: translateX(-50%); font-weight: 300; font-size: 15px; color: var(--tertiary) !important; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0; transition: opacity .3s linear; } .property-item:hover .property-item-view { opacity: 1; } #cta { position: relative; padding: 90px 0; margin-top: 30px; } #cta::before { position: absolute; left: 20%; width: 80%; height: 100%; } #cta::after { content: ''; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); position: absolute; top: 0; left: 20%; z-index: 1; width: 80%; height: 100%; } #cta .container { max-width: 1430px; width: 100%; position: relative; z-index: 3; } .cta-btn { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 173px; padding: 15px; margin-bottom: 30px; border: solid 3px var(--secondary); font-family: var(--font-family-title); font-size: 35px; color: var(--primary); text-transform: uppercase; text-align: center; letter-spacing: .1em; transition: all .3s linear; } .cta-btn::before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .3s linear; } .cta-btn:hover::before { opacity: 1; } .cta-btn span { position: relative; z-index: 1; } .cta-btn:hover { border-color: var(--primary); color: var(--tertiary) } #communities .textwidget { display: flex; position: relative; } #communities .heading-title { font-size: 18px; } #communities .heading-title span { font-size: 40px; word-break: break-word; } #communities p { font-weight: 300; font-size: 15px; line-height: 1.8; letter-spacing: .05em; margin-top: 25px; } #communities .primary-button { margin-top: 25px; } .communities-main-details { display: flex; justify-content: center; flex-direction: column; position: relative; width: 30%; padding: 25px max(4vw, 30px); /*background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/ /*background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);*/ /*background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );*/ } .communities-main-items { display: flex; flex-wrap: wrap; width: 70%; } .communities-item { width: 25%; } .communities-item-preview { display: block; position: relative; background-color: #333745; cursor: pointer; } .communities-item-preview::after { min-height: initial; height: 40%; top: auto; bottom: 0; z-index: 2; transform: rotate(180deg); } .communities-item-preview canvas { width: 100%; height: auto; min-height: 337px; } .communities-item-preview img { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: opacity .3s linear; } .communities-item:hover .communities-item-preview img { opacity: .2; } .communities-item-title { position: absolute; left: 0; bottom: 25px; z-index: 3; width: 100%; padding: 0 10px; font-family: var(--font-family-title); font-size: 20px; color: var(--tertiary); text-transform: uppercase; text-align: center; letter-spacing: .1em; transition: all .3s linear; } .communities-item:hover .communities-item-title { bottom: 50%; transform: translateY(50%); } .communities-item-details { display: none; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background: url(../images/comm-bg.jpg) no-repeat center; background-size: cover; padding: 0 max(4vw, 30px); } .communities-item-content { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; height: 100%; } .communities-blank { width: 25%; display: flex; align-items: center; justify-content: center; padding: 0 15px; } .communities-blank a { display: flex; align-items: center; justify-content: center; max-width: 190px; width: 100%; min-height: 80px; padding: 10px; font-family: var(--font-family-title); font-size: 17px; color: var(--primary); text-transform: uppercase; letter-spacing: 0.1em; border: solid 2px var(--secondary); transition: all .3s linear; } .communities-blank a:hover { background-color: var(--primary); border-color: var(--primary); color: var(--tertiary); } #testimonials { position: relative; padding-top: 100px; padding-bottom: 115px; } .testimonials-monologo { content: ''; background: url(../images/monologo.png) no-repeat bottom left; position: absolute !important; top: 0; left: 0; max-width: 1600px; width: 100%; height: 100%; margin: 0 auto; z-index: 0; } #testimonials > div { position: relative; z-index: 1; } .testimonial-quote { font-weight: 300; font-size: 150px; text-align: center; line-height: 0; margin-top: 125px; margin-bottom: 15px; } #testimonials .container { position: relative; padding-right: 120px; padding-left: 120px; max-width: 1440px; width: 100%; } #testimonials .arrow-button { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); margin-top: -30px; } #testimonials .arrow-button.arrow-button-next { left: auto; right: 30px; } .testimonial-items { max-width: 990px; width: 100%; margin: 0 auto; text-align: center; } .testimonial-item { display: flex; flex-direction: column; } .testimonial-item p { display: block; margin-bottom: 25px; font-weight: 300; font-size: 15px; line-height: 1.7; letter-spacing: 0.02em; } .testimonial-item p.author { text-transform: uppercase; margin-top: 15px; margin-bottom: 0; } .testimonial-item p.author strong { display: block; font-weight: 600; font-family: var(--font-family-title); font-size: 20px; letter-spacing: .1em; } .testimonial-actions { display: flex; align-items: center; justify-content: center; margin-top: 35px; } .testimonial-actions .primary-button { margin-left: 15px; margin-right: 0; } .testimonial-items:not(.slick-initialized) .testimonial-item:nth-child(n+2) { display: none; } .testimonial-item { width: 100%; } #socialmed { overflow: hidden; padding: 95px 0; } #socialmed .container { max-width: 1440px; width: 100%; } #socialmed .row { display: flex; align-items: center; overflow: hidden; } #socialmed .col { padding-right: 15px; padding-left: 15px; } #socialmed .heading-title { white-space: nowrap; } #socialmed .socmed { display: flex; flex-grow: 1; padding-left: 80px; } #socialmed .socmed a { width: 25%; position: relative; transition: opacity .3s linear; } #socialmed .socmed a::before { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); font-size: 58px; color: #ffffff; } #socialmed .socmed a.text-clip { border: solid 1px var(--secondary); } #socialmed .socmed a.text-clip::before { background: url(../images/pattern-black.jpg) no-repeat center fixed; background-size: cover; background-clip: text; -webkit-background-clip: text; color: transparent; } #socialmed .socmed a:hover { opacity: .5; } #socialmed .socmed a canvas { display: block; width: 100%; height: auto; } @media only screen and (max-width: 1366px) { #meet-ali .image { margin-top: 89px; } .ftpro-actions .primary-button { margin-left: 15px; margin-right: 15px; } .meet-ali-monologo { left: 20%; } } /* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ @media only screen and (max-width: 1199px) { #side-navigation { display: none; } #quick-search .quick-search-form { padding-right: 35px; padding-left: 35px; } #meet-ali { padding-right: 15px; padding-left: 15px; } #meet-ali .content { width: 70%; } #meet-ali .image { width: 30%; } .property-item-details { padding-right: 20px; padding-left: 20px; } .property-price { font-size: 24px; } .ftpro-actions { transform: translate(-50%,-50%) scale(.8); } } /* iPad(portrait) | Galaxy Tab 4(portrait) */ @media only screen and (max-width: 991px) { #sliders canvas { min-height: 350px; height: auto; } #sliders .icon-scroll { display: none; } #quick-search { padding-top: 75px; } #quick-search .row { flex-direction: column; } #quick-search .heading-title { margin-bottom: 35px; } #quick-search .form-title { text-align: center; } #quick-search form { flex-direction: column; } .quick-search-input.checkboxes { justify-content: flex-start; flex-direction: column; } .quick-search-input.checkboxes label { /* */ } .quick-search-fields { width: 100%; } #quick-search .quick-search-form { width: calc(100% - 30px); } #quick-search form input[type=submit] { margin-top: 37px; margin-bottom: 0; } #meet-ali { margin-top: 0; } #meet-ali::before { display: none; } #meet-ali .row { flex-direction: column; } #meet-ali .content { order: 1; width: 100%; padding-right: 15px; padding-left: 15px; } #meet-ali .image { order: 0; display: flex; justify-content: center; width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 0; margin-bottom: 75px; margin-left: 0; } #meet-ali .image img { max-width: 100%; width: auto; } .ftpro-actions-container { position: relative; width: 100%; } .ftpro-actions-container canvas { height: 150px; } .ftpro-actions { transform: translate(-50%,-50%); } .psales-items { flex-wrap: wrap; } .psales-item { width: 100%; border-right: 0 !important; } .cta-btn { max-width: 376px; height: 120px; margin-right: auto; margin-left: auto; } #communities .textwidget { flex-direction: column; } .communities-main-details { width: 100%; } .communities-main-items { width: 100%; margin-left: auto; margin-right: auto; } .communities-item { display: flex; width: 100%; } .communities-item-preview::after { display: none; } .communities-item-title { display: none; } .communities-item-details { display: block !important; width: 70%; height: auto; position: static; padding: 30px; } .communities-blank { width: 100%; margin-top: 35px; } #socialmed .row { flex-direction: column; } #socialmed .socmed { margin-top: 30px; padding-left: 15px; } #quick-search .col { width: 100%; } } /* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ @media only screen and (max-width: 767px) { #sliders .search-for-homes { max-width: calc(100% - 30px); } .communities-item { flex-direction: column; } .communities-item-details { width: 100%; } #testimonials .container { padding-right: 15px; padding-left: 15px; } #testimonials .arrow-button { position: static; transform: translateY(0); margin-top: 0; } } /* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ @media only screen and (max-width: 480px) { .quick-search-input { width: 100%; } #socialmed .socmed a::before { font-size: 38px; } }