/* Theme Name: Deception Bay Self Storage Theme URI: https://www.robicowebsolutions.com Description: A theme by Robico Web Solutions. Version: 1.0 Author: Jessica Prestedge Author URI: https://www.robicowebsolutions.com */ body{margin:0px !important; padding:0px !important; font-family:Calibri, Arial, sans-serif; font-size: 16.67px; color:#000000;} * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:focus { outline:none !important; } #wrapper{position:relative; z-index:50; } /*=============HEADERS=============*/ h1{font-size:37.5px; color:#38536e; font-weight:bold; margin:0px; text-transform:uppercase;} h2{font-size:25px; color:#38536e; font-weight:normal; } h3{font-size:18px; color:#38536e; font-weight:normal; } p{} /*=============ANCHORS/LINKS=============*/ a{text-decoration:none; color:#f4c10e;} a:hover{color:#38536e;} /*=============ALIGNMENT=============*/ .alignright {float: right;} .alignleft {float: left;} .aligncenter {display:block; margin:auto;} /*=============IMAGES=============*/ a img {border:none;} img{max-width: 100%; height: auto; vertical-align: middle;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {float:right; margin-left:30px; margin-bottom:30px;} img.alignleft {float:left; margin-right:30px; margin-bottom:30px;} .wp-caption{} .wp-caption p{} /*=============FORMS=============*/ :-ms-input-placeholder, ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder{color:#000000; font-family:"ubuntu", Arial, sans-serif !important;} input[type=text]{background:#ebebeb; color:#000000; padding:15px 25px; border-radius:5px; margin-bottom:10px !important;} textarea{background:#ebebeb; color:#000000; padding:15px 25px; border-radius:5px; border:none; margin-bottom:10px !important; } input[type=submit]{background:#38536e; color:#FFFFFF; text-transform:uppercase; padding:15px 20px; border-radius:2px; border:none; font-family:"ubuntu", Arial, sans-serif !important; font-size:16.6667px;} input[type=submit]:hover{background:#d99c41;} #fscf_submit_div1{float:right; width:50%; margin-top:-80px; text-align:right !important;} /*=============HEADER=============*/ #header{position:relative; background:#FFFFFF; height:210px;} #header .middle{position:relative;} #header #logo{float:left; margin-top:25px; padding-left:60px; font-family: "quatro-slab", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:47.08px; color:#38536e; text-transform:uppercase; line-height:1;} #header #logo span{font-size:42.92px;} #header #phonemenu{float:right; padding-right:60px;} #header #phone{float:right; margin-top:25px; margin-bottom:15px; padding:0px 30px; font-size:33.33px; height:45px; color:#FFFFFF !important; background:#f4c10e; font-family:"quatro-slab", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; position:relative;} #header #phone a{color:#FFFFFF !important; } #header #phone:after{content: ' '; position: absolute; width: 0; height: 0; right: 30px; top: 45px; border: 6px solid; border-color: #f4c10e transparent transparent #f4c10e;} /*=============MENUS=============*/ #menu{width:100%; clear:both;} #menu #nav-trigger{display:none; background:url(images/menu.png) no-repeat; width:41px; height:40px; background-size:100%;} #menu #homebutton{display:none; background:url(images/home.png) no-repeat; width:41px; height:40px; background-size:100%;} #menu ul{list-style:none; margin:0; padding:0; float:right;} #menu ul li{float:left; position:relative; } #menu ul.menu li ul.sub-menu{display:none; list-style:none; padding:0px; margin:0px; position:absolute; z-index:2000;} #menu ul.menu li:hover ul.sub-menu{display:block;} #menu #menu-top-menu > li {float:left; height:40px;} #menu #menu-top-menu > li a { color:#38536e; text-align:center; font-size:18px; display:block; padding:10px 25px 10px 0px; text-transform:uppercase;} #menu #menu-top-menu > li:last-child a{padding-right:0px;} #menu #menu-top-menu > li.current-menu-item{} #menu #menu-top-menu > li.current-menu-item a { color:#f4c10e; } #menu #menu-top-menu > li:hover{} #menu #menu-top-menu > li:hover a{ color:#f4c10e; } #menu #menu-top-menu > li a:after{content:"|"; padding-left:25px; color:#38536e;} #menu #menu-top-menu > li:last-child a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu{ background-clip: padding-box; left: -25px; top:40px; min-width: 100px; z-index: 9999999; } #menu #menu-top-menu > li:last-child .sub-menu{left:auto; right:0px;} #menu #menu-top-menu li:hover .sub-menu{display:block;} #menu #menu-top-menu .sub-menu > li { display: list-item; float:none; background:#38536e; height:auto;} #menu #menu-top-menu .sub-menu > li > a {color:#FFFFFF; text-align:left; clear: both; display: block; padding: 10px 0px; margin:0px 10px; white-space: nowrap; border-top:1px solid #f4c10e; } #menu #menu-top-menu .sub-menu > li > a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu > li:hover > a{color:#f4c10e; } #menu #menu-top-menu .sub-menu > li:first-child a{border:none;} /*=============SEARCH FORM=============*/ #searchform{float:right; margin-top:8px;} #searchform .searchform{width:200px; height:25px; background:#e2f1f5; padding:0px 5px;} #searchform input.searchfield{ padding:0px; background:none; border-radius:0px; border:none; width:160px; height:25px; margin:0px !important; float:left;} #searchform .searchbutton{margin-top:2px; float:right;} /*=============SLIDESHOW=============*/ #slideshow{position:relative; clear:both; overflow:hidden;} .cycle-slideshow img { width: 100%; height: auto } /*=============FEATURES=============*/ #features{ width:100%; background:#f4c10e; height:80px;} #features .feature{height:80px;} #features .feature div{color:#38536e; text-transform:uppercase; font-size:21.92px; height:80px; padding-top:11px; display:table-cell; vertical-align:middle; float:left;} #features .feature span.feature1{display:table-cell;float:left; background:url(images/CCTV.png) no-repeat center; background-size:100% auto; height:80px; width:50px; margin:0px 25px;} #features .feature span.feature2{display:table-cell; float:left; background:url(images/PINCODE.png) no-repeat center; background-size:100% auto; height:80px; width:36px; margin:0px 25px;} #features .feature span.feature3{display:table-cell; float:left; background:url(images/Alarm.png) no-repeat center; background-size:100% auto; height:80px; width:37px; margin:0px 25px;} #features .feature span.feature4{display:table-cell; float:left; background:url(images/Trailer.png) no-repeat center; background-size:100% auto; height:80px; width:70px; margin:0px 25px; } #features .feature span.feature5{display:table-cell; float:left; background:url(images/Security.png) no-repeat center; background-size:100% auto; height:80px; width:37px; margin:0px 25px; } /*=============CONTENT and SIDEBAR CONTAINER=============*/ #middle{position:relative; } /*=============CONTENT=============*/ #content{margin:20px 0px; padding:0px 60px;} #content-middle{} #content-middle p, #content-middle ul, #content-middle ol{line-height:24px;} #content-middle .page-title{border-bottom:1px solid #38536e;} #content-middle .page-title h2{margin-top:0px;} .othercategories{margin-top:60px;} .image{float:left; width:500px; padding:20px 30px 30px 0px;} .image img{width:100%; height:auto;} .rws_testimonial_full{padding-left:50px; padding-top:20px; position:relative;} .rws_testimonial_full:before{content:open-quote; position:absolute; top:0px; left:0px; color: #38536e; font-size:80px; font-weight:bold; line-height:1; font-family:Arial, sans-serif;} .rws_testimonial_full .rwstname{font-weight:bold; padding:10px 0px;} .storagetable{width:100%;} .storagetable td{border-bottom:1px solid rgb(51,51,51); padding:5px;} .storagetable th{font-weight:bold; text-transform:uppercase; padding:5px; text-align:left;} .storagetable td.storagetitle{background:#38536e; color:#FFFFFF; text-align:center; font-weight:bold; border-bottom:none;} #content .navigation{display: table; width: 100%; height:50px; margin-bottom:20px; clear:both;} #content .navigation ul{padding-left:0px; display: table-cell; text-align: center; vertical-align: middle;} #content .navigation li { display: inline;} #content .navigation li a, #content .navigation li a:hover, #content .navigation li.active a, #content .navigation li.disabled {text-decoration:none; border:1px solid #71bace; background:#71bace; color:#FFFFFF; border-radius:5px; cursor: pointer; font-weight:bold; padding:15px;} #content .navigation li a:hover, #content .navigation li.active a {background:#FFFFFF; color:#71bace;} /*----- Tabs -----*/ .tabs { width:100%; display:inline-block;} /*----- Tab Links -----*/ /* Clearfix */ .tab-links{margin-bottom:0px; padding-left:0px;} .tab-links:after { display:block; clear:both; content:'';} .tab-links li { margin:0px 1px 0px 0px; float:left; list-style:none;} .tab-links a { padding:9px 15px; display:inline-block; border-radius:3px 3px 0px 0px; background:#38536e; font-size:14px; font-weight:600; color:#FFFFFF; transition:all linear 0.15s;} .tab-links a:hover {background:#f4c10e; color:#38536e; text-decoration:none;} .tab-links li.active a, .tab-links li.active a:hover { background:#f4c10e ; color:#38536e; } /*----- Content of Tabs -----*/ .tab-content { padding:15px; border-radius:3px; box-shadow:-1px 1px 1px rgba(0,0,0,0.15); background:#fff;} .tab {display:none; } .tab.active {display:block;} .tab .row{display:table; width:100%; } .tab .row.title{font-weight:bold; text-transform:uppercase;} .tab .row .product_name{width:25%; display:table-cell; padding:5px; border-bottom:1px solid rgb(51,51,51);} .tab .row .product_size{width:25%; display:table-cell; padding:5px; border-bottom:1px solid rgb(51,51,51);} .tab .row .product_number{width:25%; display:table-cell; padding:5px; border-bottom:1px solid rgb(51,51,51);} .tab .row .product_subtotal{width:25%; display:table-cell; padding:5px; border-bottom:1px solid rgb(51,51,51);} input.productnum {border-radius: 0px; margin-bottom: 0px !important; padding: 5px;} /*=============SIDEBAR=============*/ .mainsidebar{position:relative; } .mainsidebar ul.sidebar{list-style:none; margin:0; padding:0;} .mainsidebar ul.sidebar li h2{color:#d99c41; font-size:33.33px; margin-top:0px;} .mainsidebar ul.sidebar li.widget ul{list-style:square;} /*=============FOOTER SIDEBAR=============*/ #footer-main{background:url(images/Units.jpg); color:#FFFFFF; padding:0px 35px;} .footersbmain{clear:both;} .footersbmain h2.widgettitle {display:none;} .footersbmain ul.sidebar{ list-style:none; padding:0px; margin:0px;} .footersbmain ul.sidebar li p{font-size:25px; text-transform:uppercase; font-weight:bold; text-align:center; margin:0px; line-height:1;} .footersbmain ul.sidebar li p a{display:inline-block; border:4px solid #FFFFFF; color:#FFFFFF; font-size:25px; width:auto; padding:15px 25px; margin-top:25px;} /*=============GOOGLE MAP=============*/ #gmap{height:340px; width:100%; position:relative;} #gmap #locationSelect{display:none;} #gmap .wpgmza_sl_main_div{display:none;} #top{background:url(images/top.png) no-repeat; width:80px; height:80px; position:absolute; right:60px; bottom:30px;z-index:999999; cursor:pointer;} /*=============FOOTER=============*/ #footer #footer-bottom{background:#38536e; height:80px; color:#FFFFFF;} #footer #footer-bottom a{color: #FFFFFF;} #footer #footer-bottom a:hover{color:#FFFFFF;} #footer #footer-bottom .left{width:60%; padding-left:60px; padding-top:35px; display:inline-block; vertical-align:middle; height:60px;} #footer #footer-bottom .right{width:40%; padding-right:60px; padding-top:35px; display:inline-block; vertical-align:middle; height:60px; text-align:right;} /* iPhone3/4/5, Samsung Galaxy S2/S3/S4, HTC one*/ @media only screen and (min-width: 320px) and (max-width: 478px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ /*=============HEADER=============*/ #header{height:200px;} #header #logo{float:none; margin-top:20px; padding:0px 20px; font-size:40px;} #header #logo span{font-size:35px;} #header #phonemenu { padding:0px 20px 25px; float:none;} #header #phone{padding:5px 25px; font-size:24px; background-position:0px 25px;height:45px; margin-top:25px; width:100%; text-align:center;} #header #phone:after{top:45px;} /*=============MENUS=============*/ #menu{position:relative; background:#FFFFFFF;} #menu .middle{ padding:0px;} #menu #homebutton{display:block; position:absolute; left:20px; top:0px; width:25px; height:25px;} #menu #nav-trigger{display:block; position:absolute; right:20px; top:0px; width:30px; height:30px;} #menu ul{float:none;} #menu ul li{float:none; } #menu ul.menu li ul.sub-menu{position:relative; } #menu #menu-top-menu{display:none; position:absolute; top:32px; width:100%; overflow:scroll; z-index:99999;} #menu #menu-top-menu > li {float:none; height:auto; width:100%; background:#38536e; border-top:1px solid #d99c43;} #menu #menu-top-menu > li:last-child{border-bottom:1px solid #d99c43;} #menu #menu-top-menu > li a {text-align:left; color:#FFFFFF; padding: 10px 30px !important;} #menu #menu-top-menu > li a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu{ left: auto; top:auto; display:block; padding-top:2px;} #menu #menu-top-menu .sub-menu > li > a {white-space:normal; margin:0px; padding: 10px 35px !important; border-top:none;} /*=============FEATURES=============*/ #features .middle{} #features .feature{width:50%;} /*=============SEARCH FORM=============*/ #searchform{float:none; margin-top:8px; padding:0px 70px;} #searchform .searchform{width:100%;} #searchform input.searchfield{ width:80%;} /*=============SLIDESHOW=============*/ #slideshow{height:150px;} #slideshow .slideshowimage{float:right; height:150px;} #slideshow .slideshowimage img{height:150px;} /*=============CONTENT=============*/ #content{margin:20px 0px; padding:0px 20px;} #content-middle{} #content-middle p, #content-middle ul, #content-middle ol{line-height:18px;} .image{float:none; width:100%; padding:20px 0px;} /*=============FORMS=============*/ #fscf_submit_div1{float:none; width:100%; margin-top:0px; text-align:left !important;} /*=============SIDEBAR=============*/ /*=============FOOTER SIDEBAR=============*/ #footer-main{padding:0px 20px;} .footersbmain{clear:both; font-size:14px;} .footersbmain ul.sidebar li{display: block; padding:20px; width: 100%;} /*=============GOOGLE MAP=============*/ #gmap, #wpgmza_map{height:255px !important;} #top{display:none;} /*=============FOOTER=============*/ #footer #footer-bottom{height:auto;} #footer #footer-bottom .left{width:100%; padding:20px 20px 10px 20px; height:auto; text-align:center;} #footer #footer-bottom .right{width:100%; padding:10px 20px 20px 20px; height:auto; text-align:center;} } /* HTC one*/ @media only screen and (min-width: 360px) and (max-width: 478px), (min-device-width: 360px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 360px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ } /* Mobile Layout: 480px and below. */ @media only screen and (min-width: 480px) and (max-width: 599px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) { /*=============HEADER=============*/ #header{height:225px;} #header #phonemenu { padding-right: 20px;} #header #logo{margin-top:0px; padding:20px; width:50%;} #header #phone{padding:5px 25px; font-size:24px; background-position:0px 25px;height:45px; margin-top:25px;} #header #phone:after{top:45px;} /*=============MENUS=============*/ #menu{position:relative;} #menu .middle{ padding:0px;} #menu #homebutton{display:block; position:absolute; left:20px; top:0px; width:25px; height:25px;} #menu #nav-trigger{display:block; position:absolute; right:20px; top:0px; width:30px; height:30px;} #menu ul{float:none;} #menu ul li{float:none; } #menu ul.menu li ul.sub-menu{position:relative; } #menu #menu-top-menu{display:none; position:absolute; top:32px; width:100%; overflow:scroll; z-index:99999;} #menu #menu-top-menu > li {float:none; height:auto; width:100%; background:#38536e; border-top:1px solid #d99c43;} #menu #menu-top-menu > li:last-child{border-bottom:1px solid #d99c43;} #menu #menu-top-menu > li a {text-align:left; color:#FFFFFF; padding: 10px 30px !important;} #menu #menu-top-menu > li a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu{ left: auto; top:auto; display:block; padding-top:2px;} #menu #menu-top-menu .sub-menu > li > a {white-space:normal; margin:0px; padding: 10px 35px !important; border-top:none;} /*=============SEARCH FORM=============*/ #searchform{float:none; margin-top:8px; padding:0px 70px;} #searchform .searchform{width:100%;} #searchform input.searchfield{ width:90%;} /*=============SLIDESHOW=============*/ #slideshow{height:200px;} #slideshow .slideshowimage{float:right; height:200px;} #slideshow .slideshowimage img{height:200px;} /*=============FEATURES=============*/ #features .feature.cycle-slide-active{border-right:1px solid #FFFFFF;} /*=============CONTENT=============*/ #content{margin:20px 0px; } #content-middle{padding:0px 20px; } #content-middle p, #content-middle ul, #content-middle ol{line-height:18px;} .image{float:none; width:100%; padding:20px 0px;} /*=============SIDEBAR=============*/ /*=============FOOTER SIDEBAR=============*/ #footer-main{padding:0px 20px;} .footersbmain{clear:both; font-size:14px;} .footersbmain ul.sidebar li{width:50%; float:left; padding:25px;} .footersbmain ul.sidebar li:nth-child(1), .footersbmain ul.sidebar li:nth-child(3){clear:left;} .footersbmain ul.sidebar li:nth-child(2), .footersbmain ul.sidebar li:nth-child(4){clear:right;} /*=============GOOGLE MAP=============*/ #gmap, #wpgmza_map{height:255px !important;} #top{display:none;} /*=============FOOTER=============*/ #footer #footer-bottom{height:auto;} #footer #footer-bottom .left{width:100%; padding:20px 20px 10px 20px; height:auto; text-align:center;} #footer #footer-bottom .right{width:100%; padding:10px 20px 20px 20px; height:auto; text-align:center;} } /* Samsung Galaxy (portrait and landscape) ----------- */ @media only screen and (min-width : 600px) and (max-width : 767px){ /*=============HEADER=============*/ #header #logo{margin-top:0px; padding:20px; width:50%;} #header #phonemenu{padding-right:20px;} #header #phone{margin-top:0px; padding:15px 25px 10px 25px; font-size:33.33px; background-position:0px 25px;height:65px; margin-top:25px;} #header #phone:after{top:65px;} /*=============MENUS=============*/ #menu{position:relative;} #menu .middle{ padding:0px;} #menu #homebutton{display:block; position:absolute; left:20px; top:0px; width:25px; height:25px;} #menu #nav-trigger{display:block; position:absolute; right:20px; top:0px; width:30px; height:30px;} #menu ul{float:none;} #menu ul li{float:none; } #menu ul.menu li ul.sub-menu{position:relative; } #menu #menu-top-menu{display:none; position:absolute; top:32px; width:100%; overflow:scroll; z-index:99999;} #menu #menu-top-menu > li {float:none; height:auto; width:100%; background:#38536e; border-top:1px solid #d99c43;} #menu #menu-top-menu > li:last-child{border-bottom:1px solid #d99c43;} #menu #menu-top-menu > li a {text-align:left; color:#FFFFFF; padding: 10px 30px !important;} #menu #menu-top-menu > li a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu{ left: auto; top:auto; display:block; padding-top:2px;} #menu #menu-top-menu .sub-menu > li > a {white-space:normal; margin:0px; padding: 10px 35px !important; border-top:none;} /*=============SEARCH FORM=============*/ #searchform{float:none; margin-top:8px; padding:0px 70px;} #searchform .searchform{width:100%;} #searchform input.searchfield{ width:90%;} /*=============SLIDESHOW=============*/ #slideshow{height:275px;} #slideshow .slideshowimage{float:right; height:275px;} #slideshow .slideshowimage img{height:275px;} /*=============FEATURES=============*/ #features .feature.cycle-slide-active{border-right:1px solid #FFFFFF;} /*=============CONTENT=============*/ #content{margin:20px 0px; } #content-middle{padding:0px 20px; } #content-middle p, #content-middle ul, #content-middle ol{line-height:20px;} /*=============SIDEBAR=============*/ /*=============FOOTER SIDEBAR=============*/ #footer-main{padding:0px 20px;} .footersbmain{clear:both; font-size:14px;} .footersbmain ul.sidebar li{width:50%; float:left; padding:25px;} .footersbmain ul.sidebar li:nth-child(1), .footersbmain ul.sidebar li:nth-child(3){clear:left;} .footersbmain ul.sidebar li:nth-child(2), .footersbmain ul.sidebar li:nth-child(4){clear:right;} /*=============GOOGLE MAP=============*/ #gmap, #wpgmza_map{height:255px !important;} #top{display:none;} /*=============FOOTER=============*/ #footer #footer-bottom{height:auto;} #footer #footer-bottom .left{width:100%; padding:20px 20px 10px 20px; height:auto; text-align:center;} #footer #footer-bottom .right{width:100%; padding:10px 20px 20px 20px; height:auto; text-align:center;} } /* Tablet Layout Portrait ----------- */ @media only screen and (min-width : 768px) and (max-width : 960px), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2){ /*=============HEADER=============*/ #header #logo{width:50%;} /*=============MENUS=============*/ #menu{position:relative;} #menu .middle{ padding:0px;} #menu #homebutton{display:block; position:absolute; left:60px; top:0px; width:25px; height:25px;} #menu #nav-trigger{display:block; position:absolute; right:60px; top:0px; width:30px; height:30px;} #menu ul{float:none;} #menu ul li{float:none; } #menu ul.menu li ul.sub-menu{position:relative; } #menu #menu-top-menu{display:none; position:absolute; top:32px; width:100%; overflow:scroll; z-index:99999;} #menu #menu-top-menu > li {float:none; height:auto; width:100%; background:#38536e; border-top:1px solid #d99c43;} #menu #menu-top-menu > li:last-child{border-bottom:1px solid #d99c43;} #menu #menu-top-menu > li a {text-align:left; color:#FFFFFF; padding: 10px 30px !important;} #menu #menu-top-menu > li a:after{content:""; padding-left:0px;} #menu #menu-top-menu .sub-menu{ left: auto; top:auto; display:block; padding-top:2px;} #menu #menu-top-menu .sub-menu > li > a {white-space:normal; margin:0px; padding: 10px 35px !important; border-top:none;} /*=============SEARCH FORM=============*/ #searchform{float:none; margin-top:8px; padding:0px 110px;} #searchform .searchform{width:100%;} #searchform input.searchfield{ width:90%;} /*=============SLIDESHOW=============*/ #slideshow{height:300px; } #slideshow .slideshowimage{height:300px;} #slideshow .slideshowimage img{height:300px;} /*=============FEATURES=============*/ #features .feature{border-right:1px solid #FFFFFF;} /*=============CONTENT=============*/ #content-middle{width:75%; display:inline-block; float:left;} #content-middle p, #content-middle ul, #content-middle ol{line-height:22px;} .tabs{width:75%; float:left; clear:left;} .total_estimate{width:25%; float:right; clear:right;} /*=============SIDEBAR=============*/ .mainsidebar{width:25%; display:inline-block; float:left; padding-top:60px;} /*=============FOOTER SIDEBAR=============*/ #footer-main{padding:0px 40px;} .footersbmain ul.sidebar li{width:50%; float:left; padding:25px;} .footersbmain ul.sidebar li:nth-child(1), .footersbmain ul.sidebar li:nth-child(3){clear:left;} .footersbmain ul.sidebar li:nth-child(2), .footersbmain ul.sidebar li:nth-child(4){clear:right;} } /* Tablet Layout Landscape ----------- */ @media only screen and (min-width: 960px) and (max-width : 1024px), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){ /*=============HEADER=============*/ #header #logo{width:33%;} /*=============MENUS=============*/ #menu{width:100%; height:42px;} menu .middle{padding:0px 40px;} #menu #menu-top-menu > li a { font-size:15px; padding:10px; } /*=============SLIDESHOW=============*/ #slideshow{height:450px; } #slideshow .slideshowimage{height:450px;} #slideshow .slideshowimage img{height:450px;} /*=============FEATURES=============*/ #features{height:60px; } #features .middle{padding:0px 60px;} #features .feature{width:20%; float:left; border-left:1px solid #FFFFFF; height:60px;} #features .feature:last-child{border-right:1px solid #FFFFFF;} #features .feature div{font-size:15.92px; height:60px; display:inline-block; vertical-align:middle; float:left; padding-top:5px;} #features .feature:nth-child(1) span{display:table-cell; float:left; height:40px; width:40px; margin:10px 25px 0px;} #features .feature:nth-child(2) span{display:table-cell; float:left; height:40px; width:29px; margin:10px 25px 0px;} #features .feature:nth-child(3) span{display:table-cell; float:left; height:40px; width:30px; margin:10px 25px 0px;} #features .feature:nth-child(4) span{display:table-cell; float:left; height:40px; width:56px; margin:10px 25px 0px;} #features .feature:nth-child(5) span{display:table-cell; float:left; height:40px; width:30px; margin:10px 25px 0px;} /*=============CONTENT=============*/ .threecol{float:left; width:33%; padding-right:30px;} #content-middle{width:75%; display:inline-block; float:left;} .tabs{width:75%; float:left; clear:left;} .total_estimate{width:25%; float:right; clear:right;} .left{width:50%; float:left; clear:left; padding-right:20px;} .right{width:50%; float:right; clear:right; padding-left:20px;} /*=============SIDEBAR=============*/ .mainsidebar{width:25%; display:inline-block; float:left; padding-top:60px;} /*=============FOOTER SIDEBAR=============*/ .footersbmain ul.sidebar li{width:25%; float:left; padding:25px;} .footersbmain ul.sidebar li:nth-child(1){clear:left;} .footersbmain ul.sidebar li:nth-child(4){clear:right;} } /* Desktop Layout: 960px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */ @media only screen and (min-width: 1025px){ /*=============HEADER=============*/ #header #logo{width:35%;} /*=============FEATURES=============*/ #features .middle{padding:0px 60px;} #features .feature{width:20%; float:left; border-left:1px solid #FFFFFF; } #features .feature:last-child{border-right:1px solid #FFFFFF;} /*=============CONTENT=============*/ .threecol{float:left; width:33%; padding-right:30px;} #content-middle{width:75%; display:inline-block; float:left;} .tabs{width:75%; float:left; clear:left;} .total_estimate{width:25%; float:right; clear:right;} .left{width:50%; float:left; clear:left; padding-right:20px;} .right{width:50%; float:right; clear:right; padding-left:20px;} /*=============SIDEBAR=============*/ .mainsidebar{width:25%; display:inline-block; float:left; padding-top:60px;} /*=============FOOTER SIDEBAR=============*/ .footersbmain ul.sidebar li{width:25%; float:left; padding:25px;} .footersbmain ul.sidebar li:nth-child(1){clear:left;} .footersbmain ul.sidebar li:nth-child(4){clear:right;} }