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



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

.container                                  { max-width: 1280px; }

/*----------------- Inner Pages -----------------*/


}



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

.container                                  { max-width: 1280px; }

/*----------------- Inner Pages -----------------*/


}



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

.container                                  { max-width: 1250px; }

/*----------------- Inner Pages -----------------*/


}



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


:root 														{ --container-width: 960px; }
.container													{ max-width: 960px; }
#header														{ padding-top: 25px; padding-bottom: 25px;}
#header .nav-bar .logo										{ width: 230px;}
#header .nav-bar .right										{ width: calc(100% - 230px);}
#header .nav-bar .right .nav-links ul li					{ margin: 0 20px;}
#header .nav-bar .right .nav-links ul li a					{ font-size: 15px; line-height: 25px;}
#header.stiky												{ padding-top: 15px; padding-bottom: 15px;}
#header.stiky .nav-bar .logo								{ width: 200px;}
#header.stiky .nav-bar .right								{ width: calc(100% - 200px);}
#header.stiky .nav-bar .right .nav-links ul li				{ margin: 0 17px;}
#header.stiky .nav-bar .right .nav-links ul li a			{ font-size: 13px; line-height: 23px;}
#header.stiky .nav-bar .right .nav-links ul li:last-child 	{ padding: 5px 16px;}
#homeBanner													{ height: auto;}
#homeBanner .banner 										{ height: 425px;}
#homeBanner .banner .caption h1								{ margin: 0 0 10px 0; font-size: 35px; line-height: 45px;}
#homeBanner .banner .caption p								{ margin: 0 0 30px 0; font-size: 14px; line-height: 24px;}
#homeBanner .banner .caption .getStarted					{ padding: 13px 32px; font-size: 15px; line-height: 25px;}
#homeBanner .slider .header-slider.owl-theme .owl-dots		{ padding-right: calc(15px + var(--container-padding));}
.about														{ padding-top: 50px; padding-bottom: 50px;}
.about .about-content										{ padding: 0 20px;}
.about .about-content h3									{ margin-bottom: 5px; font-size: 17px; line-height: 27px;}
.about .about-content h2									{ font-size: 35px; line-height: 45px;}
.about .about-content p										{ margin-top: 15px; margin-bottom: 15px; font-size: 16px; line-height: 26px;}
.services													{ padding-top: 70px; padding-bottom: 100px;}
.services .services-content									{ margin-bottom: 20px;}
.services .services-content h5::before						{ width: 30px; top: 10px;}
.services .services-content h3								{ margin-bottom: 20px; font-size: 35px; line-height: 45px;}
.services .card												{ padding: 15px 15px; border-radius: 10px;}
.services .card .card-icon									{ margin-bottom: 15px;}
.services .card .card-icon .icon							{ width: 140px; height: 140px; padding: 35px 35px;}
.services .card .card-icon .icon img						{ width: 70px; height: 70px; }
.services .card .card-content h3							{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px;}
.services .card .card-content p								{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; min-height: 135px;}
.services .card .card-content .more							{ font-size: 16px; line-height: 26px;}
.services .card .card-content .more i						{ font-size: 16px; line-height: 26px;}
/* .services .services-item.owl-carousel .owl-stage-outer		{ padding-bottom: 50px;} */

.services .services-item.owl-theme .owl-dots,
.owl-theme .owl-nav 										{ position: absolute; width: 100%; margin-top: 25px;}

