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

.container                                  { max-width: 1250px; }

}



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

.container                                  { max-width: 1250px; }

}



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

.container									{ max-width: 960px; }

#header .page-header .topHeader             { padding: 5px 0 5px; }
.cb-header									{ height: 168px; }
.page-header .logo                          { width: 300px; }
.page-header .cb_logo						{ width: 300px; }
.page-header .top_right .top_row .phoneText { display: none; }
.page-header .top_right .bottom_row         { gap: 15px; }
.page-header .top_right .bottom_row p       { font-size: 16px; line-height: 24px; }
.page-header .top_right .rightBtn a.serviceBtn { font-size: 14px; line-height: 14px; }
.menu_box ul.menu li                        { margin-right: 1px; }
.menu_box ul.menu li a                      { padding: 7px 5px; font-size: 14px; line-height: 22px; }
.menu_box ul.menu li ul.sub-menu li a       { padding: 7px 5px; font-size: 14px; }

#slider                                     { margin-top: 173px; }
#slider .container 							{ max-width: 840px; top: 10%; }
#slider .caption 							{ max-width: 500px; margin: 0 auto; padding: 25px; }
#slider .caption .title 					{ font-size: 25px; line-height: 30px; }
#slider .caption a 							{ padding: 12px 20px; font-size: 16px; line-height: 20px; }

.about_sec .aboutInfo                       { padding: 40px 20px; row-gap: 30px; column-gap: 30px; }
.about_sec .aboutInfo .content              { max-width: 52%; }
.about_sec .aboutInfo .content h1           { margin: 0 0 15px 0; font-size: 27px; line-height: 32px; }
.about_sec .aboutInfo .content h2 			{ margin: 0 0 15px 0; font-size: 40px; line-height: 45px; }
.about_sec .aboutInfo .content p            { margin-bottom: 20px; }
.about_sec .aboutInfo .rightForm            { max-width: 40%; }
.about_sec .aboutInfo .rightForm::before    { left: 170px; font-size: 100px; line-height: 100px; letter-spacing: 0.05em; }
.about_sec .aboutInfo .rightForm h3         { position: relative; font-size: 20px; z-index: 1; }

.mainServices .servicesBox h2               { font-size: 40px; line-height: 45px; }

.ourServices_sec h2                         { margin: 0 0 15px 0; font-size: 40px; line-height: 45px; }
.ourServices_sec p.info                     { margin: 0 auto 40px; }

.ourPartners_sec h2                         { margin: 0 0 30px 0; font-size: 40px; line-height: 45px; }
.ourPartners_sec .partners_slider .our-partners li { height: auto; }

.map_sec iframe                             { height: 400px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone                      { max-width: 50%; margin: 0 30px 20px 0; }
.alignright                                 { max-width: 50%; margin: 0 0 20px 30px; }

#inner_banner                               { min-height: 320px; margin-top: 173px; }
#inner_banner h1                            { font-size: 40px; line-height: 45px; }
#inner_banner .breadcrumb li 				{ font-size: 16px; }

.inner_section                              { padding-top: 50px; padding-bottom: 50px; }
.inner_section h2                           { font-size: 40px; line-height: 45px; }

/*----------------- Projects Page -----------------*/
.gallrey_box a.cboxElement                  { height: 145px; }

/*----------------- Service Areas Inner Pages -----------------*/
.areasCtaSection .ctaBox .item              { width: 50%; }
.areasCtaSection .ctaBox .item h4           { font-size: 30px; line-height: 35px; }

/*----------------- Financing Page -----------------*/
.financing_section p                        { font-size: 22px; }


}



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

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

#header .top1								{ display: none; }
.page-header.top2							{ top: 0px !important; height: 100px; }
.page-header .top_right						{ padding: 10px 0; }
.dl-menuwrapper                             { margin: 20px 0; }

#slider										{ margin-top: 100px; }
#slider .container 							{ max-width: 600px; top: auto; bottom: 20px; }
#slider .caption 							{ max-width: 500px; margin: 0 auto; padding: 20px; }
#slider .caption .title 					{ font-size: 20px; line-height: 25px; }
#slider .caption p 							{ font-size: 16px; line-height: 20px; }
#slider .caption a 							{ padding: 12px 20px; font-size: 16px; line-height: 20px; }

