/*body, html { width: 100%; height: 100%;}

#hero,
#what-we-do,
#constructions,
#services,
#who-we-are,
#projects,
#features,
#where-we-are,
#contact-us{
	width: 100%;
  height: 100%;
}

*/



img#start-one,
img#start-two,
img#start-three,
img#start-four,
img#start-five,
img#ser-one,
img#ser-two,
img#ser-three,
img#ser-four,
img#con1,
img#con2,
img#con3,
img#con4,
img#con5
 {
    display: none;
}



#hero-carousel.mobile,
.res-maps,
img#resmobimg{
	display: none;
}
div#europp .col-xl-4 img,
div#mea .col-xl-4 img {
    position: relative;
    right: 20% !important;
}
div#ameri .col-xl-4 img {
    right: 12%;
}
#accc{
	display: none;
}
a#letstalk:hover:after {
     opacity: 1; 
}
a#letstalk i{
	display: none !important;
}
a#letstalk:after {
  content: "\f138";
  font-family: bootstrap-icons !important;
  position: absolute;
  opacity: 0;  
  top: 10px;
  right: 15px;
  transition: 0.5s;
}
a#letstalk{
	 cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
a#letstalk:hover span {
    position: relative;
    right: 17px;
    transition: 0.5s;
}


/* 4K large Screens */
@media (min-width : 1921px) and (max-width : 3840px) {
	

}


/* 24" large Screens */
@media only screen and (max-width : 1920px) {	}


/* 22" large Screens */
@media only screen and (max-width : 1680px) {	}


/* 20" large Screens */
@media only screen and (max-width : 1600px) {	}


/* 19" large Screens */
@media only screen and (max-width : 1440px) {	}


/* 19" large Screens */
@media only screen and (max-width : 1366px) {	

	.lang.yello{
		left: 73%;
	}
	.lang.green{
		left: 45%;
	}
	.lang.blue{
		left: 19%;
	}


}


/* 13" Notebook Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {	}


/* Ubuntu, Medium Screens */
@media only screen and (max-width : 1198px) {	}


/* 12" Notebook & iPad landscape  · width: 1024px */
@media only screen and (max-width : 1024px) {	


.hero .carousel{
	padding-bottom: 0;
	min-height: 87vh;
}
.col-xl-6.rigtside{
	top: 0;
}
div#oonnee .col.fleft span, div#oonnee .col.sright span{
	font-size: 8px;
	line-height: 17px;
}
div#europp .col-xl-4 img, 
div#mea .col-xl-4 img,
div#ameri .col-xl-4 img
{
	right: 0 !important;
}
section#services{
	margin-top: 40rem;
}
#footer .row-cols-6 .col:first-child{
	margin-right: 0;
}
#footer .row-cols-6 .col .row{
	position: relative;
}
ul.digital-points li{
	font-size: 14px;
	lsine-height: 40px;
}
div#bg-black,
div#bg-grey{
	height: 700px;
}



}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {	}


/*Landscape*/
@media only screen and (max-width : 960px) {	}


/* Kindel Fire HD 8.9in (800x1280) Tablets */
@media only screen and (max-width : 800px) {	}


/* iPad (All) (768x1024) Portrait Tablets */
@media only screen and (max-width : 768px) {	}

