/*
Theme Name: Pub And Kitchen
Theme URI: http://markations.com
Author: Markations
Author URI: http://markations.com/
Description: Pub And Kitchen is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
body { color: #242424; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px; font-family: 'Averia Serif Libre', cursive; background: url(images/body-bg.jpg) center top fixed no-repeat; }
a { color: #5a6b44; text-decoration: none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
a:hover { color: #242424; }
img { max-width: 100%; height: auto; }
ul { float: left; width: 100%; margin-top: 0; }
a img { border: 0 none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }
* { outline: none; word-wrap: break-word; }
P { margin: 0px 0 10px 0; }
input,
select { border: 0 none; }
::selection { background: #5a6b44; color: #fff; }
::-moz-selection {
color:#fff;
background:#5a6b44;
}
audio,
canvas,
video { display: inline-block; }
.fix { margin: 0px auto; width: 1040px; }
.fit { margin-right: 0px !important; }
.left { float: left; }
.right { float: right; }
.main-fix { margin: 0 auto; width: 1141px; }
.main { background: #fff; width: 100%; float: left; padding: 0 51px; }
.header { float: left; width: 100%; }
#logo { float: left; width: 100%; text-align: center; padding: 30px 0 23px 0; }
.menu-main { background: url(images/menu-bg.png) left top repeat-x; float: left; width: 100%; padding-bottom: 6px; margin-bottom: 9px; }
.inner-gallery { float: left; width: 100%; background: url(images/black-border.png) left bottom repeat-x; padding-bottom: 11px; margin-bottom: 14px; }
.home-title { float: left; width: 100%; text-align: center; font-size: 34px; color: #000; margin-bottom: 21px; }
.home-box-top { float: left; width: 100%; text-align: center; padding-top: 40px; background: url(images/thin-border.png) left bottom repeat-x; padding-bottom: 46px; }
.home-box-bottom { float: left; width: 100%; padding-left: 52px; padding-top: 58px; }
.home-box-img { float: left; width: 233px; margin-right: 120px; }
.footer-main { float: left; width: 100%; text-align: center; background: url(images/footer-bg.png) left top repeat-x; padding-top: 53px; margin-top: 54px; color: #fff; font-size: 14px; padding-bottom: 18px; }
.footer-social-part { float: left; width: 100%; padding-bottom: 15px; }
.footer-social-part ul { float: left; width: 100%; padding: 0; margin: 0; }
.footer-social-part ul li { list-style-type: none; float: none; display: inline-block; background: url(images/footer-border.png) left 5px no-repeat; padding: 0 17px; }
.footer-social-part ul li:first-child { background: none; }
.footer-description { float: left; width: 100%; font-size: 18px; }
.footer-description span { float: left; width: 100%; margin-bottom: 7px; letter-spacing: 3px; font-size: 16px; }
.other-r-box { float: left; width: 100%; margin-top: 6px; margin-bottom: 29px; }
.other-logo { float: none; display: inline-block; margin-right: 5px;}

.f-restaurant-1 { background: url(images/f-restaurant-img-1.png) center center no-repeat; width:39px; height:37px;}
.f-restaurant-2 { background: url(images/f-restaurant-img-2.png) center center no-repeat; width:31px; height:37px;}

.f-restaurant-1 a { width:39px; height:37px; float:left;}
.f-restaurant-2 a { width:31px; height:37px; float:left;}

.f-restaurant-1:hover { background: url(images/restaurant-img-1-hover.png) center center no-repeat; }
.f-restaurant-2:hover { background: url(images/restaurant-img-2-hover.png) center center no-repeat; width:31px; height:37px;}

.contact-r-icon-1 { background: url(images/restaurant-img-1.png) center center no-repeat; width:39px; height:37px;}
.contact-r-icon-2 { background: url(images/restaurant-img-2.png) center center no-repeat; width:39px; height:37px;}
.contact-r-icon-1 a { width:39px; height:37px; float:left;}
.contact-r-icon-2 a { width:31px; height:37px; float:left;}

.contact-r-icon-1:hover { background: url(images/restaurant-img-1-hover.png) center 1px no-repeat; }
.contact-r-icon-2:hover { background: url(images/restaurant-img-2-hover.png) 4px center no-repeat; width:31px; height:37px;}




.copyright { float: left; width: 100%; font-size: 15px; }
.home-box-top .entry-content { float: none; width: 64%; display: inline-block; }
.middle-box { float: left; width: 100%; }
.middle-left { float: left; width: 383px; margin-right: 73px; }
.middle-right { float: left; width: 546px; margin-top: 37px; text-align: center; font-size: 15px; }
.event-title { float: left; font-size: 20px; margin-bottom: 18px; width: 100%; letter-spacing: 4px; }
.event-contain { float: left; width: 100%; margin-bottom: 48px; }
.offering-box { float: left; width: 100%; padding-bottom: 20px; }
.offering-box-title { float: left; font-style: italic; width: 100%; background: url(images/thin-border.png) left bottom repeat-x; padding-bottom: 10px; }
.offering-box ul { float: left; width: 100%; background: url(images/thin-border.png) left bottom repeat-x; margin-bottom: 18px; padding: 0; }
.offering-box ul li { float: none; display: inline-block; }
.offering-box ul li a { font-family: 'Abel', sans-serif; font-size: 15px; color: #4e4d4f; line-height: 32px; padding: 0 25px; white-space: nowrap; text-transform: uppercase; letter-spacing: 2px; }
.middle-box { float: left; width: 100%; background: url(images/thin-border.png) left bottom repeat-x; padding-bottom: 10px; }
.contact-box { float: left; width: 100%; }
.contact-b-top { float: left; width: 100%; background: url(images/thin-border.png) left bottom repeat-x; padding: 19px 0 34px 0; margin-bottom: 60px; text-align: center; letter-spacing: 2.1px; text-transform: uppercase; font-size: 11px; line-height: 21px; }
.contact-b-top a { letter-spacing: 0; font-size: 13px; text-transform: none; float: left; width: 100%; }
.contact-b-top span { float: left; width: 100%; font-size: 15px; letter-spacing: 2.1px; }
.contact-b-bottom { float: left; width: 100%; }
.contact-b-left { float: left; width: 513px; margin-left: 51px; }
.info-box { float: left; width: 100%; margin-bottom: 38px; }
.info-b-title { width: 85px; font-family: 'Abel', sans-serif; line-height: 25px; text-transform: uppercase; float: left; padding-left: 27px; }
.hours .info-b-title { padding-top: 29px; }
.hp .info-b-title { padding-top: 12px; line-height: 18px; }
.info .info-b-title { padding-top: 19px; line-height: 18px; }
.info .info-b-contain { letter-spacing: 5px; }
.info a { letter-spacing: 2px; }
.info-b-contain { float: left; font-size: 12px; letter-spacing: 1.5px; width: 411px; border-left: 1px solid #333; padding-left: 17px; text-transform: uppercase; line-height: 18px; }
.hours span { padding-left: 90px; }
.hp span { width: 100%; float: left; }
.info span { width: 100%; float: left; }
.small-t { font-size: 10px; text-transform: none; }
.contact-b-right { float: right; width: 366px; }
.contact-r-box { float: left; width: 100%; margin-bottom: 67px; }
.contact-t-title { font-family: 'Abel', sans-serif; line-height: 14px; text-transform: uppercase; float: left; font-size: 19px; padding-bottom: 14px; width: 100%; }
.con-other-box { float: left; width: 100%; }
.con-other-box .other-logo { float: left; margin-right: 19px; }
.contact-follow { float: left; }
.contact-follow-title { font-family: 'Abel', sans-serif; line-height: 25px; text-transform: uppercase; float: left; font-size: 19px; margin-right: 32px; }
.contact-follow-icons { float: left; }
.c-f-icon { float: left; margin-right: 19px; }
.employment-box { font-family: 'Abel', sans-serif; line-height: 25px; text-transform: uppercase; float: left; padding-left: 27px; padding-top: 30px; letter-spacing: 1px; }
.employment-box a { padding-left: 5px; font-size: 12px; letter-spacing: 1.5px; font-family: 'Averia Serif Libre', cursive; }
.black-fb { float: left; background: url(images/black-fb-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.black-twit { float: left; background: url(images/black-twitter-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.black-rest { float: left; background: url(images/black-rest-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.black-fb:hover { background: url(images/black-fb-icon-hover.png) left top no-repeat; }
.black-twit:hover { background: url(images/black-twitter-icon-hover.png) left top no-repeat; }
.black-rest:hover { background: url(images/black-rest-icon-hover.png) left top no-repeat; }
.white-fb { float: left; background: url(images/fb-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.white-twit { float: left; background: url(images/twitter-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.white-rest { float: left; background: url(images/rest-icon.png) left top no-repeat; width: 22px; height: 21px; font-size: 0; }
.white-fb:hover { background: url(images/fb-icon-hover.png) left top no-repeat; }
.white-twit:hover { background: url(images/twitter-icon-hover.png) left top no-repeat; }
.white-rest:hover { background: url(images/rest-icon-hover.png) left top no-repeat; }



img.alignleft,
.wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright,
.wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; }
img.aligncenter,
.wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley,
.rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
/* Navigation */
/* =Basic structure
-------------------------------------------------------------- */
/* =Archives
-------------------------------------------------------------- */
.archive-header,
.page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; }
.archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; }
/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment { overflow: hidden; }
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; }
/* =Aside post format
-------------------------------------------------------------- */
/* =Comments
-------------------------------------------------------------- */
.comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; }
.comments-area article { margin: 24px 0; margin: 1.714285714rem 0; }
.comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; }
.comments-area article header img { float: left; padding: 0; line-height: 0; }
.comments-area article header cite,
.comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; }
.comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; }
.comments-area cite b { font-weight: normal; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; }
.comments-area .bypostauthor cite b { font-weight: bold; }
a.comment-reply-link,
a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
a.comment-reply-link:hover,
a.comment-edit-link:hover { color: #21759b; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
/* Comment form */
#respond { border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 0; }
#respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; }
#respond form { float: left; margin: 0; }
#respond form p { float: left; margin: 0; font-size: 15px; padding: 0 0 7px; width: 100%; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
#respond form label { display: block; line-height: 1.714285714; font-size: 15px; }
#respond form input[type="text"],
#respond form textarea { -moz-box-sizing: border-box; border: 1px solid #CCCCCC; color: #999999; font-size: 15px; line-height: 1.71429; padding: 8px; width: 100%; }
#respond form textarea { height: 105px; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; }
.required { color: red; }
.nav-single { float: left; font-size: 15px; width: 100%; }
.comments-area { float: left; width: 100%; }
/* =Front page template
-------------------------------------------------------------- */
/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */
.author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; }
.author-description { float: right; width: 80%; }
.site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; }
.site-content { float: left; width: 65.104166667%; }
body.template-front-page .site-content,
body.attachment .site-content,
body.full-width .site-content { width: 100%; }
.widget-area { float: right; width: 26.041666667%; }
.site-header h1,
.site-header h2 { text-align: left; }
.site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; }
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul { position: relative; display: inline-block !important; text-align: center; width: 100%; padding: 0; margin: 0; }
.main-navigation ul { margin: 0; text-indent: 0; }
.main-navigation li { display: inline-block; text-decoration: none; float: none; list-style-type: none; }
.main-navigation li a { font-family: 'Abel', sans-serif; font-size: 15px; color: #4e4d4f; line-height: 53px; padding: 4px 24px 11px 24px; white-space: nowrap; text-transform: uppercase; letter-spacing: 2px; transition: none; -webkit-transition: none; }
.main-navigation li a:hover { color: #000; background: url(images/hover-bg.png) center bottom no-repeat #eaf2e3; border-radius: 2px; background-size: 100% auto; }
.main-navigation li a:hover,
.main-navigation li.menu-item:hover a {  color: #000; background: url(images/hover-bg.png) center bottom no-repeat #eaf2e3; border-radius: 2px; background-size: 100% auto; }
.main-navigation li.menu-item:hover li a { background: none; }
.main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; left: 0; background: url(images/drop-bg.png) left top repeat-x; }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul { border-left: 0; display: block; }
.main-navigation li ul li a { display: block; font-size: 12px; padding: 0 27px; color:#5b6b44 !important; line-height: 36px; white-space: normal; }
.main-navigation li ul li a:hover { color:#1c290d !important; background: none; }
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a { color: #000; background: url(images/hover-bg.png) center bottom no-repeat #eaf2e3; border-radius: 2px; background-size: 100% auto; }
.menu-toggle { display: none; }
.entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem; }
#respond form input[type="text"] { width: 46.333333333%; }
#respond form textarea.blog-textarea { width: 79.666666667%; }
.commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; }

.gallery-box-main { width:100%; float:left; }
.gallery-b-top { float:left; width:100%; margin-bottom:39px; margin-top:14px;}
.gallery-b-t-l { float:left; }
.l-p { margin-right:36px; }
.gallery-b-t-r-t { float: left; margin-bottom: 35px; width: 48%; }
.gallery-b-t-one { float:left; }
.gallery-b-t-two { float:left; }
.gallery-b-t-r-b { float:left; }
.gallery-b-bottom { float:left; width:100%; }
.gallery-b-b { float:left; }
.gallery-b-t-two { float: right; }
.gallery-b-b-a.l-p { float: left; }
.OTButton {
    float: left !important;
    height: 45px !important;
    margin: 15px 0 0 !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 180px !important;
}
.OTButton a.OTPoweredBy:link, .OTButton a.OTPoweredBy:visited, .OTButton a.OTPoweredBy:hover, .OTButton a.OTPoweredBy:active { text-align:left !important; margin: 0 !important; }
.OTButton br {
    display: none;
}

/*===================================== IE Css Hack ===================================== */

.ie7 .main-navigation li { float:left; }
.ie7 .main { width:90%; }
.ie7 .main-navigation li a:hover { background:#eaf2e3; }
.ie7 .main-navigation li.menu-item:hover a { background:#eaf2e3; }
.ie7 .main-navigation .current-menu-item > a, 
.ie7 .main-navigation .current-menu-ancestor > a, 
.ie7 .main-navigation .current_page_item > a, 
.ie7 .main-navigation .current_page_ancestor > a { background:#eaf2e3; }
.ie7 .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { padding: 0 0 0 285px;  width: 70%; }
.ie7 .main-navigation li ul { padding: 0 0 0 165px; width: 85%; }
.ie7 .main-navigation li a { padding:4px 24px 5px 27px; text-align:center; }
.ie7 .footer-social-part ul li { float:left; }
.ie7 .footer-social-part ul { padding: 0 0 0 360px; width: auto;}
.ie7 .other-logo { float:left; }
.ie7 .other-r-box { padding: 0 0 0 430px; width: auto;}
.ie7 .main-navigation li.menu-item:hover li a { background: none; line-height:28px; }
.ie7 .offering-box ul li { float:left; }
.ie7 .offering-box ul { padding-left: 121px; width: 78%; }
.ie7 .info-b-title { width: 57px;}
.ie7 .hp span { float:none; }
.ie7 .info span { float:none; }

.ie8 .main-navigation li a:hover { background:#eaf2e3; }
.ie8 .main-navigation li.menu-item:hover a { background:#eaf2e3; }
.ie8 .main-navigation .current-menu-item > a, 
.ie8 .main-navigation .current-menu-ancestor > a, 
.ie8 .main-navigation .current_page_item > a, 
.ie8 .main-navigation .current_page_ancestor > a { background:#eaf2e3; }
.ie8 .main-navigation li.menu-item:hover li a { background: none; line-height:28px; }
.ie8 .main-navigation li a { padding:4px 24px 5px 27px; text-align:center; }

/*===================================== IE Css Hack ===================================== */




/*===================================== Responive css ====================================== */


@media only screen and (min-width:1024px) and (max-width:1151px) {
body { background:none; }
.main { padding: 0 4%;}	
.main-fix { width:99%; }
.fix { width: 100%;}
.home-box-img { float: left; margin-right: 9%; width: 26%; }

.middle-left { width: 40%; margin-right: 2%; }
.middle-right { width: 58%; }

.contact-b-left { float: left; margin-left: 0; width: 55%;}
.contact-b-right {  float: right;  width: 34%;}
.info-b-title { width: 19%;}
.info-b-contain { width: 80%;font-size: 11px; }

.l-p { margin-right: 3%; }
.gallery-b-t-l { float: left; width: 49%; }
.gallery-b-t-r-t { float: left; margin-bottom: 35px; width: 48%; }
.gallery-b-t-one { float: left; width: 47%; }
.gallery-b-t-two { float: right; width: 47%; }
.gallery-b-t-r-b { float: left; width: 48%; }
.gallery-b-b { float: left; width: 49%; }
.gallery-b-top { margin-top: 8px; margin-bottom: 20px;}
.gallery-b-b-a.l-p { float: left; width: 23%; }
.gallery-b-b-b { float: left; width: 22%; }



}
@media only screen and (min-width:768px) and (max-width:1024px) {
	body { background:none; }
.main { padding: 0 4%;}	
.main-fix { width: 98%; }
.fix { width: 100%;}
.home-box-img { float: left; margin-right: 9%; width: 26%; }

.middle-left { width: 100%; margin-right: 0; text-align:center; }
.middle-right { width: 100%; }

.contact-b-left { float: left; margin-left: 0; width: 63%;}
.contact-b-right {  float: right;  width: 30%;}
.info-b-title { width: 15%; padding-left: 0;}
.info-b-contain { width:85%;font-size: 10px; }
.contact-t-title { font-size: 16px; }
.contact-follow-title { margin-bottom: 8px;}
.info-b-title { padding-left: 0;}

.l-p { margin-right: 3%; }
.gallery-b-t-l { float: left; width: 49%; }
.gallery-b-t-r-t { float: left; margin-bottom: 25px; width: 48%; }
.gallery-b-t-one { float: left; width: 47%; }
.gallery-b-t-two { float: right; width: 47%; }
.gallery-b-t-r-b { float: left; width: 48%; }
.gallery-b-b { float: left; width: 49%; }
.gallery-b-top { margin-top: 8px;margin-bottom: 20px; }
.gallery-b-b-a.l-p { float: left; width: 23%; }
.gallery-b-b-b { float: left; width: 22%; }


}
@media only screen and (min-width:600px) and (max-width:768px) {
	body { background:none; }
.main { padding: 0 4%;}	
.main-fix { width:96%; }
.fix { width: 100%;}
.home-box-img { float: left; margin-right: 9%; width: 26%; }
.middle-left { width: 100%; margin-right: 0; text-align:center; }
.middle-right { width: 100%; }

.contact-b-left { float: left; margin-left: 0; width:100%;}
.contact-b-right {  float: right;  width:100%; text-align:center; padding-top: 25px;}
.info-b-title { width: 15%; padding-left: 0;}
.info-b-contain { width:85%;  }
.contact-t-title { font-size: 16px; }
.contact-follow-title { margin-bottom: 8px;}
.info-b-title { padding-left: 0;}
.employment-box { padding-left:0; width:100%; text-align:center; }
.contact-r-box { margin-bottom: 27px; }
.con-other-box .other-logo { float: none; }
.contact-follow { display: inline-block;  float: none;}
 
.l-p { margin-right: 3%; }
.gallery-b-t-l { float: left; width: 49%; }
.gallery-b-t-r-t { float: left; margin-bottom: 35px; width: 48%; margin-bottom: 21px; }
.gallery-b-t-one { float: left; width: 47%; }
.gallery-b-t-two { float: right; width: 47%; }
.gallery-b-t-r-b { float: left; width: 48%; }
.gallery-b-b { float: left; width: 49%; }
.gallery-b-top { margin-top: 8px;margin-bottom: 20px; }
.gallery-b-b-a.l-p { float: left; width: 23%; }
.gallery-b-b-b { float: left; width: 22%; }

}
@media only screen and (min-width:400px) and (max-width:600px) {
	body { background:none; }
.main { padding: 0 4%;}	
.main-fix { width:93%; }
.fix { width: 100%;}
.home-box-bottom { padding-left: 0;}
.home-box-img { float: left; margin-right: 0; text-align: center; width: 100%; margin-bottom: 21px;}
.footer-description { font-size: 14px;}
.footer-description span { letter-spacing: 1px; font-size: 12px; }
.copyright { font-size: 13px;}
.other-r-box { margin-bottom:12px;}
.home-box-top .entry-content { width: 100%;}
.middle-left { width: 100%; margin-right: 0; text-align:center; }
.middle-right { width: 100%; }

.contact-b-left { float: left; margin-left: 0; width:100%;}
.contact-b-right {  float: right;  width:100%; text-align:center; padding-top: 25px;}
.info-b-title { width:100%; text-align:center; padding-left: 0; border-bottom: 1px solid #333333;}
.info-b-contain { width:100%; border-left:0; text-align:center; font-size: 11px;}
.contact-t-title { font-size: 16px; }
.contact-follow-title { margin-bottom: 8px;}
.info-b-title { padding-left: 0;}
.employment-box { padding-left:0; width:100%; text-align:center; }
.contact-r-box { margin-bottom: 27px; }
.con-other-box .other-logo { float: none; }
.contact-follow { display: inline-block;  float: none;}
.info-b-title { margin-bottom: 21px !important; padding-bottom: 5px !important; padding-top: 0 !important;}
.hours span { padding-left: 0; }

.l-p { margin-right:0; }
.gallery-b-t-l { float: left; width:100%; }
.gallery-b-t-r-t { float: left; width: 100%; margin-top: 23px; margin-bottom: 21px; }
.gallery-b-t-one { float: left; width: 47%; }
.gallery-b-t-two { float: right; width: 47%; }
.gallery-b-t-r-b { float: left; width: 100%; }
.gallery-b-b { float: left; width: 100%; }
.gallery-b-top { margin-top: 8px;margin-bottom: 20px; }
.gallery-b-b-a.l-p { float: left; width: 48%; margin-top: 21px;}
.gallery-b-b-b { float: right; width: 48%; margin-top: 21px;}

}
@media only screen and (min-width:200px) and (max-width:400px) {
	body { background:none; }
.main { padding: 0 0;}	
.main-fix { width:100%; }
.fix { width: 100%;}
.home-box-bottom { padding-left: 0;}
.home-box-img { float: left; margin-right: 0; text-align: center; width: 100%; margin-bottom: 21px;}
.footer-description { font-size: 14px;}
.footer-description span { letter-spacing: 1px; font-size: 11px; }
.copyright { font-size: 13px;}
.other-r-box { margin-bottom:12px;}
.home-box-top .entry-content { width: 100%;}
.middle-left { width: 100%; margin-right: 0; text-align:center; }
.middle-right { width: 100%; }
.offering-box ul li a {  padding: 0 15px; }
.contact-b-left { float: left; margin-left: 0; width:100%;}
.contact-b-right {  float: right;  width:100%; text-align:center; padding-top: 25px;}
.info-b-title { width:100%; text-align:center; padding-left: 0; border-bottom: 1px solid #333333;}
.info-b-contain { width:100%; border-left:0; text-align:center; padding-left: 0; font-size: 10px;  letter-spacing: 0; }
.contact-b-top { margin-bottom: 30px;}
.small-t { font-size: 13px; }
.contact-t-title { font-size: 16px; }
.contact-follow-title { margin-bottom: 8px;}
.info-b-title { padding-left: 0;}
.employment-box { padding-left:0; width:100%; text-align:center; }
.contact-r-box { margin-bottom: 27px; }
.con-other-box .other-logo { float: none; }
.contact-follow { display: inline-block;  float: none;}
.info-b-title { margin-bottom: 21px !important; padding-bottom: 5px !important; padding-top: 0 !important;}
.hours span { padding-left: 0; }

.l-p { margin-right:0; }
.gallery-b-t-l { float: left; width:100%; }
.gallery-b-t-r-t { float: left; width: 100%; margin-top: 23px; margin-bottom: 21px; }
.gallery-b-t-one { float: left; width: 47%; }
.gallery-b-t-two { float: right; width: 47%; }
.gallery-b-t-r-b { float: left; width: 100%; }
.gallery-b-b { float: left; width: 100%; }
.gallery-b-top { margin-top: 8px;margin-bottom: 20px; }
.gallery-b-b-a.l-p { float: left; width: 48%; margin-top: 21px;}
.gallery-b-b-b { float: right; width: 48%; margin-top: 21px;}
.offering-box ul { padding:0; }
.offering-box ul li a { padding: 0 6px; }
.footer-social-part ul li { padding: 0 13px;}
.event-title { font-size: 18px;}
.home-box-top .entry-content {  width: 95%; }
.middle-right { display: inline-block; float: none;  width: 95%;}
.middle-box { text-align:center;  }
.gallery-box-main { text-align:center;  }
.gallery-b-top { width: 95%; float: none; display: inline-block; }
.gallery-b-bottom { width: 95%; float: none; display: inline-block; }
.entry-content { text-align: center;}
.contact-box { display: inline-block;  float: none;  width: 97%; }
}





/*===================================== Responive css ====================================== */