body {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; margin: 0; overflow-x: hidden;}
html {font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 14px;}
p {font-family: 'Roboto', sans-serif; font-size: 17px; color: #1b1411;font-weight: normal; line-height: 1.6; margin: 0 0 10px; text-rendering: optimizeLegibility;}
a {font-weight: bold; font-size: 17px; text-decoration: none; color: #EB6120; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a:hover {text-decoration: none; outline: none; color: #ffa707; !important}
h1 {font-family: 'Roboto', sans-serif; font-size: 65px; line-height: normal; text-align: center; margin: 0; color: #fff;}
h2 {font-size: 63px;  margin:0 0 12px;}
h3 {font-size: 27px; margin: 0 0 12px;}
h4 {font-weight: 500; font-size: 27px; font-family: 'Roboto', sans-serif; color: #ffa500; margin: 0 0 12px;}
h5 {font-weight: 600; font-size: 14px;color: #263a5e; margin: 0 0 12px;}
h6 {font-weight: 600; font-size: 22px; margin: 0 0 12px;}
img {max-width: 100%;}

/*****Spacing Top Bottom Css Start Here*****/
.space-top-s {padding-top: 35px;}
.space-bottom-s {padding-bottom: 34px;}
.space-top-m {padding-top: 50px;}
.space-bottom-m {padding-bottom: 50px;}
.space-top-l {padding-top: 65px;}
.space-bottom-l {padding-bottom: 65px;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}

/*****Button Css Start Here*****/
.btn.btn-transparent {color: #fff; background: transparent; padding: 7px 0; width: 165px; max-width: 100%; font-weight: normal; font-size: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; display: block; margin: 0 auto; border-radius: 8px; border: 2px solid #fff; font-weight: bold;}
.btn.btn-transparent:hover {background-color: #EB6120; border-color: transparent; color: #ffffff !important;}
.btn-yellow {color: #fff; background-color: #EB6120; padding: 14px 30px;font-weight: 400;font-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 8px;line-height: normal; text-transform: uppercase;}
.btn-yellow:hover {background-color: #000; color: #fff;}

/*****Button Css End Here*****/

/*****Header Css Start Here*****/
header {width: 100%; background: #fff; padding-top: 20px}
.logo {padding: 15px 0; margin: 0; font-size: 25px; text-transform: uppercase;}
.logo img {width: 180px;}
#topSection{
	padding: 0 0 50px 0;
}
#navDesctop {display: flex !important; width: 100%;}
#navDesctop a[title="DE"] {display: none;}
#navDesctop ul.main-nav {
	padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    position: absolute;
    left: 50%;
    width: 70vw;
    transform: translate(-50%, -40px);
    z-index: 9;
    text-align: center;
    background-color: #1b1b1b;
}
#navDesctop ul.main-nav li {padding: 30px 25px; position: relative; display: inline-block;}
#navDesctop ul.main-nav li a {font-weight: 500;  width: 100%; display: block; color: #fff;}
#navDesctop ul.main-nav li a.active {color: #EB6120;}
#navDesctop ul li .lvl-2 {position: absolute; top: 35px; width: 220px; left: 0; list-style: none; transform: translateY(0%); -o-transform: translateY(0%);
-ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
opacity: 0; background: #fff; display: none; text-align: left; padding: 0;}
#navDesctop ul li .lvl-2 li {width: 100%; float: left; padding: 12px !important; border-bottom: 1px solid #c5c5c5;}
#navDesctop ul li:hover .lvl-2 {opacity: 1; transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); z-index: 9; display: block;}
header ul.lvl-3 {background-color: #f6f6f6; display: none; position: absolute; right: -100%; padding: 0; top: 0; width: 100%;}
header ul.lvl-2 li:hover ul.lvl-3 {display: block;}
#mobileNavOpener {cursor: pointer; position: absolute; padding: 17px 0 20px 4px; right: 15px; z-index: 999; top: 30px;}
header #mobileNavOpener::after {content: "\f0c9"; display: block; -webkit-transition: all 850ms ease; -moz-transition: all 850ms ease; -o-transition: all 850ms ease; transition: all 850ms ease; font-family: FontAwesome; font-size: 30px;}
#navMobile a[title="DE"] {display: none;}
#navMobile {display: none; position: absolute; z-index: 999; width: 100%; left: 0; top: auto; margin: 0; background: #222;}
#navMobile ul {padding: 0; margin: 0; width: 100%; list-style: none;}
#navMobile ul li {position: relative; padding: 15px; text-align: left;}
#navMobile ul li a.active {color: #EB6120;}
#navMobile ul li a.active_link {color: #EB6120;}
#navMobile .lvl-1 > li.ifsub.tn-open a.active {color: #1b1411;}
#navMobile ul li.active .touchButton .mtbArrow::before {color: #fff;}
#navMobile ul li a {color: #fff;}
#navMobile .touchButton {position: absolute; right: 0px; width: 30px; height: 30px; box-sizing: border-box; top: 10px;}
#navMobile .mtbArrow {display: block; width: 100%; height: 100%; -webkit-transition: all 450ms ease; -moz-transition: all 450ms ease; -o-transition: all 450ms ease; transition: all 450ms ease;}
#navMobile .touchButton.open .mtbArrow {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#navMobile ul li .touchButton .mtbArrow::before {position: absolute; content: "\f105"; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: FontAwesome; font-size: 22px; color: #EB6120;}
#navMobile .lvl-1 > li.ifsub.tn-open .mtbArrow::before {color: #000;}
#navMobile .lvl-2, #navMobile .lvl-3 {display: none;}
#navMobile .lvl-1 > li.ifsub {transition: all 1s ease;}
#navMobile .lvl-1 > li.ifsub.tn-open {background-color: #EB6120;margin-bottom: 10px;}
header ul.lvl-1 > li.ifsub > a {position: relative;}
header ul.lvl-1 > li.ifsub > a::before {position: relative; content: "\f0da";font-family: FontAwesome; position: absolute; top: 0; color: #EB6120; right: 0; transform: translate(230%, 0) rotate(90deg);}
header ul.lvl-1 > li.ifsub:hover > a::before {color: inherit;}
#navMobile .lvl-2 {background: white; margin: 15px 0;}
#navMobile .lvl-2 li {border-bottom: 1px solid #f2ebeb;}
#navMobile .lvl-2 li a {color: #222;}
#navMobile .lvl-2, #navMobile .lvl-3 {padding: 0;}
#navMobile .lvl-3 {background-color: #EB6120; margin: 10px 0 0;}
#navMobile .lvl-3 li a {color: #fff;}
.Following1 #navMobile, .Following2 #navMobile {margin-top: -50px;}
#mobile {display: none;}
.inside {max-width: 1370px; margin: 0 auto; width: 100%;}
.phone-contact p a:before { color: #fb771b;}
/***sub menu css****/
#navDesctop ul.sub-menu.lvl-2 li a {color: #EB6120;}
#navDesctop ul.main-nav li a:hover{color: #ffa707;}


/******top-header-list*****/
.top-header-list {float: right;}
.header-list-box {padding: 0px;list-style-type: none;}
.header-list-box li {display: inline-block;padding-right: 27px;position: relative;padding-left: 40px;}
.header-list-box li a {font-size: 14px; font-weight: 600;}
.header-list-box li h5 {margin-bottom: 0px;font-weight: 400;}
.top-header-list .email::after {content: "\f003"; font-family: FontAwesome; font-size: 20px; color: #EB6120; position: absolute;
left: -16px; top: -6px; border-style: double; padding: 4px; border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 30px;
border-color: #e0e0e0;}
.top-header-list .call::after {content: "\f095"; font-family: FontAwesome; font-size: 20px; color: #EB6120; position: absolute; left: -16px;
top: -6px; border-style: double; padding: 4px; border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 30px; border-color: #e0e0e0;}
.top-header-list .opentime::after {content: "\f017"; font-family: FontAwesome; font-size: 20px; color: #EB6120; position: absolute; left: -16px;
top: -6px; border-style: double; padding: 4px; border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 30px; border-color: #e0e0e0;}

.mpg-contentElement.header-contact{
	width: 210px;
}
.mpg-contentElement.header-contact .ceColLeft{
	width: 55px;
}
.mpg-contentElement.header-contact .ceColRight{
	width: 155px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mpg-contentElement.header-contact .ceIconWrap{
	height: 45px;
	width: 45px;
	border-radius: 50%;
	border: 3px double #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #EB6120;
}
.mpg-contentElement.header-contact .ceTitleWrap h5{
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
}
.mpg-contentElement.header-contact p,
.mpg-contentElement.header-contact a{
	line-height: 1;
	font-weight: bold;
	color: #EB6120;
	font-size: 15px;
	margin-bottom: 0;
}

.column.contact{
	display: none;
}
#mobileNavOpener {right: 20px; top: 20px;} 
@media (min-width: 992px) {
.column.contact{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#mobileNavOpener, #navMobile{
	display: none !important;
}
}
/*****Slider Css Start Here*****/
.main-banner .owl-controls {display: block !important; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto !important;}
.owl-carousel .owl-wrapper-outer h3:empty, .owl-carousel .owl-wrapper-outer p:empty {display: none;}
.main-banner .mpg-widget.mpg-ckEditor {position: absolute; top: 50%; width: 1090px; left: 50%; height: auto; display: flex; align-items: center;
transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); -ms-transform: translate(-50%,-40%); -webkit-transform: translate(-50%,-40%);
-moz-transform: translate(-50%,-40%); text-align: center; overflow: visible;} 
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem {width: 100%; float: left; z-index: 99;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem p {color: #fff;margin-bottom: 40px;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem span {color: #EB6120;}
.main-banner .owl-theme .owl-controls .owl-page span {opacity: 1; background: #fff;}
.main-banner .owl-theme .owl-controls .owl-page.active span {background-color: #EB6120;}


.Grey {background-color: #f3f1f1;}

/*****Team Css Start Here*****/
.team-section .lightcase .column {padding: 0;}
.team-section .lightcase .column .lightImage {height: 550px;}
#content .lightCaption {background-color: #1b1b1b; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100% !important;}
.lightImage:hover .lightCaption {opacity: 0.91 !important;}
.lightCaption h3 { width: 100%; float: left; color: #ffffff; margin: 0;}
.lightCaption h4 {color: #fff; text-align: center;  cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0;}
.lightImage .lightCaption p:empty {display: none;}
.lightCaption p {color: #EB6120;}
/*****Services Css Start Here*****/
.section-services .lightcase .column {overflow: hidden; border: 1px solid #eee; padding: 0; flex: 0 0 30.7%; margin: 0 15px 30px; text-align: left; border-radius: 0 0 4px 4px;}
.section-services .lightcase .column img {transition: 0.3s linear; -o-transition: 0.3s linear; -ms-transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear;}
.section-services .lightcase .column:hover img {transform: translatey(-6px); -o-transform: translatey(-6px); -ms-transform: translatey(-6px); -webkit-transform: translatey(-6px); -moz-transform: translatey(-6px);}
.section-services .lightcase .column h3 {margin: 10px 0px; padding: 0 20px; color: #EB6120; text-transform: uppercase;}
.section-services .lightcase .column p:empty {display: none;}
.section-services .lightcase .column p {padding: 0 20px;}
.section-services .lightcase .column .btn.btn-transparent {border-color: #EB6120; color: #f00; margin: 20px auto;}

/*****Projects Css Start Here*****/
.mpbg-primary {background-color: #1b1b1b;}

/*****Why Choose Us Css Start Here*****/
.section-why .section-title h2 {padding-bottom: 0;}
.whychoose-content {text-align: left; margin-top: 50px;}
.whychoose-content h3 {margin: 25px 0 10px;}


/*****Testimonial Css Start Here*****/

.dark-image {text-align: center;}
.dark-image .section-title h2 {padding-bottom: 30px; color: #EB6120;}
.dark-image .owl-carousel .owl-wrapper-outer {margin-top: 0;}
.dark-image .owl-carousel .owl-wrapper-outer h3 {color: #EB6120; text-transform: uppercase;}
.dark-image .owl-carousel .owl-wrapper-outer p {width: 650px; margin: 0 auto 20px; max-width: 100%; color: #fff;}
.dark-image .owl-theme .owl-controls .owl-buttons div {background: #000; opacity: 1; border-radius: 100%; height: 30px; width: 30px; font-size: 20px;}
.dark-image .owl-carousel .owl-wrapper-outer img {display: none !important; width: 150px; margin: 0 auto 20px; display: block; height: 150px; object-fit: cover; border-radius: 50%;}
.dark-image .mpg-widget.mpg-ckEditor .mpCkEditorItem span {color: #fff;}
.dark-image .owl-theme .owl-controls .owl-page span {opacity: 1; background-color: #f3f1f1;}
.dark-image .owl-theme .owl-controls .owl-page.active span {background-color: #EB6120;}

/*****Client Css Start Here*****/
.section-client {text-align: center;}

/*****Heading Title Css Start Here*****/
.section-title {text-align: center;}
.section-title h2 {color: #162136; padding-bottom: 50px;}
.section-title h2 span {color: #EB6120;}

/*****Contact Form Css Start Here*****/
.form-left .mpLabelCol {display: none;} 
.form-left .formBuilder .row {padding-bottom: 22px;}
.form-left .mpInputCol {width: 100%; flex: 0 0 100%; max-width: 100%;}
.form-left .mpInputCol input {background: #fff !important; height: 46px; width: 100% !important; border-radius: 0 !important; border-color: #ccc !important; font-size: 15px; color: #666; padding: 10px !important;}
.form-left .mpInputCol textarea {min-height: 160px; height: 46px; width: 100% !important; border-radius: 0 !important; border-color: #ccc !important;
	font-size: 15px; color: #666; padding: 10px !important; background: #fff;}
.form-left .formBuilder .row .column {flex: 0 0 100%; max-width: 100%;}
.btn.btn-success {background-color: #EB6120; border: none; padding: 15px 0; width: 200px; max-width: 100%; font-weight: normal; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
cursor: pointer; margin-top: 0; font-size: 18px; color: #fff; border-radius: 5px; float: left;}
.btn.btn-success:hover {background: #000; border-color: transparent; color: #ffffff;}


/*****Projects Css Start Here*****/
.no-main-image {height: 400px; background-repeat: no-repeat; background-size: cover;}
.main-head-content {position: absolute !important; top: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); left: 50%; width: 700px !important; padding: 0 !important; max-width: 100% !important;}
.main-head-content h1 {line-height: normal; margin: 0;}


/******team page css*****/
.tem-content .lightcase a {background-color: #fff;display: inline-block;border: 1px solid#ddd;width: 100%;}
.tem-content .lightcase a h3 {padding: 15px 15px 0px;text-transform: capitalize;text-align: center;margin-bottom: 0px;}
.tem-content .lightcase a h5 { text-align: center;color: #A0A0A0; padding:0px 15px 10px;}
.tem-content .lightcase a:hover {box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.32);}

/*****service-detail-section***/
.service-detail-section h4 {margin-top: 28px;}
.service-content-lisi .service-information {padding: 0px;list-style: none;line-height: 30px;margin: 0px;}
.service-information {background-color: #f3f1f1; margin: 0px 90px 0px 15px !important;}
.service-information li a:hover {background-color: #EB6120; padding: 8px 20px;}
.service-information li a {background-color: transparent; color: #162136; padding: 8px 20px; display: block; text-align: center; border-bottom: 1px solid#ddd;}

/****project-detail-here****/
.detail-second-section ul.project-info { padding: 0px; list-style: none;margin-bottom: 30px;}
.project-info li {line-height: 29px;border-bottom: 1px solid  #ddd;padding-bottom: 11px;margin-bottom: 10px;color: #A0A0A0;}
.project-info li span {color: #162136;}

/*****Footer Css Start Here*****/
#footer {background-color: #1b1b1b; padding: 0; margin: 0;}
.footer-section-title img {margin-bottom: 20px;}
.footer-section-title {padding-top: 60px; padding-bottom: 30px;}
.footer-section-title h3 {position: relative; margin-bottom: 30px; color: #fff; text-transform: uppercase;}
.footer-section-title p {color: #fff;}
.footer-section-title p a {color: #fff;}
.mpg-fullWidthContainer.footer-bar {background-color: #EB6120; padding: 15px 0; text-align: center;}
.mpg-fullWidthContainer.footer-bar p {margin: 0;}
.mpg-fullWidthContainer.footer-bar p a {color: #5a6263; font-weight: normal;}
.footer-section-title ul {padding: 0; margin: 0; list-style: none; column-count: 2;}
.footer-section-title ul li {padding: 10px 0;}
.footer-info ul {list-style: none; margin: 0; padding: 0; column-count: 1;}
.footer-info ul li {padding: 10px 0 10px 40px; position: relative; color: #fff; font-size: 17px;}
.footer-info ul li:nth-child(1)::after {content: "\f1d9"; font-family: FontAwesome; font-size: 20px; color: #fff; position: absolute; left: 0; top: auto;}
.footer-info ul li:nth-child(2)::after {content: "\f095"; font-family: FontAwesome; font-size: 20px; color: #fff; position: absolute; left: 0; top: auto;}
.footer-info ul li:nth-child(3)::after {content: "\f003"; font-family: FontAwesome; font-size: 20px; color: #fff; position: absolute; left: 0; top: auto;}
.footer-info ul li:nth-child(4)::after {content: "\f1ac"; font-family: FontAwesome; font-size: 20px; color: #fff; position: absolute; left: 0; top: auto;}

#upScroll {position: relative; width: 100%; float: left; display: none;}
#upScroll .fa {font-size: 22px; color: #fff; font-family: FontAwesome; position: fixed; bottom: 65px; right: 20px; cursor: pointer; background-color: #EB6120; width: 40px; height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 99;}
#upScroll .fa:hover {background-color: #000; color: #fff;}
.feature-tile-content .mpCkEditorItem:before {color: #fb771b !important;}



@media(min-width:992px) and (max-width:1400px){
.inside {padding: 0px 30px;}
}





@media(min-width:992px) and (max-width:1200px){
.section-services .lightcase .column {flex: 0 0 30.2%;}
#navDesctop ul.main-nav li {padding:30px 15px;}      
.inside {max-width: 100%; padding: 0 30px;}      
#footer {padding: 0 50px;} 
.main-nav.col-lg-9 { -webkit-box-flex: 0;-ms-flex: 0 0 98%!important; flex: 0 0 98%!important; max-width: 98%!important;}    
#navDesctop ul.main-nav {width: 95%;}
.main-banner h1 {font-size: 46px;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem p {font-size: 18px;margin-bottom: 40px;line-height: 26px;max-width: 800px;margin: 0 auto;padding: 10px;}
.space-bottom-l {padding-bottom: 40px;}
.space-top-l {padding-top: 40px;}
.section-title h2 {font-size: 46px;}
.section-title h2 {color: #162136;padding-bottom: 25px;}
.team-section .lightcase .column .lightImage {height: 300px;}
.section-services .lightcase .column h3 {font-size: 24px;}

}



@media(min-width: 1201px) and (max-width: 1700px){
#navDesctop ul.main-nav {width: 90%;}
.main-nav.col-lg-9 {-ms-flex: 0 0 90%!important;flex: 0 0 90%!important;max-width: 90%!important;}

}

@media(min-width:768px) and (max-width:991px){
header {position: static !important; background: rgba(255,255,255,1);}
#navDesctop {display: none !important;}
#mobile {display: flex; width: 100%; position: relative;}
#navMobile.open {display: flex;}
#navDesctop ul.main-nav li {padding:30px 10px !important;}    
.inside {max-width: 100%; padding: 0 30px;}    
.main-banner .mpg-widget.mpg-ckEditor {position: static; background: #000; padding: 40px 10px; width: 100%; transform: inherit; margin: -7px 0 0;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem h1 {font-size: 30px;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem p {margin-bottom: 0; font-size: 20px;}  
.section-services .lightcase .column {flex: 0 0 29.2%;} 
.footer-section-title {padding-top: 40px; padding-bottom: 0;}
.footer-section-title:last-child #lightcase9204 .column {flex: 0 0 50%;}    
.main-banner .btn.btn-transparent {margin: 20px auto 0;}    
.mpg-fullWidthContainer.footer-bar p {margin: 15px 0;}    
.footer-bar .column {width: 100%; text-align: center;}
.footer-section-title.footer-info {padding-bottom: 40px;} 
.footer-section-title h3 { margin-bottom: 14px;} 
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem p {margin-bottom: 0;font-size: 16px;padding: 14px 0px;}  
header {padding: 20px 0 20px;}
.section-title h2 {font-size: 46px;}
.space-top-l {padding-top: 45px;}
.space-bottom-l {padding-bottom: 45px;}
.section-title h2 {padding-bottom: 30px;}
.team-section .lightcase .column .lightImage {height: 215px;}
.section-services .lightcase .column h3 {padding: 0 10px;font-size: 20px;}
.section-services .lightcase .column p {padding: 0 10px;}
.section-client .mpg-content.flex-wrap { margin-bottom: 20px;}
.no-main-image {height: 250px;}
.tem-content .lightcase a h3 {font-size: 24px;}
.footer-section-title {padding-top: 30px;}
.lightCaption p {font-size: 22px;}

.main-head-content h1 {font-size: 50px;}
.detail-page .space-bottom-l {padding-bottom: 20px;}
.section-title .col-xl-3.col-lg-3.col-md-6.col-sm-12.column { flex: 0 0 25%;}
.section-client  .col-xl-3.col-lg-3.col-md-6.col-sm-12.column { flex: 0 0 25%;}
   
    
}


@media(min-width:320px) and (max-width:767px){
header {position: static !important; background: rgba(255,255,255,1);}
/*#mobileNavOpener {top: auto;}*/
.scroll-down {background: #222; left: 44%;}  
#navDesctop {display: none !important;}
#mobile {display: flex; width: 100%; position: relative;}
#navMobile.open {display: flex;}
.inside {max-width: 100%; padding: 0 30px;}    
.main-banner .mpg-widget.mpg-ckEditor {position: static; background: #000; padding: 40px 15px; width: 100%; transform: inherit; margin: -7px 0 0;}   
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem h1 {font-size: 28px;padding-bottom:10px;}
.main-banner .mpg-widget.mpg-ckEditor .mpCkEditorItem p {margin-bottom: 0; font-size: 17px;line-height: 1.6;}
.main-banner .btn.btn-transparent {margin: 20px auto 0;} 
.section-services .lightcase .row {justify-content: space-evenly;}
.section-services .lightcase .column {flex: 0 0 100% !important; margin: 0 10px 30px;max-width:100% !important;}   
.footer-section-title {padding-top: 40px; padding-bottom: 0;}
.footer-section-title:last-child {display: none;}
.mpg-fullWidthContainer.footer-bar p {margin: 15px 0;}    
.main-image::before {width: 70%;}
#lightcase9199 .column {padding: 20px;}    
#lightcase9199 .column h3 {font-size: 18px; line-height: 26px;} 
.main-head-content h1 {font-size: 35px;}    
.service-information {margin: 15px 15px 15px 15px !important;}  


.no-main-image {height: 200px;}    
.section-contact-form {padding-top: 20px;}
#upScroll .fa {right: 25px; bottom: 10px;} 
.mpg-fullWidthContainer.footer-bar {padding: 10px 0; margin-top: 30px;} 
    
/***Home-page-css****/
.space-bottom-l {padding-bottom: 40px;}
.space-top-l {padding-top: 40px;}
header { padding: 15px 0 15px;}
.main-banner .owl-controls {bottom: 12px;}
.main-banner .btn-yellow {font-size: 18px; display: block; width: 200px; margin: 30px auto 0;}
.team-section .space-top-l { padding-top: 40px;}
.section-title h2 {padding-bottom: 20px; font-size: 36px;}
.team-section .lightcase .column .lightImage {height: 280px;margin-bottom: 40px;}
.team-section .space-bottom-l {padding-bottom: 5px;}
.section-services .lightcase .column h3 {font-size: 24px;}
.section-services.space-bottom-l { padding-bottom: 30px;}
.section-title p br {display: none;}
.section-client .mpg-content.flex-wrap { margin-bottom: 20px;}
.section-testimonial .section-title h2 {padding-bottom: 10px; font-size: 36px;}
.footer-section-title ul {column-count: 1;}
.footer-section-title h3 {margin-bottom: 10px;}
.team-section .row { margin-right: 0px !important;margin-left: 0px !important;}
.lightCaption p {font-size: 22px;}

.detail-page .space-bottom-l {padding-bottom: 20px;}



}

@media(min-width:320px) and (max-width:480px){
.section-services .lightcase .row {justify-content: space-evenly;}  
   
}
@media(min-width:480px) and (max-width:767px){
.section-title .col-xs-3, .col-sm-3 {-webkit-box-flex: 0; -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important;padding: 0px 15px !important;}
.team-section .row { margin-right: 0px !important;margin-left: 0px !important;}
.tem-content .lightcase a h3 {font-size: 20px;}
.tem-content .lightcase a h5 { font-size: 14px;}
.section-services .col-sm-4 { -ms-flex: 0 0 42.333333%!important; flex: 0 0 42.333333%!important; max-width: 42.333%!important;}

  
}

.alpha .testimonialName{
	color: #fff;
	font-size: 1.4em;
}
.alpha .testimonialText, .alpha .testimonialText p, .alpha .testimonialText a{
	color: #fff;
}

.mpg-bg-img{
	background-size: cover;
	background-position: center;
}

.section-services .column{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.section-services .column .mpg-content,
.section-services .column .mpg-content .mpg-contentElement{
	height: 100%;
}
.section-services .column .mpg-content .mpg-contentElement.img-top{
	border: 1px solid #eee;
	border-radius: 0 0 4px 4px;
	display: flex;
	flex-direction: column;
	overflow:hidden;
}
.section-services .column .mpg-content .mpg-contentElement.img-top img{
	vertical-align: top;
}
.section-services .column .mpg-content .mpg-contentElement.img-top .ceContentWrap{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding: 15px 20px;
}
.section-services .column .mpg-content .mpg-contentElement.img-top h3{
	color: #ffa707;
    text-transform: uppercase;
}
.section-services .column .mpg-content .mpg-contentElement.img-top .ceContentWrap .mpg-buttons{
	margin-top: auto;
	padding-top: 10px;
}
.section-services .column .mpg-content .mpg-contentElement.img-top img {transition: 0.3s linear; -o-transition: 0.3s linear; -ms-transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear;}
.section-services .column .mpg-content .mpg-contentElement.img-top:hover img {transform: translatey(-6px); -o-transform: translatey(-6px); -ms-transform: translatey(-6px); -webkit-transform: translatey(-6px); -moz-transform: translatey(-6px);}