/* 
ZigZag Template
http://www.templatemo.com/tm-471-zigzag
*/

/* --** Reset CSS **-- */

@font-face {
	font-family: "Montserrat";
	src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype");
  }
  @font-face {
	font-family: "Montserrat";
	src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf') format("truetype");
  }
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family:"Montserrat", sans-serif;
	font-size: 100%;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

html,
body,
button,
input,
select,
textarea {
	font-family: Arial;
	font-size: 12px;
	color: #8c806e;
}

ul,
ol {
	margin-top: 0;
	margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}

li {
	font-size: 13px;
	margin: 5px 0px 10px 0px;
}

pre {
	overflow: auto;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a img {
	border: 0;
}

a,
input {
	outline: none;
}

a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #06C;
}

a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 5px 0px 15px 0px;
	clear: both;
	font-weight: lighter;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

p {
	font-size: 13px;
	margin: 5px 0px 15px 0px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	display: block;
}

figure {
	margin: 0;
}

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	outline: none;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* <<< Design Holder >>> */
.DesignHolder {
	position: relative;
	display: block;
	width: 100%;
	min-height: 100%;
}

/* <<< Layout Frame >>> */
.LayoutFrame {
	margin: 0 auto;
	width: 100%;
	display: block;
}

/* <<< Body >>> */
body {
	font-family:"Montserrat", sans-serif;
	color: #444444;
}

/* <<< Header >>> */
.header {
	padding: 120px 0px 0px 0px;
	width: 100%;
	background: url(../img/header-bg.png) top center no-repeat;
}

.header .Center {
	max-width: 1098px;
	margin: auto;
	position: relative;
}

.header .arrow {
	position: absolute;
	bottom: -158px;
	right: -2px;
}

/* <<< Top Bar >>> */
.Top_Bar {
	padding-bottom: 147px;
	width: 100%;
}

.Top_Bar .site-logo {
	padding-left: 1px;
	width: 285px;
	float: left;
	margin-top: 80px;
}

.Top_Bar .site-logo a {
	font-size: 40px;
    color: #fff;
	text-decoration: none;
}

/* <<< Navigation >>> */
.Navigation {
	margin-right: -3px;
	position: relative;
	width: 66.5%;
	float: right;
	background: url(../img/menu-bg.png) top center no-repeat;
}

.Navigation ul {
	list-style: none;
	margin: 0px;
}

.Navigation li {
	float: left;
	margin: 0px;
	line-height: 80px;
}

.Navigation li a {
	padding: 0px 0px 0px 80px;
	font-size: 14px;
	color: #fff;
	font-family:"Montserrat", sans-serif;
	font-weight: 600;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

.Navigation li a:hover,
.Navigation li.active a {
	background: url(../img/menu-left-hover.png) left center no-repeat;
}

.Navigation li a:hover span,
.Navigation li.active a span {
	display: block;
	background: url(../img/menu-right-hover.png) right center no-repeat;
}

.Navigation li a span {
	padding: 0px 127px 0px 62px;
}

.Navigation li.gap {
	margin-left: -80px;
}

.Navigation li.gap a span {
	padding: 0px 134px 0px 18px;
}

.Navigation li.gap1 a span {
	padding: 0px 138px 0px 11px;
}




.Navigation li:last-child a {
	padding-right: 0px;
}

.Navigation .triangle {
	position: absolute;
	top: 79px;
	left: 0px;
}

/* <<< Product Section >>> */
.Product_sec {
	width: 100%;
	overflow: hidden;
}

.Product_sec ul {
	list-style: none;
	margin: 0px;
}

.Product_sec li {
	float: none;
	padding: 0px;
	margin: 0px 0px 82px 0px;
	width: 100%;
	display: inline-block;
}

.Product_sec li:last-child {
	margin-bottom: 0px;
}

.Product_sec li .right {
	width: 60%;
	float: right;
}

.Product_sec li .right .Details {
	width: 61.2%;
	float: left;
	text-align: right;
}

.Product_sec li .Details h3 {
	padding-right: 6px;
	font-size: 24px;
	color: #1d232c;
	font-family:"Montserrat", sans-serif;
	font-weight: 700;
	margin: 0px;
	line-height: 30px;
}

.Product_sec li .Details h3 span {
	margin: -1px -7px 0px 0px;
	font-family:"Montserrat", sans-serif;
	font-weight: 300;
	display: block;
}

.Product_sec li .Details p {
	padding: 20px 0px 30px 0px;
	font-size: 14px;
	color: #8a8a8a;
	font-family:"Montserrat", sans-serif;
	font-weight: 400;
	margin: 0px;
	line-height: 20px;
}

.Product_sec li .Details .button {
	font-size: 14px;
	color: #fff;
	font-family:"Montserrat", sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	background: url(../img/Learn-bg.png) no-repeat;
	width: 152px;
	height: 44px;
	line-height: 43px;
	display: block;
}

.Product_sec li .img {
	float: right;
	width: 234px;
}

.Product_sec li .left {
	padding-left: 130px;
    width: 70%;
	float: left;
}

.Product_sec li .left .Details {
	width: 60%;
	float: left;
	text-align: right;
}

.Product_sec li .left .Details h3 {
	padding-right: 0px;
	font-size: 24px;
	color: #1d232c;
	font-family:"Montserrat", sans-serif;
	font-weight: 700;
	margin: 0px;
	line-height: 30px;
}

.Product_sec li .left .Details h3 span {
	margin: 0px;
	font-family:"Montserrat", sans-serif;
	font-weight: 300;
	display: block;
}

.Product_sec li .left .img {
	width: 237px;
	padding: 8px 0px 0px 0px;
}

/* <<< Container >>> */
#Container {
	overflow: hidden;
	width: 100%;
}

/* <<< Middle Section >>> */
.Middle_sec {
	width: 100%;
	overflow: hidden;
	/* background: #222a36 url(../img/sollication-bg.jpg) top center no-repeat; */
	background: #fff url(../img/sollication.png) top center no-repeat;
}

.Middle_sec .Center {
	max-width: 1098px;
	margin: auto;
	overflow: hidden;
}

.Middle_sec #Leftside {
	width: 51.00%;
	float: left;
	position: relative;
}

.Middle_sec #Leftside .Client {
	width: 374px;
	text-align: center;
	padding: 139px 141px 139px 142px;
	background: url(../img/Client-bg.png) top center no-repeat;
	margin-top: -1px;
}

.Middle_sec #Leftside .Client img {
	margin: auto auto 16px;
	border-radius: 50%;
}

.Middle_sec #Leftside .Client h3 {
	font-size: 14px;
	color: #fff;
	margin: 0px;
	font-family:"Montserrat", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-style: italic;
}

.Middle_sec #Leftside .Client1 {
	padding: 94px 50px 120px 53px;
	position: absolute;
	top: 188px;
	left: 33.5%;
	text-align: center;
	/* background: url(../img/Client-bg1.png) top center no-repeat; */
	background: url(../img/client.png) top center no-repeat;
	width: 374px;
}

.Middle_sec #Leftside .Client1 img {
	margin: auto;
	border-radius: 50%;
}

.Middle_sec #Leftside .Client1 p {
	padding: 3px 0px 10px 0px;
	font-size: 22px;
	color: #fff;
	font-family:"Montserrat", sans-serif;
	font-weight: 400;
	margin: 0px;
	letter-spacing: -0.2px;
}

.Middle_sec #Leftside .Client1 h3 {
	font-size: 14px;
	color: #fff;
	margin: 0px;
	font-family:"Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

.Middle_sec #Leftside .Client2 {
	padding: 139px 50px 139px 50px;
	margin: -3px 0px 0px 0px;
	text-align: center;
	background: url(../img/Client-bg.png) top center no-repeat;
	width: 374px;
}

.Middle_sec #Leftside .Client2 img {
	margin: auto auto 16px;
	border-radius: 50%;
}

.Middle_sec #Leftside .Client2 p {
	font-size: 14px;
	color: #fff;
	font-family:"Montserrat", sans-serif;
	font-style: italic;
}

.Middle_sec #Leftside .Client2 h3 {
	font-size: 14px;
	color: #fff;
	margin: 0px;
	font-family:"Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-style: italic;
}

.Middle_sec #Rightside {
	padding-top: 65px;
	width: 46.6%;
	float: right;
}

.Middle_sec #Rightside ul {
	list-style: none;
	margin: 0px;
}

.Middle_sec #Rightside li {
	float: none;
	padding: 0px 0px 100px 0px;
	margin: 0px;
	display: inline-block;
}

.Middle_sec #Rightside li:last-child {
	padding-bottom: 0px;
}

