@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #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: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1250px; }

.privacySec h2 								{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }

}



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

.container									{ max-width: 960px; }

.scrollSec 									{ display:none!important; }

#serviceSec .serviceSlider .swiper 							{ height: 270px; }
#serviceSec .serviceSlider .elementor-swiper-button 		{ top: -65px !important; }
#serviceSec .serviceSlider .elementor-swiper-button-prev 	{ left: 89% !important; }

#serviceSec .serviceImgBox .elementor-cta__content 			{ min-height: 305px; }
#serviceSec .commercialSec #commercialRt 					{ width: 305px; float: right; }
#serviceSec .commercialSec #commercialLt 					{ width: 305px; float: left; }

/*------------- Service page -------------*/
#serviceSec #serviceOffer.serviceSlider .swiper 					{ height: 270px; }

.privacySec h2 								{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }

}



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

.container									{ max-width: 738px; }

.scrollSec 									{ display:none!important; }

.mainMenu ul.elementor-nav-menu .menu-item 					{ padding-left: 14px; margin-left: 20px; }
.mainMenu ul.elementor-nav-menu .current-menu-item:before 	{ left: 0; top: 22px; }
.mainMenu ul.elementor-nav-menu .menu-item:hover:before 	{ left: 0px; top: 22px; }

#serviceSec .serviceSlider .elementor-swiper-button 		{ top: -65px !important; }
#serviceSec .serviceSlider .elementor-swiper-button-prev 	{ left: 86% !important; }

#serviceSec .serviceImgBox .elementor-cta__content 			{ padding: 20px; }
#serviceSec .serviceImgBox .elementor-cta__content h2 		{ font-size: 20px; line-height: 30px; }

#serviceSec .commercialSec #commercialRt 					{ width: 225px; float: right; }
#serviceSec .commercialSec #commercialLt 					{ width: 225px; float: left; }

#reviewSec:after 												{ font-size: 180px; line-height: 180px; }
#reviewSec .reviewSlider .swiper-slide .elementor-testimonial 	{ width: 80%; }

.footerMenu ul.elementor-nav-menu {
    grid-gap: 18px;
}

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

/*------------- Service page -------------*/
#serviceSec #serviceOffer.serviceSlider .elementor-swiper-button 	{ display:inline-block; }


.privacySec h2 								{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
}



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

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

.scrollSec 									{ display:none!important; }

.mainMenu ul.elementor-nav-menu 							{ padding: 25px 25px; }
.mainMenu ul.elementor-nav-menu .menu-item 					{ padding: 0; margin-left: 0; margin-bottom: 5px; }
.mainMenu ul.elementor-nav-menu .menu-item a				{ padding: 10px 28px; color: #984ae8!important; justify-content: space-between; }
.mainMenu ul.elementor-nav-menu .current-menu-item a		{ background-color: #984ae8!important; color: #fff!important; }
.mainMenu ul.elementor-nav-menu .current-menu-item:hover a,
.mainMenu ul.elementor-nav-menu .menu-item:hover a			{ background-color: #984ae8!important; color: #fff!important; }
.mainMenu ul.elementor-nav-menu .current-menu-item:before,
.mainMenu ul.elementor-nav-menu .menu-item:hover:before 	{ left: 10px; top: 22px; width: 5px; height: 5px; z-index: 1; background-color: #ffffff; }
.mainMenu ul.elementor-nav-menu .menu-item:last-child .elementor-item { width: 100%; color: #fff !important; }

.mainMenu ul.elementor-nav-menu li ul.sub-menu 				 { width: 100%; position: relative; }

.contactForm .form-group .send-btn 							{ font-size: 18px; padding: 10px 0px 12px 0px; }

#serviceSec .serviceSlider .elementor-swiper-button 		{ padding: 5px; top: -50px !important; }
#serviceSec .serviceSlider .elementor-swiper-button-prev 	{ left: 79% !important; }
#serviceSec .serviceSlider .elementor-swiper-button-next 	{ right: 0 !important; }

#serviceSec .serviceImgBox .elementor-cta__content 			{ padding: 20px; }
#serviceSec .serviceImgBox .elementor-cta__content h2 		{ font-size: 20px; line-height: 30px; }
#serviceSec .commercialSec 									{ display: flex; justify-content: center; flex-direction: column; }

#reviewSec:after 												{ font-size: 80px; line-height: 80px; }
#reviewSec .reviewSlider .swiper-slide .elementor-testimonial 	{ width: 100%; }
#reviewSec .reviewSlider .elementor-swiper-button 				{ width: 45px; height: 45px; top: 93%; }
#reviewSec .reviewSlider .elementor-swiper-button-prev:before 	{ width: 45px; height: 45px; background-size: 100%; }
#reviewSec .reviewSlider .elementor-swiper-button-next:before	{ width: 45px; height: 45px; background-size: 100%; }

.footerMenu ul.elementor-nav-menu 							{ grid-gap: 20px; margin: 0; }
.footerMenu ul.elementor-nav-menu .menu-item 				{ padding-left: 20px; }
.footerMenu ul.elementor-nav-menu .current-menu-item 		{ padding-left: 20px; }
.footerMenu ul.elementor-nav-menu .current-menu-item:before { top: 10px; }
.footerMenu ul.elementor-nav-menu .menu-item:hover:before 	{ top: 10px; }

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

/*------------- Service page -------------*/
#serviceSec #serviceOffer.serviceSlider .elementor-swiper-button 	{ display:inline-block; }

.privacySec h2 								{ font-size: 30px; line-height: 40px; margin-bottom: 20px; }

}



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

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

#footerSec .e-con>.elementor-widget 		{ display: flex; max-width: 100%; width: 100%; text-align: center; justify-content: center; }

}