body{background:#f2f2f2;}
a{outline:none; text-decoration:underline; color:#304055} a:hover{text-decoration:none;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img{max-width:100%;}

.align-middle {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.bullet-group{ margin-bottom:15px;}
.bullet-group .style{ margin:0 !important;}

.style{margin:0 0 10px 0;}
.style .style{margin:10px 0 0 0;}
ul.style li{list-style:disc; margin:0 0 8px 30px; line-height:16px; color:#112455;}
.style .style{margin-bottom:0;}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 8px 30px; line-height:16px; color:#112455;}
ol.style li ul li{list-style:disc; margin:0 0 8px 30px;}
.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 8px 0; padding:0;}

.bullet-group{ margin-bottom:15px;}
.bullet-group .style{ margin:0 !important;}

.bdr{border:solid 15px #dde2ed; border-top:none; border-bottom:none;}
.bdr-top{border-top:solid 15px #dde2ed;}
.bdr-btm{border-bottom:solid 15px #dde2ed;}

.mb, p{margin-bottom:20px; display:block; font-size:14px; line-height:20px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}

.reveal-modal{padding: 1rem;}
.reveal-modal .close-reveal-modal{font-size: 2rem; color: #464646; text-decoration: none;}

.button{background: #ff0000!important; color: #fff!important; display: inline-block!important; border-radius: 20px;}
.button:hover{background: #cc0000!important;}

.heading, .sub-heading{display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5rem; font-weight:normal; line-height:1.5rem; margin:0 0 1.25rem; color:#304055; text-align: center;}
.sub-heading{font-size:1.25rem; font-weight:normal; line-height:1.5rem; margin:0 0 0.625rem; color:#231f20;}
.sub-heading2{font-size:1.125rem; font-weight:normal; line-height:1.25rem; margin:0 0 0.625rem; color:#231f20;}
.heading .sub-heading{color:#000; margin-bottom:0;}

.call-now-btn{text-align: center; margin: 30px 0 40px;}
.call-now-btn a{display: inline-block; margin: 0 auto; text-decoration: none; padding: 6px 20px 12px; font-size: 20px; line-height: 32px; background: #f7901e; color: #fff; border-radius: 10px;}
.call-now-btn a:hover{background: #cf7006;}
.call-now-btn .phone{font-size: 34px; font-weight: bold; line-height: 1.2; display: inline-block;}

header{padding: 10px 0; text-align: center;}

header .logo{margin-top: 25px; display: block;}

header .style{margin-top: 20px;}
header .style li{list-style: none; margin: 0 0 5px; font-weight: bold; color: #777;}
header .style li::after, header .style li::before{content: " - ";}

header .head-contact .sub-heading{margin-bottom: 0;}
header .head-contact img{max-height: 22px; display: block; margin: 0 auto;}
header .head-contact strong{display: block; font-size: 15px; line-height: 18px; margin-bottom: 3px; color: #1882ce;}
header .head-contact .button{padding: 6px 24px; font-size: 13px; line-height: 13px; margin-bottom: 0; background: #ff0000; border-radius: 20px;}
header .head-contact .button:hover{background: #cc0000;}
.head-contact .phone{display:inline-block; text-decoration: none; font-size: 26px; line-height: 1.2; font-weight: bold;}

.tagline{background:#e3e9f2 url(../img/tagline-bg.jpg) top center no-repeat; text-align:center; padding:10px 0; font-size:22px; line-height:24px; font-weight:bold; color:#000;}
.tagline .heading{margin: 5px 0;}
.tagline .sub-heading{font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:30px; font-weight:normal; color:#263e5a; margin:0 0 5px;}
.tagline .sub-heading2{ display:block; margin:0;}
.tagline .sub-heading2 span{background:url(../img/tag-bullet.jpg) left center no-repeat; padding-left:20px; margin-left:8px;}

/*** Navigation ***/
.top-bar-section ul{display: table; margin: 0 auto;}
.navigation{background: #37475b;}
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ background-color:#2c3b4e; text-decoration:none;}

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.current a:not(.button), .top-bar-section li.current:not(.has-form) a:not(.button){ background-color:#37475b; color:#fff;}

.top-bar, .title-area{height:46px; line-height:46px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 23px; font-size:15px; line-height:14px; font-weight:bold; border-right:solid 1px #202d3d; border-left:solid 1px #3b4d63; color:#d8e5f7; text-align:center;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 23px 9px;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a{padding-right:23px!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded br{display:none;}
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){text-align:left;}

.top-bar-section .dropdown{ border:solid 1px #202d3d;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#2c3b4e; border-top:solid 1px #3b4d63; border-bottom:solid 1px #202d3d; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#d8e5f7; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .current-parent .current a{background:#37475b !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#37475b !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated{display:none;}
.navigation .top-bar.expanded .parent-link.show-for-small{display: block!important;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}
/*class for navigation*/

.main-container{background:url(../img/main-container.jpg) top repeat-x;}

.banner{background:#d0d9ea; padding:15px 0 0;}
.banner a{display:block; margin-bottom:8px;}
.banner  .flash{border:solid 1px #000; overflow:hidden; margin-bottom:15px;}
.banner  .flash img{ width:100%;}
/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.banner .large-3 .large-12{padding-left:0.3375rem; padding-right:0.3375rem;}

.inner-banner .heading{font-size:20px; line-height:22px; text-align:center; padding-bottom:0px; margin:0 0 10px ; color:#104469;}
.inner-banner ul.chk-list{margin:0 0 15px;}
.inner-banner ul.chk-list li{list-style:none; background:url(../img/check.gif) top left no-repeat; padding:4px 0 4px 20px; font-size:16px; line-height:20px; color:#000;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

.main-services{ margin-top:-60px; z-index:5; margin-bottom:10px; text-align: center;}
.main-services a{display: block; border: solid 5px #fff; box-shadow:0 0 5px #333; position: relative; text-decoration: none;}
.main-services a span{ position:absolute; bottom:10px; left:0; right:0; background: rgba(43,58,77,.88); padding:8px; color:#fff; font-size:16px; line-height:18px; font-weight: bold;}

.whychoose{ border:solid 1px #dcdcdc; background: rgba(255, 255, 255, .8); margin-bottom:20px;}
.whychoose .sub-heading{font-family:Arial, Helvetica, sans-serif; background:#343434; color:#fefefe; font-size:18px; line-height:20px; padding:10px; text-align:center; margin:-1px -1px .8em; text-transform: uppercase;}
.whychoose ul{ margin:0 0 0 10px;}
.whychoose ul li{font-size:16px; line-height:18px; margin:0 0 .8em 0; list-style:none; background:url(../img/tag-bullet.jpg) left 4px no-repeat; padding-left:15px; color: #000;}

.lhs, .mid, .rhs{padding-top:15px;}
.content{padding: 20px 0;}
.content .lhs{background:#f3f4f6 url(../img/left-bg.jpg) top right repeat-y;}
.content .rhs{background:#fff url(../img/rhs-bg.jpg) top left repeat-y;}
.lhs .sub-heading, .rhs .sub-heading{background:url(../img/border-btm.png) bottom center no-repeat; padding-bottom:18px; margin-bottom:0px; text-align:center;}

.links{margin:0 -0.9375rem 15px;}
.links li{background:#f3f4f6 url(../img/left-nav.jpg) top left repeat-y; border-bottom:solid 1px #dee1e6; padding:0 10px; list-style:none;}
.links li:hover{background-position:right;}
.links li a{background:url(../img/bullet.png) left center no-repeat; display:block; font-size:13px; text-decoration:none; color:#203044; font-weight:bold; padding:4px 0 5px 18px;}

.testimonials{margin-bottom:15px;}
.testimonials p{margin-bottom:5px; font-size:13px; line-height:17px; color:#304055;}
.testimonials a{text-decoration:none; font-weight:bold;}

.testi{border: 1px solid #ddd;padding: 15px 20px;margin: 0 5px 20px;background:#FFFFFF;box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;clear: both;}

.review-social{ background:url(../img/5star.png) top right no-repeat; font-size:14px !important; line-height:20px; font-weight: bold; text-align:right; padding-top:24px; margin: 15px 0 5px;}
.review-social span{ font-size:14px !important; line-height:16px; display:block; margin-bottom:5px;}
.review-social img{display:inline!important;}

.review-slider{margin: 60px 0 20px;}
.full-width-review .heading{color: #fff; font-size: 26px; line-height: 28px; text-transform: uppercase;}
.review-slider div p{font-size: 16px; line-height: 22px;}
.review-slider .review-social{ background:url(../img/5star.png) top center no-repeat; text-align:center;}
.review-slider .text-center a{font-weight: bold; text-decoration: none;}
.review-heading{font-size: 19px; line-height: 1.2; text-transform: uppercase; color: #2c3b4e;}

.review-slider div{padding: 0 1.2%;}
.review-slider .lSAction > .lSPrev{left:50px;}
.review-slider .lSAction > .lSNext{right:50px; background-position: -40px 0;}

.contact-btn{position: fixed; right: 0; bottom: 10%;}

.contact-form{font-size:16px; line-height:18px; margin-bottom:20px; padding:15px 10px; text-align: center;}
.contact-form .heading{font-size: 18px; line-height: 20px; margin-bottom: 5px;}
.contact-form .text-center{margin-bottom: 5px;}
.contact-form a{text-decoration: none; font-weight: bold; margin-left: 10px;}

.banner .contact-form .heading br{display: none;}
.service-area .contact-form{padding-top: 15px!important; margin-bottom: 0;}
.service-area .contact-form .phone{display: inline-block; font-size: 32px; line-height: 1.2; color: #000;}

.service-area .button{background: #2b3a4d!important; padding: 8px 20px; margin-top: 15px;}
.service-area .button:hover{background: #1e2e42!important;}

.social{ color:#073351; font-weight:bold; margin-bottom:20px;}
.zipcodes{text-align:center; margin-top:10px; color:#C1291A; font-size:12px;}

.projects{margin-bottom:10px;}
.projects a.view-more{text-decoration:none; font-weight:bold; display:block; font-size:13px; text-align:right;}
.recent-project{margin:0;}
.recent-project li{list-style:none; font-size:13px; line-height:18px;}
.recent-project a{border:solid 2px #ddd; display:block; margin-bottom:10px;}
.recent-project span{display:block; margin-bottom:15px; line-height:18px; padding-bottom:15px; border-bottom:solid 1px #a2b4cd;}
.recent-project a img{width:100%;}

.mid .projects{border:solid 1px #a2b4cd; padding: 20px 20px 10px; margin-top: 20px;}
.mid .projects .sub-heading{text-align: center; background: #727f91; padding: 10px; color: #fff; margin: -20px -20px 10px;}
.mid .projects .view-all{display: inline-block; background: #304055; min-width: 35%; text-align: center; padding: 7px 10px; text-decoration: none; color: #fff; font-weight: bold;}
.mid .projects .view-all:hover{background: #000;}
.mid .recent-project li:before{content: " "; display: table; }
.mid .recent-project li:after { clear: both; }
.mid .recent-project a{max-width: 35%; margin-right: 15px; float: left;}
.mid .recent-project span{padding-bottom: 0; border-bottom: 0;}


#gallery{margin-bottom:10px;}
#gallery .sub-heading{ font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li:before, ul.gallery li:after{content: " "; display: table;}
ul.gallery li:after{clear: both;}

ul.gallery li{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px; margin:7px;}
ul.gallery li:hover{border:solid 1px #6d6d6d; background:#efefef;}

ul.gallery.large-block-grid-2 > li{width:48%;}
ul.gallery.medium-block-grid-4 > li{padding:0 0.625rem 1rem; margin:0; border:none;}
ul.gallery.medium-block-grid-4 > li a img{width:100%; margin:0;}

ul.gallery li.heading{float:none; clear:both; margin:0; padding:0; border:none; width:auto; font-size:18px; line-height:35px; min-height:0;}
ul.gallery li.heading:hover{border:none; background:none;}
ul.gallery li a{text-decoration:none;}
ul.gallery li a img{width:155px; margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:328px; display:block; float:none;}
ul.gallery li a span{margin-top:5px; color:#333;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

ul.gallery-inner li a img{width:auto; margin:0; float:none;}

ul.gallery .columns, ul.gallery-inner .columns{float:left!important;}

.recent-projects-page{margin-bottom: 20px;}
.recent-projects-page .heading{background: #1e2d43; color:#fff; padding:10px; margin-top: 30px;}
ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ display: block; margin: 0 auto; width:100%;}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(32,40,60,.6); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px;}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}

.lSPager{width: auto!important; transform: translate3d(0px, 0px, 0px)!important;}
.lSPager li{width:18%!important; margin: 1%!important;background: #000;}
.lSPager li a{ opacity: .5;}
.lSPager li:hover a{opacity: .7;}
.lSPager li.active a{opacity: 1;}

.products .columns{padding:0 .6rem;}
.products .row{margin-bottom:20px;}
.products .sub-heading{background:#2b3a4d; color:#fff; font-size:18px; padding:8px 15px; margin-bottom:15px; text-align: left;}
.products img{border:solid 1px #2b3a4d; margin-bottom:10px; width:100%;}
.products a.btn{display:block; text-align:center;}
.products a.btn img{border:none; margin:0; max-width:220px;}
.products p{color:#2B3A4D; font-weight:bold; line-height:18px; font-size:14px; margin-bottom:10px;}
.products ul{margin:0 0 20px;}
.products ul li{list-style:none; background:url(../img/arrow-bullet.gif) top left no-repeat; margin:0 0 8px 5px; font-size:14px; line-height:15px; padding-left:15px;}

.prod-img{padding:0 30px; position: relative;}
.prod-img a{position:absolute; bottom:30px; left:30px; right:30px; background: rgba(43,58,77,.88); padding:10px; color:#fff; font-size:16px; line-height:18px; font-weight: bold; text-align: center; text-decoration: none;}
.prod-img a:hover{background: rgba(43,58,77,1);}
.prod-text .sub-heading2{font-size:20px; line-height: 24px;}
.prod-text ul li{font-size:16px; line-height:20px;}

.full-width-review{background: #2b3a4d url("../img/full-width-review-bg.jpg") bottom center; background-size: cover; padding: 30px 0; margin-bottom: 30px; color: #fff;}
.full-width-review .review-slider{margin: 20px 0 0;}
.full-width-review .sub-heading{color: #fff;}
.full-width-review .review-slider{text-align: center;}
.full-width-review .review-slider a{color: #fff;}
.full-width-review .review-heading{color: #fff; margin-bottom: 10px;}
.full-width-review .text-center a{background: #fffb00; color: #282828; display: inline-block; padding: 8px 20px; margin: 10px 0 30px;}
.full-width-review .text-center a:hover{background: #dfd200;}

.houzz-badges{text-align: center;}
.houzz-badges img{max-height: 80px; margin: 3px; display: inline-block;}

.google-map{background: url(../img/map-google.jpg) center no-repeat; min-height: 240px; padding:0!important; position: relative;}
.google-map a.gmb{display: block; position: absolute; top: 0; bottom: 0; width: 100%;}
.google-mymap{background: url(../img/map-google-mymap.jpg) center no-repeat; min-height: 400px;}

.service-area{background: #e6ebf2; /* Old browsers */
background: -moz-linear-gradient(top,  #e6ebf2 33%, #aeb5bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e6ebf2), color-stop(100%,#aeb5bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6ebf2 33%,#aeb5bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6ebf2 33%,#aeb5bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6ebf2 33%,#aeb5bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6ebf2 33%,#aeb5bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ebf2', endColorstr='#aeb5bf',GradientType=0 ); /* IE6-9 */
padding-top:5px;}
.service-area .sub-heading{border-bottom:1px solid #b0b7c1; color:#073351; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;  padding:0 0.9375rem 6px;}
.service-area .columns{padding:0 0 0 .7em;}
.service-area ul{margin:0;}
.service-area ul li{list-style:url(../img/service-bullet.gif); margin:0 0 5px 0; border-bottom:dotted 1px #727f91;}
.service-area ul li:hover{border-bottom:solid 1px #727f91;}

.service-area ul li a{
text-decoration:none;
font-size:12px;
line-height:14px;
color:#261911;
margin-bottom:5px;
display:block;
}
.cities ul li a:hover{text-decoration:underline;}


.google-mymap .sub-heading{background: #e6ebf2; text-align: center; padding: 8px 10px 12px; font-size: 20px;line-height: 22px; border-bottom: none;}

.footer.clearfix{background: #fff;}
.footer{background:#727f91; color:#111; padding:10px 0; font-size:12px;}
.footer a{color:#111; margin:0 2px; text-decoration:none; display: inline-block}
.footer b{font-weight:normal;}
.footer p{margin-bottom:0px;}
.footer .right a{margin:0;}


.click-to-action{position:fixed; bottom:0; width:100%;}
.click-to-action a{display:block; width:100%; text-align:center; background:#4a993e; font-weight:bold; line-height:18px; color:#fff; padding:10px;}
.click-to-action .row div:last-child a{background:#bd0000;}
.click-to-action .columns{margin:0; padding:0;	}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#697a98; padding:5px; transition:.5s; display:none; z-index:1000}
#back-to-top:hover{background:#304662;}

//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.align-middle {display:block;}

.bdr{border-width:0;}
.top-bar-section .has-dropdown > a::after{ display:block;}

header .logo{margin: 10px 0;}

header .style{margin: 10px 0 0;}
header .style li{margin: 0; display: inline-block;}

.heading br, .sub-heading br{display: none;}

.tagline{font-size:16px;}
.tagline .sub-heading{font-size:22px; line-height:24px; margin-bottom:5px;}
.tagline .sub-heading2 span{padding-left:15px; margin-left:3px;}

.products .sub-heading{text-align: center!important;}
.products a.btn{margin-bottom:20px;}
.prod-img{padding:0 10px;}
.prod-img a{left: 10px; right: 10px;}

.main-services{ margin:10px 0;}
.main-services li{padding: 0; margin-bottom: 10px;}
.main-services a{border: none; box-shadow:none;}
.main-services a span{position: relative; display: block; bottom: 0;}
.main-services a img{display: none;}


ul.gallery.large-block-grid-2 > li{width:96%;}
.mid .recent-project a{max-width: 100%; margin:0 auto 15px; float: none;}

.map{min-height: 280px;}

.footer{text-align:center; font-size:11px;}
.footer span{display:block; width:100%; margin-top:10px; text-align:center; border-top:solid 2px #596678; padding-top:5px;}
img.left, img.right{float:none!important; margin:0 auto!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 18px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 18px 9px;}
.top-bar-section .has-dropdown > a{ padding-right:18px !important;}
.bdr{border-width:0;}

header .logo{margin-top: 18px;}

header .style{margin: 10px 0 0;}
header .style li{margin: 0; display: inline-block;}


.heading br, .sub-heading br{display: none;}

.mid .projects{max-width: 70%; margin: 20px auto;}

ul.gallery.large-block-grid-2 > li{width:96%;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
.top-bar-section .has-dropdown > a::after{ display:block;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 10px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 10px 9px;}
.top-bar-section .has-dropdown > a{ padding-right:10px!important;}

.prod-img{padding:0 10px;}
.prod-img a{left: 10px; right: 10px;}

.mid .projects{max-width: 80%;}
}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */