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

.container                                  { width: 1250px; }

.service_sec2 .ser_cont 					{ padding: 30px 30px 30px 30px; }
.service_sec .service_img img 				{ width: 100%; height: auto; }
.service_sec2 .ser_cont .read_btn           { margin-top: 0px; }

}



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

.container                                  { width: 1250px; }

.service_sec .service_img img 				{ width: 100%; height: auto; }
.service_sec .service_cont					{ padding: 70px 40px 0px 40px; }
.service_sec .service_cont h2				{ font-size: 25px; line-height: 30px; } 
.service_sec .service_cont p				{ font-size: 16px; line-height: 26px; }
.service_sec .service_cont .read_btn		{ margin-top: 10px; }
.service_sec2 .ser_cont						{ padding: 70px 40px 30px 40px; }
.service_sec2 .ser_cont h2					{ font-size: 25px; line-height: 30px; } 
.service_sec2 .ser_cont p					{ font-size: 16px; line-height: 26px; }
.service_sec2 .ser_cont .read_btn			{ margin-top: 10px; }

}



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

.container									{ width: 1024px; }

.cb-header									{ height: 210px; }
.page-header .logo                          { width: 314px; }
.page-header .cb_logo						{ width: 314px; }
.page-header .top_cont p					{ font-size: 14px; }
.page-header .top_cont .read_btn			{ padding: 6px 20px; margin-left: 10px; font-size: 16px; }
.page-header .top_right .top_row ul li a    { font-size: 16px; }
.page-header .top_right .phone				{ padding-top: 10px; }
.page-header .top_right .phone .call		{ font-size: 25px; }
.menu_box ul.menu li a						{ padding: 12px 6px; }
#slider										{ margin-top: 210px; }
.welcome_sec								{ padding-top: 30px; padding-bottom: 30px; }
.welcome_sec .content						{ padding-top: 10px; }
.welcome_sec .content h1					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.welcome_sec .content h1 br					{ display: none; }
.welcome_sec .content p						{ margin: 0 0 10px 0; font-size: 16px; }
.welcome_sec .content ul li                 { font-size: 16px; }
.service_sec								{ padding-top: 0px; }
.service_sec .service_cont					{ padding: 20px; }
.service_sec .service_cont h2				{ margin: 0 0 10px 0; font-size: 18px; }
.service_sec .service_cont p				{ margin: 0 0 10px 0; font-size: 16px; }
.service_sec .service_cont .read_btn		{ padding: 10px 40px; font-size: 16px; }
.service_sec .service_img img				{ width: 100%; }
.quote_sec									{ padding-top: 30px ! important;  padding-bottom: 30px ! important ; }
.quote_sec .quote_cont						{ padding-top: 0px;  padding-bottom: 0px; }
.quote_sec .quote_cont h3					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.quote_sec .quote_btn						{ padding: 0;}
.quote_sec .quote_btn .faq_btn				{ padding: 18px 50px; font-size: 18px; }
.testimonial_sec							{ padding-top: 30px; padding-bottom: 10px; }
.testimonial_sec h3							{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.testimonial_sec .testi_slider				{ padding: 20px; }
.testimonial_sec .testi_content				{ padding: 20px 60px;}
.testimonial_sec .testi_content p			{ margin: 0 0 20px 0; font-size: 18px; line-height: 30px; }
.serve_sec h3								{ font-size: 25px; line-height: 30px; }
#footer .ftr_menu							{ padding-top: 0px; padding-bottom: 0px; }
#footer .address							{ padding: 20px 0px 20px 0px; }
#footer .phone								{ padding: 0px 0px 20px 0px; }
#footer .email								{ padding: 0px 0px 10px 0px; }
#footer .ftr_social							{ padding-top: 20px; }
#footer .ftr_social ul li					{ padding-right: 5px; }
#footer .copyright							{ padding-top: 0px; padding-bottom: 0px; }

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

#inner_banner								{ margin-top: 236px; }
.inner_section								{ padding-top: 40px; padding-bottom: 40px; } 
.inner_section h1							{ font-size: 30px; line-height: 35px; }
.inner_section h2                           { font-size: 28px; line-height: 28px; }
.inner_section p							{ font-size: 16px; line-height: 26px; }

}


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

