@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

.container                                  { max-width: 1250px; }

}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {

.container                                  { max-width: 1250px; }

}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1250px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

.container									{ max-width: 960px; }

#header										{ padding: 10px 0 0px 0; }
#inner_banner .caption 						{ width: 35%; }
.mainNav ul.menu li 						{ padding: 0px 5px; }
.mainNav ul.menu li a						{ padding: 5px 13px; font-size: 13px; }
#ServiceSection .content .img-thumbnail .figure-caption p { min-height: 182px; }
#AboutSection .left_cnt 					{ width: 50%; padding: 80px 30px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }

.review_sec .item .right_cnt 				{ width: 84%; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container									{ max-width: 738px; }

#header										{ padding: 10px 0 10px 0; }
#header .logo								{ width: 200px; }
.mainNav									{ display: none; }
#ServiceSection								{ padding-top: 30px; padding-bottom: 30px; }
#ServiceSection h2							{ margin: 0px 0px 10px 0px; font-size: 30px; line-height: 35px; }
#ServiceSection .content					{ padding-top: 10px; }
#ServiceSection .content .img-thumbnail .figure-caption p { min-height: 260px; }
#AboutSection .left_cnt						{ width: 70%; padding: 20px 20px; }
#PhotoGallery								{ padding-top: 30px; padding-bottom: 30px; }
#PhotoGallery h2							{ margin: 0px 0px 10px 0px; font-size: 30px; line-height: 35px; }
#ClinetSection h2							{ margin: 0 0 0px 0; font-size: 25px; line-height: 30px; }
#ClinetSection .content						{ padding-top: 10px; }
.slider_cnt .item							{ text-align: center; }
.slider_cnt .item .right_cnt				{ width: 100%; padding-top: 20px; }
.footerSection 								{ padding-top: 30px; padding-bottom: 30px; }
.FtrMenu									{ padding-bottom: 10px; }
.FtrMenu ul li								{ padding: 0 10px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }

#inner_banner 								{ height: 280px; }
#inner_banner .caption 						{ width: 40%; padding: 15px 15px; }
#inner_banner .caption h1 					{ font-size: 34px; line-height: 44px; }
.inner_section 								{ padding-top: 50px; padding-bottom: 50px; }
.inner_section h2 							{ margin: 0 0 15px 0; font-size: 30px; line-height: 35px; }
.inner_section h3							{ font-size: 24px; line-height: 34px; }
.inner_section p							{ font-size: 16px; line-height: 25px; }

.review_sec .item .right_cnt 				{ width: 80%; }

.contact_form h3 							{ margin: 0 0 20px 0; font-size: 25px; line-height: 25px; }
.contact_detail h3 							{ margin: 0 0 20px 0; font-size: 25px; line-height: 25px; }
.map_sec iframe 							{ height: 340px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.container									{ max-width: 100%; padding: 0 15px; }

#header										{ padding: 10px 0 10px 0; }
#header .logo								{ width: 200px; }
.mainNav									{ display: none; }
#ServiceSection								{ padding-top: 30px; padding-bottom: 30px; }
#ServiceSection h2							{ margin: 0px 0px 10px 0px; font-size: 30px; line-height: 35px; }
#ServiceSection .content					{ padding-top: 10px; }
#ServiceSection .content .img-thumbnail .figure-caption p { min-height: inherit; }
#AboutSection .left_cnt						{ width: 100%; padding: 20px 20px; }
#PhotoGallery								{ padding-top: 30px; padding-bottom: 30px; }
#PhotoGallery h2							{ margin: 0px 0px 10px 0px; font-size: 30px; line-height: 35px; }
#PhotoGallery .content						{ padding-top: 10px; }
#PhotoGallery .content .item				{ width: 100%; margin-right: 0; margin-bottom: 3%; }
#ClinetSection h2							{ margin: 0 0 0px 0; font-size: 25px; line-height: 30px; }
#ClinetSection .content						{ padding-top: 10px; }
.slider_cnt .item							{ text-align: center; }
.slider_cnt .item .right_cnt				{ width: 100%; padding-top: 20px; }
.footerSection 								{ padding-top: 30px; padding-bottom: 30px; }
.FtrMenu									{ padding-bottom: 10px; }
.FtrMenu ul li								{ padding: 0 10px; }

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

#inner_banner 								{ height: 250px; }
#inner_banner .caption 						{ width: 70%; padding: 15px; }
#inner_banner .caption h1 					{ font-size: 30px; line-height: 40px; }
.inner_section								{ padding-top: 40px; padding-bottom: 40px; }
.inner_section h2							{ margin: 0px 0px 10px 0px; font-size: 26px; line-height: 30px; }
.inner_section h3							{ font-size: 20px; line-height: 30px; }
.inner_section p							{ font-size: 16px; line-height: 25px; }

.review_sec .item .left_pic 				{ display: block; width: 120px; margin: 0 auto 15px auto; }
.review_sec .item .right_cnt 				{ width: 100%; text-align: center; }

.contact_form 								{ padding: 0px 0 40px 0; }
.contact_form .form-group 					{ margin-bottom: 0px; }
.contact_form h3 							{ margin: 0 0 20px 0; font-size: 25px; line-height: 25px; }
.contact_detail h3 							{ margin: 0 0 20px 0; font-size: 25px; line-height: 25px; }
.map_sec iframe 							{ height: 300px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

#PhotoGallery .content .item 				{ width: 31%; margin-right: 2%; margin-bottom: 0; }

}