/* Theme Name: Climate Control Systems of Greenwood Inc. Author: AdServices */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Fluid Columns * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, can vas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height:100%; position: relative; } body, button, input, select, textarea { color: #2b2b2b; font-family: 'Economica', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; } body { } p { font-size: 16px; line-height: 1.3em; margin-bottom:1em; } a { text-decoration: none; } a:hover, a:active { outline: 0; } a:active, a:hover { } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin:0 0 .7em 0; color:#7a1919; text-transform: uppercase; } h1 { font-size: 30px; line-height: 1; } h2 { font-size: 26px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; text-decoration: none; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } /* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection { background: #7a1919; color: #fff; text-shadow: none; } ::-moz-selection { background: #7a1919; color: #fff; text-shadow: none; } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ input, textarea { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #2b2b2b; padding: 8px 10px 7px; } textarea { width: 100%; } input:focus, textarea:focus { border: 1px solid rgba(0, 0, 0, 0.3); outline: 0; } /* Buttons */ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7a1919; } :-moz-placeholder { color: #7a1919; } ::-moz-placeholder { color: #7a1919; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #7a1919; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide { display: none; } /* Clearing floats */ .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ""; display: table; } .footer-sidebar:after, .hentry:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after { clear: both; } .clear { float:none; clear:both; } /* Genericons */ .bypostauthor > article .fn:before .comment-edit-link:before .comment-reply-link:before .comment-reply-login:before .comment-reply-title small a:before .contributor-posts-link:before .menu-toggle:before .search-toggle:before .slider-direction-nav a:before .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; } table { color:#7a1919; } table td { font-weight: bold; font-size: 14px; } /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ .inner-wrapper { width:940px; position: relative; margin:0 auto; } #page { padding-top:140px; min-height: calc(100% - 140px); position: relative; background:#CCC; } #main { position: relative; z-index: 5; padding-bottom:100px; } #main-content { background: #fff; } #primary { padding:20px; position: relative; z-index: 10; /*padding-bottom:;*/ } /** * 4.0 Header * ----------------------------------------------------------------------------- */ /* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */ #wpadminbar { min-height: 32px; } header#masthead { background: #D1D1D1; padding-top:0px; position: fixed; z-index: 100; width:100%; top:0; left:0; } .header-main { background:white; } .header-main .inner-wrapper { height: 107px; } .logo { position: absolute; top:10px; left:50%; margin-left:-152px; } .logo a { display: block; } .header-main .search-form { position: absolute; top:10px; right:0; width:200px; } input.search-field { border: 1px solid #7a1919; padding: 2px 2px 2px 20px; color: #7a1919; background:url('images/search_icon.png') left center no-repeat; background-color: rgba(232,196,139,.5); border-radius: 0; width:90%; } input.search-submit { display: block; text-indent: -9999px; padding: 0; width: 0; height: 0px; border: 10px solid transparent; border-right: 0; border-left: 15px solid #7a1919; background: none; float: right; margin-top: 2px; } .search-submit { display: none; } .social { position: relative; left:15px; bottom:35px; } .social .social-links { margin:0; } .social .social-links li { display: inline-block; list-style: none outside none; } .social .social-links li a { display: block; font-weight: bold; padding:5px 30px 5px 5px; background-position: right center; background-repeat: no-repeat; color:#fff } .header-left{ position: absolute; top:5px; right:0; margin:0px 0px 10px; } .header-left .header-links a { display: block; width:160px; text-align: center; background:#7a1919; color:white; font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom:10px; } .header-left .phone { font-size: 30px; font-weight: bold; color:#7a1919; line-height: 1em; text-align: center; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ #primary-navigation, .menu-primary-menu-container { position: relative; z-index: 100; margin: 3px 0 8px; } #primary-navigation .nav-menu { list-style: none outside none; margin:0; text-align: left; } #primary-navigation .nav-menu li { display: block; float:left; position: relative; } #primary-navigation .nav-menu > li > a { display: block; font-size: 17px; font-weight: bold; color:#5a0000; line-height: 17px; padding:6px 12px; text-transform: uppercase; } #primary-navigation .nav-menu > li:hover > a, #primary-navigation .nav-menu > li.current-menu-item > a, #primary-navigation .nav-menu > li.current-menu-ancestor > a { background: #4b4b4b; color:white; } #primary-navigation .nav-menu li > ul { display: none; position: absolute; margin:0; left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; line-height: 18px; } #primary-navigation .nav-menu li:hover > ul { display: block; } #primary-navigation .nav-menu li > ul > li { margin:0 3px 0 1px; line-height: 20px; font-size: 14px; display: inline-block; float:none; } #primary-navigation .nav-menu li > ul > li:before { content:" | "; color:white; } #primary-navigation .nav-menu li > ul > li:first-child:before { content:""; } #primary-navigation .nav-menu li > ul > li > a { color:white; display: inline-block; padding:0 2px 0 4px; } .sub-nav-back { background: #452802; width:100%; position: absolute; z-index: 1; left:-20px; padding:0 20px; height:20px; top:100%; display: none; } .sub-nav-back.show { display: block; } /** * 6.0 Content * ----------------------------------------------------------------------------- */ .home .slider { background: #7a1919; padding-bottom:4px; } .home .slider .bg-color { background:#7a1919; } .home .entry-content p { font-size: 22px; } #slider img { display: none; } #slider img:first-child { display: block; } .content_area { margin: 35px 0; } .home .content_area { padding-left: 0px; border-left: none; margin: 0; } .entry-content a { color:#7a1919; font-weight: bold; } a.anchor{ display: block; position: relative; top: -160px; visibility: hidden; } /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ .home .content_area > div { margin-left:-3px; } .home .content_area > div:first-child { border-right:1px solid #7a1919; margin-left:0; padding-right:1%; margin-right:3%; } form .grid_2 , form .grid_3{ float:left; } form .grid_2 { width:120px; } form .grid_3 { width:340px; } .form_row { float: left; padding: 6px 0; width: 570px; } .form_row .indent { padding-left: 40px; } .form_row .indent .row { float: left; margin-bottom: 2px; width: 100%; } .form_row .indent .first-row { margin-top: 5px; } .form_row .indent input, .form_row .indent span { /*float: left;*/ padding-right: 8px; width: auto; } .form_row1 { float: left; padding-top: 6px; width: 570px; } .form_row1 label { padding-left: 16px; padding-right: 0; padding-top: 0; text-align: left; } .form_row1 span { float: left; padding: 0 10px 0 6px; } .form_row span textarea { margin: 0 20px; width: 95%; } .form_row table { margin-left: 10px; } .form_row td input { width: auto; } /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ /** * 6.9 Archives * ----------------------------------------------------------------------------- */ /** * 6.10 Contributor Page * ----------------------------------------------------------------------------- */ /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ /** * 6.13 Singular * ----------------------------------------------------------------------------- */ /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ /** * 7.2 Content Sidebar Widgets * ----------------------------------------------------------------------------- */ /** * 8.0 Footer * ----------------------------------------------------------------------------- */ footer#colophon { margin-top:-100px; background:#7A1919; position: relative; z-index: 100; } footer#colophon > .inner-wrapper { height:150px; } #footer-navigation { text-align: center; padding-top:8px; } #footer-navigation ul { list-style: none outside none; margin:0 auto; display: inline-block; } #footer-navigation ul ul { display: none; } #footer-navigation li { display: block; float:left; font-size: 14px; } #footer-navigation li:before { content:" | "; color:white; font-size: 15px; } #footer-navigation li:first-child:before { content: ""; } #footer-navigation li a { color:white; font-weight: bold; display: inline-block; padding:0px 7px 0 5px; text-transform: uppercase; } .footer-left, .footer-right { line-height: 1.3em; color: white; position: absolute; bottom: 10px; } .footer-left a, .footer-right a { color:white; } .footer-left { left:20px; text-align: left; } .footer-right { right:20px; text-align: right; } /** * 9.0 Pagination * ----------------------------------------------------------------------------- */ .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #3279BB; } .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; } /** * 10.0 Fluid Columns * ----------------------------------------------------------------------------- */ .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:79.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt; } .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%; } #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none; } .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #2b2b2b; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent; } .header-main { padding: 48px 10px; } .site-title { float: none; font-size: 19pt; } .content-area { padding-top: 0; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header { padding-top: 0; } .site-content footer.entry-meta { margin: 24px auto; } .entry-meta .tag-links a { color: #fff; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .archive-title, .page-title { margin: 0 10px 48px; } .featured-content .hentry { margin-bottom: 48px; } .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail { padding-top: 0; } .featured-content .post-thumbnail img { position: relative; } .featured-content .entry-header { padding: 0 10px 24px; } .featured-content .entry-meta { font-size: 9pt; margin-bottom: 11px; } .featured-content .cat-links { font-weight: 900; } .featured-content .entry-title { font-size: 25pt; line-height: 36px; } } .bf_layout_checkbox {margin-right:10px!important;}/* /************************************************** Styles Below Added by https://davidawindham.com **************************************************/ .tinynav { display: none } .inner-wrapper { width:90% !important; position: relative; margin:0 auto; } #primary { padding:30px 20px !important; background:white; position: relative; z-index: 10; } .bg-element { position:fixed; width:980px; top:0; left:50%; margin-left:-490px; height:100%; z-index: 0; background:white; } .header-left .phone a { font-size: 30px; font-weight: bold; color:#7a1919; } ul#menu-primary-menu .l_tinynav1 { margin-top: 10px; } @media only screen and (max-width: 767px) { .logo img { max-width:200px; } .tinynav { display: block } #menu-primary-menu { display: none } .header-left .header-links a { display: block; width:100px; text-align: center; background:#7a1919; color:white; font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom:5px; } .header-left .phone { font-size: 15px !important; font-weight: bold; color:#7a1919; text-align: center; } .header-left .phone a { font-size: 18px; font-weight: bold; color:#7a1919; } .home .slider { background: #7a1919; padding-bottom: 4px; padding-top: 30px; } #footer-navigation { display:none !important; } .one_half{ width:100%; } .one_third{ width:100%; } .two_third{ width:100%; } .one_fourth{ width:100%; } .three_fourth{ width:100%; } .one_fifth{ width:100%; } .two_fifth{ width:100%; } .three_fifth{ width:100%; } .four_fifth{ width:100%; } .one_sixth{ width:100%; } .five_sixth{ width:100%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} .home .content_area > div { margin-left:-3px; } .home .content_area > div:first-child { border-right:none; margin-left:0; padding-right:1%; margin-right:3%; } } @media only screen and (min-width : 992px) { } @media only screen and (min-width : 1200px) { }