/*
Theme Name: Chilomer Builders
Description: This theme was made by http://www.iServicesllc.com.com
Version: 1
Author: Oalddesign
Text Domain: iservicesllc-wordpress
Author URI: http://www.iServicesllc.com
Theme URI: http://www.iServicesllc.com/
*/

body {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   background: #fff;
   background: url(images/background.jpg);
}

a:hover {
   text-decoration: underline; 
}

.hidden-title {
   display: none;
}

/*================================
=============== Content
==================================*/

.content {
   width: 1100px;
   margin: 0px auto 0px;
   border-spacing: 0px 0px;
   color: #3f3f3f;
   background: #fff;
   border-right: 2px solid #a7a7a7;
   border-left: 2px solid #a7a7a7;
}

.warp-content {
   margin: 0px 0px 0px 0px;
   padding: 20px 20px 35px 20px;
}

.full-width-page {
   margin: 0px auto 0px;
}

h1.main-title {
   padding: 0px 0px 4px 0px;
   font-size: 46px;
}

/*================================
=============== Home Page
==================================*/

#main-home-page {
   background: #fff url(images/home-bg.jpg);
}

.home-page {
   margin-top: -20px;   
}

.oalddesign_slider_home_slider .oaldslider img {
   border-bottom: 5px solid #cc0202 !important;
}

/* ============ Header ============
====================================*/

.header-warp {
   background: #ae0000;
   padding: 0px 0px 0px 0px;
   position: relative;
   border-bottom: 1px solid #c9c7c7;
}

.header-left-side {
   background: #000;
   width: 50%;
   display: block;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1;
}

.header {
   max-width: 1200px;
   margin: 0 auto;
   position: relative;
   z-index: 100;
   background: #ae0000;
}

.header .logo { 
   text-align: center;
   float: left;
   margin: 0px 0px 0px 0px;
   background: #000;
   border-right: 20px solid #950404;
}

.header .logo-warp {
   border-right: 22px solid #5f0606;
}

.header .logo-warp-border {
   border-right: 25px solid #360505;
   padding: 5px 30px 5px 100px;
}

.header .logo h2 {
   padding: 0px 0px 0px 0px;
   line-height: 30px;
}

.header .logo img {
   max-height: 110px;
}

/*================================
=============== Menu
==================================*/

.website-menu {
   max-width: 100%;
   text-align: center;
   display: block;
   position: static;
   z-index: 2000;
   margin: 0px 0px 0px 0px;
   margin: 49px 0px 0px 20px;
   float: left;
}

.mobile-menu {
   display: none;
}