.Middle_sec #Rightside li .Industrial {
	padding-top: 5px;
	float: left;
}

.Middle_sec #Rightside li .Information {
	width: 54.5%;
	float: right;
}

.Information a {
	color: #fff;
}

.Middle_sec #Rightside li .Information h4 {
	font-size: 24px;
	color: #00b3ae;
	font-family:"Montserrat", sans-serif;
	font-weight: 700;
	margin: 0px;
	line-height: 28px;
}

.Middle_sec #Rightside li .Information h4 span {
	display: block;
	color: #fff;
	font-family:"Montserrat", sans-serif;
	font-weight: 300;
}

.Middle_sec #Rightside li .Information p {
	padding: 18px 0px 16px 0px;
	font-size: 15px;
	margin: 0px;
	color: #424449;
	font-family:"Montserrat", sans-serif;
	font-weight: 400;
	width: 100%;
}

.Middle_sec #Rightside li .Information ul {
	list-style: none;
}

.Middle_sec #Rightside li .Information li {
	float: left;
	padding: 0px;
	margin: 0px 12px 0px 0px;
}

/* New section */
.image-grid {
	display: flex;
	flex-wrap: wrap;
	padding: 4rem 0;
	width: 100%;
	min-height: 100vh;
}
.image-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3vh;
	border-radius: 0;
	transition: border-radius 0.75s cubic-bezier(0.65, 0, 0.35, 1);
	overflow: hidden;
	cursor: pointer;
}
.image-card.image-portrait {
	margin-left: 10vw;
	width: 30vw;
	height: 40vw;
}
.image-card.image-landscape {
	margin-left: 10vw;
	width: 40vw;
	height: 30vw;
}
.image-card:hover {
	border-radius: 15rem;
}
.image-card:hover .image-header {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.image-card .image-header, .image-card .image-caption {
	color: #fff;
}
.image-card .image-header {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	font-size: 20px;
	font-weight:bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	opacity: 0;
	transition: all 0.85s cubic-bezier(0.65, 0, 0.35, 1);
	pointer-events: none;
}
.image-card p {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	font-size: 20px;
	font-weight:bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	opacity: 0;
	transition: all 0.85s cubic-bezier(0.65, 0, 0.35, 1);
	pointer-events: none;
}
.image-card img {
	display: block;
	width: 150%;
	object-fit: cover;
}



/*** Categories & Courses ***/
.category img,
.course-item img {
    transition: .5s;
}

.category a:hover img,
.course-item:hover img {
    transform: scale(1.1);
}
/*** Section Title ***/
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.section-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 2px;
    top: 4px;
    left: -40px;
    background: var(--primary);
    z-index: -1;
}

.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: 5px;
    left: -60px;
    background: var(--primary);
    z-index: -1;
}

.section-title.text-start::before {
    width: calc(100% + 40px);
    left: 0;
}

.section-title.text-start::after {
    width: calc(100% + 60px);
    left: 0;
}




.footer {
	position: relative;
	background: #05b3a4;
	min-height: 100px;
	padding: 20px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top:10%;
  }
  
  .social-icon,
  .menu {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	flex-wrap: wrap;
  }
  
  .social-icon__item,
  .menu__item {
	list-style: none;
  }
  
  .social-icon__link {
	font-size: 2rem;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	transition: 0.5s;
  }
  .social-icon__link:hover {
	transform: translateY(-10px);
  }
  
  .menu__link {
	font-size: 1.2rem;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	transition: 0.5s;
	text-decoration: none;
	opacity: 0.75;
	font-weight: 300;
  }
  .menu__link:hover{
	  color: white;
  }
  
  .menu__link:hover {
	opacity: 1;
  }
  
  footer {
    /* background: linear-gradient(0deg, rgba(8, 32, 50, 0.9), rgba(8, 32, 50, 0.9)), url(../img/bg_banner1.jpg), #082032; */
	background:#7ca9c8a1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer .footer-top {
    padding-top: 20px;
    padding-bottom: 20px;
}
footer .footer-top img{
    width: 25%;
    margin-left: 35%;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    padding-top: 20px;
}

footer .navbar-brand {
    color: #fff;
	font-size:30px;
}

footer p {
    color: #000;
}
footer h3 {
    color: #243763;
	font-size:35px;
	margin-top:15px;
	margin-bottom:15px;

}

footer .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #5777ba;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
  }
  
 
