/* Table of Contents
==================================================

    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */

.container                                  { width: 1250px; margin: 0 auto; padding: 0; }




/* #Additional - Large Screens beyond 1280px
================================================== */

/* Note: Design for a width of 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1366px) {

.container                                  { width: 1250px; }    

}







/* #Additional - Large Screens beyond 1024px
================================================== */
/* Note: Design for a width of 1024px */

@media only screen and (min-width: 959px) and (max-width: 1330px) {


.container									{ width: 960px; }
#header 									{ padding: 10px 0px; }
#header .logo								{ width: 125px; }
#header .top_right							{ width: calc(100% - 125px); margin-top: 0px;}
#header .header2 .logo 						{ width: 125px; }
.menu_box                                   { padding-top: 20px; }

.cb-header                                  { height: 120px; }
#header .header2                            { height: 120px; }

#header .maintenance-mode                   { width: 60%; }
#header .maintenance-mode p                 { font-size: 20px; line-height: 30px; }

#header .top_right .phone i                 { width: 35px; height: 35px; font-size: 18px; }
.menu_box ul.menu li                        { padding: 0px 20px 0px 0px; }
.menu_box ul.menu li a                      { font-size: 16px; }

#slider                                     { height: 385px; margin-top: 100px; }

.welcome_sec								{ padding-top: 40px; }
.welcome_sec .content h1					{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
.welcome_sec .content h3					{ margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }

.cooked_sec .service-heading h2, 
.gallery_sec .image-heading h2,
.history_sec .service-heading h2            { font-size: 30px; line-height: 35px; }

.services									{ padding-top: 40px; padding-bottom: 40px; }
.services .left-content 					{ padding-top: 20px; padding-bottom: 30px; }
.services .left-content h2					{ font-size: 27px; line-height: 35px; }
.services .pad_50							{ padding-left: 20px; padding-right: 20px; }

.map_sec .map iframe                        { height: 500px; }

.footer_section .ftr_heading                { font-size: 28px; line-height: 35px; }
.footer_section .ftr_contact ul             { gap: 40px; }


#inner_hero                                 { margin-top: 100px; }
.inner_section                              { padding-top: 40px; padding-bottom: 40px; }
.inner_section h1                           { font-size: 30px; line-height: 35px; margin: 0 0 30px 0px; }
.inner_section .inner_map iframe            { height: 400px; }


}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */


@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    .container									{ width: 738px; }

#header 									{ padding: 10px 0px; }
#header .logo								{ width: 85px; margin-top: 10px; }
#header .top_right							{ width: auto; margin-top: 10px; }
#header .top_right .top_link				{ display: none; }

.menu_box									{ display: none; }

.dl-menuwrapper								{ margin: 10px 0 0 0; }
#header .header1							{ display: none; }
#header .header2							{ top: 0px !important; height: 80px; padding: 0; }

#header .header2 .logo 						{ width: 85px; margin-top: 10px; }
#header .maintenance-mode                   { margin-top: 30px; }
#header .maintenance-mode p                 { font-size: 20px; line-height: 30px; } 


#slider										{ margin-top: 60px; height: 290px; }
#slider .owl-theme .owl-dots,
#slider .owl-theme .owl-nav					{ position: absolute; left: 0; bottom: 10px; }

.welcome_sec								{ padding-top: 30px; padding-bottom: 30px; }
.welcome_sec .content						{ padding-top: 0px; }
.welcome_sec .content h1					{ margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
.welcome_sec .content h3					{ font-size: 18px; line-height: 28px; }
.welcome_sec .content p						{ font-size: 16px; line-height: 26px; }
.welcome_sec .content h5                    { font-size: 16px; line-height: 26px; }
.welcome_sec .content .note                 { font-size: 18px; line-height: 26px; margin: 0; }

.services									{ padding-top: 0; padding-bottom: 30px; }
.services .left-content						{ padding-right: 30px; padding-top: 0px; padding-bottom: 30px; }
.services .pad_50							{ padding-left: 20px; }

.services .pic_img							{ margin-bottom: 20px; }
.services .left-content h2					{ margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }
.services .left-content p					{ font-size: 16px; line-height: 26px; }
.services .left-content .button				{ padding: 10px 20px; font-size: 16px; line-height: 25px; }

.cooked_sec, 
.gallery_sec, 
.history_sec                                { margin-bottom: 30px; }
.cooked_sec .service-heading h2, 
.gallery_sec .image-heading h2, 
.history_sec .service-heading h2            { font-size: 25px; line-height: 35px;; }


.map_sec .map iframe                        { height: 350px; }

.footer_section								{ padding-top: 30px; padding-bottom: 30px; }
.footer_section .ftr_contact				{ font-size: 15px; }
.footer_section .copy_text					{ padding-top: 0px; padding-bottom: 20px; font-size: 15px; text-align: center; }
.footer_section .ftr_heading                { font-size: 20px; line-height: 25px; width: 95%; }
.footer_section .ftr_heading br             { display: none; }
.footer_section .ftr_sub_heading            { font-size: 20px; line-height: 25px; }
.footer_section .ftr_contact ul             { gap: 30px; }
.footer_section .ftr_contact ul li          { font-size: 16px; line-height: 26px; }
.footer_section .copy_text                  { margin-bottom: 0; }


/*------------- inner pages -------------*/

.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }

.inner_section h1                           { font-size: 25px; line-height: 30px; margin: 0  0 20px 0px; }

#inner_hero									{ height: 300px; margin-top: 60px; }

.inner_section								{ padding-top: 40px; padding-bottom: 40px; }
.inner_section h2							{ font-size: 30px; line-height: 35px; margin-bottom: 0; } 
.inner_section h2 br						{ display: none; } 
.inner_section ul li                        { font-size: 16px; line-height: 26px; }
.inner_section p                            { font-size: 16px; line-height: 26px; margin: 0 0 15px 0; }
.inner_section p strong                     { font-size: 16px; line-height: 28px; }
.inner_section h3                           { font-size: 20px; line-height: 28px; }
.inner_section .inner_map iframe            { height: 350px; }

}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

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

