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

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

}



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

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

#footer .footerRow .ftr-contact a.getFreeBtn{ padding: 15px 15px; }

}



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

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

#header .page-header .topHeader				{ align-items: center; }
.cb-header                                  { height: 132px; }
.page-header .logo                          { width: 130px; }
.page-header .top_right                     { width: calc(100% - 150px); }
.page-header .top_right .top_row_menu .rightBtn .emergencyBtn { padding: 10px 10px; font-size: 14px; line-height: 18px; }
.page-header .top_right .menu_box           { gap: 15px; }
.page-header .top_right .menu_box ul.menu li { margin-right: 6px; }
.page-header .top_right .menu_box ul.menu li a { font-size: 14px; line-height: 20px; }
.page-header .top_right .menu_box .getaFreeBtn { padding: 10px; font-size: 14px; line-height: 18px; }
.page-header .cb_logo                       { width: 170px; }
.page-header.top2                           { height: 115px; }
.page-header.top2 .top_right                { width: calc(100% - 190px); }

#slider                                     { margin-top: 132px; }
#slider .bx-wrapper img 					{ width:auto; max-width: 145%; }
#slider .caption .title                     { font-size: 45px; line-height: 55px; }
#slider .caption                            { max-width: 60%; padding: 30px 0; }
#slider .rightInfoBox                       { padding: 20px; }

.generalServicesSec h2                      { font-size: 40px; line-height: 50px; margin: 0 0 25px 0; }
.generalServicesSec .generalServicesBox .servicesImg .servicesIcon { width: 65px; height: 65px; }
.generalServicesSec .generalServicesBox .servicesImg .servicesIcon img { width: 35px; }

.ownedWomanSec .leftCol                     { width: 100%; }
.ownedWomanSec .rightCol                    { width: 100%; }
.ownedWomanSec .rightCol .map               { text-align: center; }
.ownedWomanSec .rightCol .map img           { width: 70%; }

.testimonialsSec .testimonialsRow .leftCol .servicesInfo { padding: 15px; }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo p { margin-bottom: 15px; }
.testimonialsSec .testimonialsRow .rightCol { padding: 30px 20px; }
.testimonialsSec .testimonialsRow .rightCol .requestBtn { font-size: 14px; line-height: 24px; padding: 10px 12px; }

#footer .footerRow                          { gap: 20px; }
#footer .footerRow .ftr-contact a.getFreeBtn { font-size: 15px; padding: 10px 8px; }
#footer .footerRow ul li                    { margin-bottom: 5px; }
#footer .footerRow ul li a                  { line-height: 22px; }
#footer .ftr-copyright .bottomBox           { gap: 10px; flex-direction: column; }
#footer .ftr-copyright .bottomBox ul        { justify-content: flex-start; }

#inner_banner								{ margin-top: 132px; }
#inner_banner h1							{ font-size: 45px; line-height: 55px; }

.inner_section ul li                        { width: 32.6%; }

.about_sec h2								{ margin: 0 0 25px 0; font-size: 40px; line-height: 50px; }

.started_sec .cont-col						{ padding: 70px 45px; }
.started_sec .cont-col h2					{ margin: 0 0 25px 0; font-size: 40px; line-height: 50px; }	
.partnerships_sec .partnershipsRow .rightCol	{ padding: 20px 15px; }
.partnerships_sec .partnershipsRow .rightCol .requestBtn { padding: 10px 10px; font-size: 14px; }

.photos_box .thumbnail a					{ height: 155px; }

}



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

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

#header .top1								{ display: none; }
.page-header .cb_logo {width: 180px;}
.page-header.top2							{ top: 0px !important; height: 110px; }
.page-header .top_right						{ width: calc(100% - 200px); }

#slider										{ margin-top: 110px; }
#slider .caption                            { max-width: 80%; justify-content: flex-start; }
#slider .caption .title 					{ font-size: 40px; line-height: 50px; }
#slider .caption p                          { font-size: 16px; }
#slider .bx-wrapper img 					{ width:auto; max-width: 180%; }
#slider .rightInfoBox                       { padding: 25px; }
#slider .bx-controls                        { display: none; }
#slider .rightInfoBox .info p               { font-size: 18px; }