.navigation{
	position: relative;
	top: 86% !important;
	z-index: 9999;
	position: fixed;
  }
  .banner-icon {
	background-color: #dee2e6;
	padding: 0px;
	margin-top: 30px;
	border-top-right-radius: 50px;
	width: 100%;
	border: 1px solid #adb5bd;
  }
  .banner-icon .list-home{
	margin-left: -40px;
	width: 55px;
  }
  .list-home p{
	 margin-top:30px;
	 font-size:16px;
	 color:#243763;
  }
  .banner-icon .banner-home {
	position: absolute;
	height: 53px;
	width: 53px;
	border-radius: 50%;
	border: 3px solid #adb5bd;
	background-color: #dee2e6;
	margin:-70px 12px;
	padding: 2px;
  }
  .banner-icon ul{
	list-style-type: none;
	right:25px;
	position:relative;
	}
	.banner-icon ul li{
	  display: inline-block;
	  margin: 0 12px;
	}
	.banner-icon ul li img{
	  width: 35px;
	  margin-top: 15px;
	}
  

 .services {
	position: relative;
	right: 2rem;
	top: 86% !important;
	z-index: 9999;
	position: fixed;
  }
  .button-menu {
	color: #E3DFE9;
	font-size: 18px;
	background: #dee2e6;
	border-radius: 50%;
	padding: 10px 3px;
	width: 70px;
	height: 70px;
	display: inline-block;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	margin-bottom: 15px;
	border: 2px solid #adb5bd;
	margin-right: -215px;
}
  
  .button-menu:hover {
	color: #DBD7E0;
	transform: translateY(3px);
  }
  .button-menu img {
	width: 79%;
	margin-left: 6px;
  }
  .dropdown {
	position: relative;
	color: #E3DFE9;
	font-size: 15px;
	background: white;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 15px;
	display: block;
	cursor: pointer;
	width: 235px;
	transform: scale(0.01);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
	transform-origin: center top;
	overflow: hidden;
	margin-top: -280px;
    height: 275px;
  }
  
  .dropdown.open {
	transform: scale(1);
	opacity: 1;
	box-shadow: 3px 3px 30px rgba(118, 96, 168, 0.15);
  }
  
  .dropdown a {
	position: relative;
	color: #6C6185;
	text-decoration: none;
	display: block;
	padding: 12.5px 30px;
	transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
	overflow: hidden;
  }
  
  .dropdown a.clicked {
	padding-left: 35px;
	color: #987CD9;
  }
  
  .dropdown a:hover {
	color: #987CD9;
	padding-left: 35px;
  }
  
  span {
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0px;
	position: absolute;
	background: #987CD9;
	transition: width 0.4s ease;
	border-radius: 1px;
  }
  
  span.clicked {
	width: 5px;
  } 

  .navbar-logo{
	position:absolute;
	margin-top:10px;
/*	margin-left:10px; */
    margin-right: 37px;
}
  .navbar-brand img{
	width:11%;
  }


@media (max-width: 390px){
.Top_Bar .site-logo a {
		font-size: 15px;
		margin-left: 20px;
	}
	.Top_Bar .site-logo {
		margin-top: 0px;
	}
	.Product_sec li .left .Details {
		text-align: left;
	}
	.Product_sec li .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .right .Details {
		width: 75%;
		text-align: left;
	}
	.Product_sec li .left .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .left .Details {
		width: 150%;
		margin-left: -90px;
	}
	.Product_sec li {
		margin: 0px 0px -20px 0px;
	}
  .Middle_sec #Rightside li .Information {
    width: 65%;
}
.Middle_sec #Rightside {
    width: 88%;
	padding-top: 30px;
}
.Middle_sec #Leftside .Client1 {
    top: 642px;
    zoom: 45%;
	left:0%;
}
.Middle_sec #Rightside li {
    padding: 0px 0px 0px 0px;
}
.Middle_sec #Rightside li .Information h4 {
    font-size: 15px;
}
.Middle_sec #Rightside li .Information p {
    font-size: 12px;
}
.Middle_sec #Rightside li .Information p {
    padding: 5px 0px 0px 0px;
}
.Middle_sec #Rightside li .Industrial {
	padding-top: 5px;
}
figure img{
    width: 50%;
	margin-left:100px;
}
#cd-timeline::before, #cd-timeline-2::before {
    display:none;
}
.cd-timeline-img{
	display:none;
}
.cd-timeline-content h2 {
    font-size: 15px !important;
}
.cd-timeline-content p {
    font-size: 13px !important;
}
.cd-timeline-block {
    margin: -2em 0 !important;
}
#cd-timeline {
    margin-top: -4em !important;
}
.navigation {
	margin-left: -22px;
	top: 88%;
  }
  .banner-icon{
      margin-left:26px;
      width:90%;
  }
  .banner-icon ul li {
	margin: 0px 5px;
  }
  .banner-icon ul li img {
	width: 23px;
  }
  .banner-icon .banner-home {
	height: 45px;
	width: 45px;
	margin-top:-59px;
	padding: 2px;
  }
  .banner-icon .list-home{
	margin-left: -31px;
  }
  .list-home p {
	font-size: 14px;
  }
  .services {
	top: 80% !important;
  }
  .button-menu {
	padding: 6px 0px;
	width: 50px;
	height: 50px;
  }
  .dropdown {
	font-size: 15px;
	width: 200px;
	margin-top: -257px;
	height:255px;
  }
  footer .footer-top img {
    width: 35%;
    margin-left: 100px;
}
} 