.services .services-item.owl-theme .owl-dots .owl-dot span	{ background: #fff; width: 15px; height: 15px;}

.services .services-item.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span					{ background: #00b8de;}

.business													{ padding-top: 50px; padding-bottom: 50px;}
.business .business-img img									{ max-width: 81%;}
.business .business-img::after								{ bottom: -10px; background-size: 100%; height: 330px;}
.business .business-content									{ padding: 0;}
.business .business-content h3								{ margin: 0 0 10px 0; font-size: 35px; line-height: 45px;}
.business .business-content p								{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px;}
.testimonials												{ padding-top: 50px; padding-bottom: 50px;}
.testimonials .testimonials-info							{ margin: 0 0 25px 0;}
.testimonials .testimonials-info h3							{ margin-bottom: 20px; font-size: 35px; line-height: 45px;}
.testimonials-slider.owl-carousel .owl-stage-outer			{ margin-bottom: 30px;}

.testimonials-slider.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span 					{ background: #00b8de;}
.testimonials-slider.owl-theme .owl-dots .owl-dot span		{ background: #002e6e; width: 15px; height: 15px;}

.testimonials-slider .item .item-content h3					{ padding: 0 0 10px 0;}
.testimonials-slider .item .item-content p					{ font-size: 18px; line-height: 27px; min-height: 125px;}
#footer .footer-section										{ padding-top: 40px; padding-bottom: 40px;}
#footer .footer-section .ftr-menu h5						{ font-size: 19px; line-height: 29px;}
#footer .footer-section .ftr-menu ul						{ margin-top: 10px;}
#footer .footer-section .ftr-menu ul li						{margin: 0 0 0 0;}
#footer .footer-section .contact-info h5					{ font-size: 19px; line-height: 29px;}
#footer .footer-section .contact-info ul					{ margin-top: 10px;}
#footer .footer-section .contact-info ul li					{margin: 0 0 0 0;}

/*----------------- Inner Pages -----------------*/
#inner_banner .caption h1									{ margin: 0;}
.inner_section												{ padding-top: 50px; padding-bottom: 50px;}
.whatWeDo													{ padding-top: 0; padding-bottom: 50px;}
.inner_section h2											{ font-size: 38px; line-height: 48px;}
.inner_section p											{ font-size: 16px; line-height: 26px;}
.inner_section .right-img									{ width: 85%; float: right;}
.inner_section .right-img:before							{ left: -50px;}
.whatWeDo .whatWeDo-content h2								{ font-size: 38px; line-height: 48px;}
.whatWeDo .whatWeDo-content p								{ font-size: 16px; line-height: 26px;}
.weAreBest .blue-box h2										{ font-size: 38px; line-height: 48px;}
.weAreBest .blue-box p										{ font-size: 16px; line-height: 26px;}
.projection													{ padding-top: 50px; padding-bottom: 50px;}
.projection h2												{ font-size: 38px; line-height: 48px;}
.projection .project-content								{ padding: 0 0 0 0;}
.projection .project-content h5								{ font-size: 16px; line-height: 26px;}


/* Contact Page */
.contact-page .contact-detail h2 br							{ display: none;}
.contact-page .contact-detail p								{ font-size: 16px; line-height: 26px;}


/* services Page  */
.services-sec .card												{ padding: 15px 15px; border-radius: 10px;}
.services-sec .card .card-icon									{ margin-bottom: 15px;}
.services-sec .card .card-icon .icon							{ width: 140px; height: 140px; padding: 35px 35px;}
.services-sec .card .card-icon .icon img						{ width: 70px; height: 70px; }
.services-sec .card .card-content h3							{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px;}
.services-sec .card .card-content p								{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; min-height: 135px;}
.services-sec .card .card-content .more							{ font-size: 16px; line-height: 26px;}
.services-sec .card .card-content .more i						{ font-size: 16px; line-height: 26px;}

/* Software Delopment */

.iconsec .item .item-content				{ padding: 0;}
.iconsec .item .item-content h5				{ min-height: 53px;}
.iconsec .item .item-content p				{ font-size: 16px; line-height: 26px;}
.sec2 h3									{ font-size: 27px; line-height: 37px;}
img.alignright								{ margin: 0 0 20px 10px;}
.vc-img										{ margin: 0;}
.vc-img img									{ width: 100%;}
.vc-img::before								{ left: -20px;}

}



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

:root 										{ --container-width: 738px; }
.container									{ max-width: 738px; }
#header										{ padding-top: 25px; padding-bottom: 25px;}
#header .nav-bar .logo						{ width: 250px;}
#header .nav-bar .right						{width: auto}
#header .nav-bar .right .nav-links			{ display: none;}
.mobile-menu								{ display: inline-block; z-index: 2; position: absolute; right: 15px;}
.mobile-menu .dl-menuwrapper				{ margin-top: 0;}	
#header.stiky								{ padding-top: 25px; padding-bottom: 25px;}
#header.stiky .nav-bar .logo				{ width: 250px;}
#homeBanner									{ height: auto;}
#homeBanner .banner							{ height: 318px;}
#homeBanner .banner .caption				{ padding-right: 0px;}
#homeBanner .banner .caption h1				{ font-size: 22px; line-height: 32px; margin: 0 0 10px 0;}
#homeBanner .banner .caption p				{ margin: 0 0 15px 0; font-size: 14px; line-height: 24px;}
#homeBanner .banner .caption .getStarted	{ padding: 7px 17px; font-size: 14px; line-height: 24px; border-radius: 5px;}
#homeBanner .slider .header-slider.owl-theme .owl-dots	{ bottom: 20px;}
.about										{ padding-top: 30px; padding-bottom: 30px;}
.about .about-content						{ padding: 0;}
.about .about-content h3					{ margin-bottom: 5px;}
.about .about-content h2					{ font-size: 28px; line-height: 38px; }
.about .about-content p						{ margin-top: 15px; margin-bottom: 15px; padding: 0; font-size: 15px; line-height: 25px;}
.about .about-content .read-more			{ padding: 6px 24px; font-size: 14px; line-height: 24px; border-radius: 5px;}
.services									{ padding-top: 50px; padding-bottom: 60px;}
.services .services-item.owl-carousel .owl-stage-outer	{ padding-bottom: 40px;}
.services .services-content					{ margin-bottom: 30px;}
.services .services-content h5				{ font-size: 16px; line-height: 26px;}
.services .services-content h3				{ font-size: 28px; line-height: 38px; margin-bottom: 0;}
.services .card								{ padding: 20px 25px;}
.services .card .card-icon					{ margin-bottom: 20px;}
.services .card .card-icon .icon			{ width: 150px; height: 150px; padding: 45px 45px;}
.services .card .card-icon .icon img		{ width: 60px; height: 60px;}
.services .card .card-content h3			{ margin: 0 0 10px 0; font-size: 24px; line-height: 34px;}
.services .card .card-content p				{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; min-height: 110px;}
.services .card .card-content .more			{ font-size: 15px; line-height: 25px;}
.services .card .card-content .more i		{ font-size: 15px; line-height: 25px;}
.services .services-item.owl-theme .owl-dots,
.owl-theme .owl-nav 										{ position: absolute; width: 100%;}

.services .services-item.owl-theme .owl-dots .owl-dot span	{ background: #fff; width: 13px; height: 13px;}

.services .services-item.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span					{ background: #00b8de;}

.business									{ padding-top: 90px; padding-bottom: 90px;}
.business .business-img::after				{ width: 360px; height: 350px;}
.business .business-content					{ padding: 0 0 0 0;}
.business .business-content h3				{ margin: 0 0 10px 0; font-size: 28px; line-height: 38px;}
.business .business-content p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px;}
.business .business-content a				{ padding: 6px 24px; font-size: 14px; line-height: 24px; border-radius: 5px;}
.testimonials								{ padding-top: 45px; padding-bottom: 45px;}
.testimonials .testimonials-info			{ margin: 0 0 15px 0;}
.testimonials .testimonials-info h5			{ margin: 0 0 10px 0; }
.testimonials .testimonials-info h3 		{ margin: 0 0 0 0; font-size: 28px; line-height: 38px;}
.testimonials .testimonials-info h3 br 		{ display: none;}
.testimonials-slider .item .item-content h3 { padding: 0 0 10px 0; font-size: 18px; line-height: 28px;}
.testimonials-slider .item .item-content p	{ font-size: 16px; line-height: 26px; min-height: 130px;}
.testimonials-slider .item .item-content h5	{ font-size: 16px; line-height: 26px;}
.testimonials-slider.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span 					{ background: #00b8de;}
.testimonials-slider.owl-theme .owl-dots .owl-dot span		{ background:#002e6e; width: 13px; height: 13px;}
#footer .footer-section 					{ padding-top: 30px; padding-bottom: 30px;}
#footer .footer-section .ftr-logo			{ padding-bottom: 60px;}
#footer .footer-section .ftr-menu h5		{ font-size: 18px; line-height: 28px;}
#footer .footer-section .ftr-menu ul		{ margin-top: 10px;}
#footer .footer-section .contact-info h5	{ font-size: 18px; line-height: 28px;}
#footer .footer-section .contact-info ul	{ margin-top: 10px;}
#footer .footer-bottom						{ padding-top: 10px; padding-bottom: 10px;}

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




#inner_banner								{ min-height: 200px;}
#inner_banner .caption h1					{ margin: 0;}
.inner_section								{ padding-top: 40px; padding-bottom: 40px;}
.inner_section h2							{ margin: 0 0 10px 0; font-size: 30px; line-height: 40px;}
.inner_section p							{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;}
.whatWeDo									{ padding-top: 40px; padding-bottom: 50px;}
.whatWeDo .whatWeDo-content					{ padding: 0 0 0 0;}
.whatWeDo .whatWeDo-content h2				{ margin: 0 0 10px 0; font-size: 30px; line-height: 40px;}
.whatWeDo .whatWeDo-content p				{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;}
.weAreBest .blue-box						{ padding: 10% 2% 5% 2%; }
.weAreBest .blue-box h2						{ margin: 0 0 20px 0; font-size: 30px; line-height: 40px;}
.weAreBest .blue-box p						{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;}
.projection									{ padding-top: 40px; padding-bottom: 40px;}
.projection h2								{ margin: 0 0 20px 0; font-size: 30px; line-height: 40px;}
.projection .project-content				{ padding: 0 0px 20px 0px;}
.projection .project-content h5				{ min-height: 56px;}


/* Contact Page */
.contact-page .contact-detail h2			{ margin: 0 0 10px 0;}
.contact-page .contact-detail h2 br			{ display: none;}
.contact-page .contact-detail p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
.contact-page .contact-detail p br 			{display: none;}
.contact-page .contact-detail .contact-item	{ padding: 0px 0 40px 95px;}

/* Services Page */
.services-sec .card								{ padding: 20px 25px;}
.services-sec .card .card-icon					{ margin-bottom: 20px;}
.services-sec .card .card-icon .icon			{ width: 150px; height: 150px; padding: 45px 45px;}
.services-sec .card .card-icon .icon img		{ width: 60px; height: 60px;}
.services-sec .card .card-content h3			{ margin: 0 0 10px 0; font-size: 24px; line-height: 34px;}
.services-sec .card .card-content p				{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; min-height: 110px;}
.services-sec .card .card-content .more			{ font-size: 15px; line-height: 25px;}
.services-sec .card .card-content .more i		{ font-size: 15px; line-height: 25px;}


.iconsec									{ padding: 40px 0 0 0;}
.iconsec .item								{ margin: 0 0 30px 0;}
.iconsec .item .item-content h5				{ min-height: 60px;}
.iconsec .item .item-content p				{ font-size: 16px; line-height: 26px; min-height: 210px;}
.sec2										{ margin: 10px 0 20px 0;}
.sec2 h3									{ font-size: 26px; line-height: 36px;}
.vc-img										{ margin: 0; width: 100%;}
.vc-img img									{ width: 100%;}

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
:root 												{ --container-width: 767px; }
.container											{ max-width: 100%; padding: 0 15px; }
#header												{ padding-top: 25px; padding-bottom: 25px;}
#header .nav-bar .logo								{ width: 200px;}
#header .nav-bar .right								{ width: calc(100% - 200px);}
#header .nav-bar .right .nav-links					{ display: none;}
.mobile-menu										{ display: inline-block; z-index: 2; position: absolute; right: 15px;}
.mobile-menu .dl-menuwrapper						{ margin-top: 0;}
#header.stiky										{ padding-top: 25px; padding-bottom: 25px;}
#header.stiky .nav-bar .logo						{ width: 200px;}
#homeBanner											{ height: auto;}
#homeBanner .banner									{ width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;}
#homeBanner .banner .caption						{ padding: 20px 15px; } 
#homeBanner .banner .caption h1						{ margin: 0 0 10px 0; font-size: 30px; line-height: 40px; }
#homeBanner .banner .caption p						{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px;}
#homeBanner .banner .caption .getStarted			{ padding: 11px 15px; font-size: 14px; line-height: 24px; }
#homeBanner .slider									{ width: 100%;}
#homeBanner .slider .header-slider.owl-theme .owl-dots	{ left: 0; right: 0; bottom: 20px;  transform: none;}
.about												{ padding-top: 30px; padding-bottom: 30px;}
.about .about-content								{ padding: 0; }
.about .about-content h3							{ margin-bottom: 5px; }
.about .about-content h2							{ font-size: 30px; line-height: 40px;}
.about .about-content p								{ margin-top: 15px; margin-bottom: 15px; font-size: 16px; line-height: 26px; }
.about .about-content .read-more					{ padding: 7px 21px; font-size: 15px; line-height: 25px; }
.services											{ padding-top: 30px; padding-bottom: 30px;}
.services .services-content							{ margin-bottom: 20px; padding: 0 0 0 0;}
.services .services-content h5						{ margin-bottom: 5px; font-size: 16px; line-height: 26px;}
.services .services-content h3						{ margin-bottom: 0; font-size: 30px; line-height: 40px;}
.services .services-item.owl-carousel .owl-stage-outer	{ width: auto; padding: 20px 0;}
.services .card										{ padding: 25px 15px; border-radius: 15px;}
.services .card .card-icon							{ margin-bottom: 10px;}
.services .card .card-icon .icon					{ width: 110px; height: 110px; padding: 30px 30px;}
.services .card .card-icon .icon img				{ width: 50px; height: 50px;}
.services .card .card-content h3					{ margin: 0 0 5px 0; font-size: 25px; line-height: 35px;}
.services .card .card-content p						{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;}
.services .card .card-content .more					{ font-size: 15px; line-height: 25px;}
.services .card .card-content .more i				{ font-size: 15px; line-height: 25px;}
.services .services-item.owl-theme .owl-dots .owl-dot span	{ background: #fff; width: 13px; height: 13px;}

.services .services-item.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span					{ background: #00b8de;}
.business											{ padding-top: 40px; padding-bottom: 40px;}
.business .business-img::after						{ width: 315px; height: 310px; background-position: left center;}
.business .business-content							{ margin-top: 40px; padding: 0 0 0 0;}
.business .business-content ul						{ margin-bottom: 10px;}
.business .business-content h3						{ margin: 0px 0 10px 0; font-size: 28px; line-height: 38px;}
.business .business-content a						{ padding: 8px 22px; font-size: 15px; line-height: 25px;}
.testimonials										{ padding-top: 30px; padding-bottom: 30px;}
.testimonials .testimonials-info					{ margin: 0 0 20px 0; padding: 0 0 0 0;}
.testimonials .testimonials-info h5					{ margin: 0 0 10px 0;}
.testimonials .testimonials-info h3 				{ margin: 0 0 0 0; font-size: 30px; line-height: 40px;}
.testimonials-slider .item							{ padding: 15px 25px; }
.testimonials-slider .item .item-content h3			{ padding: 0 0 10px 0; font-size: 18px; line-height: 28px; min-height: 65px;}
.testimonials-slider .item .item-content p			{ padding: 0 0 10px 0; font-size: 16px; line-height: 26px; min-height: 130px;}
.testimonials-slider .item .item-content h5			{ font-size: 15px; line-height: 25px;}

.testimonials-slider.owl-theme .owl-dots .owl-dot span			{ background:#002e6e; width: 13px; height: 13px;}
.testimonials-slider.owl-theme .owl-dots .owl-dot.owl-dot.active span,
.testimonials-slider.owl-theme .owl-dots .owl-dot:hover span { background: #00b8de;}

#footer .footer-section								{ padding-top: 30px; padding-bottom: 30px;}
#footer .footer-section .ftr-logo					{ padding-bottom: 20px;}
#footer .footer-section .ftr-logo ul				{ margin: 10px 0 0 0;}
#footer .footer-section .ftr-menu					{ padding-bottom: 20px;}
#footer .footer-section .ftr-menu h5				{ font-size: 18px; line-height: 28px;}
#footer .footer-section .ftr-menu ul li a			{ font-size: 15px; line-height: 25px;}
#footer .footer-section .ftr-menu ul				{ margin: 10px 0 0 0;}
#footer .footer-section .contact-info h5			{ font-size: 18px; line-height: 28px;}
#footer .footer-section .contact-info ul			{ margin: 10px 0 0 0;}	
#footer .footer-section .contact-info ul li a		{ font-size: 15px; line-height: 25px;}
#footer .footer-bottom								{ padding: 15px 20px}

/*----------------- Inner Pages -----------------*/

#inner_banner										{ min-height: 180px;}
#inner_banner:before								{ width: 210px; height: 200px;}
#inner_banner .caption h1							{ margin: 0 0 0 0; font-size: 35px; line-height: 45px;}
#inner_banner .caption .breadcrumbs li				{ font-size: 16px; line-height: 26px;}
#inner_banner .caption .breadcrumbs a				{ font-size: 16px; line-height: 26px;}
.inner_section										{ padding-top: 30px; padding-bottom: 30px;}
.inner_section h2									{ font-size: 30px; line-height: 40px;}
.inner_section p									{ margin: 0 0 10px 0; font-size: 15px; line-height: 25px;}
.inner_section .right-img							{ margin-top: 20px;}
.inner_section .right-img:before					{ left: 20px;}
.inner_section .right-img img						{ max-width: 80%;}
.whatWeDo											{ padding-top: 30px; padding-bottom: 30px;}
.whatWeDo .whatWeDo-content							{ padding: 0;}
.whatWeDo .whatWeDo-content h2						{ font-size: 30px; line-height: 40px;}
.whatWeDo .whatWeDo-content p						{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px;}
.whatWeDo .whatWeDo-img								{ border-radius: 8px;}
.weAreBest .blue-box								{ padding: 3%; width: 100%;}
.weAreBest .blue-box h2								{ font-size: 30px; line-height: 40px;}
.weAreBest .blue-box p								{ font-size: 16px; line-height: 26px;}
.projection											{ padding-top: 30px; padding-bottom: 10px;}
.projection h2										{ margin: 0 0 30px 0; font-size: 30px; line-height: 40px;}
.projection .project-content 						{ padding: 0 0 30px 0;}
.projection .project-content h5						{ font-size: 16px; line-height: 26px;}


/* Contact Page */
.contact-page .contact-detail						{ margin-bottom: 20px;}
.contact-page .contact-detail h2					{ margin: 0 0 10px 0;}
.contact-page .contact-detail h2 br 				{ display: none;}
.contact-page .contact-detail .contact-item			{ padding: 0 0 15px 60px;}
.contact-page .contact-detail .contact-item::before	{ padding: 3px 0 0 0; width: 40px; height: 40px; font-size: 22px; line-height: 32px;}
.contact-page .contact-detail .contact-item h6		{ font-size: 16px; line-height: 26px;}
.contact-page .contact-detail .contact-item a		{ font-size: 16px; line-height: 26px;}
.contact-page .contact-form h2						{ margin: 0 0 20px 0;}
.contact-page .contact-form .form-group .form-control	{ font-size: 16px; line-height: 26px;}
.contact-page .contact-form .form-group .btn-primary	{ font-size: 16px; line-height: 26px;}

/* Services Page */
.services-sec .card										{ padding: 25px 15px; border-radius: 15px;}
.services-sec .card .card-icon							{ margin-bottom: 10px;}
.services-sec .card .card-icon .icon					{ width: 110px; height: 110px; padding: 30px 30px;}
.services-sec .card .card-icon .icon img				{ width: 50px; height: 50px;}
.services-sec .card .card-content h3					{ margin: 0 0 5px 0; font-size: 25px; line-height: 35px;}
.services-sec .card .card-content p						{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;}
.services-sec .card .card-content .more					{ font-size: 15px; line-height: 25px;}
.services-sec .card .card-content .more i				{ font-size: 15px; line-height: 25px;}

.iconsec										{ padding: 0;}
.iconsec .item									{ margin-bottom: 30px;}
.sec2											{ margin: 10px 0 10px 0;}
.servicesSec h2									{ margin: 0 0 10px 0;}
.vc-img											{ margin: 0;}
.vc-img::before									{ display: none;}
.sec3											{ margin: 30px 0 10px 0;}
.sec3 h3										{ margin: 0 0 10px 0;}

}



/* #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: 540px;*/ max-width: 100%; padding: 0 15px; }


.services .card .card-content h3			{ min-height: 75px;}
.services .card .card-content p				{ min-height: 135px;}
/*----------------- Inner Pages -----------------*/

.inner_section .right-img::before			{ left: 80px;}
.contact-page .contact-detail p	br 			{ display: none;}
.vc-img img									{ width: 100%;}

}