/* Theme Name: Nesa Description: Custom theme for Nesa, based on custom COTA Framework, developed by Cotorobai Adrian. Author: Cotorobai Adrian Version: 2.4 License: This theme license is available only for Nesa. This theme must not be duplicated without author's written permission. */ /* =Reset default browser CSS. Based on work by and Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-family:inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } body {line-height: 1;} html {font-size:100%;} h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;} ol, ul {list-style: none;} blockquote {quotes: none;} blockquote:before, blockquote:after {content: '';content: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} a img {border: none;} input[type="text"], input[type="password"], input[type="submit"] textarea, select { outline: none; } /******************** FONTS **********************/ body,input,textarea {font-family: 'myriad-pro', helvetica, arial, verdana, sans-serif;} /**************** GLOBAL ****************/ body {background: #ffffff;} body,input,textarea {color: #666666;font-size: 14px;line-height: 18px;} hr {background-color: #008752;border: 0;clear: both;height: 1px;margin-bottom: 18px;} p {margin-bottom: 18px;} ul {list-style: disc;margin: 0 0 18px 1.5em;} ol {list-style: decimal;margin: 0 0 18px 1.5em;} ol ol {list-style: upper-alpha;} ol ol ol {list-style: lower-roman;} ol ol ol ol {list-style: lower-alpha;} ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;} dl {margin: 0 0 24px 0;} dt {font-weight: bold;} dd {margin-bottom: 18px;} strong {font-weight: bold;} cite,em,i {font-style: italic;} big {font-size: 131.25%;} ins {background: #ffc;text-decoration: none;} blockquote {font-style: italic;padding: 0 3em;} blockquote cite,blockquote em,blockquote i {font-style: normal;} pre { background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em;} abbr,acronym { border-bottom: 1px dotted #666;cursor: help;} sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;} sup {bottom: 4ex;font-size:30%;} sub {top: .5ex;} input[type="text"],textarea {background: #f9f9f9;border: 1px solid #ccc;padding: 2px;} a:link {color: #999;text-decoration:none;} a:visited {color: #999;} a:active,a:hover {color: #666;text-decoration:underline;} h1 {font-size: 25px;line-height:32px;} h2 {font-size: 23px;line-height:30px;} h3 {font-size: 21px;line-height:29px;} h4 {font-size: 19px;line-height:26px;} h5 {font-size: 17px;line-height:24px;} h6 {font-size: 15px;line-height:22px;} /************ CONTACT FORM 7 STYLES *****************/ div.wpcf7 {margin: 0;padding: 0;} div.wpcf7-response-output {font-size:13px;color: #FF0000;float: left;font-weight: bold;text-align: center;} div.wpcf7-mail-sent-ok {font-size:13px;border: none;font-weight:normal;color:#29aa01;} div.wpcf7-mail-sent-ng {font-size:13px;border: none;} div.wpcf7-spam-blocked {font-size:13px;border: none;} div.wpcf7-validation-errors {font-size:13px;border: none;color: #F89522;float: left;margin: 0;text-align: center;width: 100%;padding:10px 0;} span.wpcf7-form-control-wrap {position: relative;} element.style {display: block;} span.wpcf7-not-valid-tip {color: #FF0000;font-size: 12px;position: absolute;right:0;text-align: left;top: 14px;width:200px;z-index: 100;} span.wpcf7-not-valid-tip-no-ajax {font-size:11px;color: #f00;font-size: 10pt;display: block;} span.wpcf7-list-item {margin-left: 0.5em;} .wpcf7-display-none {display: none;} div.wpcf7 img.ajax-loader {position:absolute;border: none;vertical-align: middle;margin-left: 4px;} div.wpcf7 .watermark {color: #888;} /************ GENERAL CONTAINERS ******************/ .wrapper {margin:0 auto;position:relative;width:940px;} #header {display:block;width:100%;height:295px;background:url(images/header_bg.png) no-repeat center bottom;position:relative;z-index:10009;} #main_menu {float:left;width: 100%;} #content_container {float:left;width: 100%;} #content {float:left;} #sidebar {float:right;} #footer {float:left;width: 100%;} #footer_wrapper {width:960px;} .align_left {float:left;} .align_right {float:right;} .fullwidth {width:100%;} /** IMAGE CONTAINERS **/ .image_fullwidth {width:100%;height:100%;} .image_width70 {width:70%;height:100%;} .image_width20 {width:20%;height:100%;} .image_left {float:left;margin:0 0 20px 0;} /***************** HEADER *****************/ #logo {float:left;margin:20px 0 0 0;} #logo a {} #site_title {margin:35px auto;font-size:30px;text-align:center;} #phone_number {float:right;background:#008752;} #phone_number h6 {padding:10px 15px;font-size:14px;line-height:16px;color:#ffffff;} /** breadcrumbs **/ .breadcrumbs {float:left;width:98%;font-size:11px;margin:-20px 1% 0 1%;border-bottom:1px solid #008752;line-height:40px;} .breadcrumbs a {color:#808080;} .breadcrumbs a:hover {color:#808080;} .breadcrumbs_separator {margin:0 5px;} /************** MENU **************/ #nav .mobile_menu {display:none;} #nav {float:right;z-index:5;position:relative;clear:right;margin-top:65px;} #nav ul {list-style: none;margin: 0;} #nav li {float:left;margin-left:35px;} #nav a {color: #565656;display: block;line-height: 23px;font-size:18px;text-decoration: none;border-bottom:2px solid #ffffff;} #nav li:hover > a {color: #565656;border-bottom:2px solid #008752;} #nav li.has_children a {border-bottom:#ffffff;} #nav ul ul {display: none;position: absolute;top: 23px;float: left;width: 220px;z-index: 99999;background:url(images/drop_arrow.png) no-repeat;padding:13px 0 0 0;box-shadow:0 10px 8px #555;-moz-box-shadow:0 10px 8px #555;-webkit-box-shadow:0 10px 8px #555;} #nav ul ul a {background: #fff;line-height: 18px;padding: 10px 15px;width: 190px;height: auto;font-size:16px;border:none;} #nav ul ul :hover > a {background:#008752;color: #fff;border:none;} #nav ul li:hover > ul {display: block;} #nav ul ul li {min-width: 220px;margin:0;} #nav ul ul ul {left: 100%;top: 0;} #nav ul li.current_page_item > a,#nav ul li.current-menu-ancestor > a,#nav ul li.current-menu-item > a,#nav ul li.current-menu-parent > a {color: #565656;border-bottom:2px solid #008752;} * html #nav ul li.current_page_item a,* html #nav ul li.current-menu-ancestor a,* html #nav ul li.current-menu-item a,* html #nav ul li.current-menu-parent a,* html #nav ul li a:hover {color: #565656;border-bottom:2px solid #008752;} #nav ul ul li.current_page_item > a,#nav ul ul li.current-menu-ancestor > a,#nav ul ul li.current-menu-item > a,#nav ul ul li.current-menu-parent > a {color: #565656;border:none;} #nav ul li.current-menu-item > a:hover {border-bottom:2px solid #fff;} #nav ul ul li.current-menu-item > a:hover {border:none;color:#ffffff;} /** BANNER **/ .caroufredsel_wrapper {width: 100% !important;margin: -119px 0 0 0 !important;overflow: hidden;} #image_slider {padding:0;visibility:hidden;} #image_slider ul {list-style:none;padding:0;margin:0;} #image_slider li {background-position: center bottom;background-repeat: no-repeat; float: left;height: 458px;list-style:none;} #image_slider .caption_container {margin:0 auto;width:960px;position:relative;} .caption {z-index:1;position:absolute;padding:20px;background:url(images/caption_bg.png) repeat;top:-300px;right:0;width:345px;display:none;} .caption p {margin:0 0 10px 0;color:#505050;font-size:13px;line-height:20px;} .caption h2 {font-size:30px;line-height:30px;margin:80px 0 10px 0;padding:0;color:#505050;font-weight:500;} .image_slider_wrapper {width:960px;margin:0 auto;position:relative;} .banner_button {float:left;} .banner_button a {float:left;background:#008752;border-radius:4px;padding:0 20px;line-height:26px;height:26px;color:#ffffff;font-size:13px;} .banner_button a:hover {text-decoration:none;} #frontpage_headline {float:left;width:100%;background:#008752;margin:0 0 70px 0;} #frontpage_headline .inner_wrapper {margin:20px auto;color:#ffffff;font-size:23px;line-height:30px;text-align:center;} /** BANNER IMAGE FOR PAGES **/ #page_banner {float:left;width:940px;height:306px;margin:-140px 0 0 0;} /******************* HOMEPAGE SECTIONS *********************/ #content section {float:left;width:100%;} #content section p {font-size:14px;line-height:16px;margin: 0 0 15px 0;} #content section a {color:#008752;text-decoration:none;} #content section a:hover {text-decoration:underline;} #content #section1, #content #section2 {margin-bottom:40px;} #content #section1 .widget_last, #content #section2 .widget_last {margin-right:0;} #content section h3 {float:left;width:100%;font-size:30px;line-height:32px;font-weight:normal;margin:20px 0;color:#008752;} #content section h3 .widget_title_part {font-weight:bold;} .widget265 {float:left;width:265px;display: inline;margin-right: 10px} #section1 .section_widget {margin-right:72.5px;} /** section 1 **/ #section1 .cota_featured_text img {float:left;} /** section 2**/ #enquire_form {float:left;width:100%;background:#008752;position:relative;} .enquire_form_inner {margin:0 auto;width:97%;position:relative;} #enquire_form .left_part {width:39.56%;} #enquire_form .right_part {width:58.24%;} #enquire_form .fieldset {float:left;width:100%;margin:0 0 18px 0;} #enquire_form .input {float:left;width:100%;border-radius:4px;background:#ffffff;} #enquire_form .input_textarea {float:left;width:100%;border-radius:4px;background:#ffffff;} #enquire_form input[type="text"], #enquire_form input[type="email"] {float:left;padding:0 2.5%;width:95%;border:none;background:none;height:32px;line-height:32px;font-size:13px;color:#808080;position:relative;} #enquire_form textarea {float:left;width:95%;padding:10px 2.5%;height:110px;border-radius:4px;border:none;background:none;line-height:20px;font-size:13px;color:#808080;position:relative;} #enquire_form input[type="submit"] {float:right;padding:0;width:85px;border-radius:0px;border:none;background:#ffffff;height:32px;line-height:32px;font-size:13px;color:#000000;cursor:pointer;} #enquire_form .submit_btn {float:left;width:100%;margin:0 0 30px 0;} .enquire_heading {float:left;width:100%;font-size:30px;line-height:32px;font-weight:300;color:#ffffff;margin:30px 0 10px 0;} #content #enquire_form h5 {float:left;width:100%;padding:0;font-size:17px;line-height:24px;font-weight:500;margin:0 0 30px 0;} /******************* CONTENT *******************************/ #content {margin-bottom:45px;} #content,#content input,#content textarea {color: #505050;line-height: 20px;} #content p,#content ul,#content ol,#content dd,#content pre,#content hr {margin-bottom: 20px;} #content ul ul,#content ol ol,#content ul ol,#content ol ul {margin-bottom: 0;} #content pre,#content kbd,#content tt,#content var {font-size: 15px;line-height: 21px;} #content code {font-size: 13px;} #content h1 {margin: 0 0 20px 0;} #content h2 {margin: 0 0 20px 0;} #content h3,#content h4,#content h5,#content h6 {margin: 0 0 10px 0;} /** tables **/ #content table {border: 1px solid #454545;margin: 0 -1px 24px 0;text-align: left;width: 100%;} #content tr th,#content thead th {color: #ffffff;background:#008752;font-size: 18px;font-weight: normal;line-height: 20px;} #content tr td {padding:5px;font-size:16px;color:#000;} #content tr.odd td {background: #f2f7fc;} #content .tablepress thead th {border-bottom:1px solid #454545;border-right:1px solid #454545;padding:5px;} #content .tablepress tbody td, #content .tablepress tfoot th {border-top:1px solid #454545;border-right:1px solid #454545;} /** page title, page contet, read more **/ #content .page_title, #content .post_title {color:#008752;font-weight:bold;font-size:40px;line-height:45px;margin:40px 0 25px 0;} #content .page_title a, #content .post_title a {text-decoration:none;color:#008752;} #content .page_title a:hover, #content .post_title a:hover {text-decoration:underline;} #content .page_title .page_title_part, #content .post_title .post_title_part {font-weight:normal;} .page_content {} .post_content {margin-bottom:20px;} .entry_meta, .entry_utility {margin:10px 0;line-height:30px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:13px;} .comment_count {} .read_more {display:block;text-align:right;} .read_more a {color:#333;} /** Slideshow **/ #content #slideshow-wrapper {margin:20px 0 50px 0;} #content #slideshow-wrapper #slideleft, #content #slideshow-wrapper #slideright {background-color:#f0f0f0;height:81px;} #content #slideshow-wrapper #slidearea, #content #slideshow-wrapper #slider {height:81px;} #content #slideshow-wrapper #slider img {border:1px solid #dddddd;} /** PRODUCTS **/ .product_item {float:left;width:300px;height:295px;margin:0 20px 40px 0;overflow:hidden;} .product_item img {float:left;position:relative;} .item_last {margin:0 0 40px 0;} .product_image {position:relative;float:left;width:100%;margin:0 0 10px 0;} .product_title {font-size:24px;color:#ffffff;top:152px;position:absolute;margin:0 10px;} .product_title a {color:#ffffff;text-decoration:none;} .product_title a:hover {text-decoration:underline;} .product_content {float:left;width:100%;} #content .product_content p {font-size:14px; line-height:18px;margin:0 0 5px 0;} .page_section {float:left;width:100%;padding:20px 0 0 0;border-top:1px solid #008752;} .about_section {display:block;width:630px;margin:0 auto 80px auto;} .cota_about_list {float:left;width:190px;margin:0 20px 0 0;} .cota_about_list img {display:block;margin:0 auto;} #content .cota_about_list h4 {color:#008752;text-align:center;margin: 10px 0;line-height:19px;} /****************** IMAGES ***************/ img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {max-width: 100%;height: auto;} .alignleft,img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;} .alignright,img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;} .aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} img.alignleft,img.alignright,img.aligncenter {margin-bottom: 12px;} .wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;max-width: 632px !important;padding: 4px;text-align: center;} .wp-caption img {margin: 5px 5px 0;} .wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;} .wp-smiley {margin: 0;} #content .attachment img {display: block;margin: 0 auto;} /****************** SIDEBAR *********************/ .sidebar_widget {margin:0 0 20px 0;display:block;} /****************** FOOTER *****************/ #pre_footer {float:left;width:100%;background:#eeeeee;font-size:12px;line-height:17px;color:#595959;} #pre_footer ul {margin:0;padding:0;list-style:none;} .pre_footer_widget {float:left;margin:40px 10px;} .widget220 {width:220px;} #pre_footer .widget_last {margin:40px 0;} #pre_footer h2 {font-size:24px;font-weight:300;margin:0 0 20px 0;color:#008752;} #pre_footer a {color:#595959;} #footer {background:#DFDFDF;} #footer_wrapper {margin:0 auto;overflow: hidden;padding: 15px 0;} .copyright {font-size:13px;color:#595959;} .design {font-size:13px;color:#595959;} .design a {color:#595959;} /***************** RESPONSIVE *************/ @media screen and (max-width:980px) { /************** GENERAL *************/ .wrapper {width:92%;} #frontpage_headline .inner_wrapper {font-size:20px;} /************** HEADER **************/ #header {text-align:left;height:260px;} #logo {float:left;margin:5px 0 0 0;} #logo img {width:200px;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:right;width:45%;z-index:5;position:relative;margin:30px 0 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 500px; background-size: auto 500px; -moz-background-size: auto 500px; -webkit-background-size: auto 500px; -o-background-size: auto 500px; } .image_slider_wrapper {width:92%;} .caption h2 {margin:60px 0 10px;} #frontpage_headline {margin: 0 0 20px 0;} #page_banner {height: auto;margin: -130px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:32%;margin:0 2% 30px 0;} #section1 .cota_featured_text img {width:99%;} /************** CONTENT *****************/ .product_item {height: 300px;margin: 0 1% 40px 0;width: 32%;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;} #content #slideshow-wrapper #slidearea {width:90%;} /************** FOOTER ******************/ #pre_footer {text-align:left;} .pre_footer_widget {margin:10px 1% 10px 0;} .widget220 {width:24%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:left;} } @media screen and (max-width:880px) { .product_title {font-size:20px;} } @media screen and (max-width:768px) { /************** GENERAL *************/ .wrapper {width:92%;} /************** HEADER **************/ #header {text-align:left;height:230px;} #logo {float:left;margin:5px 0 0 0;} #logo img {width:180px;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:right;width:50%;z-index:5;position:relative;margin:30px 0 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 470px; background-size: auto 470px; -moz-background-size: auto 470px; -webkit-background-size: auto 470px; -o-background-size: auto 470px; } .image_slider_wrapper {width:92%;} .caption h2 {margin:60px 0 10px;} #frontpage_headline {margin: 0 0 20px 0;} #page_banner {height: auto;margin: -105px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:32%;margin:0 2% 30px 0;} #section1 .cota_featured_text img {width:99%;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:92%;} #enquire_form .left_part {width:48%;} #enquire_form .right_part {width:48%;} /************** CONTENT *****************/ .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:32%;margin:0 1% 0 0;text-align:left;} .product_item {height: 340px;margin: 0 1% 40px 0;width: 32%;} .product_title {font-size:20px;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:2px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:370px;} #content #slideshow-wrapper .imgnav {height:370px;} #content #slideshow-wrapper #imglink {height:370px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:left;} .pre_footer_widget {margin:10px 1% 10px 0;} .widget220 {width:24%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:left;} } @media screen and (max-width:685px) { /************** GENERAL *************/ .wrapper {width:92%;} /************** HEADER **************/ #header {text-align:left;height:230px;} #logo {float:left;margin:5px 0 0 0;} #logo img {width:180px;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:right;width:45%;z-index:5;position:relative;margin:30px 0 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 430px; background-size: auto 430px; -moz-background-size: auto 430px; -webkit-background-size: auto 430px; -o-background-size: auto 430px; } .image_slider_wrapper {width:92%;} .caption {width:50%;padding:13px;} .caption h2 {margin:60px 0 10px;} #frontpage_headline .inner_wrapper {font-size:20px;line-height:24px;} #frontpage_headline {margin: 0 0 20px 0;} #page_banner {height: auto;margin: -90px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:32%;margin:0 2% 30px 0;} #section1 .cota_featured_text img {width:99%;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:92%;} #enquire_form .left_part {width:48%;} #enquire_form .right_part {width:48%;} /************** CONTENT *****************/ .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:32%;margin:0 1% 0 0;text-align:left;} .product_item {height: 310px;margin: 0 2% 40px 0;width: 48%;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:2px;font-size:15px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:320px;} #content #slideshow-wrapper .imgnav {height:320px;} #content #slideshow-wrapper #imglink {height:320px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:left;} .pre_footer_widget {margin:10px 1% 10px 0;} .widget220 {width:24%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:left;} } @media screen and (max-width:568px) { /************** GENERAL *************/ .wrapper {width:92%;} /************** HEADER **************/ #header {text-align:left;height:230px;} #logo {float:left;margin:5px 0 0 0;} #logo img {width:180px;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:right;width:45%;z-index:5;position:relative;margin:30px 0 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 400px; background-size: auto 400px; -moz-background-size: auto 400px; -webkit-background-size: auto 400px; -o-background-size: auto 400px; } .image_slider_wrapper {width:92%;} .caption {width:50%;padding:15px;} .caption h2 {margin:60px 0 10px;} #frontpage_headline {margin: 0 0 40px 0;} #page_banner {height: auto;margin: -90px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:32%;margin:0 2% 30px 0;} #section1 .cota_featured_text img {width:99%;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:96%;} #enquire_form .left_part {width:49%;} #enquire_form .right_part {width:49%;} /************** CONTENT *****************/ .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:32%;margin:0 1% 0 0;text-align:left;} .product_item {height: 310px;margin: 0 2% 40px 0;width: 48%;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:2px;font-size:13px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:295px;} #content #slideshow-wrapper .imgnav {height:295px;} #content #slideshow-wrapper #imglink {height:295px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:left;} .pre_footer_widget {margin:10px 1% 10px 0;} .widget220 {width:24%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:left;} } @media screen and (max-width:480px) { /************** GENERAL *************/ .wrapper {width:92%;} h1 {font-size: 23px;line-height:30px;} h2 {font-size: 21px;line-height:28px;} h3 {font-size: 18px;line-height:25px;} h4 {font-size: 17px;line-height:24px;} h5 {font-size: 15px;line-height:22px;} h6 {font-size: 13px;line-height:20px;} /************** HEADER **************/ #header {text-align:left;height:230px;} #logo {float:left;margin:5px 0 0 0;} #logo img {width:170px;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:right;width:47%;z-index:5;position:relative;margin:30px 0 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 360px; background-size: auto 360px; -moz-background-size: auto 360px; -webkit-background-size: auto 360px; -o-background-size: auto 360px; } .image_slider_wrapper {width:92%;} .caption {width:50%;padding:10px;} .caption h2 {font-size:22px;line-height:24px;margin:70px 0 10px;} .caption p {font-size:13px;line-height:17px;} #frontpage_headline {margin: 0 0 20px 0;} #frontpage_headline .inner_wrapper {font-size:18px;line-height:22px;} #page_banner {height: auto;margin: -75px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:100%;margin:0 0 30px 0;} #section1 .cota_featured_text img {float:none;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:92%;} #enquire_form .left_part {width:100%;} #enquire_form .right_part {width:100%;} /************** CONTENT *****************/ #content .page_title, #content .post_title {font-size:30px;line-height: 36px;margin: 10px 0;} .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:100%;margin:0;text-align:center;} .product_item {height: auto;margin: 0 0 40px;width: 300px;} .product_item img {width:100%;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:2px;font-size:11px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:260px;} #content #slideshow-wrapper .imgnav {height:260px;} #content #slideshow-wrapper #imglink {height:260px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:center;} .pre_footer_widget {margin:10px 0;} .widget220 {width:100%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:center;} .copyright, .design {float:none;} } @media screen and (max-width:380px) { /************** GENERAL *************/ .wrapper {width:92%;} h1 {font-size: 23px;line-height:30px;} h2 {font-size: 21px;line-height:28px;} h3 {font-size: 18px;line-height:25px;} h4 {font-size: 17px;line-height:24px;} h5 {font-size: 15px;line-height:22px;} h6 {font-size: 13px;line-height:20px;} /************** HEADER **************/ #header {text-align:center;height:280px;} #logo {float:none;margin:5px 0 0 0;} #logo img {width:150px;} #phone_number {display: block;float: none;margin: 10px auto 0;width: 67%;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:left;width:100%;z-index:5;position:relative;margin:10px 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 320px; background-size: auto 320px; -moz-background-size: auto 320px; -webkit-background-size: auto 320px; -o-background-size: auto 320px; } .image_slider_wrapper {width:92%;} .caption {width:50%;padding:10px;} .caption h2 {font-size:18px;line-height:22px;margin:30px 0 10px;} .caption p {font-size:13px;line-height:17px;} .mobile_caption {display:none;} #frontpage_headline {margin: 0 0 20px 0;} #frontpage_headline .inner_wrapper {font-size:18px;line-height:22px;} #page_banner {height: auto;margin: -70px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {width:100%;margin:0 0 30px 0;} #section1 .cota_featured_text img {float:none;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:92%;} #enquire_form .left_part {width:100%;} #enquire_form .right_part {width:100%;} /************** CONTENT *****************/ #content .page_title, #content .post_title {font-size:30px;line-height: 36px;margin: 10px 0;} .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:100%;margin:0;text-align:center;} .product_item {height: auto;margin: 0 0 40px;width: 300px;} .product_item img {width:100%;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:1%;font-size:9px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:220px;} #content #slideshow-wrapper .imgnav {height:220px;} #content #slideshow-wrapper #imglink {height:220px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:center;} .pre_footer_widget {margin:10px 0;} .widget220 {width:100%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:center;} .copyright, .design {float:none;} } @media screen and (max-width:320px) { /************** GENERAL *************/ .wrapper {width:92%;} h1 {font-size: 23px;line-height:30px;} h2 {font-size: 21px;line-height:28px;} h3 {font-size: 18px;line-height:25px;} h4 {font-size: 17px;line-height:24px;} h5 {font-size: 15px;line-height:22px;} h6 {font-size: 13px;line-height:20px;} /************** HEADER **************/ #header {text-align:center;height:280px;} #logo {float:none;margin:5px 0 0 0;} #logo img {width:150px;} #phone_number {display: block;float: none;margin: 10px auto 0;width: 70%;} /************** MENU ***************/ #nav .normal_menu {display:none;} #nav .mobile_menu {float:left;display:block;width:100%;margin:0 auto;} #nav {float:left;width:100%;z-index:5;position:relative;margin:10px 0;background:#eee;} #nav .mobile_menu select {float:left;width:100%;margin:0;padding:5px 0;height:30px;border:none;color:#565656;text-align:center;background:none;font-size:13px;text-transform:uppercase;cursor:pointer;outline:none;} #nav .mobile_menu select option {padding:5px 0;} /************** BANNER *************/ #image_slider li { height: 250px; background-size: auto 250px; -moz-background-size: auto 250px; -webkit-background-size: auto 250px; -o-background-size: auto 250px; } .image_slider_wrapper {width:92%;} .caption {width:50%;padding:10px;} .caption h2 {font-size:18px;line-height:22px;margin:45px 0 10px;} .caption p {font-size:13px;line-height:17px;} .mobile_caption {display:none;} #frontpage_headline {margin: 0 0 20px 0;} #frontpage_headline .inner_wrapper {font-size:15px;line-height:18px;} #page_banner {height: auto;margin: -65px 0 0;width: 100%;} #page_banner img {width:99%;height:auto;} /************** HOMEPAGE SECTIONS *********/ #content #section1, #content #section2 {margin:0 0 10px 0;} #section1 .section_widget {margin:0 0 30px 0;} /************** ENQUIRE FORM ***************/ .enquire_form_inner {width:92%;} #enquire_form .left_part {width:100%;} #enquire_form .right_part {width:100%;} /************** CONTENT *****************/ #content .page_title, #content .post_title {font-size:30px;line-height: 36px;margin: 10px 0;} .about_section {margin:0 0 40px 0;width:100%;} .cota_about_list {width:100%;margin:0;text-align:center;} .product_item {height: auto;margin: 0 0 40px;width: 100%;} .product_item img {width:100%;} #content .tablepress tbody td, #content .tablepress tfoot th, #content .tablepress thead th {padding:1%;font-size:9px;} /*************** GALLERY *****************/ #content #slideshow-wrapper {width:100%;} #content #slideshow-wrapper #fullsize {width:100%;height:200px;} #content #slideshow-wrapper .imgnav {height:200px;} #content #slideshow-wrapper #imglink {height:200px;} #content #slideshow-wrapper #image {width:100%;} #content #slideshow-wrapper #image img {max-width:none;width:100%;height:auto;} #content #slideshow-wrapper #slidearea {width:80%;} /************** FOOTER ******************/ #pre_footer {text-align:center;} .pre_footer_widget {margin:10px 0;} .widget220 {width:100%;} #pre_footer .widget_last {margin:10px 0;} #pre_footer h2 {margin:0 0 10px 0;} #footer_wrapper {width:92%;text-align:center;} .copyright, .design {float:none;} }