.website-menu ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.website-menu ul li {
   display: inline-block;
   list-style: none;
   color: #fff;
   background: url(images/top-menu-list.png) center left no-repeat;
   position: relative;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.website-menu ul li:first-child {
   background: none;
}

.website-menu ul li a {
   font-size: 16px;
   line-height: 19px;
   color: #fff;
   text-decoration: none;
   padding: 15px 22px 23px 22px;
   margin: 0px 0px 0px 0px;
}

.website-menu ul li:hover > a {
   text-decoration: underline;
}

/* Dropdown Menu (Second Level) ============= */

.website-menu ul li ul li a.menu-has-children {
   background-image: url(images/menu-right-arrow.png);
   background-position: 90% 50%;
   background-repeat: no-repeat;
   padding-right: 27px;
}

.website-menu ul li ul {
   display: none;
   position: absolute;
   top: 30px;
   left: 0px;
   min-width: 150px;
   padding: 0px;
   z-index: 2001;
   border-right: 1px solid #b2b2b2;
   border-left: 1px solid #b2b2b2;
   border-bottom: 1px solid #b2b2b2;
}

.website-menu ul li ul li {
   position: relative;
   display: block;
   text-align: left;
   background: none;
}

.website-menu ul li ul li a {
   padding: 10px 22px 10px 10px;
   color: #384a58;
   font-size: 13px;
   line-height: 16px;
   font-weight: normal;
   display: block;
   border-top: 1px solid #b2b2b2;
   background-color: #fff;
}

.website-menu ul li ul li:hover > a {
   background-color: #fb3a3a;
   text-decoration: none;
   color: #fff;
}

/* Right Menu (Third Level) ============= */

.website-menu ul li ul li ul {
   display:none;
   position: absolute;
   top: 0px;
   left: 100%;
   min-width: 150px;
   border-right: 1px solid #b2b2b2;
   border-left: 1px solid #b2b2b2;
   border-bottom: 1px solid #b2b2b2;
   z-index: 2002;
}

.website-menu ul li ul li ul li a {
   padding: 10px 22px 10px 10px;
   color: #616161;
   font-size: 13px;
   font-weight: normal;
   display: block;
   border-top: 1px solid #b2b2b2;
   background-color: #fff;
   text-decoration: none;
}

/*================================
=============== Left Side (When There is sidebar)
==================================*/

.left-side {
   min-width: 770px;
   max-width: 770px;
   width: 770px;
   display: table-cell;
   vertical-align: top;
   padding: 5px 18px 20px 5px;
}

.left-side p.post-tags a {
   color: #393939;
}

/*================================
=============== Right Side - SideBar
==================================*/

.right-side {
   min-width: 290px;
   max-width: 290px;
   display: table-cell;
   vertical-align: top;
   table-layout: fixed;
   padding: 5px 5px 20px 5px;
}

.right-side h2 {
   font-size: 20px;
   font-weight: bold;
   padding: 10px 0px 4px 0px;	 
}

.right-side .sidebar-widget {
   margin: 15px 0px 25px 0px;
}

.right-side .sidebar-widget ul li {
   border-bottom: 1px solid #F2F2F2;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 10px 0px;
   color: #393939;
}

.right-side .sidebar-widget ul li a {
   color: #393939;
}

.right-side .widget_search {
   text-align: left;
}

.right-side .widget_search input {
   height: 25px;
   width: 165px;
   padding: 0px 5px 0px 5px;
   margin: 1px 0px 0px 0px;
   color: #4d4d4d;
}

.right-side .widget_search #searchsubmit {
   background: #444444;
   font-size: 15px;
   font-weight: bold;
   color: #fff;
   height: 26px;
   width: 65px;
   padding: 3px 5px 1px 5px;
   line-height: 9px;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   border: 1px solid #6d6d6d;
}

/*================================
=============== Main Blog Posts Page 
==================================*/

.blog-page {}

.blog-page .blog-posts {
   background: #fff;
   border: 1px solid #d0d0d0;
   list-style: none;
   position: relative;
   width: 100%;
   margin: 5px auto 20px;
}

.blog-page .blog-posts img {
   max-width: 100%;
}

