/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid

================================================== */
.container                                  { width: 1200px; margin: 0 auto; padding: 0; }

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

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
.container                                  { width: 1200px; }

}

/* #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: 1200px; }

}

/* #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; }									

.menu_box ul.menu li a						{ padding: 15px 18px; font-size: 18px; }
#header.stiky .menu_box ul.menu li a		{ padding: 15px 18px; font-size: 18px; }

.service_sec .thumbnail 					{ min-height: 270px; margin-bottom:25px; }
.service_sec .thumbnail .caption 			{ height: 90px; padding: 16px 20px 25px 20px; }
/*.service_sec .thumbnail .caption			{ min-height: 390px; }*/
.service_sec .thumbnail .caption h4 		{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.service_sec .thumbnail .caption p 			{ margin: 0 0 10px 0; font-size: 15px; line-height: 25px; }

.footer_sec .ftr_contact ul li				{ font-size: 14px; line-height: 26px; }
.footer_sec .ftr_hours ul li strong			{ width: 100%; }
.footer_sec .ftr_hours ul li:before			{ font-size: 14px; }
.footer_sec .ftr_hours ul li				{ font-size: 14px; }	

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }

}

/* #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 0; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); }
#header .logo								{ width: 250px; }
#header .logo img 							{ width: 250px; height: auto; }
#header.stiky 								{ padding: 10px 0; }
#header.stiky .logo							{ width: 250px; }
#header.stiky .mobmenur-container 			{ top: 36px!important; }
#header .top_right ul li:last-child 		{ padding-right: 60px; margin: 0px 0; }

.menu_box									{ display:none; }
.mobmenur-container 						{ top: 20px!important; }

#slider 									{ margin: 25px 0 10px 0; }
#slider .caption .call_btn 					{ padding: 15px 20px; font-size: 20px; }

.service_sec								{ padding-top: 40px; padding-bottom: 40px; }
/*.service_sec .thumbnail 					{ padding: 5px; box-sizing: border-box; }
.service_sec .thumbnail .caption			{ padding: 20px 10px 0 10px; min-height: 400px; }*/
.service_sec .thumbnail 					{ min-height: 270px; margin-bottom:25px; }
.service_sec .thumbnail .caption 			{ height: 90px; }
.service_sec .thumbnail .caption h4			{ margin: 0 0 15px 0; font-size: 20px; line-height: 26px; min-height: 78px; }
.service_sec .thumbnail .caption 			{ height: 90px; }

#footer .footer_sec							{ padding-top: 40px; padding-bottom: 10px; }
.footer_sec h6								{ margin: 0 0 5px 0; }
.footer_sec .ftr_menu						{ margin-bottom: 20px; }
.footer_sec .ftr_contact ul li				{ padding: 0 0 10px 30px; }
.footer_sec .ftr_contact ul li br			{ display: none; }
#footer .ftr_bottom 						{ padding-top: 20px; padding-bottom: 40px; }
.ftr_bottom .copy_right						{ font-size: 14px; }
.footer_sec .ftr_logo 						{ text-align: center; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }

}

/*  #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: 15px 0; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); }
.mob-menu-header-holder						{ width: 15% !important; }
#header .logo								{ width: 200px; }
#header .logo img							{ width: 100%; }
#header.stiky 								{ padding: 15px 0; }
#header.stiky .logo							{ width: 250px; }
#header.stiky .logo img						{ width: 100%; }
#header.stiky .top_right ul li.phone a 		{ font-size: 16px; padding: 2px 10px 2px 35px; }
#header.stiky .top_right ul li.phone a:before { font-size: 16px; top: 2px; }
#header .top_right							{ display: none; }
.menu_box									{ display: none; }

#slider 									{ margin: 15px 0 10px 0; }
#slider .caption							{ bottom: 20px; right: 20px; }
#slider .caption .call_btn 					{ padding: 12px 15px; font-size: 18px; }

.service_sec								{ padding-top: 30px; padding-bottom: 30px; }
.service_sec								{ padding-top: 20px; padding-bottom: 0; }
.service_sec .thumbnail 					{ min-height: 380px; margin-bottom: 20px; }
.service_sec .thumbnail .caption 			{ padding: 25px 50px 0 50px; height: 100px; }
/*.service_sec .thumbnail 					{ box-sizing: border-box; margin-bottom: 20px; }
.service_sec .thumbnail .caption			{ padding: 20px 10px; min-height: auto; }*/
.service_sec .thumbnail .caption h4			{ margin: 0 0 20px 0; font-size: 22px; line-height: 26px; min-height: 52px; }
.service_sec .thumbnail .caption p			{ margin: 0 0 10px 0; }
.service_sec .thumbnail .caption ul li:last-child { padding: 0 0 0px 30px; }

#footer .footer_sec							{ padding-top: 30px; padding-bottom: 30px; }
.footer_sec h3 								{ margin: 0 0 15px 0; font-size: 22px; }
.footer_sec .ftr_logo						{ padding-bottom: 0px; text-align: center; }
.footer_sec .ftr_social 					{ padding-top: 20px; }
.footer_sec .ftr_menu						{ padding-top: 30px; }
.footer_sec .ftr_contact					{ padding-top: 30px; }
.footer_sec .ftr_contact ul li br			{ display: none; }	
.footer_sec .ftr_contact ul li				{ padding: 0 0 7px 30px; }
.footer_sec .ftr_hours						{ padding-top: 30px; }
#footer .ftr_bottom 						{ padding-top: 0px; padding-bottom: 30px; }

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

.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; width: 100%; max-width: 100%; height: auto; margin: 0 0 20px 0; }
#inner_banner 								{ height: 220px; }
#inner_banner .caption h1 					{ font-size: 30px; line-height: 40px; }
.inner_section 								{ padding-top: 25px; padding-bottom: 25px; }
.inner_section h3 							{ font-size: 26px; line-height: 32px; }
.inner_section h4 							{ font-size: 18px; line-height: 20px; }
.inner_section h2							{ margin: 0 0 15px 0; font-size: 28px; line-height: 28px; }
.page-id-19 .inner_section iframe			{ height:300px; }
.contact_detail 							{ padding: 20px 0 0 0px; }
.contact_detail h2 							{ margin: 0 0 15px 0 !important; }

}

/* #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; }

#header .logo img 							{ width: 250px; height: auto; }
#header.stiky .logo img 					{ width: 250px; }
/*.service_sec .thumbnail 					{ min-height: auto; margin-bottom: 20px; }
.service_sec .thumbnail .caption 			{ height: 280px; }*/

.service_sec .thumbnail 					{ min-height: 345px; margin-bottom: 20px; }
.service_sec .thumbnail .caption 			{ padding: 25px 30px 0 30px; height: 100px; }

.footer_sec .ftr_menu 						{ padding-top: 0px; }

}

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

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