.services_sec .servicesRow .servicesCol     { padding: 10px 10px; }
.services_sec .servicesRow .servicesCol .info h3 { font-size: 16px; line-height: 22px; }
.generalServicesSec h2                      { font-size: 35px; line-height: 50px; margin: 0 0 20px 0; }
.generalServicesSec p.info                  { max-width: 100%; font-size: 16px; }
.generalServicesSec .generalServicesBox     { height: calc(100% - 30px); margin-bottom: 30px; }
.generalServicesSec .generalServicesBox .servicesInfo p { font-size: 16px; }
.generalServicesSec .generalServicesBox .servicesInfo .learnMoreBtn { font-size: 18px; }

.ownedWomanSec .leftCol                     { width: 100%; }
.ownedWomanSec .leftCol .infoBox h2         { font-size: 30px; line-height: 40px; }
.ownedWomanSec .leftCol .infoBox p          { font-size: 16px; }
.ownedWomanSec .rightCol                    { width: 100%; padding: 30px; }
.ownedWomanSec .rightCol .lokesanName ul li:before { width: 20px; height: 20px; }
.ownedWomanSec .rightCol .lokesanName ul li { font-size: 16px; }

.testimonialsSec .testimonialsRow           { gap: 20px; }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo { margin-bottom: 20px; height: calc(100% - 20px); padding: 10px; }
.testimonialsSec .testimonialsRow .leftCol .title { margin: 0 0 20px 0; }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo p { margin-bottom: 10px; font-size: 14px; }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo h4 { font-size: 16px; }
.testimonialsSec .testimonialsRow .leftCol .text-center { margin-top: 0; }
.testimonialsSec .testimonialsRow .leftCol .text-center .reviewsBtn { font-size: 18px; line-height: 20px; padding: 10px 20px; }
.testimonialsSec .testimonialsRow .rightCol { margin: 60px 0 0 0; padding: 20px 15px; }
.testimonialsSec .testimonialsRow .rightCol .rightContent { align-items: flex-start; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info { width: 100%; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info h4 { font-size: 18px; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info h5 { font-size: 16px; margin: 0 0 15px 0; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info p { font-size: 14px; margin: 0 0 20px 0; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .rightIcons { width: 15%; }
.testimonialsSec .testimonialsRow .rightCol .requestBtn { font-size: 10px; border: 2px solid #86b025; padding: 4px 15px; }
.testimonialsSec .testimonialsRow           { align-items: flex-start; }

.faqSec .faqRow                             { gap: 0 30px; }
.faqSec .faqRow .leftCol, .faqSec .faqRow .rightCol { width: calc(50% - 15px); }
.faqSec .faqsBox .panel .panel-heading .panel-title { font-size: 16px; }
.faqSec .faqsBox .panel .panel-heading .panel-title a	{ padding: 15px 40px 15px 15px; }
.faqSec .faqsBox .panel .panel-collapse .panel-body p { font-size: 16px; }

.yourProjectSec .faqRow .leftCol .startIcon { width: 85px; height: 85px; }
.yourProjectSec .faqRow .leftCol .title p br { display: none; }
.yourProjectSec .faqRow .leftCol .title p   { font-size: 16px; }
.yourProjectSec .faqRow .rightCol .getFreeBtn { padding: 10px 12px; font-size: 16px; }

#footer .footerRow                          { gap: 20px; flex-wrap: wrap; }
#footer .footerRow .ftr-logo                { width: 100%; }
#footer .footerRow .ftr-logo .footer-logo   { max-width: 200px; }
#footer .footerRow .ftr-links               { width: 25%; }
#footer .footerRow .ftr-services,
#footer .footerRow .ftr-contact             { width: 34%; }
#footer .footerRow h3                       { font-size: 18px; margin: 0 0 10px 0; }
#footer .footerRow ul li                    { margin-bottom: 5px; }
#footer .footerRow .ftr-contact a.getFreeBtn { font-size: 14px; padding: 10px 10px; }
#footer .ftr-copyright .bottomBox           { flex-direction: column; gap: 10px; }
#footer .ftr-copyright .bottomBox ul        { justify-content: flex-start; }

#inner_banner								{ margin-top: 110px; }
#inner_banner .caption						{ width: 80%; }
#inner_banner h1							{ font-size: 40px; line-height: 50px; }
#inner_banner .breadcrumb li				{ font-size: 16px; }


.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0 0 15px 0; font-size: 35px; line-height: 45px; }
.inner_section h3							{ margin: 0 0 15px 0; font-size: 30px; line-height: 40px; }
.inner_section h4							{ margin: 0 0 15px 0; font-size: 25px; line-height: 30px; }
.inner_section h5							{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
.inner_section h6							{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.inner_section ul li 						{ width: 49.3%; font-size: 16px; }
.inner_section ul li:before 				{ width: 20px; height: 20px; }

.about_sec .cont-col						{ width: 90%; }
.about_sec h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
.about_sec p								{ font-size: 16px; }
.about_sec .image-col						{ width: 90%; }


.started_sec .cont-col						{ padding: 30px; }
.started_sec .cont-col h2					{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
.started_sec .cont-col p					{ font-size: 16px; }
.started_sec .cont-col ul li				{ font-size: 16px; }

.partnerships_sec .partnershipsRow .leftCol .cont-col	{ padding: 10px; }
.partnerships_sec .partnershipsRow .leftCol .cont-col h4	{ font-size: 20px; }
.partnerships_sec .partnershipsRow .leftCol .cont-col ul li { padding-left: 20px; font-size: 14px; line-height: 22px; }
.partnerships_sec .partnershipsRow .leftCol .cont-col ul li:before { top: 5px; width: 14px; height: 14px; }
.partnerships_sec .partnershipsRow .rightCol	{ margin: 60px 0 0 0; padding: 20px 15px; }
.partnerships_sec .partnershipsRow .rightCol .rightContent	{ align-items: flex-start; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info { width: 100%; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info h4 { font-size: 18px; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info h5 { font-size: 16px; margin: 0 0 10px 0; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info p { font-size: 14px; margin: 0 0 20px 0; }
.partnerships_sec .partnershipsRow .rightCol .requestBtn { padding: 4px 5px; font-size: 10px; }

.faq-page .faqSec .faqRow .leftCol			{ width: 100%; }


/*----------------- Contact Page -----------------*/
.contact_section							{ padding-top: 50px; padding-bottom: 50px; }
.contact_section h2							{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
.contact_section p							{ font-size: 16px; margin: 0 0 15px 0; }
.contact_form .form-control                 { height: 45px; font-size: 16px; padding: 10px 15px }
.contact_form .form-group:last-child		{ margin-bottom: 0; }
.contact_form .form-group .submit_btn       { padding: 10px 25px; font-size: 16px; line-height: 26px; }
.contact_detail                             { padding-left: 20px; }
.contact_detail ul li						{ padding: 0 0 0 35px; margin-bottom: 10px; font-size: 16px;  }

.map_sec iframe 							{ height: 400px; }

}



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

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

#header .top1								{ display: none; }
.page-header.top2 							{ top: 0px !important; height: 80px; }
.page-header .cb_logo						{ width: 120px; }
.page-header .top_right                     { width: calc(100% - 140px); }

#slider										{ margin-top: 80px; }
#slider .caption                            { max-width: 100%; justify-content: flex-start; }
#slider .caption .title 					{ font-size: 25px; line-height: 35px; }
#slider .caption p                          { margin: 0 0 15px 0; font-size: 16px; line-height: 24px; }
#slider .caption a 							{ padding: 8px 12px; font-size: 16px; line-height: 20px; }
#slider .bx-wrapper img 					{ width:auto; max-width: 380%; }
#slider .caption .bannerBtn                 { flex-direction: column; gap: 10px; }
#slider .caption .bannerBtn a               { padding: 10px 15px; font-size: 16px; line-height: 20px; }
#slider .rightInfoBox                       { position: static; gap: 15px; padding: 15px; }
#slider .rightInfoBox .lefticon             { width: 40px; }
#slider .rightInfoBox .info p               { font-size: 16px; line-height: 24px; }
#slider .bx-controls                        { display: none; }

.services_sec .servicesRow                  { gap: 10px; }
.services_sec .servicesRow .servicesCol     { width: calc(50% - 5px); border-bottom: solid 2px #ececed; }
.services_sec .servicesRow .servicesCol::before { display: none; }
.services_sec .servicesRow .servicesCol .icon { width: 50px; margin-bottom: 10px; }
.services_sec .servicesRow .servicesCol .info h3 { font-size: 16px; line-height: 24px; }

.generalServicesSec h3                      { font-size: 18px; line-height: 26px; margin: 0 0 15px 0; }
.generalServicesSec h2                      { font-size: 25px; line-height: 35px; margin: 0 0 15px 0; }
.generalServicesSec p.info                  { max-width: 100%; font-size: 16px; line-height: 24px; }
.generalServicesSec .generalServicesBox     { height: calc(100% - 30px); margin-bottom: 30px; }
.generalServicesSec .generalServicesBox .servicesImg .servicesIcon { bottom: -35px; width: 70px; height: 70px; }
.generalServicesSec .generalServicesBox .servicesImg .servicesIcon img { width: 40px; }
.generalServicesSec .generalServicesBox .servicesInfo h4 { font-size: 20px; line-height: 28px; }
.generalServicesSec .generalServicesBox .servicesInfo p { font-size: 16px; line-height: 24px; margin-bottom: 15px; }
.generalServicesSec .generalServicesBox .servicesInfo .learnMoreBtn { font-size: 18px; line-height: 24px; }

.ownedWomanSec .leftCol                     { width: 100%; flex-wrap: wrap; }
.ownedWomanSec .leftCol .leftImg            { width: 100%; }
.ownedWomanSec .leftCol .infoBox            { width: 100%; padding: 20px; }
.ownedWomanSec .leftCol .infoBox h2         { margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }
.ownedWomanSec .leftCol .infoBox p          { font-size: 16px; line-height: 26px; margin: 0 0 15px 0; }
.ownedWomanSec .rightCol                    { flex-wrap: wrap; width: 100%; padding: 20px; }
.ownedWomanSec .rightCol .lokesanName       { width: 100%; margin-bottom: 20px; }
.ownedWomanSec .rightCol .lokesanName h3    { font-size: 25px; line-height: 35px; margin: 0 0 20px 0; }
.ownedWomanSec .rightCol .lokesanName ul li { padding-left: 30px; font-size: 16px; }
.ownedWomanSec .rightCol .lokesanName ul li:before { top: 3px; width: 20px; height: 20px; }
.ownedWomanSec .rightCol .map               { width: 100%; }

.testimonialsSec .testimonialsRow           { flex-wrap: wrap; }
.testimonialsSec .testimonialsRow .leftCol  { width: 100%; }
.testimonialsSec .testimonialsRow .leftCol .title { gap: 10px; flex-direction: column; align-items: flex-start; margin: 0 0 20px 0; }
.testimonialsSec .testimonialsRow .leftCol .title h2 { font-size: 25px; line-height: 35px; }
.testimonialsSec .testimonialsRow .leftCol .title ul li img { width: 20px; }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo { margin-bottom: 30px; height: calc(100% - 30px); }
.testimonialsSec .testimonialsRow .leftCol .servicesInfo p { margin-bottom: 15px; }
.testimonialsSec .testimonialsRow .leftCol .text-center { margin-top: 0; }
.testimonialsSec .testimonialsRow .leftCol .text-center .reviewsBtn { font-size: 16px; padding: 10px 20px; }
.testimonialsSec .testimonialsRow .rightCol { width: 100%; padding: 25px; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info h4 { font-size: 18px; line-height: 26px; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info h5 { font-size: 16px; line-height: 26px; margin: 0 0 10px 0; }
.testimonialsSec .testimonialsRow .rightCol .rightContent .info p { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; }
.testimonialsSec .testimonialsRow .rightCol .requestBtn { padding: 10px 15px; }

.faqSec .title                              { flex-direction: column; gap: 10px; }
.faqSec .title h2                           { font-size: 25px; line-height: 35px; }
.faqSec .faqRow                             { flex-direction: column; gap: 5px; }
.faqSec .faqRow .leftCol,
.faqSec .faqRow .rightCol                   { width: 100%; }
.faqSec .faqsBox .panel .panel-heading .panel-title a	{ padding: 15px 40px 15px 15px; }
.faqSec .faqsBox .panel .panel-heading .panel-title { font-size: 16px; }
.faqSec .faqsBox .panel .panel-collapse .panel-body p { font-size: 16px; }

.yourProjectSec .faqRow                     { flex-direction: column; gap: 20px; }
.yourProjectSec .faqRow .leftCol            { width: 100%; flex-direction: column; align-items: center; }
.yourProjectSec .faqRow .leftCol .title     { width: 100%; padding: 0; }
.yourProjectSec .faqRow .leftCol .startIcon { width: 85px; height: 85px; margin-bottom: 20px; }
.yourProjectSec .faqRow .leftCol .title h2  { font-size: 25px; line-height: 35px; text-align: center; margin-bottom: 15px; }
.yourProjectSec .faqRow .leftCol .title p   { font-size: 16px; line-height: 26px; text-align: center; }
.yourProjectSec .faqRow .leftCol .title p br { display: none; }
.yourProjectSec .faqRow .rightCol           { width: 100%; text-align: center; }
.yourProjectSec .faqRow .rightCol .getFreeBtn { padding: 10px 15px; font-size: 16px; }

#footer .footerRow                          { flex-wrap: wrap; gap: 30px; margin-bottom: 30px; }
#footer .footerRow .ftr-logo,
#footer .footerRow .ftr-links,
#footer .footerRow .ftr-services, 
#footer .footerRow .ftr-serAreas, 
#footer .footerRow .ftr-contact             { width: 100%; }
#footer .footerRow .ftr-logo .footer-logo   { max-width: 180px; }
#footer .footerRow h3                       { font-size: 18px; line-height: 26px; margin: 0 0 10px 0; }
#footer .footerRow .ftr-contact a.getFreeBtn { font-size: 16px; line-height: 20px; padding: 10px 15px; }
#footer .ftr-copyright .topBox              { flex-direction: column; gap: 10px; margin-bottom: 15px; }
#footer .ftr-copyright .topBox ul           { gap: 20px; }
#footer .ftr-copyright .topBox ul li a::before { right: -15px; }
#footer .ftr-copyright .bottomBox           { flex-direction: column; gap: 10px; }
#footer .ftr-copyright .bottomBox ul        { justify-content: flex-start; gap: 30px; }
#footer .ftr-copyright .bottomBox ul li a::before { right: -18px; }

#inner_banner								{ margin-top: 80px; min-height: 250px; }
#inner_banner .caption						{ width: 100%; }
#inner_banner h1							{ font-size: 25px; line-height: 35px; }	
#inner_banner .breadcrumb li				{ font-size: 16px; line-height: 24px; }

.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }
.inner_section h3							{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.inner_section h4							{ margin: 0 0 15px 0; font-size: 20px; line-height: 28px; }
.inner_section h5							{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.inner_section h6							{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
.inner_section ul li 						{ width: 100%; padding-left: 30px; font-size: 16px; }
.inner_section ul li:before 				{ top: 3px; width: 20px; height: 20px; }

.about_sec .cont-col						{ width: 100%; }
.about_sec h6								{ margin: 0 0 15px 0; font-size: 18px; line-height: 26px; }
.about_sec h2								{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; text-align: center; }
.about_sec p								{ font-size: 16px; line-height: 24px; }
.about_sec .image-col						{ width: 100%; }

.started_sec								{ margin-top: 0; }	
.started_sec .image-col						{ position: static; height: 350px; }	
.started_sec .cont-col						{ padding: 20px 15px; }
.started_sec .cont-col h2					{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }
.started_sec .cont-col p					{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
.started_sec .cont-col ul li				{ padding-left: 25px; font-size: 16px; line-height: 26px; }
.started_sec .cont-col ul li:before			{ top: 5px; width: 16px; height: 16px; }

.partnerships_sec .partnershipsRow			{ flex-wrap: wrap; gap: 0; }
.partnerships_sec .partnershipsRow .leftCol	{ width: 100%; }
.partnerships_sec .partnershipsRow .leftCol .title	{ margin: 0 0 20px 0; }
.partnerships_sec .partnershipsRow .leftCol .title h2	{ font-size: 25px; line-height: 35px; }
.partnerships_sec .partnershipsRow .leftCol .cont-col { margin-bottom: 30px; height: calc(100% - 30px); }
.partnerships_sec .partnershipsRow .rightCol	{ width: 100%; padding: 25px; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info h4 { font-size: 18px; line-height: 26px; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info h5	{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; }
.partnerships_sec .partnershipsRow .rightCol .rightContent .info p { margin: 0 0 20px 0; font-size: 16px; line-height: 24px; }
.partnerships_sec .partnershipsRow .rightCol .requestBtn	{ padding: 10px 15px; }

.faq-page .faqSec .faqRow .leftCol			{ width: 100%; }

.roofGallery .grid                          { grid-template-columns: repeat(1, 1fr); }

/*----------------- Contact Page -----------------*/
.contact_section							{ padding-top: 30px; padding-bottom: 30px; }
.contact_section h2							{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }			
.contact_section p							{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
.contact_form								{ padding: 0 0 30px 0; }
.contact_form .form-control                 { height: 45px; font-size: 16px; padding: 10px 15px }
.contact_form .form-group .submit_btn       { padding: 10px 25px; font-size: 16px; line-height: 26px; }

.contact_detail                             { padding-left: 0; }
.contact_detail h3							{ font-size: 25px; line-height: 35px; margin: 0 0 20px 0; }
.contact_detail ul li						{ padding: 0 0 0 35px; font-size: 16px; margin-bottom: 10px; }
.contact_detail ul li::before				{ width: inherit; height: inherit; top: inherit; }

.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) {

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

}