/*~~ Roller Shutter London ~~*/ div.span12.category-filter { margin-top: 0px;} th, td { padding-top: 15px; padding-bottom: 15px; } a { color:fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list { width:35%!important; display:inline-block!important; vertical-align: top !important; } footer.footer .container-fluid ul.nav.menu.mod-list li a { font-size:1rem!important; line-height:2rem!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-147 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-148 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-149 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-150 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-151 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-152 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-153 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-154 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-155 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-156 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-157 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-147 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-148 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-149 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-150 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-151 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-152 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-153 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-154 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-155 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-156 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.mod-list li.item-157 a:hover { color:#333!important; background-color:transparent!important; } footer.footer .container-fluid ul.nav.menu.nav-pills.mod-list li.item-132 a { color:#fff!important; } footer.footer .container-fluid ul.nav.menu.nav-pills.mod-list li.item-132 a:hover { color:#333!important; } footer.footer .container-fluid ul.nav.menu.nav-pills.mod-list { margin-left:-.8rem!important; margin-top:-1rem!important; margin-bottom:1.6rem!important; text-align:center!important; } ul.nav.menu.nav-pills.mod-list { margin-top:38px; margin-bottom:38px; } @media only screen and (min-width: 1920px) { div.header-top-inner { margin-left: 4.4%!important; } } @media only screen and (min-width: 769px) and (max-width: 1100px) { a.brand.pull-left { max-width: 240px!important; margin-top: 14px!important; } } @media only screen and (min-width: 769px) and (max-width: 1023px) { ul.nav.menu.nav-pills.mod-list { margin-top:20px!important; margin-bottom:20px!important; } } @media only screen and (max-width: 768px) { footer.footer .container-fluid ul.nav.menu.mod-list { display: block !important; width: 100% !important; text-align: center !important; } } .pic-copy { width:96%; } /*~~ 4 images ~~*/ div.4-pics { display:block; width:100%!important; } div.pic-1 { display:inline-block; width:49%!important; margin-top:0%; margin-bottom:0px; vertical-align:top; } div.pic-1 img { width:96%; } div.pic-1 p { margin-top:10px; margin-bottom:10px; } div.pic-1 h2 { font-size:1.3em; letter-spacing: 1px; } div.pic-2 { display:inline-block; width:49%!important; margin-top:0%; margin-bottom:0px; vertical-align:top; } div.pic-2 img { width:96%; } div.pic-2 p { margin-top:10px; margin-bottom:10px; } div.pic-2 h2 { font-size:1.3em; letter-spacing: 1px; } div.pic-5 { display:inline-block; width:49%!important; margin-top:0%; margin-bottom:0px; vertical-align:top; } div.pic-5 img { width:96%; } div.pic-5 p { margin-top:10px; margin-bottom:10px; } div.pic-5 h2 { font-size:1.3em; letter-spacing: 1px; } div.pic-6 { display:inline-block; width:49%!important; margin-top:0%; margin-bottom:0px; vertical-align:top; } div.pic-6 img { width:96%; } div.pic-6 p { margin-top:10px; margin-bottom:10px; } div.pic-6 h2 { font-size:1.3em; letter-spacing: 1px; } @media only screen and (max-width: 1024px) { div.pic-5 h2 { font-size:1.1em; } div.pic-6 h2 { font-size:1.1em; } } @media only screen and (max-width: 900px) { div.pic-5 h2 { font-size:1em; letter-spacing: 0px; } div.pic-26 h2 { font-size:1em; letter-spacing: 0px; } } @media only screen and (max-width: 500px) { div.pic-5 { display:block; width:100%!important; } div.pic-6 { display:block; width:100%!important; } div.pic-5 img { width:100%; } div.pic-6 img { width:100%; } .pic-copy { width:100%; } } /*~~ END CV Layout ~~*/ div.con-photo { display:inline-block!important; } div.con-text{ display:inline-block!important; margin-left:25%; } body { font-family: 'Raleway', sans-serif; font-size:1em; line-height:1.4em; letter-spacing:0.2px; } body.site { border-top: 0px solid #FFF!important; padding:0; } .container-fluid { padding-right: 0px!important; padding-left: 0px!important; } main#content.span12 { margin-left:5%; margin-right:5%; width:90%; } main#content.span9 { margin-left:5%; width:65%; } main#content.span3 { margin-right:5%; margin-bottom:10px!important; padding-bottom:0px!important; } main#content.span12 h1.page-header { margin-top: 180px!important; } /*~~ Typography and Link Styles ~~*/ h2 { text-transform:uppercase; color:#8a8a8a!important; font-family: 'Sorts Mill Goudy', serif!important; font-size:1.6em; line-height:1.3em; letter-spacing:2px; } main#content.span12 div.item-page div.page-header h2 { text-align:center; color:#8a8a8a!important; } h3 { font-family: 'Raleway', sans-serif!important; font-size: 1.4em; line-height: 1.4em; color:rgba(0,0,0,0.75); font-weight:600; } h4 { font-size: 1.4em; line-height: 0.8em; color:rgba(0,0,0,0.75); font-weight:200; } h5 { font-size: 1.2em!important; line-height: 1.3em; color:rgba(0,0,0,0.75); font-weight:200; } p { font-size: 1.1em; line-height:1.4em; } ul.lime { list-style-image: url('https://citrustechnical.co.uk/new_website/images/lime4.gif'); padding-top:3px!important; } ul li { font-size:1.2em; line-height:1.6em; color:rgba(0,0,0,0.75); font-family: 'Raleway', sans-serif; font-weight:bolder!important; letter-spacing:0.2px; } a:hover { text-decoration-color:transparent; color:rgba(0,0,0,1); } li a { font-weight:400!important;} div.item-page div p a { font-weight:bold!important; } .page-header { border-bottom: 0px solid #eee; margin: 0px 0px 0px 0px; padding-bottom: 0px; } /*~~ fa fa Icon Styles ~~*/ a.fas.fa-phone-alt.fa-lg { text-decoration-color:transparent; } a.fab.fa-facebook.fa-lg { text-decoration-color:transparent; } a:hover.fab.fa-facebook.fa-lg { color:#b1b4b3!important; } a.fab.fa-linkedin-in.fa-lg { text-decoration-color:transparent; } a:hover.fab.fa-linkedin-in.fa-lg { color:#b1b4b3!important; } a.fab.fa-twitter.fa-lg { text-decoration-color:transparent; } a:hover.fab.fa-twitter.fa-lg { color:#b1b4b3!important; } a:hover.fas.fa-mobile-alt.fa-lg { color:#b1b4b3!important; } a:hover.far.fa-envelope.fa-lg { color:#b1b4b3!important; } a:hover.fas.fa-phone-alt.fa-lg { color:#b1b4b3!important; } /*~~ End Typography and Link Styles ~~*/ .btn-info { margin-top:10px; background: transparent!important; padding: 1.2vw 2.2vh; font-size: 1.2vw; border: 3px solid rgba(0,0,0,0.8); border-radius: 0px; color:rgba(0,0,0,0.8); } .btn-info:hover { color:#8a8a8a!important; } /*~~ Header ~~*/ .header { margin-bottom:0px; } @media only screen and (min-width: 769px) and (max-width: 1023px) { .header { margin-bottom: -40px!important; } } /*~~ Header Logo ~~*/ a.brand.pull-left { vertical-align:middle!important; } /*~~ End Header Logo ~~*/ div.header-top { display:block; width:100%; height:50px; background-color:rgba(0,0,0,0.8); z-index:50; position:fixed; } div.header-top-inner { display:inline-block; margin-left:4%; width:90%; padding-top:16px; margin-right:5%; } div.header-inner.clearfix { display:block; position:fixed; top:0; z-index:51; width:100%; background-color:rgba(255,255,255,0.95); top:50px; } div.header-search.pull-right.navigation { margin-right:4.5%; } a.brand.pull-left { margin-left:5%; } div.n2-section-smartslider { margin-top:170px; } div.header-top-inner p a { color:#fff!important; } div.header-top-inner p a:hover { color:#b1b4b3!important; } div.header-top-inner-mobile p a { color:#fff!important; } div.header-top-inner-mobile p a:hover { color:#b1b4b3!important; } /*~~ End Header ~~*/ /*~~ Main Menu~~*/ div.header-search.pull-right { vertical-align:middle!important; } .navigation { padding: 5px 0; border-top: 0px solid rgba(0,0,0,0.075); border-bottom: 0px solid rgba(0,0,0,0.075); margin-bottom: 0px; } ul.nav.menu.nav-pills.mod-list li.item-101.default.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-102.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-103.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-106.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-132.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-134.current.active a { font-weight:600!important; color:rgba(0,0,0,1); background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-101.default a { font-weight:600!important; background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-106 a { font-weight:600!important; background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-102 a { font-weight:600!important; background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-103 a { font-weight:600!important; background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-132 a { font-weight:600!important; background-color:transparent; } ul.nav.menu.nav-pills.mod-list li.item-134 a { font-weight:600!important; background-color:transparent; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color:rgba(0,0,0,1); background-color:transparent; } .navigation .nav-child li > a:hover, .navigation .nav-child li > a:focus, .navigation .nav-child:hover > a { text-decoration: none; color: #fff; background-color: rgba(138,138,138,1); background-color: rgba(138,138,138,1); background-image: -moz-linear-gradient(top,#8a8a8a,#8a8a8a); background-image: -webkit-gradient(linear,0 0,0 30%,from(#8a8a8a),to(#8a8a8a)); background-image: -webkit-linear-gradient(top,#8a8a8a,#8a8a8a); background-image: -o-linear-gradient(top,#8a8a8a,#8a8a8a); background-image: linear-gradient(to bottom,#8a8a8a,#8a8a8a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#8a8a8a', GradientType=0); } /*~~ DropDown Menu~~*/ .navigation .nav-child { position: absolute; top: 95%; left: 15px; z-index: 1000; display: none; float: left; min-width: 140px; padding: 5px 5px; margin: 3px 0 0; list-style: none; background-color: rgba(255,255,255,0.85); border: 1px solid #ccc!important; border: 1px solid #ccc!important; *border-right-width: 1px; *border-bottom-width: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 00px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2); box-shadow: 0 0px 0px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } ul.nav-child.unstyled.small a { line-height:30px; } ul.nav-child.unstyled.small a:hover { color:#FFF!important; } div.header-top-inner-mobile { display:none!important; } /*~~ End Main Menu~~*/ /*~~ Side Panel~~*/ div.well { padding:0px!important; height:auto!important; margin-top:40px; margin-bottom:40px; border-width:0px!important; background-color:transparent!important; } div.well div a { display:none!important; } /*~~ End Side Panel~~*/ /*~~ RS Forms~~*/ label.control-label.formControlLabel { font-size:16px; line-height:26px; font-weight:600; } input#FullName.rsform-input-box.form-control { height:36px; } input#Company.rsform-input-box.form-control { height:36px; } input#Email.rsform-input-box.form-control { height:36px; } input#Phone.rsform-input-box.form-control { height:36px; } input#Width.rsform-input-box.form-control { height:36px; } input#Height.rsform-input-box.form-control { height:36px; } input#Postcode.rsform-input-box.form-control { height:36px; } .jf_mm_wrapper h2 { font-size:14px!important; line-height:20px!important; text-transform: none!important; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: px!important; padding: 4px 6px; margin-bottom: 9px; font-size: 14px; line-height: 19px; color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } /*~~ End RS Forms~~*/ /*~~ Footer~~*/ hr { margin: 18px 0; border: 0; border-top: 0px solid transparent; border-bottom: 0px solid transparent; } footer.footer { background-color:#8a8a8a!important; } footer.footer div.container-fluid { width:90%; margin-left:5%; margin-right:5%; padding-top:0px; padding-bottom:25px; } footer.footer div.container-fluid p { color:#fff!important; } footer.footer div.container-fluid p.pull-right a#back-top { color:#fff!important; text-decoration-color:transparent; } footer.footer div.container-fluid p.pull-right a#back-top:hover { color:#000!important; } a.footer-link { color:#fff; text-align:right; padding-right:0px; margin-right:0px; } a:hover.footer-link { color:#000!important; } footer.footer div.container-fluid div.custom div p { margin-bottom:0px; } footer.footer div.container-fluid div.custom { height:35px; } div.footer-left { text-align: left; display: inline-block; width: 70%; height: 10px; } div.footer-right { text-align: right; display: inline-block; width: 29.5%; height: 10px; } /*~~ End Footer~~*/ /*~~ Media Querries~~*/ @media only screen and (min-width: 320px) and (max-width: 339px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:78.5%; padding-top:16px; margin-right:18.5%; } a.brand.pull-left img { max-width:65%!important; } div.n2-section-smartslider { margin-top:130px!important; } } @media only screen and (min-width: 340px) and (max-width: 374px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:78.5%; padding-top:16px; margin-right:18.5%; } a.brand.pull-left img { max-width:60%!important; } div.n2-section-smartslider { margin-top:130px!important; } } @media only screen and (min-width: 375px) and (max-width: 399px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:80%; padding-top:16px; margin-right:18%; } a.brand.pull-left img { max-width:60%!important; } div.n2-section-smartslider { margin-top:135px!important; } } @media only screen and (min-width: 400px) and (max-width: 498px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:81%; padding-top:16px; margin-right:17%; } a.brand.pull-left img { max-width:60%!important; } div.n2-section-smartslider { margin-top:145px!important; } } @media only screen and (max-width: 499px) { footer.footer .container-fluid ul.nav.menu.mod-list { margin-top:0px!important; } .btn-info { margin-top:0px; background: transparent!important; padding: 2.2vw 3.2vh; font-size: 3vw; border: 2px solid rgba(0,0,0,0.8); border-radius: 0px; color:rgba(0,0,0,0.8); } div.footer-right { width:100%; display:block; float:left!important; } div.footer-right p a.footer-link { font-size:1em!important; line-height:1em!important; } div.footer-right p a:hover.footer-link { color#333!important; } div.footer-left { width:100%; display:block; float:left!important; } div.footer-left p { font-size:0.7em!important; line-height:1em!important; } footer.footer div.container-fluid p { font-size:0.7em!important; line-height:1em!important; } footer.footer div.container-fluid { padding-top:0px; padding-bottom: 20px; margin-top:-10px!important; } h2 { font-size:1.2em; line-height:1.3em; letter-spacing:-.5px; } h3 { font-size: 0.95em; line-height: 1.3em; } h4 { font-size: 0.9em; line-height: 1.1em; } p { font-size: 0.9em; line-height:1.3em; } ul li { font-size:0.8em; line-height:1.4em; letter-spacing:0.2px; } label.control-label.formControlLabel { font-size:14px; line-height:24px; } } @media only screen and (min-width: 500px) and (max-width: 599px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:84%; padding-top:16px; margin-right:14%; } .btn-info { margin-top:10px; background: transparent!important; padding: 1.6vw 2.6vh; font-size: 1.6vw; border: 2px solid rgba(0,0,0,0.8); border-radius: 0px; color:rgba(0,0,0,0.8); } } @media only screen and (min-width: 600px) and (max-width: 699px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:86%; padding-top:16px; margin-right:10%; } .btn-info { margin-top:10px; background: transparent!important; padding: 1.6vw 2.6vh; font-size: 1.6vw; border: 2px solid rgba(0,0,0,0.8); border-radius: 0px; color:rgba(0,0,0,0.8); } } @media only screen and (min-width: 700px) and (max-width: 768px) { div.header-top-inner-mobile { display:inline-block!important; margin-left:5%; width:87%; padding-top:16px; margin-right:8%; } .btn-info { margin-top:10px; background: transparent!important; padding: 1.6vw 2.6vh; font-size: 1.6vw; border: 2px solid rgba(0,0,0,0.8); border-radius: 0px; color:rgba(0,0,0,0.8); } } @media only screen and (max-width: 767px) { main#content.span9 { margin-left:5%; width:90%; margin-right:5%; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { width: 90%!important; margin-left: 5%!important; } div.logos-landscape { display:none!important; } div.well { margin-top:0px!important; margin-bottom:30px!important; } .ba-gallery { padding: 0 0px!important; margin: 0 0px!important; } } @media only screen and (min-width: 768px) { div.logos-portrait { display:none!important; } } @media only screen and (min-width: 500px) and (max-width: 600px) { div.footer-left p { font-size:0.8em; } footer.footer div.container-fluid p { font-size:0.8em; } div.footer-right p a.footer-link { font-size:1em; } h2 { font-size:1.2em; line-height:1.3em; letter-spacing:-.5px; } h3 { font-size: 0.95em; line-height: 1.3em; } h4 { font-size: 0.9em; line-height: 1.1em; } p { font-size: 0.9em; line-height:1.3em; } ul li { font-size:0.9em; line-height:1.4em; letter-spacing:0.2px; } label.control-label.formControlLabel { font-size:14px; line-height:24px; } } @media only screen and (max-width: 768px) { .header-search.pull-right.navigation ul.nav.menu.nav-pills.mod-list { display:none!important; } div.header-top-inner { display:none!important; } div.header-inner-mobile.clearfix { display:block; position:fixed; top:0; z-index:51; width:100%; background-color:#fff; top:50px; } div.header-top-inner-mobile p a:hover { color: #d9ebcb!important; } a.brand.pull-left { margin-left: 0%!important; margin-top:0px; } div.n2-section-smartslider { margin-top: 170px; } div.header-inner.clearfix a.brand.pull-left img { margin-top:0px; margin-bottom:-10px; } } @media only screen and (min-width: 769px) and (max-width: 1023px) { a.brand.pull-left { width: 140px; margin-top: 35px; } ul.nav.menu.nav-pills.mod-list li.item-101.default.current.active a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-102.current.active a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-103.current.active a { font-size:0.9em!important;} ul.nav.menu.nav-pills.mod-list li.item-106.current.active a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-132.current.active a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-101.default a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-106 a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-102 a { font-size:0.9em!important;} ul.nav.menu.nav-pills.mod-list li.item-103 a { font-size:0.9em!important; } ul.nav.menu.nav-pills.mod-list li.item-132 a { font-size:0.9em!important; } .navigation .nav-child { min-width: 120px!important; } .btn-info { border: 2px solid rgba(0,0,0,0.8); } } @media only screen and (min-width: 601px) and (max-width: 800px) { h2 { font-size:1.2em; line-height:1.2em; letter-spacing:2px; } h3 { font-size: 1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.2em; } p { font-size: 0.9em; line-height:1.3em; } ul li { font-size:0.8em!important; line-height:1.4em!important; } label.control-label.formControlLabel { font-size:14px; line-height:24px; } } @media only screen and (min-width: 801px) and (max-width: 1279px) { h2 { font-size:1.3em; line-height:1.3em; letter-spacing:2px; } h3 { font-size: 1.1em; line-height: 1.5em; } h4 { font-size: 1em; line-height: 1.2em; } p { font-size: 0.9em; line-height:1.3em; } ul li { font-size:0.9em!important; line-height:1.4em!important; } label.control-label.formControlLabel { font-size:14px; line-height:24px; } } @media only screen and (max-width: 945px) { div.footer-left { text-align: left; display: inline-block; width: 69.5%; height: 10px; } div.footer-right { text-align: right; display: inline-block; width: 29.5%; height: 10px; } } @media only screen and (min-width: 1024px) and (max-width: 1149px) { ul li { font-size:1em!important; line-height:1.4em!important; } } @media only screen and (min-width: 1150px) and (max-width: 1279px) { ul li { font-size:1em!important; line-height:1.4em!important; } } @media only screen and (max-width: 1200px) { .ba-gallery select.ba-select-filter, .ba-gallery .category-filter { margin-top: 0px!important; } } @media only screen and (min-width: 1279px) { select#Service.rsform-select-box.form-control.custom-select { font-size:14px!important; } } @media only screen and (max-width: 1365px) { .btn-info { margin-top:0px!important; border: 2px solid rgba(0,0,0,0.8)!important; } }