@media (min-width: 391px) and (max-width: 900px) {

	.Top_Bar .site-logo a {
		font-size: 15px;
		margin-left: 20px;
	}
	.Top_Bar .site-logo {
		margin-top: 50px;
	}
	.Product_sec li .left .Details {
		text-align: left;
	}
	.header {
		padding: 45px 0px 0px 0px;
	}
	.Product_sec li .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .right .Details {
		width: 75%;
		text-align:left;
	}
	.Product_sec li .left .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .left .Details {
		width: 150%;
		margin-left: -90px;
	}
	.Product_sec li {
		margin: 0px 0px -20px 0px;
	}
  .Middle_sec #Rightside li .Information {
    width: 65%;
}
.Middle_sec #Rightside li .Industrial {
	padding-top: 0px;
}
.Middle_sec #Rightside {
    width: 88%;
	padding-top: 30px;
}
.Middle_sec #Leftside .Client1 {
    top: 642px;
    zoom: 45%;
	left:0%;
}
.Middle_sec #Rightside li {
    padding: 0px 0px 5px 0px;
}
.Middle_sec #Rightside li .Information h4 {
    font-size: 15px;
}
.Middle_sec #Rightside li .Information p {
    font-size: 12px;
}
.Middle_sec #Rightside li .Information p {
    padding: 5px 0px 0px 0px;
}
figure img{
	margin-left: 100px;
    width: 50%;
}
#cd-timeline::before, #cd-timeline-2::before {
    display:none;
}
.cd-timeline-img{
	display:none;
}
.cd-timeline-content h2 {
    font-size: 15px !important;
}
.cd-timeline-content p {
    font-size: 13px !important;
}
.cd-timeline-block {
    margin: -2em 0 !important;
}
#cd-timeline {
    margin-top: -4em !important;
}
.header .arrow {
    display:none;
}
.navigation {
	margin-left: -22px;
	top: 88%;
  }
  .banner-icon{
      margin-left:26px;
      width:90%;
  }
  .banner-icon ul li {
	margin: 0px 5px;
  }
  .banner-icon ul li img {
	width: 23px;
  }
  .banner-icon .banner-home {
	height: 45px;
	width: 45px;
	margin-top:-59px;
	padding: 2px;
  }
  .banner-icon .list-home{
	margin-left: -31px;
  }
  .list-home p {
	font-size: 14px;
  }
.services {
	top: 80% !important;
  }
  .button-menu {
	padding: 6px 0px;
	width: 50px;
	height: 50px;
  }
  .dropdown {
	font-size: 15px;
	width: 200px;
	margin-top: -257px;
	height:255px;
  }
footer .footer-top img {
    margin-left: 200px;
}
}