.container									{ width: auto; margin: 0 15px; }

#header 									{ padding: 10px 0px; }
#header .logo								{ width: 90px; margin-top: 15px; }
#header .top_right							{ width: auto; margin-top: 25px; }
#header .top_right .top_link				{ display: none; }
.menu_box									{ display: none; }

.dl-menuwrapper								{ margin: 0px 0 0 0; }

#header .header1							{ display: none; }
#header .header2							{ top: 0px !important; height: 90px;}
#header .header2                            { padding: 0px; }
#header .header2 .logo 						{ width: 90px; }

#header .maintenance-mode                   { margin-top: 25px; }
#header .maintenance-mode p                 { font-size: 16px; line-height: 28px; }

#slider										{ margin-top: 70px; height: 335px; }
#slider  img							    { width: 250%; margin-left: -70%; }
#slider .owl-theme .owl-dots, #slider .owl-theme .owl-nav { position: absolute; left: 0; bottom: 10px; }

.welcome_sec								{ padding-top: 30px; padding-bottom: 30px; }
.welcome_sec .content						{ padding-top: 0px; }
.welcome_sec .content h1					{ margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
.welcome_sec .content h3					{ margin: 0 0 10px 0; font-size: 20px; line-height: 30px; }
.welcome_sec .content p						{ font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.welcome_sec .content h5                    { font-size: 16px; line-height: 26px; margin:10px 0 15px 0px; }
.welcome_sec .content h5 br                 { display: none; }
.welcome_sec .content .note                 { font-size: 18px; line-height: 26px; margin-bottom: 0px; }

.cooked_sec,
.gallery_sec,
.history_sec                                { margin-bottom: 30px; }
.cooked_sec .service-heading h2, 
.gallery_sec .image-heading h2,
.history_sec .service-heading h2            { font-size: 25px; line-height: 35px; }

.services									{ padding-top: 0; padding-bottom: 0px; }
.services .cnt_row							{ padding-top: 0px; padding-bottom: 30px; }
.services .left-content						{ width: 100%; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
.services .pad_50							{ padding-left: 0; }
.services .pic_img							{ width: 100%; margin-bottom: 20px; }
.services .left-content h2					{ margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }
.services .left-content p					{ font-size: 16px; line-height: 26px; }
.services .left-content .button				{ padding: 10px 28px; font-size: 16px; line-height: 25px; }

.map_sec .map iframe                        { height: 300px; }

.footer_section								{ padding-top: 30px; padding-bottom: 30px; }
.footer_section .ftr_social					{ position: static; float: left; width: 100%; margin: 0 0 20px 0; text-align: center; }
.footer_section .copy_text					{ padding-top: 0px; padding-bottom: 10px; font-size: 15px; text-align: center; }
.footer_section .ftr_heading                { font-size: 20px; line-height: 25px; }
.footer_section .ftr_heading br             { display: none; }
.footer_section .ftr_sub_heading            { font-size: 20px; line-height: 25px; }
.footer_section .ftr_contact ul             { flex-wrap: wrap; gap: 10px; }
.footer_section .ftr_contact ul li          { font-size: 16px; line-height: 26px; display: unset; }
.footer_section .privacy-policy ul          { flex-wrap: wrap; }
.footer_section .privacy-policy ul li a     { margin: 0 8px; }
.footer_section .copy_text                  { margin: 0; }
.footer_section .ftr_contact ul li i.mdi.mdi-map-marker{ margin-top: -30px; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }

#inner_hero									{ height: 300px; margin-top: 60px; }

.inner_section h1                           { font-size: 25px; line-height: 30px; margin: 0 0 20px 0px; }
.inner_section h1 br                        { display: none; }

.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ font-size: 22px; line-height: 32px; margin-bottom: 0px; }
.inner_section h2 br						{ display: none; }
.inner_section ul li                        { font-size: 16px; line-height: 26px; }
.inner_section p                            { font-size: 16px; line-height: 26px; margin: 0 0 15px 0px; }
.inner_section p strong                     { line-break: anywhere; font-size: 16px; line-height: 28px; }
.inner_section h3                           { font-size: 20px; line-height: 28px;}
.inner_section .inner_map iframe            { height: 300px; }

/*------------- contact page -------------*/
.contact-form 							    { padding: 0px 0 20px 0; }

/* ---------- Accessbility Page ----------  */
.photos_box                                 { margin-top: 20px; }
}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container	{ /*width: 420px;*/ width: auto; margin: 0 15px; }

#slider  img								{ width: 130%; margin-left: 0%; }

#slider                                     { height: 305px; }   

} 


/* #Clearing
================================================== */
/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}