/* Lower then iPad (All) (767x---) */
@media only screen and (max-width : 767px) {	

h4#topp, h4#botm {
  text-align: center;
}
#hero{
	padding-top: 0 !important;
}
#hero-carousel {
  padding-bottom: 0 !important;
}
.hero .carousel{
	min-height: 119vh;
}
.get-started{
	background-image: none !important;
	text-align: center;
}
.get-started .content h3::after {
	right: 0;
	margin: 0 auto;
}
img#start-three{
	display: none;
}
.service-item h3 {
  display: inline-flex;
  flex-direction: row;
  vertical-align: top;
  text-align: left;
}
.service-item .icon {
  display: inline-flex;
  flex-direction: row;
}
.get-started .service-item{
	padding: 30px 10px;
}
.col-xl-6.rigtside {
  top: 0;
}
#what-we-do {
  padding-bottom: 0px;
  padding-top: 40px;
}
div#bg-black,
div#bg-pink,
div#bg-grey{
	width: auto;
}
.constructions h3,
.get-started .content h3,
.services h3,
.alt-services h3,
.testimonials h3,
.col-lg-6.cnt-lft h3{
	font-size: 40px;
	line-height: 50px;
	padding-bottom: 15px;
}
.services .service-item {
  padding-left: 0;
  padding-right: 0;
}
img#techno {
  max-width: 100%;
  position: relative;
  top: 0;
  right: 0;
}
.alt-services p{
	font-size: 20px;
	line-height: 30px;
}
ul.digital-points li{
	font-size: 15px;
	line-height: 50px;
}
.col-lg-6.cont-conte {
  text-align: center;
}
.col-lg-6.cont-button{
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}
.features .container{
	background-size: cover;
	background-position: center;
}
#conta .col {
  width: 100% !important;
  display: block !important;
  flex: auto;
}
#footer .row.row-cols-6 {
  position: none;
}
#footer .row-cols-6 .col .row{
	position: relative;
}
#footer .row-cols-6 > * {
  width: 90%;
  margin: 0 auto;
}
.row.row-cols-6 .col-xl-4 img {
  width: auto;
  top: 0;
}
.col-lg-6.cnt-rggt img#mainnn {
  width: 100%;
  right: 0;
}
.row.row-cols-6 .col {
  margin-bottom: 20px !important;
}
.row.row-cols-6 .col .col-xl-4,
.row.row-cols-6 .col .col-xl-8 {
  width: 50%;
}
.row.pad-tops {
  text-align: center;
}
.social-links.d-flex.mt-3 .d-flex.align-items-center.justify-content-center {
  text-align: center !important;
  margin: 0 auto;
}
.social-links.d-flex.mt-3{
	float: none;
	width: 40%;
	margin: 0 auto;
	margin-bottom: 20px;
}
#footer .row-cols-6 .col:first-child{
	text-align: center;
	width: 100%;
}
.row.row-cols-6 .col .col-xl-4 {
  text-align: right;
}
.row.row-cols-6 .col .col-xl-4 img{
	top: 15%;
}
#bs .icon img {
  right: 30%;
  position: relative;
}
#where-we-are .res-maps{
	display: block;
}
#where-we-are .mapps{
	display: none;
}
.res-maps {
  padding-bottom: 0;
}
#where-we-are .res-maps .col-lg-4 {
  width: 50%;
  text-align: center;
}
#contact-us {
  padding-top: 40px;
}
.col-lg-6.cnt-lft h3:after{
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.col-lg-6.cnt-lft h3,
.col-lg-6.cnt-lft p{
	text-align: center;
}
#projects{
	display: none;
}
#accc{
	display: block;
}
#accc {
  padding-top: 0;
}
#accc .accordion-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 46px rgba(0, 0, 0, 0.06);
  border: 0;
  margin-bottom: 20px;
}
#accc .accordion-item button {
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	color: #333333;
	padding-left: 10%;
}
#accc .accordion-body{
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
	background: #F53E4C;
	color: #fff;
}
#accc .accordion-button:not(.collapsed){
	background: #F53E4C;
	color: #fff !important;
}
#accc .accordion-button:focus{
	border-color: transparent;
	box-shadow: 0 0 0;
}
#where-we-are.res-maps {
  display: block;
}
a#letstalk:hover span{
	right: 0;
}
a#letstalk::after {
	right: -10px;
}
div#ameri .col-xl-4 img,
div#europp .col-xl-4 img, 
div#mea .col-xl-4 img {
  right: 0%;
}
#hero-carousel.mobile{
	display: block;
}
#hero-carousel.desktop{
	display: none;
}
#accc .accordion-button::after{
	font-family: 'bootstrap-icons';
  content: "\F282" !important;
  font-size: 20px;	
  color: #35304b;
  background-image: none !important;
}
#accc .accordion-button:not(.collapsed)::after{
	font-family: 'bootstrap-icons';
  font-size: 20px;
  color: #fff;
  background-image: none !important;
}
ul.digital-points{
	padding-right: 10px;
	padding-top: 25px;
}
ul.digital-points li {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
}
@keyframes SerLeftRight {
  0%, 100% {
    right: 0;
  }
  50% {
    right: 30px;
  }
}

header#header {
    background: #fff;
    padding: 0px 0;
    position: relative;
}
.mobile-nav-show{
	  color: #35304b;
}
img#resmobimg{
	display: block;
}
img#dsktoimg{
	display: none;
}
.header .logo img {
 max-height: 70px;
}
div#bg-black,
div#bg-grey{
	height: auto;
}
section#services {
  margin-top: 86rem;
}
.col-lg-6.cnt-lft h3{
	position: relative;
}



}

/*iPhone 6 Plus landscape · width: 736px */
@media only screen and (max-width : 736px) {	}

/*iPhone 6 landscape · width: 667px */
@media only screen and (max-width : 667px) {	}


/*iPhone4 and iPhone5 Galaxy S2 and S3  */
@media only screen and (max-width : 640px) {	}


/* Google Nexus 7 603x966 | Samsung Galaxy Tab 600x1024  */
@media only screen and (max-width : 603px) {	}


/* iPhone 5 Landscape · 320x568px */
@media only screen and (max-width : 568px) {	}


/* Kindel Fire HD 8.9in (533x853) Tablets */
@media only screen and (max-width : 533px) {	



.hero .carousel {
  min-height: 83vh;
}
#footer .row-cols-6 .col:first-child {
  margin-right: 0;
  margin-left: 0 !important;
}
.constructions .card-body img{
	width: 30%;
}





}


/*iPhone3 Landscape*/
@media only screen and (max-width : 480px) {	

.hero .carousel {
  min-height: 74vh;
}
ul.ftr-menu li a {
  margin-right: 10px;
  margin-left: 10px;
}
.footer .footer-legal .copyright{
	font-size: 11px;
}
.footer .col-xl-8 h4{
	font-size: 13px;
}
ul.ftr-menu li a {
  margin-right: 5px;
  margin-left: 5px;
}
ul.ftr-menu li a{
	font-size: 14px;
}
.social-links.d-flex.mt-3{
	width: 50%;
}
.footer .footer-legal .copyright{
	line-height: 15px;
}
section#services {
  margin-top: 90rem;
}


}



/* iPhone 6 PLUS (414x736) */
@media only screen and (max-width : 414px) {	


.hero .carousel {
  min-height: 64vh;
}
section#services {
  margin-top: 92rem;
}


}


/* iPhone 6 portrait (375x667) */
@media only screen and (max-width : 375px ) {	}


/* Galaxy S5 (360x640) */
@media only screen and (max-width : 360px) {	}


/* iPhone 3/4 Blackberry8300 / LG/ AUSUS / S3 S4 */
@media only screen and (max-width : 320px) {	}


/*Galaxy Y*/
@media only screen and (max-width : 240px) {	}