@media (min-width: 901px) and (max-width: 1200px) {
	.Top_Bar .site-logo a {
		font-size: 15px;
		margin-left: 20px;
	}
	.Middle_sec #Rightside li .Industrial {
		padding-top: 55px;
	}
	.header {
		padding: 45px 0px 0px 0px;
	}
	.Product_sec li .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .right .Details {
		width: 75%;
	}
	.Product_sec li .left .Details h3 {
		font-size: 14px;
		line-height: unset;
	}
	.Product_sec li .left .Details {
		width: 150%;
		margin-left: -90px;
	}
	.Product_sec li {
		margin: 0px 0px -20px 0px;
	}
  .Middle_sec #Rightside li .Information {
    width: 65%;
}
.Middle_sec #Rightside {
    width: 88%;
	padding-top: 30px;
}
.Middle_sec #Leftside .Client1 {
    top: 642px;
    zoom: 45%;
	left:0%;
}
.Middle_sec #Rightside li {
    padding: 0px 0px 0px 0px;
}
.Middle_sec #Rightside li .Information h4 {
    font-size: 15px;
}
.Middle_sec #Rightside li .Information p {
    font-size: 12px;
}
.Middle_sec #Rightside li .Information p {
    padding: 5px 0px 0px 0px;
}
figure img{
	margin-left: 100px;
    width: 50%;
}
#cd-timeline::before, #cd-timeline-2::before {
    display:none;
}
.cd-timeline-img{
	display:none;
}
.cd-timeline-content h2 {
    font-size: 15px !important;
}
.cd-timeline-content p {
    font-size: 13px !important;
}
.cd-timeline-block {
    margin: -2em 0 !important;
}
#cd-timeline {
    margin-top: -4em !important;
}
.header .arrow {
    display:none;
}
}

/* New css block bussiness & Marketing START */
/*       .business-marketing-sec {*/
/*           margin:30px 0;*/
/*       }*/
/*      .dig-content {*/
/*          width: 60%;*/
/*       }*/
/*       .business-marketing-sec .dig-content p {*/
/*          min-height: 11px;*/
/*       }*/
/*       .business-outer-block {*/
/*          display: flex;*/
/*          align-items: center;*/
/*          justify-content: center;*/
/*          padding: 20px;*/
/*          background: #ddd;*/
/*       }*/
/*       .marketing-outer-block {*/
/*          display: flex;*/
/*          align-items: center;*/
/*          justify-content: center;*/
/*          padding: 20px;*/
/*          background: #ddd;*/
/*       }*/
  
/*       .business-image-block , .marketing-image-block {*/
/*         width: 40%; */
/*       }*/
       
/*       .business-image-block img {*/
/*         padding: 25px 10px;border-radius: 5px;background: #fff;width:80%;margin: 0 auto;*/
/*       }*/
/*       .marketing-image-block img {*/
/*        padding: 25px 10px;border-radius: 5px;background: #fff;width: 78%;margin: 0 auto;*/
/*       }*/
/*       @media (max-width:575px){*/
/*        .business-outer-block {*/
/*          flex-direction: column-reverse;*/
/*          padding: 10px;*/
/*        }*/
/*        .marketing-outer-block {*/
/*          flex-direction: column;*/
/*          padding: 10px;*/
/*        }*/
/*        .business-image-block , .marketing-image-block {*/
/*           width: 50%;*/
/*        }*/
/*        .dig-content {*/
/*          width: 85%;*/
/*        }*/
/*        .lt-align , .rt-align {*/
/*          text-align: center;*/
/*        }*/
/*       }*/
/* New css block bussiness & Marketing END */



      .business-marketing-sec {
          margin: 30px 0;
      }
       .business-outer-block {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 20px;
         
       }
       .marketing-outer-block {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 20px;
         
       }
       .lt-align {
          text-align: left;
       }
       .rt-align {
          text-align: right;
       }
       .business-image-block , .marketing-image-block {
           display: flex;
           align-items: center;
           justify-content: center;
       }
       
       .business-image-block img {
         padding: 25px 10px;border-radius: 5px;background: #fff;width:50%;
       }
       .marketing-image-block img {
        padding: 25px 10px;border-radius: 5px;background: #fff;width: 50%;
       }
       @media (max-width:991px){ 
           .marketing-outer-block {
               flex-direction: column;
           }
           .business-outer-block {
              flex-direction: column-reverse;
           }
           .business-image-block img {
               width:100%;
           }
           .marketing-outer-block img {
                width:100%;
           }
       }
       
       
       @media (max-width:575px){
        .business-outer-block {
          flex-direction: column-reverse;
          padding: 10px;
        }
        .marketing-outer-block {
          flex-direction: column;
          padding: 10px;
        }
        .business-image-block , .marketing-image-block {
           width: 50%;
        }
        .lt-align , .rt-align {
          text-align: center;
        }
       }