.blog-page .blog-posts .blog-content {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.blog-page .blog-posts .blog-post-content {
   padding: 8px 10px 10px 10px;
}

.blog-page .blog-posts h2 { 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 28px;
}

.blog-page .blog-posts h2 a {
   text-align: left;
   font-size: 24px;
   font-weight: bold;
   color: #3f3f3f;
   text-decoration: none;
}

.blog-page .blog-posts h2 a:hover {
   text-decoration: underline;
}

.blog-page .blog-posts p {
   padding: 5px 0px 0px 0px;
}

.blog-page .blog-posts p a:hover {
   text-decoration: underline;
}

.blog-page .blog-post-info {
   display: block;
}

.blog-page .blog-posts p.date {
   padding: 0px 0px 0px 0px;
   margin: 5px 0px 0px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   line-height: 16px;
   color: #696969;
   display: inline;
}

.blog-page .blog-posts p.comments {
   padding: 0px 0px 10px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #484848;
   display: inline;
}

.blog-page .blog-posts a.post-edit-link span.edit-post {
   padding: 0px 0px 10px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #0a0fe0;
   text-decoration: none;
   line-height: 21px;
   position: absolute;
   bottom: -5px;
   right: -10px;
   text-decoration: none;
   background: #fff;
   padding: 3px;
   border: 1px solid #ebebeb;
}

/* Future Image ============= */

.blog-post-content-thumbnail {}

.blog-post-content-thumbnail h2,
.blog-post-content-thumbnail p {
   display: block;
   clear: none;
}

.blog-post-content-thumbnail .thumbnail-image {
   float: left;
   width: 33%;
   max-height: 180px;
   overflow: hidden;
   margin: 10px 10px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.blog-post-content-thumbnail .thumbnail-image img {
   width: 100%;
}

/* Pages Navigation ============= */

.blog-page .blog-posts-pages {
   text-align: left;
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 10px;
}

.blog-page .blog-posts-pages a,
.blog-page .blog-posts-pages span {
   font-size: 14px;
   font-weight: bold;
   color: #696a6c;
   border: 1px solid #b4b4b4;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
   margin: 20px 0px 0px 0px;
}

.blog-page .blog-posts-pages span {
   background: #ffeded;
   border: 1px solid #b4b4b4;
   color: #696a6c;
}

.blog-page .blog-posts-pages a:hover {
   background: #ffeded;
   color: #696a6c;
}

.blog-page .blog-posts-pages a.next,
.blog-page .blog-posts-pages a.next:hover,
.blog-page .blog-posts-pages a.prev,
.blog-page .blog-posts-pages a.prev:hover {
   border: none;
   padding: 0px 3px 0px 3px;
   margin: 0px;
   font-size: 16px;
   background: none;
   color: #696a6c;
}

/*================================
=============== Post Format
(allow us to create different style
to some of the posts and single pages)
==================================*/

/*------ Blog Page Format -------- */

.blog-page .post-format-aside {}
.blog-page .post-format-image {}
.blog-page .post-format-video {}
.blog-page .post-format-gallery {}

/*------ Full Single Page Format -------- */

.main-format-aside {}
.main-format-image {}
.main-format-video {}
.main-format-gallery {}

/*------ Single Page Content Format -------- */

.single-post .page-format-aside {}
.single-post .page-format-image {}
.single-post .page-format-video {}
.single-post .page-format-gallery {}

/*================================
=============== Single Post Page
==================================*/

.single-post {}

.single-post .thumbnail-blog-post {
   float: left;
   margin: 10px 10px 0px 5px;
   width: 300px;
   display: block;
}

.single-post .thumbnail-blog-post img {
   border: 1px solid #dddddd;
}

.single-post .the-content {
   max-width: 100%;
}

p.post-tags a {
   color: #393939;
}

/*------ Post Link Map -------- */

.single-post .post-link-map {
   padding: 0px 0px 10px 5px;
   margin: 0px 0px 10px 0px;
   border-bottom: 1px solid #d5d5d5;
}

.single-post .post-link-map a,
.single-post .post-link-map a:visited,
.single-post .post-link-map a:active,
.single-post .post-link-map a:focus,
.single-post .post-link-map span {
   color: #0539d0;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
}

.single-post .post-link-map a:hover {
   text-decoration: underline; 
}

.single-post .post-link-map span {
   color: #565656;
}

/*================================
=============== Comments
==================================*/

.comments-area {
   padding: 0px 0px 0px 10px;
}

.comments-area .comment-form-url {
   display: none; 
}

.comment-form-url {
   display: none;
}

.comments-area label {
   display: inline;
   color: #595959;
   font-size: 14px;
   font-weight: bold;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
   width: 60px;
   text-align: right;
   float: left;
   vertical-align: middle;
   padding: 2px 5px 0px 0px;
}

.comments-area [name=author],
.comments-area [name=email],
.comments-area [name=url] {
   max-width: 250px;
   height: 18px;
   margin: 0px auto 8px; 
   display: inline-block;
}

.comments-area [name=comment] {
   width: 600px;
   height: 190px;
   margin: 9px auto 0px; 
   font-size: 13px;
   color: #485754;
}

.comments-area #submit {
   margin: 0px 0px 10px 0px;
}

.comments-area ol.comment-list {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.comments-area ol.comment-list li {
   list-style: none;
   margin: 10px 0px 0px 0px;
   background: #fff;
   border: 1px solid #dddddd;
   -webkit-border-radius: 10px;
   padding: 15px;
   max-width: 90%;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #7e7e7e;
   text-decoration: none;
   line-height: 21px;
}

.comments-area h2.comments-title {
   text-align: left;
   font-size: 25px;
   font-weight: bold;
   color: #3a3a3a;
   text-decoration: none;
   margin: 0px 0px 10px 0px;
   display: none;
}

.comments-area h3.comment-reply-title {
   text-align: left;
   font-size: 18px;
   font-weight: bold;
   color: #3a3a3a;
   text-decoration: none;
   margin: 5px 0px 10px 0px;
}

.comments-area h3.comment-reply-title a {
   color: #0a0fe0;
}

.comments-area p.comment-notes {
   text-align: left;
   font-size: 15px;
   font-weight: normal;
   color: #3a3a3a;
   text-decoration: none;
   margin: 5px 0px 10px 0px;
   display: none;
}

.comments-area p.logged-in-as {
   text-align: left;
   font-size: 15px;
   font-weight: normal;
   color: #3a3a3a;
   text-decoration: none;
   margin: 5px 0px 0px 0px;
}

/* Comments Pages Navigation ============= */

.blog-comments-pages {
   text-align: left;
   padding: 0px 0px 0px 0px;
   margin: 15px 0px 0px 10px;
}

.blog-comments-pages a,
.blog-comments-pages span {
   font-size: 14px;
   font-weight: bold;
   padding: 5px 5px 5px 5px;
   margin: 20px 1px 0px 1px;
   color: #3131fc !important;
}

.blog-comments-pages span {
   color: #4b4b4b !important;
}

.blog-comments-pages a.next,
.blog-comments-pages a.next:hover,
.blog-comments-pages a.prev,
.blog-comments-pages a.prev:hover {
   border: none;
   padding: 0px 3px 0px 3px;
   margin: 0px;
   font-size: 14px;
   background: none;
   color: #696a6c;
}

/*================================
=============== Regular & Custom Pages
==================================*/

.single-page {}

/*================================
=============== Single Image Page
==================================*/

.single-image-page {}

.single-image-page .image-and-caption {
   text-align: center;
   border: 1px solid #e5e5e5;
   margin: 0px 0px 10px 0px;
}

/*================================
=============== Contact Us
==================================*/

.contact-form {
   clear: both;
   padding: 0px 0px 0px 0px;
}

.contact-form label {
   color: #595959;
   font-size: 15px;
   font-weight: bold;
   padding: 15px 0px 3px 0px;
}

.contact-form label small {
   color: #979797;
   text-align: center;
   margin-bottom:0px;
   font-weight: normal;
}

.contact-form label.question {
   display: inline-block;
   padding: 12px 0px 10px 0px;
   color: #979797;
   text-align: center;
   margin-bottom:0px;
   font-weight: normal;
}

.contact-form label.question span {
   color: #595959;
   font-size: 16px;
   font-weight: bold;
   padding: 15px 0px 3px 0px;
}

.contact-form input.security-question {
   width: 45px;
   margin: 0px 0px 0px 5px;
}

.contact-form .message-form {
   width: 620px;
   height: 180px;
}

/*================================
=============== Footer Carousel Slider 
==================================*/

.footer-carousel-slider {
   background: #ae0000;
   padding: 15px 0px 15px 0px;
}

.footer-slider ul.slides li img {
   border: 2px solid #ffffff; 
}

/*================================
=============== Footer
==================================*/

.footer {
   max-width: 100%;
   text-align: center;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.footer img {
   max-width: 100%;
}

.footer-warp {
   background: #000000;
   padding: 38px 0px 38px 0px;
}

.footer .footer-columns {
   margin: 0 auto;
   display: inline-block;
}

.footer .footer-break-line {
   display: inline; 
}

.footer .footer-columns .footer-column {
   float: left;
   padding: 10px 20px 5px 20px;
   text-align: left;
}

.footer .footer-columns .footer-column h5 {
   font-size: 18px;
   line-height: 22px;
   color: #fff;
   font-weight: bold;
   padding: 0px 0px 5px 0px;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.footer .footer-columns p {
   color: #b5b5b5;
   font-weight: normal;
   font-size: 15px;
   line-height: 22px;
   padding: 10px 0px 0px 0px;
}

.footer .footer-columns a.footer-button {
   font-weight: bold;
   color: #fff;
   text-decoration: none;
   float: right;
   font-size: 14px;
   border: 1px solid #9a9a9a;
   padding: 6px 14px 6px 14px;
   border-radius: 3px;
   margin: 10px 0px 0px 0px;
}

.footer .footer-columns a.footer-button:hover {
   background: #ae0000;
}

.footer .footer-columns .first-column,
.footer .footer-columns .second-column {
   width: 350px;
   padding: 10px 20px 5px 20px;   
}

.footer .footer-columns .third-column {}
.footer .footer-columns .fourth-column {}

.footer ul.footer-menu {
   padding: 5px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
}

.footer ul.footer-menu li {
   list-style: none;
   font-weight: bold;
   font-size: 12px;
   color: #b5b5b5;
}

.footer ul.footer-menu li a {
   color: #b5b5b5;
   font-weight: normal;
   font-size: 15px;
   letter-spacing: 0px;
   text-decoration: none;
   padding: 5px 8px 5px 0px;
   display: block;
}

.footer ul.footer-menu li a:hover {
   text-decoration: underline;
}

.footer ul.footer-contact-us {
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.footer ul.footer-contact-us li {
   margin: 5px 0px 5px 0px;
   padding: 2px 0px 2px 0px;
   list-style: none;
   font-weight: bold;
   font-size: 12px;
   line-height: 17px;
   color: #b5b5b5;
}

.footer ul.footer-contact-us li span {
   background: url(images/footer-contact.png) no-repeat;
   display: block;
   padding: 5px 0px 5px 30px;
   color: #b5b5b5;
}

.footer ul.footer-contact-us li.address span {
   background-position: 0px 2px;
}

.footer ul.footer-contact-us li.phone span {
   background-position: 0px -59px;
}

.footer ul.footer-contact-us li.email span {
   background-position: 0px -123px;
}

.footer img.footer-house-image {
   border: 1px solid #767676;
}

.footer .copyright-footer {
   text-align: center;
   padding: 20px 5px 12px 5px;
   background: #ae0000;
}

.footer .copyright-footer .copyright-footer-warp {
   max-width: 1200px;
   margin: 0 auto;
}

.footer .copyright-footer .copyright-footer-left {
   float: left;
}

.footer .copyright-footer .copyright-footer-right {
   float: right;
}

.footer ul.social-media {
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.footer ul.social-media li {
   margin: 0px 0px 0px 0px;
   list-style: none;
   display: inline;
}

.footer ul.social-media li a {
   background: url(images/footer-social-media-icons.png) no-repeat;
   height: 28px;
   width: 28px;
   display: inline-block;
   line-height: 15px;
   padding: 0px 0px 0px 0px;
}

.footer ul.social-media li.facebook a{background-position: 0px 0px;}
.footer ul.social-media li.facebook a:hover {background-position: -45px 0px;}

.footer ul.social-media li.google a{background-position: 0px -33px;}
.footer ul.social-media li.google a:hover{background-position: -45px -33px;}

.footer ul.social-media li.twitter a {background-position: 0px -67px;}
.footer ul.social-media li.twitter a:hover {background-position: -45px -67px;}

.footer ul.social-media li.youtube a {background-position: 0px -98px;}
.footer ul.social-media li.youtube a:hover {background-position: -45px -98px;}

.footer ul.social-media li.pinterest a {background-position: 0px -163px;}
.footer ul.social-media li.pinterest a:hover {background-position: -45px -163px;}

.footer .copyright-footer p {
   font-size: 15px;
   color: #fff;
   font-weight: normal;
   text-decoration: none;
   padding: 2px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 22px;
}

/*===================================================
=========================== Mobile
====================================================*/


@media only screen and (max-width: 1160px) {

   /*------ Footer -------- */
   
   .footer .footer-columns .footer-column {
      padding: 10px 20px 5px 20px;
   }

}


@media only screen and (max-width: 1140px) {
   
   .content {
      width: auto;
      border: none;
   }
   
   .warp-content {
      max-width: 99%;
      margin: 0px 0px 0px 0px;
      padding: 10px 9px 10px 9px;
   }
   
   .warp-content img {
      margin: auto ; 
   }
   
   /*------ Left Side -------- */
   
   .left-side {
      table-layout: auto;
      min-width: inherit;
   }
   
   /*------ Right Side -------- */
   
   .right-side {
      margin: 20px 0px 0px 0px;
   }
   
   /*------ Blog Page -------- */
   
   .blog-page .blog-posts-pages {
      text-align: center;
      padding: 0px 5px 10px 5px;
      margin: 5px 0px 10px 0px;
   } 

}


@media only screen and (max-width: 1100px) {

   /*------ Header & Menu -------- */
   
   .website-menu {
      margin: 34px 10px 0px 0px;
   }
   
   .website-menu ul li a {
      font-size: 17px;
      padding: 20px 13px 20px 13px;
   }
   
   .website-menu ul li ul li a {
      padding: 10px 22px 10px 10px;
   }
   
   .header .logo { 
      max-width: 350px;
   }
   
   .header .search-button {
      margin: 40px 10px 0px 10px;
   }
   
   /*------ Footer -------- */
   
   .footer .footer-columns .first-column,
   .footer .footer-columns .second-column {
      width: 250px;
   }

}


@media only screen and (max-width: 960px) {

   
   /*------ Contact Us -------- */
   
   .contact-form {
      padding: 0px 0px 0px 0px;
   }
   
   .contact-form input,
   .contact-form button,
   .contact-form select,
   .contact-form textarea,
   .contact-form .message-form {
      width: 95%; 
   }
   
   
   /*------ Blog Page -------- */
   
   .single-post .thumbnail-blog-post {
      float: none;
      margin: 5px auto;
      text-align: center;
      max-width: 100%;
   }
   
   .single-post .thumbnail-blog-post img {
      max-width: 100%; 
   }
   
   .single-post .post-link-map {
      display: none;
   }
   
   /*------ Blog Comments -------- */
   
   .blog-map {
      display: none;
   }
   
   .comments-area [name=author],
   .comments-area [name=email],
   .comments-area [name=url] {
      width: 95%;
      max-width: 100%;
   }
   
   .comments-area [name=comment] {
      width: 95%;
   }
   
   .comments-area label {
      display: inline;
      padding: 15px 0px 3px 0px;
      width: auto;  
      text-align: left;
   }
   
   .comment-form-author label,
   .comment-form-email label,
   .comment-form-url label {
      width: auto;
      text-align: right;
      float: none;
      vertical-align: middle;
      padding: 2px 5px 0px 0px;
   }

}


@media only screen and (max-width: 940px) {
   
   /*------ Footer -------- */
   
   .footer-warp {
      padding: 25px 0px 25px 0px;
   }
   
   .footer .footer-columns {
      max-width: 100%;
   }
   
   .footer .footer-columns .footer-column {
      float: none;
      max-width: 100%;
      display: block;
      text-align: center;
      padding: 10px 0px 5px 0px;
      border: none;
   }
   
   .footer .footer-columns .first-column,
   .footer .footer-columns .second-column {
      width: auto;
      max-width: 90%;
      text-align: center;
      margin: 0 auto 10px;
      display: block;
      padding: 10px 10px 5px 10px;
   }
   
   .footer .footer-break-line {
      display: block; 
   }
   
   .footer ul.footer-menu li {
      list-style: none;
      display: block;
      border-bottom: 1px solid #e1e1e1;
   }
   
   .footer ul.footer-menu li a {
      display: block;
      margin: 3px 0px 3px 0px;
   }
   
   .footer ul.footer-menu li a:hover {
      text-decoration: none;
   }
   
   .footer .footer-columns a.footer-button {
      float: none;
      display: block;
      max-width:100%;
      margin: 15px auto 10px;
      padding: 9px 0px 9px 0px;
      text-align: center;
      max-width:90%;
   }
   
   .footer .footer-columns a.footer-button:hover {
      background: none;
   }
   
   .footer ul.footer-contact-us li {
      margin: 5px 0px 5px 0px;
      padding: 5px 10px 5px 10px;
      display: block;
      text-align: center;
   }
   
   .footer ul.footer-contact-us li span {
      display: inline-block;  
      min-width: 80px;
      text-align: left;
   }
   
   .footer ul.social-media li.facebook a,
   .footer ul.social-media li.facebook a:hover {background-position: 0px 0px;}
   
   .footer ul.social-media li.google a,
   .footer ul.social-media li.google a:hover {background-position: 0px -33px;}
   
   .footer ul.social-media li.twitter a,
   .footer ul.social-media li.twitter a:hover {background-position: 0px -67px;}
   
   .footer ul.social-media li.youtube a,
   .footer ul.social-media li.youtube a:hover {background-position: 0px -98px;}
   
   .footer ul.social-media li.pinterest a,
   .footer ul.social-media li.pinterest a:hover {background-position: 0px -163px;}
   
   .footer p {
      padding: 0px 10px 0px 10px;
   }

}


@media only screen and (max-width: 900px) {
   
   /*------ Header & Menu -------- */
   
   .website-menu {
      margin: 22px 10px 0px 0px;
   }
   
   .website-menu ul li a {
      font-size: 15px;
      padding: 20px 12px 20px 13px;
   }
   
   .header .logo { 
      max-width: 289px;
   }
   
   .header .search-button {
      margin: 32px 10px 0px 10px;
   }
   
   /*------ Left Side -------- */
   
   .left-side {
      display: block;
      width: auto;
      max-width: 100%;
      margin: 0 auto;
      padding: 5px 5px 20px 5px;
   }
   
   /*------ Right Side -------- */
   
   .right-side {
      width: auto;
      min-width: inherit;
      max-width: 100%;
      display: block;
      margin: 20px 0px 0px 0px;
      text-align: center;
   }
   
   .right-side ul {
      padding: 0px 0px 0px 0px;
   }
   
   .right-side ul li {
      list-style-position: inside;
   }
   
   .right-side .widget_search {
      text-align: center; 
   }

}


@media only screen and (max-width: 800px) {
   
   /*------ Header -------- */
   
   .header {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
      z-index: 100;
      background: #000;
   }
   
   .header .logo { 
      text-align: center;
      float: none;
      display: block;
      max-width: 430px;
      margin: 0px auto;
      border-right: none;
   }
   
   .header .logo-warp {
      border-right: none;
   }
   
   .header .logo-warp-border {
      border-right: none;
      padding: 5px 0px 5px 0px;
   }
   
   /*------ Menu -------- */
   
   .website-menu {
      float: none;
      position:relative;
      padding: 10px 20px 4px 20px;
      margin: 0px 0px 0px 0px;
      background: #ae0000;
      border-bottom: 3px solid #5f0606;
      border-top: 3px solid #5f0606;
   }
   
   .mobile-menu {
      display: block;
      cursor: pointer;
      position: relative;
   }
   
   .website-menu ul {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 62px;
      border-top: 1px solid #fff;
      background: #360505;
   }
   
   .website-menu ul li { 
      background: none;
      display: block;
   }
   
   .website-menu ul li a,
   .website-menu ul li ul li a,
   .website-menu ul li:hover > a,
   .website-menu ul li ul li ul li a {
      background-color: transparent;
      display: block;
      padding: 15px 25px 15px 25px;
      font-size: 16px;
      color: #fff;
      font-weight: normal;
      text-decoration: none;
      border: none;
      border-bottom: 1px solid #fff;
      line-height: 19px;
      position: relative;
      text-align: left;
   }
   
   .website-menu li ul li a:before {
      content: "- ";
   }
   
   .website-menu li ul li ul li a:before {
      content: "-- ";     
   }
   
   .website-menu li ul li ul li ul li a:before {
      content: "--- ";     
   }
   
   .website-menu ul li a.menu-has-children,
   .website-menu ul li ul li a.menu-has-children,
   .website-menu ul li ul li ul li a.menu-has-children {
      background-image: url(images/menu-bottom-arrow.png);
      background-position: 97% 50%;
      background-repeat: no-repeat;
   }
   
   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a,
   .website-menu ul li ul li:hover > a {
      background-color: #950404;
      text-decoration: none;
   }
   
   /* Dropdown Menu (Second Level) ============= */
   
   .website-menu ul li ul {
      display: block;
      position: relative;
      top: 0px;
      left: 0px;
      border: none;
   }
   
   /* Right Menu (Third Level) ============= */
   
   .website-menu ul li ul li ul {
      display:block;
      position: relative;
      top: 0px;
      left:0px;
      border: none;
   }
   
   /*------ Blog Page -------- */
   
   .blog-post-content-thumbnail .thumbnail-image {
      float: left;
      width: 30%;
      max-height: none;
      margin: 0px 10px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
   }
   
   .blog-post-content-thumbnail .thumbnail-image img {
      width: auto;
   }

} 


@media only screen and (max-width: 700px) {
   
   /*------ Footer -------- */
   
   .footer ul.social-media {
      text-align: center;
      padding: 9px 0px 9px 0px;
   }
   
   .footer .copyright-footer .copyright-footer-left {
      float: none;
      display: block;
      text-align: center;
   }
   
   .footer .copyright-footer .copyright-footer-right {
      float: none;
      display: block;
      text-align: center;
   }

}


@media only screen and (max-width: 600px) {
   
   /*------ Blog Page -------- */
   
   .blog-post-content-thumbnail .thumbnail-image {
      float: none;
      width: auto;
      max-height: none;
      margin: 0px 10px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
   }
   
   .blog-post-content-thumbnail .thumbnail-image img {
      width: auto;
   }
   
   /*------ Contact Form -------- */
   
   .contact-form input.security-question {
      width: 95%;
      display: block;
      margin: 5px 0px 5px 0px;
   }
   
} 


@media only screen and (max-width: 500px) {
   
   /*------ Blog Page -------- */
   
   .blog-page .blog-posts p.comments {
      display: none;
   }
   
   .blog-page .blog-posts-pages {
      text-align: center;
      padding: 0px 5px 10px 5px;
      margin: 5px 0px 10px 0px;
   }
   
   .blog-page .blog-posts-pages p {
      display: block;
      text-align: center;
      padding: 0px 0px 9px 0px;
   }

}


@media only screen and (max-width: 400px) {

   /*------ Footer -------- */

   .footer ul.footer-contact-us li {
      text-align: left;
   }

}