@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; padding: 0 15px; }


}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

.banner-section .item .caption h1			{ font-size: 45px; line-height: 50px; }

.welcomeSec h2 								{ padding-left: 70px; }
.welcomeSec h2:after 						{ width: 60px; }

.serviceSec h2 								{ padding-right: 90px; }
.serviceSec h2:after 						{ width: 60px; }
.services-slider .owl-dots					{ display:none; }

.testimonialSlider .elementor-swiper-button-prev	{ left: -380px!important; }
.testimonialSlider .elementor-swiper-button-next	{ left: -330px!important; }
.testimonialSlider .swiper-pagination-bullets 		{ display: none; }

.getTouchSec 								{ position: relative!important; right: 0; left: 0; top: 0; width: 90%!important; transform: translateY(-30%); margin: auto; }
.getTouchHd h2 								{ padding-right: 40px; }
.getTouchHd h2:after 						{ width: 30px; }

.contactpage-form 							{ width: 100%!important; }
.adrBox .elementor-icon-box-description	br	{ display:none; }

}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

.welcomeSec h2 								{ padding-left: 70px; }
.welcomeSec h2:after 						{ width: 60px; }

.serviceSec h2 								{ padding-right: 90px; }
.serviceSec h2:after 						{ width: 60px; }
.services-slider .owl-dots					{ display:none; }

.testimonialSlider .elementor-swiper-button-prev	{ left: -345px!important; }
.testimonialSlider .elementor-swiper-button-next	{ left: -300px!important; }
.testimonialSlider .swiper-pagination-bullets 		{ display: none; }

.getTouchSec 								{ position: relative!important; right: 0; left: 0; top: 0; width: 90%!important; transform: translateY(-30%); margin: auto; }
.getTouchHd h2 								{ padding-right: 40px; }
.getTouchHd h2:after 						{ width: 30px; }

.contact-form .form-group 					{ margin-bottom: 15px; }
.contact-form .form-group .form-control 	{ height: 44px; }

.contactpage-form 							{ width: 100%!important; }
.adrBox .elementor-icon-box-description	br	{ display:none; }

}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px;}

.welcomeSec h2 								{ padding-left: 70px; }
.welcomeSec h2:after 						{ width: 60px; }

.serviceSec h2 								{ padding-right: 90px; }
.serviceSec h2:after 						{ width: 60px; }
.services-slider .owl-dots					{ display:none; }

.testimonialSlider .elementor-swiper-button-prev	{ display:none; }
.testimonialSlider .elementor-swiper-button-next	{ display:none; }
.testimonialSlider .swiper-pagination-bullets 		{ display: inline-block; }

.getTouchSec 								{ position: relative!important; right: 0; left: 0; top: 0; width: 90%!important; transform: translateY(-10%); margin: auto; }
.getTouchHd h2 								{ padding-right: 40px; }
.getTouchHd h2:after 						{ width: 30px; }

.contactpage-form 							{ width: 100%!important; }
.contactpage-form .form-group 				{ width: 98%; margin: 10px 0% 30px 0%; }
.contactpage-form .wth-100 					{ width: 98%; margin: 20px 0% 0px 0%; }
.contactpage-form .form-group .submitBtn 	{ width: 50%; }
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }


}