.container									{ width: 738px; }

#header .top1								{ display: none; }
.page-header.top2							{ top: 0px !important; }
.page-header .cb_logo					    { width: 350px; }
.page-header .top_right						{ width: 50%; padding: 10px 0; }
#slider										{ margin-top: 128px; }
.welcome_sec								{ padding-top: 30px; padding-bottom: 30px; }
.welcome_sec .content						{ padding-top: 10px; }
.welcome_sec .content h1					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.welcome_sec .content h1 br					{ display: none; }
.welcome_sec .content p						{ margin: 0 0 10px 0; font-size: 15px; }
.welcome_sec .content ul li                 { font-size: 16px; }
.service_sec								{ padding-top: 0px; }
.service_sec .service_cont					{ padding: 20px; }
.service_sec .service_cont h2				{ margin: 0 0 10px 0; font-size: 18px; }
.service_sec .service_cont p				{ margin: 0 0 10px 0; font-size: 16px; }
.service_sec .service_cont .read_btn		{ padding: 10px 40px; font-size: 16px; }
.service_sec .service_img img				{ width: 100%; }
.quote_sec									{ padding-top: 30px ! important;  padding-bottom: 30px ! important; }
.quote_sec .quote_cont						{ padding-top: 0px;  padding-bottom: 0px; }
.quote_sec .quote_cont h3					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.quote_sec .quote_cont h3 br				{ display: none; }
.quote_sec .quote_btn						{ padding: 0;}
.quote_sec .quote_btn .faq_btn				{ padding: 18px 50px; font-size: 18px; }
.testimonial_sec							{ padding-top: 30px; padding-bottom: 10px; }
.testimonial_sec h3							{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.testimonial_sec .testi_slider				{ padding: 20px; }
.testimonial_sec .testi_content				{ padding: 20px 60px;}
.testimonial_sec .testi_content p			{ margin: 0 0 20px 0; font-size: 18px; line-height: 30px; }
.serve_sec h3								{ font-size: 25px; line-height: 30px; }
#footer .ftr_menu							{ padding-top: 0px; padding-bottom: 0px; }
#footer .ftr_menu ul li a					{ margin-right: 5px; margin-left: 5px; font-size: 16px; }
#footer .address							{ padding: 20px 0px 20px 0px; }
#footer .address p br						{ display: none; }
#footer .phone								{ padding: 0px 0px 20px 0px; }
#footer .email								{ padding: 0px 0px 10px 0px; }
#footer .ftr_social							{ padding-top: 20px; }
#footer .ftr_social ul li					{ padding-right: 5px; }
#footer .copyright							{ padding-top: 0px; padding-bottom: 0px; }

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

#inner_banner								{ margin-top: 150px; }
.inner_section								{ padding-top: 40px; padding-bottom: 40px; } 
.inner_section h1							{ font-size: 30px; line-height: 35px; }
.inner_section h2                           { font-size: 28px; line-height: 28px; }
.inner_section p							{ font-size: 16px; line-height: 26px; }
}



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

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

#header .top1								{ display: none; }
.page-header.top2 							{ top: 0px !important; height: 110px; }
.page-header .cb_logo						{ width: 200px; padding: 12px 0 0 0; }
.page-header .top_cont						{ display: none; }					
.page-header .top_right						{ width: 20%; padding: 12px 0 0 0;}
.page-header .top_right .top_menu2			{ display: inline-block; }
.page-header .top_right + .top_right        { display: block; width: 100%; padding: 8px 0 8px 0; text-align: center; }
.page-header .top_right .top_row            { float: none; display: inline-block; width: auto; }
.page-header .top_right .top_row ul li a    { margin-right: 7px; margin-left: 2px; font-size: 14px; }
.page-header .top_right .phone              { float: none; display: inline-block; width: auto; padding-top: 0; margin-left: 4px; }
.page-header .top_right .phone .call        { font-size: 14px; }
.menu_box									{ display: none; }
#slider										{ margin-top: 110px; }
#slider .bx-wrapper img 					{ max-width: 200%; transform: translate(-250px, 0px); }
#slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -10px; }
.welcome_sec								{ padding-top: 30px; padding-bottom: 0px; }
.welcome_sec .content						{ padding-top: 0px;  }
.welcome_sec .content h1					{ margin: 0 0 10px 0; font-size: 20px; line-height: 35px; }
.welcome_sec .content h1 br					{ display: none; }
.welcome_sec .content p						{ margin:0 0 20px 0; font-size: 16px; line-height: 26px; }
.welcome_sec .content ul                    { margin: 0 0 20px 0; }
.welcome_sec .content ul li                 { width: 100%; font-size: 16px; }
.service_sec .service_img					{ width: 100% }
.service_sec .service_img img				{ width: 100%; }
.service_sec 								{ padding-top: 10px; }
.service_sec .service_cont					{ padding: 20px;  width: 100%; }
.service_sec .service_cont h2				{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
.service_sec .service_cont p				{ margin: 0 0 10px 0; font-size: 16px; }
.service_sec .service_cont .read_btn		{ padding: 10px 30px; margin-top: 10px; font-size: 16px; }
.quote_sec									{ padding-top: 30px !important; padding-bottom: 30px !important; }
.quote_sec .quote_cont						{ padding-top: 0px; padding-bottom: 0px; }
.quote_sec .quote_cont h3 					{ margin: 0 0 0px 0; font-size: 25px; line-height: 35px; text-align: center; }
.quote_sec .quote_cont h3 br				{ display: none; }	
.quote_sec .quote_btn 						{ padding: 30px 0px 0px 0; text-align: center; }
.quote_sec .quote_btn .faq_btn				{ padding: 21px 50px; font-size: 16px; } 
.service_sec2 .ser_img						{ width: 100% }
.service_sec2 .ser_img img					{ width: 100% }
.service_sec2 								{ padding-top: 10px; }
.service_sec2 .ser_cont						{ padding: 20px;  width: 100%; }
.service_sec2 .ser_cont h2					{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
.service_sec2 .ser_cont p					{ margin: 0 0 10px 0; font-size: 16px; }
.service_sec2 .ser_cont .read_btn			{ padding: 10px 30px; margin-top: 10px; font-size: 16px; }
.testimonial_sec							{ padding-top: 30px; padding-bottom: 30px; }
.testimonial_sec h3							{ margin: 0 0 10px 0; font-size: 22px; line-height: 30px; }
.testimonial_sec .testi_slider				{ padding: 20px; }
.testimonial_sec .testi_slider .bx-wrapper .bx-controls-direction a { display: none; }
.testimonial_sec .testi_content p			{ margin: 0 0 20px 0; font-size: 16px; line-height: 28px; }
.testimonial_sec .testi_content				{ padding: 20px 0 20px 0px ; }
.serve_sec h3								{ font-size: 25px; line-height: 30px; }
#footer .ftr_menu							{ padding-top: 0px; padding-bottom: 10px; }
#footer .ftr_menu ul li 					{ width: 100%; text-align: left;}
#footer .ftr_menu ul li:after               { content: none; } 
#footer .ftr_menu ul li a					{ margin-right: 0px; margin-left: 0px; font-size: 16px; }
#footer .address							{ padding: 0 0 10px  0; }
#footer .address p br                       { display: none; }                          
#footer .phone								{ padding: 0 0 10px  0; }
#footer .email								{ padding: 0 0 10px  0; }
#footer .ftr_social							{ padding-top: 10px; }
#footer .ftr_social ul li					{ padding-right: 10px; }
#footer .copyright							{padding-top: 20px; padding-bottom:0px; font-size:15px; }

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

#inner_banner								{ margin-top: 80px; }
.inner_section 								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h1							{ font-size: 24px; line-height: 35px; }
.inner_section h2                           { font-size: 25px; line-height: 28px; }
.inner_section p							{ font-size: 16px; line-height: 26px; }
}



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

}



/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }