* {margin:0; padding:0}

#accordion {width:459px; margin:50px auto}
.accordion {width:459px; font:12px Verdana,Arial; color:#033}
.accordion dt {width:439px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:425px; border:2px solid #9ac1c9; border-top:none; padding:15px}

#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:100%; font:12px Verdana,Arial; color:#333}
.accordion2 dt {font-size: 16px;margin-top: 20px;width:100%; padding:19px 24px; font-weight:bold; cursor:pointer; background-color:#ebf3f8; background-image:url(../images/down.png); background-position:96%; background-repeat:no-repeat; color:#603813; border-top:1px solid #ceeafcfont-size: 16px;font-family: 'Montserrat', sans-serif;}
.accordion2 dt:hover {background-color:#95cef2;font-family: 'Montserrat', sans-serif;}
.accordion2 .open {background-color:#ebf3f8; background-image:url(../images/up.png)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:100%; border-top:none; padding:15px;font-size: 16px;color: #4e4e4e;font-family: 'Montserrat', sans-serif;}

body{margin: 0px; background: #fff; }
table,div{font-family: 'Montserrat', sans-serif;font-size:16px; color:#4e4e4e; line-height:24px;font-weight: 300;}
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: underline;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover  {border-bottom: 4px solid #603813; color: auto;background-color: auto;}
.navbar-inverse .navbar-nav > li > a:hover  {border-bottom: 4px solid #603813; color: auto;background-color: auto;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{ color: #603813;}
.navbar-inverse {background-color: #fff;border-color: #fff;}
.navbar-header {float: none;width: 100%;}
.logo-img {float: none;float: none;text-align: center;display: block;margin-bottom: -50px;margin-top: 10px;}
.logo-img img {width: 21%;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {text-align: center;}
.navbar-inverse .navbar-nav > li > a {text-transform: uppercase;color: #603813;font-size: 15px;font-weight: 600;border-bottom: 4px solid #fff;}
/*.navbar-nav{margin: 50px 0 -6px;}*/
.banner img {width: 100%;height: 100%;}
.banner {position: relative;height: 545px;}
#content .row h1 {color: #603813;font-size: 30px;margin: 0 0 20px;}
.gray-box {margin-top: 2px;font-size: 13px;background-color: #efebe7;padding: 10px 10px;font-weight: 500;}
.gray-box span {float: right;}
.gray-box a {color: black;text-decoration: none;text-transform: capitalize;font-weight: bold;display: block;}
.gray-box:hover {background-color: #603813;cursor: pointer;}
.gray-box:hover a{color:#ffffff;}
.col-sm-12.col-md-3.features {margin-top: 80px;}
.intro-div{margin: 60px 0 0px;display: inline-block;width: 100%;}
.intro {padding-left:55px;}
.intro p {font-size: 16px;font-family: 'Montserrat', sans-serif;margin-bottom: 20px;color: #4e4e4e;}
.contact-lambs{position: relative;background-color: #e1e1e1;margin-top: 62px; padding: 30px 25px;display: inline-block;}
.contact-lambs form {width: 57% !important;float: left;}
.contact-lambs form p {color: #4e4e4e;font-size: 16px;}
.contact-lambs .input {height: 42px;width: 80%;border: none;padding: 9px; margin: 8px 0;float: left;}
.contact-lambs .textarea {height: 135px;width: 100%;float: left;}
.contact-lambs .submit {border: none;background-color: #603813;color: #fff;padding: 8px 41px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size: 18px;margin-top: 13px;float: left;}
/*.flover-img {position: absolute;right: -15px;bottom: 0;}
.flover-img img  {width:90%;}*/
.flover-img {float: right;position: absolute;right: 0px;bottom: 0px;}
.call img {width: 32px;display: inline;}
.call h3 {width: 30%;display: inline;font-size: 18px;}
.call {margin-top: 22px;width: 31%;display: inline-block;}
.last {background-color: #603813;/*margin-top: 50px;*/}
.last p {padding: 20px 0px;text-align: center; color: #a2a3a5;font-size: 13px;}
.last p a{color: #a2a3a5}

.banner-in{height: 425px;position: relative;}
.banner-in img{height: 100%;width: 100%;}
.ban-text {position: absolute;bottom: 37%;text-align: center;left: 0; right: 0;color: #603813; display: table; margin: 0 auto; background: rgba(255, 255, 255, 0.6); border-radius: 8px; padding: 10px 50px; margin: 0 auto; display: table-cell;
width: auto;}
.ban-text h1 {font-size: 58px;font-weight:900;text-transform: uppercase;margin: 0px;}
.ban-text p {font-size: 21px;margin-bottom: 0px;text-transform: uppercase;}


/* services */

.kitchen p {margin-top: 44px;font-size: 16px;color: #5f5f5f;font-family: 'Open Sans', sans-serif;}
.kitchen ul {margin-top: 28px;list-style: none;}
.kitchen ul li h6 {font-size: 16px;display: inline-block; color: #4e4e4e;margin-left: 8px;}
.kitchen ul li i {color: #603813;position: absolute;left: 0;top: 5px;}
.kitchen h2 {font-size: 30px;color: #603813;margin-top: 0px;position: relative;}
.kitchen h2::before {content: "";position: absolute;width: 48px;height: 4px;background-color: #603813;bottom: -12px;}
.kitchen li {font-size: 16px;color: #4e4e4e;margin-top: 20px;padding-left: 30px;position: relative;}
.contact-box a {color: white;}
.contact-box {background-color: #603813;border-radius: 5px;margin-top: 18px;text-align: center;}
.contact-box h2 {position: relative;font-size: 18px;display: inline-block;color: white;margin-left: 5px;margin-top: 0px;}
.contact-box h3 {font-size: 16px;display: inline-block;color: white;margin-left: 5px;}
.services-call{border-bottom: 1px solid #7f6044;padding: 20px;}
.mail {padding: 20px;}
.mail h3{text-decoration: underline;margin: 0;}
.mail h3 a:hover{text-decoration: none;}
.home-page {width: 100%;}
/* faq */
.intro.kitchen.faq li {padding: 19px 24px;background-color: #ebf3f8;}
.intro.kitchen.faq ul li i {right: 23px;top: 21px;font-size: 20px;left: auto;}
.faq li a {color: #603813;font-size: 18px;}
.intro.kitchen.faq li:hover {background-color: #c4e4f8;}
.faq:hover a {cursor: pointer;}
.intro.kitchen.faq p {margin-top: 28px;}

/*contact */
.container.info-div {padding: 80px 0px;}
.contact-info {padding: 38px 34px; min-height: 484px}
.contact-info ul {list-style: none;}
.contact-info img {position: absolute;left: 0;top: 28px;}
.contact-info li {padding: 8px 21px;position: relative;}
.contact-info h3 {color: #FFFFFF;padding-left: 25px;font-size: 21px;text-transform: uppercase; margin: 16px 0; background: #603813; line-height: 40px}
.contact-info p {padding-left: 25px;color: #603813;font-size: 17px;}
.contact-info p a{color: #b7b7b7;}
.form-box {background-color: #efece7;padding: 38px;margin-left: -15px; min-height: 484px;}
.form-box h3 {color: #000000;font-size: 21px;text-transform: uppercase; margin: 0 0 20px}
.form-box p {font-size: 15px;color: #7b7b7b;margin: 19px 0px;}
.form-box input {border: 0;width: 95%;margin-top: 9px;font-size: 13px;color: #ababab;padding: 10px 15px;border-radius: 2px; height: 42px;}
.form-box textarea {border: 0;width: 95%;margin-top: 10px;font-size: 13px;color: #ababab;padding: 10px 15px;border-radius: 2px;height: 94px;}
.form-box .submit {width: 148px;background-color: #603813;color: white;font-size: 12px;text-transform: uppercase;border-radius: 0;}

.thanks {background-color: #efece7;padding: 38px;margin-left: -15px; text-align: center;}

/* about */
.about-text {padding-left: 48px;}
.about-text p {font-size: 16px;font-weight: 300;margin-bottom: 35px;}
.about-text h3 {font-size: 20px; font-weight: bold; color: #603813;margin-bottom: 35px;}
.about-text ul {list-style: none;padding-left: 0;}
.about-text li {margin: 15px 0px;position: relative;padding-left: 26px;}
.about-text i {position: absolute;top: 6px;left: 0;}
.about-text li:last-child {margin-bottom: 35px}

.clline{margin-bottom: 10px;clear: both;}

/*--------1180px------------*/
@media only screen and (min-width:1200px) and (max-width:1280px){
.banner{height: 480px;}	
/* services */
.ban-text.office h1 {font-size: 72px;}
.ban-text.regular h1 {font-size: 70px;}
.ban-text.regular {bottom: 41%;}
/*.last {margin-top: 96px;}*/
.ban-text {bottom: 27%;}
/* contact */
.contact-info {margin-bottom: 112px;}
}


/*--------960px------------*/
@media only screen and (min-width:992px) and (max-width:1199px){
.call h3 {font-size: 15px;}
.banner{height: auto;}
.intro{padding-left: 58px;}
.contact-lambs form{width: 58%;}
.flover-img {width: 41%;}
.contact-lambs {margin-top: 38px;}
/*contact*/
.contact-info ul {padding-left: 11px;}

/* services */
.ban-text.office {bottom: 42%;}
.ban-text.office h1 {font-size: 48px;}
.ban-text.regular h1 {font-size: 48px;}
.ban-text {bottom: 43%;}

.ban-text h1{font-size: 48px;}

.contact-info{min-height: 503px;}
}
/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 991px){
.form {width: 56.333%;}
.call {width: 100%;}
.banner {height: auto;}
.banner-in{height: 300px;}
#content .row h1{font-size: 26px;}
.form{width: 100%;}
.contact-lambs form{width: 100%;}
.intro{padding-left: 4px;}
.intro p {font-size: 13px;}
.contact-lambs {margin-top: 14px;}
.flover-img{width: 21%;} 
/* services */
.ban-text {bottom: 38%;}
.ban-text h1 {font-size:39px;}
.ban-text.regular h1 { font-size: 39px;margin-bottom: 4%;}
.ban-text.office h1 {font-size: 30px;}
/* faq */
.intro.kitchen.faq li {padding: 19px 16px;}
.intro.kitchen.faq ul li i {right: 11px;}
.ban-text.faq-ban {bottom: 36%;}

/* contact */
.contact-info ul {padding-left: 2px;}
.contact-info h3 {font-size: 19px;}
.contact-info li {padding: 9px 21px;}

.contact-info{padding: 28px 14px; min-height: 503px;}
.container.info-div{padding: 10px 0px;}
}


/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px){
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0;margin-left: 0;}
.logo-img img {width: 30%;}
.logo-img {margin-bottom: auto;}
.banner{height: auto;}
.gray-box {width: 100%;}
.intro {margin-top: 55px;padding: 16px;}
.form {width: 100%;}
.call {width: 100%;}
#content .row h1{font-size: 26px;}
.contact-lambs form{width: 58%;}
.flover-img{width: 39%;margin-top: 40px;}
.banner-in{height: auto;}
.ban-text{bottom: 14%;}
.ban-text p {font-size: 17px;}
.ban-text h1 {font-size: 34px;}
.home-page {width: 100%;}
.contact-lambs {margin-left: auto;}
.contact-box {margin-top: 60px;}
/* services */
/*.ban-text {bottom: 7%;}
.ban-text h1 {font-size: 60px;}
.ban-text p {font-size: 19px;}*/
.kitchen {padding-left: 14px;margin-top: 0px;}
.intro-div {margin-top: 0px;}
.ban-text.office h1 {font-size: 34px;}
.ban-text.office {bottom: 6%;}
/* faq */
.ban-text.regular h1 {font-size: 39px;}
.ban-text.faq-ban {bottom: 25%;}

/* contact */
.form-box {margin-left: auto;margin-top: 20px;}
.container.info-div {padding: 10px 15px;}
.contact-info ul{margin: 0;}
.contact-info{min-height: auto;padding: 0px 34px;}
.form-box input ,.form-box textarea{width: 100%;}

/* about */
.about-text {padding-left: 15px;}

/* service areas */
.ban-text.services {bottom: 24%;}

}
/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px){
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0;margin-left: 0;}
.logo-img {margin-bottom: auto;}
.logo-img img {width: 40%;}
.banner{height: auto;}
.intro {margin-top: 10px;padding-left: 16px;}
.form {width: 100%;}
.gray-box {width: 100%;}
.intro p {font-size: 14px;}
.form p {font-size: 14px;}
.call h3 {font-size: 16px;}
.flover-img {width: 41%;}
.call {width: 100%;}
.form {margin-top: 30px;}
.home-page {width: 100%;}
.banner-in{height: auto;}
.ban-text{bottom: 12%;}
.ban-text p {font-size: 16px;}
.ban-text h1 {font-size: 22px;}
.contact-lambs {margin-left: auto;margin-top: 10px;}

/* services */
/*.ban-text {bottom: 5%;}
.ban-text p {font-size: 17px;}
.ban-text h1 {font-size: 45px;}*/
.kitchen ul li h6 {font-size: 13px;}
.kitchen p {font-size: 13px;}
.kitchen {padding-left: 14px;margin-top: 35px;}
.intro-div {margin-top: 0px;}
/*.ban-text.office h1 {font-size: 22px;}*/
.ban-text.office {bottom: 26%;}
/*faq */
.ban-text.regular {bottom: 12%;}
.ban-text.regular h1 {font-size: 24px; }
.ban-text.faq-ban {bottom: 28%;}
.accordion2 dt {font-size: 15px;}
.accordion2 span {font-size: 14px;}
/* contact */
.form-box {margin-left: auto;margin-top: 30px;}
.container.info-div {padding: 0px 15px;}
.contact-info ul{margin: 0;}
.contact-info{min-height: auto;padding: 0px 34px;}
.form-box input ,.form-box textarea{width: 100%;}

/* about */
.about-text {padding-left: 15px;margin-top: 3px;}

/* service areas */
.ban-text.services {bottom: 19%;}
}


/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px){
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0;margin-left: 0;}
.logo-img img {width: 50%;}
.logo-img {margin-bottom: auto;}
.banner{height: auto;}
#content .row h1 {font-size: 20px;}
.intro p {font-size: 13px;}
.gray-box {width:100%;}
.features {padding-left: 0px;padding-right: 0px;}
.intro-div {margin-top: 0px;padding-left: 0px;padding-right: 0px;}
.intro {margin-left: 0;margin-top: 30px;padding-left: 0px;padding-right: 0px;}
.contact-lambs {margin-left: auto;margin-top: 20px;}
/*.form {width: 100%;padding: 25px 20px;}*/
.form p {font-size: 13px;}
.contact-lambs .input{width: 100%;}
.contact-lambs .textarea{width: 100%;}
.contact-lambs form{width: 100%;}
.flover-img {width: 33%;}
.call {width: 100%;}
.call h3 {font-size: 16px;}
.home-page {width: 100%;margin-top: 30px;}
.banner-in{height: auto;}
.ban-text{bottom: 6px;padding: 0px 50px;}
.ban-text p {font-size: 10px;}
.ban-text h1 {font-size: 24px;}

/* services */
/*.ban-text h1 {font-size: 35px;}
.ban-text p {font-size: 14px;}
.ban-text {bottom: -10%;}*/
.kitchen {padding-left: 0px;margin-top: 35px;padding-right: 0px;}
.kitchen ul li h6 {font-size: 9px;}
.kitchen p {font-size: 13px;}
.services-call {width: 100%;}
.services-call h2::before {left: -110px;width: 262%;}
.ban-text.office h1 {font-size: 20px;}
.ban-text.office {bottom: -10%;}
/*faq */
.intro.kitchen.faq li {padding: 19px 15px;}
.intro.kitchen.faq ul li i {right: 12px;}
.faq li a {font-size: 14px;}
.ban-text.regular h1 {font-size: 20px;}
.ban-text.faq-ban {bottom: 12px;}
.accordion2 dt {font-size: 14px;padding: 19px 45px 19px 16px;}
.accordion2 span {font-size: 14px;}

/* contact */
.container.info-div {padding: 0px 15px;}
.form-box {margin-left: auto;margin-top: 30px;	padding-left: 15px;padding-right: 15px;}
.form-box textarea {width: 100%;}
.form-box input {width: 100%;}
.contact-info ul{margin: 0;}
.contact-info{min-height: auto;padding: 0px 34px;}

/* about */
.about-text {padding-left:0px;padding-right: 0px;}
.about-text p {font-size: 14px;}
.about-text li {font-size: 14px;}

/* service areas */
.ban-text.services {bottom: 10px;}
}