.about_sec .aboutInfo                       { padding: 30px 20px; row-gap: 30px; column-gap: 20px; margin-top: 30px; }
.about_sec .aboutInfo .content              { max-width: 50%; }
.about_sec .aboutInfo .content h1           { margin: 0 0 15px 0; font-size: 27px; line-height: 32px; }
.about_sec .aboutInfo .content h1 br        { display: none; }
.about_sec .aboutInfo .content h2           { margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
.about_sec .aboutInfo .content p            { font-size: 16px; line-height: 26px; }
.about_sec .aboutInfo .content ul li        { padding-left: 25px; font-size: 16px; line-height: 26px; }
.about_sec .aboutInfo .content ul li::before { width: 16px; height: 16px; top: 5px; }
.about_sec .aboutInfo .rightForm            { max-width: 40%; }
.about_sec .aboutInfo .rightForm::before    { right: -220px; font-size: 95px; line-height: 75px; }
.about_sec .aboutInfo .rightForm h3         { font-size: 18px; line-height: 24px; }
.about_sec .aboutInfo .rightForm form .form-group .submit_btn { padding: 10px 20px; font-size: 16px; line-height: 26px; }

.mainServices .servicesBox h2               { font-size: 30px; line-height: 35px; }
.mainServices .servicesBox .image h4        { padding: 25px 20px; font-size: 22px; line-height: 27px; }
.mainServices .servicesBox .content p       { font-size: 16px; line-height: 26px; }
.mainServices .servicesBox .content ul li   { width: 100%; padding-left: 25px; font-size: 16px; line-height: 26px; }
.mainServices .servicesBox .content ul li::before { width: 16px; height: 16px; top: 5px; }
.mainServices .servicesBox .content .button { padding: 10px 12px; font-size: 16px; line-height: 26px; }

.ourServices_sec h2                         { margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.ourServices_sec .moreServicesBox .servicesInfo h4 { margin: 0 0 10px 0; font-size: 22px; line-height: 27px; }
.ourServices_sec .moreServicesBox .servicesInfo p { margin-bottom: 10px; }
.ourServices_sec .moreServicesBox .servicesInfo .readMoreBtn { font-size: 16px; line-height: 30px; }

.ourPartners_sec h2                         { margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
.ourPartners_sec .partners_slider .our-partners li { height: auto; }

.ctaSection .ctaBox .item                   { padding: 15px; }
.ctaSection .ctaBox .item .button           { padding: 10px 15px; font-size: 16px; line-height: 20px; }

.map_sec iframe                             { height: 350px; }

#footer p.address, #footer a.phone, #footer a.email { font-size: 16px; line-height: 26px; padding-left: 35px; }
#footer .contactInfo                        { margin-bottom: 30px; }
#footer .paymentCard                        { margin-bottom: 30px; }
#footer .copyright p                        { font-size: 16px; line-height: 26px; }
#footer .copyright .footerMenu li a         { font-size: 16px; line-height: 26px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone                      { max-width: 50%; margin: 0 20px 20px 0; }
.alignright                                 { max-width: 50%; margin: 0 0 20px 20px; }

#inner_banner                               { min-height: 270px; margin-top: 100px; }
#inner_banner h1                            { font-size: 30px; line-height: 35px; }
#inner_banner .breadcrumb li 				{ font-size: 16px; }

.inner_section                              { padding-top: 50px; padding-bottom: 50px; }
.inner_section h2                           { font-size: 30px; line-height: 35px; }
.inner_section h3                           { font-size: 25px; line-height: 30px; }
.inner_section h4                           { font-size: 20px; line-height: 25px; }
.inner_section h5                           { font-size: 18px; line-height: 23px; }
.inner_section p                            { font-size: 16px; line-height: 26px; }
.inner_section ul li                        { padding-left: 25px; font-size: 16px; line-height: 26px; }
.inner_section ul li::before                { width: 16px; height: 16px; top: 5px; }

/*----------------- Projects Page -----------------*/
.gallrey_box a.cboxElement                  { height: 145px; }

/*----------------- Contact Page -----------------*/
.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: 20px; }

/*----------------- Service Areas Page -----------------*/
ul.column-list                              { margin: 20px 0; gap: 20px; }
ul.column-list li                           { width: calc(100% - 0px); }
ul.column-list li::before                   { top: 3px; }

/*----------------- Service Areas Inner Pages -----------------*/
.areasCtaSection .ctaBox .item              { width: 60%; }
.areasCtaSection .ctaBox .item h4           { font-size: 25px; line-height: 30px; }
.areasCtaSection .ctaBox .item .button      { padding: 10px 15px; font-size: 16px; line-height: 20px; }

/*----------------- FAQs Page -----------------*/
.faqsBox .panel .panel-heading .panel-title { font-size: 18px; line-height: 22px; }

/*----------------- Financing Page -----------------*/
.financing_section .alignleft               { padding: 20px; }    
.inner_section p                            { font-size: 18px; }
.financing_section .clickHere               { padding: 15px 20px; font-size: 16px; line-height: 20px; }




}



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

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

#header .top1								{ display: none; }
.page-header.top2 							{ top: 0px !important; height: 80px; }
.page-header .cb_logo						{ width: 224px; }
.page-header .top_cont						{ display: none; }					
/* .page-header .top_right						{ width: 20%; } */
.page-header .top_right .top_menu2			{ display: inline-block; }
.page-header .top_right + .top_right        { position: relative; display: none; width: 100%; padding: 8px 0 8px 0; text-align: center; z-index: -1; }
.page-header .top_right .top_row            { float: none; display: inline-block; width: auto; margin-bottom: 10px; }
.page-header .top_right .top_row ul li a    { margin-right: 10px; margin-left: 10px; 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; }
.dl-menuwrapper                             { margin: 20px 0; }
.menu_box									{ display: none; }

#slider										{ margin-top: 80px; }
#slider .container 							{ max-width: 100%; top: auto; bottom: 20px; }
#slider .caption 							{ max-width: 370px; margin: 0 auto; padding: 10px; }
#slider .caption .title 					{ font-size: 18px; line-height: 23px; }
#slider .caption p 							{ display: none; font-size: 16px; line-height: 20px; }
#slider .caption a 							{ padding: 8px 12px; font-size: 16px; line-height: 20px; }
#slider .bx-wrapper img 					{ width:auto; max-width: 200%; transform: translate(-250px, 0px); }
#slider .bx-controls 						{ display: none; }
#slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -10px; }
#slider .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; background-size: cover; }
#slider .bx-wrapper .bx-prev                { left: 15px; }
#slider .bx-wrapper .bx-next                { right: 15px; }

.about_sec .aboutInfo                       { flex-direction: column; padding: 30px 15px; row-gap: 30px; column-gap: 20px; margin-top: 30px; }
.about_sec .aboutInfo .content h1           { font-size: 24px; line-height: 30px; }
.about_sec .aboutInfo .content h1 br        { display: none; }
.about_sec .aboutInfo .content h2           { margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.about_sec .aboutInfo .content p            { font-size: 16px; line-height: 26px; }
.about_sec .aboutInfo .content ul li        { padding-left: 25px; font-size: 16px; line-height: 26px; }
.about_sec .aboutInfo .content ul li::before { width: 16px; height: 16px; top: 5px; }
.about_sec .aboutInfo .rightForm            { max-width: 100%; margin-top: 50px; }
.about_sec .aboutInfo .rightForm::before    { top: -52px; left: 50%; font-size: 60px; line-height: 60px; transform: translateX(-50%); }
.about_sec .aboutInfo .rightForm h3         { position: relative; font-size: 18px; line-height: 26px; z-index: 1; }
.about_sec .aboutInfo .rightForm form .form-group .form-control { font-size: 14px; }
.about_sec .aboutInfo .rightForm form .form-group .submit_btn { font-size: 16px; line-height: 24px; }

.mainServices .servicesBox                  { row-gap: 20px; }
.mainServices .servicesBox h2               { font-size: 30px; line-height: 35px; }
.mainServices .servicesBox .image           { width: 100%; }
.mainServices .servicesBox .image h4        { padding: 25px 20px; font-size: 22px; line-height: 27px; }
.mainServices .servicesBox .content         { width: 100%; }
.mainServices .servicesBox .content p       { font-size: 16px; line-height: 26px; }
.mainServices .servicesBox .content ul li   { width: 100%; padding-left: 25px; font-size: 16px; line-height: 26px; }
.mainServices .servicesBox .content ul li::before { width: 16px; height: 16px; top: 5px; }

.ourServices_sec h2                         { margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.ourServices_sec p.info                     { margin: 0 auto 20px; font-size: 16px; line-height: 26px; }
.ourServices_sec .row                       { margin-bottom: 0; }
.ourServices_sec .moreServicesBox           { margin-bottom: 30px; }
.ourServices_sec .moreServicesBox .servicesInfo h4 { margin: 0 0 10px 0; font-size: 22px; line-height: 27px; }
.ourServices_sec .moreServicesBox .servicesInfo p { margin-bottom: 10px; }
.ourServices_sec .moreServicesBox .servicesInfo .readMoreBtn { font-size: 16px; line-height: 30px; }

.ourPartners_sec                            { padding-top: 10px; padding-bottom: 30px; }
.ourPartners_sec h2                         { margin: 0 0 15px 0; font-size: 30px; line-height: 35px; }
.ourPartners_sec .bx-controls .bx-pager     { position: static; }
.ourPartners_sec .bx-wrapper .bx-pager.bx-default-pager a { background: #cccccc; }
.ourPartners_sec .bx-wrapper .bx-pager.bx-default-pager a.active { background: #111111; }
.ourPartners_sec .partners_slider .our-partners li { padding: 10px 10px; height: auto; }

.ctaSection .ctaBox .item                   { width: 100%; }
.ctaSection .ctaBox .item h4                { font-size: 18px; }
.ctaSection .ctaBox .item .button           { padding: 10px 15px; font-size: 16px; line-height: 20px; }

.map_sec iframe                             { height: 270px; }

#footer                                     { padding-top: 30px; padding-bottom: 30px; }
#footer .contactInfo                        { flex-direction: column; align-items: center; gap: 15px; margin-bottom: 30px; }
#footer p.address, #footer a.phone, #footer a.email { font-size: 16px; line-height: 26px; }
#footer .ftr_social                         { margin-bottom: 30px; }
#footer .ftr_social ul                      { justify-content: center; }
#footer .ftr_social ul li a img             { width: 40px; }
#footer .paymentCard                        { margin-bottom: 30px; }
#footer .copyright p                        { font-size: 16px; line-height: 26px; }
#footer .copyright .footerMenu li a         { font-size: 16px; line-height: 26px; }
#footer p.address::before, 
#footer a.phone::before, 
#footer a.email::before                     { top: 0; }

/*----------------- Inner Pages -----------------*/
#inner_banner                               { min-height: 270px; margin-top: 80px; }
#inner_banner h1                            { font-size: 30px; line-height: 35px; }
#inner_banner .breadcrumb li 				{ font-size: 16px; }

.inner_section                              { padding-top: 40px; padding-bottom: 40px; }
.inner_section h2                           { font-size: 30px; line-height: 35px; }
.inner_section h3                           { font-size: 25px; line-height: 30px; }
.inner_section h4                           { font-size: 20px; line-height: 25px; }
.inner_section h5                           { font-size: 18px; line-height: 23px; }
.inner_section p                            { font-size: 16px; line-height: 26px; }
.inner_section ul li                        { padding-left: 25px; font-size: 16px; line-height: 26px; }
.inner_section ul li::before                { width: 16px; height: 16px; top: 5px; }

/*----------------- Projects Page -----------------*/
.gallrey_box a.cboxElement                  { height: 200px; }

/*----------------- Contact Page -----------------*/
.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; }

/*----------------- Service Areas Page -----------------*/
ul.service-areas 							{ column-count: 2; column-gap: 15px; }
ul.column-list                              { margin: 20px 0; gap: 20px; }
ul.column-list li                           { width: calc(100% - 0px); }
ul.column-list li::before                   { top: 3px; }

/*----------------- Service Areas Inner Pages -----------------*/
.areasCtaSection .ctaBox .item              { width: 90%; }
.areasCtaSection .ctaBox .item h4           { font-size: 25px; line-height: 30px; }
.areasCtaSection .ctaBox .item .button      { padding: 10px 15px; font-size: 16px; line-height: 20px; }

/*----------------- FAQs Page -----------------*/
.faqsBox .panel .panel-heading .panel-title { font-size: 18px; line-height: 22px; }

/*----------------- Financing Page -----------------*/
.financing_section .alignleft               { padding: 15px; }
.financing_section .clickHere               { padding: 12px 16px; font-size: 16px; line-height: 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: 100%; padding: 0 15px; }

}