/* Retina-specific stuff here */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) { #work { /* background: url("../images/pricing@2x.png") no-repeat center top; -webkit-background-size: 142px 120px; /* 176px; * / background-size: 142px 176px; */ } #contactus { /* background: url("../images/get-in-touch@2x.png") no-repeat center top; -webkit-background-size: 142px 176px; background-size: 142px 176px; */ } } @media only screen and (max-width: 959px) { #logo, header nav{ width:100%; text-align: center; } header{ padding-bottom: 20px; } header nav ul{ float:none; margin: 0 auto; } header nav ul li{ float: none; display: inline-block; } #services { background: url("../images/features-bg-smaller.png") no-repeat scroll center bottom; } #call-to-action{ text-align: center; } #call-to-action p { float: none; padding-bottom: 30px; margin: 0; } #call-to-action .button { margin: 0; float: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container{ width:748px; } .columns-container{ width:768px; } #slider{ height: 393px; margin-top: 143px; } .slide img { width: 960px !important; max-width: 960px; left:-480px; } .slide-caption { top:66px; left: 60px; } .flex-direction-nav a{ margin-top: -31px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .half, .third, .fourth, .fifth{ width: 100%; margin: 0; } body > header{ position: static; } #estImage { display:none; } .main-menu-select{ display: block; text-align:center; } .main-menu-select select{ width:60%; } header nav { display: none; } #slider { height: auto; background: #F5F5F5; border-bottom: 1px solid #DCDCDC; } .flexslider:before, .slides:before { display: none; } .slide .container { position: relative; height: auto; } .slide img { height: auto !important; width: auto !important; max-width: 100%; position: relative; left:0; margin-left:0; } .slide-caption { color: inherit; position: relative; top:0; width: auto; z-index: 98; background:none; box-shadow:none; padding-top: 40px; } .slide .slide-caption h2 { text-shadow:none; font-family: "Arial Bold",Tahoma, Verdana, sans-serif; font-size: 28px; font-weight: bold; -webkit-text-stroke:1px #B7DAF3; -webkit-text-fill-color:#293158; } .slide .slide-caption p { text-shadow:none; color: #293158; font-size: 18px; } .slide .slide-caption{ text-align: center; padding-bottom: 50px; } .slide .slide-caption .button-underline { display: inline-block; white-space:nowrap; margin: 30px; } .slide .slide-caption .button { margin-top: 30px; } #slider h2 { color: #67A327; } #slider:after { display:none; } .flex-control-nav{ opacity: 1; } #services { background: none; padding-bottom: 60px; } .fourth h3 { font-weight: bold; color: #293158; } .fourth p { font-weight: bold; color: #84C63E; } .price-table{ margin-bottom: 40px; } .price-table.green{ margin-top: 40px; } footer .left.half, footer .right.half{ text-align: center; line-height: 40px; } .text { width:30%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container{ width:460px; } .columns-container{ width:480px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .container, .columns-container{ width: 95%; } .social-buttons a { width: 100%; } }